/* Crisp icons stay above the optical surface in every browser. */
.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
[data-glass]>.ui-icon,[data-glass]>.glass-label{position:relative;z-index:2}
.compare-choice:before{display:none;content:none}
.compare-choice[data-glass]>.ui-icon{width:14px;height:14px;min-width:14px;stroke-width:1.8}
.compare-choice[data-glass]{gap:7px}
.header-search button .ui-icon{width:20px;height:20px}
.text-link .ui-icon,.card-bottom>a>.ui-icon{width:17px;height:17px;min-width:17px}
.brand-rail>a{display:flex;align-items:center;gap:.28em}
.brand-rail>a .ui-icon{width:.7em;height:.7em;min-width:.7em}
/* An open sidebar, with bounded controls instead of filled rectangles. */
:root[data-theme=dark] #catalog-filters{background:transparent}
.sort-control select,:root[data-theme=dark] .sort-control select{background-color:transparent;border:1px solid var(--line);border-radius:12px;padding:12px 34px 12px 14px;min-height:44px;color:var(--ink);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a7b75' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}
#mobile-search-toggle,.mobile-menu-appearance,#mobile-search-slot{display:none}
.bag-button #cart-count:before{content:'('}.bag-button #cart-count:after{content:')'}
@media(max-width:1000px){
  /* The header keeps the same geometry before and after scrolling. */
  .site-header[data-glass],.site-header.is-scrolled[data-glass]{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:calc(100% - 24px);min-height:64px;top:8px;margin:10px auto 0;padding:9px 12px 9px 18px;gap:12px;border-radius:22px;corner-shape:round;border:1px solid var(--control-edge);box-shadow:0 5px 20px var(--soft-shadow)}
  .site-header .wordmark{flex:none;line-height:0}.site-header .wordmark img{width:148px;height:auto}
  .site-header .header-actions{margin:0;display:flex;gap:4px;align-items:center}
  .site-header nav,.site-header .saved-link,.site-header .bag-text{display:none}
  #mobile-search-toggle,#mobile-menu-toggle,.site-header .bag-button{display:inline-grid;place-items:center;position:relative;width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;flex:0 0 44px;padding:0;gap:0;border-radius:50%;line-height:1;color:var(--ink)}
  .site-header button.icon-button[data-glass=action]{border:0;background:transparent;box-shadow:none;padding:0}
  .site-header .icon-button svg,.site-header .bag-button>svg{display:block;width:22px;height:22px;stroke-width:1.55}
  .site-header .bag-button>span{position:absolute;right:0;top:1px;font-size:9px;line-height:15px;min-width:15px;height:15px;text-align:center;background:var(--ink);color:var(--paper);border-radius:50%;padding:0 3px}
  .site-header .bag-button #cart-count:before,.site-header .bag-button #cart-count:after{content:none}
  .site-header[data-glass]>.liquid-surface>.glass-frost{background:rgba(var(--glass-warm),.9);box-shadow:inset 0 1px 1px #ffffff20}
  .site-header[data-glass]>.liquid-surface>.glass-edge{opacity:.35}
  .site-header[data-glass]>.liquid-surface>.glass-optical-plane{backdrop-filter:blur(18px) saturate(1.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.12)!important}
  .site-header [data-glass=action]>.liquid-surface>.glass-frost{background:transparent;box-shadow:none}
  .site-header [data-glass=action]>.liquid-surface>.glass-edge{opacity:0}
  .site-header [data-glass=action]>.liquid-surface>.glass-optical-plane{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #mobile-menu{position:fixed;inset:12px 12px auto;width:calc(100% - 24px);max-width:480px;max-height:calc(100dvh - 24px);margin:0 0 0 auto;padding:22px;border:1px solid var(--control-edge);border-radius:24px;background:var(--paper);overflow:auto;overscroll-behavior:contain}
  #mobile-menu::backdrop{background:#080b0b78;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .mobile-menu-top{font:400 29px/1.15 var(--serif);letter-spacing:-.025em;margin-bottom:18px}
  .mobile-menu-top .icon-button{width:44px;height:44px;flex:none}
  #mobile-search-slot{display:block}
  #mobile-search-slot .header-search{display:flex;width:100%;max-width:none;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--soft-surface)}
  #mobile-search-slot .header-search input{font-size:16px;padding:13px 4px 13px 14px;min-height:48px;border-radius:14px}
  #mobile-search-slot .header-search button{margin:2px;width:44px;height:44px;min-height:44px;padding:0;border:0;box-shadow:none}
  #mobile-search-slot .header-search button>.liquid-surface>.glass-frost{background:transparent;box-shadow:none}
  #mobile-search-slot .header-search button>.liquid-surface>.glass-edge{opacity:.25}
  #mobile-menu nav{gap:0;padding-top:18px}
  #mobile-menu nav a{font-size:18px;padding:13px 2px;border-color:var(--line);line-height:1.4}
  .mobile-menu-appearance{display:flex;align-items:center;justify-content:space-between;padding:20px 2px 2px;gap:20px;font-size:14px;color:var(--muted)}
  #mobile-theme-slot{display:flex}
  #mobile-theme-slot .theme-toggle{width:66px;height:36px;min-height:36px}
  #mobile-theme-slot .theme-thumb{width:26px;height:26px}
  #mobile-theme-slot .theme-toggle[aria-checked=true]>.theme-thumb{translate:30px 0}
  #mobile-theme-slot .theme-toggle svg{width:17px;height:17px}
}
@media(max-width:700px){
  .site-header .wordmark img{width:140px}
  .announcement{display:none}
  .compare-choice[data-glass]{font-size:12px;min-height:40px!important}
  .fixture-information>section{scroll-margin-top:100px}
  #catalog-filters.open,:root[data-theme=dark] #catalog-filters.open{border:1px solid var(--line);background:var(--soft-surface)}
}
@media(max-width:370px){.site-header[data-glass]{padding-left:14px;gap:6px}.site-header .wordmark img{width:116px}.site-header .header-actions{gap:1px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.site-header[data-glass]>.liquid-surface>.glass-frost{background:var(--paper)!important}}
@media(forced-colors:active){.site-header[data-glass],#mobile-menu{background:Canvas;border-color:CanvasText}.site-header .bag-button>span{background:Highlight;color:HighlightText}.sort-control select{appearance:auto;background-image:none}.site-header button.icon-button[data-glass=action]{border:1px solid ButtonText}}
/* A shared inset for the text and vector chevron in every native dropdown. */
:root select:not([multiple]):not([size]),:root select[size="1"]{--select-inset:16px;appearance:none;-webkit-appearance:none;padding-left:var(--select-inset);padding-right:calc(var(--select-inset)*2 + 16px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23868980' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 5 7 7 7-7'/%3E%3C/svg%3E");background-size:16px 16px;background-position:right var(--select-inset) center;background-repeat:no-repeat}
@media(max-width:1000px){:root select:not([multiple]):not([size]),:root select[size="1"]{font-size:16px}}
@media(forced-colors:active){:root select:not([multiple]):not([size]),:root select[size="1"]{appearance:auto;background-image:none}}