/* Fast Eyeglasses: a calm product canvas with crisp editorial controls. */
.fe-size-helper { scroll-margin-top:150px; margin:24px 0 30px; padding:28px; color:#f8f7f2; background:linear-gradient(125deg,#171b20,#101213); border:1px solid #ffffff30; box-shadow:inset 3px 0 #72dace; }
.fe-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.fe-eyebrow { margin:0 0 8px; font:700 10px/1.4 var(--body); letter-spacing:.16em; color:#9ddfd7; }
.fe-size-helper h2 { font:700 clamp(24px,2.7vw,36px)/1.08 "Archivo Narrow",sans-serif; text-transform:uppercase; margin:0; }
.fe-size-example { white-space:nowrap; padding:12px 16px; border:1px solid #7b9f9b66; font:700 23px/1 "Archivo Narrow",sans-serif; letter-spacing:.03em; color:#b4ebe3; }
.fe-size-helper>p,.fe-fit-note p { font:400 14px/1.6 var(--body); max-width:850px; }
.fe-fit-input-row { display:flex; gap:10px; margin-top:8px; max-width:650px; }
.fe-size-helper label { display:block; font:600 12px/1.5 var(--body); color:#e0e8e6; }
.fe-size-helper input,.fe-size-helper select { border:1px solid #ffffff45; border-radius:0; padding:12px 14px; color:#fff; background:#090b0c; min-width:0; font:400 16px/1.4 var(--body); }
.fe-size-helper input { flex:1; width:100%; }
.fe-size-helper input[aria-invalid=true] { border-color:#ff9cac; }
.fe-primary,.fe-secondary { border:1px solid #ffffff50; border-radius:0; padding:12px 16px; font:700 11px/1.3 var(--body); letter-spacing:.055em; text-transform:uppercase; cursor:pointer; }
.fe-primary { background:#a7e9dd; color:#102a29; border-color:#a7e9dd; }
.fe-primary:hover { background:#d5fff5; }
.fe-primary:disabled { opacity:.45; cursor:default; }
.fe-secondary { background:#ffffff05; color:#f3f4f1; }
.fe-secondary:hover,.fe-secondary[aria-pressed=true] { border-color:#a7e9dd; color:#a7e9dd; }
.fe-fit-tools { display:flex; flex-wrap:wrap; align-items:end; gap:12px; }
.fe-fit-tools select { display:block; margin-top:5px; font-size:13px; }
.fe-muted,.fe-price-note { color:#abbab8; font:400 12px/1.6 var(--body); }
#fe-fit-message { min-height:1.4em; font:500 13px/1.5 var(--body); color:#b8e8df; margin:9px 0 14px; }
.fe-fit-note { margin-top:16px; border-top:1px solid #ffffff24; padding-top:12px; }
.fe-fit-note summary { cursor:pointer; font:600 13px/1.4 var(--body); color:#e0e9e7; }
.fe-card { position:relative; background:#171a1c; border:1px solid #ffffff24; min-width:0; display:flex; flex-direction:column; }
.fe-card[hidden] { display:none !important; }
.fe-card .card { border:0; border-radius:0; box-shadow:none; display:block; background:transparent; overflow:hidden; }
.fe-card .card-img { background:#f1f3f2; padding:16px 10px; min-height:150px; border-radius:0; }
.fe-card .card-img img { object-fit:contain; width:100%; height:auto; mix-blend-mode:multiply; }
.fe-card .card-body { padding:17px 17px 8px; }
.fe-card h2 { font:700 22px/1.2 "Archivo Narrow",sans-serif; text-transform:uppercase; letter-spacing:.01em; }
.fe-card .price { font:600 16px/1.3 var(--body); white-space:nowrap; }
.fe-card .meta { font:400 12px/1.5 var(--body); color:#bac6c5; }
.fe-included { font:500 11px/1.4 var(--body); margin:8px 0 0; color:#99cfc6; }
.fe-card-actions { padding:0 17px 16px; margin-top:auto; display:grid; gap:10px; }
.fe-card-buttons { display:flex; gap:8px; }
.fe-card-buttons button { flex:1; min-height:36px; border:1px solid #ffffff35; background:transparent; color:#edf1ee; border-radius:0; font:600 10px/1.3 var(--body); letter-spacing:.05em; text-transform:uppercase; cursor:pointer; }
.fe-card-buttons button:hover,.fe-card-buttons button[aria-pressed=true] { color:#ace7da; border-color:#ace7da; background:#ace7da0c; }
.fe-swatches { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.fe-swatches button { display:grid; place-items:center; width:32px; height:32px; border:1px solid transparent; padding:4px; background:transparent; border-radius:0; cursor:pointer; }
.fe-swatches button[aria-pressed=true] { border-color:#9fddd1; }
.fe-swatches button span { width:20px; height:20px; border:1px solid #ffffff60; border-radius:0; }
.fe-chosen-color { font:400 11px/1.4 var(--body); color:#b3c1bf; }
.fe-save { position:absolute; top:8px; right:8px; z-index:2; background:#fff; color:#162b30; border:1px solid #d4ddda; border-radius:0; width:38px; height:38px; font-size:27px; line-height:1; cursor:pointer; }
.fe-save[aria-pressed=true] { color:#a62870; }
.fe-color-selected .card-img img.alt { display:none !important; }
.fe-color-selected .card:hover .card-img img:first-child { opacity:1; }
.fe-live-status { position:fixed; bottom:90px; left:50%; transform:translateX(-50%); max-width:90vw; padding:10px 18px; background:#d6f7ee; color:#173330; z-index:140; font:600 13px var(--body); box-shadow:0 6px 20px #0006; pointer-events:none; }
.fe-live-status:empty { display:none; }
.fe-compare-tray { position:fixed; bottom:0; inset-inline:0; z-index:130; border-top:1px solid #96d8c7; background:#111719f5; padding:15px max(20px,calc((100vw - 1200px)/2)); display:flex; align-items:center; gap:12px; box-shadow:0 -6px 30px #0006; backdrop-filter:blur(12px); }
.fe-compare-tray[hidden] { display:none; }
.fe-compare-tray>div { flex:1; min-width:0; font:600 13px/1.5 var(--body); }
.fe-compare-tray span { display:block; font-weight:400; font-size:12px; color:#b1c3be; }
.fe-dialog { width:min(940px,calc(100vw - 32px)); max-height:85dvh; padding:26px; color:#f5f7f4; background:#111719; border:1px solid #93cbbb; box-shadow:0 22px 80px #000a; border-radius:0; }
.fe-dialog::backdrop { background:#000b; backdrop-filter:blur(5px); }
.fe-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.fe-dialog h2 { font:700 29px/1.15 "Archivo Narrow",sans-serif; text-transform:uppercase; margin:0; }
.fe-dialog-head button { background:transparent; color:#fff; border:1px solid #ffffff40; font-size:26px; width:40px; height:40px; cursor:pointer; flex-shrink:0; }
.fe-size-option { padding:15px 0; border-top:1px solid #ffffff24; }
.fe-measurement { font:700 38px/1.1 "Archivo Narrow",sans-serif; margin:0 0 20px; color:#d5f8ed; }
.fe-measurement span { color:#7faaa1; }.fe-measurement small { font:400 13px var(--body); }
.fe-measure-key { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:20px; }
.fe-measure-key span { border:1px solid #ffffff30; padding:12px; font:400 12px/1.5 var(--body); color:#becac7; }
.fe-measure-key b { display:block; color:#fff; font-size:18px; }
.fe-differences { list-style:none; padding:0; display:grid; gap:7px; font:500 14px/1.5 var(--body); color:#cef0e7; }
.fe-compare-scroll { overflow-x:auto; }
.fe-compare-table { width:100%; min-width:540px; border-collapse:collapse; font:400 13px/1.5 var(--body); }
.fe-compare-table th,.fe-compare-table td { border:1px solid #ffffff25; padding:14px; text-align:left; vertical-align:top; }
.fe-compare-table th[scope=row] { width:140px; color:#a2c8bc; }
.fe-compare-table thead th { width:25%; }
.fe-compare-table img { display:block; width:100%; max-width:230px; margin-bottom:12px; background:#eff3f0; }
.fe-compare-table small { display:block; margin-top:5px; color:#a7bbb4; }
.fe-link { display:inline-block; margin-top:15px; color:#b6f2df; }
.fe-pdp-fit { border:1px solid #ffffff25; padding:22px; background:#13191b; }
.fe-pdp-fit h2 { font:700 24px "Archivo Narrow",sans-serif; text-transform:uppercase; margin:0 0 20px; }
.fe-pdp-helper { border:1px solid #ffffff25; padding:16px; }
.fe-pdp-helper>summary { color:#bee9de; cursor:pointer; font:600 13px var(--body); }
.fe-pdp-helper .fe-size-helper { padding:18px 0 0; margin:0; border:0; box-shadow:none; background:transparent; }
.fe-pdp-helper .fe-size-example { display:none; }
.fe-pdp-helper .fe-size-helper h2 { font-size:25px; }
.fe-lens-step legend { display:flex; align-items:center; gap:10px; width:100%; }
.fe-step-number { color:#9ee1cd; border:1px solid #598a7b; padding:5px 7px; font:700 12px var(--body); }
.fe-lens-step .lo-list { display:grid; gap:10px; }
.fe-lens-step .lo label { border-radius:0; border:1px solid #ffffff35; background:#161b1d; padding:17px; }
.fe-lens-step .lo input:checked+label { border-color:#a8e7d2; background:#a8e7d20c; box-shadow:inset 3px 0 #a8e7d2; }
.fe-lens-step .lo label small { color:#b5c5bf; line-height:1.6; }
.fe-lens-step .lo-price { color:#b8ecdc; }
.price-build { border-radius:0 !important; border:1px solid #81bfa94d; background:#12201b; }
.fe-price-note { margin-top:12px; }
.fe-saved-nav { white-space:nowrap; }
.fe-saved-nav span { color:#9ce0cd; }
.nav:not(.open) .fe-saved-nav { display:none; }
.fe-expertise { padding:38px; margin-block:40px; border:1px solid #ffffff30; display:grid; grid-template-columns:1.1fr 1fr; gap:40px; background:#121719; }
.fe-expertise h2 { font:700 clamp(30px,3vw,46px)/1.1 "Archivo Narrow",sans-serif; text-transform:uppercase; margin:6px 0 15px; }
.fe-expertise p { color:#bbc9c5; font:400 15px/1.7 var(--body); }
.fe-expertise a { color:#b8ead9; }
.fe-expertise ol { list-style:none; counter-reset:fe-process; padding:0; margin:0; display:grid; gap:15px; }
.fe-expertise li { counter-increment:fe-process; display:grid; grid-template-columns:30px 1fr; gap:12px; border-bottom:1px solid #ffffff20; padding-bottom:15px; font:400 13px/1.6 var(--body); color:#b8c7c2; }
.fe-expertise li:before { content:"0" counter(fe-process); color:#9cd7c1; font:700 18px "Archivo Narrow",sans-serif; }
.fe-expertise li strong { display:block; color:#fff; text-transform:uppercase; font-size:13px; letter-spacing:.06em; }
@media(max-width:760px) {
 .fe-size-helper { padding:20px; }.fe-panel-heading { display:block; }.fe-size-example { display:none; }
 .fe-fit-input-row { flex-direction:column; }.fe-fit-input-row button { min-height:44px; }
 .fe-card .card-body { padding:12px 10px 7px; }.fe-card-actions { padding:0 10px 12px; }
 .fe-card h2 { font-size:19px; }.fe-card .price { font-size:13px; }.fe-card .card-top { flex-wrap:wrap; gap:5px; }
 .fe-card .card-img { min-height:112px; padding:26px 6px 12px; }
 .fe-save { width:32px; height:32px; font-size:24px; }
 .fe-card-buttons { flex-direction:column; gap:5px; }.fe-card-buttons button { min-height:38px; }
 .fe-compare-tray { flex-wrap:wrap; padding:12px 16px; }.fe-compare-tray>div { flex-basis:100%; }
 .fe-dialog { padding:18px; }.fe-dialog h2 { font-size:25px; }.fe-measure-key span { padding:10px 6px; font-size:10px; }
 .fe-pdp-fit { padding:18px; }.fe-expertise { padding:24px; grid-template-columns:1fr; gap:25px; }
}
@media(prefers-reduced-motion:reduce) { .fe-card * { transition:none !important; } }

/* Luminous editorial finish: light belongs at the edges; the frames stay clear. */
:root { --paper:#0a0e13; --mist:#11171e; --mist-2:#1c2530; --muted:#b4c0c6; --line:#34434c; --accent:#8ddfd1; --accent-dark:#b6f1e5; --focus:#a5f4e2; --radius:0; --fe-mint:#a4eddb; --fe-blue:#87caff; --fe-pink:#efa9db; }
body { background:radial-gradient(ellipse at 0 25%,#183a4138,transparent 42%),radial-gradient(ellipse at 100% 60%,#3e234735,transparent 45%),#0a0e13; }
::selection { color:#102a2b; background:#a4eddb; }
html { scrollbar-color:#5f7e88 #0d1116; }
button,a,input,select,textarea { -webkit-tap-highlight-color:#9cedd92b; }
:focus-visible { outline:2px solid #b8f7e5; outline-offset:4px; box-shadow:0 0 0 5px #7edcca18; }
.site-header { background:transparent; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
.site-header .wrap { border-bottom:1px solid #b8dcf11a; }
.nav a { border-radius:0; transition:color .2s,background .2s,box-shadow .2s; }
.nav a:hover,.nav a[aria-current=page] { color:#c8fff1; background:#b7eddd0b; box-shadow:inset 0 -2px #a7e4d2; }
.head-search,.cart-link,.menu-btn,.search-btn,.cart-count { border-radius:0; }
.head-search { background:#0d13182e; border-color:#b0d5e52c; }
.head-search:focus-within { border-color:#abe8df; box-shadow:0 0 20px #84dcca24; }
.cart-link { border-color:#83cce399; background:#131e2733; animation:none; box-shadow:0 0 16px #7ba6ff18; }
.cart-link:hover { color:#fff; background:#86b6e41a; box-shadow:0 0 22px #77bbf142; }
.cart-count { background:linear-gradient(135deg,#eba4d9,#9bbcff); color:#192235; font-weight:700; }
.crumbs { font-size:12px; letter-spacing:.02em; color:#a9bec6; }
.page-head { padding-block:clamp(28px,4vw,48px); }
.page-head h1,.pdp-info h1,.summary h2,.form-section h2,.drawer h2,.prose h2,.prose h3,.section h2 { font-family:"Archivo Narrow",var(--body); font-weight:700; text-transform:uppercase; letter-spacing:-.015em; }
.page-head h1 { font-size:clamp(38px,5.4vw,72px); max-width:24ch; }
.page-head .eyebrow { color:#a9d3d3; letter-spacing:.16em; }
.page-head .lede { color:#bfccd0; font-size:clamp(16px,1.45vw,19px); line-height:1.65; }
.pdp-info h1 small { text-transform:none; letter-spacing:0; color:#bacbd0; font-family:var(--body); font-weight:400; }
.pdp-info h1 { font-size:clamp(46px,5.2vw,72px); }
.pdp-price b { font-family:"Archivo Narrow",var(--body); font-size:48px; letter-spacing:-.025em; color:#ecfff8; text-shadow:0 0 25px #91e2d222; }
.pdp-price>span { color:#b8c8ce; font-size:13px; }
.btn,.fe-primary,.fe-secondary,.catalog-filter-toggle,.catalog-close { border-radius:0; min-height:44px; transition:box-shadow .2s,border-color .2s,background .2s,transform .2s; }
.btn { font:700 12px/1.4 var(--body); letter-spacing:.09em; text-transform:uppercase; }
.btn:not(.ghost),.fe-primary { color:#11282b; background:linear-gradient(115deg,#a7e8d4,#c5e9f5 70%,#e5c6ec); border-color:#c9f4e7; box-shadow:inset 0 1px #ffffffb3,0 5px 18px #7dd8cc16; }
.btn:not(.ghost):not([disabled]):hover,.fe-primary:not([disabled]):hover { color:#0d2526; background:linear-gradient(115deg,#c1ffe9,#e0f5ff 70%,#f5d7f1); box-shadow:0 0 22px #9de6d83b,0 5px 20px #89b8f325; border-color:#e5fff6; transform:translateY(-1px); }
.btn.ghost,.fe-secondary { color:#e3f5f1; background:#0b13184d; border-color:#9ecbd14d; }
.btn.ghost:hover,.fe-secondary:hover { color:#d8fff4; background:#9de2d211; border-color:#bcebdd; box-shadow:0 0 16px #93dfd422; }
.btn:active,.fe-primary:active,.fe-secondary:active { transform:translateY(1px); }
.btn[disabled],.fe-primary[disabled] { transform:none; box-shadow:none; }
.hero-show .btn-row .btn { min-height:48px; }
.hero-show .hero-pop a { border-color:#94bccd36; background:#14202940; }
.hero-show .hero-pop a:hover { color:#dafef4; box-shadow:inset 0 -2px #a6eddb,0 0 12px #93dfd41a; }
.filter-top { border-bottom:1px solid #a4cce524; }
.filter-top .search,.sort select,.catalog-filter-toggle { border-radius:0; background:#111922; border-color:#7798a34d; box-shadow:inset 0 1px #ffffff08; }
.filter-top .search:focus-within { border-color:#b3f0dc; box-shadow:0 0 18px #8fd7c62b; }
.sort select { font-size:13px; }
.catalog-sidebar { border-radius:0; background:linear-gradient(155deg,#0f151b,#080c10); border-color:#83b9c34d; box-shadow:-7px 0 28px #77c8d30a; }
.catalog-sidebar-head h2 { font-family:"Archivo Narrow",sans-serif; letter-spacing:.025em; text-transform:uppercase; }
.catalog-sidebar summary { color:#deecee; letter-spacing:.07em; }
.catalog-sidebar .chip { border-radius:0; transition:background .2s,color .2s; }
.catalog-sidebar .chip[aria-pressed=true] { background:#b4ebe910; box-shadow:inset 2px 0 #bce9de; color:#f4fffa; }
.catalog-sidebar .chip:hover { background:#a1cbdf0d; }
.catalog-sidebar .chip:before { border-radius:0; }
.catalog-sidebar .n { color:#a0bac5; }
.fe-size-helper,.fe-pdp-fit,.fe-expertise { border:1px solid transparent; background:linear-gradient(120deg,#121e26,#151720) padding-box,linear-gradient(120deg,#96dfcf9c,#8abcea50,#d797ca75) border-box; box-shadow:0 12px 32px #0003,inset 0 1px #ffffff06; }
.fe-size-helper { padding:28px 30px; }
.fe-size-helper h2,.fe-pdp-fit h2,.fe-expertise h2 { color:#f0fcf8; }
.fe-panel-heading { margin-bottom:12px; }
.fe-size-helper>p { margin-bottom:15px; color:#c5d2d5; }
.fe-size-example { background:#9edfd508; border-color:#9bcdcc4d; box-shadow:0 0 22px #83cabb12; color:#c1f5e3; }
.fe-size-helper input,.fe-size-helper select { background:#0a1219; border-color:#88afbd59; color:#f0fcf8; }
.fe-size-helper input:focus,.fe-size-helper select:focus { border-color:#b9f2df; box-shadow:0 0 18px #8fd7c629; }
.fe-size-helper .fe-fit-note { margin-top:18px; }
.fe-muted,.fe-price-note { color:#b3c7ce; }
.fe-fit-note summary { padding:4px 0; color:#c2e5dc; }
.fe-fit-note p { margin-top:12px; color:#bfccd2; }
.catalog-results>.grid { gap:24px; }
.fe-card { border:1px solid transparent; background:linear-gradient(145deg,#16202a,#12171e 62%,#1b1823) padding-box,linear-gradient(130deg,#9fe5d672,#8fbaf140,#daa3d95c) border-box; box-shadow:0 8px 24px #0003; transition:transform .25s,box-shadow .25s; }
.fe-card .card:hover { transform:none; box-shadow:none; }
.fe-card:hover,.fe-card:focus-within { transform:translateY(-3px); box-shadow:0 0 0 1px #b6e6e354,-8px 3px 25px #86d7ce16,8px 4px 25px #c98bcc18,0 16px 28px #0005; }
.fe-card .card-img { background:linear-gradient(135deg,#f7faf9,#e9f0f2); padding:22px 12px; border-bottom:1px solid #cce4eb44; }
.fe-card .card-img img { transition:opacity .3s,filter .3s; }
.fe-card:hover .card-img img { filter:drop-shadow(0 4px 3px #162a3424); }
.fe-card .card-body { padding-top:20px; }
.fe-card h2 { font-size:24px; color:#f0f8f4; }
.fe-card .price { color:#daf6eb; font-size:18px; }
.fe-card .meta { color:#bacbd3; }
.fe-included { color:#ace0cd; letter-spacing:.01em; }
.fe-save { color:#395864; border-color:#91b1bd66; box-shadow:0 3px 12px #15313d12; transition:background .2s,color .2s,box-shadow .2s; }
.fe-save:hover,.fe-save[aria-pressed=true] { background:#fff4fc; color:#ae4387; border-color:#d998c6; box-shadow:0 0 14px #df9ccd32; }
.fe-card-buttons { gap:7px; }
.fe-card-buttons button { border-color:#80aab459; background:#0a121833; min-height:40px; color:#d3ece6; transition:background .2s,border-color .2s,box-shadow .2s; }
.fe-card-buttons button:hover,.fe-card-buttons button[aria-pressed=true] { border-color:#b7ecd8; color:#dcfff2; background:#91d7c514; box-shadow:0 0 14px #8fd7c61c; }
.fe-swatches { gap:6px; }
.fe-swatches button { width:34px; height:34px; transition:border-color .2s,box-shadow .2s; }
.fe-swatches button[aria-pressed=true] { border-color:#bfecdd; box-shadow:0 0 12px #9cdfcf28; }
.fe-swatches button:hover { border-color:#8baec0; }
.fe-chosen-color { color:#adc4ce; }
.fe-pdp-helper { border-color:#8baeb842; background:#0f192036; }
.fe-pdp-helper>summary { padding:4px 0; color:#c8eddf; }
.fe-measurement { color:#cff8e9; text-shadow:0 0 20px #8ed5c018; }
.fe-measure-key span { background:#a3d7df06; border-color:#7fa8b345; }
.fe-measure-key b { color:#dff8ec; }
.pdp-stage { border:1px solid #b6dbe69c; border-radius:0; box-shadow:-10px 3px 30px #8bd8cc18,10px 4px 32px #bb8bdd1c,0 16px 40px #0004; }
.thumb { border-radius:0; border-color:#809dac45; background:#151e25; }
.thumb[aria-pressed=true] { border-color:#b8ebda; box-shadow:0 0 16px #9de2d322; }
.swatch label,.size label,.size-pick label,.lo label,.radio-pill label { border-radius:0; }
.swatch input:checked+label,.size input:checked+label,.size-pick input:checked+label,.radio-pill input:checked+label { border-color:#b6e9d8; background:#8cd2c610; box-shadow:inset 0 -2px #addccc,0 0 12px #8fd7c614; }
.fe-lens-step { border-top-color:#94b7c34d; }
.fe-lens-step .lo label { background:linear-gradient(135deg,#18242c,#171c26); border-color:#86a7ba45; transition:box-shadow .25s,border-color .25s; }
.fe-lens-step .lo label:hover { border-color:#badbdb; box-shadow:0 0 17px #91d6c91a; }
.fe-lens-step .lo input:checked+label { background:linear-gradient(135deg,#203730,#202432); border-color:#b5ebd8; box-shadow:inset 3px 0 #b5ebd8,0 0 24px #8cccbf1b; }
.fe-step-number { color:#c5f7e5; background:#9bd7c50c; border-color:#85bbaa; }
.price-build,.summary { border:1px solid #9dd2c36b; border-radius:0; background:linear-gradient(125deg,#172b28,#151d28); box-shadow:0 0 24px #8ec9bd10,0 10px 28px #0003; }
.sum-row.total,#pb-total,#co-total { color:#d4fbed; font-weight:700; }
.sum-row.total { font-size:23px; border-top-color:#88b9ab66; }
.form-section { border-top-color:#83b9c766; }
.form-section h2 .n { font-family:"Archivo Narrow",sans-serif; font-style:normal; color:#a7e6d2; }
.field .hint,.form-section header p { color:#b8cbd1; }
.fields input,.fields select,.fields textarea,.rx-grid input,.rx-grid select { border-radius:0; background:#111b24; border-color:#85a6b454; }
.fields input:focus,.fields select:focus,.fields textarea:focus,.rx-grid input:focus,.rx-grid select:focus { border-color:#b9ecd9; box-shadow:0 0 18px #8fd7c629; }
.invalid input,.invalid select,input.invalid,select.invalid { border-color:#ff9eaf; background:#2e1823; }
.err { color:#ffb0c0; }
.cart-item { padding-block:24px; border-color:#83a6b53d; }
.cart-item img { border:1px solid #a8cadf7d; border-radius:0; box-shadow:0 0 18px #83cbb819; }
.cart-item h3 { font-family:"Archivo Narrow",sans-serif; font-weight:700; text-transform:uppercase; font-size:26px; }
.remove { color:#b5c8ce; text-underline-offset:4px; }.remove:hover { color:#f5b9d8; }
.drawer,.sp-dialog { border:1px solid #a1cbd874; border-radius:0; background:linear-gradient(130deg,#17252c,#151923); box-shadow:0 0 28px #92d5c82b,0 24px 80px #0009; }
.fe-dialog { border-color:#b0dbd9; background:linear-gradient(130deg,#16252c,#171923 70%,#231d2a); box-shadow:-12px 0 40px #88cbd222,12px 0 40px #c38dcc24,0 28px 90px #000a; }
.fe-dialog-head { padding-bottom:17px; border-bottom:1px solid #a3c7d13b; }
.fe-dialog-head button:hover { border-color:#bfecd9; background:#a5dac70c; }
.fe-compare-table thead th { background:#94cce208; }
.fe-compare-table tbody tr:nth-child(even) { background:#95bed808; }
.fe-compare-table th,.fe-compare-table td { border-color:#8eb2c53d; padding:17px 14px; }
.fe-compare-table th[scope=row] { color:#b4e3d2; }
.fe-compare-table img { border:1px solid #bad3db; }
.fe-compare-tray { border-top:1px solid #a7d4cfa6; background:linear-gradient(100deg,#122c29ed,#1b2331f5,#271d2cf5); box-shadow:0 -8px 30px #80c3b51c; padding-bottom:calc(15px + env(safe-area-inset-bottom,0px)); }
.fe-live-status { background:linear-gradient(115deg,#c5f6df,#d2e8ff); border:1px solid #e1fff1; }
.feature-rail { border-block:1px solid #9fd9dc30; background:linear-gradient(115deg,#14302b44,#14203380,#30203544); }
.rail-label { letter-spacing:.045em; text-transform:uppercase; font-family:"Archivo Narrow",sans-serif; font-weight:700; }
.section.mist { background:linear-gradient(125deg,#14242988,#1b1c2a88); border-block:1px solid #92b9cb20; }
.foot { border-top:1px solid #94c6cd5c; background:linear-gradient(125deg,#0c1c22,#12131c); }
.faq details,.pdp-faq details { border-radius:0; border-color:#86a9b33d; }
.faq summary:hover,.pdp-faq summary:hover { color:#b8efdc; }
@media(max-width:760px) {
 .fe-size-helper { padding:22px 20px; }.fe-size-helper h2 { font-size:28px; }
 .fe-card .card-img { padding:26px 7px 15px; }.fe-card h2 { font-size:21px; }.fe-card .price { font-size:15px; }
 .fe-card .card-body { padding-top:14px; }.catalog-results>.grid { gap:12px; }
 .fe-card-buttons button { min-height:42px; }.fe-compare-table th,.fe-compare-table td { padding:13px; }
 .fe-dialog { max-height:88dvh; }.fe-compare-tray { padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
 .pdp-price b { font-size:42px; }.page-head h1 { font-size:clamp(38px,10vw,60px); }
}
@media(prefers-reduced-motion:reduce) {
 .fe-card:hover,.fe-card:focus-within,.btn:hover,.fe-primary:hover { transform:none; }
 .fe-card,.fe-card *,button,a,input,select,textarea { transition:none !important; }
 html { scroll-behavior:auto; }
}

/* Finishing details: steady selected-color photos and room for long names. */
.fe-card .card-img img.alt { display:none !important; }
.fe-card .card:hover .card-img img:first-child { opacity:1; }
.fe-card .card-top { flex-wrap:wrap; gap:7px 12px; align-items:baseline; }
.fe-card .card-top h2 { min-width:0; overflow-wrap:anywhere; }
.fe-card .card-top .price { flex-shrink:0; }
.fe-card-buttons button { font-size:11px; }
.fe-swatches button { width:40px; height:40px; }
.fe-save { width:40px; height:40px; }
