.gallery-container{max-width:1200px;margin:0 auto;font-family:Archivo}
.designGallery h2{font-size:32px;font-weight:400;margin-bottom:32px;color:#1a1a1a;font-family:Archivo}
.content-wrapper{display:flex;gap:88px}
.sidebar-tabs{display:flex;flex-direction:column;min-width:204px;gap:4px;flex-shrink:0}
.sidebar-tabs .tab-btn{text-align:left;padding:18px 16px;background:0;border:0;border-radius:8px;font-family:Archivo;font-size:18px;color:#8c8e90;cursor:pointer;line-height:101%;transition:all .2s ease;white-space:nowrap}
.sidebar-tabs .tab-btn.active{color:#2e2f32;font-weight:600;border:1px solid #e6e7eb;box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.06)}
.horizontal-tabs{display:none;gap:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.horizontal-tabs::-webkit-scrollbar{display:none}
.horizontal-tabs .tab-btn{padding:8px 18px;background:0;border:1px solid #e6e6e8;border-radius:24px;font-family:Archivo;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}
.horizontal-tabs .tab-btn.active{background:#eeeeef;color:#000;border-color:#e6e6e8;font-weight:500;font-size:16px;line-height:126%}
.gallery-wrapper{flex:1;min-width:0;position:relative}
.gallery-grid{display:none;gap:16px}
.gallery-grid.active{display:grid}
.layout-5{grid-template-columns:480fr 430fr;grid-template-rows:230px;position:relative;left:55px}
.layout-5 .img-card{aspect-ratio:unset}
.bottom-row{display:grid;grid-template-columns:300fr 232fr 354fr;grid-template-rows:320px;gap:16px;margin-top:16px}
.bottom-row .img-card{aspect-ratio:unset}
.upper-row-4{display:grid;grid-template-columns:315fr 618fr;grid-template-rows:230px;gap:16px;position:relative;left:55px}
.upper-row-4 .img-card{aspect-ratio:unset}
.bottom-row-4>:last-child{max-height:230px}
.bottom-row-4{display:grid;grid-template-columns:630fr 350fr;grid-template-rows:320px;gap:16px;margin-top:16px}
.bottom-row-4 .img-card{aspect-ratio:unset}
.img-card{border-radius:12px;overflow:hidden;position:relative;cursor:pointer}
.img-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}
.img-card:hover img{transform:scale(1.05)}
.view-all-wrapper{display:flex;justify-content:flex-end;margin-top:24px;position:absolute;right:-60px;bottom:0}
.view-all-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#2a2a3a;color:#fff;border:0;border-radius:32px;font-family:Archivo;font-size:14px;cursor:pointer;transition:background .2s ease;text-decoration:none}
.view-all-btn:hover{background:#1a1a2a}
.view-all-btn svg{width:16px;height:16px;transition:transform .2s ease}
.view-all-btn:hover svg{transform:translateX(3px)}
.gallery-grid,.bottom-row,.upper-row-4,.bottom-row-4{animation:fadeIn .35s ease}
.bottom-row>:last-child{height:231px;align-self:start}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:768px){.gallery-grid{gap:5px}
.gallery-wrapper h2{text-align:center;font-size:24px;margin-bottom:16px}
.gallery-wrapper{padding:0 16px}
.horizontal-tabs>:first-child{margin-left:16px}
.horizontal-tabs>:last-child{margin-right:16px}
.upper-row-4{left:0}
.content-wrapper{flex-direction:column;gap:0}
.sidebar-tabs{display:none}
.horizontal-tabs{display:flex}
.layout-5{grid-template-columns:1fr 1fr;grid-template-rows:180px;margin-left:0;left:0}
.bottom-row{grid-template-columns:3fr 2fr;grid-template-rows:108px 118px;margin-top:12px;margin-top:5px;gap:5px}
.img-card{border-radius:6px}
.designGallery h2{text-align:center;margin-bottom:20px;font-weight:500;font-size:24px;line-height:110%}
.bottom-row .img-card:nth-child(3){grid-column:1 / -1}
.upper-row-4{grid-template-columns:1fr 1fr;grid-template-rows:180px;gap:5px}
.bottom-row-4{grid-template-columns:1fr 1fr;grid-template-rows:180px;gap:5px;margin-top:5px}
.bottom-row>:last-child{height:auto;align-self:stretch}
.gallery-wrapper{padding-bottom:0}
.view-all-wrapper{position:static;margin-top:16px}
.view-all-btn{width:100%;justify-content:center}
}