/* R501: catalog filter only. Uses the site's existing theme and fonts. */
#mobileFilters.fp-panel{--fp-accent:#b84208;width:min(540px,100vw);max-width:100vw;background:var(--as-frame);border:0;border-right:1px solid var(--as-line2);box-shadow:16px 0 80px rgba(15,17,23,.14);height:100dvh;}
#mobileFilters.fp-panel .offcanvas-header{padding:24px 28px 20px;background:var(--as-card);align-items:flex-start;flex-shrink:0;}
#mobileFilters.fp-panel .offcanvas-title{font:750 28px/1.15 var(--font-head);letter-spacing:-.7px;margin:7px 0 8px;}
#mobileFilters.fp-panel .btn-close{width:24px;height:24px;padding:10px;margin:0 -8px 0 auto;flex-shrink:0;}
#mobileFilters .fp-eyebrow{font:750 10px/1.4 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--as-text3);}
#mobileFilters.fp-panel .as-filter-sub{font-size:12px;color:var(--as-text3);}
#mobileFilters.fp-panel .offcanvas-body{padding:20px 28px 28px;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;}
#mobileFilters .fp-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;color:var(--as-text3);font-size:17px;line-height:1.4;}
#mobileFilters .fp-intro strong{color:var(--as-text);font-weight:650;}
#mobileFilters .fp-intro svg{width:128px;height:58px;color:var(--fp-accent);flex-shrink:0;}
#mobileFilters .fp-section-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--as-text3);margin-bottom:12px;}
#mobileFilters .fp-section-tools button{background:transparent;border:0;color:var(--as-text);font:650 12px var(--font-body);text-decoration:underline;text-underline-offset:4px;min-height:44px;}
#mobileFilters.fp-panel .as-filter-quick{margin:0 0 16px;padding:0;flex-wrap:wrap;overflow:visible;gap:8px;}
#mobileFilters.fp-panel .as-filter-quick button{height:auto;min-height:44px;font-size:12px;}
#mobileFilters.fp-panel .as-filter-group{border-radius:18px;margin-bottom:12px;box-shadow:0 2px 4px rgba(15,17,23,.025);}
#mobileFilters.fp-panel .as-filter-group>summary{min-height:86px;padding:16px 18px;grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px;}
#mobileFilters.fp-panel .as-filter-group>summary>span:first-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:3px 12px;align-items:center;font-size:16px;font-weight:750;line-height:1.3;}
#mobileFilters.fp-panel .as-filter-group>summary>span:first-child>.bi{display:grid;place-items:center;width:42px;height:42px;grid-row:1/3;border:1px solid var(--as-line);border-radius:13px;background:var(--as-frame);color:var(--as-text2);font-size:20px;}
#mobileFilters .fp-group-description{grid-column:2;color:var(--as-text3);font-size:12px;line-height:1.45;font-weight:450;}
#mobileFilters .fp-group-description.has-selection{color:var(--fp-accent);font-weight:600;}
#mobileFilters.fp-panel .as-filter-group[open]>summary{background:var(--as-card);}
#mobileFilters.fp-panel .as-filter-group[open]>summary>span:first-child>.bi{background:var(--as-orange-bg,rgba(232,89,12,.08));border-color:var(--fp-accent);color:var(--fp-accent);}
#mobileFilters.fp-panel .as-filter-group-body{padding:20px 18px 4px;background:var(--as-card);}
#mobileFilters.fp-panel .form-label{font-size:13px;letter-spacing:0;text-transform:none;color:var(--as-text2);margin-bottom:9px;}
#mobileFilters.fp-panel .form-control,#mobileFilters.fp-panel .form-select,#mobileFilters.fp-panel .as-f-brandsearch input{height:48px;font-size:16px;border-radius:12px;}
#mobileFilters.fp-panel .form-check{min-height:44px;}
#mobileFilters.fp-panel .form-check-label{font-size:14px;min-height:30px;display:flex;align-items:center;}
#mobileFilters.fp-panel .as-f-pill,#mobileFilters.fp-panel .as-f-chip{min-height:44px;height:auto;padding:9px 12px;font-size:12px;}
#mobileFilters.fp-panel .as-f-seg{gap:8px;flex-wrap:wrap;}
#mobileFilters.fp-panel .as-f-segbtn{min-height:48px;height:auto;padding:10px 8px;font-size:12px;line-height:1.35;text-align:center;}
#mobileFilters.fp-panel .as-f-swatch{min-height:60px;}
#mobileFilters.fp-panel .as-f-swatch small,#mobileFilters.fp-panel .as-f-tile span{font-size:12px;}
#mobileFilters.fp-panel .as-f-tiles{gap:10px;}
#mobileFilters.fp-panel .as-f-tile{padding:14px 4px;}
#mobileFilters.fp-panel :is(button,summary,a,input,select):focus-visible{outline:3px solid var(--fp-accent);outline-offset:3px;}
#mobileFilters .fp-price-card{border:1px solid var(--as-line2);border-radius:14px;padding:18px;margin-bottom:16px;background:var(--as-frame);}
#mobileFilters .fp-price-landed{border-color:var(--fp-accent);background:var(--as-card);}
#mobileFilters .fp-price-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
#mobileFilters .fp-price-heading>div{flex:1;min-width:0;}
#mobileFilters .fp-price-heading h3{font:750 18px/1.3 var(--font-head);margin:3px 0 0;color:var(--as-text);}
#mobileFilters .fp-price-icon{display:grid;place-items:center;width:36px;height:40px;flex-shrink:0;color:var(--fp-accent);font-size:25px;}
#mobileFilters .fp-currency{font:650 11px var(--font-body);border:1px solid var(--as-line2);border-radius:6px;padding:5px 7px;color:var(--as-text3);}
#mobileFilters .fp-price-card p{font-size:13px;line-height:1.55;color:var(--as-text3);margin-bottom:14px;}
#mobileFilters .fp-cost-route{display:grid;grid-template-columns:1fr auto 1fr auto 1.3fr;align-items:center;gap:8px;padding:14px 8px;margin:12px 0 18px;border-block:1px dashed var(--as-line2);}
#mobileFilters .fp-cost-route span{text-align:center;font-size:11px;color:var(--as-text2);line-height:1.35;}
#mobileFilters .fp-cost-route .bi{display:block;font-size:24px;color:var(--fp-accent);margin-bottom:5px;}
#mobileFilters .fp-cost-route b{font-size:15px;font-weight:400;color:var(--as-text3);}
#mobileFilters .fp-range{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#mobileFilters .fp-range>label{min-width:0;}
#mobileFilters .fp-range>label>span{display:block;font-size:12px;color:var(--as-text2);font-weight:600;margin-bottom:6px;}
#mobileFilters .fp-price-card .form-control{background:var(--as-card);font-size:15px;}
#mobileFilters .fp-price-card .form-control::placeholder{font-size:13px;}
#mobileFilters .fp-price-card .fp-price-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:12px;}
#mobileFilters .fp-price-note .bi{flex-shrink:0;margin-top:2px;}
#mobileFilters .fp-combined-note{display:flex;gap:8px;font-size:12px;line-height:1.5;color:var(--as-text2);background:var(--as-frame);padding:12px;border-radius:10px;}
#mobileFilters .fp-combined-note[hidden]{display:none;}
#mobileFilters .fp-footer{flex-shrink:0;background:var(--as-card);padding:12px 28px max(18px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--as-line2);box-shadow:0 -8px 22px rgba(15,17,23,.035);}
#mobileFilters .fp-footer>p{font-size:12px;color:var(--as-text3);line-height:1.35;margin:0 0 10px;}
#mobileFilters .fp-footer-actions{display:flex;gap:12px;align-items:center;}
#mobileFilters .fp-footer .as-btn-primary{flex:1;min-height:52px;height:auto;font-size:15px;gap:5px;white-space:normal;}
#mobileFilters .fp-footer .as-btn-primary,#mobileFilters.fp-panel .as-f-hide:checked+label,#mobileFilters.fp-panel .as-f-chip.active,#mobileFilters.fp-panel .as-filter-quick button.active{color:var(--fp-accent);}
#mobileFilters .fp-reset{background:transparent;border:1px solid var(--as-line2);border-radius:12px;min-height:52px;padding:0 18px;font:650 14px var(--font-body);color:var(--as-text2);}
#mobileFilters .fp-error{color:var(--as-danger,#b42318);font-size:12px;margin:8px 0;}
#mobileFilters [aria-invalid="true"]{border-color:var(--as-danger,#b42318)!important;}
@media(max-width:575px){
 #mobileFilters.fp-panel{width:100vw;}
 #mobileFilters.fp-panel .offcanvas-header{padding:18px 18px 14px;padding-top:max(18px,env(safe-area-inset-top,0px));}
 #mobileFilters.fp-panel .offcanvas-title{font-size:25px;}
 #mobileFilters.fp-panel .offcanvas-body{padding:16px;scrollbar-gutter:auto;}
 #mobileFilters .fp-footer{padding:10px 16px max(14px,env(safe-area-inset-bottom,0px));}
 #mobileFilters.fp-panel .as-filter-group>summary{padding:14px 12px;gap:7px;}
 #mobileFilters.fp-panel .as-filter-group-body{padding:16px 12px 2px;}
 #mobileFilters .fp-price-card{padding:14px 12px;}
 #mobileFilters .fp-price-heading h3{font-size:17px;}
 #mobileFilters .fp-price-heading .fp-eyebrow{font-size:9px;letter-spacing:.06em;}
 #mobileFilters .fp-intro{font-size:16px;}
 #mobileFilters .fp-intro svg{width:108px;}
 #mobileFilters .fp-currency{display:none;}
 #mobileFilters .fp-price-card .form-control{font-size:16px;}
}
@media(max-height:500px){#mobileFilters .fp-intro{display:none;}#mobileFilters.fp-panel .offcanvas-header{padding:10px 18px;}#mobileFilters.fp-panel .offcanvas-title{font-size:20px;}#mobileFilters .fp-footer{padding-top:8px;padding-bottom:8px;}#mobileFilters .fp-footer>p{display:none;}}

@media(prefers-reduced-motion:reduce){#mobileFilters.fp-panel,#mobileFilters.fp-panel *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}

/* R502: sequential, open sections; left edge is also a real keyboard button. */
.fp-edge-trigger{display:none;}
@media(min-width:992px) and (hover:hover) and (pointer:fine){
 .fp-edge-trigger{position:fixed;z-index:1030;left:0;top:110px;bottom:110px;width:18px;padding:0;border:0;background:transparent;color:var(--as-text2);display:flex;align-items:center;justify-content:center;cursor:pointer;}
 .fp-edge-trigger>span{position:absolute;left:0;top:30%;writing-mode:vertical-rl;padding:18px 12px;min-width:44px;background:var(--as-card);border:1px solid var(--as-line2);border-left:0;border-radius:0 12px 12px 0;font:650 13px var(--font-body);box-shadow:3px 4px 18px rgba(15,17,23,.07);}
 .fp-edge-trigger>.bi{display:none;}
 .fp-edge-trigger:hover>span,.fp-edge-trigger:focus-visible>span{color:#b84208;border-color:#b84208;}
 .fp-edge-trigger:focus-visible{outline:3px solid #b84208;outline-offset:2px;}
}
#mobileFilters.fp-panel .fp-market-choices{display:flex;flex-direction:column;gap:8px;}
#mobileFilters.fp-panel .fp-market-choices .as-f-segbtn{display:flex;flex:auto;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:13px 14px;border-radius:12px;}
#mobileFilters .fp-market-choices .bi{font-size:22px;flex-shrink:0;}
#mobileFilters .fp-market-choices span{font-size:14px;font-weight:700;}
#mobileFilters .fp-market-choices small{display:block;margin-top:3px;font-size:12px;font-weight:450;color:var(--as-text3);}