/* Monochrome mobile UI. Actual fabric colors, photos and desktop styles are preserved. */
.site-header>.brand,body>header>.brand{display:flex;align-items:center;justify-content:center;align-self:center;gap:0}
.mobile-site-nav{display:none}
.mobile-menu-backdrop,.mobile-menu-icon{display:none}
@media(max-width:760px){
 :root{--paper:#fff;--paper-deep:#f5f5f5;--white:#fff;--ink:#111;--muted:#777;--line:#e5e5e5;--accent:#111;--olive:#111;--copper:#777;--sand:#f5f5f5;--mobile-nav-height:67px}
 body.mobile-site{color:#111;background:#fff;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}
 body.mobile-site :is(main,section,aside,article,dialog,footer){background-color:#fff!important;color:#111!important;border-color:#e5e5e5!important}
 body.mobile-site *{color:inherit!important;border-color:#e5e5e5}
 body.mobile-site :is(button,input,select,textarea,.panel,.library-card,.library-model-card,.product-series-row,.version-cover,.color-card-showcase-media,.case-picker,.composition-panel,.visual-search-modal,.studio-nav-dialog){border-radius:0!important;box-shadow:none!important}
 body.mobile-site :is(.site-header,.site-header.is-scrolled,.site-header.version-header,body>header){background:#fff!important;color:#111!important;border-bottom-color:#e5e5e5!important}
 body.mobile-site :is(.brand,.site-language,.site-language select,.menu-button,.studio-home,.studio-menu){color:#111!important}
 body.mobile-site .site-language select{background-color:#fff;border-color:#ddd}
 body.mobile-site :is(.header-home,.studio-home){display:none!important}
 body.mobile-site :is(.section-kicker,.eyebrow,.library-series-title small,.version-copy>span,.library-series-count,.library-count>span,.product-counter,.product-card-heading span,.product-disclaimer,.hint,.more-feedback){color:#777!important}
 body.mobile-site :is(.mobile-nav,.studio-nav-dialog,.composition-panel,.visual-search-modal,.visual-source-picker,.case-picker,.image-viewer){background:#fff!important;color:#111!important;border-color:#ddd!important}
 body.mobile-site :is(.mobile-nav a,.studio-mobile-links a){color:#111!important;border-color:#e5e5e5!important}
 body.mobile-site :is(.mobile-nav-caption,.mobile-nav-signature,.studio-nav-top small){color:#888!important}
 body.mobile-site :is(.mobile-nav a,.studio-mobile-links a)[aria-current=page]{font-weight:600;color:#000!important}
 body.mobile-site input:not([type=checkbox]):not([type=radio]),body.mobile-site select,body.mobile-site textarea{background-color:#fff;color:#111;border-color:#d9d9d9;accent-color:#111}
 body.mobile-site :is(input[type=checkbox],input[type=radio]){accent-color:#111}
 body.mobile-site :is(.library-search-combined,.product-tools input,.upload,.filters input,.filters select){background:#f7f7f7!important;border-color:#e0e0e0!important;color:#111!important;border-radius:0!important}
 body.mobile-site input::placeholder{color:#999!important}
 body.mobile-site :is(.library-search-combined .visual-search-trigger,.composition-filter summary,.library-reset,.product-reset){color:#666!important;border-color:#ddd!important}
 body.mobile-site .composition-filter summary span{color:#666!important}
 body.mobile-site .composition-filter summary img{filter:grayscale(1)!important}
 body.mobile-site :is(.composition-panel label:has(input:checked),.composition-panel label:hover){background:#f4f4f4!important;color:#111!important}
 body.mobile-site :is(.library-series-category,.tryon-series-category,.product-series-links a,.product-series-list a,.library-tags span){background:#f2f2f2!important;color:#666!important;border-color:#e5e5e5!important;border-radius:0!important}
 body.mobile-site :is(.library-card,.library-model-card,.library-detail-panel,.product-card,.product-detail-copy,.version-copy,.version-system,.version-placeholder,.version-next,.library-detail-hero,.library-detail-grid,.versions-hero,.color-library-hero,.library-toolbar,.product-intro,.product-tools,.panel,.filters,.results-line){background:#fff!important;color:#111;border-color:#e5e5e5!important}
 body.mobile-site :is(.library-card-body,.library-series-title,.library-series-footer,.library-detail-panel>div,.library-specs div){border-color:#e5e5e5!important}
 body.mobile-site :is(.library-text-link,.back-link,.product-back,.version-detail-link,.library-reset){color:#333!important}
 body.mobile-site :is(.library-style-button,.library-color-button,.product-categories button,.product-brands button,.case-picker-brands button,.tryon-catalog-filters button,.color-filter button,.style-filter button){background:#fff!important;border-color:#e8e8e8!important;color:#777!important;border-radius:0!important}
 body.mobile-site :is(.library-style-button,.library-color-button,.product-categories button,.product-brands button,.case-picker-brands button,.tryon-catalog-filters button,.color-filter button,.style-filter button):is(.is-active,[aria-pressed=true]){background:#f3f3f3!important;border-color:#111!important;color:#111!important}
 body.mobile-site .mobile-catalog-categories .library-style-button{min-height:61px;background:#fff!important}
 body.mobile-site .mobile-catalog-categories .library-style-button.is-active{background:#fff!important;color:#000!important;font-weight:600}
 body.mobile-site .mobile-catalog-categories .library-style-button.is-active::before{top:auto;bottom:10px;left:calc(50% - 14px);width:28px;height:2px;background:#111}
 body.mobile-site :is(.mobile-catalog-categories,.mobile-catalog-controls,.mobile-catalog-scroll,.mobile-product-catalog,.mobile-product-results,.product-brands){background:#fff!important;border-color:#eee!important}
 body.mobile-site.mobile-library-catalog{--catalog-paper:#fff;--catalog-line:#eee;padding-bottom:0}
 body.mobile-site .mobile-catalog-result-heading .library-count strong{color:#111}
 body.mobile-site .mobile-catalog-result-heading .library-count>span{color:#999}
 body.mobile-site .library-series-card .library-text-link{color:#555!important}
 body.mobile-site .library-series-mosaic{border-radius:0}
 body.mobile-site .library-series-tile img{filter:none}
 body.mobile-site .library-series-tile span{color:#fff;background:#111b}
 body.mobile-site :is(.library-series-mosaic,.library-model-images){background:#fff!important}
 body.mobile-site :is(.library-series-tile,.library-model-images a,.version-gallery-item,.home-version-media,.color-card-showcase-media){background-color:#f5f5f5!important}
 body.mobile-site :is(.library-series-tile span,.tryon-series-mosaic em){background:#111b!important;color:#fff!important}
 body.mobile-site :is(.composition-filter,.version-points,.product-brands,.mobile-product-heading){color:#111!important}
 body.mobile-site .mobile-product-description{color:#888!important}
 body.mobile-site .mobile-product-catalog .product-brands button[aria-pressed=true]{border-left:2px solid #111!important;background:#fff!important;border-radius:0}
 body.mobile-site .mobile-product-catalog .product-brands>span{color:#999}
 body.mobile-site:has([data-products-grid]){padding-bottom:0}
 body.mobile-site:has([data-products-grid]) .product-page{height:calc(100dvh - 68px - var(--mobile-nav-height) - env(safe-area-inset-bottom));background:#fff}
 body.mobile-site .mobile-product-results{padding-bottom:24px}
 body.mobile-site :is(.product-card-image,.product-detail-photo,.version-cover){background-color:#f7f7f7!important;border-radius:0!important}
 body.mobile-site :is(.hero,.hero-content,.hero-proof,.hero-actions,.hero-actions a,.hero-eyebrow,.hero-subtitle,.hero-copy,.hero-copy span){color:#fff!important}
 body.mobile-site .hero-shade{background:linear-gradient(180deg,#0003,transparent 36%,#000a)}
 body.mobile-site .hero-proof{border-color:#ffffff66}
 body.mobile-site :is(.material-summary,.material-row p,.color-card-showcase-copy p,.color-card-facts span,.color-card-catalog-note,.quality-list dd,.version-points li){color:#777!important}
 body.mobile-site :is(.material-list,.material-row,.material-feature,.color-card-catalog,.color-card-facts>div,.quality-list>div,.metrics,.metrics>div,.contact-inner,.editorial-lines){background-color:#fff!important;border-color:#e5e5e5!important}
 body.mobile-site :is(.material-title-line span,.metrics span,.footer-brand p,.site-footer p){color:#888!important}
 body.mobile-site :is(.editorial-link,.contact-button,.product-detail-contact){color:#111;border-color:#bbb}
 body.mobile-site .hero-actions .editorial-link{color:#fff;border-color:#fff}
 body.mobile-site :is(.contact-social-card,.contact-social-action,.contact-form input,.contact-form textarea){background:#fff!important;color:#111!important;border-color:#ddd!important}
 body.mobile-site :is(.social-action,.social-platform){color:#111!important}
 body.mobile-site .product-detail-contact{background:#111!important;color:#fff!important;border-radius:0}
 body.mobile-site .language-menu>div{background:#fff!important}
 body.mobile-site .language-menu a.is-active{background:#f3f3f3!important}
 body.mobile-site .flag{filter:grayscale(1)}
 body.mobile-site :is(.menu-button,.studio-menu) span{background:#111!important}
 body.mobile-site :is(.visual-source-sheet,.visual-upload,.visual-crop,.visual-mode,.visual-result-body,.mask-viewport){background:#fff!important;color:#111!important;border-color:#ddd!important;border-radius:0!important;box-shadow:none!important}
 body.mobile-site :is(.visual-source-options button,.source-cases,.source-brands button,.visual-mode button,.visual-replace,.mask-controls button,.library-feature-links>a){background:#f5f5f5!important;color:#111!important;border-color:#ddd!important;border-radius:0!important}
 body.mobile-site :is(.source-brands button[aria-pressed=true],.visual-mode button.is-active){background:#111!important;color:#fff!important}
 body.mobile-site dialog::backdrop{background:#0006}
 body.mobile-site :is(.space-card h3,.version-gallery-item figcaption,.color-card-showcase-media>span){color:#fff!important}
 body.mobile-site .space-card::after{background:linear-gradient(0deg,#0009,transparent 48%)}
 body.mobile-site .editorial-lines span{background:#ddd!important}
 body.mobile-site :is(.library-model-images span,.library-image-placeholder span){background:#111c!important;color:#fff!important}
 body.mobile-site :is(.capacity-card div,.language-menu summary){background:#fff!important;color:#111!important}
 body.mobile-site :is(.fabric img,.tryon-series-mosaic,.case-picker-grid img,.source-product img){border-radius:0!important}
 body.mobile-site .mobile-contact-shortcut{display:none!important}
 body.mobile-site :is(.tryon-steps,.tryon-step-dock,.tryon-step-status,.selection,.notice,.preview,.mask-editor,.mask-controls,.studio-nav-dialog,.case-picker){background:#fff!important;border-color:#ddd!important;color:#111!important}
 body.mobile-site :is(.tryon-steps button,.secondary,.fabric,.case-picker-brands button){background:#fff!important;color:#555!important;border-color:#ddd!important}
 body.mobile-site :is(.tryon-steps button[aria-current=step],.primary,.visual-search-button,.case-picker-brands button[aria-pressed=true]){background:#111!important;color:#fff!important;border-color:#111!important}
 body.mobile-site :is(.primary,.visual-search-button):disabled{background:#eee!important;color:#aaa!important;border-color:#eee!important}
 body.mobile-site :is(.fabric.selected,.fabric.is-selected,.fabric[aria-pressed=true]){border-color:#111!important;box-shadow:inset 0 0 0 1px #111!important}
 body.mobile-site.tryon-mobile-flow{padding-bottom:calc(148px + env(safe-area-inset-bottom))}
 body.mobile-site .tryon-step-dock{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:10px 16px;box-shadow:none}
 body.mobile-site .mobile-site-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:24;min-height:var(--mobile-nav-height);padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:#fff!important;border:0;border-top:1px solid #eee;box-sizing:border-box}
 body.mobile-site .mobile-site-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:51px;padding:0 1px;color:#888!important;font:400 11px/1.35 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.02em;white-space:nowrap;text-decoration:none}
 body.mobile-site .mobile-site-nav img{display:block;width:28px;height:28px;opacity:.5;filter:none}
 body.mobile-site .mobile-site-nav a[aria-current=page]{color:#111!important;font-weight:500}
 body.mobile-site .mobile-site-nav a[aria-current=page] img{opacity:1}
 body.mobile-site:is(.mobile-library-catalog,.mobile-versions-catalog) .mobile-site-nav{position:relative;inset:auto;flex:none}
 body.mobile-site.mobile-versions-catalog{padding-bottom:0}
 body.mobile-site.nav-open .mobile-site-nav{visibility:hidden}
 body.mobile-site :is(.mobile-nav,.studio-nav-dialog){z-index:40}
 body.mobile-site .mobile-nav{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 body.mobile-site ::selection{background:#ddd;color:#111}
 body.mobile-site :is(button,a,summary,input,select):focus-visible{outline-color:#111!important}
 /* Reference direction: white space, sans-serif UI and quiet underlined selection. */
 body.mobile-site{font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
 body.mobile-site :is(button,input,select,textarea,label,summary,nav,nav a){font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif!important}
 body.mobile-site :is(.product-series-row strong,.selection strong,.section-title>span){font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;font-style:normal}
 body.mobile-site :is(.product-photo-link.has-product-gallery,.product-gallery-thumb img,.product-series-preview){border-radius:0!important}
 body.mobile-site :is(main h1,main h2,main h3,main h4,.version-copy h2,.library-series-heading strong,.library-series-title strong){font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;letter-spacing:0!important}
 body.mobile-site :is(.color-library-hero h1,.versions-hero h1,.product-intro h1){font-size:22px!important;font-weight:500!important;line-height:1.4!important}
 body.mobile-site :is(.site-header,body>header){min-height:64px;gap:12px;transition:none!important}
 body.mobile-site>header:not(.site-header){position:relative}
 body.mobile-site :is(.site-header,body>header)>.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;text-align:center;white-space:nowrap;font-family:Georgia,"Times New Roman",serif!important}
 body.mobile-site .site-header .brand-wordmark{font-family:Georgia,"Times New Roman",serif!important;font-size:25px!important;letter-spacing:.06em!important}
 body.mobile-site>header:not(.site-header)>.brand{font-size:25px!important;line-height:1.2;letter-spacing:.06em}
 body.mobile-site>header:not(.site-header)>.brand small{font:400 7px/1.4 Arial,sans-serif;letter-spacing:.14em;margin-top:7px;opacity:.65}
 body.mobile-site .hero .hero-copy{font-family:Georgia,"Times New Roman",serif!important;font-style:normal!important;font-weight:400;letter-spacing:-.035em!important}
 body.mobile-site .hero .hero-copy span{font-family:inherit!important;font-style:italic!important}
 body.mobile-site :is(.site-header,body>header) :is(.menu-button,.studio-menu){order:-1;margin:0 auto 0 0!important;flex:none}
 body.mobile-site :is(.site-header,body>header) :is(.site-language,.language-menu){order:3;margin:0 0 0 auto!important}
 body.mobile-site :is(.site-language select,.language-menu summary){border:0!important;background-color:#fff!important;font-size:11px!important}
 body.mobile-site :is(.mobile-catalog-categories,.mobile-versions-categories){border-right:0!important}
 body.mobile-site .mobile-catalog-categories .library-style-button{justify-content:flex-start;padding-left:12px;font-size:13px;min-height:63px;color:#111!important}
 body.mobile-site .mobile-catalog-categories .library-style-button.is-active::before{left:12px;width:32px;height:2px}
 body.mobile-site .mobile-versions-categories button{justify-content:flex-start;padding-left:11px;font-size:11px;min-height:63px;color:#111!important}
 body.mobile-site .mobile-versions-categories button[aria-pressed=true]::after{left:11px;width:32px}
 body.mobile-site .mobile-product-catalog .product-brands button{position:relative;border:0!important;color:#111!important}
 body.mobile-site .mobile-product-catalog .product-brands button[aria-pressed=true]{border:0!important;background:#fff!important}
 body.mobile-site .mobile-product-catalog .product-brands button[aria-pressed=true]::after{content:"";position:absolute;left:calc(50% - 13px);bottom:6px;width:26px;height:2px;background:#111}
 body.mobile-site .library-series-heading{justify-content:center}
 body.mobile-site .library-series-heading strong{font-size:15px!important;font-weight:600!important}
 body.mobile-site .library-series-category{font-size:9px!important;background:transparent!important;padding:0!important}
 body.mobile-site :is(.library-card-body,.library-series-title,.library-series-heading,.library-series-footer){border:0!important}
 body.mobile-site .library-series-footer{align-items:center}
 body.mobile-site .library-series-count{font-size:10px!important}
 body.mobile-site .library-series-card .library-text-link{font-size:11px!important;font-weight:400}
 body.mobile-site .version-copy h2{font-size:13px!important;font-weight:600!important;text-align:center;line-height:1.6!important;min-height:40px}
 body.mobile-site .version-copy{text-align:center}
 body.mobile-site .version-detail-link{font-size:11px!important;font-weight:400}
 body.mobile-site .version-detail-link::after{display:none!important}
 body.mobile-site .mobile-site-nav{border-top:0!important;padding-top:9px}
 body.mobile-site .mobile-site-nav a{font-size:11px}
 body.mobile-site .mobile-site-nav img{width:28px;height:28px}
 body.mobile-site .library-search-combined{background:#fff!important;border:0!important;border-bottom:1px solid #ddd!important}
 body.mobile-site .library-search-combined :is(input,.visual-search-trigger){background:transparent!important;border:0!important}
 body.mobile-site .library-search-combined .visual-search-trigger{border-left:1px solid #ddd!important}
 body.mobile-site .mobile-catalog-controls .library-color-button{border:0!important;background:#fff!important;padding-inline:7px}
 body.mobile-site .mobile-catalog-controls .library-color-button.is-active{background:#f5f5f5!important}
}

/* Phone-only menu: a compact two-column sheet, with the current page still visible below. */
@media(max-width:760px){
 body.mobile-menu-compact.nav-open .site-header{z-index:42;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;touch-action:none}
 body.mobile-menu-compact .mobile-nav{
  top:calc(var(--mobile-menu-top,var(--header-height,64px)) - 1px);right:0;bottom:auto;left:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;place-content:start stretch;
  gap:0 22px;height:auto;max-height:calc(100svh - var(--mobile-menu-top,64px) - 100px);
  margin:0;padding:10px 22px 22px;border:0;border-bottom:1px solid #eee!important;
  overflow:auto;overscroll-behavior:contain;transform:none;transition:opacity .18s ease,visibility .18s;
  box-shadow:0 12px 20px -20px #0004;isolation:isolate;
 }
 body.mobile-menu-compact .mobile-nav :is(.mobile-nav-caption,.mobile-nav-signature){display:none}
 body.mobile-menu-compact .mobile-nav a{
  display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;margin:0;padding:10px 0;
  border-bottom:1px solid #eee!important;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:.02em;
  opacity:1;transform:none;transition:background .15s;transition-delay:0s;
 }
 body.mobile-menu-compact .mobile-nav a::before{display:none}
 body.mobile-menu-compact .mobile-nav a::after{width:11px;height:11px;margin-left:auto;flex:none;opacity:.35}
 body.mobile-menu-compact .mobile-nav a.mobile-menu-primary{min-height:68px;font-size:15px}
 body.mobile-menu-compact .mobile-nav a.mobile-menu-primary::after{display:none}
 body.mobile-menu-compact .mobile-nav a.mobile-menu-primary:nth-of-type(3),
 body.mobile-menu-compact .mobile-nav a.mobile-menu-primary:nth-of-type(4){margin-bottom:14px}
 body.mobile-menu-compact .mobile-nav .mobile-menu-icon{display:block;width:24px;height:24px;flex:none;opacity:.8}
 body.mobile-menu-compact .mobile-nav a:active{background:#f7f7f7}
 body.mobile-menu-compact .mobile-nav a:focus-visible{outline:1px solid #111;outline-offset:2px}
 body.mobile-menu-compact .mobile-menu-backdrop:not([hidden]){
  display:block;position:fixed;inset:var(--mobile-menu-top,64px) 0 0;z-index:39;background:rgb(0 0 0 / 22%);
  touch-action:none;
 }
 body.mobile-menu-compact.nav-open .mobile-site-nav{visibility:visible}
}
