/* ==========================================================================
   SpecsFixers Shop — design system
   Ported from the SpecsFixers_Shop_Pilot reference (globals.css), adapted
   for WordPress/WooCommerce. Class names match the pilot 1:1 so the pilot's
   HTML structure can be reused directly in PHP templates.
   ========================================================================== */

:root{
	--black:#050505;--ink:#101828;--bone:#f5f1e8;--paper:#fffdf8;
	--orange:#ff5935;--lime:#c8ff62;--blue:#6078ff;--lilac:#c6b4ff;--teal:#35bfae;
	--grey:#a8a39b;--line:#ded9cf;--muted:#6a665f;
	--display:'Inter',"Helvetica Neue",Arial,sans-serif;
	--editorial:'Source Serif 4',Georgia,serif;
	--ui:'Inter',"Helvetica Neue",Arial,sans-serif;
}

.sf-shop *{box-sizing:border-box}
.sf-shop{background:var(--paper);color:var(--black);font-family:var(--ui);-webkit-font-smoothing:antialiased}
.sf-shop button,.sf-shop input,.sf-shop select{font:inherit}
.sf-shop button{color:inherit}
.sf-shop a{color:inherit;text-decoration:none}
.sf-shop .icon{display:block;flex:0 0 auto}
.sf-shop .wide-shell{width:min(1480px,calc(100% - 64px));margin-inline:auto}
.sf-shop .wordmark{font:800 28px/1 var(--display);letter-spacing:-.055em}
.sf-shop .wordmark>span{color:var(--orange)}
.sf-shop .wordmark-large{font-size:43px}
.sf-shop .site-header{position:relative;z-index:60;background:rgba(255,253,248,.95);backdrop-filter:blur(24px)}

.sf-shop .utility-bar{background:var(--black);color:#eee}
.sf-shop .utility-inner{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sf-shop .utility-inner>a{opacity:.74}
.sf-shop .utility-inner div{display:flex;gap:10px;align-items:center}
.sf-shop .utility-inner button{border:0;background:none;color:inherit;padding:0;cursor:pointer}
.sf-shop .utility-inner span{opacity:.35}
.sf-shop .desktop-main{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #e6e1d8}
.sf-shop .header-search{justify-self:start;width:min(420px,100%);height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid #ddd8cf;border-radius:14px;background:#faf8f2;color:#777269;cursor:pointer;transition:.2s}
.sf-shop .header-search:hover{border-color:#9f9a91;background:#fff}
.sf-shop .header-search>span{font-size:12px;text-align:left}
.sf-shop .header-search kbd{margin-left:auto;padding:4px 7px;border:1px solid #ded9d0;border-radius:6px;background:#fff;font-size:10px}
.sf-shop .logo-link{justify-self:center}
.sf-shop .header-actions{justify-self:end;display:flex;align-items:center;gap:28px}
.sf-shop .cart-button,.sf-shop .mobile-main button{position:relative;border:0;background:none;padding:8px;cursor:pointer}
.sf-shop .cart-count,.sf-shop .mobile-cart-count{position:absolute;right:-3px;top:-3px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#dedbd4;color:#777;font-size:9px;font-weight:800;transition:.2s}
.sf-shop .cart-count.active,.sf-shop .mobile-cart-count.active{background:var(--orange);color:var(--black)}
.sf-shop .account-link{display:flex;align-items:center;gap:10px}
.sf-shop .account-link span{display:flex;flex-direction:column}
.sf-shop .account-link b{font-size:11px}
.sf-shop .account-link small{margin-top:2px;color:#777269;font-size:9px}
.sf-shop .mobile-main{display:none}
.sf-shop .desktop-nav{border-bottom:1px solid #e6e1d8}
.sf-shop .nav-inner{height:51px;display:flex;justify-content:center;align-items:center;gap:44px}
.sf-shop .nav-inner>a,.sf-shop .nav-link{height:100%;display:flex;align-items:center;gap:5px;border:0;background:none;font-size:11px;font-weight:700;cursor:pointer;position:relative}
.sf-shop .nav-inner>a:after,.sf-shop .nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange);transform:scaleX(0);transition:.2s}
.sf-shop .nav-inner>a:hover:after,.sf-shop .nav-link:hover:after,.sf-shop .nav-link.active:after{transform:scaleX(1)}
.sf-shop .near-link{padding:0 16px!important;height:32px!important;border-radius:999px;background:var(--orange)}
.sf-shop .near-link:after{display:none}
.sf-shop .mega-wrap{position:absolute;left:0;right:0;top:175px;background:rgba(255,253,248,.98);border-bottom:1px solid var(--line);box-shadow:0 35px 80px rgba(30,25,16,.16);backdrop-filter:blur(28px);animation:sf-drop .24s ease both;display:none}
.sf-shop .mega-wrap.is-open{display:block}
.sf-shop .mega-menu{padding:25px 0 36px}
.sf-shop .mega-search{width:100%;height:58px;padding:0 18px;border:1px solid #d9d4cb;border-radius:15px;background:#f7f4ed;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-decoration:none;color:inherit}
.sf-shop .mega-search>span,.sf-shop .mega-search>b{display:flex;align-items:center;gap:10px}
.sf-shop .mega-search>span{color:#68645d;font-size:12px}
.sf-shop .mega-search>b{font-size:11px}
.sf-shop .mega-columns{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:50px;padding-top:31px}
.sf-shop .mega-columns h3{margin:0 0 14px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#878279}
.sf-shop .mega-columns>div>a{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px;font-weight:600}
.sf-shop .mega-columns>div>a span{opacity:0;transform:translateX(-5px);transition:.15s;color:var(--orange)}
.sf-shop .mega-columns>div>a:hover span{opacity:1;transform:none}
.sf-shop .mega-help{padding-left:24px;border-left:1px solid var(--line)}
.sf-shop .mega-note{margin-top:15px;padding:14px;background:var(--lime);border-radius:15px;display:flex;gap:12px}
.sf-shop .mega-note p{margin:0;display:flex;flex-direction:column;gap:3px;font-size:10px}
.sf-shop .mega-note span{opacity:.65}
@keyframes sf-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

.sf-shop .shop-hero{position:relative;overflow:hidden;background:var(--bone)}
.sf-shop .hero-grain{position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:radial-gradient(#000 0.55px,transparent .55px);background-size:5px 5px;mask-image:linear-gradient(90deg,#000,transparent 55%)}
.sf-shop .hero-layout{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;min-height:710px}
.sf-shop .hero-copy{padding:98px 70px 88px 0;display:flex;flex-direction:column;justify-content:center}
.sf-shop .eyebrow,.sf-shop .overline{display:flex;align-items:center;gap:9px;margin:0 0 22px;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.sf-shop .eyebrow>span,.sf-shop .overline:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);flex:0 0 auto}
.sf-shop .hero-copy h1{margin:0;font:800 clamp(66px,7.25vw,112px)/.82 var(--display);letter-spacing:-.065em}
.sf-shop .hero-copy h1 em{display:block;color:var(--orange);font-style:normal}
.sf-shop .hero-lead{max-width:760px;margin:34px 0;color:#57534c;font:450 19px/1.55 var(--ui);letter-spacing:-.02em}
.sf-shop .model-search{height:68px;max-width:730px;margin-top:9px;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 19px;border:1px solid #cfc9be;border-radius:18px;background:#fff;box-shadow:0 15px 50px rgba(42,35,24,.08)}
.sf-shop .model-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:14px}
.sf-shop .model-search button{height:50px;display:flex;align-items:center;gap:25px;padding:0 18px;border:0;border-radius:12px;background:var(--black);color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.sf-shop .popular-searches{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:10px}
.sf-shop .popular-searches>span{color:#777269}
.sf-shop .popular-searches button{padding:5px 9px;border:1px solid #d7d1c6;border-radius:999px;background:transparent;font-size:9px;font-weight:700;cursor:pointer}
.sf-shop .hero-trust{display:flex;gap:24px;margin-top:45px;padding-top:20px;border-top:1px solid #d8d2c6;color:#6f6a62}
.sf-shop .hero-trust span{display:flex;gap:7px;align-items:center;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.sf-shop .hero-visual{position:relative;overflow:hidden;min-height:710px;background:var(--black);color:#fff}
.sf-shop .hero-visual:after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px}
.sf-shop .model-tag{position:absolute;z-index:5;top:47px;left:44px;display:flex;flex-direction:column}
.sf-shop .model-tag span{color:var(--orange);font-size:8px;font-weight:800;letter-spacing:.16em}
.sf-shop .model-tag b{margin-top:4px;font-size:37px;letter-spacing:-.05em}
.sf-shop .model-tag small{color:#858585;font-size:9px}
.sf-shop .frame-visual{position:absolute;z-index:4;left:50%;top:49%;width:430px;height:160px;transform:translate(-50%,-50%) rotate(-5deg);color:var(--orange)}
.sf-shop .frame-lens{position:absolute;top:24px;width:165px;height:103px;border:24px solid currentColor;border-radius:48% 48% 43% 46%}
.sf-shop .frame-lens.left{left:35px}
.sf-shop .frame-lens.right{right:35px;transform:scaleX(-1)}
.sf-shop .frame-bridge{position:absolute;left:193px;top:65px;width:48px;height:22px;border-top:12px solid currentColor;border-radius:50%}
.sf-shop .frame-temple{position:absolute;top:42px;width:100px;height:14px;background:currentColor}
.sf-shop .frame-temple.left{left:-45px;transform:rotate(-15deg)}
.sf-shop .frame-temple.right{right:-45px;transform:rotate(15deg)}
.sf-shop .part-pin{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.sf-shop .part-pin b{width:27px;height:27px;display:grid;place-items:center;border:1px solid #5d5d5d;border-radius:50%;color:var(--orange);font-size:8px}
.sf-shop .part-pin:after{content:"";position:absolute;height:1px;background:#4b4b4b}
.sf-shop .pin-one{top:30%;right:8%}
.sf-shop .pin-one:after{width:87px;right:100%;top:50%}
.sf-shop .pin-two{left:9%;bottom:23%}
.sf-shop .pin-two:after{width:65px;left:100%;top:50%}
.sf-shop .pin-three{right:7%;bottom:10%}
.sf-shop .pin-three:after{width:80px;right:100%;top:50%}
.sf-shop .hero-orbit{position:absolute;z-index:1;border:1px solid #2d2d2d;border-radius:50%}
.sf-shop .hero-orbit.one{width:620px;height:620px;left:50%;top:49%;transform:translate(-50%,-50%)}
.sf-shop .hero-orbit.two{width:820px;height:820px;left:50%;top:49%;transform:translate(-50%,-50%)}
.sf-shop .bench-label{position:absolute;z-index:5;right:34px;top:43px;color:#747474;font:700 8px/1.35 var(--ui);letter-spacing:.1em;text-align:right}

.sf-shop .category-section{padding:118px 0}
.sf-shop .section-heading{display:grid;grid-template-columns:1fr 420px;align-items:end;gap:80px;margin-bottom:55px}
.sf-shop .section-heading h2,.sf-shop .archive-intro h2{max-width:1000px;margin:0;font:780 clamp(50px,6vw,82px)/.9 var(--display);letter-spacing:-.055em}
.sf-shop .section-heading>p,.sf-shop .archive-intro>p{margin:0;color:#69645c;font:400 17px/1.6 var(--editorial)}
.sf-shop .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sf-shop .category-card{position:relative;min-height:455px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#f6f3ec;transition:.35s cubic-bezier(.2,.8,.2,1)}
.sf-shop .category-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(49,41,27,.12)}
.sf-shop .category-card.orange{background:var(--orange);border-color:var(--orange)}
.sf-shop .category-card.lime{background:var(--lime);border-color:var(--lime)}
.sf-shop .category-card.lilac{background:var(--lilac);border-color:var(--lilac)}
.sf-shop .category-card.blue{background:var(--blue);border-color:var(--blue);color:#fff}
.sf-shop .category-index{position:absolute;right:22px;top:20px;font:600 18px var(--editorial)}
.sf-shop .category-art{height:205px;position:relative;display:grid;place-items:center}
.sf-shop .category-art.lens i{position:absolute;width:112px;height:75px;border:13px solid currentColor;border-radius:47%}
.sf-shop .category-art.lens i:first-child{left:14px}
.sf-shop .category-art.lens i:nth-child(2){right:14px}
.sf-shop .category-art.lens b{width:34px;border-top:8px solid currentColor}
.sf-shop .category-art.temple:before,.sf-shop .category-art.temple:after{content:"";position:absolute;width:190px;height:16px;border-radius:20px;background:currentColor}
.sf-shop .category-art.temple:before{transform:rotate(-18deg) translateY(-18px)}
.sf-shop .category-art.temple:after{transform:rotate(18deg) translateY(18px)}
.sf-shop .category-art.hardware:before{content:"";width:86px;height:86px;border:18px dotted currentColor;border-radius:50%}
.sf-shop .category-art.hardware:after{content:"+";position:absolute;font:400 70px/1 var(--display)}
.sf-shop .category-art.tool:before{content:"";width:160px;height:38px;border:12px solid currentColor;border-right-width:45px;border-radius:40px;transform:rotate(-32deg)}
.sf-shop .category-card>div:last-child>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.65}
.sf-shop .category-card h3{max-width:250px;margin:10px 0 10px;font:750 30px/.95 var(--display);letter-spacing:-.04em}
.sf-shop .category-card p{max-width:260px;margin:0;font-size:12px;line-height:1.5;opacity:.68}
.sf-shop .circle-arrow{position:absolute;right:20px;bottom:21px;width:40px;height:40px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transition:.25s}
.sf-shop .category-card:hover .circle-arrow{transform:rotate(-35deg);background:var(--black);color:#fff;border-color:var(--black)}

.sf-shop .brand-strip{background:var(--black);color:#fff}
.sf-shop .brand-strip-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.sf-shop .brand-strip-inner>span{font-size:8px;font-weight:800;letter-spacing:.14em;color:#777}
.sf-shop .brand-strip button,.sf-shop .brand-strip a.brand-name{border:0;background:none;color:#fff;font:750 clamp(20px,2.8vw,38px) var(--display);letter-spacing:-.04em;cursor:pointer;transition:.2s;text-decoration:none}
.sf-shop .brand-strip button:hover,.sf-shop .brand-strip button.active,.sf-shop .brand-strip a.brand-name:hover{color:var(--orange)}
.sf-shop .brand-strip i{width:4px;height:4px;background:var(--orange);border-radius:50%}
.sf-shop .brand-strip a{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700}

.sf-shop .archive{padding:120px 0}
.sf-shop .archive-intro{display:grid;grid-template-columns:1fr 1.4fr;column-gap:80px;margin-bottom:54px}
.sf-shop .archive-intro>.overline{grid-row:1/span 2}
.sf-shop .archive-intro h2{margin-bottom:22px}
.sf-shop .archive-intro>p{max-width:760px}
.sf-shop .archive-toolbar{height:66px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;border-block:1px solid var(--line)}
.sf-shop .filter-trigger{height:100%;display:flex;align-items:center;gap:9px;padding:0;border:0;background:none;font-size:11px;font-weight:700;cursor:pointer}
.sf-shop .filter-trigger span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--black);color:#fff;font-size:8px}
.sf-shop .quick-filters{display:flex;gap:7px;flex-wrap:wrap}
.sf-shop .quick-filters button,.sf-shop .quick-filters a{height:32px;padding:0 13px;border:1px solid #ddd8cf;border-radius:999px;background:transparent;color:#69655d;font-size:10px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center}
.sf-shop .quick-filters button.active,.sf-shop .quick-filters a.active{background:var(--black);border-color:var(--black);color:#fff}
.sf-shop .sort-select{position:relative;display:flex;align-items:center;gap:5px;font-size:10px;color:#716d65}
.sf-shop .sort-select select{appearance:none;padding:0 21px 0 2px;border:0;outline:0;background:transparent;font-size:10px;font-weight:700;color:var(--black)}
.sf-shop .archive-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;padding-top:32px}
.sf-shop .filter-sidebar{padding-right:24px;border-right:1px solid var(--line)}
.sf-shop .filter-group{padding:0 0 23px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.sf-shop .filter-group h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;font-size:11px}
.sf-shop .filter-group label,.sf-shop .filter-group a{height:29px;display:flex;align-items:center;cursor:pointer;font-size:10px;color:#57534d;gap:8px;text-decoration:none}
.sf-shop .filter-group input{position:static;opacity:1;width:17px;height:17px;accent-color:var(--black)}
.sf-shop .filter-group label>span,.sf-shop .filter-group a>span{flex:1}
.sf-shop .filter-group a>b{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--orange)}
.sf-shop .clear-filter{display:inline-block;padding:0;border:0;background:none;border-bottom:1px solid var(--black);font-size:9px;font-weight:700;cursor:pointer;color:inherit;text-decoration:none}
.sf-shop .filter-help{margin-top:40px;padding:17px;border-radius:17px;background:var(--bone)}
.sf-shop .filter-help h4{margin:15px 0 6px;font-size:13px}
.sf-shop .filter-help p{margin:0;color:#6b665e;font-size:10px;line-height:1.5}
.sf-shop .filter-help a{display:block;margin-top:12px;font-size:9px;font-weight:700}
.sf-shop .results-line{height:35px;display:flex;justify-content:space-between;color:#777269;font-size:9px}
.sf-shop .results-line span{display:flex;gap:5px;align-items:center}
.sf-shop .results-line b{color:var(--black)}
.sf-shop .product-grid,.sf-shop ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sf-shop ul.products{list-style:none;margin:0 0 40px;padding:0}
.sf-shop ul.products li.product{list-style:none;margin:0;width:auto}
.sf-shop .product-card,.sf-shop ul.products li.product .product-card{overflow:hidden;border:1px solid #e0dbd2;border-radius:20px;background:#fff;transition:.3s}
.sf-shop .product-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(49,41,27,.1)}
.sf-shop .sf-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:36px 0}
.sf-shop .sf-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;border:1px solid #e0dbd2;color:var(--black);font-size:11px;font-weight:700;text-decoration:none}
.sf-shop .sf-pagination .page-numbers.current{background:var(--black);color:#fff;border-color:var(--black)}
.sf-shop .sf-pagination .page-numbers.dots{border-color:transparent}
.sf-shop .product-media{position:relative;height:286px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f3f1eb}
.sf-shop .product-media img{width:100%;height:100%;object-fit:cover}
.sf-shop .product-badge{position:absolute;z-index:3;left:14px;top:14px;padding:6px 8px;border-radius:999px;background:#fff;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sf-shop .product-badge.original{background:var(--black);color:#fff}
.sf-shop .product-badge.compatible{background:var(--lime)}
.sf-shop .product-info{padding:15px 15px 16px}
.sf-shop .product-code{color:#89847c;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sf-shop .product-info h3{min-height:40px;margin:7px 0 11px;font-size:12px;line-height:1.35;letter-spacing:-.01em}
.sf-shop .product-info h3 a{color:inherit}
.sf-shop .product-meta{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #ece8e0;color:#7e7971;font-size:7px}
.sf-shop .product-meta span:last-child{color:#4f7b24}
.sf-shop .product-buy{display:flex;align-items:center;justify-content:space-between;margin-top:13px}
.sf-shop .product-buy>b{font-size:15px}
.sf-shop .product-buy button,.sf-shop .product-buy a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d8d3ca;border-radius:10px;background:#fff;font-size:8px;font-weight:750;cursor:pointer}
.sf-shop .product-buy button:hover,.sf-shop .product-buy a:hover{background:var(--black);color:#fff;border-color:var(--black)}
.sf-shop .load-more{width:100%;height:54px;margin-top:25px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #d8d3ca;border-radius:14px;background:#fff;font-size:10px;font-weight:700;cursor:pointer}
.sf-shop .load-more span{color:#8a857d}
.sf-shop .empty-state{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #ccc6bc;border-radius:20px;text-align:center}
.sf-shop .empty-state h3{margin:18px 0 7px}
.sf-shop .empty-state p{margin:0 0 20px;color:#777269;font-size:12px}
.sf-shop .empty-state button,.sf-shop .empty-state a{padding:10px 16px;border:0;border-radius:999px;background:var(--black);color:#fff;font-size:10px;font-weight:700;cursor:pointer;display:inline-block}

.sf-shop .authenticity-section{background:var(--black);color:#fff}
.sf-shop .authenticity-grid{min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding:100px 0}
.sf-shop .overline.light{color:#b4b4b4}
.sf-shop .auth-copy h2{max-width:760px;margin:0;font:780 clamp(55px,6vw,88px)/.89 var(--display);letter-spacing:-.06em}
.sf-shop .auth-copy h2 em{color:var(--orange);font-style:normal}
.sf-shop .auth-copy>p{max-width:650px;margin:30px 0;color:#aaa;font:400 18px/1.6 var(--editorial)}
.sf-shop .auth-copy>a{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #777;padding-bottom:8px;font-size:10px;font-weight:700}
.sf-shop .auth-cards{display:grid;gap:13px}
.sf-shop .auth-cards article{position:relative;min-height:210px;padding:28px;border:1px solid #2c2c2c;border-radius:24px;background:#111;display:grid;grid-template-columns:25px 1fr auto;gap:20px}
.sf-shop .auth-dot{width:15px;height:15px;border-radius:50%;margin-top:3px}
.sf-shop .auth-dot.orange{background:var(--orange)}
.sf-shop .auth-dot.lime{background:var(--lime)}
.sf-shop .auth-cards small{color:#858585;font-size:7px;font-weight:800;letter-spacing:.12em}
.sf-shop .auth-cards h3{margin:32px 0 8px;font-size:27px;letter-spacing:-.04em}
.sf-shop .auth-cards p{max-width:420px;margin:0;color:#8d8d8d;font-size:11px;line-height:1.55}
.sf-shop .auth-cards article>b{color:#333;font:800 44px var(--display);align-self:end}

.sf-shop .help-paths{padding:120px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sf-shop .help-paths article{position:relative;min-height:410px;padding:29px;border-radius:26px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.sf-shop .repair-path{background:var(--orange);border-color:var(--orange)!important}
.sf-shop .guide-path{background:var(--bone)}
.sf-shop .pro-path{background:var(--teal);border-color:var(--teal)!important}
.sf-shop .path-index{position:absolute;right:24px;top:24px;font:600 19px var(--editorial)}
.sf-shop .path-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}
.sf-shop .help-paths h3{max-width:370px;margin:auto 0 13px;font:750 35px/.96 var(--display);letter-spacing:-.04em}
.sf-shop .help-paths p{max-width:370px;margin:0 0 26px;font-size:12px;line-height:1.55;opacity:.69}
.sf-shop .help-paths a{display:flex;align-items:center;gap:18px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

.sf-shop .newsletter{background:var(--lilac)}
.sf-shop .newsletter-inner{min-height:430px;display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center}
.sf-shop .newsletter h2{margin:0;font:780 clamp(47px,5vw,72px)/.9 var(--display);letter-spacing:-.055em}
.sf-shop .newsletter p{max-width:590px;margin:20px 0 0;font:400 17px/1.55 var(--editorial)}
.sf-shop .newsletter form{display:grid;grid-template-columns:1fr auto;gap:9px}
.sf-shop .newsletter label{height:62px;padding:10px 15px;border:1px solid rgba(0,0,0,.25);border-radius:14px;background:rgba(255,255,255,.35);display:flex;flex-direction:column}
.sf-shop .newsletter label span{font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.sf-shop .newsletter input{flex:1;border:0;background:transparent;outline:0;font-size:13px}
.sf-shop .newsletter form button{display:flex;align-items:center;gap:20px;padding:0 20px;border:0;border-radius:14px;background:var(--black);color:#fff;font-size:10px;font-weight:800;cursor:pointer}
.sf-shop .newsletter form small{grid-column:1/-1;margin-top:3px;font-size:8px;opacity:.6}

.sf-shop .footer{background:var(--black);color:#fff}
.sf-shop .footer-top{display:grid;grid-template-columns:1.55fr repeat(6,1fr);gap:35px;padding:75px 0 65px}
.sf-shop .footer-brand p{margin:15px 0;color:#777;font:400 15px var(--editorial)}
.sf-shop .footer-stamp{width:max-content;margin-top:65px;padding:13px;border:1px solid #494949;border-radius:50%;color:var(--orange);font-size:7px;font-weight:800;letter-spacing:.09em;text-align:center;transform:rotate(-8deg)}
.sf-shop .footer-column h3{margin:5px 0 20px;color:#777;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.sf-shop .footer-column a{display:block;margin:0 0 11px;color:#bbb;font-size:9px;line-height:1.25;transition:.2s}
.sf-shop .footer-column a:hover{color:var(--orange)}
.sf-shop .footer-bottom{min-height:67px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #282828;color:#6f6f6f;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.sf-shop .footer-bottom b{color:#aaa}
.sf-shop .payment-marks{display:flex;gap:6px}
.sf-shop .payment-marks b{padding:5px 7px;border:1px solid #333;border-radius:5px;font-size:7px}
.sf-shop .mobile-bottom{display:none}

.sf-shop .mobile-overlay,.sf-shop .search-overlay,.sf-shop .filter-overlay{position:fixed;z-index:100;inset:0;background:rgba(5,5,5,.68);backdrop-filter:blur(15px);animation:sf-fade .2s ease;display:none}
.sf-shop .mobile-overlay.is-open,.sf-shop .search-overlay.is-open,.sf-shop .filter-overlay.is-open{display:block}
.sf-shop .mobile-menu-panel{position:absolute;right:0;top:0;bottom:0;width:min(500px,100%);padding:20px 24px 35px;background:var(--bone);display:flex;flex-direction:column;overflow:auto;animation:sf-slideLeft .3s ease}
.sf-shop .mobile-menu-head{display:flex;justify-content:space-between;align-items:center;height:52px}
.sf-shop .mobile-menu-head button,.sf-shop .search-head button,.sf-shop .drawer-head button{border:0;background:none;cursor:pointer}
.sf-shop .mobile-search-row{height:52px;margin:17px 0 20px;padding:0 13px;display:flex;align-items:center;gap:11px;border:1px solid #d7d1c6;border-radius:13px;background:#fff;color:#777269;font-size:10px;cursor:pointer}
.sf-shop .mobile-search-row span{flex:1;text-align:left}
.sf-shop .mobile-menu-links{border-top:1px solid #cfc9bd}
.sf-shop .mobile-menu-links a{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d2c7;font:750 27px/1 var(--display);letter-spacing:-.035em}
.sf-shop .mobile-menu-links a>span{font:600 10px var(--editorial);color:#9b958c}
.sf-shop .mobile-menu-links a.orange{margin:12px 0;padding:0 15px;border:0;border-radius:13px;background:var(--orange);font-size:20px}
.sf-shop .mobile-minor{display:flex;gap:16px;flex-wrap:wrap;margin-top:23px}
.sf-shop .mobile-minor a{font-size:9px;font-weight:650;color:#69645c}
.sf-shop .mobile-menu-foot{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;color:#8a857c;font-size:8px}
.sf-shop .search-panel{position:absolute;left:50%;top:6vh;width:min(1000px,calc(100% - 32px));max-height:88vh;overflow:auto;transform:translateX(-50%);padding:29px;border-radius:25px;background:var(--paper);box-shadow:0 45px 120px rgba(0,0,0,.4);animation:sf-lift .25s ease}
.sf-shop .search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;font-size:8px;font-weight:800;letter-spacing:.13em}
.sf-shop .search-input-large{height:78px;display:flex;align-items:center;gap:15px;padding:9px 10px 9px 20px;border:1px solid #cfc9bf;border-radius:17px}
.sf-shop .search-input-large input{min-width:0;flex:1;border:0;outline:0;background:none;font-size:24px;font-weight:600;letter-spacing:-.025em}
.sf-shop .search-input-large button{height:58px;display:flex;align-items:center;gap:24px;padding:0 18px;border:0;border-radius:12px;background:var(--orange);font-size:10px;font-weight:800;cursor:pointer}
.sf-shop .search-hint{margin:10px 0 35px;color:#858078;font-size:9px}
.sf-shop .search-results>span{display:block;padding-bottom:10px;border-bottom:1px solid var(--line);color:#8a857d;font-size:7px;font-weight:800;letter-spacing:.12em}
.sf-shop .search-results a,.sf-shop .search-results button{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:8px 7px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;text-decoration:none;color:inherit}
.sf-shop .search-results a>span,.sf-shop .search-results button>span{flex:1;display:flex;flex-direction:column;gap:4px}
.sf-shop .search-results a b,.sf-shop .search-results button b{font-size:11px}
.sf-shop .search-results a small,.sf-shop .search-results button small{color:#8b867e;font-size:8px}
.sf-shop .search-results a:hover,.sf-shop .search-results button:hover{background:var(--bone)}
.sf-shop .search-help{margin-top:22px;padding:15px;border-radius:15px;background:var(--lime);display:flex;align-items:center;gap:12px}
.sf-shop .search-help span{flex:1;display:flex;flex-direction:column}
.sf-shop .search-help b{font-size:10px}
.sf-shop .search-help small{margin-top:3px;font-size:8px;opacity:.65}
.sf-shop .search-help a{font-size:9px;font-weight:800}
.sf-shop .filter-drawer{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);padding:24px;background:var(--paper);overflow:auto;animation:sf-slideLeft .3s ease}
.sf-shop .drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.sf-shop .drawer-head h3{margin:0;font-size:24px;letter-spacing:-.04em}
.sf-shop .drawer-actions{position:sticky;bottom:-24px;margin:20px -24px -24px;padding:14px 24px;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:8px}
.sf-shop .drawer-actions button,.sf-shop .drawer-actions a{height:45px;display:flex;align-items:center;justify-content:center;border:1px solid #d6d0c7;border-radius:11px;background:#fff;font-size:9px;font-weight:750;cursor:pointer;text-decoration:none;color:inherit}
.sf-shop .drawer-actions button:last-child,.sf-shop .drawer-actions a:last-child{background:var(--black);color:#fff;border-color:var(--black)}
.sf-shop .toast{position:fixed;z-index:150;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);max-width:min(500px,calc(100% - 28px));padding:13px 17px;border-radius:999px;background:var(--black);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.25);align-items:center;gap:10px;font-size:9px;font-weight:650;display:none;opacity:0;transition:opacity .2s ease,transform .2s ease}
.sf-shop .toast.is-visible{display:flex;opacity:1;transform:translateX(-50%) translateY(0);animation:sf-toastIn .25s ease}
.sf-shop .toast-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}
@keyframes sf-fade{from{opacity:0}to{opacity:1}}
@keyframes sf-slideLeft{from{transform:translateX(100%)}to{transform:none}}
@keyframes sf-lift{from{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes sf-toastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}

@media(max-width:1180px){
	.sf-shop .wide-shell{width:min(100% - 40px,1100px)}
	.sf-shop .desktop-main{grid-template-columns:1fr auto 1fr}
	.sf-shop .header-search{max-width:300px}
	.sf-shop .mega-columns{gap:25px}
	.sf-shop .hero-layout{grid-template-columns:1fr}
	.sf-shop .hero-copy{padding-right:0}
	.sf-shop .hero-visual{min-height:600px}
	.sf-shop .category-grid{grid-template-columns:1fr 1fr}
	.sf-shop .product-grid,.sf-shop ul.products{grid-template-columns:1fr 1fr}
	.sf-shop .footer-top{grid-template-columns:1.5fr repeat(3,1fr);row-gap:50px}
	.sf-shop .authenticity-grid{gap:65px}
}
@media(max-width:820px){
	.sf-shop{padding-bottom:67px}
	.sf-shop .utility-bar,.sf-shop .desktop-main,.sf-shop .desktop-nav,.sf-shop .mega-wrap{display:none}
	.sf-shop .site-header{position:sticky;top:0}
	.sf-shop .mobile-main{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
	.sf-shop .mobile-main>a{justify-self:center}
	.sf-shop .mobile-main>button{justify-self:start}
	.sf-shop .mobile-main>div{justify-self:end;display:flex;align-items:center}
	.sf-shop .shop-hero{margin-top:0}
	.sf-shop .hero-layout{width:100%;display:block}
	.sf-shop .hero-copy{padding:68px 14px 58px}
	.sf-shop .hero-copy h1{font-size:clamp(59px,17vw,88px)}
	.sf-shop .hero-lead{font-size:16px}
	.sf-shop .model-search{height:62px;padding-left:14px}
	.sf-shop .model-search input{font-size:12px}
	.sf-shop .model-search button{font-size:0;gap:0;padding:0;width:46px}
	.sf-shop .model-search button .icon{font-size:initial}
	.sf-shop .popular-searches{overflow:auto;padding-bottom:5px}
	.sf-shop .hero-trust{gap:12px;justify-content:space-between}
	.sf-shop .hero-trust span{font-size:6px;gap:4px}
	.sf-shop .hero-visual{min-height:460px}
	.sf-shop .model-tag{left:22px;top:28px}
	.sf-shop .frame-visual{transform:translate(-50%,-50%) scale(.75) rotate(-5deg)}
	.sf-shop .part-pin span{display:none}
	.sf-shop .part-pin:after{display:none}
	.sf-shop .pin-one{top:26%;right:14%}
	.sf-shop .pin-two{left:12%;bottom:22%}
	.sf-shop .pin-three{right:14%;bottom:9%}
	.sf-shop .hero-orbit.one{width:450px;height:450px}
	.sf-shop .hero-orbit.two{width:610px;height:610px}
	.sf-shop .bench-label{right:18px;top:27px}
	.sf-shop .category-section,.sf-shop .archive,.sf-shop .help-paths{padding:82px 0}
	.sf-shop .section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}
	.sf-shop .section-heading h2,.sf-shop .archive-intro h2{font-size:50px}
	.sf-shop .section-heading>p{font-size:15px}
	.sf-shop .category-grid{grid-template-columns:1fr}
	.sf-shop .category-card{min-height:390px}
	.sf-shop .category-art{height:160px}
	.sf-shop .brand-strip-inner{min-height:92px;overflow:auto;justify-content:flex-start}
	.sf-shop .brand-strip-inner>span,.sf-shop .brand-strip-inner i{display:none}
	.sf-shop .brand-strip button,.sf-shop .brand-strip a.brand-name{font-size:25px;white-space:nowrap}
	.sf-shop .brand-strip a{white-space:nowrap}
	.sf-shop .archive-intro{grid-template-columns:1fr;gap:12px}
	.sf-shop .archive-intro>.overline{grid-row:auto}
	.sf-shop .archive-intro>p{font-size:15px}
	.sf-shop .archive-toolbar{grid-template-columns:1fr auto}
	.sf-shop .filter-trigger{display:flex}
	.sf-shop .quick-filters{display:none}
	.sf-shop .sort-select{justify-self:end}
	.sf-shop .archive-layout{display:block}
	.sf-shop .filter-sidebar{display:none}
	.sf-shop .results-line{padding-top:3px}
	.sf-shop .product-grid,.sf-shop ul.products{grid-template-columns:1fr 1fr}
	.sf-shop .product-media{height:230px}
	.sf-shop .authenticity-grid{grid-template-columns:1fr;padding:82px 0}
	.sf-shop .auth-copy h2{font-size:54px}
	.sf-shop .help-paths{grid-template-columns:1fr}
	.sf-shop .help-paths article{min-height:360px}
	.sf-shop .newsletter-inner{min-height:600px;grid-template-columns:1fr;gap:40px;padding:75px 0}
	.sf-shop .newsletter form{grid-template-columns:1fr}
	.sf-shop .newsletter form button{height:55px;justify-content:space-between}
	.sf-shop .footer-top{grid-template-columns:1fr 1fr;padding:65px 0 90px}
	.sf-shop .footer-brand{grid-column:1/-1}
	.sf-shop .footer-stamp{margin-top:30px}
	.sf-shop .footer-bottom{padding:20px 0;gap:15px;flex-wrap:wrap}
	.sf-shop .mobile-bottom{position:fixed;z-index:80;left:0;right:0;bottom:0;height:67px;padding:6px 12px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dedad1;background:rgba(255,253,248,.95);backdrop-filter:blur(20px)}
	.sf-shop .mobile-bottom a,.sf-shop .mobile-bottom button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:#6f6a62;font-size:7px;font-weight:700}
	.sf-shop .mobile-bottom .active{color:var(--black)}
	.sf-shop .mobile-bottom .active:after{content:"";position:absolute;top:-6px;width:23px;height:2px;background:var(--orange)}
	.sf-shop .toast{bottom:82px}
	.sf-shop .search-panel{top:0;width:100%;height:100%;max-height:none;border-radius:0;padding:20px 16px}
	.sf-shop .search-input-large{height:65px}
	.sf-shop .search-input-large input{font-size:17px}
	.sf-shop .search-input-large button{width:48px;height:48px;font-size:0;gap:0}
	.sf-shop .search-hint{margin-bottom:25px}
}
@media(max-width:520px){
	.sf-shop .category-card{min-height:350px}
	.sf-shop .category-art.lens i{width:100px;height:68px}
	.sf-shop .product-grid,.sf-shop ul.products{grid-template-columns:1fr}
	.sf-shop .product-media{height:285px}
	.sf-shop .results-line{font-size:8px}
	.sf-shop .auth-copy h2{font-size:48px}
	.sf-shop .auth-cards article{grid-template-columns:20px 1fr}
	.sf-shop .auth-cards article>b{display:none}
	.sf-shop .help-paths h3{font-size:32px}
	.sf-shop .newsletter h2{font-size:48px}
	.sf-shop .footer-top{grid-template-columns:1fr 1fr;gap:35px 22px}
	.sf-shop .footer-column a{font-size:9px}
	.sf-shop .wordmark-large{font-size:38px}
	.sf-shop .search-help a{display:none}
}
@media(prefers-reduced-motion:reduce){
	.sf-shop{scroll-behavior:auto}
	.sf-shop *,.sf-shop *:before,.sf-shop *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ==========================================================================
   SpecsFixers Home — design system additions
   Ported from the SpecsFixers_Home_Pilot reference (globals.css). The base
   design system above (site-header, mega-menu, archive/product-card,
   authenticity-section, footer, overlays, etc.) is shared and unchanged —
   these are only the classes new to the Home page + the shared search
   overlay's "live matches" upgrade (see inc/site-chrome.php).
   ========================================================================== */

/* .product-art was referenced by sf_render_product_card()'s no-image
   fallback and by the search overlay's live-match thumbnails, but was
   missing from the ported design system — added here (same pilot source). */
.sf-shop .product-art{position:relative;z-index:2;width:220px;height:100px;color:#1b1b1b}
.sf-shop .product-art.lenses i{position:absolute;top:17px;width:86px;height:63px;border:11px solid currentColor;border-radius:47%}
.sf-shop .product-art.lenses i:first-child{left:13px}
.sf-shop .product-art.lenses i:nth-child(2){right:13px}
.sf-shop .product-art.lenses b{position:absolute;left:94px;top:42px;width:32px;border-top:7px solid currentColor}
.sf-shop .product-art.lenses:before,.sf-shop .product-art.lenses:after{content:"";position:absolute;top:29px;width:41px;border-top:8px solid currentColor}
.sf-shop .product-art.lenses:before{left:-15px;transform:rotate(-12deg)}
.sf-shop .product-art.lenses:after{right:-15px;transform:rotate(12deg)}
.sf-shop .product-art.temple-arms:before,.sf-shop .product-art.temple-arms:after{content:"";position:absolute;left:20px;width:185px;height:12px;border-radius:20px;background:currentColor}
.sf-shop .product-art.temple-arms:before{top:33px;transform:rotate(-13deg)}
.sf-shop .product-art.temple-arms:after{top:59px;transform:rotate(13deg)}
.sf-shop .product-art.frame-parts:before{content:"";position:absolute;left:80px;top:13px;width:64px;height:64px;border:13px dotted currentColor;border-radius:50%}
.sf-shop .product-art.frame-parts:after{content:"+";position:absolute;left:96px;top:21px;font-size:45px}
.sf-shop .product-art.repair-tools:before{content:"";position:absolute;left:30px;top:35px;width:160px;height:25px;border:9px solid currentColor;border-right-width:35px;border-radius:30px;transform:rotate(-24deg)}
.sf-shop .product-art.accessories:before{content:"";position:absolute;left:35px;top:12px;width:150px;height:80px;border:10px solid currentColor;border-radius:18px}
.sf-shop .product-art.small{width:70px;height:35px;transform:scale(.34);transform-origin:left center}

/* [hidden] toggling (used by the live-search JS and the home archive JS) —
   several of these elements also carry an explicit `display` from a class
   below, which would otherwise beat the (very low priority) UA [hidden]
   rule; force it here so JS show/hide always works. */
.sf-shop [data-sf-search-popular][hidden],
.sf-shop [data-sf-search-live][hidden],
.sf-shop [data-sf-search-empty][hidden],
.sf-shop [data-sf-home-grid][hidden],
.sf-shop [data-sf-home-empty][hidden],
.sf-shop .product-card[hidden]{display:none!important}

.sf-shop .home-live-results a>img{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none}
.sf-shop .home-page{overflow:hidden;background:var(--paper)}
.sf-shop .mobile-cart-link{position:relative;display:grid;place-items:center;padding:8px}
.sf-shop .home-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bone)}
.sf-shop .home-grid-pattern{position:absolute;z-index:-1;inset:0;opacity:.38;background-image:linear-gradient(rgba(5,5,5,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(5,5,5,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000 0 48%,transparent 68%)}
.sf-shop .home-hero-layout{min-height:760px;display:grid;grid-template-columns:1.06fr .94fr;align-items:stretch}
.sf-shop .home-hero-copy{position:relative;z-index:2;padding:110px 78px 100px 0;display:flex;flex-direction:column;justify-content:center}
.sf-shop .home-hero-copy h1{max-width:900px;margin:0;font-family:var(--display);font-size:clamp(68px,7.35vw,114px);font-weight:800;line-height:.83;letter-spacing:-.069em}
.sf-shop .home-hero-copy h1 em{display:inline-block;color:var(--orange);font-style:normal}
.sf-shop .home-hero-copy>p:not(.eyebrow){max-width:710px;margin:34px 0 26px;color:#5f5b54;font-family:var(--editorial);font-size:19px;font-weight:400;line-height:1.6}
.sf-shop .home-model-search{width:min(730px,100%);height:72px;display:flex;align-items:center;gap:15px;padding:9px 9px 9px 19px;border:1px solid #ccc6bb;border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(45,36,22,.11)}
.sf-shop .home-model-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:14px}
.sf-shop .home-model-search button{height:52px;display:flex;align-items:center;gap:25px;padding:0 20px;border:0;border-radius:13px;background:var(--black);color:#fff;font-size:10px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}
.sf-shop .home-model-search button:hover{transform:translateY(-2px);background:var(--orange);color:var(--black)}
.sf-shop .home-hero-actions{display:flex;gap:30px;margin-top:22px}
.sf-shop .home-hero-actions a,.sf-shop .home-section-head.split a,.sf-shop .repair-copy>a,.sf-shop .academy-copy>div a:first-child,.sf-shop .pro-actions a:first-child{display:inline-flex;align-items:center;gap:16px;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.sf-shop .home-hero-stage{position:relative;min-height:760px;overflow:hidden;background:var(--black);color:#fff}
.sf-shop .home-hero-stage:before{content:"";position:absolute;inset:0;opacity:.11;background:radial-gradient(circle at 50% 50%,rgba(255,89,53,.7),transparent 32%),radial-gradient(#fff .55px,transparent .55px);background-size:auto,6px 6px}
.sf-shop .home-frame{position:absolute;z-index:5;left:50%;top:50%;width:430px;height:180px;transform:translate(-50%,-48%) rotate(-4deg);color:var(--orange);filter:drop-shadow(0 22px 30px rgba(255,89,53,.12))}
.sf-shop .home-frame>i{position:absolute;top:27px;width:172px;height:106px;border:23px solid currentColor;border-radius:48% 48% 43% 46%}
.sf-shop .home-frame>i:first-child{left:30px}
.sf-shop .home-frame>i:nth-child(2){right:30px;transform:scaleX(-1)}
.sf-shop .home-frame>b{position:absolute;left:190px;top:71px;width:50px;height:24px;border-top:12px solid currentColor;border-radius:50%}
.sf-shop .home-frame>span{position:absolute;top:47px;width:104px;height:13px;background:currentColor;border-radius:20px}
.sf-shop .home-frame>span.left{left:-52px;transform:rotate(-15deg)}
.sf-shop .home-frame>span.right{right:-52px;transform:rotate(15deg)}
.sf-shop .repair-pin{position:absolute;z-index:7;left:50%;top:50%;width:76px;height:76px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%;background:var(--orange);color:var(--black);font-size:6px;font-weight:900;letter-spacing:.11em;text-align:center}
.sf-shop .repair-pin span{position:absolute;inset:7px;border:1px dashed rgba(0,0,0,.55);border-radius:50%}
.sf-shop .stage-orbit{position:absolute;z-index:1;left:50%;top:50%;border:1px solid #303030;border-radius:50%;transform:translate(-50%,-50%)}
.sf-shop .stage-one{width:560px;height:560px}
.sf-shop .stage-two{width:790px;height:790px}
.sf-shop .orbit-label{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;color:#a9a9a9;font-size:8px;font-weight:800;letter-spacing:.13em}
.sf-shop .orbit-label b{width:27px;height:27px;display:grid;place-items:center;border:1px solid #4b4b4b;border-radius:50%;color:var(--orange);font-size:7px}
.sf-shop .label-parts{top:15%;left:11%}
.sf-shop .label-fixers{top:18%;right:10%}
.sf-shop .label-guides{left:8%;bottom:14%}
.sf-shop .label-academy{right:8%;bottom:13%}
.sf-shop .home-stage-note{position:absolute;z-index:6;right:28px;top:26px;color:#777;font-size:7px;font-weight:800;line-height:1.45;letter-spacing:.12em;text-align:right}
.sf-shop .home-paths{padding:120px 0}
.sf-shop .home-section-head{display:grid;grid-template-columns:.55fr 1.25fr .75fr;gap:54px;align-items:end;margin-bottom:54px}
.sf-shop .home-section-head>.overline{align-self:start;margin-top:8px}
.sf-shop .home-section-head h2{margin:0;font-family:var(--display);font-size:clamp(53px,5.5vw,82px);font-weight:780;line-height:.9;letter-spacing:-.058em}
.sf-shop .home-section-head>p,.sf-shop .home-section-head.split>div:last-child>p{margin:0;color:#69645d;font-family:var(--editorial);font-size:16px;line-height:1.6}
.sf-shop .home-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sf-shop .home-path-card{position:relative;min-height:470px;padding:24px;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.sf-shop .home-path-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(40,32,19,.14)}
.sf-shop .home-path-card.orange{background:var(--orange)}
.sf-shop .home-path-card.teal{background:var(--teal)}
.sf-shop .home-path-card.lilac{background:var(--lilac)}
.sf-shop .home-path-card.blue{background:var(--blue);color:#fff}
.sf-shop .home-path-card>span{font-size:8px;font-weight:850;letter-spacing:.12em}
.sf-shop .home-path-card>.icon{position:absolute;right:24px;top:22px}
.sf-shop .home-path-card>div{margin-top:auto}
.sf-shop .home-path-card h3{max-width:330px;margin:0 0 17px;font-family:var(--display);font-size:34px;font-weight:760;line-height:.96;letter-spacing:-.045em}
.sf-shop .home-path-card p{max-width:315px;margin:0 0 28px;font-size:11px;line-height:1.55;opacity:.7}
.sf-shop .home-path-card b{display:flex;align-items:center;gap:14px;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.sf-shop .home-shop-section{padding:120px 0;background:#f0ede5}
.sf-shop .home-section-head.split{grid-template-columns:1.2fr .8fr;gap:100px}
.sf-shop .home-section-head.split>div:last-child{align-self:end}
.sf-shop .home-section-head.split>div:last-child>p{max-width:610px;margin-bottom:25px}
.sf-shop .home-category-grid .category-card{background:var(--paper)}
.sf-shop .home-category-grid .category-card.orange{background:var(--orange)}
.sf-shop .home-category-grid .category-card.lime{background:var(--lime)}
.sf-shop .home-category-grid .category-card.lilac{background:var(--lilac)}
.sf-shop .home-category-grid .category-card.blue{background:var(--blue)}
.sf-shop .home-brands{background:var(--black);color:#fff}
.sf-shop .home-brands-layout{min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:90px 0}
.sf-shop .home-brands h2{margin:0;font-family:var(--display);font-size:clamp(58px,6vw,90px);font-weight:780;line-height:.88;letter-spacing:-.063em}
.sf-shop .home-brands h2 em{color:var(--orange);font-style:normal}
.sf-shop .home-brands>div>div:first-child>p:last-child{max-width:580px;margin:28px 0 0;color:#929292;font-family:var(--editorial);font-size:17px;line-height:1.6}
.sf-shop .brand-board{border-top:1px solid #333}
.sf-shop .brand-board>a{min-height:88px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;border-bottom:1px solid #333;transition:padding .2s,color .2s}
.sf-shop .brand-board>a:hover{padding-left:12px;color:var(--orange)}
.sf-shop .brand-board span{color:#686868;font-family:var(--editorial);font-size:10px}
.sf-shop .brand-board b{font-size:31px;letter-spacing:-.04em}
.sf-shop .brand-board .all{min-height:58px;display:flex;justify-content:space-between;color:var(--orange);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sf-shop .home-repair{background:var(--orange)}
.sf-shop .home-repair-layout{min-height:740px;display:grid;grid-template-columns:1.05fr .95fr;gap:110px;align-items:center;padding:90px 0}
.sf-shop .repair-visual{position:relative;min-height:530px;overflow:hidden;border-radius:34px;background:var(--black);color:var(--orange)}
.sf-shop .repair-visual:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:31px 31px}
.sf-shop .broken-frame{position:absolute;left:50%;top:48%;width:430px;height:180px;transform:translate(-50%,-50%) rotate(7deg)}
.sf-shop .broken-frame i{position:absolute;top:26px;width:170px;height:106px;border:22px solid currentColor;border-radius:48%}
.sf-shop .broken-frame i:first-child{left:18px;transform:translateX(-18px) rotate(-7deg)}
.sf-shop .broken-frame i:nth-child(2){right:18px;transform:translateX(23px) rotate(8deg)}
.sf-shop .broken-frame b{position:absolute;left:194px;top:76px;width:35px;border-top:10px dashed currentColor;transform:rotate(17deg)}
.sf-shop .broken-frame span{position:absolute;left:50%;top:56%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:-15px -13px #fff,13px 10px #fff}
.sf-shop .repair-stamp{position:absolute;right:32px;top:27px;width:92px;height:92px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:8px;font-weight:850;line-height:1.35;letter-spacing:.08em;text-align:center;transform:rotate(10deg)}
.sf-shop .repair-visual>p{position:absolute;left:28px;bottom:24px;margin:0;color:#787878;font-size:7px;font-weight:800;line-height:1.55;letter-spacing:.13em}
.sf-shop .repair-copy h2{max-width:710px;margin:0;font-family:var(--display);font-size:clamp(55px,5.7vw,84px);font-weight:790;line-height:.88;letter-spacing:-.06em}
.sf-shop .repair-copy>p:not(.overline){max-width:650px;margin:30px 0;color:rgba(0,0,0,.68);font-family:var(--editorial);font-size:17px;line-height:1.6}
.sf-shop .repair-copy ul{margin:35px 0;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,.24)}
.sf-shop .repair-copy li{min-height:50px;display:flex;align-items:center;gap:17px;border-bottom:1px solid rgba(0,0,0,.24);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.065em}
.sf-shop .repair-copy li span{font-family:var(--editorial);font-size:9px;opacity:.55}
.sf-shop .home-guides{padding:120px 0}
.sf-shop .guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sf-shop .guide-card{min-height:510px;padding:24px;display:flex;flex-direction:column;border:1px solid #d8d2c8;border-radius:28px;background:var(--paper);transition:transform .3s,box-shadow .3s,border-color .3s}
.sf-shop .guide-card:hover{transform:translateY(-6px);border-color:#9f9a91;box-shadow:0 25px 55px rgba(40,32,18,.1)}
.sf-shop .guide-card-top,.sf-shop .guide-card-foot{display:flex;align-items:center;justify-content:space-between}
.sf-shop .guide-card-top span{font-family:var(--editorial);font-size:12px}
.sf-shop .guide-card-top b{font-size:7px;letter-spacing:.12em;text-transform:uppercase}
.sf-shop .guide-line-art{position:relative;height:220px;margin:25px 0;color:var(--black)}
.sf-shop .guide-line-art i{position:absolute;top:63px;width:117px;height:75px;border:12px solid currentColor;border-radius:46%}
.sf-shop .guide-line-art i:first-child{left:13%}
.sf-shop .guide-line-art i:nth-child(2){right:13%}
.sf-shop .guide-line-art b{position:absolute;left:50%;top:93px;width:40px;border-top:8px solid currentColor;transform:translateX(-50%)}
.sf-shop .guide-card h3{max-width:450px;margin:auto 0 30px;font-family:var(--display);font-size:34px;font-weight:750;line-height:.98;letter-spacing:-.042em}
.sf-shop .guide-card-foot{padding-top:15px;border-top:1px solid rgba(0,0,0,.24);font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.sf-shop .home-academy{background:var(--blue);color:#fff}
.sf-shop .academy-layout{min-height:760px;display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center;padding:100px 0}
.sf-shop .academy-copy h2{margin:0;font-family:var(--display);font-size:clamp(58px,6vw,92px);font-weight:790;line-height:.87;letter-spacing:-.064em}
.sf-shop .academy-copy h2 em{color:var(--lime);font-style:normal}
.sf-shop .academy-copy>p:not(.overline){max-width:670px;margin:31px 0;color:rgba(255,255,255,.72);font-family:var(--editorial);font-size:17px;line-height:1.65}
.sf-shop .academy-copy>div{display:flex;align-items:center;gap:28px}
.sf-shop .academy-copy>div a:first-child{color:#fff}
.sf-shop .academy-copy>div a:last-child{font-size:9px;font-weight:750}
.sf-shop .academy-card-stack{position:relative;min-height:500px}
.sf-shop .academy-card-stack article{position:absolute;z-index:2;left:5%;top:4%;width:83%;min-height:430px;padding:31px;border-radius:30px;background:var(--lime);color:var(--black);box-shadow:0 32px 70px rgba(14,17,52,.28);transform:rotate(-4deg);display:flex;flex-direction:column}
.sf-shop .academy-card-stack article:before{content:"";position:absolute;inset:13px;border:1px solid rgba(0,0,0,.22);border-radius:21px;pointer-events:none}
.sf-shop .academy-card-stack article>span{font-size:8px;font-weight:850;letter-spacing:.13em}
.sf-shop .academy-card-stack h3{margin:auto 0 25px;font-family:var(--display);font-size:48px;font-weight:780;line-height:.9;letter-spacing:-.055em}
.sf-shop .academy-card-stack p{max-width:330px;margin:0 0 25px;font-size:10px;line-height:1.55}
.sf-shop .academy-card-stack article>b{font-size:8px;letter-spacing:.12em}
.sf-shop .academy-card-stack .academy-back{z-index:1;left:16%;top:11%;background:var(--orange);transform:rotate(5deg)}
.sf-shop .home-pro{background:var(--paper)}
.sf-shop .home-pro-layout{min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:100px 0}
.sf-shop .home-pro h2{max-width:800px;margin:0;font-family:var(--display);font-size:clamp(57px,5.9vw,88px);font-weight:790;line-height:.88;letter-spacing:-.062em}
.sf-shop .home-pro>div>div:first-child>p:not(.overline){max-width:670px;margin:30px 0;color:#67625a;font-family:var(--editorial);font-size:17px;line-height:1.6}
.sf-shop .pro-actions{display:flex;align-items:center;gap:30px}
.sf-shop .pro-actions a:first-child{padding:15px 18px;border:0;border-radius:11px;background:var(--black);color:#fff}
.sf-shop .pro-actions a:last-child{font-size:9px;font-weight:750}
.sf-shop .pro-list{border-top:1px solid var(--line)}
.sf-shop .pro-list>div{min-height:118px;display:grid;grid-template-columns:45px 180px 1fr;gap:15px;align-items:center;border-bottom:1px solid var(--line)}
.sf-shop .pro-list span{font-family:var(--editorial);font-size:9px;color:#89847b}
.sf-shop .pro-list b{font-size:15px}
.sf-shop .pro-list p{margin:0;color:#777168;font-size:10px;line-height:1.55}
.sf-shop .home-authenticity .authenticity-grid{min-height:690px}
.sf-shop .home-trust{padding:72px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.sf-shop .home-trust>div{min-height:210px;padding:30px 45px;border-right:1px solid var(--line)}
.sf-shop .home-trust>div:first-child{padding-left:0}
.sf-shop .home-trust>div:last-child{border-right:0;padding-right:0}
.sf-shop .home-trust h3{margin:35px 0 11px;font-size:19px;letter-spacing:-.03em}
.sf-shop .home-trust p{max-width:350px;margin:0;color:#736e66;font-size:11px;line-height:1.55}
.sf-shop .home-search-panel{max-width:920px}
.sf-shop .home-popular-models{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 22px}
.sf-shop .home-popular-models>span{grid-column:1/-1;margin-bottom:3px;color:#8a857d;font-size:7px;font-weight:850;letter-spacing:.12em}
.sf-shop .home-popular-models button,.sf-shop .home-popular-models a{min-height:55px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;background:#f8f5ef;font-size:10px;cursor:pointer}
.sf-shop .home-popular-models button:hover,.sf-shop .home-popular-models a:hover{border-color:var(--orange);background:#fff}
.sf-shop .home-live-results{margin-bottom:22px}
.sf-shop .home-live-results button,.sf-shop .home-live-results a{padding:10px 9px}
.sf-shop .home-live-results button>.icon:last-child,.sf-shop .home-live-results a>.icon:last-child{color:#8a857d}
.sf-shop .home-live-results button:hover>.icon:last-child,.sf-shop .home-live-results a:hover>.icon:last-child{color:var(--orange)}
.sf-shop .popup-no-results{min-height:125px;padding:20px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px dashed #cfc8bd;border-radius:15px;background:#f8f5ef;color:#7a756d}
.sf-shop .popup-no-results>span{display:flex;flex-direction:column;gap:5px}
.sf-shop .popup-no-results b{color:var(--black);font-size:12px}
.sf-shop .popup-no-results small{font-size:9px}
.sf-shop .footer .footer-top{gap:30px}
.sf-shop .footer .footer-brand p{font-size:17px;line-height:1.45}
.sf-shop .footer .footer-stamp{font-size:9px;line-height:1.4}
.sf-shop .footer .footer-column h3{margin-bottom:22px;font-size:11px;line-height:1.3}
.sf-shop .footer .footer-column a{margin-bottom:14px;font-size:12px;line-height:1.45}
.sf-shop .footer .footer-bottom{font-size:11px;line-height:1.4}
.sf-shop .footer .payment-marks b{font-size:9px}
.sf-shop .home-archive{padding:18px;border:1px solid #d9d3c9;border-radius:30px;background:var(--paper);box-shadow:0 28px 80px rgba(45,36,23,.08)}
.sf-shop .home-archive-search{height:76px;display:flex;align-items:center;gap:15px;padding:0 19px;border:1px solid #d2ccc2;border-radius:18px;background:#fff}
.sf-shop .home-archive-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:15px;font-weight:550;letter-spacing:-.01em}
.sf-shop .home-archive-search>span{padding:8px 11px;border-radius:999px;background:var(--lime);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.sf-shop .home-archive-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;margin-top:10px}
.sf-shop .home-archive-filters label{position:relative;height:59px;padding:10px 37px 9px 13px;display:flex;flex-direction:column;justify-content:center;border:1px solid #ded9d0;border-radius:14px;background:#f7f4ee}
.sf-shop .home-archive-filters label>span{margin-bottom:4px;color:#888279;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sf-shop .home-archive-filters select{width:100%;appearance:none;border:0;outline:0;background:transparent;color:var(--black);font-size:10px;font-weight:750;cursor:pointer}
.sf-shop .home-archive-filters label>.icon{position:absolute;right:13px;bottom:13px;pointer-events:none}
.sf-shop .home-archive-filters>button{padding:0 19px;border:1px solid #d5cfc5;border-radius:14px;background:#fff;font-size:9px;font-weight:750;cursor:pointer;white-space:nowrap;transition:.2s}
.sf-shop .home-archive-filters>button:hover{background:var(--black);border-color:var(--black);color:#fff}
.sf-shop .home-archive-result{height:55px;display:flex;align-items:center;justify-content:space-between;color:#777269;font-size:8px;letter-spacing:.04em}
.sf-shop .home-archive-result b{color:var(--black)}
.sf-shop .home-archive-result span:last-child{display:flex;align-items:center;gap:7px}
.sf-shop .home-archive-result i{width:7px;height:7px;border-radius:50%;background:#5e9632}
.sf-shop .home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-shop .home-product-grid .product-media{height:245px}
.sf-shop .home-product-grid .product-info h3{min-height:48px}
.sf-shop .home-archive-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c9c3b9;border-radius:20px;text-align:center}
.sf-shop .home-archive-empty h3{margin:18px 0 7px;font-size:25px;letter-spacing:-.04em}
.sf-shop .home-archive-empty p{margin:0 0 20px;color:#777269;font-size:11px}
.sf-shop .home-archive-empty button{padding:11px 16px;border:0;border-radius:999px;background:var(--black);color:#fff;font-size:9px;font-weight:750;cursor:pointer}
.sf-shop .home-shop-more{height:62px;margin-top:14px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d4cec4;border-radius:15px;background:var(--black);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:.2s}
.sf-shop .home-shop-more:hover{background:var(--orange);color:var(--black);border-color:var(--orange)}
@media(max-width:1180px){
	.sf-shop .home-hero-layout{grid-template-columns:1fr}
	.sf-shop .home-hero-copy{padding-right:0}
	.sf-shop .home-hero-stage{min-height:620px}
	.sf-shop .home-path-grid{grid-template-columns:1fr 1fr}
	.sf-shop .home-path-card{min-height:410px}
	.sf-shop .home-repair-layout,.sf-shop .academy-layout,.sf-shop .home-pro-layout{gap:60px}
	.sf-shop .guide-line-art i{width:105px}
	.sf-shop .guide-line-art i:first-child{left:5%}
	.sf-shop .guide-line-art i:nth-child(2){right:5%}
	.sf-shop .pro-list>div{grid-template-columns:35px 145px 1fr}
	.sf-shop .home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.sf-shop .home-archive-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
	.sf-shop .home-archive-filters>button{grid-row:1/3;grid-column:3}
}
@media(max-width:820px){
	.sf-shop .home-hero-layout{width:100%}
	.sf-shop .home-hero-copy{min-height:660px;padding:78px 14px 67px}
	.sf-shop .home-hero-copy h1{font-size:clamp(60px,17.2vw,88px)}
	.sf-shop .home-hero-copy>p:not(.eyebrow){font-size:16px}
	.sf-shop .home-model-search{height:64px;padding-left:14px}
	.sf-shop .home-model-search input{font-size:12px}
	.sf-shop .home-model-search button{width:48px;height:48px;padding:0;justify-content:center;font-size:0;gap:0}
	.sf-shop .home-hero-actions{gap:18px;flex-wrap:wrap}
	.sf-shop .home-hero-stage{min-height:500px}
	.sf-shop .home-frame{transform:translate(-50%,-48%) scale(.74) rotate(-4deg)}
	.sf-shop .stage-one{width:430px;height:430px}
	.sf-shop .stage-two{width:610px;height:610px}
	.sf-shop .orbit-label span{display:none}
	.sf-shop .label-parts{top:14%;left:14%}
	.sf-shop .label-fixers{top:16%;right:14%}
	.sf-shop .label-guides{left:13%;bottom:13%}
	.sf-shop .label-academy{right:12%;bottom:12%}
	.sf-shop .home-paths,.sf-shop .home-shop-section,.sf-shop .home-guides{padding:82px 0}
	.sf-shop .home-section-head,.sf-shop .home-section-head.split{grid-template-columns:1fr;gap:19px;margin-bottom:36px}
	.sf-shop .home-section-head>.overline{margin-top:0}
	.sf-shop .home-section-head h2{font-size:52px}
	.sf-shop .home-section-head>p,.sf-shop .home-section-head.split>div:last-child>p{font-size:15px}
	.sf-shop .home-path-grid{grid-template-columns:1fr}
	.sf-shop .home-path-card{min-height:375px}
	.sf-shop .home-category-grid{grid-template-columns:1fr}
	.sf-shop .home-brands-layout,.sf-shop .home-repair-layout,.sf-shop .academy-layout,.sf-shop .home-pro-layout{min-height:0;grid-template-columns:1fr;gap:55px;padding:82px 0}
	.sf-shop .home-brands h2,.sf-shop .repair-copy h2,.sf-shop .academy-copy h2,.sf-shop .home-pro h2{font-size:54px}
	.sf-shop .brand-board>a{min-height:74px}
	.sf-shop .brand-board b{font-size:26px}
	.sf-shop .repair-visual{min-height:430px;grid-row:2}
	.sf-shop .broken-frame{transform:translate(-50%,-50%) scale(.74) rotate(7deg)}
	.sf-shop .guide-card-grid{grid-template-columns:1fr}
	.sf-shop .guide-card{min-height:430px}
	.sf-shop .guide-line-art{height:170px}
	.sf-shop .guide-line-art i:first-child{left:18%}
	.sf-shop .guide-line-art i:nth-child(2){right:18%}
	.sf-shop .academy-card-stack{min-height:460px}
	.sf-shop .academy-card-stack article{min-height:390px}
	.sf-shop .home-pro-layout{gap:45px}
	.sf-shop .pro-list>div{grid-template-columns:35px 1fr;gap:7px;padding:18px 0}
	.sf-shop .pro-list p{grid-column:2}
	.sf-shop .home-trust{grid-template-columns:1fr;padding:45px 0}
	.sf-shop .home-trust>div,.sf-shop .home-trust>div:first-child,.sf-shop .home-trust>div:last-child{min-height:0;padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}
	.sf-shop .home-trust>div:last-child{border-bottom:0}
	.sf-shop .home-trust h3{margin-top:22px}
	.sf-shop .home-popular-models{grid-template-columns:1fr}
	.sf-shop .home-archive{padding:12px;border-radius:22px}
	.sf-shop .home-archive-search{height:64px;padding:0 14px}
	.sf-shop .home-archive-search input{font-size:12px}
	.sf-shop .home-archive-filters{grid-template-columns:1fr 1fr}
	.sf-shop .home-archive-filters>button{grid-row:auto;grid-column:1/-1;height:46px}
	.sf-shop .home-product-grid{grid-template-columns:1fr 1fr}
	.sf-shop .home-product-grid .product-media{height:225px}
	.sf-shop .footer .footer-column h3{font-size:12px}
	.sf-shop .footer .footer-column a{font-size:13px;line-height:1.5}
	.sf-shop .footer .footer-bottom{font-size:11px}
}
@media(max-width:520px){
	.sf-shop .home-hero-copy{min-height:620px}
	.sf-shop .home-hero-copy h1{font-size:59px}
	.sf-shop .home-hero-stage{min-height:440px}
	.sf-shop .home-frame{transform:translate(-50%,-48%) scale(.62) rotate(-4deg)}
	.sf-shop .stage-one{width:370px;height:370px}
	.sf-shop .home-stage-note{display:none}
	.sf-shop .home-path-card{min-height:345px}
	.sf-shop .home-path-card h3{font-size:30px}
	.sf-shop .home-section-head h2,.sf-shop .home-brands h2,.sf-shop .repair-copy h2,.sf-shop .academy-copy h2,.sf-shop .home-pro h2{font-size:48px}
	.sf-shop .repair-visual{min-height:370px;border-radius:25px}
	.sf-shop .repair-stamp{width:75px;height:75px;right:18px;top:18px}
	.sf-shop .guide-card{min-height:405px}
	.sf-shop .guide-line-art i{width:93px;height:65px}
	.sf-shop .guide-line-art i:first-child{left:4%}
	.sf-shop .guide-line-art i:nth-child(2){right:4%}
	.sf-shop .guide-line-art b{top:90px}
	.sf-shop .guide-card h3{font-size:30px}
	.sf-shop .academy-card-stack{min-height:400px}
	.sf-shop .academy-card-stack article{left:2%;width:86%;min-height:345px;padding:25px}
	.sf-shop .academy-card-stack .academy-back{left:12%}
	.sf-shop .academy-card-stack h3{font-size:39px}
	.sf-shop .academy-copy>div,.sf-shop .pro-actions{align-items:flex-start;flex-direction:column}
	.sf-shop .home-popular-models button,.sf-shop .home-popular-models a{min-height:50px}
	.sf-shop .home-archive-search>span{display:none}
	.sf-shop .home-archive-filters{grid-template-columns:1fr}
	.sf-shop .home-archive-filters>button{grid-column:auto}
	.sf-shop .home-archive-result span:last-child{display:none}
	.sf-shop .home-product-grid{grid-template-columns:1fr}
	.sf-shop .home-product-grid .product-media{height:285px}
	.sf-shop .home-shop-more{font-size:8px}
}
/* --- Mobile readability pass (v0.8.4): bump secondary/auxiliary text
   (badges, labels, meta, captions, footer/nav links, hints, buttons)
   that was rendering below a comfortable reading size on phones.
   Appended last (after the 1180/820/520 blocks above) on purpose: with
   equal selector specificity, source order decides, so this block wins
   at both the 820px and 520px breakpoints without needing to duplicate
   overrides into every earlier block or touch existing rule order.
   Scale: <=7px->11px, 8-9px->12px, 10-11px->13px, 12px->14px, except
   .repair-pin (fixed 76px circular badge) capped at 8px to avoid the
   wrapped label text overflowing its circle. */
@media(max-width:820px){
	.sf-shop .hero-trust span{font-size:11px}
	.sf-shop .repair-pin{font-size:8px}
	.sf-shop .auth-cards small{font-size:11px}
	.sf-shop .footer-stamp{font-size:11px}
	.sf-shop .guide-card-top b{font-size:11px}
	.sf-shop .home-archive-filters label>span{font-size:11px}
	.sf-shop .home-popular-models>span{font-size:11px}
	.sf-shop .home-stage-note{font-size:11px}
	.sf-shop .mobile-bottom a,.sf-shop .mobile-bottom button{font-size:11px}
	.sf-shop .newsletter label span{font-size:11px}
	.sf-shop .orbit-label b{font-size:11px}
	.sf-shop .payment-marks b{font-size:11px}
	.sf-shop .product-badge{font-size:11px}
	.sf-shop .product-code{font-size:11px}
	.sf-shop .product-meta{font-size:11px}
	.sf-shop .repair-visual>p{font-size:11px}
	.sf-shop .search-results>span{font-size:11px}
	.sf-shop .academy-card-stack article>b{font-size:12px}
	.sf-shop .academy-card-stack article>span{font-size:12px}
	.sf-shop .brand-strip-inner>span{font-size:12px}
	.sf-shop .filter-trigger span{font-size:12px}
	.sf-shop .footer-bottom{font-size:12px}
	.sf-shop .footer-column h3{font-size:12px}
	.sf-shop .guide-card-foot{font-size:12px}
	.sf-shop .home-archive-result{font-size:12px}
	.sf-shop .home-archive-search>span{font-size:12px}
	.sf-shop .home-path-card>span{font-size:12px}
	.sf-shop .mobile-menu-foot{font-size:12px}
	.sf-shop .model-tag span{font-size:12px}
	.sf-shop .newsletter form small{font-size:12px}
	.sf-shop .orbit-label{font-size:12px}
	.sf-shop .part-pin b{font-size:12px}
	.sf-shop .product-buy button,.sf-shop .product-buy a{font-size:12px}
	.sf-shop .repair-stamp{font-size:12px}
	.sf-shop .search-head{font-size:12px}
	.sf-shop .search-help small{font-size:12px}
	.sf-shop .search-results a small,.sf-shop .search-results button small{font-size:12px}
	.sf-shop .academy-copy>div a:last-child{font-size:12px}
	.sf-shop .account-link small{font-size:12px}
	.sf-shop .brand-board .all{font-size:12px}
	.sf-shop .cart-count,.sf-shop .mobile-cart-count{font-size:12px}
	.sf-shop .category-card>div:last-child>span{font-size:12px}
	.sf-shop .clear-filter{font-size:12px}
	.sf-shop .drawer-actions button,.sf-shop .drawer-actions a{font-size:12px}
	.sf-shop .filter-help a{font-size:12px}
	.sf-shop .footer .footer-stamp{font-size:12px}
	.sf-shop .footer .payment-marks b{font-size:12px}
	.sf-shop .footer-column a{font-size:12px}
	.sf-shop .help-paths a{font-size:12px}
	.sf-shop .home-archive-empty button{font-size:12px}
	.sf-shop .home-archive-filters>button{font-size:12px}
	.sf-shop .home-hero-actions a,.sf-shop .home-section-head.split a,.sf-shop .repair-copy>a,.sf-shop .academy-copy>div a:first-child,.sf-shop .pro-actions a:first-child{font-size:12px}
	.sf-shop .home-path-card b{font-size:12px}
	.sf-shop .home-shop-more{font-size:12px}
	.sf-shop .mobile-minor a{font-size:12px}
	.sf-shop .model-tag small{font-size:12px}
	.sf-shop .part-pin{font-size:12px}
	.sf-shop .popular-searches button{font-size:12px}
	.sf-shop .popup-no-results small{font-size:12px}
	.sf-shop .pro-actions a:last-child{font-size:12px}
	.sf-shop .pro-list span{font-size:12px}
	.sf-shop .repair-copy li span{font-size:12px}
	.sf-shop .results-line{font-size:12px}
	.sf-shop .search-help a{font-size:12px}
	.sf-shop .search-hint{font-size:12px}
	.sf-shop .toast{font-size:12px}
	.sf-shop .utility-inner{font-size:12px}
	.sf-shop .academy-card-stack p{font-size:13px}
	.sf-shop .auth-copy>a{font-size:13px}
	.sf-shop .brand-board span{font-size:13px}
	.sf-shop .brand-strip a{font-size:13px}
	.sf-shop .empty-state button,.sf-shop .empty-state a{font-size:13px}
	.sf-shop .eyebrow,.sf-shop .overline{font-size:13px}
	.sf-shop .filter-group label,.sf-shop .filter-group a{font-size:13px}
	.sf-shop .filter-help p{font-size:13px}
	.sf-shop .header-search kbd{font-size:13px}
	.sf-shop .home-archive-filters select{font-size:13px}
	.sf-shop .home-model-search button{font-size:13px}
	.sf-shop .home-popular-models button,.sf-shop .home-popular-models a{font-size:13px}
	.sf-shop .load-more{font-size:13px}
	.sf-shop .mega-columns h3{font-size:13px}
	.sf-shop .mega-note p{font-size:13px}
	.sf-shop .mobile-search-row{font-size:13px}
	.sf-shop .newsletter form button{font-size:13px}
	.sf-shop .popular-searches{font-size:13px}
	.sf-shop .pro-list p{font-size:13px}
	.sf-shop .quick-filters button,.sf-shop .quick-filters a{font-size:13px}
	.sf-shop .repair-copy li{font-size:13px}
	.sf-shop .search-help b{font-size:13px}
	.sf-shop .search-input-large button{font-size:13px}
	.sf-shop .sort-select{font-size:13px}
	.sf-shop .sort-select select{font-size:13px}
	.sf-shop .account-link b{font-size:13px}
	.sf-shop .auth-cards p{font-size:13px}
	.sf-shop .filter-group h4{font-size:13px}
	.sf-shop .filter-trigger{font-size:13px}
	.sf-shop .footer .footer-bottom{font-size:13px}
	.sf-shop .home-archive-empty p{font-size:13px}
	.sf-shop .home-path-card p{font-size:13px}
	.sf-shop .home-trust p{font-size:13px}
	.sf-shop .mega-search>b{font-size:13px}
	.sf-shop .model-search button{font-size:13px}
	.sf-shop .nav-inner>a,.sf-shop .nav-link{font-size:13px}
	.sf-shop .search-results a b,.sf-shop .search-results button b{font-size:13px}
	.sf-shop .sf-pagination .page-numbers{font-size:13px}
	.sf-shop .category-card p{font-size:14px}
	.sf-shop .empty-state p{font-size:14px}
	.sf-shop .footer .footer-column h3{font-size:14px}
	.sf-shop .guide-card-top span{font-size:14px}
	.sf-shop .header-search>span{font-size:14px}
	.sf-shop .help-paths p{font-size:14px}
	.sf-shop .home-archive-search input{font-size:14px}
	.sf-shop .home-model-search input{font-size:14px}
	.sf-shop .mega-columns>div>a{font-size:14px}
	.sf-shop .mega-search>span{font-size:14px}
	.sf-shop .model-search input{font-size:14px}
	.sf-shop .popup-no-results b{font-size:14px}
	.sf-shop .product-info h3{font-size:14px}
}