/* צ׳או צ׳או · generated by wp/build-css.py — do not edit here, edit the design sources. */
@font-face { font-family: "FUP Erez"; src: url("../fonts/FUP-Erez-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "FUP Erez"; src: url("../fonts/FUP-Erez-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "FUP Erez"; src: url("../fonts/FUP-Erez-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "FUP Erez"; src: url("../fonts/FUP-Erez-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "FUP Erez"; src: url("../fonts/FUP-Erez-ExtraBold.woff2") format("woff2"); font-weight: 800; font-display: swap; }

/* One family everywhere: FUP Erez, self-hosted. Its @font-face rules come from tokens.json type.fonts (fonts/FUP-Erez-*.woff2). */
/* צ׳או צ׳או — component styles. RTL-first: logical properties only (inline-start = right in Hebrew). */
.sk .cc-root { direction: rtl; font-family: var(--font-sans); color: var(--ink); }
.sk .cc-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; padding: var(--space-5); }
.sk .cc-stack { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-5); }
.sk .cc-ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.sk .cc-num { font-variant-numeric: tabular-nums; }

/* focus: 2px gap in the ground, then a solid 2px berry ring */
.sk .cc-focusable:focus-visible, .sk .cc-btn:focus-visible, .sk .cc-chip:focus-visible, .sk .cc-weight:focus-visible, .sk .cc-input:focus-visible, .sk .cc-search__input:focus-visible, .sk .cc-qty button:focus-visible, .sk .cc-pet:focus-visible, .sk .cc-product__fav:focus-visible {
  outline: 2px solid var(--focus-ring); outline-offset: 2px;
}

/* ---------- Button ---------- */
.sk .cc-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); height: var(--control-m); padding-inline: 22px; border-radius: var(--radius-pill); border: 1.5px solid transparent; font: 700 16px/1 var(--font-sans); cursor: pointer; text-decoration: none; transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out, transform .15s ease-out; white-space: nowrap; }
.sk .cc-btn:active { transform: translateY(1px); }
.sk .cc-btn--primary { background: var(--berry); color: var(--on-berry); }
.sk .cc-btn--primary:hover { background: var(--berry-deep); }
.sk .cc-btn--secondary { background: var(--surface-raised); color: var(--ink); border-color: var(--line-strong); }
.sk .cc-btn--secondary:hover { border-color: var(--ink); }
.sk .cc-btn--ghost { background: transparent; color: var(--berry); padding-inline: 12px; }
.sk .cc-btn--ghost:hover { background: var(--berry-soft); color: var(--berry-deep); }
.sk .cc-btn--tongue { background: var(--tongue); color: var(--on-tongue); }
.sk .cc-btn--s { height: var(--control-s); padding-inline: 16px; font-size: 14px; }
.sk .cc-btn--l { height: var(--control-l); padding-inline: 28px; font-size: 17px; }
.sk .cc-btn--block { width: 100%; }
.sk .cc-btn--icon { width: var(--control-m); padding: 0; }
.sk .cc-btn[disabled] { background: var(--surface-sunk); color: var(--ink-muted); border-color: var(--line); cursor: not-allowed; transform: none; }

/* ---------- Badge ---------- */
.sk .cc-badge { display: inline-flex; align-items: center; gap: var(--space-1); height: 24px; padding-inline: 10px; border-radius: var(--radius-s); font: 700 13px/16px var(--font-sans); letter-spacing: .02em; white-space: nowrap; }
.sk .cc-badge .cc-ico { width: 14px; height: 14px; stroke-width: 2.25; }
.sk .cc-badge--deal { background: var(--ginger); color: var(--on-ginger); }
.sk .cc-badge--diet { background: var(--berry-soft); color: var(--berry-deep); }
.sk .cc-badge--stock { background: var(--success-soft); color: var(--success); }
.sk .cc-badge--out { background: var(--surface-sunk); color: var(--ink-muted); }
.sk .cc-badge--new { background: var(--tongue); color: var(--on-tongue); }

/* ---------- Chips (filters) ---------- */
.sk .cc-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.sk .cc-chip { display: inline-flex; align-items: center; gap: 6px; height: var(--control-s); padding-inline: 14px; border-radius: var(--radius-pill); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 600 14px/1 var(--font-sans); cursor: pointer; }
.sk .cc-chip:hover { border-color: var(--ink); }
.sk .cc-chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.sk .cc-chip__count { font-weight: 400; color: var(--ink-muted); }
.sk .cc-chip[aria-pressed="true"] .cc-chip__count { color: inherit; opacity: .75; }
.sk .cc-chips__label { font: 700 13px/16px var(--font-sans); letter-spacing: .02em; color: var(--ink-muted); inline-size: 100%; }

/* ---------- Weight picker ---------- */
.sk .cc-weights { display: flex; flex-wrap: wrap; gap: var(--space-2); border: 0; margin: 0; padding: 0; }
.sk .cc-weights legend { font: 700 13px/16px var(--font-sans); letter-spacing: .02em; color: var(--ink-muted); margin-block-end: var(--space-2); padding: 0; }
.sk .cc-weight { display: grid; justify-items: center; gap: 2px; min-inline-size: 84px; padding: 8px 12px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); cursor: pointer; font-family: var(--font-sans); }
.sk .cc-weight:hover { border-color: var(--ink); }
.sk .cc-weight__kg { font: 800 16px/20px var(--font-sans); }
.sk .cc-weight__per { font: 600 12px/16px var(--font-sans); color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.sk .cc-weight[aria-checked="true"] { border: 2px solid var(--berry); background: var(--berry-soft); padding: 7.5px 11.5px; }
.sk .cc-weight[aria-checked="true"] .cc-weight__kg, .sk .cc-weight[aria-checked="true"] .cc-weight__per { color: var(--berry-deep); }
.sk .cc-weight[aria-disabled="true"] { color: var(--ink-muted); border-style: dashed; cursor: not-allowed; }

/* ---------- Pack placeholder (only for a product with no photo yet) ---------- */
.sk .cc-pack { --pack: var(--tongue); --pack-ink: var(--on-tongue); --pack-band: var(--ginger); position: relative; inline-size: 58%; aspect-ratio: 3 / 4; border-radius: 18px 18px 12px 12px; background: var(--pack); color: var(--pack-ink); box-shadow: inset -10px 0 0 rgba(0,0,0,.08), 0 10px 18px -12px rgba(0,0,0,.45); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-block-end: 14%; box-sizing: border-box; }
.sk .cc-pack::before { content: ""; position: absolute; inset-block-start: 7%; inset-inline: 0; block-size: 6px; background: repeating-linear-gradient(90deg, rgba(255,255,255,.35) 0 6px, transparent 6px 10px); }
.sk .cc-pack::after { content: ""; position: absolute; inset-block-start: 22%; inset-inline: 14%; block-size: 26%; border-radius: 50%; background: var(--pack-band); opacity: .9; }
.sk .cc-pack__brand { position: relative; z-index: 1; font: 700 clamp(12px, 3.2cqi, 18px)/1 var(--font-display); letter-spacing: .04em; text-transform: uppercase; }
.sk .cc-pack__kg { position: relative; z-index: 1; margin-block-start: 6px; font: 800 11px/1 var(--font-sans); padding: 3px 8px; border-radius: 999px; background: rgba(255,255,255,.9); color: #24223d; }
.sk .cc-pack--tin { inline-size: 46%; aspect-ratio: 1 / 1.05; border-radius: 12px; padding-block-end: 18%; }
.sk .cc-pack--tin::after { inset-block-start: 18%; block-size: 34%; border-radius: 10px; }

/* ---------- Product card ---------- */
.sk .cc-product { position: relative; display: flex; flex-direction: column; gap: var(--space-3); padding: 12px 12px 16px; border-radius: var(--radius-m); background: var(--surface-raised); border: 1px solid var(--line); transition: box-shadow .2s ease-out, border-color .2s ease-out; container-type: inline-size; min-inline-size: 0; }
.sk .cc-product:hover { box-shadow: var(--shadow-card); border-color: transparent; }
.sk .cc-product__media { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1; border-radius: 12px; background: var(--media-well); overflow: hidden; }
.sk .cc-product__media img { position: absolute; inset: 7%; display: block; inline-size: 86%; block-size: 86%; object-fit: contain; object-position: center; }
.sk .cc-product__badges { position: absolute; inset-block-start: 10px; inset-inline-start: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.sk .cc-product__fav { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; display: grid; place-items: center; inline-size: 36px; block-size: 36px; border-radius: 50%; border: 0; background: var(--surface-raised); color: var(--ink); cursor: pointer; }
.sk .cc-product__fav[aria-pressed="true"] { color: var(--berry); }
.sk .cc-product__fav[aria-pressed="true"] .cc-ico { fill: currentColor; }
.sk .cc-product__body { display: flex; flex-direction: column; gap: 4px; padding-inline: 4px; min-inline-size: 0; }
.sk .cc-product__brand { font: 700 13px/16px var(--font-sans); letter-spacing: .02em; color: var(--ink-muted); }
.sk .cc-product__title { margin: 0; font: 700 17px/24px var(--font-sans); color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-block-size: 48px; }
.sk .cc-product__title a { color: inherit; text-decoration: none; }
.sk .cc-product__title a:hover { color: var(--berry); }
.sk .cc-product__sizes { display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: 4px; }
.sk .cc-product__size { font: 600 12px/22px var(--font-sans); padding-inline: 8px; border-radius: var(--radius-pill); border: 1px solid var(--line-strong); color: var(--ink); }
.sk .cc-product__size[aria-current="true"] { border-color: var(--ink); background: var(--ink); color: var(--surface); }
.sk .cc-product__foot { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-2); padding-inline: 4px; margin-block-start: auto; }
.sk .cc-price { display: grid; gap: 2px; }
.sk .cc-price__now { font: 800 24px/28px var(--font-sans); font-variant-numeric: tabular-nums; color: var(--ink); }
.sk .cc-price__now--sale { color: var(--berry); }
.sk .cc-price__was { font: 600 14px/18px var(--font-sans); color: var(--ink-muted); text-decoration: line-through; margin-inline-start: 6px; }
.sk .cc-price__unit { font: 600 12px/16px var(--font-sans); color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.sk .cc-product__add { flex: none; }

/* ---------- Pet / category tile ---------- */
.sk .cc-pets { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--space-4); }
.sk .cc-pet { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-block-size: 168px; padding: 18px 20px; border-radius: var(--radius-l); background: var(--ginger-soft); color: var(--ink); text-decoration: none; overflow: hidden; transition: transform .2s ease-out; }
.sk .cc-pet:hover { transform: translateY(-3px); }
.sk .cc-pet--cats { background: var(--berry-soft); }
.sk .cc-pet--fish, .sk .cc-pet--birds { background: var(--sky-soft); }
.sk .cc-pet--rodents, .sk .cc-pet--reptiles { background: var(--surface-sunk); }
.sk .cc-pet__name { font: 600 28px/32px var(--font-display); }
.sk .cc-pet__count { font: 600 13px/16px var(--font-sans); color: var(--ink-muted); }
.sk .cc-pet__glyph { position: absolute; inset-block-end: -18px; inset-inline-end: -6px; font: 700 132px/1 var(--font-display); color: var(--ink); opacity: .07; pointer-events: none; }
.sk .cc-pet__go { display: inline-flex; align-items: center; gap: 4px; font: 700 14px/1 var(--font-sans); color: var(--ink); }

/* ---------- Search ---------- */
.sk .cc-search { position: relative; display: flex; align-items: center; block-size: var(--control-l); border-radius: var(--radius-pill); background: var(--surface-raised); border: 1.5px solid var(--line-strong); transition: border-color .15s ease-out, box-shadow .15s ease-out; }
.sk .cc-search:focus-within { border-color: var(--berry); }
.sk .cc-search > .cc-ico { margin-inline: 18px 10px; color: var(--ink-muted); }
.sk .cc-search__input { flex: 1; min-inline-size: 0; block-size: 100%; border: 0; background: transparent; color: var(--ink); font: 400 16px/1 var(--font-sans); }
.sk .cc-search__input::placeholder { color: var(--ink-muted); }
.sk .cc-search__input:focus-visible { outline: none; }
.sk .cc-search__go { margin-inline-end: 5px; block-size: calc(var(--control-l) - 12px); }
.sk .cc-suggest { margin-block-start: 8px; border-radius: var(--radius-m); background: var(--surface-raised); box-shadow: var(--shadow-pop); padding: 8px; display: grid; gap: 2px; }
.sk .cc-suggest__item { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: 10px 12px; border-radius: 10px; color: var(--ink); text-decoration: none; }
.sk .cc-suggest__item:hover, .sk .cc-suggest__item[aria-selected="true"] { background: var(--surface-sunk); }
.sk .cc-suggest__item mark { background: none; color: var(--berry-deep); font-weight: 700; }
.sk .cc-suggest__meta { font: 600 12px/16px var(--font-sans); color: var(--ink-muted); }

/* ---------- Quantity stepper ---------- */
.sk .cc-qty { display: inline-flex; align-items: center; block-size: var(--control-s); border-radius: var(--radius-pill); border: 1.5px solid var(--line-strong); background: var(--surface-raised); }
.sk .cc-qty button { display: grid; place-items: center; inline-size: 34px; block-size: 100%; border: 0; background: none; color: var(--ink); cursor: pointer; border-radius: var(--radius-pill); }
.sk .cc-qty button:hover { color: var(--berry); }
.sk .cc-qty button[disabled] { color: var(--line-strong); cursor: not-allowed; }
.sk .cc-qty output { min-inline-size: 28px; text-align: center; font: 800 15px/1 var(--font-sans); font-variant-numeric: tabular-nums; }

/* ---------- Field ---------- */
.sk .cc-field { display: grid; gap: 6px; min-inline-size: 0; }
.sk .cc-field__label { font: 700 13px/16px var(--font-sans); letter-spacing: .02em; color: var(--ink); }
.sk .cc-input { block-size: var(--control-m); padding-inline: 16px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 400 16px/1 var(--font-sans); box-sizing: border-box; inline-size: 100%; }
.sk .cc-input::placeholder { color: var(--ink-muted); }
.sk .cc-input:hover { border-color: var(--ink); }
.sk .cc-field__hint { font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.sk .cc-field--error .cc-input { border-color: var(--danger); border-width: 2px; }
.sk .cc-field__error { display: flex; align-items: center; gap: 6px; font: 600 14px/20px var(--font-sans); color: var(--danger); }
.sk .cc-field__error .cc-ico { width: 16px; height: 16px; }
.sk .cc-check { display: flex; align-items: flex-start; gap: 10px; font: 400 14px/20px var(--font-sans); color: var(--ink); }
.sk .cc-check input { inline-size: 20px; block-size: 20px; margin: 0; accent-color: var(--berry); }

/* ---------- Service strip ---------- */
.sk .cc-perks { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1px; border-radius: var(--radius-l); overflow: hidden; background: var(--line); border: 1px solid var(--line); }
.sk .cc-perk { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; background: var(--surface-raised); }
.sk .cc-perk__icon { display: grid; place-items: center; flex: none; inline-size: 44px; block-size: 44px; border-radius: 50%; background: var(--ginger-soft); color: var(--ink); }
.sk .cc-perk__title { font: 700 16px/22px var(--font-sans); color: var(--ink); }
.sk .cc-perk__text { font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }

/* ---------- Site header ---------- */
.sk .cc-topbar { background: var(--tongue); color: var(--on-tongue); font: 600 13px/16px var(--font-sans); }
.sk .cc-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); max-inline-size: var(--content-max); margin-inline: auto; padding: 9px max(16px, 2vw); }
.sk .cc-topbar a { color: inherit; }
.sk .cc-header { background: var(--surface-raised); border-block-end: 1px solid var(--line); }
.sk .cc-header__in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-6); max-inline-size: var(--content-max); margin-inline: auto; padding: 14px max(16px, 2vw); }
.sk .cc-logo { display: inline-flex; align-items: center; flex: none; text-decoration: none; }
.sk .cc-logo img { display: block; block-size: 68px; inline-size: auto; }
.sk .cc-wordmark { display: inline-flex; align-items: center; gap: 10px; font: 700 30px/1 var(--font-display); color: var(--berry); text-decoration: none; letter-spacing: -.01em; white-space: nowrap; }
.sk .cc-wordmark__dot { inline-size: 12px; block-size: 12px; border-radius: 50%; background: var(--ginger); }
.sk .cc-header__tools { display: flex; align-items: center; gap: var(--space-2); }
.sk .cc-iconbtn { position: relative; display: grid; place-items: center; inline-size: var(--control-m); block-size: var(--control-m); border-radius: 50%; color: var(--ink); background: transparent; border: 0; cursor: pointer; }
.sk .cc-iconbtn:hover { background: var(--surface-sunk); }
.sk .cc-iconbtn .cc-ico { width: 22px; height: 22px; }
.sk .cc-iconbtn__count { position: absolute; inset-block-start: 4px; inset-inline-end: 2px; min-inline-size: 18px; block-size: 18px; padding-inline: 4px; border-radius: 9px; background: var(--berry); color: var(--on-berry); font: 800 11px/18px var(--font-sans); text-align: center; box-sizing: border-box; }
.sk .cc-cartbtn { display: inline-flex; align-items: center; gap: 10px; block-size: var(--control-m); padding-inline: 8px 16px; border-radius: var(--radius-pill); background: var(--surface-sunk); color: var(--ink); text-decoration: none; font: 800 15px/1 var(--font-sans); font-variant-numeric: tabular-nums; }
.sk .cc-nav { background: var(--surface-raised); border-block-end: 1px solid var(--line); }
.sk .cc-nav__in { display: flex; align-items: center; gap: 4px; max-inline-size: var(--content-max); margin-inline: auto; padding: 0 max(16px, 2vw); overflow-x: auto; scrollbar-width: none; }
.sk .cc-nav a { display: inline-flex; align-items: center; block-size: 48px; padding-inline: 14px; color: var(--ink); text-decoration: none; font: 700 15px/1 var(--font-sans); white-space: nowrap; border-block-end: 3px solid transparent; }
.sk .cc-nav a:hover { color: var(--berry); }
.sk .cc-nav a[aria-current="page"] { border-color: var(--berry); color: var(--berry); }
.sk .cc-nav__sep { inline-size: 1px; block-size: 20px; background: var(--line); margin-inline: 8px; }
.sk .cc-nav a.cc-nav__deal { color: var(--berry); }

@media (prefers-reduced-motion: reduce) { .sk .cc-btn, .sk .cc-pet, .sk .cc-product, .sk .cc-search { transition: none; } .sk .cc-pet:hover { transform: none; } }

/* צ׳או צ׳או · דף בית — tokens from the design system (project/ds/chowchow/tokens.json) + page layout.
   Layout concept: a shop counter. The hero is the expert at the counter (food finder) beside a stocked shelf with
   shelf-edge price labels; everything below is a calm aisle of rounded, flat surfaces. Container queries, so the
   same file is the desktop and the 390px phone board. */
.sk {
  --surface:#fcf8fa; --surface-raised:#ffffff; --surface-sunk:#f5eef2; --media-well:#ffffff; --line:#eadfe5; --line-strong:#8e8599;
  --ink:#24223d; --ink-muted:#625c78;
  --berry:#d01b6f; --berry-deep:#a6125a; --berry-soft:#fbe3ee; --on-berry:#ffffff;
  --ginger:#e8893a; --ginger-soft:#fdead7; --on-ginger:#24223d;
  --tongue:#2c2966; --on-tongue:#ffffff; --sky-soft:#e2eaf7;
  --success:#0b6e60; --success-soft:#ddf3ee; --danger:#b42318; --danger-soft:#fce6e4;
  --focus-ring:var(--berry);
  --font-display:"FUP Erez", system-ui, sans-serif;
  --font-sans:"FUP Erez", system-ui, sans-serif;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:56px; --space-8:88px;
  --radius-s:8px; --radius-m:16px; --radius-l:28px; --radius-pill:999px;
  --control-s:36px; --control-m:44px; --control-l:52px; --content-max:1280px;
  --shadow-card:0 1px 2px rgba(36,34,61,0.06), 0 8px 24px rgba(36,34,61,0.08);
  --shadow-pop:0 12px 40px rgba(36,34,61,0.16);
  direction: rtl;
  background: var(--surface);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
}
.sk[data-theme="dark"] {
  --surface:#16142a; --surface-raised:#201e38; --surface-sunk:#110f21; --media-well:#ffffff; --line:#34304f; --line-strong:#736d96;
  --ink:#f5f0f7; --ink-muted:#b5afc9;
  --berry:#ff5fa2; --berry-deep:#ff8dbe; --berry-soft:#3b1730; --on-berry:#16142a;
  --ginger:#f2a160; --ginger-soft:#3a2717; --on-ginger:#16142a;
  --tongue:#2f2b78; --on-tongue:#f5f0f7; --sky-soft:#1d2645;
  --success:#4cc9a6; --success-soft:#12322d; --danger:#ff8a80; --danger-soft:#3a1715;
  --shadow-card:0 1px 2px rgba(0,0,0,0.45), 0 8px 24px rgba(0,0,0,0.35);
  --shadow-pop:0 12px 40px rgba(0,0,0,0.55);
  color-scheme: dark;
}
.sk *, .sk *::before, .sk *::after { box-sizing: border-box; }
.sk :where(.sk) a { color: inherit; }

.sk .sk-wrap { max-inline-size: calc(var(--content-max) + 64px); margin-inline: auto; padding-inline: 32px; }
.sk .sk-sec { padding-block-start: var(--space-8); }
.sk .sk-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; margin-block-end: var(--space-6); }
.sk .sk-h2 { margin: 0; font: 700 48px/52px var(--font-display); text-wrap: balance; }
.sk .sk-sub { margin: 8px 0 0; font: 400 17px/26px var(--font-sans); color: var(--ink-muted); max-inline-size: 36em; }
.sk .sk-more { display: inline-flex; align-items: center; gap: 4px; color: var(--berry); font: 700 15px/1 var(--font-sans); text-decoration: none; white-space: nowrap; }
.sk .sk-more .cc-ico { width: 18px; height: 18px; }
.sk .sk-more:hover { color: var(--berry-deep); }
.sk .sk-burger { display: none; }
.sk .cc-header__in { padding-block: 8px; }
.sk .cc-header .cc-logo img { block-size: 102px; }
.sk .sk-foot .cc-logo img { block-size: 88px; }

/* ---------- mega menu (desktop) ---------- */
.sk .sk-navwrap { position: relative; z-index: 30; }
.sk .cc-nav a .sk-caret { width: 14px; height: 14px; margin-inline-start: 4px; color: var(--ink-muted); transition: transform .15s ease-out; }
.sk .cc-nav a[aria-expanded="true"] { color: var(--berry); border-color: var(--berry); }
.sk .cc-nav a[aria-expanded="true"] .sk-caret { color: var(--berry); transform: rotate(180deg); }
.sk .sk-mega { position: absolute; inset-inline: 0; top: 100%; background: var(--surface-raised); border-block-end: 1px solid var(--line); box-shadow: var(--shadow-pop); }
.sk .sk-mega__in { display: grid; grid-template-columns: minmax(0, 1fr) 272px; gap: 40px; max-inline-size: var(--content-max); margin-inline: auto; padding: 28px max(16px, 2vw) 32px; }
.sk .sk-mega__cols { columns: 4 180px; column-gap: 32px; }
.sk .sk-mega__group { break-inside: avoid; margin-block-end: 24px; }
.sk .sk-mega__head { display: block; margin-block-end: 8px; font: 700 17px/22px var(--font-sans); color: var(--ink); text-decoration: none; }
.sk .sk-mega__head:hover { color: var(--berry); }
.sk .sk-mega ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.sk .sk-mega li a { font: 400 15px/20px var(--font-sans); color: var(--ink-muted); text-decoration: none; }
.sk .sk-mega li a:hover { color: var(--berry); }
.sk .sk-mega__side { display: flex; flex-direction: column; gap: 14px; min-inline-size: 0; padding-inline-start: 32px; border-inline-start: 1px solid var(--line); }
.sk .sk-mega__promo { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-inline-size: 0; overflow: hidden; padding: 12px 12px 14px; border-radius: var(--radius-m); border: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: border-color .15s ease-out; }
.sk .sk-mega__promo:hover { border-color: var(--ink); }
.sk .sk-mega__eyebrow { font: 700 13px/16px var(--font-sans); color: var(--ink-muted); }
.sk .sk-mega__promo-img { display: flex; align-items: center; justify-content: center; align-self: stretch; block-size: 168px; padding: 12px; border-radius: 12px; background: var(--media-well); overflow: hidden; }
.sk .sk-mega__promo-img img { display: block; inline-size: auto; block-size: 100%; max-inline-size: 100%; object-fit: contain; mix-blend-mode: multiply; }
.sk .sk-mega__promo b { align-self: stretch; font: 700 16px/21px var(--font-sans); overflow-wrap: anywhere; }
.sk .sk-mega__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.sk .sk-mega__price .cc-price__now { font-size: 22px; line-height: 26px; }
.sk .sk-mega__help { display: grid; gap: 10px; justify-items: start; padding: 20px; border-radius: var(--radius-m); background: var(--ginger-soft); color: var(--ink); }
.sk .sk-mega__help b { font: 600 24px/28px var(--font-display); }
.sk .sk-mega__help span { font: 400 15px/21px var(--font-sans); }
.sk .sk-mega__help a { font: 800 20px/24px var(--font-sans); color: var(--ink); text-decoration: none; font-variant-numeric: tabular-nums; }

/* ---------- menu drawer (phone) ---------- */
.sk .sk-drawer { display: none; }
.sk .sk-drawer__pet { border-block-end: 1px solid var(--line); }
.sk .sk-drawer__row { display: flex; align-items: center; justify-content: space-between; inline-size: 100%; padding: 14px 4px; border: 0; background: none; color: var(--ink); font: 600 24px/28px var(--font-display); text-align: start; cursor: pointer; }
.sk .sk-drawer__row .cc-ico { transition: transform .15s ease-out; }
.sk .sk-drawer__row[aria-expanded="true"] { color: var(--berry); }
.sk .sk-drawer__row[aria-expanded="true"] .cc-ico { transform: rotate(180deg); }
.sk .sk-drawer__groups { list-style: none; margin: 0; padding: 0 4px 12px; display: grid; }
.sk .sk-drawer__groups a { display: block; padding: 9px 0; font: 400 17px/22px var(--font-sans); color: var(--ink); text-decoration: none; }
.sk .sk-drawer__groups a.sk-drawer__all { color: var(--berry); font-weight: 700; }
.sk .sk-drawer__links { display: flex; flex-wrap: wrap; gap: 8px; padding-block-start: 18px; }
.sk .sk-drawer__links .cc-chip { text-decoration: none; }
.sk .sk-drawer__call { display: flex; align-items: center; gap: 10px; margin-block-start: 18px; padding: 14px 16px; border-radius: var(--radius-m); background: var(--ginger-soft); color: var(--ink); text-decoration: none; font: 400 16px/22px var(--font-sans); }

/* ---------- hero: the photo alone ---------- */
.sk .sk-sr { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sk .sk-hero { padding-block-end: 88px; background: linear-gradient(90deg, #e41171, #f62485 25%, #f62787 50%, #f72d90 72%, #d91268); }
.sk .sk-hero__img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 2141 / 818; -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent); }

/* food finder bar: straddles the hero's bottom edge, half on the photo */
.sk .sk-finderbar { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; align-items: end; gap: 16px; margin-block: -122px 32px; padding: 22px 24px 24px; border-radius: var(--radius-l); background: var(--surface-raised); box-shadow: var(--shadow-pop); }
.sk .sk-finderbar__title { grid-column: 1 / -1; display: grid; gap: 2px; justify-items: center; text-align: center; }
.sk .sk-finderbar__h1 { margin: 0; font: 600 26px/32px var(--font-display); text-wrap: balance; }
.sk .sk-finderbar__h2 { margin: 0; font: 400 16px/22px var(--font-sans); color: var(--ink-muted); }
.sk .sk-fsel { display: grid; gap: 6px; min-inline-size: 0; }
.sk .sk-fsel > span:first-child { font: 700 13px/16px var(--font-sans); letter-spacing: .02em; color: var(--ink-muted); }
.sk .sk-fsel__box { position: relative; display: block; }
.sk .sk-fsel__box .cc-ico { position: absolute; inset-inline-end: 14px; inset-block-start: 50%; width: 18px; height: 18px; margin-block-start: -9px; color: var(--ink-muted); pointer-events: none; }
.sk .sk-fsel select { -webkit-appearance: none; appearance: none; display: block; inline-size: 100%; block-size: var(--control-l); padding-inline: 16px 40px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 600 16px/1 var(--font-sans); cursor: pointer; }
.sk .sk-fsel select:hover { border-color: var(--ink); }
.sk .sk-fsel select:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sk .sk-fsel select:disabled { color: var(--ink-muted); background: var(--surface-sunk); border-style: dashed; cursor: not-allowed; }
.sk .sk-finderbar__go { align-self: end; }

/* ---------- pets + categories ---------- */
/* pet tiles: the photo on its own magenta, name on a white strip below */
.sk .sk-pets { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.sk .sk-pet { display: flex; flex-direction: column; min-inline-size: 0; border-radius: var(--radius-l); overflow: hidden; border: 1px solid var(--line); background: var(--surface-raised); color: var(--ink); text-decoration: none; transition: transform .2s ease-out, box-shadow .2s ease-out; }
.sk .sk-pet:hover { transform: translateY(-3px); box-shadow: var(--shadow-card); }
.sk .sk-pet:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sk .sk-pet__media { display: block; aspect-ratio: 1 / 1; background: #d71d72; overflow: hidden; }
.sk .sk-pet__media img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .3s ease-out; }
.sk .sk-pet:hover .sk-pet__media img { transform: scale(1.04); }
.sk .sk-pet__media--glyph { display: grid; place-items: center; font: 700 120px/1 var(--font-display); color: #ffffff; opacity: .9; }
.sk .sk-pet__text { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px 14px; }
.sk .sk-pet__name { display: block; font: 600 26px/30px var(--font-display); }
.sk .sk-pet__sub { display: block; font: 400 14px/18px var(--font-sans); color: var(--ink-muted); }
.sk .sk-pet__go { display: grid; place-items: center; flex: none; inline-size: 36px; block-size: 36px; border-radius: 50%; background: var(--berry-soft); color: var(--berry-deep); }
.sk .sk-pet__go .cc-ico { width: 18px; height: 18px; }
@media (prefers-reduced-motion: reduce) { .sk .sk-pet, .sk .sk-pet__media img { transition: none; } .sk .sk-pet:hover, .sk .sk-pet:hover .sk-pet__media img { transform: none; } }
.sk .sk-cats__title { margin: 48px 0 20px; font: 600 30px/36px var(--font-display); }
.sk .sk-cats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.sk .sk-cat { display: flex; flex-direction: column; min-inline-size: 0; border-radius: var(--radius-m); border: 1px solid var(--line); background: var(--surface-raised); color: var(--ink); text-decoration: none; overflow: hidden; transition: border-color .15s ease-out, transform .15s ease-out; }
.sk .sk-cat:hover { border-color: var(--ink); transform: translateY(-2px); }
.sk .sk-cat:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sk .sk-cat__img { position: relative; display: block; aspect-ratio: 1 / 1; background: var(--media-well); }
.sk .sk-cat__img img { position: absolute; inset: 10%; display: block; inline-size: 80%; block-size: 80%; object-fit: contain; }
.sk .sk-cat__name { display: flex; align-items: center; justify-content: center; min-block-size: 52px; padding: 8px 10px 12px; text-align: center; font: 700 16px/20px var(--font-sans); text-wrap: balance; }
.sk .sk-cat:hover .sk-cat__name { color: var(--berry); }

/* ---------- deals ---------- */
.sk .sk-grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.sk .sk-deals__tabs { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }

/* ---------- reorder band ---------- */
.sk .sk-band { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; padding: 56px; border-radius: var(--radius-l); background: var(--ginger-soft); position: relative; overflow: hidden; }
.sk .sk-band__text { display: grid; gap: 16px; justify-items: start; }
.sk .sk-band__text p { margin: 0; font: 400 18px/28px var(--font-sans); color: var(--ink); max-inline-size: 30em; }
.sk .sk-band__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-block-start: 6px; }
.sk .sk-profile { display: grid; gap: 16px; padding: 24px; border-radius: var(--radius-l); background: var(--surface-raised); box-shadow: var(--shadow-pop); position: relative; }
.sk .sk-profile__who { display: flex; align-items: center; gap: 12px; }
.sk .sk-avatar { display: grid; place-items: center; inline-size: 48px; block-size: 48px; border-radius: 50%; background: var(--ginger); color: var(--on-ginger); font: 600 22px/1 var(--font-display); flex: none; }
.sk .sk-profile__name { font: 600 24px/28px var(--font-display); }
.sk .sk-profile__meta { font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.sk .sk-profile__food { display: flex; align-items: center; gap: 14px; padding: 12px; border-radius: var(--radius-m); background: var(--surface-sunk); }
.sk .sk-thumb { display: grid; place-items: center; flex: none; inline-size: 56px; block-size: 64px; border-radius: 10px; background: var(--media-well); }
.sk .sk-thumb img { display: block; max-inline-size: 88%; max-block-size: 88%; mix-blend-mode: multiply; }
.sk .sk-profile__food b { display: block; font: 700 15px/20px var(--font-sans); }
.sk .sk-profile__food span { font: 600 13px/18px var(--font-sans); color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.sk .sk-meter { display: grid; gap: 8px; }
.sk .sk-meter__bar { block-size: 10px; border-radius: var(--radius-pill); background: var(--surface-sunk); overflow: hidden; }
.sk .sk-meter__bar span { display: block; block-size: 100%; inline-size: 80%; border-radius: inherit; background: var(--ginger); }
.sk .sk-meter__row { display: flex; justify-content: space-between; gap: 12px; font: 600 13px/18px var(--font-sans); color: var(--ink-muted); }
.sk .sk-meter__row b { color: var(--ink); }
.sk .sk-example { position: absolute; inset-block-start: -12px; inset-inline-end: 20px; }

/* ---------- brands ---------- */
.sk .sk-brands { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.sk .sk-brand { display: grid; place-items: center; min-block-size: 96px; padding: 14px 20px; border-radius: var(--radius-m); border: 1px solid var(--line); background: #ffffff; text-decoration: none; transition: border-color .15s ease-out, transform .15s ease-out; }
.sk .sk-brand:hover { border-color: var(--ink); transform: translateY(-2px); }
.sk .sk-brand:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sk .sk-brand img { display: block; max-inline-size: 100%; max-block-size: 62px; inline-size: auto; block-size: auto; object-fit: contain; }

/* ---------- about + store ---------- */
.sk .sk-about { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.sk .sk-about__text { display: grid; gap: 18px; }
.sk .sk-about__text p { margin: 0; font: 400 18px/30px var(--font-sans); color: var(--ink); max-inline-size: 34em; }
.sk .sk-about__text p.sk-muted { color: var(--ink-muted); }
.sk .sk-stars { display: inline-flex; align-items: center; gap: 10px; font: 700 15px/20px var(--font-sans); }
.sk .sk-stars span { display: inline-flex; gap: 2px; color: var(--ginger); }
.sk .sk-stars .cc-ico { width: 20px; height: 20px; fill: currentColor; }
.sk .sk-store { border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface-raised); overflow: hidden; }
.sk .sk-photo { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; background: var(--sky-soft); color: var(--ink-muted); font: 600 14px/20px var(--font-sans); overflow: hidden; }
.sk .sk-photo__label { position: relative; z-index: 1; padding: 6px 12px; border-radius: var(--radius-pill); background: var(--surface-raised); }
.sk .sk-store__body { display: grid; gap: 14px; padding: 24px; }
.sk .sk-store__title { margin: 0; font: 600 26px/30px var(--font-display); }
.sk .sk-store__row { display: flex; align-items: flex-start; gap: 12px; font: 400 16px/24px var(--font-sans); }
.sk .sk-store__row .cc-ico { margin-block-start: 2px; color: var(--berry); }
.sk .sk-store__row b { font-weight: 700; }
.sk .sk-store__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-block-start: 4px; }

/* ---------- guides ---------- */
.sk .sk-guides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sk .sk-guide { display: grid; gap: 14px; align-content: start; color: var(--ink); text-decoration: none; }
.sk .sk-guide__img { position: relative; aspect-ratio: 4 / 3; border-radius: var(--radius-l); background: var(--ginger-soft); overflow: hidden; }
.sk .sk-guide__img--cat { background: var(--berry-soft); }
.sk .sk-guide__img--old { background: var(--sky-soft); }
.sk .sk-guide__img .cc-badge { position: absolute; inset-block-start: 16px; inset-inline-start: 16px; }
.sk .sk-guide__img img { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .3s ease-out; }
.sk .sk-guide__img .cc-badge { z-index: 1; }
.sk .sk-guide:hover .sk-guide__img img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .sk .sk-guide__img img { transition: none; } .sk .sk-guide:hover .sk-guide__img img { transform: none; } }
.sk .sk-guide__title { margin: 0; font: 700 21px/28px var(--font-sans); text-wrap: balance; }
.sk .sk-guide:hover .sk-guide__title { color: var(--berry); }
.sk .sk-guide__meta { font: 600 13px/18px var(--font-sans); color: var(--ink-muted); }

/* ---------- club ---------- */
.sk .sk-club { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; padding: 56px; border-radius: var(--radius-l); background: var(--tongue); color: var(--on-tongue); overflow: hidden; }
.sk .sk-club__disc { position: absolute; inline-size: 300px; block-size: 300px; border-radius: 50%; background: var(--berry); inset-block-end: -170px; inset-inline-start: -90px; }
.sk .sk-club__text { position: relative; display: grid; gap: 14px; }
.sk .sk-club__text .sk-h2 { color: var(--on-tongue); }
.sk .sk-club__text p { margin: 0; font: 400 18px/28px var(--font-sans); color: var(--on-tongue); opacity: .88; max-inline-size: 28em; }
.sk .sk-club__form { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: end; }
.sk .sk-club__form .cc-field__label, .sk .sk-club__form .cc-check { color: var(--on-tongue); }
.sk .sk-club__wide { grid-column: 1 / -1; }

/* ---------- footer ---------- */
.sk .sk-foot { margin-block-start: var(--space-8); background: var(--surface-sunk); padding-block: 56px 28px; }
.sk .sk-foot__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 40px; }
.sk .sk-foot__about { display: grid; gap: 14px; align-content: start; }
.sk .sk-foot__about p { margin: 0; font: 400 15px/24px var(--font-sans); color: var(--ink-muted); max-inline-size: 26em; }
.sk .sk-foot h3 { margin: 0 0 14px; font: 700 15px/20px var(--font-sans); }
.sk .sk-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sk .sk-foot li, .sk .sk-foot li a { font: 400 15px/22px var(--font-sans); color: var(--ink-muted); text-decoration: none; }
.sk .sk-foot li a:hover { color: var(--berry); }
.sk .sk-foot__num { font-variant-numeric: tabular-nums; }
.sk .sk-foot__bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-block-start: 40px; padding-block-start: 20px; border-block-start: 1px solid var(--line); font: 400 13px/20px var(--font-sans); color: var(--ink-muted); }

/* ---------- tablet ---------- */
@media (max-width: 1100px) {
  .sk .sk-pets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sk .sk-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sk .sk-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sk .sk-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .sk .sk-finderbar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sk .sk-finderbar__go { grid-column: 1 / -1; }
  .sk .sk-mega__in { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-mega__side { display: none; }
}
@media (max-width: 900px) {
  .sk .sk-band, .sk .sk-about, .sk .sk-club { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-grid4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- phone ---------- */
@media (max-width: 640px) {
  .sk .sk-wrap { padding-inline: 16px; }
  .sk .sk-sec { padding-block-start: var(--space-7); }
  .sk .sk-head { margin-block-end: var(--space-5); }
  .sk .sk-h2 { font-size: 34px; line-height: 38px; }
  .sk .sk-sub { font-size: 16px; line-height: 24px; }

  .sk .sk-topbar-2 { display: none; }
  .sk .cc-topbar__in { justify-content: center; text-align: center; }
  .sk .cc-header__in { grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "burger logo tools" "search search search"; gap: 10px 8px; padding-block: 8px 12px; }
  .sk .sk-burger { display: grid; grid-area: burger; }
  .sk .sk-hero { padding-block-end: 56px; }
  .sk .sk-hero__img { block-size: 300px; aspect-ratio: auto; object-fit: cover; object-position: 45% 100%; }
  .sk .sk-finderbar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-block: -44px 24px; padding: 18px 16px; }
  .sk .sk-finderbar__h1 { font-size: 20px; line-height: 26px; }
  .sk .sk-finderbar__h2 { font-size: 14px; line-height: 20px; }
  .sk .sk-mega { display: none; }
  .sk .cc-nav a .sk-caret { display: none; }
  .sk .sk-drawer { display: block; position: absolute; inset-inline: 0; top: 0; z-index: 40; padding: 4px 16px 24px; background: var(--surface-raised); border-block-end: 1px solid var(--line); box-shadow: var(--shadow-pop); }
  .sk .cc-header__in > .cc-logo { grid-area: logo; justify-self: center; }
  .sk .cc-header .cc-logo img { block-size: 78px; }
  .sk .cc-header__in > .cc-search { grid-area: search; block-size: 46px; }
  .sk .cc-header__tools { grid-area: tools; gap: 0; }
  .sk .sk-hide-m { display: none; }
  .sk .cc-cartbtn { padding-inline: 4px 12px; }


  .sk .sk-pets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .sk .sk-pet__text { padding: 10px 12px 12px; }
  .sk .sk-pet__name { font-size: 22px; line-height: 26px; }
  .sk .sk-pet__sub { font-size: 13px; line-height: 17px; }
  .sk .sk-pet__go { inline-size: 30px; block-size: 30px; }
  .sk .cc-pet__name { font-size: 24px; line-height: 28px; }
  .sk .cc-pet__glyph { font-size: 100px; }
  .sk .sk-cats__title { margin: 36px 0 14px; font-size: 24px; line-height: 30px; }
  .sk .sk-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .sk .sk-cat__name { min-block-size: 44px; padding: 6px 6px 10px; font-size: 14px; line-height: 18px; }

  .sk .sk-grid4 { gap: 12px; }
  .sk .cc-product { padding: 8px 8px 12px; gap: 10px; }
  .sk .cc-product__title { font-size: 15px; line-height: 21px; min-block-size: 42px; }
  .sk .cc-product__foot { flex-wrap: wrap; }
  .sk .cc-product__add { inline-size: 100%; }
  .sk .cc-price__now { font-size: 20px; line-height: 24px; }
  .sk .cc-product__sizes { display: none; }
  .sk .cc-product__fav { inline-size: 32px; block-size: 32px; }

  .sk .sk-band { padding: 28px 18px 32px; gap: 32px; }
  .sk .sk-band__text p { font-size: 16px; line-height: 25px; }
  .sk .sk-band__actions .cc-btn { flex: 1 1 auto; }
  .sk .sk-profile { padding: 18px; }

  .sk .sk-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .sk .sk-brand { min-block-size: 72px; padding: 10px 12px; }
  .sk .sk-brand img { max-block-size: 44px; }

  .sk .sk-about { gap: 28px; }
  .sk .sk-about__text p { font-size: 16px; line-height: 26px; }
  .sk .sk-store__actions .cc-btn { flex: 1 1 auto; }

  .sk .sk-guides { display: flex; overflow-x: auto; gap: 14px; margin-inline: -16px; padding-inline: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .sk .sk-guide { flex: 0 0 78%; scroll-snap-align: start; }
  .sk .sk-guide__title { font-size: 18px; line-height: 25px; }

  .sk .sk-club { padding: 28px 18px 32px; gap: 24px; }
  .sk .sk-club__form { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-club__form .cc-btn { inline-size: 100%; }

  .sk .sk-foot { padding-block: 40px 24px; }
  .sk .sk-foot__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .sk .sk-foot__bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) { .sk .sk-brand { transition: none; } }

/* ================= category page ================= */
.sk .sk-cathead { padding-block: 24px 8px; }
.sk .sk-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.sk .sk-crumbs a { color: var(--ink-muted); text-decoration: none; }
.sk .sk-crumbs a:hover { color: var(--berry); }
.sk .sk-crumbs .cc-ico { width: 14px; height: 14px; }
.sk .sk-crumbs [aria-current="page"] { color: var(--ink); font-weight: 700; }
.sk .sk-cathead__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-block: 14px 20px; }
.sk .sk-cathead__text { min-inline-size: 0; }
.sk .sk-cathead__h1 { margin: 0; font: 700 48px/52px var(--font-display); }
.sk .sk-cathead__help { display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 14px; border-radius: var(--radius-m); background: var(--ginger-soft); color: var(--ink); text-decoration: none; font: 400 14px/18px var(--font-sans); }
.sk .sk-cathead__help b { display: block; font: 700 16px/20px var(--font-sans); }
.sk .sk-cathead__help .cc-perk__icon { inline-size: 40px; block-size: 40px; background: var(--surface-raised); }
.sk .sk-subcats { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-block: 4px 8px; }
.sk .sk-subcats .cc-chip { flex: none; text-decoration: none; }
.sk .sk-subcats .cc-chip[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: var(--surface); }

.sk .sk-catbody { padding-block: 16px 0; }
.sk .sk-catbody__in { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; align-items: start; }

/* filters */
.sk .sk-filters { position: sticky; top: 16px; display: grid; gap: 0; padding: 4px 20px 16px; border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface-raised); }
.sk .sk-filters__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 14px 10px; }
.sk .sk-filters__head b { font: 600 24px/28px var(--font-display); }
.sk .sk-filters__clear { border: 0; background: none; padding: 0; color: var(--berry); font: 700 14px/20px var(--font-sans); cursor: pointer; }
.sk .sk-filters__close, .sk .sk-filters__apply, .sk .sk-toolbar__filter { display: none; }
.sk .sk-fgroup { border-block-start: 1px solid var(--line); }
.sk .sk-fgroup summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 14px; list-style: none; cursor: pointer; font: 700 16px/20px var(--font-sans); color: var(--ink); }
.sk .sk-fgroup summary::-webkit-details-marker { display: none; }
.sk .sk-fgroup summary .cc-ico { width: 18px; height: 18px; color: var(--ink-muted); transition: transform .15s ease-out; }
.sk .sk-fgroup[open] summary .cc-ico { transform: rotate(180deg); }
.sk .sk-fgroup summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: 6px; }
.sk .sk-fgroup__body { padding-block-end: 16px; }
.sk .sk-fchips { display: flex; flex-wrap: wrap; gap: 8px; }
.sk .sk-fchip { position: relative; display: inline-flex; align-items: center; block-size: 36px; padding-inline: 14px; border-radius: var(--radius-pill); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 600 14px/1 var(--font-sans); cursor: pointer; }
.sk .sk-fchip input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.sk .sk-fchip:hover { border-color: var(--ink); }
.sk .sk-fchip:has(input:checked) { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.sk .sk-fchip:has(input:focus-visible) { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sk .sk-fchecks { display: grid; gap: 2px; }
.sk .sk-fcheck { display: flex; align-items: center; gap: 10px; padding-block: 6px; font: 400 15px/20px var(--font-sans); color: var(--ink); cursor: pointer; }
.sk .sk-fcheck input { inline-size: 18px; block-size: 18px; margin: 0; accent-color: var(--berry); flex: none; }
.sk .sk-fcheck__n { margin-inline-start: auto; font-size: 13px; color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.sk .sk-fsearch { display: flex; align-items: center; gap: 8px; block-size: 40px; margin-block-end: 8px; padding-inline: 12px; border-radius: var(--radius-pill); border: 1.5px solid var(--line-strong); color: var(--ink-muted); }
.sk .sk-fsearch input { flex: 1; min-inline-size: 0; border: 0; background: none; color: var(--ink); font: 400 15px/1 var(--font-sans); }
.sk .sk-fsearch input:focus-visible { outline: none; }
.sk .sk-fsearch:focus-within { border-color: var(--berry); }
.sk .sk-fsearch .cc-ico { width: 18px; height: 18px; }
.sk .sk-fmore { display: inline-block; margin-block-start: 6px; color: var(--berry); font: 700 14px/20px var(--font-sans); text-decoration: none; }
.sk .sk-frange { display: grid; gap: 12px; }
.sk .sk-frange__track { position: relative; block-size: 6px; margin: 8px 9px; border-radius: 3px; background: var(--line); }
.sk .sk-frange__track span { position: absolute; inset-block: 0; inset-inline: 0; border-radius: 3px; background: var(--berry); }
.sk .sk-frange__track span::before, .sk .sk-frange__track span::after { content: ""; position: absolute; inset-block-start: -6px; inline-size: 18px; block-size: 18px; border-radius: 50%; background: var(--surface-raised); border: 2px solid var(--berry); }
.sk .sk-frange__track span::before { inset-inline-start: -9px; }
.sk .sk-frange__track span::after { inset-inline-end: -9px; }
.sk .sk-frange__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sk .sk-frange__inputs label { display: grid; gap: 4px; font: 700 12px/16px var(--font-sans); color: var(--ink-muted); }
.sk .sk-frange__inputs input { block-size: 40px; padding-inline: 12px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 600 15px/1 var(--font-sans); font-variant-numeric: tabular-nums; inline-size: 100%; }

/* results */
.sk .sk-results { min-inline-size: 0; }
.sk .sk-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-block-end: 16px; }
.sk .sk-toolbar__count { font: 600 15px/20px var(--font-sans); color: var(--ink-muted); }
.sk .sk-sort { display: flex; align-items: center; gap: 10px; font: 700 14px/20px var(--font-sans); color: var(--ink-muted); }
.sk .sk-sort .sk-fsel__box { min-inline-size: 230px; }
.sk .sk-sort select { -webkit-appearance: none; appearance: none; display: block; inline-size: 100%; block-size: 44px; padding-inline: 16px 40px; border-radius: var(--radius-pill); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 600 15px/1 var(--font-sans); cursor: pointer; }
.sk .sk-sort select:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sk .sk-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sk .sk-loadmore { display: flex; justify-content: center; margin-block-start: 32px; }

/* guide block */
.sk .sk-catguide { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 48px; align-items: start; padding: 40px; border-radius: var(--radius-l); background: var(--surface-raised); border: 1px solid var(--line); }
.sk .sk-catguide p { margin: 14px 0 0; font: 400 17px/28px var(--font-sans); color: var(--ink); max-inline-size: 38em; }
.sk .sk-catguide__side { display: grid; gap: 12px; justify-items: start; padding: 24px; border-radius: var(--radius-m); background: var(--ginger-soft); }
.sk .sk-catguide__side b { font: 600 24px/28px var(--font-display); }
.sk .sk-catguide__side > span { font: 400 15px/22px var(--font-sans); }

@media (max-width: 1100px) {
  .sk .sk-catbody__in { grid-template-columns: 240px minmax(0, 1fr); gap: 24px; }
  .sk .sk-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .sk .sk-catbody__in { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-toolbar__filter { display: inline-flex; }
  .sk .sk-filters { display: none; position: relative; top: 0; }
  .sk .sk-filters[data-open="true"] { display: grid; }
  .sk .sk-filters__close, .sk .sk-filters__apply { display: grid; }
  .sk .sk-filters__apply { display: inline-flex; margin-block-start: 12px; }
  .sk .sk-catguide { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 20px; }
  .sk .sk-grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .sk .sk-cathead { padding-block: 16px 4px; }
  .sk .sk-cathead__h1 { font-size: 34px; line-height: 38px; }
  .sk .sk-cathead__row { margin-block: 10px 14px; }
  .sk .sk-cathead__help { inline-size: 100%; }
  .sk .sk-subcats { margin-inline: -16px; padding-inline: 16px; }
  .sk .sk-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .sk .sk-sort .sk-fsel__box { min-inline-size: 0; }
  .sk .sk-sort > span:first-child { display: none; }
  .sk .sk-toolbar__count { order: 3; inline-size: 100%; font-size: 14px; }
  .sk .sk-filters { padding: 4px 16px 16px; }
  .sk .sk-filters[data-open="true"] { position: fixed; inset: 0; z-index: 60; align-content: start; overflow-y: auto; border-radius: 0; border: 0; padding: max(8px, env(safe-area-inset-top, 0px)) 16px 24px; }
  .sk .sk-filters[data-open="true"] .sk-filters__apply { position: sticky; bottom: 12px; }
}

/* ================= product page ================= */
.sk .cc-product__imglink { position: absolute; inset: 0; display: block; }
.sk .sk-pdp { padding-block: 24px 0; }
.sk .sk-pdp__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; margin-block-start: 20px; }

.sk .sk-gallery { position: sticky; top: 16px; display: grid; gap: 12px; }
.sk .sk-gallery__main { position: relative; aspect-ratio: 1 / 1; border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--media-well); overflow: hidden; }
.sk .sk-gallery__main > img { position: absolute; inset: 8%; inline-size: 84%; block-size: 84%; object-fit: contain; }
.sk .sk-gallery__main .cc-product__badges { inset-block-start: 18px; inset-inline-start: 18px; }
.sk .sk-gallery__main .cc-product__fav { inset-block-start: 16px; inset-inline-end: 16px; inline-size: 44px; block-size: 44px; border: 1px solid var(--line); }
.sk .sk-gallery__thumbs { display: flex; gap: 10px; }
.sk .sk-gallery__thumb { position: relative; inline-size: 84px; block-size: 84px; padding: 0; border-radius: var(--radius-m); border: 1.5px solid var(--line); background: var(--media-well); cursor: pointer; overflow: hidden; }
.sk .sk-gallery__thumb[aria-current="true"] { border: 2px solid var(--berry); }
.sk .sk-gallery__thumb img { position: absolute; inset: 10%; inline-size: 80%; block-size: 80%; object-fit: contain; }

.sk .sk-buy { display: grid; gap: 16px; align-content: start; min-inline-size: 0; }
.sk .sk-buy__brand { justify-self: start; font: 700 15px/20px var(--font-sans); color: var(--berry); text-decoration: none; }
.sk .sk-buy__h1 { margin: -8px 0 0; font: 700 40px/46px var(--font-display); text-wrap: balance; }
.sk .sk-buy__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font: 400 14px/20px var(--font-sans); }
.sk .sk-buy__meta a { color: var(--ink-muted); }
.sk .sk-buy__stars { display: inline-flex; gap: 2px; color: var(--line-strong); }
.sk .sk-buy__stars .cc-ico { width: 18px; height: 18px; }
.sk .sk-buy__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.sk .sk-buy__tag { display: inline-flex; align-items: center; block-size: 30px; padding-inline: 12px; border-radius: var(--radius-pill); background: var(--surface-sunk); font: 600 14px/1 var(--font-sans); color: var(--ink); }
.sk .sk-buy__lead { margin: 0; font: 400 17px/27px var(--font-sans); color: var(--ink); max-inline-size: 36em; }
.sk .sk-buy__price { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding-block: 6px 2px; border-block-start: 1px solid var(--line); padding-block-start: 18px; }
.sk .sk-buy__now { font: 800 40px/44px var(--font-sans); color: var(--ink); }
.sk .sk-buy__unit { font: 600 16px/20px var(--font-sans); color: var(--ink-muted); }
.sk .sk-buy__price .cc-badge { align-self: center; }

.sk .sk-buymode { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 0; margin: 0; padding: 0; }
.sk .sk-buymode legend { margin-block-end: 8px; padding: 0; font: 700 13px/16px var(--font-sans); letter-spacing: .02em; color: var(--ink-muted); }
.sk .sk-buymode__opt { position: relative; display: flex; gap: 10px; align-items: flex-start; padding: 14px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); cursor: pointer; }
.sk .sk-buymode__opt input { margin: 3px 0 0; inline-size: 18px; block-size: 18px; accent-color: var(--berry); flex: none; }
.sk .sk-buymode__opt b { display: flex; align-items: center; gap: 6px; font: 700 16px/20px var(--font-sans); }
.sk .sk-buymode__opt b .cc-ico { width: 18px; height: 18px; color: var(--berry); }
.sk .sk-buymode__opt > span > span { display: block; margin-block-start: 2px; font: 400 14px/19px var(--font-sans); color: var(--ink-muted); }
.sk .sk-buymode__opt:has(input:checked) { border: 2px solid var(--berry); background: var(--berry-soft); padding: 13.5px; }

.sk .sk-buy__actions { display: flex; align-items: center; gap: 10px; }
.sk .sk-buy__actions .cc-qty { block-size: var(--control-l); }
.sk .sk-buy__add { flex: 1; }
.sk .sk-buy__fav { inline-size: var(--control-l); }
.sk .sk-buy__phone { display: inline-flex; align-items: center; gap: 8px; justify-self: start; color: var(--ink); text-decoration: none; font: 400 15px/20px var(--font-sans); }
.sk .sk-buy__phone .cc-ico { color: var(--berry); }
.sk .sk-buy__perks { list-style: none; margin: 0; padding: 16px; display: grid; gap: 10px; border-radius: var(--radius-m); background: var(--surface-sunk); }
.sk .sk-buy__perks li { display: flex; gap: 10px; align-items: flex-start; font: 400 15px/21px var(--font-sans); }
.sk .sk-buy__perks .cc-ico { margin-block-start: 1px; color: var(--berry); }

.sk .sk-pdp__infogrid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.sk .sk-pdp__sections { display: grid; gap: 12px; }
.sk .sk-acc { border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface-raised); }
.sk .sk-acc summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 24px; list-style: none; cursor: pointer; }
.sk .sk-acc summary::-webkit-details-marker { display: none; }
.sk .sk-acc summary h2 { margin: 0; font: 600 26px/30px var(--font-display); }
.sk .sk-acc summary .cc-ico { color: var(--ink-muted); transition: transform .15s ease-out; }
.sk .sk-acc[open] summary .cc-ico { transform: rotate(180deg); }
.sk .sk-acc summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: var(--radius-l); }
.sk .sk-acc__body { padding: 0 24px 24px; }
.sk .sk-acc__body p { margin: 0 0 12px; font: 400 17px/28px var(--font-sans); max-inline-size: 40em; }
.sk .sk-acc__note { font-size: 14px !important; line-height: 22px !important; color: var(--ink-muted); }
.sk .sk-analysis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-block: 16px; }
.sk .sk-analysis__cell { display: grid; gap: 2px; padding: 12px 14px; border-radius: var(--radius-m); background: var(--surface-sunk); }
.sk .sk-analysis__cell span { font: 600 13px/16px var(--font-sans); color: var(--ink-muted); }
.sk .sk-analysis__cell b { font: 800 22px/26px var(--font-sans); }
.sk .sk-reviews-empty { display: grid; gap: 8px; justify-items: start; }

.sk .sk-pdp__details { position: sticky; top: 16px; display: grid; gap: 16px; padding: 24px; border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface-raised); }
.sk .sk-pdp__details-h { margin: 0; font: 600 24px/28px var(--font-display); }
.sk .sk-pdp__details dl { margin: 0; display: grid; }
.sk .sk-pdp__details dl > div { display: flex; justify-content: space-between; gap: 16px; padding-block: 10px; border-block-end: 1px solid var(--line); font: 400 15px/20px var(--font-sans); }
.sk .sk-pdp__details dt { color: var(--ink-muted); }
.sk .sk-pdp__details dd { margin: 0; font-weight: 700; text-align: end; }
.sk .sk-pdp__advice { display: grid; gap: 8px; justify-items: start; padding: 18px; border-radius: var(--radius-m); background: var(--ginger-soft); }
.sk .sk-pdp__advice b { font: 600 22px/26px var(--font-display); }
.sk .sk-pdp__advice span { font: 400 15px/21px var(--font-sans); }

@media (max-width: 1100px) {
  .sk .sk-pdp__grid { gap: 32px; }
  .sk .sk-buy__h1 { font-size: 34px; line-height: 40px; }
  .sk .sk-pdp__infogrid { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-pdp__details { position: static; }
}
@media (max-width: 900px) {
  .sk .sk-pdp__grid { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-gallery { position: static; }
}
@media (max-width: 640px) {
  .sk .sk-pdp { padding-block-start: 16px; }
  .sk .sk-pdp__grid { margin-block-start: 12px; gap: 20px; }
  .sk .sk-gallery__thumb { inline-size: 64px; block-size: 64px; }
  .sk .sk-buy__h1 { font-size: 28px; line-height: 33px; }
  .sk .sk-buy__now { font-size: 34px; line-height: 38px; }
  .sk .sk-buymode { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-buy__actions { flex-wrap: wrap; }
  .sk .sk-buy__add { order: 3; flex-basis: 100%; }
  .sk .sk-acc summary { padding: 16px 18px; }
  .sk .sk-acc summary h2 { font-size: 22px; line-height: 26px; }
  .sk .sk-acc__body { padding: 0 18px 18px; }
  .sk .sk-acc__body p { font-size: 16px; line-height: 26px; }
  .sk .sk-analysis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ================= motion =================
   Entrance on load + reveal on scroll. Pure CSS: browsers without scroll-driven
   animations just show everything; fill-mode "backwards" so hover transforms still work
   once an element has arrived. Off entirely under prefers-reduced-motion. */
@keyframes sk-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes sk-hero-in { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: none; } }
@keyframes sk-drop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: no-preference) {
  /* page load */
.sk .sk-hero__img { transform-origin: 50% 80%; animation: sk-hero-in .9s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-finderbar { animation: sk-rise .7s .25s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-hero + .sk-wrap .cc-perks { animation: sk-rise .7s .45s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-cathead .sk-crumbs, .sk .sk-pdp .sk-crumbs { animation: sk-rise .5s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-cathead__row { animation: sk-rise .6s .08s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-subcats { animation: sk-rise .6s .16s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-filters { animation: sk-rise .6s .22s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-gallery { animation: sk-rise .7s .05s cubic-bezier(.2, .7, .2, 1) backwards; }
  .sk .sk-buy { animation: sk-rise .7s .18s cubic-bezier(.2, .7, .2, 1) backwards; }

  /* menus */
.sk .sk-mega { animation: sk-drop .18s ease-out backwards; }
  .sk .sk-drawer { animation: sk-drop .2s ease-out backwards; }

  /* scroll reveal */
@supports (animation-timeline: view()) {
    .sk .sk-sec .sk-head, .sk .sk-cats__title, .sk .sk-pet, .sk .sk-cat, .sk .sk-grid4 > .cc-product, .sk .sk-grid3 > .cc-product, .sk .sk-brand, .sk .sk-guide, .sk .sk-band, .sk .sk-about > *, .sk .sk-club, .sk .sk-catguide, .sk .sk-acc, .sk .sk-pdp__details, .sk .sk-loadmore {
      animation: sk-rise linear backwards;
      animation-timeline: view();
      animation-range: entry 0% entry 70%;
    }
    /* stagger along a row */
.sk :is(.sk-pets, .sk .sk-cats, .sk .sk-grid4, .sk .sk-grid3, .sk .sk-brands, .sk .sk-guides) > :nth-child(6n+2) { animation-range: entry 5% entry 75%; }
    .sk :is(.sk-pets, .sk .sk-cats, .sk .sk-grid4, .sk .sk-grid3, .sk .sk-brands, .sk .sk-guides) > :nth-child(6n+3) { animation-range: entry 10% entry 80%; }
    .sk :is(.sk-pets, .sk .sk-cats, .sk .sk-grid4, .sk .sk-grid3, .sk .sk-brands, .sk .sk-guides) > :nth-child(6n+4) { animation-range: entry 15% entry 85%; }
    .sk :is(.sk-pets, .sk .sk-cats, .sk .sk-grid4, .sk .sk-grid3, .sk .sk-brands, .sk .sk-guides) > :nth-child(6n+5) { animation-range: entry 20% entry 90%; }
    .sk :is(.sk-pets, .sk .sk-cats, .sk .sk-grid4, .sk .sk-grid3, .sk .sk-brands, .sk .sk-guides) > :nth-child(6n) { animation-range: entry 25% entry 95%; }
  }
}

/* ================= blog ================= */
.sk .sk-blog__search { inline-size: min(380px, 100%); block-size: 48px; }
.sk .sk-blog { display: grid; gap: 32px; padding-block-start: 16px; }
.sk .sk-feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface-raised); color: var(--ink); text-decoration: none; overflow: hidden; }
.sk .sk-feature__img { position: relative; display: block; min-block-size: 360px; }
.sk .sk-feature__img img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .4s ease-out; }
.sk .sk-feature:hover .sk-feature__img img { transform: scale(1.03); }
.sk .sk-feature__body { display: grid; gap: 14px; align-content: center; justify-items: start; padding: 40px; }
.sk .sk-feature__title { font: 700 40px/46px var(--font-display); text-wrap: balance; }
.sk .sk-feature__ex { font: 400 17px/27px var(--font-sans); color: var(--ink-muted); }
.sk .sk-feature__meta { display: inline-flex; align-items: center; gap: 6px; font: 600 14px/20px var(--font-sans); color: var(--ink-muted); }
.sk .sk-feature__meta .cc-ico { width: 16px; height: 16px; }
.sk .sk-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sk .sk-post { display: flex; flex-direction: column; min-inline-size: 0; border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface-raised); color: var(--ink); text-decoration: none; overflow: hidden; transition: border-color .15s ease-out, transform .15s ease-out; }
.sk .sk-post:hover { border-color: var(--ink); transform: translateY(-2px); }
.sk .sk-post:focus-visible, .sk .sk-feature:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sk .sk-post__img { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--surface-sunk); }
.sk .sk-post__img img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .4s ease-out; }
.sk .sk-post:hover .sk-post__img img { transform: scale(1.04); }
.sk .sk-post__cat { position: absolute; inset-block-start: 14px; inset-inline-start: 14px; background: var(--surface-raised); color: var(--ink); }
.sk .sk-post__body { display: grid; gap: 8px; align-content: start; padding: 18px 20px 20px; flex: 1; }
.sk .sk-post__title { font: 700 21px/27px var(--font-sans); text-wrap: balance; }
.sk .sk-post:hover .sk-post__title { color: var(--berry); }
.sk .sk-post__ex { font: 400 15px/22px var(--font-sans); color: var(--ink-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sk .sk-post__more { display: inline-flex; align-items: center; gap: 4px; margin-block-start: 4px; color: var(--berry); font: 700 14px/20px var(--font-sans); }
.sk .sk-post__more .cc-ico { width: 16px; height: 16px; }
.sk .sk-askus { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 36px 40px; border-radius: var(--radius-l); background: var(--ginger-soft); }
.sk .sk-askus p { margin: 8px 0 0; font: 400 17px/26px var(--font-sans); max-inline-size: 36em; }

/* single post */
.sk .sk-article__head { display: grid; gap: 14px; justify-items: start; padding-block: 24px 0; }
.sk .sk-article__h1, .sk .sk-article__lead { max-inline-size: 900px; }
.sk .sk-article__h1 { margin: 0; font: 700 52px/58px var(--font-display); text-wrap: balance; }
.sk .sk-article__lead { margin: 0; font: 400 20px/31px var(--font-sans); color: var(--ink-muted); max-inline-size: 38em; }
.sk .sk-article__meta { display: inline-flex; align-items: center; gap: 6px; font: 600 14px/20px var(--font-sans); color: var(--ink-muted); }
.sk .sk-article__meta .cc-ico { width: 16px; height: 16px; }
.sk .sk-article__img { position: relative; display: block; inline-size: 100%; aspect-ratio: 21 / 9; margin-block-start: 10px; border-radius: var(--radius-l); overflow: hidden; }
.sk .sk-article__img img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; }
.sk .sk-article__grid { display: grid; grid-template-columns: minmax(0, 720px) minmax(0, 300px); justify-content: space-between; gap: 56px; padding-block-start: 40px; }
.sk .sk-prose { font: 400 18px/31px var(--font-sans); color: var(--ink); }
.sk .sk-prose p { margin: 0 0 18px; }
.sk .sk-prose h2 { margin: 40px 0 12px; font: 700 30px/36px var(--font-display); scroll-margin-top: 24px; }
.sk .sk-callout { display: grid; gap: 6px; justify-items: start; margin: 28px 0; padding: 20px 22px; border-radius: var(--radius-m); background: var(--berry-soft); }
.sk .sk-callout b { font: 700 18px/24px var(--font-sans); }
.sk .sk-callout span { font: 400 16px/24px var(--font-sans); }
.sk .sk-article__side { display: grid; gap: 16px; align-content: start; position: sticky; top: 16px; align-self: start; }
.sk .sk-toc { padding: 20px; border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface-raised); }
.sk .sk-toc b { display: flex; align-items: center; gap: 8px; margin-block-end: 10px; font: 600 22px/26px var(--font-display); }
.sk .sk-toc ol { margin: 0; padding-inline-start: 20px; display: grid; gap: 8px; font: 400 15px/21px var(--font-sans); color: var(--ink-muted); }
.sk .sk-toc a { color: var(--ink); text-decoration: none; }
.sk .sk-toc a:hover { color: var(--berry); }

@media (max-width: 1100px) {
  .sk .sk-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk .sk-article__grid { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-article__side { position: static; grid-row: 1; }
}
@media (max-width: 900px) {
  .sk .sk-feature { grid-template-columns: minmax(0, 1fr); }
  .sk .sk-feature__img { min-block-size: 0; aspect-ratio: 3 / 2; }
}
@media (max-width: 640px) {
  .sk .sk-feature__body { padding: 22px 18px 24px; }
  .sk .sk-feature__title { font-size: 28px; line-height: 33px; }
  .sk .sk-posts { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .sk .sk-askus { padding: 24px 18px; }
  .sk .sk-article__h1 { font-size: 32px; line-height: 38px; }
  .sk .sk-article__img { aspect-ratio: 3 / 2; }
  .sk .sk-article__lead { font-size: 17px; line-height: 27px; }
  .sk .sk-prose { font-size: 17px; line-height: 29px; }
  .sk .sk-prose h2 { font-size: 24px; line-height: 30px; margin-block-start: 30px; }
}

/* ================= floating contact buttons ================= */
.sk .sk-fabs { position: fixed; z-index: 55; inset-block-end: max(20px, env(safe-area-inset-bottom, 0px)); inset-inline-end: max(20px, env(safe-area-inset-left, 0px)); display: grid; gap: 12px; }
.sk .sk-fab { display: grid; place-items: center; inline-size: 58px; block-size: 58px; border-radius: 50%; box-shadow: 0 8px 24px rgba(36, 34, 61, .28); transition: transform .15s ease-out; }
.sk .sk-fab:hover { transform: scale(1.07); }
.sk .sk-fab:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
.sk .sk-fab .cc-ico { width: 28px; height: 28px; }
.sk .sk-fab--call { background: var(--berry); color: var(--on-berry); }
.sk .sk-fab--wa { background: #25d366; color: #ffffff; }
.sk .sk-fab--wa svg { width: 30px; height: 30px; fill: currentColor; stroke: none; }
@media (max-width: 640px) {
  .sk .sk-fabs { gap: 10px; inset-inline-end: 14px; inset-block-end: max(14px, env(safe-area-inset-bottom, 0px)); }
  .sk .sk-fab { inline-size: 52px; block-size: 52px; }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes sk-pop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
  .sk .sk-fab { animation: sk-pop .35s cubic-bezier(.3, 1.4, .5, 1) backwards; }
  .sk .sk-fab--wa { animation-delay: .9s; }
  .sk .sk-fab--call { animation-delay: 1s; }
  @supports (animation-timeline: view()) {
    .sk .sk-post, .sk .sk-feature, .sk .sk-askus, .sk .sk-callout, .sk .sk-toc { animation: sk-rise linear backwards; animation-timeline: view(); animation-range: entry 0% entry 70%; }
  }
}

/* ---------- WordPress · Elementor · Hello glue ----------
   Hello's reset.css is switched off (chowchow-core/includes/assets.php), so the few base rules
   the design relies on live here, all at zero specificity so component rules always win. */
:where(.sk) { min-block-size: 100vh; }
:where(.sk) img { max-inline-size: 100%; block-size: auto; border-style: none; vertical-align: middle; }
:where(.sk) button, :where(.sk) input, :where(.sk) select, :where(.sk) textarea { font: inherit; color: inherit; margin: 0; }
:where(.sk) button { cursor: pointer; }
:where(.sk) :focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
:where(.sk) h1, :where(.sk) h2, :where(.sk) h3, :where(.sk) h4 { font-family: var(--font-display); line-height: 1.2; color: inherit; }
:where(.sk) .screen-reader-text { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Elementor kit typography must not fight the design fonts */
.sk .elementor-widget[class*="elementor-widget-cc-"] { font-family: var(--font-sans); color: var(--ink); }
.sk .elementor-widget[class*="elementor-widget-cc-"] .elementor-widget-container { margin: 0; padding: 0; }
/* section containers built for the design carry the cc-sec class; no stray padding or gap */
.sk .e-con.cc-sec { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; }

/* header and footer locations sit flush */
.sk .elementor-location-header, .sk .elementor-location-footer { margin: 0; }
.sk .elementor-location-header .e-con, .sk .elementor-location-footer .e-con { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; }

/* panels toggled by chowchow.js through the hidden attribute */
.sk .sk-mega[hidden], .sk .sk-drawer[hidden], .sk .sk-drawer__groups[hidden], .sk [data-cc-tab-more][hidden], .sk .sk-grid4[hidden] { display: none !important; }
.sk-navwrap .sk-mega { animation: sk-drop .18s ease-out backwards; }
@media (min-width: 641px) { .sk .sk-drawer { display: none !important; } }

/* cart count badge rendered by the header widget and refreshed through WooCommerce fragments */
.sk .cc-cartbtn__count:empty { display: none; }

/* WooCommerce ajax add-to-cart: the "view cart" link it appends would break the card footer */
.sk .cc-product__foot .added_to_cart { display: none; }
.sk .cc-product__add.loading { opacity: .6; pointer-events: none; }
.sk .cc-product__add.added::after { content: "✓"; margin-inline-start: 2px; }

/* club form: the Elementor Pro form widget dressed as the design's form */
.sk .sk-club .elementor-form .elementor-form-fields-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 0; }
.sk .sk-club .elementor-form .elementor-field-group { inline-size: auto !important; max-inline-size: none; padding: 0 !important; margin: 0 !important; display: grid; gap: 6px; }
.sk .sk-club .elementor-form .elementor-field-type-acceptance, .sk .sk-club .elementor-form .elementor-field-type-submit { grid-column: 1 / -1; }
.sk .sk-club__form:has(.elementor) { display: block; }
.sk .sk-club .elementor-form label { font: 700 14px/18px var(--font-sans); color: var(--on-tongue); }
.sk .sk-club .elementor-form .elementor-field-textual { block-size: var(--control-l); padding-inline: 16px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 400 16px/1 var(--font-sans); }
.sk .sk-club .elementor-form .elementor-field-textual:focus { border-color: var(--berry); outline: none; }
.sk .sk-club .elementor-form .elementor-field-option label { font-weight: 400; }
.sk .sk-club .elementor-form .elementor-button { inline-size: 100%; block-size: var(--control-l); border-radius: var(--radius-pill); background: var(--berry); color: var(--on-berry); font: 700 17px/1 var(--font-sans); }
.sk .sk-club .elementor-form .elementor-button:hover { background: var(--berry-deep); }
@media (max-width: 640px) {
  .sk .sk-club .elementor-form .elementor-form-fields-wrapper { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- shop templates ---------- */
/* original category / product content (term fields, descriptions, custom tabs) rendered as rich text */
.sk .cc-rich { font: 400 17px/28px var(--font-sans); color: var(--ink); }
.sk .cc-rich > :first-child { margin-block-start: 0; }
.sk .cc-rich > :last-child { margin-block-end: 0; }
.sk .cc-rich p { margin: 0 0 14px; max-inline-size: 40em; }
.sk .cc-rich h2 { margin: 32px 0 10px; font: 700 30px/36px var(--font-display); color: var(--ink); text-wrap: balance; }
.sk .cc-rich h3 { margin: 24px 0 8px; font: 700 22px/28px var(--font-display); color: var(--ink); }
.sk .cc-rich h4, .sk .cc-rich h5, .sk .cc-rich h6 { margin: 20px 0 6px; font: 700 18px/24px var(--font-sans); }
.sk .cc-rich h2 b, .sk .cc-rich h2 strong, .sk .cc-rich h3 b, .sk .cc-rich h3 strong { font-weight: inherit; }
.sk .cc-rich ul, .sk .cc-rich ol { margin: 0 0 14px; padding-inline-start: 22px; }
.sk .cc-rich li { margin-block-end: 4px; }
.sk .cc-rich a { color: var(--berry); text-decoration: underline; text-underline-offset: 3px; }
.sk .cc-rich img { border-radius: var(--radius-m); }
.sk .cc-rich table { inline-size: 100%; border-collapse: collapse; margin-block: 12px; font-size: 15px; }
.sk .cc-rich th, .sk .cc-rich td { padding: 8px 10px; border-block-end: 1px solid var(--line); text-align: start; }
.sk .cc-rich [style*="color"] { color: inherit !important; }
.sk .cc-rich [style*="font-weight: 300"] { font-weight: 400 !important; }

.sk .sk-cathead__intro { margin-block-start: 10px; max-inline-size: 52em; }
.sk .sk-cathead__intro .cc-rich { font-size: 16px; line-height: 25px; color: var(--ink-muted); }
.sk .sk-cathead__intro .cc-rich b, .sk .sk-cathead__intro .cc-rich strong { font-weight: inherit; }
.sk .sk-cathead__intro .cc-rich h2 { margin: 0 0 4px; font: 600 20px/26px var(--font-display); color: var(--ink); }
.sk .sk-cathead__text { flex: 1 1 520px; }
.sk .sk-catguide > .cc-rich { min-inline-size: 0; }
.sk .sk-catguide > .cc-rich h2:first-child { margin-block-start: 0; }
.sk .sk-catguide__side { position: sticky; top: 16px; }
.sk .sk-empty { display: grid; gap: 12px; justify-items: center; padding: 56px 16px; border-radius: var(--radius-l); border: 1px dashed var(--line-strong); text-align: center; }
.sk .sk-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-block-start: 16px; font: 600 15px/1 var(--font-sans); }
.sk .sk-pages .page-numbers { display: grid; place-items: center; min-inline-size: 40px; block-size: 40px; padding-inline: 10px; border-radius: var(--radius-pill); color: var(--ink); text-decoration: none; }
.sk .sk-pages .page-numbers.current { background: var(--ink); color: var(--surface); }
.sk .sk-pages a.page-numbers:hover { background: var(--surface-sunk); }
.sk [data-cc-loadmore] ~ .sk-pages { opacity: .75; }
.sk .sk-fmore { border: 0; background: none; padding: 0; cursor: pointer; }
.sk .sk-frange .cc-btn { justify-self: start; }
.sk .sk-frange__inputs input { inline-size: 100%; }
.sk .sk-filters form { display: grid; }
.sk .sk-fcheck[hidden] { display: none; }

.sk .sk-buy__h2 { margin: -6px 0 0; font: 600 20px/26px var(--font-display); color: var(--ink-muted); }
.sk .sk-buy__lead { font-size: 16px; line-height: 26px; }
.sk .sk-buy__lead p { margin-block-end: 10px; }
.sk .sk-buy__form { display: grid; gap: 16px; }
.sk .cc-qty input { inline-size: 40px; block-size: 100%; border: 0; background: none; text-align: center; font: 800 16px/1 var(--font-sans); -moz-appearance: textfield; }
.sk .cc-qty input::-webkit-outer-spin-button, .sk .cc-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sk .cc-weight { font: inherit; }
.sk .sk-attrs { margin: 0; display: grid; }
.sk .sk-attrs > div { display: flex; justify-content: space-between; gap: 16px; padding-block: 10px; border-block-end: 1px solid var(--line); font: 400 16px/22px var(--font-sans); }
.sk .sk-attrs dt { color: var(--ink-muted); }
.sk .sk-attrs dd { margin: 0; font-weight: 700; text-align: end; }
.sk .sk-pdp__details dd a { color: inherit; }
.sk .sk-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--radius-m); overflow: hidden; background: var(--surface-sunk); }
.sk .sk-video iframe { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; }

/* WooCommerce reviews template inside the accordion */
.sk .sk-reviews .woocommerce-Reviews-title, .sk .sk-reviews #reply-title { margin: 0 0 10px; font: 600 20px/26px var(--font-display); }
.sk .sk-reviews .commentlist { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 14px; }
.sk .sk-reviews .comment_container { display: flex; gap: 12px; }
.sk .sk-reviews .avatar { border-radius: 50%; inline-size: 44px; block-size: 44px; }
.sk .sk-reviews .comment-form { display: grid; gap: 12px; }
.sk .sk-reviews .comment-form label { display: block; margin-block-end: 4px; font: 700 14px/18px var(--font-sans); }
.sk .sk-reviews .comment-form input[type="text"], .sk .sk-reviews .comment-form input[type="email"], .sk .sk-reviews .comment-form textarea { inline-size: 100%; padding: 10px 14px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); }
.sk .sk-reviews .comment-form .submit { block-size: var(--control-m); padding-inline: 22px; border: 0; border-radius: var(--radius-pill); background: var(--berry); color: var(--on-berry); font: 700 16px/1 var(--font-sans); cursor: pointer; }
.sk .sk-reviews .stars a { color: var(--ginger); }

/* WooCommerce notices (added to cart, errors) above the templates */
.sk .woocommerce-message, .sk .woocommerce-error, .sk .woocommerce-info { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 16px 0 0; padding: 14px 18px; border-radius: var(--radius-m); background: var(--success-soft); color: var(--success); font: 600 15px/22px var(--font-sans); }
.sk .woocommerce-error { background: var(--danger-soft); color: var(--danger); }
.sk .woocommerce-message .button { order: 2; color: inherit; font-weight: 800; }
@media (max-width: 900px) {
  .sk .sk-catguide__side { position: static; }
  .sk .cc-rich h2 { font-size: 26px; line-height: 32px; }
}
/* reviews accordion: the title is not a heading; WooCommerce's own "חוות דעת" h2 (as before the redesign) stays, visually hidden */
.sk .sk-acc summary .sk-acc__h { font: 600 26px/30px var(--font-display); }
.sk .sk-reviews .woocommerce-Reviews-title { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* ---------- favourites ---------- */
.sk [data-cc-fav] svg { transition: fill .15s ease-out, color .15s ease-out; }
.sk [data-cc-fav][aria-pressed="true"] { color: var(--berry); border-color: var(--berry); }
.sk [data-cc-fav][aria-pressed="true"] svg { fill: currentColor; }
.sk .cc-wishlist { display: grid; gap: 16px; padding-block-end: 24px; }
.sk .cc-wishlist [aria-busy="true"] { min-block-size: 240px; border-radius: var(--radius-l); background: linear-gradient(90deg, var(--surface-sunk), var(--surface-raised), var(--surface-sunk)); background-size: 200% 100%; animation: cc-shimmer 1.2s linear infinite; }
@keyframes cc-shimmer { to { background-position: -200% 0; } }
.sk .cc-wishlist__note { margin: 0; font: 400 15px/22px var(--font-sans); color: var(--ink-muted); }
.sk .cc-wishlist__note a { color: var(--berry); }

/* ---------- pages, posts: original Elementor content in the new design ----------
   Old widgets carry their own fonts, sizes and colours (Heebo, kit colours); inside .cc-legacy
   they are brought onto the design's type scale and palette. Content and structure are untouched. */
.sk[class*="elementor-kit-"] {
  --e-global-color-primary: var(--berry); --e-global-color-secondary: var(--ink); --e-global-color-text: var(--ink);
  --e-global-color-accent: var(--berry); --e-global-color-64f2055f: var(--tongue); --e-global-color-6a03d4b9: var(--berry);
  --e-global-color-d190a1e: var(--ink); --e-global-color-7d2c94b0: var(--ink);
  --e-global-typography-primary-font-family: "FUP Erez"; --e-global-typography-secondary-font-family: "FUP Erez";
  --e-global-typography-text-font-family: "FUP Erez"; --e-global-typography-accent-font-family: "FUP Erez";
}
.sk .cc-page__body { padding-block: 8px 0; }
.sk .cc-page__crumbs { padding-block: 20px 4px; }
.sk .cc-page__content { max-inline-size: 960px; }
.sk .cc-legacy, .sk .cc-legacy :is(p, li, span, a, div, td, th, strong, b, em, label, blockquote) { font-family: var(--font-sans) !important; }
.sk .cc-legacy { font-size: 17px; line-height: 28px; color: var(--ink); }
.sk .cc-legacy :is(h1, h2, h3, h4, h5, h6), .sk .cc-legacy .elementor-heading-title { font-family: var(--font-display) !important; color: var(--ink) !important; text-wrap: balance; letter-spacing: 0 !important; }
.sk .cc-legacy h1, .sk .cc-legacy h1.elementor-heading-title { font-size: 48px !important; line-height: 54px !important; font-weight: 700 !important; }
.sk .cc-legacy h2, .sk .cc-legacy h2.elementor-heading-title { font-size: 32px !important; line-height: 38px !important; font-weight: 700 !important; margin-block: 28px 10px; }
.sk .cc-legacy h3, .sk .cc-legacy h3.elementor-heading-title { font-size: 23px !important; line-height: 29px !important; font-weight: 700 !important; margin-block: 20px 8px; }
.sk .cc-legacy :is(h4, h5, h6) { font-size: 19px !important; line-height: 25px !important; font-weight: 700 !important; }
.sk .cc-legacy .elementor-widget-text-editor, .sk .cc-legacy .elementor-widget-text-editor :is(p, li, span) { font-size: 17px !important; line-height: 28px !important; color: var(--ink) !important; }
.sk .cc-legacy p { margin-block: 0 14px; }
.sk .cc-legacy a:not(.elementor-button):not(.cc-btn) { color: var(--berry) !important; }
.sk .cc-legacy ul, .sk .cc-legacy ol { padding-inline-start: 22px; }
.sk .cc-legacy img { border-radius: var(--radius-m); }
.sk .cc-legacy .elementor-widget-theme-site-logo img, .sk .cc-legacy .elementor-widget-image-box img { border-radius: var(--radius-s); }
.sk .cc-legacy .elementor-button { border-radius: var(--radius-pill) !important; background: var(--berry) !important; color: var(--on-berry) !important; font: 700 16px/1 var(--font-sans) !important; padding: 14px 24px !important; border: 0 !important; }
.sk .cc-legacy .elementor-button:hover { background: var(--berry-deep) !important; }
.sk .cc-legacy .elementor-widget-video .elementor-wrapper { border-radius: var(--radius-m); overflow: hidden; }
.sk .cc-legacy .elementor-widget-divider { --divider-color: var(--line) !important; }
.sk .cc-legacy .elementor-widget-image-box .elementor-image-box-wrapper { padding: 12px; border-radius: var(--radius-m); border: 1px solid var(--line); background: var(--surface-raised); transition: border-color .15s ease-out; }
.sk .cc-legacy .elementor-widget-image-box .elementor-image-box-wrapper:hover { border-color: var(--ink); }
.sk .cc-legacy .elementor-image-box-title, .sk .cc-legacy .elementor-image-box-title a { font: 700 16px/21px var(--font-sans) !important; color: var(--ink) !important; }
/* FAQ (Ultimate Addons) and toggles as the design's accordion */
.sk .cc-legacy :is(.uael-faq-accordion, .elementor-toggle-item, .elementor-accordion-item) { margin-block-end: 10px; border-radius: var(--radius-m) !important; border: 1px solid var(--line) !important; background: var(--surface-raised) !important; overflow: hidden; }
.sk .cc-legacy :is(.uael-accordion-title, .elementor-tab-title) { padding: 16px 20px !important; background: transparent !important; font: 700 18px/24px var(--font-sans) !important; color: var(--ink) !important; }
.sk .cc-legacy :is(.uael-accordion-content, .elementor-tab-content) { padding: 0 20px 18px !important; border: 0 !important; }
.sk .cc-legacy .jet-unfold__trigger .jet-unfold__button { border-radius: var(--radius-pill); background: var(--surface-raised) !important; color: var(--berry) !important; border: 1.5px solid var(--line-strong) !important; font: 700 15px/1 var(--font-sans) !important; }
/* city landing pages carried their own logo row; the site header already shows it */
.sk .cc-legacy--landing .elementor-widget-theme-site-logo { display: none; }
.sk .cc-legacy--landing > .elementor > .e-con, .sk .cc-legacy--landing > .elementor > .elementor-section { margin-block-end: 0; }
/* post body: the prose column sets the measure */
.sk .sk-prose.cc-legacy .elementor-section-boxed > .elementor-container, .sk .sk-prose.cc-legacy .e-con-boxed > .e-con-inner { max-inline-size: none !important; }
.sk .sk-prose.cc-legacy :is(.elementor-section, .e-con) { padding-inline: 0 !important; }
.sk .sk-prose.cc-legacy .elementor-widget-table-of-contents, .sk .sk-prose.cc-legacy .elementor-widget-author-box { display: none; }
.sk .sk-prose h2 { scroll-margin-top: 24px; }
@media (max-width: 640px) {
  .sk .cc-legacy h1, .sk .cc-legacy h1.elementor-heading-title { font-size: 32px !important; line-height: 38px !important; }
  .sk .cc-legacy h2, .sk .cc-legacy h2.elementor-heading-title { font-size: 26px !important; line-height: 32px !important; }
  .sk .cc-legacy h3, .sk .cc-legacy h3.elementor-heading-title { font-size: 21px !important; line-height: 27px !important; }
}
/* the hidden attribute always wins over the design's display rules */
.sk [hidden] { display: none !important; }
.sk .sk-buy__fav[aria-pressed="true"] { color: var(--berry); border-color: var(--berry); background: var(--berry-soft); }
/* brand pages: logo beside the H1 */
.sk .sk-cathead__logo { display: grid; place-items: center; inline-size: 120px; block-size: 88px; padding: 10px; border-radius: var(--radius-m); border: 1px solid var(--line); background: #fff; flex: none; }
.sk .sk-cathead__logo img { max-block-size: 100%; inline-size: auto; object-fit: contain; }
@media (max-width: 640px) { .sk .sk-cathead__logo { inline-size: 96px; block-size: 70px; } }

/* footer, five columns: about + social | pages | brands | contact | form (as on the live site) */
.sk .sk-foot__grid.cc-foot5 { grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr); gap: 32px; }
.sk .sk-foot__about h3 { margin: 6px 0 0; }
.sk .cc-foot__social { display: flex !important; flex-wrap: wrap; gap: 8px 16px !important; }
.sk .cc-foot__ship { margin: 14px 0 0; font: 400 13px/20px var(--font-sans); color: var(--ink-muted); }
.sk .cc-foot__form .elementor-form .elementor-form-fields-wrapper { display: grid; gap: 10px; margin: 0; }
.sk .cc-foot__form .elementor-form .elementor-field-group { inline-size: 100% !important; max-inline-size: none; padding: 0 !important; margin: 0 !important; }
.sk .cc-foot__form .elementor-form label { font: 700 13px/18px var(--font-sans); color: var(--ink); }
.sk .cc-foot__form .elementor-form .elementor-field-textual { block-size: 42px; padding-inline: 14px; border-radius: var(--radius-m); border: 1.5px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: 400 15px/1 var(--font-sans); }
.sk .cc-foot__form .elementor-form .elementor-field-textual:focus { border-color: var(--berry); outline: none; }
.sk .cc-foot__form .elementor-form .elementor-field-option label { font-weight: 400; color: var(--ink-muted); }
.sk .cc-foot__form .elementor-form .elementor-button { inline-size: 100%; block-size: 44px; border-radius: var(--radius-pill); background: var(--berry); color: var(--on-berry); font: 700 16px/1 var(--font-sans); }
.sk .cc-foot__form .elementor-form .elementor-button:hover { background: var(--berry-deep); }
@media (max-width: 1100px) { .sk .sk-foot__grid.cc-foot5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sk .cc-foot__form { grid-column: span 2; } }
@media (max-width: 640px) { .sk .sk-foot__grid.cc-foot5 { grid-template-columns: minmax(0, 1fr); } .sk .cc-foot__form { grid-column: auto; } }

/* ---------- homepage hero slider (slides from the homepage fields) ---------- */
.sk .cc-slider { position: relative; overflow: hidden; }
.sk .cc-slider__track { display: flex; transition: transform .7s cubic-bezier(.2, .7, .2, 1); will-change: transform; }
.sk .cc-slide { position: relative; flex: 0 0 100%; min-inline-size: 0; }
.sk .cc-slide picture { display: block; }
.sk .cc-slide__content { position: absolute; inset: 0 0 56px; display: flex; align-items: center; padding-inline: max(32px, calc((100% - var(--content-max)) / 2)); pointer-events: none; }
.sk .cc-slide__card { display: grid; gap: 10px; justify-items: start; max-inline-size: 440px; padding: 24px 26px; border-radius: var(--radius-l); background: rgba(255, 255, 255, .86); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: var(--shadow-card); pointer-events: auto; }
.sk .cc-slide__title { margin: 0; font: 700 40px/44px var(--font-display); color: var(--ink); text-wrap: balance; }
.sk .cc-slide__sub { margin: 0; font: 400 18px/26px var(--font-sans); color: var(--ink-muted); }
.sk .cc-slide__btn { margin-block-start: 6px; }
.sk .cc-slide__btn .cc-ico { width: 18px; height: 18px; }
.sk .cc-slider__arrow { position: absolute; inset-block-start: calc(50% - 72px); z-index: 3; display: grid; place-items: center; inline-size: 48px; block-size: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .9); color: var(--ink); box-shadow: var(--shadow-card); cursor: pointer; transition: transform .15s ease-out; }
.sk .cc-slider__arrow:hover { transform: scale(1.06); }
.sk .cc-slider__arrow--prev { inset-inline-start: 20px; transform: scaleX(-1); }
.sk .cc-slider__arrow--prev:hover { transform: scaleX(-1) scale(1.06); }
.sk .cc-slider__arrow--next { inset-inline-end: 20px; }
.sk .cc-slider__dots { position: absolute; inset-inline: 0; inset-block-end: 140px; z-index: 3; display: flex; justify-content: center; gap: 8px; }
.sk .cc-slider__dots button { inline-size: 10px; block-size: 10px; padding: 0; border: 0; border-radius: 5px; background: rgba(255, 255, 255, .7); box-shadow: 0 0 0 1px rgba(36, 34, 61, .15); cursor: pointer; transition: inline-size .25s ease-out, background-color .25s; }
.sk .cc-slider__dots button[aria-current="true"] { inline-size: 28px; background: var(--berry); }
@media (max-width: 900px) {
  .sk .cc-slide__title { font-size: 30px; line-height: 34px; }
  .sk .cc-slider__dots { inset-block-end: 70px; }
}
@media (max-width: 640px) {
  .sk .cc-slide__content { inset: 0 0 auto; padding: 12px 16px; align-items: flex-start; }
  .sk .cc-slide__card { gap: 6px; max-inline-size: 78%; padding: 12px 14px; border-radius: var(--radius-m); }
  .sk .cc-slide__title { font-size: 20px; line-height: 24px; }
  .sk .cc-slide__sub { font-size: 14px; line-height: 19px; }
  .sk .cc-slide__btn { block-size: 34px; padding-inline: 14px; font-size: 14px; margin-block-start: 2px; }
  .sk .cc-slider__arrow { display: none; }
  .sk .cc-slider__dots { inset-block-end: 64px; }
}
@media (prefers-reduced-motion: reduce) { .sk .cc-slider__track { transition: none; } }
.sk .cc-slider__track { touch-action: pan-y; }
.sk .cc-slide img { -webkit-user-drag: none; user-select: none; }
.sk .cc-slide .sk-hero__img { object-fit: cover; object-position: 50% 100%; }