/*
Theme Name: Shop Local First
Theme URI: https://new.shoplocalfirst.site
Author: Shop Local First
Description: A card-first local savings directory.
Version: 0.1.0
Text Domain: shop-local-first
*/
:root{--blue:#377fc1;--navy:#063e75;--yellow:#ffe500;--orange:#ff4a1f;--ink:#142033;--paper:#f7f4ec;--line:#d8e0e9;--muted:#607086;--radius:20px;--shell:min(1280px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.slf-shell{width:var(--shell);margin:auto}.slf-ribbon{background:var(--blue);color:#fff;text-align:center;font-weight:800;letter-spacing:.02em;padding:9px 18px}.slf-head{background:#fff}.slf-head-inner{min-height:92px;display:flex;gap:28px;align-items:center}.slf-brand{font-size:31px;line-height:.86;font-weight:1000;letter-spacing:-.06em;color:var(--blue);display:inline-block}.slf-brand span{display:block;color:var(--orange);font-size:13px;letter-spacing:.13em;margin:7px 0 0 3px}.slf-search{margin-left:auto;display:flex;max-width:470px;flex:1;border:2px solid #d5defb;border-radius:12px;overflow:hidden}.slf-search input{border:0;min-width:0;padding:14px 16px;font:inherit;flex:1}.slf-search button{background:#2739e8;color:#fff;border:0;padding:0 20px;font-weight:800;cursor:pointer}.slf-utility{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:800;white-space:nowrap}.slf-utility .slf-card-link{padding:10px 14px;border-radius:8px;background:var(--yellow);color:#142033}.slf-cities{background:#2637df;color:white}.slf-cities-inner{display:flex;gap:4px;overflow:auto;white-space:nowrap}.slf-cities a{padding:15px 18px;font-weight:800;font-size:15px}.slf-cities a:hover,.slf-cities a:focus{background:#1522bc}.slf-cities .all{margin-left:auto;background:rgba(255,255,255,.14)}.slf-main{padding:34px 0 72px}.slf-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:462px;border-radius:26px;overflow:hidden;background:linear-gradient(128deg,#3e89c8 0%,#2e7dbc 49%,#ecf3fb 49%,#fdf8e9 100%);box-shadow:0 18px 35px rgba(28,61,101,.13)}.slf-hero-copy{padding:56px 58px;color:#fff;position:relative;overflow:hidden}.slf-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:900;margin:0 0 12px}.slf-hero h1{font-size:clamp(48px,6vw,78px);font-style:italic;line-height:.85;letter-spacing:-.08em;margin:0;max-width:510px}.slf-hero p{font-size:18px;max-width:490px;margin:25px 0 30px}.slf-actions{display:flex;gap:12px;flex-wrap:wrap}.slf-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:13px 19px;font-weight:900;transition:.2s}.slf-btn-primary{background:var(--yellow);color:#15223c}.slf-btn-light{background:#fff;color:var(--blue)}.slf-card-visual{position:absolute;width:270px;right:34px;bottom:-40px;transform:rotate(-8deg);filter:drop-shadow(0 22px 16px rgba(0,0,0,.25))}.slf-hero-info{padding:56px 48px 42px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.86)}.slf-hero-info h2{font-size:34px;letter-spacing:-.05em;margin:0 0 22px}.slf-step{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid #d8e1e8}.slf-step:last-of-type{border-bottom:0}.slf-step strong{background:var(--orange);color:white;height:31px;width:31px;border-radius:50%;display:grid;place-items:center;flex:0 0 31px}.slf-step b{display:block;font-size:16px}.slf-step span{color:var(--muted);font-size:14px}.slf-section{margin-top:52px}.slf-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #d5dae1;margin-bottom:22px}.slf-section h2{margin:0 0 11px;font-size:28px;letter-spacing:-.055em}.slf-section-head a{font-size:13px;color:#1c36bf;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.slf-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.slf-chip{border:1px solid #ccd7ea;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:800;background:white}.slf-chip:hover{border-color:#293ee8;color:#293ee8}.slf-offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.slf-offer-card{border:1px solid #e0e5ef;background:#fff;border-radius:16px;overflow:hidden;min-height:232px;box-shadow:0 4px 13px rgba(25,50,88,.06);padding:0 18px 18px}.slf-offer-card img{width:calc(100% + 36px);height:144px;object-fit:cover;margin:0 -18px 13px}.slf-offer-tax{font-size:11px;line-height:1.2;margin:0 0 7px;color:#315ad5;text-transform:uppercase;font-weight:1000;letter-spacing:.08em}.slf-offer-card h3{font-size:18px;line-height:1.12;margin:0 0 9px;letter-spacing:-.03em}.slf-offer-card strong{color:#dc1c21;font-size:15px}.slf-empty{border:2px dashed #b9c7e9;border-radius:18px;padding:35px;text-align:center;background:#f8faff;color:#516079}.slf-city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.slf-city-card{border-radius:15px;min-height:162px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(160deg,#347cb9,#172a91);position:relative;overflow:hidden}.slf-city-card:nth-child(2n){background:linear-gradient(160deg,#e77937,#bd301a)}.slf-city-card:nth-child(3n){background:linear-gradient(160deg,#0a876e,#075b53)}.slf-city-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,229,0,.65),transparent 35%)}.slf-city-card>*{position:relative}.slf-city-card b{font-size:23px;letter-spacing:-.05em}.slf-city-card span{font-size:13px;margin-top:5px}.slf-footer{background:#172a91;color:#fff;padding:38px 0}.slf-footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.slf-footer strong{font-size:22px}.slf-tax-hero{background:linear-gradient(135deg,#2438dc,#3e89c8);color:white;padding:50px 0}.slf-tax-hero h1{font-size:48px;letter-spacing:-.06em;margin:0}.slf-tax-hero p{margin:8px 0 0;font-size:17px}.slf-offer-page{width:min(900px,calc(100% - 48px));margin:50px auto}.slf-offer-page h1{font-size:50px;letter-spacing:-.06em}.slf-offer-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:900;text-transform:uppercase;color:#315ad5}.slf-offer-saving{color:#d91623;font-size:28px;font-weight:1000;margin:20px 0}.slf-offer-facts{margin-top:35px;padding:24px;border-radius:16px;background:#f5f8fd}.slf-offer-facts p{margin:8px 0}@media(max-width:900px){.slf-head-inner{min-height:unset;padding:20px 0;flex-wrap:wrap}.slf-search{order:3;flex-basis:100%;max-width:none}.slf-hero{grid-template-columns:1fr}.slf-hero-copy{min-height:400px}.slf-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slf-city-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){:root{--shell:min(100% - 28px,1280px)}.slf-brand{font-size:26px}.slf-utility{gap:10px;font-size:12px}.slf-hero-copy,.slf-hero-info{padding:35px 25px}.slf-hero h1{font-size:52px}.slf-card-visual{width:180px;right:3px}.slf-offer-grid{grid-template-columns:1fr}.slf-city-grid{grid-template-columns:1fr}.slf-main{padding-top:20px}}