/* Local4340 DN-NAV14/GROW15/CONTACT16. Product/world controllers stay independent. */
#directions .section-heading{margin-bottom:22px}
#directions .denim-concept-note{margin-top:20px;max-width:1180px;font-size:14px;line-height:1.6}
@media(min-width:701px){#directions .ap-showcase-top{min-height:420px}.ap-copy-stack .ap-showcase-copy{min-height:0}.ap-copy-stack{padding-block:24px}}
#growth .section-heading{align-items:end;margin-bottom:26px}
#growth .section-heading h2{font-size:clamp(34px,3.1vw,48px);line-height:1.12;letter-spacing:-.035em}
#growth .section-heading .eyebrow{margin-bottom:16px}
#growth .section-copy{max-width:460px}
#growth .denim-proof-grid{gap:24px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
#growth .denim-proof-choice,#growth .denim-proof-cart{padding:28px;border-radius:24px;min-width:0}
#growth .denim-proof-choice{display:grid;grid-template-columns:minmax(130px,.68fr) minmax(0,1fr);gap:22px;align-items:start}
#growth .denim-proof-choice>.eyebrow{grid-column:1/-1}
#growth .denim-proof-photo{width:100%;height:auto;aspect-ratio:190/340;margin:0;max-height:340px;border-radius:12px;align-self:start}
.compact-product-controls{min-width:0}
#growth .denim-proof-inputs{grid-template-columns:1fr;gap:16px;margin:0 0 20px}
#growth .mq-select-trigger{margin-top:8px}
#growth .compact-product-controls>[data-proof-add]{width:100%;justify-content:center;min-height:54px;height:auto;font-size:14px;line-height:1.4;padding:13px 16px;gap:12px}
#growth .compact-product-controls>[data-proof-add] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
#growth .compact-product-controls>[data-proof-add] .link-arrow{display:flex;flex:none}
#growth .denim-proof-error{min-height:20px;font-size:13px;line-height:1.5;margin-top:12px}
#growth .denim-proof-caption{font-size:13px;line-height:1.6;margin-top:8px}
#growth .denim-proof-tabs{margin:18px 0 20px}
#growth .denim-proof-tabs button{min-height:46px;padding:11px 14px;font-size:14px}
#growth .denim-proof-empty{padding:10px 0 20px}
#growth .denim-proof-empty h3{font-size:25px;margin:0 0 10px}
#growth .denim-proof-empty p{font-size:14px;line-height:1.6}
#growth .denim-proof-adapter{min-height:0;margin-top:12px;padding:24px}
#growth .denim-proof-adapter h3{font-size:25px;margin:14px 0;line-height:1.2}
#growth .denim-proof-adapter>p:not(.eyebrow){font-size:15px;line-height:1.6}
#growth .denim-unconnected{margin-top:16px;line-height:1.5}
#growth .denim-proof-unchanged{min-height:21px;margin-top:16px;font-size:13px;line-height:1.6}
#growth .denim-proof-boundary{margin-top:22px;max-width:1180px;font-size:14px;line-height:1.65}
#growth [data-proof-lines]{max-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#777 #222}
#growth .denim-proof-line{padding:16px 0;gap:16px}
#growth .denim-proof-line strong{font-size:21px}
#growth .denim-proof-quantity button{min-width:40px;height:44px}
.compact-cart-count{font-size:12px;line-height:1.5;color:#b8b8b8;margin:0 0 8px}
.compact-cart-count[hidden]{display:none}
/* Fix the scroll owner: dialog frames the surface; its content scrolls only at the real cap. */
#contact-dialog{height:fit-content;min-height:0;overflow:visible}
#contact-dialog>.panel-inner{height:auto;min-height:0;max-height:var(--contact-content-cap,calc(100dvh - 38px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-color:#777 #222;border-radius:inherit;position:relative}
#contact-dialog .contact-workspace{margin-bottom:0}
[data-copy-workspace]{transform:none!important}
[data-copy-workspace]>.copy-label-window,[data-copy-workspace]:is(:hover,:focus-visible,:active)>.copy-label-window{transform:none!important;transition:none!important}
[data-copy-workspace][data-copied=true],[data-copy-workspace][data-copied=true]:is(:hover,:focus-visible,:active){background:#202124!important;color:#eeede9!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 2px #0000001a}
#contact-dialog .contact-email>.copy-symbol,#contact-dialog .contact-email:hover>.copy-symbol{translate:none;transform:none}
@media(max-width:1100px){#growth .denim-proof-grid{gap:20px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}#growth .denim-proof-choice,#growth .denim-proof-cart{padding:24px}#growth .denim-proof-choice{grid-template-columns:110px minmax(0,1fr);gap:18px}#growth .denim-proof-adapter{padding:22px}#growth .denim-proof-adapter h3{font-size:23px}}
@media(max-width:900px){#growth .denim-proof-grid{grid-template-columns:1fr}#growth .denim-proof-choice{grid-template-columns:minmax(120px,180px) minmax(0,1fr)}#growth .denim-proof-photo{max-height:300px;width:auto;max-width:100%}#growth .denim-proof-inputs{grid-template-columns:1fr 1fr}#growth .section-heading{gap:20px}#growth .section-copy{max-width:52ch}}
@media(max-width:700px){#directions .ap-showcase .ap-filmstrip-shell{inset:auto 0 12px;bottom:12px;min-height:0;padding:0;overflow-x:auto;scrollbar-width:thin}#directions .ap-showcase .ap-copy-stack{margin-top:0}#directions .denim-concept-note{margin-top:18px}#growth .denim-proof-choice{grid-template-columns:1fr;gap:20px}#growth .denim-proof-photo{max-height:260px;width:145px;justify-self:center}#growth .denim-proof-choice,#growth .denim-proof-cart{padding:24px 20px;border-radius:20px}#growth .denim-proof-inputs{gap:14px}#growth .mq-select-trigger,#growth select{font-size:16px}#growth .denim-proof-line{grid-template-columns:minmax(0,1fr) auto}#growth .denim-proof-quantity button{min-width:44px}#growth [data-proof-lines]{max-height:260px}#growth .denim-proof-boundary{font-size:14px}}
@media(max-width:380px){#growth .denim-proof-inputs{grid-template-columns:1fr}#growth .denim-proof-tabs{grid-template-columns:1fr}#growth .denim-proof-tabs button{min-height:44px}#growth .denim-proof-adapter{padding:20px 18px}}
/* The existing zero-height disclosure is its own mask/formatting context.
   overflow:clip let its concealed213px descendants extend the ancestor scroll area. */
#contact-dialog .contact-message-body{overflow:hidden}
/* Fit the expanded four-step explanation by removing spacing, not words. */
@media(min-width:901px){
 #growth .denim-proof-cart{padding:24px 28px}
 #growth .denim-proof-empty{padding:0 0 10px}
 #growth .denim-proof-empty h3{margin-bottom:8px}
 #growth .denim-proof-adapter{padding:22px 24px}
 #growth .denim-future-toggle{margin-top:18px;padding:14px 0;min-height:48px}
 #growth .denim-future>div{padding-top:12px}
 #growth .denim-future ol{margin:10px 0 8px}
}
/* Keep the visually-hidden absolute status inside the disclosure's clipping owner. */
#contact-dialog .contact-message-body{position:relative}
/* Long cart remains an independent reading lane when the four-step route is open. */
@media(min-width:901px){
 #growth .denim-proof-cart [data-proof-lines]{max-height:var(--growth-list-cap,220px)}
 #growth .denim-proof-cart .denim-proof-adapter{padding-bottom:18px}
 #growth .denim-future>div{padding-top:10px}
 #growth .denim-future ol{margin:6px 0}
}
/* A height cap must not stretch a background portrait against its authored ratio. */
#growth .denim-proof-choice{grid-template-columns:minmax(130px,190px) minmax(0,1fr)}
#growth .denim-proof-photo{width:min(100%,190px);height:auto;max-height:none;aspect-ratio:190/340;justify-self:start}
@media(max-width:1100px) and (min-width:901px){#growth .denim-proof-choice{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:900px){#growth .denim-proof-choice{grid-template-columns:minmax(120px,168px) minmax(0,1fr)}#growth .denim-proof-photo{width:min(100%,167.647px)}}
@media(max-width:700px){#growth .denim-proof-choice{grid-template-columns:1fr}#growth .denim-proof-photo{width:145px;justify-self:center}}