.container{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}

.topbar{
  background:linear-gradient(90deg,#171717 0%,#222 100%);
  color:#fff;text-align:center;padding:11px 16px;font-size:12px;letter-spacing:.08em
}
.header{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(219,206,190,.85);
  box-shadow:0 6px 24px rgba(50,33,16,.04);
}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.subnav{
  display:flex;gap:18px;align-items:center;justify-content:center;
  padding:12px 20px;font-size:13px;background:rgba(255,255,255,.88);
  border-top:1px solid rgba(236,226,213,.55);
  border-bottom:1px solid rgba(236,226,213,.7);flex-wrap:wrap;
  position:relative;z-index:2;
}
.footer{background:#fff;border-top:1px solid #e8dfd3;margin-top:0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;padding:54px 20px}

.hero{
  display:grid;grid-template-columns:1.15fr .85fr;
  overflow:hidden;border-radius:42px;
  background:linear-gradient(135deg,#eee2d5 0%,#d9bb98 52%,#c69268 100%);
  min-height:580px;margin-top:36px;
  box-shadow:0 20px 44px rgba(39,24,4,.10);
  border:1px solid rgba(222,205,186,.9);
  min-width:0;
}
.hero-left{padding:68px 66px 62px;display:flex;flex-direction:column;justify-content:center}
.hero-right{position:relative;min-height:580px}
.collage{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-auto-rows:160px;margin-top:74px}
.section{margin-top:82px}
.section-head.center{text-align:center;margin-bottom:30px}

.designer-wrap{margin-top:82px}
.designer{
  display:grid;grid-template-columns:.96fr 1.04fr;background:#f3eee7;border-radius:42px;
  overflow:hidden;border:1px solid rgba(230,220,209,.9);
  box-shadow:0 20px 40px rgba(39,24,4,.08);
  min-width:0;
}
.designer-content{padding:48px 50px;display:flex;flex-direction:column;justify-content:center}
.designer-image{background:#f0ebe4}
.sale-banner{min-width:0}

.product-grid{display:grid;gap:24px;min-width:0}
.product-grid.five{grid-template-columns:repeat(5,1fr)}
.product-grid.three{grid-template-columns:repeat(3,1fr)}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;min-width:0}
.notice-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-width:0}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-width:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.form-grid.one{grid-template-columns:1fr}
.two-col{display:grid;grid-template-columns:290px 1fr;gap:34px;min-width:0}
.product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start;min-width:0}
.panel-grid{display:grid;grid-template-columns:1fr 360px;gap:30px;margin-top:42px;align-items:start;min-width:0}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start;min-width:0}
.account-layout{display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:start;min-width:0}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;min-width:0}
.checkout-layout>div,.summary,.designer,.sale-banner{min-width:0}

.product-gallery{display:flex;flex-direction:column;gap:14px}
.thumb-carousel{display:flex;align-items:center;gap:12px}
.thumbs-wrap{overflow:hidden;flex:1 1 auto}
.thumbs-track{display:flex;transition:transform .25s ease;will-change:transform}
.thumb-page{min-width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.thumb-page-indicators{display:flex;justify-content:center;gap:8px;margin-top:8px}

@media (max-width:1100px){
  .product-grid.five{grid-template-columns:repeat(3,1fr)}
  .product-grid.three{grid-template-columns:repeat(2,1fr)}
  .category-grid{grid-template-columns:repeat(3,1fr)}
  .two-col,.product-layout,.panel-grid,.cart-layout,.checkout-layout,.account-layout,.contact-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-left{padding:40px 28px}
  .hero-right{min-height:360px}
  .collage{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}
  .designer{grid-template-columns:1fr}
  .designer-content{padding:34px 24px}
  .mini-grid,.notice-boxes,.form-grid,.stat-grid{grid-template-columns:1fr}
  .sale-banner{padding:28px;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}
  .thumb-page{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}
@media (max-width:640px){
  .account-menu{grid-template-columns:1fr}
}
@media (max-width:560px){
  .container{padding:0 18px}
  .product-grid.five,.product-grid.three,.mini-grid,.footer-grid{grid-template-columns:1fr}
  .thumb-page{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* visual QA layout refinements */
.container{max-width:1260px}
.section{margin-top:74px}
.section-title-row{align-items:flex-end}
.checkout-layout,.cart-layout,.account-layout,.panel-grid,.product-layout{align-items:start}
.summary{align-self:start}
@media (max-width:1100px){
  .summary{margin-top:18px}
}