/* White theme (loaded last) */
:root{--wall:#ffffff;--wall-soft:#f5f4f2;--wall-deep:#efeeeb;--ink-warm:#1c1a17;--muted-warm:#6a645a;--rule:#1c1a1726}
body{background:var(--wall);color:var(--ink-warm)}
.site-header{background:var(--wall);color:var(--ink-warm);border-color:var(--rule)}
.page-home .site-header{background:linear-gradient(#0007,#0000);color:#fff;border:0}
.collection,.runway,.maison-page,.production{background:transparent;color:var(--ink-warm)}
.runway{border-color:var(--rule)}
.eyebrow,.eyebrow.dark,.collection-intro,.runway-intro,.demo-prices-note,.collection-note,.production-credit,.production-empty,.soon-label,.card-color,.page-back,.runway-page-heading p{color:var(--muted-warm)}
.maison-text p{color:#3b362f}
.maison-text .maison-lead{color:var(--ink-warm)}
.collection-filters button{color:var(--muted-warm)}
.collection-filters button[aria-pressed=true]{color:var(--ink-warm)}
.page-footer,.site-footer{background:var(--wall-deep);color:var(--ink-warm);border-color:var(--rule)}
.product-breadcrumb{border-color:var(--rule);color:var(--ink-warm)}
.mega-menu,.drop-menu,.page-home .mega-menu{background:var(--wall-soft);color:var(--ink-warm);border-color:var(--rule)}
.mega-col a,.drop-menu a{color:var(--ink-warm)}
.drop-menu em{color:var(--muted-warm)}
.page-home .nav-item,.page-home .nav-trigger{color:#fff}
.page-home .mega-menu .mega-col a,.page-home .drop-menu a{color:var(--ink-warm)}
.production-photo img,.product-card-image{background:var(--wall-deep)}
/* product page and dialog */
.product-page.product-dialog,.product-dialog{background:var(--wall);color:var(--ink-warm);--muted:var(--muted-warm);--line:#1c1a1730;--paper:var(--wall);--ink:var(--ink-warm)}
.product-copy .dark,.demo-price-label,.materials-content dd,.material-note,.checkout-notice{color:var(--muted-warm)}
.product-purchase{background:var(--wall)}
.purchase-quantity select{background:var(--wall-soft);border-color:#1c1a1755;color:var(--ink-warm)}
.size-options span{border-color:#1c1a1766}
.size-options input:checked+span{color:#fff;background:#1c1a17;border-color:#1c1a17}
.size-options label:hover span{border-color:#1c1a17}
.product-copy .shop-primary,.cart-dialog .shop-primary{color:#fff;background:#1c1a17;border-color:#1c1a17}
.product-copy .shop-primary:hover,.cart-dialog .shop-primary:hover{background:#3a362f}
.shop-primary:disabled,.cart-dialog .shop-primary:disabled{background:#a59d8f;border-color:#a59d8f;color:#eee}
.product-close{background:var(--wall-soft);color:var(--ink-warm)}
.product-thumbnails button[aria-pressed=true]{background:#1c1a17;color:#fff}
/* cart */
.cart-dialog{background:var(--wall);color:var(--ink-warm)}
.cart-step,.cart-footer,#cart-total-row,.cart-item{border-color:var(--rule)}
.cart-item p,.cart-header .eyebrow,.checkout-notice{color:var(--muted-warm)}
.cart-item .item-price{color:var(--ink-warm)}
.quantity-controls{border-color:#1c1a1755}
.cart-dialog .icon-button:hover{background:var(--wall-deep)}
.cart-error{color:#9a2f20}
#demo-form input,#demo-form select,.delivery-form input,.delivery-form select{background:var(--wall-soft);border-color:#1c1a1755;color:var(--ink-warm)}
.payment-mode{border-color:#1c1a1740}
.mobile-menu{background:var(--wall);color:var(--ink-warm)}
.runway-dialog{background:#111;color:#fff}
#filter-count,.card-name,.card-price{color:var(--ink-warm)}#filter-count{color:var(--muted-warm)}
.product-breadcrumb span,.product-breadcrumb a{color:var(--muted-warm)}.product-breadcrumb [aria-current=page]{color:var(--ink-warm)}
.page-footer a,.page-footer span,.footer-signature{color:var(--ink-warm)}

/* Saint Laurent-style typography: Helvetica Neue, regular, uppercase, no tracking, small */
html body,html body button,html body input,html body select,html body textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
html body :is(a,p,span,li,label,button,summary,figcaption,dt,dd,em,strong,small,h1,h2,h3,legend,option):not(.wordmark):not(.footer-brand){text-transform:uppercase;letter-spacing:0;font-style:normal}
html body :is(p,span,li,a,label,button,summary,figcaption,dt,dd,small,legend):not(.wordmark):not(.about-title):not(.tl-year){font-weight:400}
html body :is(h1,h2,h3,strong){font-weight:700;font-size:15px;line-height:1.4;letter-spacing:0}
html body :is(input,textarea,select){text-transform:none;font-size:15px}
html body :is(.desktop-nav a,.nav-trigger,.desktop-link,.cart-count,.mega-col a,.drop-menu a,.mega-soon){font-size:14px;line-height:1.4}
html body :is(.mega-col p){font-size:14px;font-weight:700;letter-spacing:0}
html body :is(.eyebrow,.page-back,.soon-label,.soon-name,.contact-block h2,.contact-form h2,.contact-form label,.cf-submit,.cf-note,.show-sound,.card-discover,.ed-caption,.campaign-cta,.runway-look-label,.runway-credit,.page-footer,.footer-bottom){font-size:13px;letter-spacing:0;line-height:1.5}
html body :is(.soon-name){font-weight:700}
html body .mobile-menu nav a{font-size:20px;letter-spacing:0}
html body :is(.contact-block p,.about-copy p,.about-info p){font-size:15px;line-height:1.5}
html body .contact-page h1{font-size:15px}
html body .maison-statement h1{font-size:15px}
html body :is(.cf-submit){font-weight:700}
html body :is(h1,h2,h3){font-size:15px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:0!important;max-width:none!important}
html body :is(.runway-page-heading,.contact-page,.maison-statement) :is(h1){margin-bottom:12px!important}
html body .runway-page-heading p{font-size:13px}
html body :is(.runway-look-label span,.card-name,.card-color){font-weight:400!important}
html body .production-soon:not(.collection-hero) :is(.eyebrow,.soon-label,.soon-name){color:#111!important}

/* Measured on ysl.com: Helvetica Regular/Bold, 12px / 16px line height, uppercase, no letter-spacing */
html body,html body *{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif!important}
html body :is(a,p,span,li,label,button,summary,figcaption,dt,dd,small,legend,h1,h2,h3,strong,em,.eyebrow,.desktop-nav a,.nav-trigger,.desktop-link,.cart-count,.mega-col a,.drop-menu a,.mega-soon,.mega-col p){font-size:12px!important;line-height:16px!important;letter-spacing:0!important;font-style:normal!important}
html body :is(h1,h2,h3,strong,.about-title,.mega-col p,.soon-name,.cf-submit,.ed-caption span:first-child,.campaign-cta-title){font-weight:700!important}
html body :is(a,p,span,li,label,button,summary,figcaption,dt,dd,small,legend,em):not(.about-title):not(.soon-name):not(.cf-submit):not(.campaign-cta-title):not(.mega-col p){font-weight:400!important}
html body :is(.about-copy p,.about-info p,.contact-block p,.maison-chapter p){font-size:14px!important;line-height:21px!important}
html body :is(input,textarea,select){font-size:14px!important;text-transform:none!important}
html body .mobile-menu nav a{font-size:18px!important;line-height:26px!important}
html body .wordmark{font-size:clamp(1.15rem,2.1vw,1.9rem)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.055em!important;text-transform:none!important}
html body .footer-brand{font-size:inherit!important}
html body a.wordmark.wordmark.wordmark{font-size:clamp(1.15rem,2.1vw,1.9rem)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.055em!important;text-transform:none!important}
html body a.wordmark:not(#_a){font-weight:700!important;font-size:clamp(1.15rem,2.1vw,1.9rem)!important;letter-spacing:-.055em!important;line-height:1.15!important}

/* Mobile menu: Saint Laurent-style list with a + for Fashion Shows */
html body .mobile-menu .menu-top{align-items:center;padding-top:4px}
html body .mobile-menu .m-nav{display:flex;flex-direction:column;gap:0;padding:56px 0 0}
html body .mobile-menu .m-nav>a,html body .mobile-menu .m-acc>summary{display:flex;align-items:center;justify-content:space-between;font-size:14px!important;line-height:20px!important;font-weight:400!important;letter-spacing:0!important;text-transform:uppercase;padding:16px 0;border:0;border-bottom:1px solid #1c1a1722;list-style:none;cursor:pointer;color:#111;text-decoration:none!important}
html body .mobile-menu .m-acc>summary::-webkit-details-marker{display:none}
html body .mobile-menu .m-nav>a[aria-current=page]{font-weight:700!important}
html body .mobile-menu .m-plus{position:relative;width:12px;height:12px;display:block}
html body .mobile-menu .m-plus::before,html body .mobile-menu .m-plus::after{content:"";position:absolute;background:#111;left:0;right:0;top:5.5px;height:1px}
html body .mobile-menu .m-plus::after{transform:rotate(90deg);transition:transform .2s}
html body .mobile-menu .m-acc[open] .m-plus::after{transform:rotate(0)}
html body .mobile-menu .m-sub{display:flex;flex-direction:column;border-bottom:1px solid #1c1a1722;padding:6px 0 10px}
html body .mobile-menu .m-sub a{font-size:14px!important;line-height:20px!important;font-weight:400!important;letter-spacing:0!important;text-transform:uppercase;padding:9px 0 9px 16px;color:#111;text-decoration:none!important}

html body .mobile-menu .m-nav>a,html body .mobile-menu .m-acc>summary{border-bottom:0!important}
html body .mobile-menu .m-sub{border-bottom:0!important}
html body .mobile-menu .wordmark:focus,html body .mobile-menu .wordmark:focus-visible{outline:none!important}
