/* 1.9.9: preserve complete reading on compact screens, touch-sized controls. */
.sourcing-scroll-scene.sourcing-flow{height:auto}
.sourcing-flow .sourcing-scroll-pin{position:relative;top:auto;padding-top:0}
.sourcing-flow .sourcing-scroll-pin [role=tablist]{position:sticky;top:88px;z-index:3;box-shadow:0 4px 16px #25395412;margin-bottom:20px}
.sourcing-flow .editorial-cards{display:grid;gap:36px}
.sourcing-flow .editorial-cards article{padding-bottom:24px;border-bottom:1px solid #cbd6e7}
.sourcing-flow .editorial-cards article:last-child{border-bottom:0}
.loop-controls .garment-dots button{width:24px;min-width:24px;min-height:44px;height:44px}
.loop-controls .garment-dots button:after,.loop-controls .garment-dots button[aria-pressed=true]:after{left:9.5px;top:19.5px}
@media(min-width:761px) and (max-width:1024px){
 .hero-copy{width:48%;left:6%}.hero-copy h1{font-size:clamp(44px,6vw,60px)}
 .sourcing-scroll-pin .editorial-cards article{gap:0 24px}.sourcing-scroll-pin .editorial-card-image{height:clamp(260px,38svh,390px)}
 .sourcing-scroll-pin .editorial-cards article>p{font-size:15px}
}
@media(max-width:760px){
 .hero-scene{height:clamp(260px,45svh,390px)}.hero-scene img{object-position:55% center}
 .hero-copy{padding:28px 6% 36px;gap:16px}.hero-copy h1{font-size:clamp(34px,9.8vw,52px)}.hero-copy p{font-size:15px}
 .site-nav #openShortlist{font-size:0;min-width:40px;min-height:44px;gap:5px}.site-nav .shortlist-icon{display:block;width:16px;height:18px}.site-nav #openShortlist #shortlistCount{font-size:10px;width:18px;height:18px}
 .site-nav #siteSearchOpen{min-width:40px;width:40px;min-height:44px}.site-nav #language{min-height:44px}
 .garment-fan[data-loop]{height:clamp(310px,48svh,405px)}
 .loop-controls .garment-dots button{width:23px;min-width:23px}.loop-controls .garment-dots button:after,.loop-controls .garment-dots button[aria-pressed=true]:after{left:9px}
 .showroom-selection.loop-caption{padding-top:0}.showroom-hint.loop-hint{margin-top:8px}
 .sourcing-flow .sourcing-scroll-pin [role=tab]{font-size:11px;line-height:1.45;padding:10px 6px}
 .sourcing-flow .editorial-card-image{height:clamp(170px,29svh,270px)}
 .product-photo .card-angle-toggle{top:auto;bottom:54px;left:8px;font-size:11px;min-height:36px;padding:6px 10px}
 .product-photo .quickview-trigger{min-height:36px;font-size:11px;padding:6px 10px}
 .product-photo .save{min-width:40px;min-height:40px}
 input,textarea,select{font-size:16px}.site-nav select{font-size:12px}
 .catalog-view-buttons button,.category-buttons button{min-height:44px}
 .style-gallery-views button{min-width:70px;min-height:110px}
 .pdp{display:flex;flex-direction:column;gap:28px}.pdp-gallery{display:contents}.pdp-gallery>*{order:3}.pdp-gallery>.style-gallery{order:0}.pdp-info{order:1}.pdp-gallery>p{order:2}
}
@media(max-width:360px){
 .site-nav,.site-nav[data-scrolled=true],body[data-home=true] .site-nav{padding-inline:12px;gap:4px}
 .site-nav .wordmark{font-size:23px}.site-nav[data-scrolled=true] .wordmark{font-size:23px}
 .site-nav .nav-actions{gap:3px}.site-nav #siteSearchOpen{min-width:32px;width:32px}.site-nav #openShortlist{min-width:34px;gap:3px}.site-nav #language{max-width:46px}
 .hero-copy h1{font-size:34px}.loop-controls .garment-dots button{width:22px;min-width:22px}
 .loop-controls .garment-dots button:after,.loop-controls .garment-dots button[aria-pressed=true]:after{left:8.5px}
 .product-grid{grid-template-columns:minmax(0,1fr)}
}