/* Skat PX base: fonts, tokens, reset, layout primitives, buttons. Values measured from the live store. */
/* Inter (variable 100-900, SIL OFL 1.1, assets/fonts/INTER-OFL.txt): full Ukrainian Cyrillic */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ==== Design tokens: the only colours, type sizes, weights and radii the theme uses ==== */
:root{
  /* colour: text */
  --ink:#1d1d1f;                     /* headings, primary text */
  --ink-75:rgba(29,29,31,.75);       /* body text */
  --ink-muted:rgba(29,29,31,.68);    /* secondary: hints, references, meta (4.5:1 on white and sand) */
  --ink-30:rgba(29,29,31,.3);        /* disabled controls, dividers on white */
  --ink-15:rgba(29,29,31,.15);       /* hairlines, image frames */
  --on-dark:#fff; --on-dark-75:rgba(255,255,255,.75); --on-dark-30:rgba(255,255,255,.3);
  /* colour: surfaces and lines */
  --white:#fff; --surface:#f5f5f5;   /* muted fills: hovered/selected rows, disabled inputs */
  --sand:#f4f2ec; --dark:#1d1d1f; --black:#121212;
  --line:#d9d9d9;                    /* control borders */
  --line-soft:#e8e8e8;               /* card and row borders */
  /* colour: brand and status */
  --green:#50ce39; --green-hover:#38ff13; --on-green:var(--white); --green-tint:#f0fdf4; /* white on brand green (2:1, below WCAG AA; kept by choice) */
  --success:#1a7a0c; --warning:#b84a00; --sale:#d92026; /* text-safe: >=4.5:1 on white and sand */ --star:#fdc500; --highlight:#fff4bf;
  /* type */
  --font:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --text-xs:12px;                    /* captions, badges, consent, SKU */
  --text-sm:14px;                    /* labels, meta, notes, tables */
  --text-md:16px;                    /* controls, nav */
  --text-control:14px;               /* buttons and field labels: 14 -> 16 */
  --text-base:16px;                  /* body: 16 -> 18 */
  --text-lg:18px;                    /* lead, card titles, small headings: 18 -> 20 */
  --text-xl:20px;                    /* h4, prices, totals: 20 -> 22 -> 24 */
  --text-2xl:24px;                   /* h3: 24 -> 28 -> 32 */
  --text-3xl:28px;                   /* h2, section and product titles: 28 -> 35 -> 42 */
  --text-4xl:34px;                   /* page titles: 34 -> 47 -> 60 */
  --text-display:48px;               /* marquee: 48 -> 74 -> 100 */
  --lh-none:1; --lh-tight:1.15; --lh-heading:1.25; --lh-snug:1.3; --lh-body:1.45;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --tracking-caps:.03em;             /* uppercase labels only */
  /* shape */
  --radius-xs:4px;                   /* badges, highlights */
  --radius-sm:8px;                   /* small controls: options, steppers, thumbs, menus */
  --radius-md:10px;                  /* buttons, inputs, notices */
  --radius-lg:12px;                  /* cards, panels, images */
  --radius-xl:25px;                  /* page frame */
  --radius-pill:999px;
  --shadow-pop:0 8px 24px rgba(0,0,0,.08); --dark-hover:#383839;
  /* legacy names */
  --gutter:15px; --page:1540px;
}
@media (min-width:750px){:root{--gutter:30px;--text-control:16px;--text-base:18px;--text-lg:20px;--text-xl:22px;--text-2xl:28px;--text-3xl:35px;--text-4xl:47px;--text-display:74px}}
@media (min-width:990px){:root{--gutter:50px;--text-xl:24px;--text-2xl:32px;--text-3xl:42px;--text-4xl:60px;--text-display:100px}}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--black);-webkit-text-size-adjust:100%}
body{margin:0;background:transparent;font-family:var(--font);font-size:var(--text-base);line-height:var(--lh-body);color:var(--ink-75);-webkit-font-smoothing:auto}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font);color:var(--ink);font-weight:var(--fw-bold);margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}
.skip-link:focus{position:fixed!important;top:10px;left:10px;width:auto;height:auto;clip:auto;z-index:100;background:var(--white);padding:10px}
.page-width{max-width:var(--page);margin:0 auto;padding:0 var(--gutter)}
.icon{display:block;flex:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 30px;border-radius:var(--radius-md);
  background:var(--green);color:var(--on-green);font-family:var(--font);font-size:var(--text-control);font-weight:var(--fw-bold);line-height:var(--lh-tight);text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:var(--green-hover)}
.btn--dark{background:var(--black);color:var(--white)}
.btn--dark:hover{background:var(--dark-hover)}
.btn[disabled],.btn.is-disabled{opacity:.7;cursor:default}

.rte a{color:var(--ink)}
.rte strong{font-weight:var(--fw-bold)}
/* page canvas is white; the dark html background only shows at the header's rounded top corners */
.site-main{display:block;background:var(--white)}

/* spacing (multiples of 5) and control sizes */
:root{
  --space-5:5px; --space-10:10px; --space-15:15px; --space-20:20px; --space-25:25px; --space-30:30px;
  --space-40:40px; --space-50:50px; --space-60:60px; --space-70:70px; --space-140:140px;
  --grid-gap:15px;                 /* card grids: 15px mobile, 30px from 750px */
  --control-h:46px; --btn-h:45px;
}
@media (min-width:750px){:root{--grid-gap:30px}}

/* form controls (cart, checkout, search) */
.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:10px 15px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);
  font-size:var(--text-md);line-height:var(--lh-body);color:var(--ink)}
.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--ink-muted);outline-offset:1px}
.section{padding:var(--space-40) 0}
@media (min-width:750px){.section{padding:var(--space-50) 0}}
@media (min-width:990px){.section{padding:var(--space-70) 0}}

/* primary button: 43px tall / 14px text on mobile, 47px / 16px from 750px */
.btn{min-height:43px;padding:12px 16px;border-radius:var(--radius-md);font-size:var(--text-control);line-height:var(--lh-tight);border:1px solid var(--green)}
.btn--dark{border-color:var(--black)}
@media (min-width:750px){.btn{min-height:47px;padding:12px 20px}}

/* ==== Shared components: one look each; page stylesheets only set size and placement ==== */
/* quantity stepper: product (.qty), cart (.qty-field), checkout (.co-qty) */
.qty,.qty-field,.co-qty{display:inline-flex;align-items:stretch;height:47px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);color:var(--ink);overflow:hidden}
.qty__btn,.qty-field__btn,.co-qty__btn{flex:0 0 44px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);font-size:var(--text-md);line-height:var(--lh-none)}
.qty__btn:hover,.qty-field__btn:hover,.co-qty__btn:hover{background:var(--surface)}
.qty__btn[disabled],.qty-field__btn[disabled],.co-qty__btn[disabled]{opacity:.4;cursor:default;background:transparent}
.qty__input,.qty-field__input,.co-qty__input{flex:1 1 auto;width:100%;min-width:0;border:0;padding:0 4px;background:transparent;text-align:center;font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ink);-moz-appearance:textfield;appearance:textfield}
.qty__input::-webkit-inner-spin-button,.qty__input::-webkit-outer-spin-button,.qty-field__input::-webkit-inner-spin-button,.qty-field__input::-webkit-outer-spin-button,
.co-qty__input::-webkit-inner-spin-button,.co-qty__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qty__input:focus,.qty-field__input:focus,.co-qty__input:focus{outline:none}
.qty:focus-within,.qty-field:focus-within,.co-qty:focus-within{outline:2px solid var(--ink-muted);outline-offset:1px}
/* compact stepper (checkout summary) */
.co-qty{width:120px;height:36px}
.co-qty__btn{flex-basis:36px}
.co-qty__input{font-size:var(--text-sm)}

/* option pills: product page (.pill) and product cards (.card__option) */
.pill span,.card__option span{display:inline-block;padding:9px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);
  font-size:var(--text-sm);line-height:var(--lh-tight);color:var(--ink);transition:border-color .15s}
.pill:hover span,.card__option:hover span{border-color:var(--ink)}
.pill input:checked+span,.card__option input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--white)}
.pill input:focus-visible+span,.card__option input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.pill.is-unavailable span,.card__option.is-disabled span{color:var(--ink-muted);text-decoration:line-through;background:var(--surface);border-color:var(--line-soft)}
.card__option span{padding:6px 12px}

/* notices: one block style everywhere (success = green, info = ink, error = red) */
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 var(--space-20);padding:var(--space-15) var(--space-20);
  background:var(--white);border:1px solid var(--line-soft);border-left:4px solid var(--success);border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-sm);line-height:var(--lh-body)}
.woocommerce-info{border-left-color:var(--ink)}
.woocommerce-error{border-left-color:var(--sale)}
.woocommerce-error li+li{margin-top:var(--space-5)}
.woocommerce-message a,.woocommerce-info a{color:var(--ink);font-weight:var(--fw-bold);margin-left:var(--space-5)}
.woocommerce-message .button,.woocommerce-info .button{float:right}
/* inline field / line errors */
.card__error,.cart-item__note,.co-empty{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--sale)}