/* FoxyCert brand guide v1.0: Manrope only; navy / foxy orange / amber / mint / paper white */
:root{
  --navy:#172B43; --orange:#F26735; --amber:#FFB65E; --mint:#DDF3ED; --paper:#FFFDF8;
  --line:#D7E1DF; --muted:#567084; --body:#40586B; --mint-2:#E8F5F0; --white:#FFFFFF;
  --orange-ink:#B2431D; --peach:#FFE7D7; --ok:#1F7A5C;
  --font:"Manrope", Arial, sans-serif;
  --r-lg:25px; --r-md:18px; --r-sm:10px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit}
h1,h2,h3{font-weight:800;letter-spacing:-.05em;line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:8px}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}
@media (max-width:600px){.wrap{padding-inline:18px}}
.kicker{font-size:13px;font-weight:700;color:var(--muted)}
.kicker b{color:var(--orange)}

/* logo: stand-in until the brand SVG files are supplied */
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-.05em;color:var(--navy)}
.logo img{width:34px;height:34px}
.logo .c{color:var(--orange)}
.logo.reverse{color:var(--white)}

/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:28px;padding-block:14px}
.site-nav{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:700}
.site-nav a{text-decoration:none;color:var(--muted)}
.site-nav a:hover{color:var(--navy)}
.cart-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--white);color:var(--navy);border-radius:99px;padding:8px 10px 8px 15px;font-weight:700;font-size:14px}
.cart-btn:hover{border-color:var(--navy)}
.cart-btn .n{background:var(--orange);color:var(--white);border-radius:99px;min-width:24px;height:24px;display:grid;place-items:center;font-size:12px;font-variant-numeric:tabular-nums}
@media (max-width:780px){.site-nav{display:none}.cart-btn{margin-left:auto}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-sm);padding:14px 22px;font-weight:800;font-size:15px;text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--orange)}
.btn-line{border-color:var(--line);color:var(--navy);background:var(--white)}
.btn-line:hover{border-color:var(--navy)}
.btn-orange{background:var(--orange);color:var(--white)}
.btn-orange:hover{background:var(--orange-ink)}
.btn[disabled]{opacity:.55;cursor:not-allowed}

/* footer */
.site-foot{border-top:1px solid var(--line);padding-block:40px 56px;font-size:12px;color:var(--muted);line-height:1.55}
.site-foot .wrap{display:grid;grid-template-columns:auto 1fr;gap:16px 48px;align-items:start}
.site-foot .logo{font-size:19px}
.site-foot .logo img{width:28px;height:28px}
.site-foot p+p{margin-top:8px}
@media (max-width:700px){.site-foot .wrap{grid-template-columns:1fr}}

/* language switcher (shared by shop and blog) */
.lang-switch{display:flex;gap:2px;background:var(--white);border:1px solid var(--line);border-radius:99px;padding:3px;font-size:12px;font-weight:800;flex:none}
.lang-switch a{text-decoration:none;color:var(--muted);padding:4px 9px;border-radius:99px}
.lang-switch a[aria-current="true"]{background:var(--navy);color:var(--white)}
@media (max-width:780px){.site-head .lang-switch{margin-left:auto}.site-head .lang-switch + .cart-btn{margin-left:0}}