/* Instant Shopify Store Check (/tools/shopify-store-check/), 2026-10-03. Loaded before the hero via page.json page_css.
   Light only, like the rest of the site. Outfit 400 headings, Inter 400 body. Small text never lighter than #64748B. */
.sc-hero{max-width:var(--max);margin:0 auto;padding:clamp(28px,5vw,72px) var(--pad) clamp(40px,5vw,72px);display:grid;gap:clamp(32px,4vw,64px)}
@media(min-width:1024px){.sc-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}}
.sc-hero .ep-h1{font-size:clamp(2.4rem,1.2rem + 3.6vw,4.6rem);max-width:13em;margin:16px 0 20px}
.sc-hero .ep-sub{max-width:34em;margin:0 0 28px;font:400 clamp(1.05rem,1rem + .3vw,1.2rem)/1.6 'Inter','Inter Fallback',sans-serif;color:var(--text)}
.sc-facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;list-style:none;font:400 .9rem/1.4 'Inter','Inter Fallback',sans-serif;color:var(--text)}
.sc-facts li{display:flex;align-items:center;gap:8px}
.sc-facts li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red)}

/* Sample report: a labelled specimen of what the visitor gets, CSS only (no image, so it never becomes the LCP) */
.sc-sample{position:relative;border:1px solid var(--line);border-radius:22px;background:#fff;padding:26px;box-shadow:0 30px 60px -30px rgba(15,23,42,.25);overflow:hidden}
.sc-sample::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,rgba(220,38,38,0),rgba(220,38,38,.06) 70%,rgba(220,38,38,.35) 100%);border-bottom:1px solid rgba(220,38,38,.5);animation:scScan 4.5s cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}
@keyframes scScan{0%{transform:translateY(0)}70%,100%{transform:translateY(350%)}}
@media(prefers-reduced-motion:reduce){.sc-sample::after{display:none}}
.sc-sample-top{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.sc-sample-host{font:400 1.25rem/1.2 'Outfit','Outfit Fallback',sans-serif;color:var(--ink);margin:0}
.sc-sample-tag{margin:4px 0 0;font:600 .72rem/1.4 'Inter','Inter Fallback',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.sc-sample ul{list-style:none;margin:0;padding:0}
.sc-sample li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font:400 .95rem/1.4 'Inter','Inter Fallback',sans-serif;color:var(--ink)}
@media(max-width:1023px){.sc-sample{max-width:560px}}

/* Score ring */
.sc-ring{position:relative;flex:none;width:76px;height:76px}
.sc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sc-ring circle{fill:none;stroke-width:8}
.sc-ring .bg{stroke:#F1F5F9}
.sc-ring .fg{stroke:var(--ring,#DC2626);stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1)}
.sc-ring b{position:absolute;inset:0;display:grid;place-items:center;font:400 1.6rem/1 'Outfit','Outfit Fallback',sans-serif;color:var(--ink)}
.sc-ring.is-lg{width:132px;height:132px}.sc-ring.is-lg circle{stroke-width:9}.sc-ring.is-lg b{font-size:2.7rem}
.sc-ring.is-lg b small{display:block;font:400 .78rem/1 'Inter','Inter Fallback',sans-serif;color:var(--mute);margin-top:4px}
.sc-ring.is-lg b span{display:block;text-align:center}

/* Status chips */
.sc-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:600 .78rem/1.3 'Inter','Inter Fallback',sans-serif;white-space:nowrap}
.sc-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.sc-chip.pass{background:#ECFDF5;color:#047857}.sc-chip.warn{background:#FEF3C7;color:#92400E}
.sc-chip.fail{background:#FEE2E2;color:#B91C1C}.sc-chip.info{background:#F1F5F9;color:#475569}

/* Results area. It takes its space the moment a check starts (or server-side when ?store= is present), so the content
   below is already out of view when results arrive: no layout shift. */
.sc-results{border-top:1px solid var(--line);background:var(--alt);padding:clamp(36px,5vw,72px) var(--pad)}
.sc-results[hidden]{display:none}
.sc-results{scroll-margin-top:64px}
.sc-results.is-reserved{min-height:calc(100vh + 120px)}
.sc-results-in{max-width:1180px;margin:0 auto}
.sc-progress{max-width:640px}
.sc-progress h2,.sc-msg h2{font:400 clamp(1.6rem,1.2rem + 1.4vw,2.4rem)/1.15 'Outfit','Outfit Fallback',sans-serif;letter-spacing:-.02em;margin:0 0 22px;color:var(--ink)}
.sc-steps{list-style:none;margin:0;padding:0}
.sc-steps li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line);font:400 1rem/1.5 'Inter','Inter Fallback',sans-serif;color:var(--mute)}
.sc-steps li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;border:2px solid #CBD5E1}
.sc-steps li.is-active{color:var(--ink)}
.sc-steps li.is-active::before{border-color:var(--red);border-right-color:transparent;animation:scSpin .8s linear infinite}
.sc-steps li.is-done{color:var(--ink)}
.sc-steps li.is-done::before{border-color:#047857;background:#047857 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.sc-steps .sc-time{flex:none;margin-left:auto;padding-left:8px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--mute)}
@keyframes scSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sc-steps li.is-active::before{animation:none;border-right-color:var(--red)}}

.sc-msg{max-width:680px}
.sc-msg p{font:400 1.05rem/1.6 'Inter','Inter Fallback',sans-serif;color:var(--text);margin:0 0 18px}
.sc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:8px}
.sc-ghost{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink)!important;font:600 1rem/1 'Inter','Inter Fallback',sans-serif;text-decoration:none!important;cursor:pointer}
.sc-ghost:hover{background:var(--ink);color:#fff!important}
.sc-textbtn{border:0;background:none;padding:6px 0;font:600 .95rem/1.4 'Inter','Inter Fallback',sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Report */
.sc-report-head{display:grid;gap:28px;align-items:center;padding-bottom:clamp(28px,4vw,44px)}
@media(min-width:900px){.sc-report-head{grid-template-columns:auto minmax(0,1fr) auto}}
.sc-report-head h2{font:400 clamp(1.8rem,1.3rem + 1.8vw,2.9rem)/1.1 'Outfit','Outfit Fallback',sans-serif;letter-spacing:-.025em;margin:0 0 10px;color:var(--ink);overflow-wrap:anywhere}
.sc-report-head h2:focus{outline:none}
.sc-meta{margin:0;font:400 .95rem/1.6 'Inter','Inter Fallback',sans-serif;color:var(--text)}
.sc-meta span+span::before{content:" \00b7  ";color:var(--mute)}
.sc-report-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media(min-width:900px){.sc-report-cta{align-items:flex-end}}

.sc-top{margin:0 0 clamp(36px,5vw,56px);padding:clamp(22px,3vw,34px);border-radius:22px;background:#0F172A;color:#fff}
.sc-top h3{margin:0 0 6px;font:400 clamp(1.35rem,1.1rem + .8vw,1.8rem)/1.2 'Outfit','Outfit Fallback',sans-serif;color:#fff}
.sc-top>p{margin:0 0 18px;font:400 .95rem/1.5 'Inter','Inter Fallback',sans-serif;color:#CBD5E1}
.sc-top ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media(min-width:900px){.sc-top ol{grid-template-columns:repeat(3,1fr)}}
.sc-top li{padding:20px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sc-top .n{display:block;font:400 2rem/1 'Outfit','Outfit Fallback',sans-serif;color:#F87171;margin-bottom:12px}
.sc-top h4{margin:0 0 6px;font:600 1rem/1.35 'Inter','Inter Fallback',sans-serif;color:#fff}
.sc-top .v{margin:0 0 10px;font:400 .9rem/1.5 'Inter','Inter Fallback',sans-serif;color:#CBD5E1;overflow-wrap:anywhere}
.sc-top .f{margin:0;font:400 .9rem/1.5 'Inter','Inter Fallback',sans-serif;color:#F1F5F9}
.sc-top .f strong{color:#fff}
.sc-top-empty{margin:0;color:#F1F5F9}

.sc-groups{display:grid;gap:18px;align-items:start}
@media(min-width:900px){.sc-groups{grid-template-columns:1fr 1fr}}
.sc-col{display:grid;gap:18px;align-content:start}
.sc-group{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(18px,2.4vw,26px)}
.sc-group-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}
.sc-group h3{margin:0;font:400 1.3rem/1.25 'Outfit','Outfit Fallback',sans-serif;color:var(--ink)}
.sc-group-score{font:400 .9rem/1 'Inter','Inter Fallback',sans-serif;color:var(--mute);font-variant-numeric:tabular-nums}
.sc-bar{height:5px;border-radius:5px;background:#F1F5F9;margin:10px 0 6px;overflow:hidden}
.sc-bar i{display:block;height:100%;border-radius:5px;background:var(--ring,#DC2626);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.sc-item{border-top:1px solid var(--line);padding:14px 0 12px}
.sc-item:first-of-type{border-top:0}
.sc-item-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.sc-item h4{margin:0;font:600 .98rem/1.4 'Inter','Inter Fallback',sans-serif;color:var(--ink)}
.sc-item .v{margin:4px 0 0;font:400 .9rem/1.5 'Inter','Inter Fallback',sans-serif;color:var(--text);overflow-wrap:anywhere}
.sc-item details{margin-top:6px}
.sc-item summary{cursor:pointer;font:500 .85rem/1.5 'Inter','Inter Fallback',sans-serif;color:var(--mute);list-style-position:outside}
.sc-item summary:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}
.sc-item details>p,.sc-item details li{font:400 .9rem/1.6 'Inter','Inter Fallback',sans-serif;color:var(--text)}
.sc-item details>p{margin:6px 0 0}
.sc-item details .k{margin:14px 0 2px;font:600 .74rem/1.4 'Inter','Inter Fallback',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.sc-item details ul,.sc-item details ol{margin:4px 0 0;padding-left:1.2em}
.sc-item details li{margin:4px 0;overflow-wrap:anywhere}
.sc-item .pe,.sc-top .pe{margin:4px 0 0;font:600 .8rem/1.4 'Inter','Inter Fallback',sans-serif;color:var(--mute)}
.sc-top .pe{color:#FCA5A5;margin:0 0 8px}
.sc-top .go{display:inline-block;margin-top:12px;font:600 .85rem/1.4 'Inter','Inter Fallback',sans-serif;color:#fff;text-underline-offset:3px}
.sc-item{scroll-margin-top:90px}
.sc-foot{margin:clamp(32px,4vw,48px) 0 0;padding:clamp(24px,3vw,36px);border-radius:22px;background:#fff;border:1px solid var(--line);display:grid;gap:18px}
@media(min-width:900px){.sc-foot{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.sc-foot h3{margin:0 0 6px;font:400 clamp(1.3rem,1.1rem + .8vw,1.75rem)/1.2 'Outfit','Outfit Fallback',sans-serif;color:var(--ink)}
.sc-foot p{margin:0;font:400 .95rem/1.6 'Inter','Inter Fallback',sans-serif;color:var(--text)}
.sc-note{margin:22px 0 0;font:400 .85rem/1.6 'Inter','Inter Fallback',sans-serif;color:var(--mute)}
.sc-note a{color:inherit}
.sc-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Content tables */
.sc-weights{width:100%;max-width:720px;border-collapse:collapse;margin:8px 0 0;font:400 .95rem/1.5 'Inter','Inter Fallback',sans-serif}
.sc-weights th,.sc-weights td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);color:var(--text);vertical-align:top}
.sc-weights th{font-weight:600;color:var(--ink)}
.sc-weights td:last-child,.sc-weights th:last-child{text-align:right;white-space:nowrap}