/* CLIN Apparel V33 Stable — deployment-safe layout normalization.
   Loaded after the accumulated historical stylesheet so the live UI has one final geometry. */
:root{--clin-topbar-h:38px;--clin-header-h:78px;--clin-mega-gap:14px;--clin-shell:1380px}
html,body{max-width:100%;overflow-x:hidden}
body{background:#fbfaf7}

/* Fixed header geometry */
.clin-topline{top:0!important;height:var(--clin-topbar-h)!important;z-index:6000!important}
.clin-header{top:var(--clin-topbar-h)!important;height:var(--clin-header-h)!important;z-index:5900!important}
body.admin-bar .clin-topline{top:32px!important}
body.admin-bar .clin-header{top:calc(32px + var(--clin-topbar-h))!important}
.clin-home,.clin-inner{padding-top:calc(var(--clin-topbar-h) + var(--clin-header-h))!important}
body.admin-bar .clin-home,body.admin-bar .clin-inner{padding-top:calc(var(--clin-topbar-h) + var(--clin-header-h))!important}

/* Navigation stays on one line and never crushes the logo. */
.clin-nav-wrap{width:min(1540px,100%)!important;min-width:0!important;padding-inline:42px!important;gap:26px!important}
.clin-brand{flex:0 0 250px!important;width:250px!important;min-width:250px!important}
.clin-logo-img{width:100%!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important}
.clin-main-nav{min-width:0!important;gap:26px!important;margin-left:auto!important}
.clin-main-nav>a,.clin-main-nav>.nav-drop>a{font-size:11px!important;letter-spacing:.1em!important}
.clin-project-btn{flex:0 0 auto!important}

/* Mega menu: a real gap under the navigation, no overlap with menu text. */
@media (min-width:981px){
  .clin-mega{top:calc(var(--clin-topbar-h) + var(--clin-header-h) + var(--clin-mega-gap))!important;z-index:6100!important;transform:translateY(0)!important;border-top:1px solid rgba(255,255,255,.17)!important;box-shadow:0 20px 50px rgba(0,0,0,.22)!important}
  body.admin-bar .clin-mega{top:calc(32px + var(--clin-topbar-h) + var(--clin-header-h) + var(--clin-mega-gap))!important}
  .clin-mega::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:calc(-1 * var(--clin-mega-gap) - 1px)!important;height:calc(var(--clin-mega-gap) + 1px)!important;background:transparent!important}
  .clin-mega .clin-mega-inner{padding:34px 46px 38px!important;align-items:start!important}
  .clin-mega-small .clin-mega-inner{padding:38px 46px 42px!important}
  .clin-mega-col{padding-top:0!important}
  .clin-menu-eyebrow{margin-bottom:18px!important}
  .clin-mega-col>a{padding:7px 0!important;line-height:1.35!important}
  .clin-mega-feature.wide h3{margin:8px 0 24px!important}
  .clin-mega-feature.wide p{margin:0 0 24px!important}
}

/* Single-image hero only. Remove all historical slider behavior. */
.editorial-hero{display:grid!important;grid-template-columns:43% 57%!important;min-height:550px!important;height:550px!important;max-height:550px!important;gap:0!important;background:#f3eee8!important;overflow:hidden!important}
.editorial-hero-copy{height:550px!important;padding:42px 28px 38px max(54px,5.5vw)!important;justify-content:center!important}
.editorial-hero-image.clin-fashion-hero-media{height:550px!important;min-height:550px!important;max-height:550px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#eee8df!important}
.clin-final-hero .clin-single-hero,.clin-final-hero .clin-single-hero .clin-fashion-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.clin-final-hero .clin-single-hero .clin-fashion-slide{display:block!important;opacity:1!important;animation:none!important;transform:none!important;object-fit:cover!important;object-position:center 13%!important}
.editorial-hero-image>img{animation:none!important}
.hero-pages,.clin-fashion-media-label{display:none!important}
.editorial-hero h1{font-size:clamp(50px,4.5vw,76px)!important;line-height:.95!important;margin-bottom:18px!important}
.clin-lead{font-size:14px!important;line-height:1.5!important;max-width:510px!important;margin-bottom:20px!important}
.hero-note{top:11%!important}

/* Product loop and major homepage sections get deterministic widths. */
.capability-strip,.clin-product-loop-section,.development-story{width:100%!important;max-width:100%!important}
.clin-product-loop-viewport{overflow:hidden!important;width:100%!important}
.clin-product-loop-track{max-width:none!important}
.specialization,.editorial-categories,.materials-editorial,.clin-proof,.clin-image-story,.process-editorial,.studio-editorial{max-width:var(--clin-shell)!important}

/* Keep the sampling image clean and product-led. */
.development-story{grid-template-columns:1.08fr .92fr!important;min-height:680px!important;overflow:hidden!important}
.development-image{min-width:0!important;overflow:hidden!important;background:#eee8df!important}
.development-image img{width:100%!important;height:100%!important;min-height:680px!important;object-fit:cover!important;object-position:center 12%!important;display:block!important}

/* Light footer is the only footer treatment. */
.clin-footer,.clin-footer .footer-editorial-head,.clin-footer .footer-editorial-grid,.clin-footer .footer-bottom{background:#f7f4ef!important;color:#111!important}
.clin-footer{border-top:1px solid #d8d1c8!important}
.clin-footer .footer-editorial-head h2,.clin-footer .footer-editorial-grid a,.clin-footer .footer-editorial-grid p{color:#111!important}
.clin-footer .footer-logo-img{filter:brightness(0)!important;opacity:.92!important}

/* Responsive final state */
@media (max-width:1280px) and (min-width:981px){
  .clin-nav-wrap{padding-inline:28px!important;gap:18px!important}
  .clin-brand{flex-basis:205px!important;width:205px!important;min-width:205px!important}
  .clin-main-nav{gap:18px!important}
  .clin-main-nav>a,.clin-main-nav>.nav-drop>a{font-size:10px!important}
  .clin-project-btn{padding-inline:14px!important;font-size:8px!important}
}
@media (max-width:980px){
  :root{--clin-topbar-h:32px;--clin-header-h:68px}
  .clin-topline{height:var(--clin-topbar-h)!important}
  .clin-header{height:var(--clin-header-h)!important;top:var(--clin-topbar-h)!important}
  body.admin-bar .clin-header{top:calc(32px + var(--clin-topbar-h))!important}
  .clin-home,.clin-inner{padding-top:calc(var(--clin-topbar-h) + var(--clin-header-h))!important}
  .clin-brand{width:190px!important;min-width:190px!important;flex-basis:190px!important}
  .clin-main-nav{top:calc(var(--clin-topbar-h) + var(--clin-header-h))!important}
  body.admin-bar .clin-main-nav{top:calc(32px + var(--clin-topbar-h) + var(--clin-header-h))!important}
  .clin-mega{position:static!important;top:auto!important;box-shadow:none!important}
  .editorial-hero{height:auto!important;max-height:none!important;min-height:0!important;grid-template-columns:1fr!important}
  .editorial-hero-copy{height:auto!important;padding:48px 26px 38px!important}
  .editorial-hero-image.clin-fashion-hero-media{height:460px!important;min-height:460px!important;max-height:460px!important}
  .clin-final-hero .clin-single-hero .clin-fashion-slide{object-position:center 10%!important}
  .development-story{grid-template-columns:1fr!important;min-height:0!important}
  .development-image img{min-height:520px!important;max-height:620px!important;object-position:center 10%!important}
}
@media (max-width:640px){
  .clin-brand{width:162px!important;min-width:162px!important;flex-basis:162px!important}
  .editorial-hero-copy{padding:38px 20px 30px!important}
  .editorial-hero-image.clin-fashion-hero-media{height:390px!important;min-height:390px!important;max-height:390px!important}
  .clin-final-hero .clin-single-hero .clin-fashion-slide{object-position:center 8%!important}
  .development-image img{min-height:430px!important;max-height:500px!important}
}

/* V34 Responsive QA — mobile/tablet safety fixes */
@media (max-width:980px){
  .clin-nav-wrap{padding-inline:18px!important;gap:12px!important}
  .mobile-toggle{display:block!important;flex:0 0 40px!important;margin-left:auto!important;position:relative!important;z-index:6300!important}
  .clin-main-nav{width:100vw!important;max-width:100%!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .clin-main-nav.open{transform:translateX(0)!important}
  .clin-topline .top-center{max-width:calc(100vw - 36px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .editorial-hero,.development-story,.studio-editorial,.clin-image-story{overflow:hidden!important}
  .editorial-hero-image,.development-image,.studio-editorial figure{min-width:0!important}
  .clin-product-loop-section,.clin-product-loop-viewport{max-width:100vw!important;overflow:hidden!important}
  .clin-footer{overflow:hidden!important}
}

/* WordPress admin bar is 46px high on phones/tablets under 783px. */
@media (max-width:782px){
  body.admin-bar .clin-topline{top:46px!important}
  body.admin-bar .clin-header{top:calc(46px + var(--clin-topbar-h))!important}
  body.admin-bar .clin-main-nav{top:calc(46px + var(--clin-topbar-h) + var(--clin-header-h))!important}
}

@media (max-width:640px){
  .clin-nav-wrap{padding-inline:14px!important}
  .clin-brand{max-width:calc(100vw - 82px)!important}
  .editorial-hero h1{font-size:clamp(43px,13vw,54px)!important;line-height:.96!important}
  .clin-lead{font-size:13px!important;line-height:1.55!important}
  .capability-strip>div{min-width:0!important}
  .capability-strip span{font-size:8px!important;line-height:1.35!important}
  .clin-product-loop-head{padding-inline:18px!important}
  .clin-product-loop-card{min-width:166px!important}
  .footer-editorial-head h2{font-size:clamp(42px,13vw,56px)!important}
}