/* Preview controls remain a small neutral part of the commerce navigation. */
.appearance-controls{display:flex;align-items:center;gap:14px;flex:none;margin-left:0;color:#18211c;font:14px/1.3 Arial,sans-serif;z-index:120}
.appearance-menu{position:relative;border:0;margin:0;padding:0;background:none}
.appearance-menu>summary{display:flex;gap:6px;align-items:center;padding:12px 0;cursor:pointer;list-style:none;font:400 14px/1.25 Arial,sans-serif;color:#19231c;white-space:nowrap;min-height:44px}
.appearance-menu>summary::-webkit-details-marker{display:none}
.appearance-menu>summary svg{width:14px;height:14px;transition:transform .15s}
.appearance-menu[open]>summary svg{transform:rotate(180deg)}
.appearance-current-color{height:9px;width:9px;border-radius:50%;background:var(--ap-accent,#e9002d);box-shadow:0 0 0 1px #0001}
.appearance-menu>summary:hover,.appearance-menu[open]>summary{color:#000}
.appearance-popover{position:absolute;right:0;top:calc(100% + 8px);width:282px;padding:10px;background:#fff;border:1px solid #d9ddd6;border-radius:6px;box-shadow:0 12px 38px #0b191c26;z-index:1001;color:#19231c}
.appearance-popover>p{font:500 10px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#788172;margin:4px 8px 8px}
.appearance-popover>[role=menu]{max-height:min(60vh,440px);overflow-y:auto;overscroll-behavior:contain}
.appearance-popover button{display:flex;align-items:center;gap:10px;border:0;border-radius:3px;width:100%;padding:10px 8px;background:#fff;color:#19231c;cursor:pointer;text-align:left;font:400 14px/1.3 Arial,sans-serif;min-height:42px}
.appearance-popover button:hover{background:#f4f5f0}
.appearance-popover button[aria-checked=true]{background:#edf0e8;font-weight:600}
.appearance-popover button:focus-visible,.appearance-menu>summary:focus-visible{outline:2px solid #273d2d;outline-offset:2px}
.appearance-swatches{display:flex;flex:none;gap:2px}
.appearance-swatches i{display:block;width:13px;height:17px;border:1px solid #0001}
.appearance-check{margin-left:auto;visibility:hidden;font:500 14px Arial,sans-serif}
[aria-checked=true]>.appearance-check{visibility:visible}
.appearance-fonts{width:240px}
.appearance-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.selected-refined .header-inner{gap:18px}
.selected-refined .main-nav{gap:16px}
.selected-refined .commerce-actions{gap:14px}
html[data-typeface]:not([data-typeface="original"]) body,
html[data-typeface]:not([data-typeface="original"]) body *:not(svg):not(svg *){font-family:var(--ap-font)!important}
html[data-typeface]:not([data-typeface="original"]) .site-header .brand,
html[data-typeface]:not([data-typeface="original"]) .site-header .brand *{font-family:Arial,sans-serif!important}
html[data-typeface]:not([data-typeface="original"]) .appearance-controls,
html[data-typeface]:not([data-typeface="original"]) .appearance-controls *{font-family:Arial,sans-serif!important}
html[data-typeface]:not([data-typeface="original"]) .appearance-fonts button>span:first-child{font-family:inherit!important}
html[data-typeface] .appearance-fonts [data-typeface="manrope"]>span:first-child{font-family:Manrope,Arial,sans-serif!important}
html[data-typeface] .appearance-fonts [data-typeface="barlow"]>span:first-child{font-family:"Barlow Condensed",Arial,sans-serif!important}
html[data-typeface] .appearance-fonts [data-typeface="system"]>span:first-child{font-family:"Segoe UI",system-ui,sans-serif!important}
html[data-color-palette]:not([data-color-palette="industrial-red"]) .site-header .brand>svg{fill:var(--ap-label)}
@media(min-width:1101px) and (max-width:1450px){.selected-refined .commerce-actions span{display:none}.selected-refined .commerce-actions{gap:12px}.selected-refined .header-inner{gap:16px}.selected-refined .main-nav{gap:14px}}
@media(max-width:1100px){.selected-refined .header-inner{flex-wrap:wrap;column-gap:10px;row-gap:0;padding-top:10px;padding-bottom:5px}.selected-refined .main-nav{display:none}.selected-refined .commerce-actions{order:2;margin-left:auto;gap:6px}.selected-refined .commerce-actions span{display:none}.selected-refined .commerce-actions .commerce-menu{display:flex}.selected-refined .brand{order:1}.appearance-controls{order:3;width:100%;justify-content:flex-end;border-top:1px solid #eef0e9;gap:20px;margin-top:8px}.appearance-menu>summary{padding:7px 0;min-height:36px}.appearance-popover{top:calc(100% + 4px)}.selected-refined .header-inner>.commerce-actions>a,.selected-refined .header-inner>.commerce-actions>button{width:29px;min-height:40px;justify-content:center;padding:6px 3px}.selected-refined .commerce-mobile-menu{padding-top:5px}}
@media(max-width:400px){.selected-refined .brand{gap:8px}.selected-refined .brand>span{font-size:12px}.selected-refined .brand>svg{width:41px}.selected-refined .commerce-actions{gap:1px}.appearance-popover{width:270px}.appearance-fonts{width:230px}}
@media(max-width:1100px){.appearance-controls{position:relative}.appearance-menu{position:static}.appearance-popover{right:0;top:calc(100% + 4px);max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.appearance-menu>summary svg{transition:none}}

