@import url('./storefront-production.css');
@import url('./product-production.css');
/* External runtime layer: keeps CSP free of inline styles. */
.runtime-banner{position:fixed;z-index:2147483000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - 24px);padding:11px 16px;border-radius:999px;background:#171815;color:#fff;font:600 11px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 12px 38px rgba(0,0,0,.2);text-align:center}.runtime-banner.online{background:#eef0e8;color:#171815}.semaison-noscript{padding:20px}.shipping-progress progress{display:block;width:100%;height:4px;margin-top:8px;border:0;border-radius:99px;overflow:hidden;background:rgba(23,22,18,.1);appearance:none}.shipping-progress progress::-webkit-progress-bar{background:rgba(23,22,18,.1)}.shipping-progress progress::-webkit-progress-value{background:#171612}.shipping-progress progress::-moz-progress-bar{background:#171612}
.sem-2026 .grain,.sem-2026 .page-progress{display:none!important}
.sem-2026 .reveal-ready,.sem-2026 .reveal-ready.is-visible{opacity:1!important;transform:none!important;transition:none!important}
.sem-2026 main#top>section:not(.hero):not(#koleksiyon),.sem-2026 .site-footer{content-visibility:auto;contain-intrinsic-size:auto 820px}
.sem-2026 .site-header.is-scrolled,.sem-2026 .site-header.scrolled{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(248,245,238,.97)!important}
.product-dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(12,11,9,.72)!important}
.product-dialog .dialog-close{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sem-2026 .hero-media img,.sem-2026 #product-grid .product-media img{will-change:auto!important}
.sem-2026 .site-header .coming-nav,.sem-2026 .site-header.is-scrolled .coming-nav,.sem-2026 .site-header.scrolled .coming-nav{min-width:0!important;min-height:34px!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sem-2026 #cart-backdrop.drawer-backdrop{background:rgba(17,16,13,.34)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sem-2026 #cart-drawer.drawer{border-left:1px solid rgba(23,22,18,.08)!important;box-shadow:-18px 0 60px rgba(23,22,18,.09)!important}
.sem-2026 #cart-drawer .drawer-head [data-close-cart]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid rgba(23,22,18,.14)!important;border-radius:50%!important;background:transparent!important;font-size:22px!important;box-shadow:none!important}
.sem-2026 #cart-drawer .qty{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.sem-2026 #cart-drawer .qty span{border-left:1px solid rgba(23,22,18,.11)!important;border-right:1px solid rgba(23,22,18,.11)!important}

/* Second-pass visual QA: keep long product names and prices on a stable rhythm. */
@media(min-width:360px){
.sem-2026 #product-grid .product-name,.sem-2026 #product-grid .product-detail-link{display:-webkit-box;min-height:2.12em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

@media(max-width:820px){
.runtime-banner{bottom:max(18px,env(safe-area-inset-bottom))}
.sem-2026 .site-header,.sem-2026 .site-header .menu-toggle,.sem-2026 .site-header .nav-actions .desktop-only,.sem-2026 .site-header .coming-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sem-2026 .site-header .coming-nav,.sem-2026 .site-header.is-scrolled .coming-nav,.sem-2026 .site-header.scrolled .coming-nav{min-width:44px!important;min-height:44px!important;height:44px!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.sem-2026 #cart-drawer .drawer-head{min-height:88px!important;padding:17px 18px 14px!important}.sem-2026 #cart-drawer .drawer-head small{margin-bottom:5px!important;font-size:9px!important}.sem-2026 #cart-drawer .drawer-head h2{font-size:38px!important;line-height:.92!important}.sem-2026 #cart-drawer .cart-items{padding:0 18px 12px!important}.sem-2026 #cart-drawer .cart-row{grid-template-columns:72px minmax(0,1fr) auto!important;gap:12px!important;padding:15px 0!important}.sem-2026 #cart-drawer .cart-row>div:first-child,.sem-2026 #cart-drawer .cart-thumb{width:72px!important}.sem-2026 #cart-drawer .cart-thumb{height:90px!important}.sem-2026 #cart-drawer .cart-row h4{max-width:20ch!important;font-size:16px!important;line-height:1.08!important;margin-bottom:6px!important}.sem-2026 #cart-drawer .price-mini{font-size:11px!important}.sem-2026 #cart-drawer .qty{grid-template-columns:36px 36px 36px!important;margin-top:10px!important}.sem-2026 #cart-drawer .qty button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;font-size:15px!important}.sem-2026 #cart-drawer .qty span{min-width:36px!important;height:36px!important;font-size:11px!important}.sem-2026 #cart-drawer .remove-item{min-height:36px!important;font-size:9px!important;letter-spacing:.1em!important}.sem-2026 #cart-drawer #cart-recommendations.cart-recommendations{padding:13px 18px 14px!important}.sem-2026 #cart-drawer #cart-recommendations>small{margin-bottom:9px!important;font-size:8.5px!important}.sem-2026 #cart-drawer #cart-recommendations>div{gap:10px!important}.sem-2026 #cart-drawer #cart-recommendations a{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important}.sem-2026 #cart-drawer #cart-recommendations img{width:42px!important;height:52px!important}.sem-2026 #cart-drawer #cart-recommendations span{font-size:12px!important;line-height:1.08!important}.sem-2026 #cart-drawer .cart-summary{min-height:64px!important;padding:13px 18px!important}.sem-2026 #cart-drawer .cart-summary :is(span,p,small){font-size:11px!important}.sem-2026 #cart-drawer .cart-summary :is(strong,b,.cart-total,#cart-total){font-size:26px!important}.sem-2026 #cart-drawer .cart-foot{padding:13px 18px max(18px,env(safe-area-inset-bottom))!important}.sem-2026 #cart-drawer #shipping-progress.shipping-progress{margin-bottom:11px!important;font-size:10px!important;line-height:1.45!important}.sem-2026 #cart-drawer .checkout-note,.sem-2026 #cart-drawer .cart-foot>p{font-size:10px!important;line-height:1.5!important}.sem-2026 #cart-drawer #checkout-btn,.sem-2026 #cart-drawer .primary.wide{min-height:48px!important;font-size:10px!important;letter-spacing:.13em!important}
.product-page-body .mobile-sticky-add small{font-size:10px!important;line-height:1.3!important}.product-page-body .mobile-sticky-add strong{font-size:13px!important}.product-page-body .mobile-sticky-add button{min-height:48px!important;font-size:10px!important;letter-spacing:.1em!important}
.product-page-body .related-grid strong{display:-webkit-box;min-height:2.1em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

@media(max-width:620px){
.sem-2026 .hero{height:100svh!important;min-height:100svh!important;max-height:none!important}
.sem-2026 .footer-wordmark{font-size:clamp(58px,20vw,84px)!important;letter-spacing:-.05em!important;overflow:hidden!important;white-space:nowrap!important}
}

@media(max-width:359px){
.sem-2026 .shop-tools{grid-template-columns:1fr!important;gap:6px!important}
.sem-2026 #product-grid.product-grid{grid-template-columns:1fr!important;row-gap:34px!important;column-gap:0!important}
.sem-2026 #product-grid .product-card{contain-intrinsic-size:288px 430px!important}
.sem-2026 #product-grid .product-name,.sem-2026 #product-grid .product-detail-link{display:block;min-height:0;overflow:visible;-webkit-line-clamp:unset;font-size:19px!important;line-height:1.08!important}
.sem-2026 #product-grid .product-info{grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important}.sem-2026 #product-grid .product-price{text-align:right!important;font-size:11px!important}.sem-2026 #product-grid .product-info small{font-size:7px!important}
.sem-2026 .wordmark{font-size:18px!important;letter-spacing:.1em!important}
}