/* modules/footer/assets/footer.css */
/* The shop's footer (docs/spec-footer.md §2, direction A): the promises band on the light grey, then the black footer.
 * Phones: the columns fold (one open at a time, red crossed bones on the open one); from 768 px they stand side by
 * side. Astra styles every a, ul and button: each state is set here, never reset with all:unset (a reset on :hover
 * once wiped a button's width). */
.sdg-ft-wrap{--ft-ink:#191919;--ft-red:#e32c2b;--ft-beige:#cab29f;--ft-text:#e9e4df;--ft-mute:#a9a29b;--ft-dim:#8f8780;--ft-line:#262626;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.sdg-ft-wrap *,.sdg-ft-wrap *::before,.sdg-ft-wrap *::after{box-sizing:border-box}
.sdg-ft-wrap ul{margin:0;padding:0;list-style:none}
.sdg-ft-wrap li{margin:0}
.sdg-ft-wrap p{margin:0}
.sdg-ft-wrap img{max-width:100%;height:auto}

/* ---------- promises ---------- */
.sdg-ft-promise{background:#f8f8f8;border-top:1px solid #ece7e1;color:var(--ft-ink)}
.sdg-ft-promise__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;max-width:1240px;margin:0 auto!important;padding:28px max(16px,env(safe-area-inset-right,0px)) 28px max(16px,env(safe-area-inset-left,0px))!important}
.sdg-ft-promise__it{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:4px;border-radius:12px;text-align:center;color:var(--ft-ink);text-decoration:none}
a.sdg-ft-promise__it:hover,a.sdg-ft-promise__it:focus{color:var(--ft-ink);text-decoration:none}
a.sdg-ft-promise__it:hover b{color:var(--ft-red)}
.sdg-ft-promise__ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none}
.sdg-ft-promise__ico img,.sdg-ft-promise__ico svg{display:block;width:52px;height:52px;object-fit:contain}
.sdg-ft-promise__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.sdg-ft-promise__txt b{font-size:13px;line-height:1.3;font-weight:800;transition:color .15s ease}
.sdg-ft-promise__txt span{font-size:11.5px;line-height:1.4;color:#5f5a56}
@media (min-width:1024px){
  .sdg-ft-promise__in{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:34px!important;padding-bottom:34px!important}
  .sdg-ft-promise__it{flex-direction:row;align-items:center;gap:14px;text-align:left}
  .sdg-ft-promise__ico,.sdg-ft-promise__ico img,.sdg-ft-promise__ico svg{width:56px;height:56px}
  .sdg-ft-promise__txt b{font-size:14px}
  .sdg-ft-promise__txt span{font-size:12.5px;line-height:1.45}
}

/* ---------- the black footer ---------- */
.sdg-ft{background:#000;color:#fff}
.sdg-ft__in{max-width:1240px;margin:0 auto;padding:36px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}
.sdg-ft a{color:var(--ft-text);text-decoration:none}
.sdg-ft a:hover,.sdg-ft a:focus{color:#fff}
.sdg-ft a:focus-visible,.sdg-ft button:focus-visible{outline:2px solid #fff;outline-offset:3px}

.sdg-ft__top{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.sdg-ft__brand{display:flex;flex-direction:column;align-items:center;gap:14px}
.sdg-ft__logo{display:block;line-height:0}
.sdg-ft__logo img{display:block;width:220px;max-width:100%;height:auto}
.sdg-ft__tag{max-width:420px;font-size:13.5px;line-height:1.6;color:#cfc8c1}
.sdg-ft__cta{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.sdg-ft a.sdg-ft__rating{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:700;color:#fff}
.sdg-ft a.sdg-ft__rating:hover span:not(.sdg-ft__stars){text-decoration:underline;text-underline-offset:3px}
.sdg-ft__stars{color:var(--ft-red);letter-spacing:2px}
.sdg-ft a.sdg-ft__pack{display:flex;align-items:center;gap:12px;width:100%;max-width:420px;min-height:60px;padding:10px 18px 10px 10px;border-radius:999px;background:#fff;color:#000;text-align:left;transition:transform .15s ease,box-shadow .15s ease}
.sdg-ft a.sdg-ft__pack:hover,.sdg-ft a.sdg-ft__pack:focus{color:#000;background:#fff;box-shadow:0 0 0 3px var(--ft-red)}
.sdg-ft__coin{width:40px;height:40px;flex:none}
.sdg-ft__pack-txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.sdg-ft__pack-txt b{font-size:13.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.sdg-ft__pc{display:none}
.sdg-ft__pl{font-size:12px;line-height:1.35;color:#5f5a56}
.sdg-ft__arrow{font-size:18px;font-weight:800;transition:transform .15s ease}
.sdg-ft a.sdg-ft__pack:hover .sdg-ft__arrow{transform:translateX(3px)}
.sdg-ft__in-only{display:none}
body.logged-in .sdg-ft__in-only{display:flex}
body.logged-in .sdg-ft__out{display:none}

.sdg-ft__signup{margin-top:26px}

/* columns: an accordion on phones */
.sdg-ft__cols{display:flex;flex-direction:column;margin-top:24px;border-top:1px solid var(--ft-line)}
.sdg-ft__col{border-bottom:1px solid var(--ft-line)}
.sdg-ft button.sdg-ft__h,.sdg-ft button.sdg-ft__h:hover,.sdg-ft button.sdg-ft__h:focus,.sdg-ft button.sdg-ft__h:active{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin:0;padding:0 4px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-family:inherit;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer}
.sdg-ft__mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none}
.sdg-ft__plus,.sdg-ft__bones{position:absolute;inset:0;margin:auto;transition:opacity .2s ease,transform .25s ease}
.sdg-ft__bones{color:var(--ft-red);opacity:0;transform:rotate(-45deg) scale(.6)}
.sdg-ft__ht{flex:1;min-width:0}
.sdg-ft__n{font-size:12px;font-weight:700;letter-spacing:0;color:var(--ft-dim)}
.sdg-ft__col.is-open button.sdg-ft__h{color:var(--ft-red)}
.sdg-ft__col.is-open .sdg-ft__plus{opacity:0;transform:rotate(90deg) scale(.6)}
.sdg-ft__col.is-open .sdg-ft__bones{opacity:1;transform:none}
.sdg-ft__col.is-open .sdg-ft__n{visibility:hidden}
.sdg-ft__links{display:none;flex-direction:column;padding:0 4px 14px 42px!important}
.sdg-ft__col.is-open .sdg-ft__links{display:flex}
.sdg-ft__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border-top:1px solid #1c1c1c;font-size:15px;font-weight:500}
.sdg-ft__links a::after{content:"›";font-size:18px;line-height:1;color:#5c5652}
.sdg-ft__links a.sdg-ft__all{font-weight:700;color:#fff}

/* bottom: social, payments, the legal row */
.sdg-ft__bottom{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:28px}
.sdg-ft__social{display:flex;justify-content:center;gap:12px;order:1}
.sdg-ft__social a{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#141414;box-shadow:inset 0 0 0 1px #2a2a2a;color:#fff;transition:background .15s ease,box-shadow .15s ease}
.sdg-ft__social a:hover,.sdg-ft__social a:focus{background:var(--ft-red);box-shadow:inset 0 0 0 1px var(--ft-red);color:#fff}
.sdg-ft__pay{order:2;width:100%;max-width:420px}
.sdg-ft__pay .sdg-pay{margin:0}
.sdg-ft .sdg-ft__pay .sdg-pay,.sdg-ft .sdg-ft__pay .sdg-pay .sdg-pay__list{justify-content:center}
.sdg-ft__legal{order:3;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;font-size:12px;line-height:1.6;color:var(--ft-dim);text-align:center}
.sdg-ft__legal nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}
.sdg-ft__legal a{color:var(--ft-mute)}
.sdg-ft__legal a:hover,.sdg-ft__legal a:focus{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sdg-ft__legal > span:first-child{width:100%}

/* from tablets: the columns side by side, always open */
@media (min-width:768px){
  .sdg-ft__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:0;padding:40px 0 44px;border-top:0}
  .sdg-ft__col{border-bottom:0}
  .sdg-ft button.sdg-ft__h,.sdg-ft button.sdg-ft__h:hover,.sdg-ft button.sdg-ft__h:focus,.sdg-ft button.sdg-ft__h:active,.sdg-ft__col.is-open button.sdg-ft__h{min-height:0;margin:0 0 16px;padding:0;color:var(--ft-dim);font-size:12px;letter-spacing:.14em;cursor:default}
  .sdg-ft__mark,.sdg-ft__n{display:none}
  .sdg-ft__links,.sdg-ft__col.is-open .sdg-ft__links{display:flex;gap:13px;padding:0!important}
  .sdg-ft__links li{line-height:1.35}
  .sdg-ft__links a{display:inline;min-height:0;border-top:0;font-size:14.5px;line-height:1.35}
  .sdg-ft__links a::after{content:none}
  .sdg-ft__links a:hover,.sdg-ft__links a:focus{text-decoration:underline;text-underline-offset:3px}
}
@media (min-width:1024px){
  .sdg-ft__in{padding:56px 40px 0}
  .sdg-ft__top{flex-direction:row;align-items:center;justify-content:space-between;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--ft-line);text-align:left}
  .sdg-ft__brand{flex-direction:row;align-items:center;gap:28px}
  .sdg-ft__logo img{width:230px}
  .sdg-ft__tag{max-width:360px;font-size:14px}
  .sdg-ft__cta{flex-direction:row;justify-content:flex-end;gap:16px;width:auto}
  .sdg-ft a.sdg-ft__rating{padding:0 18px;border-radius:999px;background:#141414;box-shadow:inset 0 0 0 1px #2a2a2a;font-size:13.5px;white-space:nowrap}
  .sdg-ft a.sdg-ft__pack{width:auto;min-height:52px;padding:8px 22px 8px 8px}
  .sdg-ft__coin{width:36px;height:36px}
  .sdg-ft__pc{display:inline}
  .sdg-ft__pl{display:none}
  .sdg-ft__pack-txt b{white-space:nowrap}
  .sdg-ft__cols{grid-template-columns:repeat(var(--ft-cols,5),minmax(0,1fr));padding:44px 0 48px}
  .sdg-ft__bottom{flex-direction:row;justify-content:space-between;gap:24px;padding:22px 0 28px;border-top:1px solid var(--ft-line)}
  .sdg-ft__legal{order:1;justify-content:flex-start;font-size:12.5px;text-align:left}
  .sdg-ft__legal > span:first-child{width:auto}
  .sdg-ft__pay{order:2;width:auto;max-width:none}
  .sdg-ft .sdg-ft__pay .sdg-pay,.sdg-ft .sdg-ft__pay .sdg-pay .sdg-pay__list{justify-content:flex-end}
  .sdg-ft__social{order:3;gap:10px}
  .sdg-ft__social a{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.sdg-ft-wrap *{transition:none!important}}

/* modules/loyalty/assets/wallet.css */
/* SDG Rewards on the shop (wallet.js): the panel from the dock, the line in the dock's bag, the box in the cart and the
   checkout, "Earn N SDG Coins" on products and My account → Rewards. In the look of the Help panel (the same sheet, head,
   cards and pills), with the coin's gold for coins and tiers: Pup beige, Top Dog ink, Alpha Dog gold. Everything that can
   meet the theme's button styles sits under .sdg-rwx; every reset that unsets on :hover is followed by its modifiers
   (a reset on :hover once wiped a button's width, docs hover-reset-trap). */
.sdg-rwx,.sdg-rw-scrim{
  --ink:#191919;--muted:#6b6b6b;--soft:#9a9a9a;--line:#e6e2dc;--line2:#d7d7d7;--bg:#f8f8f8;
  --red:#e32c2b;--red-dark:#c52524;--beige:#cab29f;--beige-dark:#a48878;--beige-soft:#f3ede6;
  --gold:#d9a62e;--gold-hi:#f6d77c;--gold-text:#8a6410;--gold-soft:#fbf3dc;--gold-ink:#2b1d00;
  --ok:#1d6f42;--ok-soft:#e5f3ea;--bad:#b42318;
  font-family:Montserrat,system-ui,-apple-system,sans-serif;color:var(--ink)
}
.sdg-rwx *,.sdg-rwx *::before,.sdg-rwx *::after{box-sizing:border-box}
.sdg-rwx p{margin:0}
.sdg-rwx svg{flex:0 0 auto;fill:currentColor}
.sdg-coin{display:inline-block;flex:0 0 auto;object-fit:contain;vertical-align:middle;border-radius:50%}

/* ---------- buttons and links ---------- */
.sdg-rwx .sdg-rw-btn,.sdg-rwx .sdg-rw-btn:hover,.sdg-rwx .sdg-rw-btn:focus{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:700 14px/1.2 Montserrat,system-ui,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,filter .15s}
.sdg-rwx .sdg-rw-btn:hover{background:var(--ink);color:#fff}
.sdg-rwx .sdg-rw-btn.is-sm,.sdg-rwx .sdg-rw-btn.is-sm:hover,.sdg-rwx .sdg-rw-btn.is-sm:focus{min-height:36px;padding:0 15px;font-size:13px}
.sdg-rwx .sdg-rw-btn.is-wide,.sdg-rwx .sdg-rw-btn.is-wide:hover,.sdg-rwx .sdg-rw-btn.is-wide:focus{display:flex;width:100%}
.sdg-rwx .sdg-rw-btn.is-dark{background:var(--ink);color:#fff}
.sdg-rwx .sdg-rw-btn.is-dark:hover{background:#000;border-color:#000;color:#fff}
.sdg-rwx .sdg-rw-btn.is-red{background:var(--red);border-color:var(--red);color:#fff}
.sdg-rwx .sdg-rw-btn.is-red:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.sdg-rwx .sdg-rw-btn.is-gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:var(--gold);color:var(--gold-ink)}
.sdg-rwx .sdg-rw-btn.is-gold:hover{filter:brightness(1.06);background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:var(--gold);color:var(--gold-ink)}
.sdg-rwx .sdg-rw-btn.is-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.sdg-rwx .sdg-rw-btn.is-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.sdg-rwx .sdg-rw-btn:disabled{opacity:.6;cursor:default}
.sdg-rwx .sdg-rw-btn.is-busy{color:transparent!important}
.sdg-rwx .sdg-rw-btn.is-busy::after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(127,127,127,.35);border-top-color:currentColor;border-radius:50%;animation:sdgRwSpin .7s linear infinite}
.sdg-rwx .sdg-rw-btn.is-red.is-busy::after,.sdg-rwx .sdg-rw-btn.is-dark.is-busy::after{border-color:rgba(255,255,255,.4);border-top-color:#fff}
.sdg-rwx .sdg-rw-link,.sdg-rwx .sdg-rw-link:hover,.sdg-rwx .sdg-rw-link:focus{all:unset;cursor:pointer;display:inline-flex;align-items:center;min-height:32px;font:700 13px/1.3 Montserrat,system-ui,sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.sdg-rwx .sdg-rw-link.is-light,.sdg-rwx .sdg-rw-link.is-light:hover,.sdg-rwx .sdg-rw-link.is-light:focus{color:#fff}
.sdg-rwx .sdg-rw-link:disabled{opacity:.6}
.sdg-rwx .sdg-rw-btn:focus-visible,.sdg-rwx .sdg-rw-link:focus-visible,.sdg-rwx summary:focus-visible,.sdg-rwx .sdg-rw-x:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@keyframes sdgRwSpin{to{transform:rotate(360deg)}}

/* ---------- the hero: the coins (or the invitation) ---------- */
.sdg-rw-hero{position:relative;overflow:hidden;margin:12px 0 0;padding:18px;border-radius:18px;background:radial-gradient(130% 150% at 0% 0%,#2e2a22 0%,#141414 50%,#0b0b0b 100%);color:#fff}
.sdg-rw-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(246,215,124,.22),rgba(246,215,124,0));pointer-events:none}
.sdg-rw-hero__top{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.sdg-rw-hero__coin{filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.sdg-rw-hero__t{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sdg-rw-hero__label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi)}
.sdg-rw-hero__n{font-size:36px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff}
.sdg-rw-hero__worth{margin-top:5px;padding:3px 10px;border-radius:999px;background:rgba(246,215,124,.16);color:var(--gold-hi);font-size:12.5px;font-weight:700}
.sdg-rw-hero__title{font-size:19px;font-weight:800;line-height:1.25;color:#fff}
.sdg-rw-hero__sub{margin-top:4px;font-size:13px;line-height:1.45;color:#d6d6d6}
.sdg-rw-hero__pending{position:relative;z-index:1;margin-top:12px!important;font-size:12.5px;color:#cfcfcf}
.sdg-rw-hero__note{position:relative;z-index:1;margin-top:12px!important;font-size:13px;line-height:1.45;color:#d6d6d6}
.sdg-rw-hero>.sdg-rw-btn{position:relative;z-index:1;margin-top:14px}
.sdg-rw-hero__btns{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sdg-rw-hero__btns .sdg-rw-btn{flex:1 1 140px}
.sdg-rw-applied{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;border-radius:14px;background:rgba(29,111,66,.35);font-size:14px;font-weight:700}
.sdg-rw-applied svg{width:20px;height:20px;fill:#8be0ad}
.sdg-rw-applied span{flex:1}
.sdg-rw-team{position:relative;z-index:1;margin-top:12px!important;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.08);font-size:12px;color:#cfcfcf}

/* progress bars */
.sdg-rw-progress{margin-top:12px}
.sdg-rw-progress>span{display:block;margin-top:7px;font-size:12.5px;color:var(--muted)}
.sdg-rw-progress.is-dark{position:relative;z-index:1}
.sdg-rw-progress.is-dark>span{color:#d6d6d6}
.sdg-rw-bar{height:8px;border-radius:999px;background:#ece7df;overflow:hidden}
.sdg-rw-progress.is-dark .sdg-rw-bar{background:rgba(255,255,255,.14)}
.sdg-rw-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.sdg-rw-progress__lab{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:12px;font-weight:600;color:var(--muted)}

/* ---------- cards, rows, sections ---------- */
.sdg-rw-sec{margin:18px 2px 8px!important;padding:0;font-size:12px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important;line-height:1.3!important}
.sdg-rw-card{margin:12px 0 0;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.sdg-rw-sec+.sdg-rw-card{margin-top:0}
.sdg-rw-muted{font-size:12.5px;line-height:1.45;color:var(--muted)}
.sdg-rw-list{padding:4px 14px}
.sdg-rw-row{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 0;border-top:1px solid #f0ece6}
.sdg-rw-row:first-child{border-top:0}
.sdg-rw-row.is-dim .sdg-rw-row__t{opacity:.7}
.sdg-rw-row__t{flex:1;min-width:0}
.sdg-rw-row__t strong{display:block;font-size:14px;font-weight:700;line-height:1.3}
.sdg-rw-row__t small{display:block;margin-top:1px;font-size:12.5px;color:var(--muted)}
.sdg-rw-row__b{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.sdg-rw-ic{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--beige-soft);color:var(--ink)}
.sdg-rw-ic svg{width:20px;height:20px}
.sdg-rw-ic.is-gold{background:var(--gold-soft)}
.sdg-rw-plus{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold-text);font-size:13px;font-weight:800;white-space:nowrap}
.sdg-rw-chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 10px;border-radius:999px;background:#f1f1f1;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
.sdg-rw-chip svg{width:14px;height:14px}

/* the tier */
.sdg-rw-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;background:var(--beige-soft);color:#6e5a4a;font-size:12.5px;font-weight:800;white-space:nowrap}
.sdg-rw-badge.is-top{background:var(--ink);color:#fff}
.sdg-rw-badge.is-alpha{background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#3b2a06}
.sdg-rw-keep{margin-top:8px!important;padding:8px 12px;border-radius:10px;background:var(--gold-soft);color:var(--gold-text);font-size:12.5px;font-weight:700}

/* the birthday */
.sdg-rw-bday{margin-top:2px}
.sdg-rw-bday small{display:block;font-size:12.5px;color:var(--muted)}
.sdg-rw-bdayform{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.sdg-rwx .sdg-rw-bdayform select{min-height:36px;padding:0 10px;border:1px solid var(--line2);border-radius:10px;background:#fff;color:var(--ink);font:600 13px/1 Montserrat,system-ui,sans-serif}

/* the tiers' roadmap: one road Pup → Top Dog → Alpha Dog, the coin where you are, a card per stop */
.sdg-rw-road__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.sdg-rw-road__rate{font-size:13px;font-weight:700}
.sdg-rw-road__big{margin-top:10px!important;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.sdg-rw-road__big strong{font-weight:800}
.sdg-rw-road.is-guest .sdg-rw-road__big{margin-top:0!important;font-size:16px;font-weight:700}
.sdg-rw-road__head>.sdg-rw-muted{margin-top:4px!important}
.sdg-rw-road.is-alpha{border-color:#ecd9a2;background:linear-gradient(180deg,var(--gold-soft),#fff 55%)}
.sdg-rw-road__map{position:relative;margin-top:14px;padding-top:36px}
.sdg-rw-road__map.is-guest{padding-top:8px}
.sdg-rw-road__track{position:relative;height:8px;margin:0 7px;border-radius:999px;background:#ece7df;overflow:hidden}
.sdg-rw-road__fill{position:absolute;top:0;bottom:0;left:0;width:calc(var(--x) * 100%);border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width .9s cubic-bezier(.2,.8,.2,1)}
.sdg-rw-road__bag{position:absolute;top:0;bottom:0;left:calc(var(--x) * 100%);width:calc((var(--b) - var(--x)) * 100%);background:repeating-linear-gradient(-45deg,rgba(217,166,46,.62) 0 4px,rgba(217,166,46,.2) 4px 8px);transition:left .9s cubic-bezier(.2,.8,.2,1),width .9s cubic-bezier(.2,.8,.2,1)}
.sdg-rw-road__you{position:absolute;z-index:2;top:1px;left:calc(7px + (100% - 14px) * var(--x));display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateX(-50%);pointer-events:none;transition:left .9s cubic-bezier(.2,.8,.2,1)}
.sdg-rw-road__you.is-l{align-items:flex-start;transform:translateX(-13px)}
.sdg-rw-road__you.is-r{align-items:flex-end;transform:translateX(calc(-100% + 13px))}
.sdg-rw-road__pill{display:block;padding:3px 9px;border-radius:999px;background:var(--ink);color:#fff;font-size:11.5px;font-weight:800;line-height:16px;white-space:nowrap}
.sdg-rw-road__coin{width:26px;height:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.sdg-rw-road__stops{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:-11px}
.sdg-rwx .sdg-rw-road__stop,.sdg-rwx .sdg-rw-road__stop:hover,.sdg-rwx .sdg-rw-road__stop:focus,.sdg-rwx .sdg-rw-road__stop:active{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;min-height:48px;padding:0 2px 2px;border-radius:10px;text-align:center;cursor:pointer;font-family:Montserrat,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
.sdg-rwx .sdg-rw-road__stop.is-first,.sdg-rwx .sdg-rw-road__stop.is-first:hover,.sdg-rwx .sdg-rw-road__stop.is-first:focus,.sdg-rwx .sdg-rw-road__stop.is-first:active{align-items:flex-start;text-align:left}
.sdg-rwx .sdg-rw-road__stop.is-last,.sdg-rwx .sdg-rw-road__stop.is-last:hover,.sdg-rwx .sdg-rw-road__stop.is-last:focus,.sdg-rwx .sdg-rw-road__stop.is-last:active{align-items:flex-end;text-align:right}
.sdg-rwx .sdg-rw-road__stop:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sdg-rw-road__dot{display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #d9d2c7;transition:transform .15s,border-color .15s,background-color .15s}
.sdg-rw-road__stop.is-done .sdg-rw-road__dot{background:var(--gold);border-color:var(--gold)}
.sdg-rw-road__stop.is-cur .sdg-rw-road__dot{background:var(--ink);border-color:var(--ink)}
.sdg-rw-road__stop.is-on .sdg-rw-road__dot{transform:scale(1.22);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ink)}
.sdg-rw-road__stop strong{display:block;max-width:100%;margin-top:3px;font-size:12.5px;font-weight:800;line-height:1.2;color:var(--muted);transition:color .15s}
.sdg-rw-road__stop small{display:block;font-size:11.5px;font-weight:600;line-height:1.2;color:var(--soft)}
.sdg-rw-road__stop:hover strong,.sdg-rw-road__stop.is-on strong{color:var(--ink)}
.sdg-rw-road__stop.is-on small{color:var(--muted)}
.sdg-rw-road__bagnote{display:flex;align-items:flex-start;gap:8px;margin-top:10px!important;padding:9px 11px;border-radius:12px;background:var(--gold-soft);color:var(--gold-text);font-size:12.5px;font-weight:700;line-height:1.4}
.sdg-rw-road__bagnote svg{width:16px;height:16px;margin-top:1px}
.sdg-rw-road__bagnote.is-up{background:var(--ok-soft);color:var(--ok)}
.sdg-rw-road__detail{position:relative;margin-top:12px;padding:12px 14px 13px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.sdg-rw-road__detail::before{content:"";position:absolute;top:-7px;left:clamp(12px,calc(7px + (100% - 14px) * var(--sx) - 6px),calc(100% - 24px));width:12px;height:12px;background:var(--bg);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg);transition:left .25s cubic-bezier(.2,.8,.2,1)}
.sdg-rw-road__dtop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px}
.sdg-rw-road__detail>.sdg-rw-muted{margin-top:5px!important}
.sdg-rw-road__chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
.sdg-rw-road__chip.is-here{background:var(--ink);border-color:var(--ink);color:#fff}
.sdg-rw-road__chip.is-next{background:var(--gold-soft);border-color:#ecd9a2;color:var(--gold-text)}
.sdg-rw-road__perks{margin:10px 0 0;padding:0;list-style:none}
.sdg-rw-road__perks li{display:flex;align-items:center;gap:10px;margin:0;padding:5px 0;font-size:13.5px;font-weight:600;line-height:1.35}
.sdg-rw-road__perks li em{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-style:normal;font-size:11.5px;font-weight:800;white-space:nowrap}
.sdg-rw-road__pic{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.sdg-rw-road__pic svg{width:16px;height:16px}
.sdg-rw-road__pic .sdg-coin{width:18px;height:18px}
.sdg-rw-road__head>.sdg-rw-keep{margin-top:10px!important}
.sdg-rw-road__ex{margin-top:9px!important;padding:8px 10px;border-radius:10px;background:#fff;border:1px dashed var(--line2);font-size:12.5px;font-weight:600;line-height:1.4;color:var(--ink)}
.sdg-rw-road__how{margin-top:12px;border-top:1px solid #f0ece6}
.sdg-rw-road__how summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font-size:13.5px;font-weight:700;cursor:pointer;list-style:none}
.sdg-rw-road__how summary::-webkit-details-marker{display:none}
.sdg-rw-road__how summary svg{width:22px;height:22px;transition:transform .2s}
.sdg-rw-road__how[open] summary svg{transform:rotate(180deg)}
.sdg-rw-road__rules{margin:0 0 6px;padding:0 0 0 18px;list-style:disc}
.sdg-rw-road__rules li{margin:0 0 5px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.sdg-rw-road__orders{margin-top:10px}
.sdg-rw-road__orders>strong{display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sdg-rw-road__order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #f0ece6}
.sdg-rw-road__order span{display:block;font-size:13px;font-weight:600}
.sdg-rw-road__order small{display:block;font-size:12px;color:var(--muted)}
.sdg-rw-road__order b{flex:0 0 auto;font-size:13.5px;font-weight:800;white-space:nowrap}

/* the history */
.sdg-rw-hist{padding:0}
.sdg-rw-hist summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 16px;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.sdg-rw-hist summary::-webkit-details-marker{display:none}
.sdg-rw-hist summary svg{width:22px;height:22px;transition:transform .2s}
.sdg-rw-hist[open] summary svg{transform:rotate(180deg)}
.sdg-rw-hist>.sdg-rw-muted{padding:0 16px 14px}
.sdg-rw-hist ul{margin:0;padding:0 16px 8px;list-style:none}
.sdg-rw-hist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #f0ece6}
.sdg-rw-hist li strong{display:block;font-size:13.5px;font-weight:600}
.sdg-rw-hist li small{display:block;font-size:12px;color:var(--muted)}
.sdg-rw-amt{flex:0 0 auto;font-size:14px;font-weight:800;color:var(--ok);white-space:nowrap}
.sdg-rw-amt.is-minus{color:var(--ink)}
.sdg-rw-amt.is-wait{color:var(--soft)}

.sdg-rw-foot{margin:14px 2px 4px}
.sdg-rw-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px!important}

/* ---------- the panel from the dock (the Help panel's sheet) ---------- */
.sdg-rw-scrim{position:fixed;inset:0;z-index:100040;background:rgba(0,0,0,0);transition:background-color .2s ease}
.sdg-rw-scrim.is-in{background:rgba(0,0,0,.35)}
.sdg-rw-scrim[hidden],.sdg-rw-panel[hidden]{display:none}
.sdg-rw-panel{position:fixed;z-index:100050;left:50%;bottom:88px;transform:translate(-50%,16px);opacity:0;width:min(440px,calc(100vw - 20px));height:min(700px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease;font-size:14px;line-height:1.45;text-align:left}
.sdg-rw-panel.is-in{transform:translate(-50%,0);opacity:1}
.sdg-rw-panel:focus{outline:none}
.sdg-rw-panel__head{position:relative;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;background:var(--ink);color:#fff;flex:none}
.sdg-rw-grab{display:none}
.sdg-rw-panel__title{flex:1;min-width:0}
.sdg-rw-panel__title strong{display:block;font-size:16px;font-weight:700;line-height:1.2;color:#fff}
.sdg-rw-panel__title small{display:block;margin-top:2px;font-size:12px;color:var(--gold-hi)}
.sdg-rwx .sdg-rw-x,.sdg-rwx .sdg-rw-x:hover,.sdg-rwx .sdg-rw-x:focus{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color .15s}
.sdg-rwx .sdg-rw-x svg{width:22px;height:22px;fill:#fff}
.sdg-rwx .sdg-rw-x:hover{background:rgba(255,255,255,.14)}
.sdg-rw-panel__body{flex:1;overflow:auto;padding:2px 14px 18px;background:var(--bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.sdg-rw-loading{height:180px;margin:12px 0 0;border-radius:18px;background:linear-gradient(100deg,#ececec 30%,#f6f6f6 50%,#ececec 70%) 0 0/300% 100%;animation:sdgRwShine 1.2s linear infinite}
@keyframes sdgRwShine{to{background-position:-150% 0}}
@media (max-width:640px){
  .sdg-rw-panel{left:0;right:0;bottom:0;transform:translateY(24px);width:100%;height:auto;max-height:calc(100% - 36px);min-height:72%;border-radius:22px 22px 0 0}
  .sdg-rw-panel.is-in{transform:none}
  .sdg-rw-grab{display:block;position:absolute;top:6px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:rgba(255,255,255,.35)}
  .sdg-rw-panel__head{padding-top:16px}
  html.sdg-rw-open,html.sdg-rw-open body{overflow:hidden}
}
/* the dock's button: the coin */
.sdg-dock__tool .sdg-rw-toolcoin{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}

/* ---------- the dock's bag, the cart, the checkout ---------- */
.sdg-rw-bagline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:8px 10px 8px 8px;border-radius:14px;background:rgba(246,215,124,.12);border:1px solid rgba(246,215,124,.28);color:#fff;font-size:13px;font-weight:600;line-height:1.3}
.sdg-dock__bagmore .sdg-rw-bagline{margin:0}
.sdg-rw-bagline__l{display:flex;align-items:center;gap:8px;min-width:0}
.sdg-rw-cartbox{margin:0 0 18px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.sdg-rw-cartbox__top{display:flex;align-items:center;gap:12px}
.sdg-rw-cartbox__t{flex:1;min-width:0}
.sdg-rw-cartbox__t strong{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;line-height:1.35}
.sdg-rw-cartbox__t small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.sdg-rw-cartbox__t .sdg-rw-link{min-height:28px}
.sdg-rw-ok svg{width:18px;height:18px;fill:var(--ok)}
.sdg-rw-cartbox__mine{margin-top:10px;padding-top:10px;border-top:1px solid #f0ece6}
.sdg-rw-cartbox__mine>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}
@media (max-width:480px){.sdg-rw-cartbox__top{flex-wrap:wrap}.sdg-rw-cartbox__top>.sdg-rw-btn{width:100%}}

/* ---------- the product page and reviews ---------- */
.sdg-loyalty-earn{display:flex;align-items:center;gap:8px;margin:4px 0 14px;font-size:14px;font-weight:600;line-height:1.35;color:#191919}
.sdg-loyalty-earn[hidden]{display:none}
.sdg-loyalty-review{margin-top:6px;font-size:12px;color:#6b6b6b;font-style:italic}

/* ---------- My account → Rewards ---------- */
.sdg-loyalty-mount[data-sdg-loyalty-where=account]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 22px;align-items:start;max-width:980px}
.sdg-loyalty-mount[data-sdg-loyalty-where=account] .sdg-rw-hero:first-child{margin-top:0}
.sdg-loyalty-mount[data-sdg-loyalty-where=account] .sdg-rw-side>.sdg-rw-sec:first-child{margin-top:0!important}
.sdg-loyalty-mount[data-sdg-loyalty-where=account] .sdg-rw-loading,.sdg-rw-mount-loading{grid-column:1/-1}
@media (max-width:900px){.sdg-loyalty-mount[data-sdg-loyalty-where=account]{grid-template-columns:1fr}}

/* the little note after a tap */
.sdg-rw-toast{position:fixed;left:50%;bottom:96px;z-index:100100;max-width:min(520px,calc(100vw - 32px));padding:11px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.25);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.sdg-rw-toast.is-in{opacity:1;transform:translate(-50%,0)}
.sdg-rw-toast.is-bad{background:var(--bad)}

@media (prefers-reduced-motion:reduce){.sdg-rw-panel,.sdg-rw-scrim,.sdg-rw-toast,.sdg-rwx .sdg-rw-btn,.sdg-rw-bar i,.sdg-rw-road__fill,.sdg-rw-road__bag,.sdg-rw-road__you,.sdg-rw-road__dot,.sdg-rw-road__detail::before{transition:none!important}.sdg-rwx .sdg-rw-btn.is-busy::after,.sdg-rw-loading{animation:none}}

/* modules/newsletter/assets/newsletter.css */
/* Email Marketing in the shop: the form in the black footer, the page behind an e-mail's link, the checkout box.
 * Astra styles every input and button: each state is set here (never all:unset on a state). */
.sdg-nl{display:grid;gap:14px;padding:22px 0;border-top:1px solid #262626;border-bottom:1px solid #262626;color:#fff;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif}
.sdg-nl p{margin:0}
.sdg-nl__title{font-size:16px;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff}
.sdg-nl__line{margin-top:4px!important;font-size:13.5px;line-height:1.5;color:#cfc8c1}
.sdg-nl__box{display:flex;gap:8px;align-items:stretch}
.sdg-nl .sdg-nl__in,.sdg-nl .sdg-nl__in:focus{flex:1;min-width:0;height:50px;margin:0;padding:0 20px;border:1px solid #3a3a3a;border-radius:999px;background:#141414;box-shadow:none;color:#fff;font-family:inherit;font-size:15px;line-height:50px;outline:0}
.sdg-nl .sdg-nl__in::placeholder{color:#8f8780;opacity:1}
.sdg-nl .sdg-nl__in:focus-visible{border-color:#fff}
.sdg-nl.is-bad .sdg-nl__in{border-color:#e32c2b}
.sdg-nl button.sdg-nl__go,.sdg-nl button.sdg-nl__go:hover,.sdg-nl button.sdg-nl__go:focus,.sdg-nl button.sdg-nl__go:active{flex:none;height:50px;margin:0;padding:0 24px;border:0;border-radius:999px;background:#e32c2b;box-shadow:none;color:#fff;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.sdg-nl button.sdg-nl__go:hover{background:#c92423}
.sdg-nl button.sdg-nl__go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sdg-nl button.sdg-nl__go:disabled{opacity:.6;cursor:progress}
.sdg-nl__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sdg-nl__fine{font-size:11.5px;line-height:1.5;color:#8f8780}
.sdg-nl__fine a{color:#a9a29b;text-decoration:underline;text-underline-offset:2px}
.sdg-nl__say{min-height:0;font-size:13.5px;font-weight:700;color:#fff}
.sdg-nl__say:empty{display:none}
.sdg-nl.is-bad .sdg-nl__say{color:#ff8a8a}
.sdg-nl.is-done .sdg-nl__box,.sdg-nl.is-done .sdg-nl__fine{display:none}
@media (min-width:1024px){
  .sdg-nl{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;column-gap:40px;padding:28px 0}
  .sdg-nl__fine,.sdg-nl__say{grid-column:2}
}

/* the page behind an e-mail's link */
.sdg-nl-page{display:flex;justify-content:center;padding:56px max(16px,env(safe-area-inset-right,0px)) 72px max(16px,env(safe-area-inset-left,0px));background:#f8f8f8;font-family:Montserrat,system-ui,sans-serif}
.sdg-nl-page__card{width:100%;max-width:560px;padding:34px 28px;border-radius:22px;background:#fff;box-shadow:0 1px 0 #ece7e1,0 18px 40px rgba(0,0,0,.06);text-align:center}
.sdg-nl-page__eyebrow{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a48878}
.sdg-nl-page__title{margin:0 0 14px;font-size:28px;line-height:1.15;font-weight:800;color:#191919;text-wrap:balance}
.sdg-nl-page__say,.sdg-nl-page__more{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:#3c3c3c}
.sdg-nl-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.sdg-nl-page .sdg-nl-page__btn,.sdg-nl-page .sdg-nl-page__btn:hover,.sdg-nl-page .sdg-nl-page__btn:focus{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:0 24px;border:2px solid #000;border-radius:999px;background:#fff;color:#000;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.sdg-nl-page .sdg-nl-page__btn.is-main,.sdg-nl-page .sdg-nl-page__btn.is-main:hover,.sdg-nl-page .sdg-nl-page__btn.is-main:focus{border-color:#e32c2b;background:#e32c2b;color:#fff}
.sdg-nl-page .sdg-nl-page__btn:disabled{opacity:.6;cursor:progress}

/* checkout and My Account */
.sdg-nl-check{margin:4px 0 12px!important}
.sdg-nl-check span{font-size:14px}
.sdg-nl-account{margin:22px 0 8px;padding:16px 18px;border:1px solid #ece7e1;border-radius:14px}
.sdg-nl-account legend{padding:0 6px;font-weight:700}
.sdg-nl-account__note{margin:4px 0 0;font-size:13px;color:#6b6b6b}

/* inside the shop's footer: its own lines already separate the rows */
.sdg-ft__signup .sdg-nl{border-top:0;border-bottom:0;padding-bottom:0}
@media (min-width:1024px){.sdg-ft__signup .sdg-nl{border-bottom:1px solid #262626;padding-bottom:28px}}

/* modules/recommend/assets/goes.css */
/* SDG recommendations in the dock (goes.js): on the dark dock panel, in its own colours (white text, quiet white pills,
   the beige of Fit for the dog's size). The card shows one suggestion as a row; the bag a strip of up to three that
   scrolls sideways, so the bag's lines keep their room. Every rule starts at .sdg-goes, above the theme's button rules. */
.sdg-dock__cextra:empty{display:none}
.sdg-goes{margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.14);color:var(--sdg-dock-text,#fff);font-size:13px;line-height:1.3;text-align:left}
.sdg-goes .sdg-goes__title{margin:0 0 8px;padding:0;color:inherit;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;opacity:.78}
.sdg-goes .sdg-goes__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.sdg-goes .sdg-goes__item{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:0;list-style:none}
.sdg-goes .sdg-goes__img{flex:0 0 52px;width:52px;height:52px;border-radius:10px;background:#fff center/cover no-repeat}
.sdg-goes .sdg-goes__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.sdg-goes .sdg-goes__name{overflow:hidden;color:inherit;font-weight:600;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
.sdg-goes .sdg-goes__name:hover{color:inherit;text-decoration:underline}
.sdg-goes .sdg-goes__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px}
.sdg-goes .sdg-goes__meta>span:not(.sdg-goes__fit):not(.sdg-goes__price){opacity:.78}
.sdg-goes .sdg-goes__fit{padding:3px 9px;border-radius:999px;background:#cab29f;color:#191919;font-weight:700;line-height:1.2}
.sdg-goes .sdg-goes__price{font-weight:700}
.sdg-goes .sdg-goes__price del{color:rgba(255,255,255,.62);font-weight:500;opacity:1} /* the theme colours del dark: on the dark panel it must stay readable */
.sdg-goes .sdg-goes__price .is-sale{color:#ff6b6a}
.sdg-goes .sdg-goes__add{all:unset;box-sizing:border-box;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);color:var(--sdg-dock-text,#fff);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s}
.sdg-goes .sdg-goes__add:hover,.sdg-goes .sdg-goes__add:focus{background:rgba(255,255,255,.24);color:var(--sdg-dock-text,#fff)}
.sdg-goes .sdg-goes__add:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sdg-goes .sdg-goes__add.is-busy{opacity:.7;cursor:default}
.sdg-goes .sdg-goes__add.is-done{background:#cab29f;color:#191919;cursor:default}
.sdg-goes .sdg-goes__err{flex-basis:100%;margin:4px 0 0;color:#ff8a89;font-size:12px}
.sdg-goes .sdg-goes__item:has(.sdg-goes__err){flex-wrap:wrap}

/* the bag: a strip that scrolls sideways (finger, trackpad), one card a little narrower than the panel */
.sdg-goes--bag{flex:0 0 auto;margin:0;padding:10px 0 0}
.sdg-goes--bag .sdg-goes__list{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.sdg-goes--bag .sdg-goes__list::-webkit-scrollbar{display:none}
.sdg-goes--bag .sdg-goes__item{flex:0 0 min(300px,86%);scroll-snap-align:start;padding:8px;border-radius:14px;background:rgba(255,255,255,.07)}
.sdg-goes--bag .sdg-goes__item:only-child{flex-basis:100%}
@media (prefers-reduced-motion:reduce){.sdg-goes *{transition:none!important}}

/* modules/tracking/assets/track.css */
/* SDG Tracking: the tracking page (track.js). Supreme Dog Garage's look: black and white, the shop's red for where the
   order is now and the one button, beige for what is done and the quiet parts, Montserrat from the theme. Phones first;
   from 768 px the steps run across. Cards come in one after another; "reduce motion" stops every move. */
.sdg-trk{--ink:#191919;--black:#0e0e0e;--muted:#6b6b6b;--line:#ebe5df;--soft:#f8f8f8;--beige:#cab29f;--beige-dark:#a48878;--beige-soft:#f4eee8;--red:#e32c2b;--red-dark:#c52524;--ok:#1d6f42;--ok-soft:#e6f3eb;--r:22px;max-width:980px;margin:0 auto 40px;color:var(--ink);font-size:15px;line-height:1.55}
.sdg-trk [hidden]{display:none!important}
.sdg-trk *,.sdg-trk *::before,.sdg-trk *::after{box-sizing:border-box}
.sdg-trk svg{fill:currentColor;flex:none}
/* the page's own title is in the black head (the same words): the theme's goes */
.sdg-trk-page .entry-header,.sdg-trk-page .ast-single-entry-banner{display:none}
.sdg-trk-page .entry-content{margin-top:0}

/* ---------- the black head (the form, and the order's head) ---------- */
.sdg-trk-hero{position:relative;overflow:hidden;padding:30px 22px 26px;border-radius:var(--r);background:var(--black);color:#fff;isolation:isolate}
.sdg-trk-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--red),#ff6a4d 40%,transparent 85%)}
.sdg-trk-hero__glow{position:absolute;z-index:-1;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(227,44,43,.38),rgba(227,44,43,.08) 60%,transparent);pointer-events:none}
.sdg-trk .sdg-trk-eyebrow{margin:0 0 8px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.sdg-trk .sdg-trk-hero .sdg-trk-hero__h{margin:0;color:#fff;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.01em;outline:none}
.sdg-trk__intro{margin:10px 0 22px;color:#cfc9c3;font-size:15px}
.sdg-trk__fields{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 18px}
.sdg-trk__field{display:block;margin:0}
.sdg-trk__field>span{display:block;margin:0 0 7px;color:#f3efeb;font-size:13px;font-weight:700}
.sdg-trk__field small{display:block;margin:7px 0 0;color:#9d958e;font-size:12px}
.sdg-trk .sdg-trk__field input{width:100%;min-height:54px;margin:0;padding:12px 16px;border:2px solid transparent;border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:600;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.sdg-trk .sdg-trk__field input::placeholder{color:#b3aca6;font-weight:500}
.sdg-trk .sdg-trk__field input:focus{border-color:var(--red);outline:2px solid transparent;box-shadow:0 0 0 4px rgba(227,44,43,.25)}
.sdg-trk__act{display:flex;flex-direction:column;gap:12px}
.sdg-trk .sdg-trk__go,.sdg-trk .sdg-trk__go:hover,.sdg-trk .sdg-trk__go:focus,.sdg-trk .sdg-trk__go:active{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 30px;border-radius:999px;background:var(--red);color:#fff;font-weight:800;font-size:16px;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 24px rgba(227,44,43,.32);transition:background-color .15s,transform .15s,box-shadow .15s}
.sdg-trk .sdg-trk__go:hover{background:var(--red-dark);box-shadow:0 12px 28px rgba(227,44,43,.4)}
.sdg-trk .sdg-trk__go:active{transform:scale(.98)}
.sdg-trk .sdg-trk__go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sdg-trk .sdg-trk__go:disabled{cursor:progress;opacity:.9}
.sdg-trk .sdg-trk__go.is-busy::after{content:"";width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sdgTrkSpin .8s linear infinite}
@keyframes sdgTrkSpin{to{transform:rotate(360deg)}}
.sdg-trk__private{display:flex;align-items:flex-start;gap:8px;margin:0;color:#9d958e;font-size:12.5px;line-height:1.45}
.sdg-trk__private svg{margin-top:1px;fill:var(--beige)}
.sdg-trk__err{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:rgba(227,44,43,.14);border:1px solid rgba(227,44,43,.45);color:#ffd9d6;font-size:14px}
.sdg-trk>noscript .sdg-trk__err{background:#fdecea;color:#9b1c1c}

/* ---------- the order ---------- */
.sdg-trk-res{display:flex;flex-direction:column;gap:16px}
.sdg-trk-card{position:relative;padding:22px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(25,25,25,.05)}
.sdg-trk-res .sdg-trk-card{opacity:0;transform:translateY(16px)}
.sdg-trk-res.is-in .sdg-trk-card{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 90ms),transform .7s cubic-bezier(.2,.75,.2,1) calc(var(--i) * 90ms)}
.sdg-trk .sdg-trk-h3{margin:0 0 14px;font-size:17px;font-weight:800;color:var(--ink)}
.sdg-trk-muted{margin:0;color:var(--muted);font-size:14px}
/* the head of an order */
.sdg-trk-card.sdg-trk-hero{border:0;padding:26px 22px;background:var(--black);color:#fff;box-shadow:0 18px 44px rgba(14,14,14,.2)}
.sdg-trk-hero.is-result .sdg-trk-eyebrow{color:var(--beige)}
.sdg-trk-hero__top{display:flex;flex-direction:column;gap:18px}
.sdg-trk-when{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.sdg-trk-when>svg{fill:var(--beige)}
.sdg-trk-when small{display:block;color:#b7afa8;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.sdg-trk-when strong{display:block;color:#fff;font-size:21px;font-weight:800;line-height:1.2}
.sdg-trk-when em{display:block;margin-top:2px;color:#9d958e;font-size:12px;font-style:normal}
.is-delivered .sdg-trk-when>svg{fill:#7bd49c}
.sdg-trk-warn{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:14px;background:rgba(255,196,77,.14);border:1px solid rgba(255,196,77,.4);color:#ffe2a6;font-size:14px}
.sdg-trk-warn svg{margin-top:1px;fill:#ffc44d}
/* the steps: down a line on phones */
.sdg-trk .sdg-trk-steps2{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.sdg-trk-steps2__rail{position:absolute;left:25px;top:26px;bottom:26px;width:3px;border-radius:3px;background:#efe9e3;overflow:hidden}
.sdg-trk-steps2__fill{position:absolute;left:0;top:0;width:100%;height:0;border-radius:3px;background:linear-gradient(180deg,var(--ink) 0,var(--ink) 75%,var(--red));transition:height 1.1s cubic-bezier(.2,.75,.2,1) .35s}
.is-in .sdg-trk-steps2__fill{height:calc(var(--fill) * 100%)}
.sdg-trk-st{position:relative;z-index:1;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;margin:0}
.sdg-trk-st__dot{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #e9e1d9;color:#c4b9ae;transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.2,1.4,.4,1) calc(.3s + var(--k) * 110ms),opacity .3s ease calc(.3s + var(--k) * 110ms)}
.is-in .sdg-trk-st__dot{transform:none;opacity:1}
.sdg-trk-st.is-done .sdg-trk-st__dot{background:var(--ink);border-color:var(--ink);color:#fff}
.sdg-trk-st.is-current .sdg-trk-st__dot{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 22px rgba(227,44,43,.4)}
.sdg-trk-st.is-current .sdg-trk-st__dot::before,.sdg-trk-st.is-current .sdg-trk-st__dot::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--red);opacity:0;animation:sdgTrkRing 2.4s ease-out infinite}
.sdg-trk-st.is-current .sdg-trk-st__dot::after{animation-delay:1.2s}
@keyframes sdgTrkRing{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.7);opacity:0}}
.sdg-trk-st__t strong{display:block;font-size:15px;line-height:1.3;font-weight:800}
.sdg-trk-st.is-next .sdg-trk-st__t strong{color:#9c948d;font-weight:600}
.sdg-trk-st__t small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.sdg-trk-st__t small.is-now{color:var(--red);font-weight:700}
.sdg-trk-st__t small.is-note{color:var(--ok);font-weight:600}
.sdg-trk-st__t small.is-note.is-past{color:var(--muted);font-weight:500}
.sdg-trk-st__p{display:none}
/* right now */
.sdg-trk-now2__h{display:flex;align-items:center;gap:14px}
.sdg-trk-now2__ic{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:var(--beige-soft);color:var(--red)}
.sdg-trk-now2__h small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--beige-dark)}
.sdg-trk-now2__h strong{display:block;font-size:19px;line-height:1.25;font-weight:800}
.sdg-trk-now2__p{margin:14px 0 0;font-size:15px;color:#3b3b3b}
.sdg-trk-route2{margin:18px auto 0;max-width:640px}
.sdg-trk-route2 svg{display:block;width:100%;height:auto;overflow:visible}
.sdg-trk-route2__base{fill:none;stroke:#e6ded6;stroke-width:4;stroke-linecap:round;stroke-dasharray:2 11}
.sdg-trk-route2__done{fill:none;stroke-width:5;stroke-linecap:round}
.sdg-trk-route2__end.is-a{fill:var(--beige)}
.sdg-trk-route2__end.is-b{fill:#fff;stroke:var(--ink);stroke-width:3}
.sdg-trk-route2__halo{fill:var(--red);opacity:.16;transform-box:fill-box;transform-origin:center;animation:sdgTrkHalo 2.2s ease-in-out infinite}
@keyframes sdgTrkHalo{50%{transform:scale(1.3);opacity:.06}}
.sdg-trk-route2__dot{fill:var(--red);filter:drop-shadow(0 4px 8px rgba(227,44,43,.45))}
.sdg-trk-route2__icon{fill:#fff}
.sdg-trk-route2__l{display:flex;justify-content:space-between;gap:12px;margin-top:2px}
.sdg-trk-route2__l b{display:block;font-size:13px;font-weight:800}
.sdg-trk-route2__l small{display:block;font-size:12px;color:var(--muted)}
.sdg-trk-route2__l .is-b{text-align:right}
/* the items */
.sdg-trk .sdg-trk-items2 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sdg-trk-it{display:flex;align-items:center;gap:14px;margin:0}
.sdg-trk-it__img{flex:none;width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.sdg-trk-it__img img{display:block;width:100%;height:100%;object-fit:cover}
.sdg-trk-it__t{min-width:0}
.sdg-trk-it__t strong{display:block;font-size:14.5px;line-height:1.35;font-weight:700}
.sdg-trk-badge{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:4px 10px;border-radius:999px;background:var(--beige-soft);color:#7a6455;font-size:12px;font-weight:700}
.sdg-trk-badge.is-ok{background:var(--ok-soft);color:var(--ok)}
/* the carrier */
.sdg-trk-parcel2{padding:16px;border-radius:18px;background:var(--soft);border:1px solid var(--line)}
.sdg-trk-parcel2+.sdg-trk-parcel2{margin-top:12px}
.sdg-trk-parcel2__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}
.sdg-trk-parcel2__top strong{display:block;font-size:15px;font-weight:800}
.sdg-trk-num{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted);word-break:break-all}
.sdg-trk-parcel2__a{display:flex;flex-wrap:wrap;gap:6px}
.sdg-trk .sdg-trk-mini,.sdg-trk .sdg-trk-mini:hover,.sdg-trk .sdg-trk-mini:focus,.sdg-trk .sdg-trk-mini:active{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #d9d1c9;background:#fff;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s}
.sdg-trk .sdg-trk-mini:hover{border-color:var(--ink)}
.sdg-trk .sdg-trk-mini:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sdg-trk .sdg-trk-mini.is-done{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}
.sdg-trk .sdg-trk-ev{position:relative;list-style:none;margin:16px 0 0;padding:0 0 0 22px}
.sdg-trk-ev::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#e3dbd3}
.sdg-trk-ev li{position:relative;margin:0;padding:0 0 14px}
.sdg-trk-ev li:last-child{padding-bottom:0}
.sdg-trk-ev li::before{content:"";position:absolute;left:-22px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #cbbfb3}
.sdg-trk-ev li.is-last::before{background:var(--red);border-color:var(--red);box-shadow:0 0 0 4px rgba(227,44,43,.16)}
.sdg-trk-ev small{display:block;font-size:12px;font-weight:700;color:var(--beige-dark)}
.sdg-trk-ev span{display:block;font-size:14.5px;line-height:1.4}
.sdg-trk-ev em{display:block;font-style:normal;font-size:12.5px;color:var(--muted)}
/* help */
.sdg-trk-help{display:flex;flex-direction:column;gap:14px;background:var(--beige-soft);border-color:#ebdfd3;box-shadow:none}
.sdg-trk-help__l{display:flex;align-items:center;gap:12px}
.sdg-trk-help__l strong{font-size:16px;font-weight:800}
.sdg-trk-help__ic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff}
.sdg-trk-help__a{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.sdg-trk .sdg-trk-ask{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;text-decoration:none;transition:background-color .15s,transform .15s}
.sdg-trk .sdg-trk-ask:hover{background:#000;color:#fff}
.sdg-trk .sdg-trk-ask:active{transform:scale(.98)}
.sdg-trk .sdg-trk-ask:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.sdg-trk .sdg-trk-again,.sdg-trk .sdg-trk-again:hover,.sdg-trk .sdg-trk-again:focus,.sdg-trk .sdg-trk-again:active{all:unset;display:inline-flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;font-size:14px;font-weight:700;color:var(--ink)}
.sdg-trk .sdg-trk-again:hover{text-decoration:underline;text-underline-offset:3px}
.sdg-trk .sdg-trk-again:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
/* "Got your order?" (the owner says it arrived), and the thank-you with Undo */
.sdg-trk-got{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 14px;align-items:start;border-color:#e6d9cc;background:linear-gradient(180deg,#fff,var(--beige-soft))}
.sdg-trk-got.is-late{border-color:#e9c9c3;background:linear-gradient(180deg,#fff,#fbefec)}
.sdg-trk-got.is-gone{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}
.sdg-trk-got__ic{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:var(--ink);color:#fff}
.sdg-trk-got__ic svg{fill:currentColor}
.sdg-trk-got__t .sdg-trk-h3{margin:2px 0 4px}
.sdg-trk .sdg-trk-got__t p{margin:0}
#sdg-trk a.sdg-trk-live,#sdg-trk a.sdg-trk-live:hover,#sdg-trk a.sdg-trk-live *,#sdg-trk a.sdg-trk-mini,#sdg-trk a.sdg-trk-mini:hover,#sdg-trk a.sdg-trk-mini *{text-decoration:none}
.sdg-trk-got__a{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.sdg-trk .sdg-trk-yes,.sdg-trk .sdg-trk-yes:hover,.sdg-trk .sdg-trk-yes:focus,.sdg-trk .sdg-trk-yes:active{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background-color .15s,transform .15s}
.sdg-trk .sdg-trk-yes svg{fill:currentColor}
.sdg-trk .sdg-trk-yes:hover{background:#000}
.sdg-trk .sdg-trk-yes:active{transform:scale(.98)}
.sdg-trk .sdg-trk-yes:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.sdg-trk .sdg-trk-yes.is-busy{opacity:.7;cursor:progress}
.sdg-trk-got .sdg-trk-err{flex:1 1 100%;margin:4px 0 0;color:var(--red);font-size:13.5px}
.sdg-trk-thanks{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;border-color:#cfe8d7;background:var(--ok-soft)}
.sdg-trk-thanks p{flex:1 1 200px;margin:0;font-weight:700;color:var(--ok)}
.sdg-trk-thanks__ic{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--ok);color:#fff}
.sdg-trk-thanks__ic svg{fill:currentColor}
/* a number without events here: the carrier's own scans at 17TRACK */
.sdg-trk .sdg-trk-live{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.sdg-trk .sdg-trk-live:hover{border-color:var(--ink);box-shadow:0 6px 18px rgba(25,25,25,.06);color:var(--ink)}
.sdg-trk .sdg-trk-live:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sdg-trk-live__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sdg-trk-live__t strong{font-size:15px;font-weight:800}
.sdg-trk-live__t small{font-size:13px;color:var(--muted);line-height:1.4}
.sdg-trk-live svg{flex:none;fill:var(--beige-dark)}
/* no tracking number yet: a quiet line, nothing to follow */
.sdg-trk-nonum{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1px dashed #ddd2c7;background:var(--soft)}
.sdg-trk-nonum svg{flex:none;margin-top:1px;fill:var(--beige-dark)}
.sdg-trk .sdg-trk-nonum p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
/* a number without scans here and no link out (Settings → Tracking: 17TRACK off) */
.sdg-trk .sdg-trk-quiet{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.sdg-trk-quiet svg{flex:none;margin-top:2px;fill:var(--beige-dark)}
/* the theme's page padding above and below (separate container: 72 px + 96 px on computers) */
@media (min-width:922px){body.sdg-trk-page #primary{margin-top:40px;margin-bottom:56px}body.sdg-trk-page #primary article.type-page{padding-top:0;padding-bottom:0}}
/* while it is looked up */
.sdg-trk-skel{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.sdg-trk__ask[hidden]+.sdg-trk__out .sdg-trk-skel{margin-top:0}
.sdg-trk-skel__b{border-radius:var(--r);background:linear-gradient(100deg,#f1ece7 30%,#faf7f4 50%,#f1ece7 70%);background-size:300% 100%;animation:sdgTrkShimmer 1.3s ease-in-out infinite}
.sdg-trk-skel__b.is-hero{height:150px;background:linear-gradient(100deg,#151515 30%,#262626 50%,#151515 70%);background-size:300% 100%}
.sdg-trk-skel__b.is-steps{height:120px}
.sdg-trk-skel__b.is-card{height:150px}
@keyframes sdgTrkShimmer{from{background-position:100% 0}to{background-position:0 0}}

/* ---------- computers ---------- */
@media (min-width:768px){
  .sdg-trk-hero{padding:44px 44px 40px}
  .sdg-trk .sdg-trk-hero .sdg-trk-hero__h{font-size:38px}
  .sdg-trk__intro{font-size:16px;max-width:560px}
  .sdg-trk__fields{grid-template-columns:1fr 1fr;gap:16px}
  .sdg-trk__act{flex-direction:row;align-items:center;gap:18px}
  .sdg-trk .sdg-trk__go,.sdg-trk .sdg-trk__go:hover,.sdg-trk .sdg-trk__go:focus,.sdg-trk .sdg-trk__go:active{width:auto;min-width:220px}
  .sdg-trk-card{padding:28px 30px}
  .sdg-trk-card.sdg-trk-hero{padding:34px 36px}
  .sdg-trk-hero__top{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:28px}
  .sdg-trk .sdg-trk-hero.is-result .sdg-trk-hero__h{font-size:34px}
  .sdg-trk-when{flex:none;min-width:280px;padding:16px 20px}
  .sdg-trk-when strong{font-size:24px}
  .sdg-trk .sdg-trk-steps2{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0 8px;padding-top:2px}
  .sdg-trk-steps2__rail{left:calc(50% / var(--n));right:calc(50% / var(--n));top:28px;bottom:auto;width:auto;height:3px}
  .sdg-trk-steps2__fill{height:100%;width:0;transition:width 1.1s cubic-bezier(.2,.75,.2,1) .35s;background:linear-gradient(90deg,var(--ink) 0,var(--ink) 75%,var(--red))}
  .is-in .sdg-trk-steps2__fill{height:100%;width:calc(var(--fill) * 100%)}
  .sdg-trk-st{grid-template-columns:1fr;justify-items:center;align-items:start;align-content:start;text-align:center;gap:12px}
  .sdg-trk-st__dot{width:58px;height:58px}
  .sdg-trk-st__t{max-width:170px}
  .sdg-trk-help{flex-direction:row;align-items:center;justify-content:space-between}
  .sdg-trk-got{grid-template-columns:48px minmax(0,1fr) auto;align-items:center}
  .sdg-trk-got__a{grid-column:auto;margin-top:0;justify-content:flex-end}
  .sdg-trk-route2__l b{font-size:14px}
}

/* My Account → the order: the button */
.sdg-trk-acc{margin:0 0 18px}
@media (prefers-reduced-motion:reduce){
  .sdg-trk *,.sdg-trk *::before,.sdg-trk *::after{animation:none!important;transition:none!important}
  .sdg-trk-res .sdg-trk-card,.sdg-trk-st__dot{opacity:1;transform:none}
}

/* modules/fit/assets/fit.css */
/* SDG Fit — product page: size helper,chips,the size chart & fit sheet (bottom sheet on phones,centred dialog on
 * computers),tables,dock panel. Brand: black / white / #f8f8f8,red #e32c2b only for the main action and the fitting
 * size. Fonts inherit from the theme (Montserrat). No layout shift: the helper has a fixed minimum height. */
:root{--sdg-fit-red:#e32c2b;--sdg-fit-red-dark:#c52524;--sdg-fit-red-text:#c52524;--sdg-fit-ink:#191919;--sdg-fit-muted:#6b6b6b;--sdg-fit-line:#d7d7d7;--sdg-fit-bg:#f8f8f8;--sdg-fit-beige:#cab29f;--sdg-fit-beige-dark:#a48878;--sdg-fit-beige-soft:rgba(200,176,156,.26);--sdg-fit-beige-zebra:#f8f4ef;--sdg-fit-radius:3px;--sdg-fit-sheet-radius:18px}
/* ---------- helper under the size buttons ---------- */
.sdg-fit-helper{min-height:44px;margin:6px 0 14px;font-size:14px;line-height:1.35;color:var(--sdg-fit-ink)}
.sdg-fit-helper--simple{margin:10px 0 0;flex:1 1 100%}
.sdg-fit-helper__row,.sdg-fit-helper__dogs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sdg-fit-helper__dogs{display:contents}
/* the dogs (and "+ Add a dog" at the end) in one row beside "Size chart & fit" that scrolls sideways */
.sdg-fit-helper:not(.sdg-fit-helper--simple) .sdg-fit-helper__row{flex-wrap:nowrap}
.sdg-fit-helper .sdg-fit-btn--chart{flex:none}
.sdg-fit-helper:not(.sdg-fit-helper--simple) .sdg-fit-helper__dogs{display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 2px 2px 0;margin:-2px 0}
.sdg-fit-helper .sdg-fit-helper__dogs::-webkit-scrollbar{display:none}
.sdg-fit-helper:not(.sdg-fit-helper--simple) .sdg-fit-helper__dogs[hidden]{display:none}
.sdg-fit-helper .sdg-fit-helper__dogs > *{flex:none}
.sdg-fit-helper .sdg-fit-helper__dogs.is-more-end{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
.sdg-fit-helper .sdg-fit-helper__dogs.is-more-start.is-more-end{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 82%,transparent)}
.sdg-fit-helper .sdg-fit-helper__dogs.is-more-start:not(.is-more-end){-webkit-mask-image:linear-gradient(to right,transparent,#000 12%);mask-image:linear-gradient(to right,transparent,#000 12%)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add-dog{border-style:dashed;border-color:var(--sdg-fit-line);font-weight:600;color:var(--sdg-fit-muted);background:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add-dog:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add-dog:focus{background:#fff;border-color:var(--sdg-fit-ink);color:var(--sdg-fit-ink)}
.sdg-fit-helper__row[hidden],.sdg-fit-helper__dogs[hidden],.sdg-fit-helper__note[hidden]{display:none}
.sdg-fit-helper__note{margin:8px 0 0;font-size:13px;color:var(--sdg-fit-muted)}
:where(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--sdg-fit-ink);border-radius:999px;background:#fff;color:var(--sdg-fit-ink);font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,transform .12s;margin:0}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn:hover{background:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn:active{transform:scale(.98)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn:focus-visible,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip:focus-visible,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__main:focus-visible,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__edit:focus-visible,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-sheet__close:focus-visible,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--primary{background:var(--sdg-fit-red);border-color:var(--sdg-fit-red);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--primary:hover{background:#c52524;border-color:#c52524;color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--danger{border-color:var(--sdg-fit-line);color:var(--sdg-fit-muted)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--danger:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--danger.is-confirm{background:#fff2f2;border-color:var(--sdg-fit-red);color:var(--sdg-fit-red)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--find{border-color:var(--sdg-fit-line);font-weight:500}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--find:hover{border-color:var(--sdg-fit-ink)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn svg{flex:0 0 auto}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn[hidden]{display:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip{width:auto;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--sdg-fit-line);border-radius:999px;background:#fff;color:var(--sdg-fit-ink);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;margin:0}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip:hover{border-color:var(--sdg-fit-ink)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip.is-active{background:var(--sdg-fit-ink);border-color:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip--add,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip--chart{border-style:dashed;font-weight:500;color:var(--sdg-fit-muted)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip--add:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip--chart:hover{color:var(--sdg-fit-ink)}
/* the theme gives buttons a full width on phones; ours keep their own width wherever they sit */
.sdg-fit-helper .sdg-fit-btn,.sdg-fit-helper .sdg-fit-chip,.sdg-fit-sheet .sdg-fit-btn,.sdg-fit-sheet .sdg-fit-chip,.sdg-fit-sheet .sdg-fit-dog,.sdg-fit-sheet .sdg-fit-dog--add,.sdg-fit-tab .sdg-fit-btn,.sdg-fit-dockpanel button{width:auto !important;max-width:100%}
.sdg-fit-form__actions .sdg-fit-btn{flex:1 1 auto}
/* states: the theme's button:hover / button:focus (black on black) never shows through */
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn:focus,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn:active{background:var(--sdg-fit-ink);border-color:var(--sdg-fit-ink);color:#fff;box-shadow:none;text-decoration:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--primary:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--primary:focus,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--primary:active{background:var(--sdg-fit-red-dark);border-color:var(--sdg-fit-red-dark);color:#fff}
/* the chart button: the shop's beige, black text, a black icon badge; red stays for Add and the recommended size */
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--chart,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--chart:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--chart:focus{background:var(--sdg-fit-beige);border-color:var(--sdg-fit-beige);color:var(--sdg-fit-ink);padding-left:6px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--chart:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--chart:focus{background:#bda38e;border-color:#bda38e}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--chart svg{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--sdg-fit-ink);color:#fff;box-sizing:border-box}
/* optional: the theme's Add to cart, quantity box and size swatches follow the pills */
.sdg-fit-round-form .single_add_to_cart_button,.sdg-fit-round-form form.cart .button{border-radius:999px !important}
.sdg-fit-round-form form.cart .quantity{display:inline-flex;align-items:stretch;overflow:hidden;margin:0 12px 12px 0;border:1px solid #d7d7d7;border-radius:999px;background:#fff;transition:border-color .15s}
.sdg-fit-round-form form.cart .quantity:focus-within,.sdg-fit-round-form form.cart .quantity:hover{border-color:#191919}
.sdg-fit-round-form form.cart .quantity .minus,.sdg-fit-round-form form.cart .quantity .plus,.sdg-fit-round-form form.cart .quantity .qty,.sdg-fit-round-form form.cart .quantity .ast-qty-placeholder{margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent;box-shadow:none;outline:none}
.sdg-fit-round-form form.cart .quantity .minus,.sdg-fit-round-form form.cart .quantity .plus{display:flex;align-items:center;justify-content:center;width:42px;color:#191919;font-size:20px;font-weight:400;line-height:1;text-decoration:none;cursor:pointer;transition:background .15s}
.sdg-fit-round-form form.cart .quantity .minus:hover,.sdg-fit-round-form form.cart .quantity .plus:hover{background:#f1f1f1;color:#000}
.sdg-fit-round-form form.cart .quantity .qty{width:40px;min-width:40px;padding:0 !important;text-align:center;color:#191919;font-size:15px;font-weight:600;-moz-appearance:textfield;appearance:textfield}
.sdg-fit-round-form form.cart .quantity .qty::-webkit-outer-spin-button,.sdg-fit-round-form form.cart .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sdg-fit-round-form form.cart .quantity .qty:focus{box-shadow:none;outline:none;background:#f8f8f8}
.sdg-fit-round-form .ast-single-variation{border-radius:12px !important}
.sdg-fit-round .elementor-menu-cart__container .button,.sdg-fit-round .astra-cart-drawer .button{border-radius:999px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--danger:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--danger:focus,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--danger.is-confirm{background:#fff2f2;border-color:var(--sdg-fit-red);color:var(--sdg-fit-red)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-fit:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-fit:focus{background:var(--sdg-fit-red-dark);border-color:var(--sdg-fit-red-dark);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-done,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-done:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-done:focus{background:var(--sdg-fit-ink);border-color:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip:focus,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip:active{background:#fff;border-color:var(--sdg-fit-ink);color:var(--sdg-fit-ink);box-shadow:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip.is-active,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip.is-active:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip.is-active:focus{background:var(--sdg-fit-ink);border-color:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__main:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__main:focus,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__main:active,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__edit:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__edit:focus{background:transparent;color:inherit;box-shadow:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog:hover{border-color:var(--sdg-fit-ink)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog--add:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog--add:focus,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog--add:active{background:#fff;border-color:var(--sdg-fit-ink);color:var(--sdg-fit-ink);box-shadow:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button:focus{background:transparent;color:var(--sdg-fit-ink);box-shadow:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button[aria-pressed="true"],:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button[aria-pressed="true"]:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button[aria-pressed="true"]:focus{background:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-sheet__close:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-sheet__close:focus{background:var(--sdg-fit-bg);color:var(--sdg-fit-ink);box-shadow:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel__btn:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel__btn:focus{background:rgba(255,255,255,.24);color:inherit;box-shadow:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel__btn.is-primary:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel__btn.is-primary:focus{background:var(--sdg-dock-btn,#e32c2b);color:var(--sdg-dock-btn-text,#fff);filter:brightness(.92)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel .sdg-fit-chip:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel .sdg-fit-chip:focus{background:transparent;border-color:#fff;color:inherit}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel .sdg-fit-chip.is-active,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel .sdg-fit-chip.is-active:hover{background:#fff;color:#111;border-color:#fff}

/* ---------- the sheet ---------- */
.sdg-fit-sheet{position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;max-height:min(88vh,88dvh);margin:0;padding:0;border:0;border-radius:var(--sdg-fit-sheet-radius) var(--sdg-fit-sheet-radius) 0 0;background:#fff;color:var(--sdg-fit-ink);box-shadow:0 -12px 40px rgba(0,0,0,.25);font-size:14px;line-height:1.4;overflow:hidden}
.sdg-fit-sheet:not([open]){display:none}
.sdg-fit-sheet::backdrop{background:rgba(0,0,0,.45);opacity:var(--sdg-pull,1)}
.sdg-fit-sheet[open]{animation:sdg-fit-up .28s cubic-bezier(.2,.8,.2,1)}
@keyframes sdg-fit-up{from{transform:translateY(24px);opacity:.6}
to{transform:none;opacity:1}
}
.sdg-fit-sheet__inner{display:flex;flex-direction:column;max-height:min(88vh,88dvh)}
.sdg-fit-sheet__handle{width:40px;height:4px;margin:8px auto 0;border-radius:2px;background:var(--sdg-fit-line)}
.sdg-fit-sheet__head{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 20px;border-bottom:1px solid #eee;min-height:60px}
.sdg-fit-sheet h2.sdg-fit-sheet__title,.sdg-fit-sheet .sdg-fit-sheet__title{flex:1 1 auto;margin:0;padding:0;font-size:16px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:0}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-sheet__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 -4px 0 0;padding:0;border-radius:50%;background:var(--sdg-fit-bg);color:var(--sdg-fit-ink)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-sheet__close:hover{background:var(--sdg-fit-bg)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit{display:inline-flex;align-items:center;flex:0 0 auto;height:36px;padding:3px;border:1px solid var(--sdg-fit-beige);border-radius:999px;background:var(--sdg-fit-beige-soft);box-sizing:border-box}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:auto;height:28px;margin:0;padding:0 12px;border:0;border-radius:999px;background:transparent;box-shadow:none;font:inherit;font-size:12px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;color:var(--sdg-fit-ink)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-unit button[aria-pressed="true"]{background:var(--sdg-fit-ink);color:#fff}
.sdg-fit-sheet__body{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 20px calc(20px + env(safe-area-inset-bottom,0px))}
.sdg-fit-sheet__body>section{margin:0 0 18px}
.sdg-fit-sheet__body>section[hidden]{display:none}
html.sdg-fit-lock{overflow:hidden}
/* dogs */
.sdg-fit-dogs__list{display:flex;flex-wrap:wrap;gap:8px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog{display:inline-flex;align-items:stretch;border:1px solid var(--sdg-fit-line);border-radius:999px;background:#fff;overflow:hidden;margin:0;min-height:44px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog.is-active{border-color:var(--sdg-fit-ink);background:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog.is-stale{border-style:dashed}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__main{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 6px 0 14px;font-size:13px;font-weight:600;color:inherit}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__size{padding:3px 8px;border-radius:999px;background:var(--sdg-fit-beige);color:var(--sdg-fit-ink);font-size:12px;font-weight:700}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog.is-active .sdg-fit-dog__size{background:var(--sdg-fit-red);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog .sdg-fit-dog__size.is-measure{background:transparent;color:inherit;font-weight:600;box-shadow:inset 0 0 0 1px currentColor;opacity:.85}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__edit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;align-self:stretch;margin:0;padding:0 !important;border:0;border-left:1px solid rgba(25,25,25,.16);border-radius:0;background:transparent;color:inherit;opacity:.8;cursor:pointer;transition:background .15s,opacity .15s}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__edit svg{width:16px;height:16px;flex:0 0 16px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__edit:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog__edit:focus{opacity:1;background:rgba(25,25,25,.07);color:inherit}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog.is-active .sdg-fit-dog__edit{border-left-color:rgba(255,255,255,.3)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog.is-active .sdg-fit-dog__edit:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog.is-active .sdg-fit-dog__edit:focus{background:rgba(255,255,255,.14)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog--add{width:auto;min-height:44px;padding:0 16px;align-items:center;border-style:dashed;color:var(--sdg-fit-muted);font-size:13px;font-weight:600;margin:0}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dog--add:hover{color:var(--sdg-fit-ink);border-color:var(--sdg-fit-ink)}
/* result */
.sdg-fit-result{padding:12px 14px;border-radius:10px;background:var(--sdg-fit-beige-soft)}
.sdg-fit-result p{margin:0}
.sdg-fit-result p+p{margin-top:4px}
.sdg-fit-result__size{font-size:16px;font-weight:700}
.sdg-fit-result__size.is-fit{color:var(--sdg-fit-red-text)}
.sdg-fit-result__detail,.sdg-fit-result__extra{font-size:13px;color:#595959}
.sdg-fit-result__flash{font-size:13px;font-weight:600}
.sdg-fit-result__flash.is-error{color:var(--sdg-fit-red-text)}
.sdg-fit-result__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
/* form */
.sdg-fit-sheet h3.sdg-fit-form__title,.sdg-fit-sheet .sdg-fit-form__title{margin:0 0 4px;padding:0;font-size:15px;font-weight:700;line-height:1.3;text-transform:none}
.sdg-fit-form__intro{margin:0 0 12px;font-size:13px;color:var(--sdg-fit-muted)}
/* the dog's fields (templates/dog-fields.php, 11 Oct 2026): one 3-column grid; name and breed first, neck / chest /
   back length, then weight under neck with the fit choice under chest and back length, then the two ticks in a row.
   The form is a size container, so the finder's side column and a phone stack name and breed the same way. */
.sdg-fit-form{container-type:inline-size}
.sdg-fit-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;align-items:start}
.sdg-fit-form__grid+.sdg-fit-form__grid{margin-top:14px}
.sdg-fit-form__grid--who{grid-template-columns:repeat(2,minmax(0,1fr))}
@container (max-width:439px){.sdg-fit-form__grid--who{grid-template-columns:minmax(0,1fr)}}
.sdg-fit-field{min-width:0}
.sdg-fit-field label{display:block;margin:0 0 4px;font-size:12px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdg-fit-field__input{position:relative;display:flex;align-items:center;border:1px solid var(--sdg-fit-line);border-radius:var(--sdg-fit-radius);background:#fff;transition:border-color .15s}
.sdg-fit-field__input:focus-within{border-color:var(--sdg-fit-ink)}
.sdg-fit-sheet input[type="text"],.sdg-fit-finder input[type="text"]{box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:0 10px;border:0;border-radius:var(--sdg-fit-radius);background:transparent;color:var(--sdg-fit-ink);font:inherit;font-size:16px;font-weight:600;outline:none;box-shadow:none}
.sdg-fit-sheet input[type="text"]::placeholder,.sdg-fit-finder input[type="text"]::placeholder{color:#9a9a9a;font-weight:500;opacity:1}
.sdg-fit-sheet select,.sdg-fit-finder select{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-height:44px;height:44px;margin:0;padding:0 34px 0 10px;border:0;border-radius:var(--sdg-fit-radius);background:transparent;color:var(--sdg-fit-ink);font:inherit;font-size:16px;font-weight:600;line-height:44px;outline:none;box-shadow:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}
.sdg-fit-sheet select.is-empty,.sdg-fit-finder select.is-empty{color:#9a9a9a;font-weight:500}
.sdg-fit-sheet select option,.sdg-fit-finder select option{color:var(--sdg-fit-ink);font-weight:500}
.sdg-fit-field__chev{position:absolute;right:10px;top:50%;margin-top:-8px;pointer-events:none;color:var(--sdg-fit-muted)}
.sdg-fit-field__other{margin-top:6px}
.sdg-fit-field__other[hidden]{display:none}
.sdg-fit-field__unit{padding:0 10px 0 0;font-size:12px;color:var(--sdg-fit-muted)}
.sdg-fit-field__how{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:var(--sdg-fit-muted)}
.sdg-fit-field__how[hidden]{display:none}
.sdg-fit-field__warn{display:block;margin-top:4px;font-size:11px;line-height:1.35;font-weight:600;color:var(--sdg-fit-red-text)}
.sdg-fit-field__warn[hidden]{display:none}
.sdg-fit-field.is-unusual .sdg-fit-field__input{border-color:var(--sdg-fit-red)}
.sdg-fit-field.is-unusual .sdg-fit-field__how{display:none}
.sdg-fit-breed{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-4px 0 0;padding:10px 12px;border-radius:10px;background:var(--sdg-fit-beige-zebra);font-size:12.5px;line-height:1.45;color:var(--sdg-fit-ink)}
.sdg-fit-breed[hidden]{display:none}
.sdg-fit-breed__text{flex:1 1 260px;min-width:0}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-breed__use{display:flex;flex:0 0 auto;width:max-content;max-width:100%;align-items:center;min-height:34px;margin:0;padding:0 14px;border:1px solid var(--sdg-fit-ink);border-radius:999px;background:#fff;color:var(--sdg-fit-ink);font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s,color .15s}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-breed__use:hover,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-breed__use:focus-visible{background:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-breed__use:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
.sdg-fit-fit{grid-column:span 2;margin:0;padding:0;border:0;min-width:0}
.sdg-fit-fit legend{float:left;width:100%;padding:0;margin:0 0 4px;font-size:12px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}
.sdg-fit-fit__seg{clear:both;display:flex;align-items:stretch;gap:2px;box-sizing:border-box;min-height:46px;padding:3px;border:1px solid var(--sdg-fit-line);border-radius:999px;background:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-fit__seg .sdg-fit-fit__opt{position:relative;display:flex;flex:1 1 0;min-width:0;margin:0}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-fit__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-fit__seg .sdg-fit-fit__opt span{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:38px;padding:0 6px;border:0;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-fit__seg .sdg-fit-fit__opt span:hover{background:var(--sdg-fit-beige-soft)}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-fit__seg .sdg-fit-fit__opt input:checked+span{background:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-fit__opt input:focus-visible+span{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
.sdg-fit-form__checks{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px}
.sdg-fit-shopfor__note .sdg-fit-shopfor__ask{margin:0 0 0 10px;vertical-align:middle}
/* "For beds" (docs/spec-fit.md §9aa): the nose-to-tail length and how the dog sleeps. On a bed only this group shows
   (with name and breed); on clothes it is not asked; elsewhere (Dog sizes, the finder) it comes last */
.sdg-fit-form__bed{margin-top:18px;padding-top:14px;border-top:1px solid var(--sdg-fit-line)}
.sdg-fit-form__bedtitle{margin:0 0 10px;font-size:12px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}
.sdg-fit-form__grid--bed .sdg-fit-sleep{grid-column:span 2}
.sdg-fit-form.is-worn .sdg-fit-form__bed{display:none}
.sdg-fit-form.is-bed .sdg-fit-form__grid:not(.sdg-fit-form__grid--who):not(.sdg-fit-form__grid--bed),.sdg-fit-form.is-bed .sdg-fit-check:has(input[name="coat"]){display:none}
.sdg-fit-form.is-bed .sdg-fit-form__bed{margin-top:14px;padding-top:0;border-top:0}
.sdg-fit-form.is-bed .sdg-fit-form__bedtitle{display:none}
.sdg-fit-check{display:flex;align-items:center;gap:10px;margin:8px 0 0;font-size:13px;line-height:1.3;cursor:pointer}
.sdg-fit-form__checks .sdg-fit-check{margin:0;min-height:28px}
.sdg-fit-check input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--sdg-fit-ink)}
.sdg-fit-form__error{margin:10px 0 0;font-size:13px;font-weight:600;color:var(--sdg-fit-red-text)}
.sdg-fit-form__error[hidden]{display:none}
.sdg-fit-form__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sdg-fit-form__privacy{margin:10px 0 0;font-size:11px;color:var(--sdg-fit-muted)}
/* table */
.sdg-fit-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 8px;border:1px solid #e6e2dc;border-radius:12px;background:#fff}
.sdg-fit-table-wrap--extra{margin-top:14px}
.sdg-fit-sheet h4.sdg-fit-table__title,.sdg-fit-tab h4.sdg-fit-table__title,.sdg-fit-table__title{margin:0 0 6px;padding:0;font-size:13px;font-weight:700;line-height:1.3}
.sdg-fit-table{width:100%;border-collapse:collapse;margin:0;font-size:13px;line-height:1.3;color:var(--sdg-fit-ink)}
.sdg-fit-table th,.sdg-fit-table td{padding:11px 10px;border-bottom:1px solid #eee;text-align:center;vertical-align:middle;white-space:nowrap}
.sdg-fit-table thead th{background:var(--sdg-fit-ink);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:0}
.sdg-fit-table thead th:first-child{text-align:left;padding-left:14px}
.sdg-fit-table tbody th{padding-left:14px}
.sdg-fit-table tbody tr:last-child th,.sdg-fit-table tbody tr:last-child td{border-bottom:0}
/* every second row in a light beige (David, 11 Oct 2026: easier to follow a row across the columns) */
.sdg-fit-table tbody tr:nth-child(even):not(.is-fit) th,.sdg-fit-table tbody tr:nth-child(even):not(.is-fit) td{background:var(--sdg-fit-beige-zebra)}
@media (hover:hover){.sdg-fit-table tbody tr:not(.is-fit):hover th,.sdg-fit-table tbody tr:not(.is-fit):hover td{background:#efe7df}}
.sdg-fit-table__unit{font-weight:500;text-transform:none;letter-spacing:0;opacity:.75}
.sdg-fit-table tbody th{text-align:left;font-weight:700}
.sdg-fit-table tbody th small{display:block;font-size:11px;font-weight:500;color:var(--sdg-fit-muted)}
.sdg-fit-table .sdg-fit-table__fits{color:var(--sdg-fit-red-text);font-weight:700;font-size:11px}
/* the size that fits: the brand beige row with a red edge; black text on #cab29f reads at 8.5:1 */
.sdg-fit-table tr.is-fit th,.sdg-fit-table tr.is-fit td{background:var(--sdg-fit-beige);color:var(--sdg-fit-ink)}
.sdg-fit-table tr.is-fit th{box-shadow:inset 4px 0 0 var(--sdg-fit-red)}
.sdg-fit-table tr.is-fit th .sdg-fit-table__fits{color:var(--sdg-fit-ink)}
.sdg-fit-table tr.is-fit th small.sdg-fit-table__note{color:rgba(25,25,25,.7)}
.sdg-fit-table tr.is-soldout td:not(.sdg-fit-table__act),.sdg-fit-table tr.is-soldout th{color:var(--sdg-fit-muted)}
.sdg-fit-table .sdg-fit-table__so{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sdg-fit-muted)}
.sdg-fit-table tr.is-soldout th .sdg-fit-table__fits{text-decoration:none}
.sdg-fit-table tr.is-absent{opacity:.5}
.sdg-fit-table td.is-empty{color:var(--sdg-fit-line)}
.sdg-fit-table__act{text-align:right;width:1%}
.sdg-fit-table__muted{font-size:11px;color:var(--sdg-fit-muted);text-decoration:none;display:inline-block}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add{min-height:34px;padding:0 12px;font-size:12px;margin:0;border-radius:999px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-fit{background:var(--sdg-fit-red);border-color:var(--sdg-fit-red);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-done{background:var(--sdg-fit-ink);border-color:var(--sdg-fit-ink);color:#fff}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add.is-busy{opacity:.6;pointer-events:none}
.sdg-fit-table__values{margin:0 0 6px;font-size:11px;color:var(--sdg-fit-muted)}

.sdg-fit-chart__note{font-style:italic}
/* how to measure: the drawn dog with this chart's measurements */
.sdg-fit-how{margin:12px 0 0;border:1px solid #e6e2dc;border-radius:12px;background:#fff;font-size:13px;color:var(--sdg-fit-ink)}
.sdg-fit-how__summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;cursor:pointer;font-weight:700;list-style:none;-webkit-tap-highlight-color:transparent}
.sdg-fit-how__summary::-webkit-details-marker{display:none}
.sdg-fit-how__summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--sdg-fit-ink);border-bottom:2px solid var(--sdg-fit-ink);transform:rotate(45deg);transition:transform .2s}
.sdg-fit-how[open] .sdg-fit-how__summary::after{transform:rotate(-135deg)}
.sdg-fit-how__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 18px;padding:0 14px 14px}
.sdg-fit-how__figure{margin:0}
.sdg-fit-dog{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}
.sdg-fit-how__photo{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;border-radius:10px}
.sdg-fit-how.has-photo .sdg-fit-how__badge{width:8px;flex-basis:8px;height:8px;border-radius:50%;margin-top:6px;font-size:0}
.sdg-fit-dog__m{display:none}
.sdg-fit-how.has-neck .sdg-fit-dog__m--neck,.sdg-fit-how.has-chest .sdg-fit-dog__m--chest,.sdg-fit-how.has-back_length .sdg-fit-dog__m--back_length,.sdg-fit-how.has-nose_tail .sdg-fit-dog__m--nose_tail{display:block}
.sdg-fit-how__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.sdg-fit-how__item{display:flex;gap:10px;align-items:flex-start;line-height:1.4}
.sdg-fit-how__badge{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--sdg-fit-ink);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.sdg-fit-how__item.is-primary .sdg-fit-how__badge{background:var(--sdg-fit-red)}
.sdg-fit-how__item strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.sdg-fit-how__item em{display:block;font-style:normal;font-size:12px;color:var(--sdg-fit-red-text);font-weight:600}
.sdg-fit-how__notes{grid-column:1 / -1;padding-top:10px;border-top:1px solid #eee;font-size:12px;color:var(--sdg-fit-muted)}
.sdg-fit-how__notes p{margin:0 0 6px}
.sdg-fit-tab .sdg-fit-how{max-width:none}
@media (min-width:560px){.sdg-fit-how__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}
/* header icon (next to the cart) */
.sdg-fit-hashead{display:inline-flex !important;align-items:center;gap:6px}
.sdg-fit-hashead>.elementor-menu-cart__container{position:fixed}
.sdg-fit-head{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;border-radius:50%;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;flex:0 0 auto}
.sdg-fit-head:hover,.sdg-fit-head:focus{background:rgba(127,127,127,.15);color:inherit}
.sdg-fit-head:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
.sdg-fit-head__dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--sdg-fit-red);box-shadow:0 0 0 2px #000;display:none}
.sdg-fit-head.has-dogs .sdg-fit-head__dot{display:block}

/* product tab */
/* the product tab (accordion "Size chart"): full width; table + find button beside the how-to card where there is
 * room (container query on the tab itself, so it follows the accordion's width, not the window's); stacked otherwise */
.sdg-fit-tab{max-width:none;container-type:inline-size}
.sdg-fit-tab .sdg-fit-table th,.sdg-fit-tab .sdg-fit-table td{white-space:normal}
.sdg-fit-tab__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.sdg-fit-tab__top .sdg-fit-table__values{margin:0;font-size:12px;line-height:1.4}
.sdg-fit-tab__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 24px;align-items:start}
@container (min-width:700px){.sdg-fit-tab__grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}}
.sdg-fit-tab__main{min-width:0}
.sdg-fit-tab .sdg-fit-table-wrap{margin:0}
.sdg-fit-tab__how{margin:0;font-size:14px}
.sdg-fit-tab .sdg-fit-how{margin:0}
.sdg-fit-tab .sdg-fit-how__body{grid-template-columns:minmax(0,1fr)}
.sdg-fit-tab .sdg-fit-how__photo{max-width:320px}
.sdg-fit-tab .sdg-fit-how__notes p,.sdg-fit-tab .sdg-fit-how__item{font-size:13px;line-height:1.5}
.sdg-fit-tab .sdg-fit-how__notes p{margin:0 0 6px}
.sdg-fit-tab .sdg-fit-how__notes p:last-child{margin-bottom:0}
/* inside a sharp accordion the tab's boxes are sharp too */
.sdg-fit-acc-box:not(.sdg-fit-acc-round) .sdg-fit-tab .sdg-fit-table-wrap,.sdg-fit-acc-box:not(.sdg-fit-acc-round) .sdg-fit-tab .sdg-fit-how{border-radius:0}

.sdg-fit-tab__find{margin:16px 0 0}
/* dock panel (rendered inside the dock's dark glass panel) */
.sdg-fit-dockpanel p{margin:0}
.sdg-fit-dockpanel__title{font-weight:700;font-size:14px}
.sdg-fit-dockpanel__based,.sdg-fit-dockpanel__detail{margin-top:4px !important;font-size:12px;opacity:.8}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel__btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.14);color:inherit;font-size:13px;font-weight:700}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-dockpanel__btn.is-primary{background:var(--sdg-dock-btn,#e32c2b);color:var(--sdg-dock-btn-text,#fff)}
.sdg-fit-dockpanel__dogs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.sdg-fit-dockpanel__label{font-size:12px;opacity:.8;margin-right:4px}
.sdg-fit-dockpanel .sdg-fit-chip{border-color:rgba(255,255,255,.3);background:transparent;color:inherit;min-height:32px;padding:0 12px}
.sdg-fit-dockpanel .sdg-fit-chip.is-active{background:#fff;color:#111;border-color:#fff}

/* computers: a centred dialog instead of the bottom sheet */
@media (min-width:768px){.sdg-fit-sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 48px));max-height:min(86vh,860px);border-radius:var(--sdg-fit-sheet-radius);box-shadow:0 24px 80px rgba(0,0,0,.35)}
.sdg-fit-sheet[open]{animation:sdg-fit-in .22s ease-out}
  @keyframes sdg-fit-in{from{opacity:0;transform:translate(-50%,-48%)}
to{opacity:1;transform:translate(-50%,-50%)}
}
.sdg-fit-sheet__inner{max-height:min(86vh,860px)}
.sdg-fit-sheet__handle{display:block;margin-top:10px}
.sdg-fit-sheet__head{cursor:grab}
.sdg-fit-sheet__head{padding:16px 20px 14px 24px}
.sdg-fit-sheet__body{padding:18px 24px 24px}
}
@media (max-width:480px){.sdg-fit-sheet .sdg-fit-table th,.sdg-fit-sheet .sdg-fit-table td{padding:8px 5px;font-size:12px}
.sdg-fit-sheet .sdg-fit-table thead .sdg-fit-table__unit{display:none}
.sdg-fit-sheet .sdg-fit-table tbody th{white-space:normal}
.sdg-fit-sheet .sdg-fit-table tbody th small{font-size:10px}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn--add{padding:0 10px}
}
@media (max-width:400px){.sdg-fit-form__grid:not(.sdg-fit-form__grid--who){grid-template-columns:1fr 1fr}
.sdg-fit-sheet__body{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){.sdg-fit-sheet[open]{animation:none}
:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-btn,:is(.sdg-fit-helper,.sdg-fit-sheet,.sdg-fit-tab,.sdg-fit-dockpanel,.sdg-fit-shopfor,.sdg-fit-finder) .sdg-fit-chip{transition:none}
}
@media print{.sdg-fit-sheet,.sdg-fit-helper{display:none !important}
}

/* ---------- "Shop for" bar on categories ---------- */
.sdg-fit-shopfor{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;min-height:44px;font-size:14px;color:var(--sdg-fit-ink)}
.sdg-fit-shopfor__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sdg-fit-shopfor__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--sdg-fit-muted)}
.sdg-fit-shopfor__chips{display:flex;flex-wrap:wrap;gap:6px}
.sdg-fit-shopfor__only{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 auto;font-size:13px;font-weight:600;cursor:pointer}
.sdg-fit-shopfor__only input{width:18px;height:18px;margin:0;accent-color:var(--sdg-fit-ink)}
.sdg-fit-shopfor__only input:disabled+span{opacity:.5}
.sdg-fit-shopfor__note{margin:0;font-size:13px;color:var(--sdg-fit-muted)}
.sdg-fit-shopfor__note[hidden]{display:none}
li.product.sdg-fit-hide{display:none !important}
@media (max-width:544px){.sdg-fit-shopfor__only{margin-left:0}
}

/* badges on product cards: every badge 26 px tall (18 px line + 4 px padding), the text ones and the button, so a row lines up */
.sdg-fit-badge{display:inline-block;margin:6px 0 0;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;line-height:18px;background:var(--sdg-fit-beige-soft);color:var(--sdg-fit-ink);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sdg-fit-badge.is-fit{background:var(--sdg-fit-beige);color:var(--sdg-fit-ink)}
.sdg-fit-badge.is-soldout{background:#eee;color:var(--sdg-fit-muted);text-decoration:line-through}
.sdg-fit-badge.is-none{background:#eee;color:var(--sdg-fit-muted)}
/* the badge that buys (fit.js buyBadge): the same beige pill with the site's cart; under the mouse, on keyboard focus and
   while it works it turns black and says what it does ("Add XXL to cart", "Adding…", "Pick a colour"). Both texts sit in
   one grid cell, so the pill keeps its width when the words change. The theme's button look is reset with all:unset in
   the base rule only: in a :hover rule it also wiped the card's order and margin, and the badge jumped above the stars
   under the mouse (David's screenshot, 15 Oct 2026); the states only undo what the theme changes on its buttons. */
ul.products li.product .sdg-fit-badge.is-buy{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;min-height:26px;margin:6px 0 0;padding:4px 10px 4px 11px;border-radius:999px;background:var(--sdg-fit-beige);color:var(--sdg-fit-ink);font:700 11px/18px Montserrat,sans-serif;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}
ul.products li.product .sdg-fit-badge.is-buy:is(:hover,:focus,:active){padding:4px 10px 4px 11px;border:0;border-radius:999px;box-shadow:none;background:var(--sdg-fit-beige);color:var(--sdg-fit-ink);font:700 11px/18px Montserrat,sans-serif;text-decoration:none;text-transform:none;letter-spacing:normal}
.sdg-fit-badge__txt{display:inline-grid;min-width:0}
.sdg-fit-badge__a,.sdg-fit-badge__b{grid-area:1/1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}
.sdg-fit-badge__b{visibility:hidden}
.sdg-fit-badge__cart{flex:none;transition:transform .2s ease}
ul.products li.product .sdg-fit-badge.is-buy:is(.is-busy,.is-done,.is-ask,.is-err),ul.products li.product .sdg-fit-badge.is-buy:focus-visible{background:var(--sdg-fit-ink);color:#fff}
ul.products li.product .sdg-fit-badge.is-buy:is(.is-busy,.is-done,.is-ask,.is-err) .sdg-fit-badge__a,ul.products li.product .sdg-fit-badge.is-buy:focus-visible .sdg-fit-badge__a{visibility:hidden}
ul.products li.product .sdg-fit-badge.is-buy:is(.is-busy,.is-done,.is-ask,.is-err) .sdg-fit-badge__b,ul.products li.product .sdg-fit-badge.is-buy:focus-visible .sdg-fit-badge__b{visibility:visible}
ul.products li.product .sdg-fit-badge.is-buy.is-busy{cursor:progress}
ul.products li.product .sdg-fit-badge.is-buy.is-busy .sdg-fit-badge__cart{animation:sdg-fit-cart .6s ease-in-out infinite alternate}
@keyframes sdg-fit-cart{to{transform:translateX(3px)}}
ul.products li.product .sdg-fit-badge.is-buy:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  ul.products li.product .sdg-fit-badge.is-buy:hover{background:var(--sdg-fit-ink);color:#fff}
  ul.products li.product .sdg-fit-badge.is-buy:hover .sdg-fit-badge__a{visibility:hidden}
  ul.products li.product .sdg-fit-badge.is-buy:hover .sdg-fit-badge__b{visibility:visible}
  ul.products li.product .sdg-fit-badge.is-buy:hover .sdg-fit-badge__cart{transform:translateX(2px)}
}
@media (prefers-reduced-motion:reduce){.sdg-fit-badge.is-buy,.sdg-fit-badge__cart{transition:none}.sdg-fit-badge.is-buy.is-busy .sdg-fit-badge__cart{animation:none}}

/* ---------- other styles that fit (sheet and dock panel) ---------- */
.sdg-fit-alts{margin:14px 0 0}
.sdg-fit-alts[hidden]{display:none}
.sdg-fit-alts__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;font-size:13px;font-weight:700;line-height:1.3}
.sdg-fit-alts__all{flex:0 0 auto;font-size:12px;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.sdg-fit-alts__row{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scrollbar-width:none;padding:1px;-webkit-overflow-scrolling:touch}
.sdg-fit-alts__row::-webkit-scrollbar{display:none}
.sdg-fit-alt{flex:0 0 calc((100% - 12px) / 2.35);max-width:170px;min-width:120px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:7px;border-radius:12px;background:var(--sdg-fit-bg);color:var(--sdg-fit-ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
.sdg-fit-alt:hover,.sdg-fit-alt:focus{color:var(--sdg-fit-ink);text-decoration:none;background:var(--sdg-fit-beige-soft)}
.sdg-fit-alt:active{transform:scale(.98)}
.sdg-fit-alt__img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:8px;background:#fff}
.sdg-fit-alt__t{font-size:11.5px;font-weight:600;line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sdg-fit-alt__m{font-size:11.5px;line-height:1.2;color:var(--sdg-fit-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdg-fit-alt__m.is-good::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--sdg-fit-red);vertical-align:1px}
.sdg-fit-alt__p{font-size:12px;font-weight:700;line-height:1.2}
.sdg-fit-dockpanel .sdg-fit-alts__head,.sdg-fit-dockpanel .sdg-fit-alts__all{color:inherit}
.sdg-fit-dockpanel .sdg-fit-alt{background:rgba(255,255,255,.1);color:inherit}
.sdg-fit-dockpanel .sdg-fit-alt:hover,.sdg-fit-dockpanel .sdg-fit-alt:focus{background:rgba(255,255,255,.18);color:inherit}
.sdg-fit-dockpanel .sdg-fit-alt__m{color:rgba(255,255,255,.7)}
.sdg-fit-dockpanel .sdg-fit-alt__m.is-good::before{background:var(--sdg-dock-accent,#4cd48a)}
.sdg-fit-dockpanel__big{font-size:24px;font-weight:700;line-height:1;margin:6px 0 2px}

/* ---------- the Size Finder page ---------- */
.sdg-fit-finder{max-width:1120px;margin:0 auto;padding:8px 0 40px;font-size:14px;line-height:1.4;color:var(--sdg-fit-ink)}
.sdg-fit-finder__head{margin:0 0 22px}
.sdg-fit-finder h1.sdg-fit-finder__title,.sdg-fit-finder h2.sdg-fit-finder__title,.sdg-fit-finder__title{margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.15}
.sdg-fit-finder__intro{margin:0;font-size:15px;color:var(--sdg-fit-muted);max-width:620px}
.sdg-fit-finder__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.sdg-fit-finder h3.sdg-fit-finder__step,.sdg-fit-finder__step{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.2}
.sdg-fit-finder__num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sdg-fit-ink);color:#fff;font-size:13px;font-weight:700}
.sdg-fit-finder__dogs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.sdg-fit-form--finder{padding:16px;border:1px solid #e6e2dc;border-radius:14px;background:#fff}
/* a saved dog folded to one line (fit.js paintMode): its name, breed and measures, Edit measures opens the form */
.sdg-fit-finder__sum{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 16px;border:1px solid #e6e2dc;border-radius:14px;background:#fff}
.sdg-fit-finder__sum[hidden]{display:none}
.sdg-fit-finder__dog.is-folded .sdg-fit-form--finder,.sdg-fit-finder__dog.is-folded .sdg-fit-how{display:none}
.sdg-fit-finder__sumtxt{min-width:0}
.sdg-fit-finder p.sdg-fit-finder__sumname,.sdg-fit-finder__sumname{margin:0;font-size:16px;line-height:1.3;color:var(--sdg-fit-ink)}
.sdg-fit-finder p.sdg-fit-finder__summes,.sdg-fit-finder__summes{margin:3px 0 0;font-size:13px;line-height:1.35;color:#6b6b6b}
.sdg-fit-finder .sdg-fit-btn.sdg-fit-finder__sumedit{flex:none;min-height:40px;padding:0 16px;font-size:13px}
.sdg-fit-form__top{display:flex;justify-content:flex-end;margin:0 0 10px}
.sdg-fit-finder .sdg-fit-how{margin-top:12px}
.sdg-fit-finder__count{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:var(--sdg-fit-beige-soft);font-size:16px;font-weight:700}
.sdg-fit-finder__families{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.sdg-fit-finder__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.sdg-fit-finder h3.sdg-fit-finder__rtitle,.sdg-fit-finder__rtitle{margin:0;font-size:15px;font-weight:700}
.sdg-fit-finder__soldout{margin:0;font-size:13px}
/* results: two columns on phones, three from a 560 px wide results column up (David, 12 Oct 2026: four were too small) */
.sdg-fit-finder__results{container:sdgfinder / inline-size;min-width:0}
.sdg-fit-finder__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@container sdgfinder (min-width:560px){.sdg-fit-finder__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.sdg-fit-card{display:flex;flex-direction:column;gap:10px;padding:8px 8px 10px;border:1px solid #eee;border-radius:12px;background:#fff;color:var(--sdg-fit-ink);transition:border-color .15s;min-width:0}
.sdg-fit-card:hover,.sdg-fit-card:focus-within{border-color:#cfcac3}
.sdg-fit-card__link{display:flex;flex-direction:column;gap:6px;color:var(--sdg-fit-ink);text-decoration:none;border-radius:8px}
.sdg-fit-card__link:hover,.sdg-fit-card__link:focus{color:var(--sdg-fit-ink);text-decoration:none}
.sdg-fit-card__link:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
.sdg-fit-finder .sdg-fit-card,.sdg-fit-finder .sdg-fit-card a,.sdg-fit-finder .sdg-fit-card a:hover,.sdg-fit-finder .sdg-fit-card a *{text-decoration:none !important}
.sdg-fit-card__img{display:block;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--sdg-fit-bg)}
.sdg-fit-card__img img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.sdg-fit-card__link:hover .sdg-fit-card__img img{transform:scale(1.03)}
.sdg-fit-card__size{align-self:flex-start;padding:4px 9px;border-radius:999px;background:var(--sdg-fit-beige);font-size:11px;font-weight:700;line-height:1.2}
.sdg-fit-card__size.is-great{background:var(--sdg-fit-red);color:#fff}
.sdg-fit-card.is-soldout .sdg-fit-card__size{background:#eee;color:var(--sdg-fit-muted)}
.sdg-fit-card.is-soldout .sdg-fit-card__img{opacity:.6}
.sdg-fit-card__t{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.sdg-fit-card__p{font-size:14px;font-weight:700}
.sdg-fit-card__buy{margin-top:auto}
.sdg-fit-finder .sdg-fit-card__add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin:0;padding:0 12px;border:0;border-radius:999px;background:var(--sdg-fit-ink);color:#fff;font-size:13px;font-weight:700;line-height:1.15;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;transition:background .15s,color .15s}
.sdg-fit-finder .sdg-fit-card__add:hover,.sdg-fit-finder .sdg-fit-card__add:focus-visible{background:var(--sdg-fit-beige);color:var(--sdg-fit-ink)}
.sdg-fit-finder .sdg-fit-card__add:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
.sdg-fit-finder .sdg-fit-card__add.is-busy{cursor:progress;opacity:.75}
.sdg-fit-finder .sdg-fit-card__add.is-done{background:var(--sdg-fit-beige);color:var(--sdg-fit-ink)}
.sdg-fit-finder .sdg-fit-card__add.is-quiet{margin-top:auto;background:#fff;color:var(--sdg-fit-ink);box-shadow:inset 0 0 0 1px var(--sdg-fit-line)}
.sdg-fit-finder .sdg-fit-card__add.is-quiet:hover,.sdg-fit-finder .sdg-fit-card__add.is-quiet:focus-visible{box-shadow:inset 0 0 0 1px var(--sdg-fit-ink);background:#fff}
.sdg-fit-finder .sdg-fit-card__add[hidden]{display:none}
.sdg-fit-card__pick{display:flex;flex-direction:column;gap:8px}
.sdg-fit-card__pick[hidden]{display:none}
.sdg-fit-card__glabel{display:block;margin:0 0 6px;font-size:12px;font-weight:700}
.sdg-fit-card__opts{display:flex;flex-wrap:wrap;gap:6px}
.sdg-fit-finder .sdg-fit-card__opt{min-height:36px;padding:0 12px;font-size:12px;white-space:normal;text-align:left;line-height:1.15}
.sdg-fit-finder .sdg-fit-card__opt.is-out{border-style:dashed;color:var(--sdg-fit-muted);cursor:not-allowed}
.sdg-fit-finder .sdg-fit-card__opt.is-out:hover{border-color:var(--sdg-fit-line)}
.sdg-fit-finder .sdg-fit-card__cancel{align-self:flex-start;min-height:32px;padding:0 2px;font-size:12px;font-weight:600;color:var(--sdg-fit-muted);text-decoration:underline;text-underline-offset:2px}
.sdg-fit-finder .sdg-fit-card__cancel:hover{color:var(--sdg-fit-ink)}
.sdg-fit-card__msg{margin:6px 0 0;font-size:12px;line-height:1.35;color:var(--sdg-fit-red-text)}
.sdg-fit-card__msg[hidden]{display:none}
/* brands: the shop's logo tiles in one row that swipes (phones) or scrolls with the arrows and the mouse (computers) */
.sdg-fit-finder__brandbox{position:relative;margin:0 0 16px}
.sdg-fit-finder__brandbox[hidden]{display:none}
.sdg-fit-finder__label{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sdg-fit-muted)}
.sdg-fit-finder__brands{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:4px;padding:4px;margin:0 -4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sdg-fit-finder__brands::-webkit-scrollbar{display:none}
.sdg-fit-finder .sdg-fit-brand{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:116px;height:62px;margin:0;padding:0;border-radius:10px;overflow:hidden;background:#f3f1ee;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);scroll-snap-align:start;cursor:pointer;transition:opacity .15s,box-shadow .15s,transform .12s}
.sdg-fit-finder .sdg-fit-brand img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-select:none}
.sdg-fit-finder .sdg-fit-brand__name{padding:0 10px;font-size:12px;font-weight:700;line-height:1.15;text-align:center;color:var(--sdg-fit-ink)}
.sdg-fit-finder .sdg-fit-brand--all{background:var(--sdg-fit-ink);box-shadow:none}
.sdg-fit-finder .sdg-fit-brand--all .sdg-fit-brand__name{color:#fff}
/* the count sits in the top corner: the logos carry their names in the middle and along the bottom */
.sdg-fit-finder .sdg-fit-brand__n{position:absolute;top:4px;right:4px;min-width:20px;padding:2px 5px;border-radius:999px;background:rgba(0,0,0,.8);color:#fff;font-size:10px;font-weight:700;line-height:1.1;text-align:center}
.sdg-fit-finder .sdg-fit-brand--all .sdg-fit-brand__n{position:static;margin:0 0 0 6px;background:rgba(255,255,255,.2)}
.sdg-fit-finder .sdg-fit-brand:hover{transform:translateY(-1px)}
.sdg-fit-finder .sdg-fit-brand.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sdg-fit-ink)}
.sdg-fit-finder .sdg-fit-brand:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sdg-fit-red)}
.sdg-fit-finder__brands.has-pick .sdg-fit-brand:not(.is-active){opacity:.5}
.sdg-fit-finder__brands.has-pick .sdg-fit-brand:not(.is-active):hover,.sdg-fit-finder__brands.has-pick .sdg-fit-brand:not(.is-active):focus-visible{opacity:1}
.sdg-fit-finder__nav{position:absolute;top:-6px;right:0;display:flex;gap:6px}
.sdg-fit-finder__nav[hidden]{display:none}
.sdg-fit-finder .sdg-fit-finder__nav .sdg-fit-alts__arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--sdg-fit-line);color:var(--sdg-fit-ink);font-size:18px;line-height:1;cursor:pointer}
.sdg-fit-finder .sdg-fit-finder__nav .sdg-fit-alts__arrow:hover{box-shadow:inset 0 0 0 1px var(--sdg-fit-ink)}
.sdg-fit-finder .sdg-fit-finder__nav .sdg-fit-alts__arrow[disabled]{opacity:.35;cursor:default;box-shadow:inset 0 0 0 1px var(--sdg-fit-line)}
/* phones: the families in one row that swipes, so the results start sooner */
@media (max-width:767px){
  .sdg-fit-finder__families{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 4px 6px;margin:0 -4px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sdg-fit-finder__families::-webkit-scrollbar{display:none}
  .sdg-fit-finder__families .sdg-fit-chip{flex:0 0 auto}
}
.sdg-fit-finder__showing{margin:12px 0 0;font-size:12px;color:var(--sdg-fit-muted);text-align:center}
.sdg-fit-finder__more{margin:10px 0 0;text-align:center}
.sdg-fit-finder__more .sdg-fit-btn[hidden]{display:none}
@media (min-width:900px){
  .sdg-fit-finder__grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}
  .sdg-fit-finder__dog{position:sticky;top:120px}
}
/* the bag: a fit note under a line (cart page and Elementor's mini cart) */
.sdg-fit-cartnote{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:6px 0 0;font-size:12px;line-height:1.3;font-weight:500;color:var(--sdg-fit-muted)}
.sdg-fit-cartnote svg{flex:0 0 14px;width:14px;height:14px;color:var(--sdg-fit-ink)}
.sdg-fit-cartnote.is-ok .sdg-fit-cartnote__text{color:var(--sdg-fit-ink)}
.sdg-fit-cartnote.is-small .sdg-fit-cartnote__text,.sdg-fit-cartnote.is-big .sdg-fit-cartnote__text{color:var(--sdg-fit-red-text);font-weight:600}
.sdg-fit-cartnote.is-small svg,.sdg-fit-cartnote.is-big svg{color:var(--sdg-fit-red-text)}
.sdg-fit-cartnote__switch{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:28px;margin:0;padding:0 12px;border-radius:999px;background:var(--sdg-fit-ink);color:#fff;font-size:12px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap}
.sdg-fit-cartnote__switch:hover,.sdg-fit-cartnote__switch:focus{background:#000;color:#fff}
.sdg-fit-cartnote__switch:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
.sdg-fit-cartnote__switch[disabled]{opacity:.6;cursor:default}
.elementor-menu-cart__product-name .sdg-fit-cartnote{font-size:11px;margin-top:4px}
/* on the dark bag in the dock */
.sdg-dock__bag .sdg-fit-cartnote{margin-top:4px;color:rgba(255,255,255,.75)}
.sdg-dock__bag .sdg-fit-cartnote svg,.sdg-dock__bag .sdg-fit-cartnote.is-ok .sdg-fit-cartnote__text{color:var(--sdg-dock-accent,#4cd48a)}
.sdg-dock__bag .sdg-fit-cartnote.is-small .sdg-fit-cartnote__text,.sdg-dock__bag .sdg-fit-cartnote.is-big .sdg-fit-cartnote__text,.sdg-dock__bag .sdg-fit-cartnote.is-small svg,.sdg-dock__bag .sdg-fit-cartnote.is-big svg{color:#ffb4b4}
.sdg-dock .sdg-dock__bag button.sdg-fit-cartnote__switch{background:#fff !important;color:#191919 !important;min-height:30px}
.sdg-dock .sdg-dock__bag button.sdg-fit-cartnote__switch:hover,.sdg-dock .sdg-dock__bag button.sdg-fit-cartnote__switch:focus-visible{background:var(--sdg-dock-btn-hover,#cab29f) !important;color:#191919 !important}
/* back in stock: the form under a sold-out result */
.sdg-fit-restock{position:relative;margin:10px 0 0;padding:10px 12px;border-radius:10px;border:1px solid var(--sdg-fit-line);background:#fff}
.sdg-fit-restock__title{display:block;margin:0 0 8px;font-size:13px;font-weight:700;color:var(--sdg-fit-ink)}
.sdg-fit-restock__row{display:flex;flex-wrap:wrap;gap:8px}
.sdg-fit-sheet .sdg-fit-restock__row input[type=email]{flex:1 1 180px;min-width:0;min-height:44px;margin:0;padding:0 14px;border:1px solid var(--sdg-fit-line);border-radius:999px;background:#fff;color:var(--sdg-fit-ink);font-size:14px;box-shadow:none}
.sdg-fit-sheet .sdg-fit-restock__row input[type=email]:focus{border-color:var(--sdg-fit-ink);outline:none;box-shadow:0 0 0 3px rgba(25,25,25,.08)}
.sdg-fit-restock__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sdg-fit-restock__msg{margin:6px 0 0;font-size:12px;color:#595959}
.sdg-fit-restock__msg.is-error{color:var(--sdg-fit-red-text);font-weight:600}
.sdg-fit-restock__done{margin:0;font-size:13px;font-weight:600;color:var(--sdg-fit-ink)}
/* the thank-you toast after a feedback link */
.sdg-fit-toast{position:fixed;left:50%;top:16px;z-index:99999;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:999px;background:#191919;color:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translate(-50%,-20px);opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none}
.sdg-fit-toast.is-on{transform:translate(-50%,0);opacity:1}
.sdg-fit-toast svg{flex:0 0 18px;color:#fff}
@media (prefers-reduced-motion:reduce){.sdg-fit-toast{transition:none}}
/* recommendations: a peeking row (2.35 cards on phones), arrows on computers, a "See all" card at the end */
@media (min-width:768px){.sdg-fit-alt{flex-basis:calc((100% - 24px) / 3.4)}}
.sdg-fit-alt--more{align-items:center;justify-content:center;text-align:center;gap:6px;background:var(--sdg-fit-beige-soft);border:1px dashed var(--sdg-fit-beige-dark)}
.sdg-fit-alt--more .sdg-fit-alt__n{font-size:20px;font-weight:700}
.sdg-fit-alt--more .sdg-fit-alt__t{min-height:0;text-decoration:underline;text-underline-offset:3px}
.sdg-fit-dockpanel .sdg-fit-alt--more{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.sdg-fit-alts__nav{display:flex;flex:0 0 auto;gap:4px;margin-left:8px}
.sdg-fit-alts__arrow{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid currentColor;opacity:.7;cursor:pointer;font-size:18px;line-height:1;transition:opacity .15s}
.sdg-fit-dockpanel .sdg-fit-alts__arrow{width:28px !important} /* the dock panel gives its buttons width:auto, which squeezed the arrows to 8 px */
.sdg-fit-alts__arrow:hover,.sdg-fit-alts__arrow:focus-visible{opacity:1;outline:none}
.sdg-fit-alts__arrow[aria-disabled="true"]{opacity:.25;cursor:default}
.sdg-fit-alts__arrow:focus-visible{box-shadow:0 0 0 2px var(--sdg-fit-red)}
.sdg-fit-dockpanel .sdg-fit-btn{border-radius:999px}
/* shapes, each its own setting: sdg-fit-round (small things), sdg-fit-round-form (Add to cart, quantity, size
 * buttons; off by default since 11 Oct 2026), sdg-fit-acc-box / sdg-fit-acc-round (the accordion) */
.sdg-fit-acc-box .ast-woocommerce-accordion{padding:0 !important;margin-top:24px;border:1px solid #e6e6e6;border-radius:0;overflow:hidden;background:#fff}
.sdg-fit-acc-box .ast-woocommerce-accordion .ast-single-tab{border:0;border-top:1px solid #eee;margin:0}
.sdg-fit-acc-box .ast-woocommerce-accordion .ast-single-tab:first-child{border-top:0}
.sdg-fit-acc-box .ast-woocommerce-accordion .ast-accordion-wrap{border:0}
.sdg-fit-acc-box .ast-woocommerce-accordion .ast-accordion-header{padding-left:16px;padding-right:16px}
.sdg-fit-acc-box .ast-woocommerce-accordion .ast-accordion-content{padding-left:16px;padding-right:16px}
.sdg-fit-acc-round .ast-woocommerce-accordion{border-radius:12px}
.sdg-fit-round .carusel_block li.product,.sdg-fit-round ul.products li.product{border-radius:12px}
.sdg-fit-round .astra-shop-thumbnail-wrap,.sdg-fit-round .astra-shop-thumbnail-wrap img{border-radius:12px;overflow:hidden}
/* Astra's card badge has both left and right set; width:auto would stretch it across the card (11 Oct 2026: a white bar
 * over the whole product for B2B users). max-content keeps it a pill sized to its text. */
.sdg-fit-round .ast-onsale-card,.sdg-fit-round .ast-onsale-card.circle{right:auto !important;width:max-content !important;max-width:calc(100% - 2em);overflow:hidden;text-overflow:ellipsis;height:auto !important;min-width:0 !important;padding:5px 11px !important;border-radius:999px !important;line-height:1.2 !important;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.02em}
.sdg-fit-round .woocommerce div.product form.cart .reset_variations,.sdg-fit-round .reset_variations{display:inline-flex !important;align-items:center;height:28px;margin:4px 0 0;padding:0 10px !important;border:1px solid var(--sdg-fit-line) !important;border-radius:999px !important;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sdg-fit-muted) !important;text-decoration:none !important;line-height:1}
.sdg-fit-round .reset_variations:hover{border-color:var(--sdg-fit-ink);color:var(--sdg-fit-ink)}
.sdg-fit-round .elementor-menu-cart__product-image img{border-radius:12px}
.sdg-fit-round .elementor-menu-cart__product .quantity{display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid var(--sdg-fit-line);border-radius:999px;background:#fff}
.sdg-fit-round .elementor-menu-cart__product .quantity .minus,.sdg-fit-round .elementor-menu-cart__product .quantity .plus,.sdg-fit-round .elementor-menu-cart__product .quantity .qty{margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent;box-shadow:none;outline:none;text-decoration:none}
.sdg-fit-round .elementor-menu-cart__product .quantity .minus,.sdg-fit-round .elementor-menu-cart__product .quantity .plus{display:flex;align-items:center;justify-content:center;width:34px;color:var(--sdg-fit-ink);font-size:16px;cursor:pointer}
.sdg-fit-round .elementor-menu-cart__product .quantity .qty{width:34px;min-height:36px;padding:0 !important;text-align:center;font-size:14px;font-weight:600;-moz-appearance:textfield;appearance:textfield}
.sdg-fit-round .elementor-menu-cart__product .quantity .qty::-webkit-inner-spin-button,.sdg-fit-round .elementor-menu-cart__product .quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sdg-fit-round .elementor-menu-cart__footer-buttons .elementor-button{border-radius:999px !important}
.sdg-fit-round .elementor-menu-cart__product-remove a{border-radius:50%}
.sdg-fit-round .wc-block-components-notice-banner,.sdg-fit-round .woocommerce-message,.sdg-fit-round .woocommerce-info,.sdg-fit-round .woocommerce-error{border-radius:12px}

/* a card's row of actions (Fit's badge; Dog Profiles' heart first on phones): a contract with pack.css, the same rule
   there; tweaks/listing.css puts it at the foot of an even card */
ul.products li.product .sdg-card-actions{display:flex;align-items:center;justify-content:inherit;flex-wrap:nowrap;gap:8px;max-width:100%;margin:6px 0 0}
ul.products li.product .sdg-card-actions:empty{display:none}
ul.products li.product .sdg-card-actions .sdg-fit-badge{margin:0;min-width:0}
@media (max-width:767px){ul.products li.product .sdg-card-actions .sdg-fit-badge{min-height:32px}} /* as tall as the heart beside it */

/* the "Shop for" row in a slot another module keeps for it (the filter's box above the products, core action
   sdg_shopfor_slot): a light strip, the label, the dogs, the sentence and "Only what fits" as a switch on the right */
.sdg-shopfor-slot .sdg-fit-shopfor{display:grid;grid-template-columns:auto minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:6px 10px;min-height:56px;margin:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.72);font-family:Montserrat,sans-serif}
.sdg-shopfor-slot .sdg-fit-shopfor__row{display:contents}
.sdg-shopfor-slot .sdg-fit-shopfor__label{grid-column:1;grid-row:1;margin:0 2px 0 2px;font-size:11.5px;letter-spacing:.08em;color:#6b5a4b}
.sdg-shopfor-slot .sdg-fit-shopfor__chips{grid-column:2;grid-row:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.sdg-shopfor-slot .sdg-fit-shopfor__chips::-webkit-scrollbar{display:none}
.sdg-shopfor-slot .sdg-fit-shopfor__chips .sdg-fit-chip{flex:none}
.sdg-shopfor-slot .sdg-fit-shopfor__note{grid-column:3;grid-row:1;padding-left:4px;font-size:13.5px;line-height:1.35;color:#4b3f35}
.sdg-shopfor-slot .sdg-fit-shopfor__only{grid-column:4;grid-row:1;margin:0;gap:10px;font-size:13.5px;font-weight:700;color:var(--sdg-fit-ink)}
.sdg-shopfor-slot .sdg-fit-shopfor__only[hidden]{display:none}
.sdg-shopfor-slot .sdg-fit-shopfor__only span{order:-1}
.sdg-shopfor-slot .sdg-fit-shopfor__only input{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:44px;height:26px;margin:0;border:0;border-radius:999px;background:#cfc3b6;cursor:pointer;transition:background-color .18s ease}
.sdg-shopfor-slot .sdg-fit-shopfor__only input::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .2s cubic-bezier(.3,.7,.3,1.2)}
.sdg-shopfor-slot .sdg-fit-shopfor__only input:checked{background:var(--sdg-fit-ink)}
.sdg-shopfor-slot .sdg-fit-shopfor__only input:checked::before{transform:translateX(18px)}
.sdg-shopfor-slot .sdg-fit-shopfor__only input:disabled{opacity:.45;cursor:default}
.sdg-shopfor-slot .sdg-fit-shopfor__only input:focus-visible{outline:2px solid var(--sdg-fit-red);outline-offset:2px}
@media (max-width:767px){
	.sdg-shopfor-slot .sdg-fit-shopfor{grid-template-columns:auto minmax(0,1fr) auto;gap:2px 10px;padding:10px 12px 12px}
	.sdg-shopfor-slot .sdg-fit-shopfor__label{grid-column:1;grid-row:1;margin-bottom:8px}
	.sdg-shopfor-slot .sdg-fit-shopfor__chips{grid-column:2/-1;grid-row:1;margin:0 -12px 8px 0;padding-right:12px}
	/* "Show only styles that fit" over the sentence, the switch on the right of both (the label's parts as grid items:
	   a tap on the words still toggles it) */
	.sdg-shopfor-slot .sdg-fit-shopfor__only{display:contents}
	.sdg-shopfor-slot .sdg-fit-shopfor__only span{grid-column:1/3;grid-row:2;align-self:end;padding:2px 2px 0;font-size:14px;font-weight:700;line-height:1.3;cursor:pointer}
	.sdg-shopfor-slot .sdg-fit-shopfor__only input{grid-column:3;grid-row:2/4;justify-self:end;align-self:center}
	.sdg-shopfor-slot .sdg-fit-shopfor__note{grid-column:1/3;grid-row:3;align-self:start;padding:0 2px;font-size:12.5px;line-height:1.35}
	.sdg-shopfor-slot .sdg-fit-shopfor:not(:has(.sdg-fit-shopfor__only:not([hidden]))) .sdg-fit-shopfor__note{grid-column:1/-1;grid-row:2}
}
@media (prefers-reduced-motion:reduce){.sdg-shopfor-slot .sdg-fit-shopfor__only input,.sdg-shopfor-slot .sdg-fit-shopfor__only input::before{transition:none}}

/* the dogs above the chart in the product tab (22 Oct 2026) */
.sdg-fit-tab__dogs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sdg-fit-tab__dogs[hidden]{display:none}
/* phones: "Added ✓" in a chart is a tick of the same width as Add, so the column never grows past the screen */
@media (max-width:480px){
  .sdg-fit-table__act .sdg-fit-btn--add{min-width:54px;justify-content:center}
  .sdg-fit-table__act .sdg-fit-btn--add.is-done{font-size:0 !important;letter-spacing:0 !important;gap:0;padding:0 !important}
  .sdg-fit-table__act .sdg-fit-btn--add.is-done::after{content:"\2713";font-size:15px;font-weight:700}
}

/* modules/support/assets/help-boot.css */
/* Help, the parts printed with every page (the panel's own styles come with help.css on the first tap). */
.sdg-help-ask{margin:10px 0 18px;font-size:13px;line-height:1.4} /* room before the quantity and Add to cart below (David, 21 Oct 2026) */
.sdg-help-ask a{color:#191919;text-decoration:none}
.sdg-help-ask a u{font-weight:700;text-underline-offset:3px}
.sdg-help-ask a:hover u{color:#e32c2b}
.sdg-help-ask a:focus-visible{outline:2px solid #e32c2b;outline-offset:2px;border-radius:3px}
.sdg-help-mount{min-height:200px}
.sdg-help-order{margin:18px 0 0}

/* modules/support/assets/live.css */
/* SDG Live, the shopper's bubble (live.js): above the dock, the person's photo and name, the message, quick replies and
   a short answer. Black and white like the dock; red only for Send. Resets use :where() and never touch :hover or
   :focus (tests/lint/unset-states.py). */
.sdg-lv{--ink:#191919;--muted:#6b6b6b;--line:#ebe5df;--beige:#cab29f;--red:#e32c2b;position:fixed;z-index:99990;right:max(16px,env(safe-area-inset-right,0px));bottom:var(--sdg-lv-bottom,16px);width:360px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:14px 14px 12px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 18px 50px rgba(14,14,14,.22),0 2px 8px rgba(14,14,14,.08);font-family:inherit;font-size:14.5px;line-height:1.45;opacity:0;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.9,.2,1)}
.sdg-lv.is-in{opacity:1;transform:none}
.sdg-lv.is-busy{pointer-events:none}
.sdg-lv.is-busy .sdg-lv__send{opacity:.6}
.sdg-lv__head{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.sdg-lv__av{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--ink);color:#fff;font-weight:800;font-size:16px}
.sdg-lv__av img{display:block;width:100%;height:100%;object-fit:cover}
.sdg-lv__av::after{content:"";position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#2fb36d;border:2px solid #fff}
.sdg-lv__who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.sdg-lv__who strong{font-size:14.5px;font-weight:800;line-height:1.2}
.sdg-lv__who small{color:var(--muted);font-size:12px}
.sdg-lv .sdg-lv__x:where(*){all:unset}
.sdg-lv .sdg-lv__x{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#8a8580;cursor:pointer;transition:background-color .15s,color .15s}
.sdg-lv .sdg-lv__x svg{width:18px;height:18px;fill:currentColor}
.sdg-lv .sdg-lv__x:hover{background:#f3efeb;color:var(--ink)}
.sdg-lv .sdg-lv__x:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.sdg-lv .sdg-lv__msg{margin:0 0 10px;padding:11px 14px;border-radius:4px 18px 18px 18px;background:#f4f1ee;font-size:15px;line-height:1.45;cursor:default}
.sdg-lv__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.sdg-lv .sdg-lv__chip:where(*){all:unset}
.sdg-lv .sdg-lv__chip{box-sizing:border-box;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s}
.sdg-lv .sdg-lv__chip:hover{background:var(--ink);color:#fff}
.sdg-lv .sdg-lv__chip:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sdg-lv__form{display:flex;flex-direction:column;gap:8px;margin:0}
.sdg-lv__line{display:flex;gap:8px}
.sdg-lv .sdg-lv__in,.sdg-lv .sdg-lv__mail{flex:1 1 auto;min-width:0;min-height:44px;margin:0;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:16px;box-shadow:none}
.sdg-lv .sdg-lv__in:focus,.sdg-lv .sdg-lv__mail:focus{border-color:var(--ink);outline:none}
.sdg-lv .sdg-lv__send:where(*){all:unset}
.sdg-lv .sdg-lv__send{box-sizing:border-box;flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .15s}
.sdg-lv .sdg-lv__send:hover{background:#c52524}
.sdg-lv .sdg-lv__send:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sdg-lv__acts{display:flex;justify-content:flex-end}
.sdg-lv .sdg-lv__go:where(*){all:unset}
.sdg-lv .sdg-lv__go{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .15s,transform .15s}
.sdg-lv .sdg-lv__go:hover{background:#000}
.sdg-lv .sdg-lv__go:active{transform:scale(.98)}
.sdg-lv .sdg-lv__go:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sdg-lv .sdg-lv__err{margin:0;color:var(--red);font-size:13px}
@media (max-width:600px){
  .sdg-lv{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto;max-width:none;transform-origin:bottom center}
}
@media (prefers-reduced-motion:reduce){.sdg-lv,.sdg-lv *{transition:none!important}}
html.sdg-hp-open .sdg-lv{display:none}

/* modules/dock/assets/dock.css */
/* SDG Dock v1 — glass bar at the bottom. Tokens come from Settings (inline :root variables printed in <head>). */
.sdg-dock{position:fixed;left:0;right:0;bottom:0;z-index:9990;pointer-events:none;padding:0 10px calc(var(--sdg-dock-gap,12px) + env(safe-area-inset-bottom,0px));font-family:inherit;color:var(--sdg-dock-text,#fff);transform:translateY(calc(var(--sdg-dock-lift,0px) * -1));transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}
.sdg-dock[hidden]{display:none}
.sdg-dock.is-away{transform:translateY(140%)}
.sdg-dock--desktop{left:50%;right:auto;width:var(--sdg-dock-desk-w,380px);margin-left:calc(var(--sdg-dock-desk-w,380px) / -2);padding-left:0;padding-right:0}
.sdg-dock--desktop.sdg-dock--desk-right{left:auto;right:24px;margin-left:0}
.sdg-dock--desktop.sdg-dock--desk-left{left:24px;right:auto;margin-left:0}
.sdg-dock__bar,.sdg-dock__panel,.sdg-dock__bubble{pointer-events:auto;background:var(--sdg-dock-bg-rgba,rgba(0,0,0,.92));-webkit-backdrop-filter:var(--sdg-dock-backdrop,blur(var(--sdg-dock-blur,18px)) saturate(140%));backdrop-filter:var(--sdg-dock-backdrop,blur(var(--sdg-dock-blur,18px)) saturate(140%));box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 var(--sdg-dock-border-w,1px) var(--sdg-dock-border,rgba(255,255,255,.06)) inset;color:var(--sdg-dock-text,#fff)}
.sdg-dock__bar{position:relative;display:block;padding:0;overflow:hidden;border-radius:var(--sdg-dock-radius,22px);transform:scale(var(--sdg-dock-scale,1));transform-origin:50% 100%;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.sdg-dock.is-small .sdg-dock__bar{transform:scale(var(--sdg-dock-scale-small,.9))}
.sdg-dock__track{display:flex;width:200%;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sdg-dock.is-page-1 .sdg-dock__track{transform:translateX(-50%)}
.sdg-dock.is-hdragging .sdg-dock__track{transition:none}
.sdg-dock__page{flex:0 0 50%;display:flex;align-items:center;gap:8px;min-height:60px;padding:8px 8px 8px 10px;box-sizing:border-box;min-width:0}
.sdg-dock__page--tools{position:relative;padding:6px 30px} /* room for the small back arrow on both sides: the tools stay in the middle */
.sdg-dock__tools{display:flex;align-items:stretch;justify-content:space-around;gap:4px;width:100%}
:where(.sdg-dock) .sdg-dock__tool{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1 1 0;min-width:52px;min-height:48px;padding:4px 6px;border-radius:14px;color:var(--sdg-dock-text,#fff);font-size:10.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sdg-dock__tool:focus-visible{background:rgba(255,255,255,.12)}
@media (hover:hover){.sdg-dock__tool:hover{background:rgba(255,255,255,.12)}} /* a finger never leaves a tool lit */
.sdg-dock__tool:active{background:rgba(255,255,255,.18)}
.sdg-dock__tool svg{width:22px;height:22px}
.sdg-dock__tooldot{position:absolute;top:6px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--sdg-dock-btn,#e32c2b);box-shadow:0 0 0 2px rgba(0,0,0,.6)}
/* phones: "more" (a grid, like an app's) opens the tools; "back" on the tools page returns (David, 16 Oct 2026: the dots
   and the swipe alone were found by nobody) */
/* 38 px to the eye, 44 px to the finger (David, 21 Oct 2026: "ikonka naľavo zbytočne veľká") */
:where(.sdg-dock) .sdg-dock__more{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--sdg-dock-text,#fff);transition:background-color .15s}
.sdg-dock__more::after,.sdg-dock__front::after{content:"";position:absolute;inset:-3px}
/* the theme's button padding (16 px a side) squeezed the icons to 6–12 px inside these round buttons */
.sdg-dock button.sdg-dock__more,.sdg-dock button.sdg-dock__front{padding:0 !important;margin:0 !important;min-width:0 !important;line-height:0 !important}
.sdg-dock__more svg,.sdg-dock__front svg{flex:none}
.sdg-dock__more svg{width:18px;height:18px}
/* the size chart on the first page (phones, a product with a chart): beige like "Size chart & fit" on the page; the
   product's picture beside it goes (the product is on the screen above) */
:where(.sdg-dock) .sdg-dock__front{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;color:#191919;transition:background-color .15s,transform .12s}
.sdg-dock button.sdg-dock__front,.sdg-dock button.sdg-dock__front:focus{background:var(--sdg-dock-front,#cab29f) !important;color:#191919 !important;border-color:transparent !important;box-shadow:none !important}
@media (hover:hover){.sdg-dock button.sdg-dock__front:hover{background:#d8c5b6 !important}}
.sdg-dock button.sdg-dock__front:active{transform:scale(.94)}
.sdg-dock__front:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sdg-dock__front svg{width:20px;height:20px}
.sdg-dock__front[hidden],.sdg-dock--desktop .sdg-dock__front{display:none}
.sdg-dock.has-front:not(.sdg-dock--desktop) .sdg-dock__thumb{display:none}
.sdg-dock__more:hover,.sdg-dock__more:focus-visible{background:rgba(255,255,255,.18)}
.sdg-dock__more:active{background:rgba(255,255,255,.24)}
/* back: a small arrow at the left edge, not a circle (David, 16 Oct 2026: "zbytočne obrovská … dock menu bolo pekne v strede") */
:where(.sdg-dock) .sdg-dock__less{position:absolute;left:2px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:28px;height:44px;border-radius:12px;color:var(--sdg-dock-text,#fff);opacity:.7;transform:translateY(-50%);transition:opacity .15s,background-color .15s}
.sdg-dock__less:hover,.sdg-dock__less:focus-visible{opacity:1;background:rgba(255,255,255,.12)}
.sdg-dock__less svg{width:18px;height:18px}
.sdg-dock__more:focus-visible,.sdg-dock__less:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sdg-dock__more[hidden]{display:none}
.sdg-dock__moredot{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:var(--sdg-dock-btn,#e32c2b);box-shadow:0 0 0 2px rgba(0,0,0,.85)}
.sdg-dock__moredot[hidden]{display:none}
.sdg-dock--desktop .sdg-dock__track{width:auto;transform:none !important}
.sdg-dock--desktop .sdg-dock__page--main{flex:1 1 auto;order:2}
.sdg-dock--desktop .sdg-dock__page--tools{flex:0 0 auto;order:1;padding:8px 2px 8px 6px;border-right:1px solid rgba(255,255,255,.12)}
.sdg-dock--desktop:not(.has-tools) .sdg-dock__page--tools{display:none}
.sdg-dock--desktop .sdg-dock__tool{min-width:40px;min-height:44px;padding:0 4px;flex:0 0 auto}
.sdg-dock--desktop .sdg-dock__tool span{display:none}
.sdg-dock--desktop .sdg-dock__tooldot{right:6px;top:6px}
.sdg-dock--desktop .sdg-dock__more,.sdg-dock--desktop .sdg-dock__less{display:none}

.sdg-dock.is-dragging .sdg-dock__bar,.sdg-dock.is-dragging .sdg-dock__panel{transition:none}
:where(.sdg-dock) button,:where(.sdg-dock) a{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}
.sdg-dock__main{flex:1 1 0%;width:auto;max-width:none;min-width:0;display:flex;align-items:center;gap:10px;padding:4px 2px;margin:0;color:var(--sdg-dock-text,#fff);text-align:left;font-size:14px;line-height:1.2;min-height:44px}
/* the text starts right after the icons: the theme centres a button's content, so a short line ("XL fits Rock") floated
   in the middle with a wide gap on its left (David, 21 Oct 2026) */
.sdg-dock button.sdg-dock__main{justify-content:flex-start !important}
.sdg-dock__main:focus-visible,.sdg-dock__cta:focus-visible,.sdg-dock__chip:focus-visible,.sdg-dock__bubble:focus-visible{outline:2px solid var(--sdg-dock-accent,#4cd48a);outline-offset:2px}
.sdg-dock__thumb{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#222 center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.sdg-dock__thumb[hidden]{display:none}
.sdg-dock__lines{display:flex;flex-direction:column;min-width:0;gap:2px}
.sdg-dock__l1{font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdg-dock__l2{font-size:12px;line-height:1.25;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdg-dock__l2.is-error{opacity:1;color:#ffb4b4}
.sdg-dock__l1[hidden],.sdg-dock__l2[hidden]{display:none}
/* a line alone ("Find your dog's size") may take two lines rather than end in "…" (the More button took its room) */
.sdg-dock__lines:has(.sdg-dock__l2:empty) .sdg-dock__l1,.sdg-dock__lines:has(.sdg-dock__l2[hidden]) .sdg-dock__l1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
.sdg-dock__chip{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 10px;margin:0;border-radius:999px;background:rgba(255,255,255,.12);color:var(--sdg-dock-text,#fff);font-size:13px;font-weight:700;line-height:1}
.sdg-dock__chip[hidden]{display:none}
/* the bag chip answers the pointer like the tool icons beside it (the theme's button:hover painted it black) */
.sdg-dock button.sdg-dock__chip,.sdg-dock button.sdg-dock__chip:focus{background:rgba(255,255,255,.12) !important;color:var(--sdg-dock-text,#fff) !important;border-color:transparent !important;box-shadow:none !important}
.sdg-dock button.sdg-dock__chip:hover,.sdg-dock button.sdg-dock__chip:focus-visible{background:rgba(255,255,255,.22) !important}
.sdg-dock button.sdg-dock__chip:active{background:rgba(255,255,255,.28) !important}
.sdg-dock__chip svg{display:block;flex:0 0 auto}
.sdg-dock__cta{flex:0 0 auto;width:auto;max-width:60%;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;margin:0;border:0;border-radius:calc(var(--sdg-dock-radius,22px) - 8px);background:var(--sdg-dock-btn,#e32c2b);color:var(--sdg-dock-btn-text,#fff);font-size:14px;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap;text-decoration:none;transition:transform .12s,opacity .2s}
/* hover: the brand beige with dark text; the selector outweighs the theme's button:hover (black) */
@media (hover:hover){.sdg-dock button.sdg-dock__cta:not(:disabled):not(.is-quiet):hover{background:var(--sdg-dock-btn-hover,#cab29f) !important;color:var(--sdg-dock-btn-hover-text,#191919) !important;border-color:transparent !important}
.sdg-dock button.sdg-dock__cta.is-quiet:not(:disabled):hover{background:rgba(255,255,255,.24) !important;color:var(--sdg-dock-text,#fff) !important}}
.sdg-dock button.sdg-dock__cta:not(:disabled):not(.is-quiet):focus-visible{background:var(--sdg-dock-btn-hover,#cab29f) !important;color:var(--sdg-dock-btn-hover-text,#191919) !important}
.sdg-dock__cta:active{transform:scale(.97)}
/* small phones (iPhone SE, 320–360 px): the More button's room comes from a tighter red button and smaller text */
@media (max-width:360px){.sdg-dock__page--main{gap:6px;padding-left:8px;padding-right:6px}:where(.sdg-dock) .sdg-dock__more,:where(.sdg-dock) .sdg-dock__front{flex-basis:36px;width:36px;height:36px}.sdg-dock__cta{padding:0 12px;font-size:13.5px}.sdg-dock__l1{font-size:13px}}
.sdg-dock__cta:disabled{opacity:.55;cursor:default}
.sdg-dock__cta.is-quiet{background:rgba(255,255,255,.14);color:var(--sdg-dock-text,#fff)}
.sdg-dock__cbtns .sdg-dock__cta{max-width:none}
.sdg-dock__cta.is-busy{opacity:.7;pointer-events:none;position:relative}
.sdg-dock__cta.is-busy::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sdg-spin .7s linear infinite}
@keyframes sdg-spin{to{transform:rotate(360deg)}}
.sdg-dock__panel{margin:0 0 8px;padding:12px;border-radius:min(var(--sdg-dock-radius,22px),22px);max-height:min(60vh,520px);overflow:auto;-webkit-overflow-scrolling:touch;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s}
.sdg-dock__panel[hidden]{display:none}
.sdg-dock__panel::before{content:"";display:block;width:36px;height:4px;margin:-4px auto 8px;border-radius:2px;background:rgba(255,255,255,.28)}
@media (hover:hover) and (pointer:fine){.sdg-dock__panel{cursor:grab}}
.sdg-dock__card{display:flex;gap:12px;align-items:flex-start}
.sdg-dock__cimg{flex:0 0 72px;width:72px;height:72px;border-radius:12px;background:#222 center/cover no-repeat}
.sdg-dock__cbody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.sdg-dock__ctitle{font-weight:700;font-size:14px;line-height:1.25}
.sdg-dock__cmeta{font-size:12px;opacity:.78}
.sdg-dock__cbtns{display:flex;gap:8px;margin-top:4px}
.sdg-dock__cbtns .sdg-dock__cta{flex:1 1 0;min-height:42px}
.sdg-dock__slots{position:absolute;right:10px;bottom:calc(100% - 0px);display:flex;gap:8px;padding-bottom:8px;pointer-events:none}
.sdg-dock--desktop .sdg-dock__slots{right:0}
.sdg-dock__bubble{pointer-events:auto;width:44px;height:44px;margin:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--sdg-dock-text,#fff);transition:transform .12s}
.sdg-dock__bubble:active{transform:scale(.95)}
.sdg-dock__bubble[hidden]{display:none}
.sdg-dock{position:fixed}
.sdg-dock__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sdg-dock-spacer{width:100%;height:0}
@media (prefers-reduced-motion:reduce){.sdg-dock,.sdg-dock__bar,.sdg-dock__panel,.sdg-dock__cta,.sdg-dock__bubble{transition:none !important}.sdg-dock__cta.is-busy::after{animation:none}}
@media print{.sdg-dock,.sdg-dock-spacer{display:none !important}}
/* the bag in the dock (12 Oct 2026): lines with photo, options, quantity and remove; subtotal and Checkout stay in view */
.sdg-dock__panel.is-bag{display:flex;flex-direction:column;overflow:hidden;padding:12px 12px 14px;max-height:min(calc(100vh - 150px),760px);max-height:min(calc(100dvh - 150px),760px)}
.sdg-dock__panel.is-bag[hidden]{display:none}
.sdg-dock__bag{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1 1 auto;color:var(--sdg-dock-text,#fff);font-size:14px;line-height:1.3}
.sdg-dock__baghead{display:flex;align-items:center;gap:8px;padding:0 0 0 4px}
.sdg-dock__baghead strong{font-size:16px;font-weight:700}
.sdg-dock__baghead span{font-size:13px;opacity:.7}
.sdg-dock__ib{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;color:var(--sdg-dock-text,#fff)}
.sdg-dock__ib svg{width:20px;height:20px}
.sdg-dock .sdg-dock__bag button.sdg-dock__ib,.sdg-dock .sdg-dock__bag button.sdg-dock__ib:focus{background:transparent !important;color:var(--sdg-dock-text,#fff) !important;border:0 !important;box-shadow:none !important}
.sdg-dock .sdg-dock__bag button.sdg-dock__ib:hover:not(:disabled),.sdg-dock .sdg-dock__bag button.sdg-dock__ib:focus-visible{background:rgba(255,255,255,.16) !important}
.sdg-dock .sdg-dock__bag button.sdg-dock__ib:focus-visible{outline:2px solid var(--sdg-dock-accent,#4cd48a);outline-offset:1px}
.sdg-dock .sdg-dock__bag button.sdg-dock__ib:disabled{opacity:.3;cursor:default}
.sdg-dock .sdg-dock__bag button.sdg-dock__bagx{margin-left:auto;background:rgba(255,255,255,.12) !important}
/* the lines, the suggestions and the other parts' rows scroll together; the subtotal and the buttons stay in view */
.sdg-dock__bagscroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.sdg-dock__baglist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.sdg-dock__bagmore{display:flex;flex-direction:column;gap:8px}
.sdg-dock__bagmore:empty{display:none}
.sdg-dock__bagitem{display:flex;gap:12px;margin:0;padding:8px;border-radius:16px;background:rgba(255,255,255,.07);transition:opacity .15s}
.sdg-dock__bagitem.is-busy{opacity:.5;pointer-events:none}
.sdg-dock__bagimg{flex:0 0 72px;width:72px;height:72px;border-radius:12px;background:#fff center/cover no-repeat}
.sdg-dock__bagbody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.sdg-dock__bagname a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sdg-dock-text,#fff);font-size:14px;font-weight:600;line-height:1.25}
.sdg-dock__bagname a:hover,.sdg-dock__bagname a:focus-visible{text-decoration:underline}
.sdg-dock__bagmeta{font-size:12px;opacity:.72}
.sdg-dock__bagfit:empty{display:none}
.sdg-dock__bagrow{display:flex;align-items:center;gap:6px;margin-top:4px}
.sdg-dock__qty{display:inline-flex;align-items:center;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:999px}
.sdg-dock__qty output{min-width:24px;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.sdg-dock__bagprice{margin-left:auto;font-size:14px;font-weight:700;white-space:nowrap;text-align:right}
.sdg-dock__bagprice del{display:block;font-size:12px;font-weight:400;opacity:.55}
.sdg-dock .sdg-dock__bag button.sdg-dock__bagrm{opacity:.8}
.sdg-dock__bagfoot{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.sdg-dock__bagsub{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px;font-size:15px}
.sdg-dock__bagsub strong{font-size:18px;font-weight:700}
.sdg-dock__bagnote{margin:0;padding:0 4px;font-size:12px;opacity:.65}
.sdg-dock__bagerr{margin:0;padding:0 4px;font-size:13px;color:#ffb4b4}
.sdg-dock__bagbtns{display:flex;gap:8px;margin-top:6px}
.sdg-dock__bagbtns .sdg-dock__cta{flex:1 1 0;max-width:none;min-height:46px}
.sdg-dock__bagbtns .sdg-dock__cta{min-width:0}
.sdg-dock__bagbtns .sdg-dock__cta.is-quiet{flex:0 0 auto;padding-left:20px;padding-right:20px}
.sdg-dock a.sdg-dock__cta:not(.is-quiet):hover{background:var(--sdg-dock-btn-hover,#cab29f) !important;color:var(--sdg-dock-btn-hover-text,#191919) !important}
.sdg-dock a.sdg-dock__cta.is-quiet:hover{background:rgba(255,255,255,.24) !important;color:var(--sdg-dock-text,#fff) !important}
.sdg-dock__bagempty{margin:0;padding:14px 4px 6px;text-align:center;opacity:.8}
@media (prefers-reduced-motion:reduce){.sdg-dock__bagitem{transition:none}}
/* a tool on its way (chat, rewards load on the tap): a ring turns around the icon until the panel is open */
.sdg-dock__tool.is-busy::after,.sdg-dock__bubble.is-busy::after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.22);border-top-color:var(--sdg-dock-text,#fff);animation:sdg-spin .8s linear infinite;pointer-events:none}
.sdg-dock__tool.is-busy::after{top:5px;left:50%;margin-left:-15px}
.sdg-dock--desktop .sdg-dock__tool.is-busy::after{top:50%;margin-top:-15px}
.sdg-dock__bubble{position:relative}
.sdg-dock__bubble.is-busy::after{top:50%;left:50%;margin:-15px 0 0 -15px}
@media (prefers-reduced-motion:reduce){.sdg-dock__tool.is-busy::after,.sdg-dock__bubble.is-busy::after{animation:none;border-color:var(--sdg-dock-text,#fff)}}
/* one bag: while the dock is the bag, the theme's side cart never slides in (its icon opens the dock instead) */
html.sdg-one-bag .elementor-menu-cart__container,html.sdg-one-bag .astra-cart-drawer,html.sdg-one-bag .astra-mobile-cart-overlay{display:none !important}

/* modules/menu/assets/menu.css */
/* SDG menu (docs/spec-menu.md). Computer: the bar with icons, panels as a layer over the page (they never push it),
   opening with a short slide and fade. Phone: the menu button and a drawer from the side with search, tabs (the ink
   under the active tab slides), rows with icons and levels that slide in. Colours and sizes come from the builder as
   custom properties (Render::css), the breakpoint too. Everything respects "reduce motion". */
.sdg-mm,.sdg-mmd{--sdg-mm-ease:cubic-bezier(.2,.8,.2,1);font-family:Montserrat,system-ui,-apple-system,sans-serif}
.sdg-mm *,.sdg-mm *::before,.sdg-mm *::after,.sdg-mmd *,.sdg-mmd *::before,.sdg-mmd *::after{box-sizing:border-box}
.sdg-mm ul,.sdg-mmd ul{list-style:none;margin:0;padding:0}
/* words for screen readers only, without relying on the theme to hide them */
.sdg-mm .screen-reader-text,.sdg-mmd .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sdg-mm img.sdg-mm-ico,.sdg-mmd img.sdg-mm-ico{display:block;flex:none;object-fit:contain;max-width:none;height:auto;aspect-ratio:1}
.sdg-mm svg.sdg-mm-ico,.sdg-mmd svg.sdg-mm-ico{display:block;flex:none}
.sdg-mm-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px 3px;border-radius:3px;font-size:10px;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:none;white-space:nowrap;vertical-align:top}

/* ---------- the bar ---------- */
.sdg-mm{position:relative;display:flex;justify-content:center;width:100%}
/* always one row (David, 21 Oct 2026: "nechcem, nech je na dva riadky, ale radšej nech sa dá horizontálne scrollovať, na
   desktope klikom a potiahnutím"): the bar is as wide as its items and centred while they fit, and scrolls sideways when
   they do not (a trackpad or a finger natively, the mouse by dragging: tweaks' drag-to-scroll takes any sideways
   scroller). Its scrollbar is hidden; a soft fade and a round arrow show the side with more. The panels are fixed to the
   window, so the scroller never clips them. 4 px above and below keep the focus ring and the lifted icon inside it. */
.sdg-mm__bar{display:flex;flex:0 1 auto;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:0 var(--sdg-mm-gap,30px);min-width:0;max-width:100%;margin:-4px 0;padding:4px 2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sdg-mm__bar::-webkit-scrollbar{display:none}
.sdg-mm__top{flex:none}
.sdg-mm::before,.sdg-mm::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:64px;pointer-events:none;opacity:0;transition:opacity .2s ease}
.sdg-mm::before{left:0;background:linear-gradient(90deg,var(--sdg-mm-fade,#000) 18%,transparent)}
.sdg-mm::after{right:0;background:linear-gradient(270deg,var(--sdg-mm-fade,#000) 18%,transparent)}
.sdg-mm.has-more-l::before,.sdg-mm.has-more-r::after{opacity:1}
.sdg-mm .sdg-mm__nudge,.sdg-mm .sdg-mm__nudge:hover,.sdg-mm .sdg-mm__nudge:focus{all:unset;box-sizing:border-box;position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 4px 14px rgba(0,0,0,.5);cursor:pointer;opacity:0;visibility:hidden;transform:scale(.85);transition:opacity .2s ease,transform .2s var(--sdg-mm-ease),visibility 0s linear .2s,background-color .15s,color .15s;-webkit-tap-highlight-color:transparent}
.sdg-mm .sdg-mm__nudge.is-prev{left:4px}
.sdg-mm .sdg-mm__nudge.is-next{right:4px}
.sdg-mm.has-more-l .sdg-mm__nudge.is-prev,.sdg-mm.has-more-r .sdg-mm__nudge.is-next{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s var(--sdg-mm-ease),visibility 0s,background-color .15s,color .15s}
.sdg-mm .sdg-mm__nudge:hover{background:#fff;color:#000}
.sdg-mm .sdg-mm__nudge:focus-visible{outline:2px solid var(--sdg-mm-hover,#e32c2b);outline-offset:2px}
.sdg-mm .sdg-mm__nudge svg{display:block;width:18px;height:18px}
@media (hover:none){.sdg-mm .sdg-mm__nudge,.sdg-mm .sdg-mm__nudge:hover,.sdg-mm .sdg-mm__nudge:focus{display:none}} /* a finger swipes the bar; the fade still shows there is more */
.sdg-mm__top{position:static;display:flex;align-items:center}
.sdg-mm__top.is-list{position:relative}
.sdg-mm .sdg-mm__link{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 0;color:var(--sdg-mm-color,#fff);text-decoration:none;font-size:var(--sdg-mm-size,19px);font-weight:var(--sdg-mm-weight,700);text-transform:var(--sdg-mm-case,uppercase);letter-spacing:.01em;line-height:1.1;white-space:nowrap;transition:color .18s ease}
.sdg-mm .sdg-mm__link .sdg-mm-ico{transition:transform .25s var(--sdg-mm-ease)}
.sdg-mm .sdg-mm__link .sdg-mm-badge{align-self:flex-start;margin-top:4px;margin-left:-4px}
.sdg-mm .sdg-mm__text{position:relative}
.sdg-mm .sdg-mm__text::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--sdg-mm-ease)}
.sdg-mm .sdg-mm__top:hover > .sdg-mm__link,.sdg-mm .sdg-mm__top.is-open > .sdg-mm__link,.sdg-mm .sdg-mm__link:focus-visible{color:var(--sdg-mm-hover,#e32c2b)}
.sdg-mm .sdg-mm__top:hover > .sdg-mm__link .sdg-mm-ico,.sdg-mm .sdg-mm__top.is-open > .sdg-mm__link .sdg-mm-ico{transform:translateY(-2px) scale(1.04)}
.sdg-mm .sdg-mm__top.is-open > .sdg-mm__link .sdg-mm__text::after,.sdg-mm .sdg-mm__top.is-current > .sdg-mm__link .sdg-mm__text::after,.sdg-mm .sdg-mm__link[aria-current] .sdg-mm__text::after{transform:scaleX(1)}
/* one line at a time: while a panel is open only its item is underlined, the section you are in waits (David, 15 Oct 2026) */
.sdg-mm:has(.sdg-mm__top.is-open) .sdg-mm__top.is-current:not(.is-open) > .sdg-mm__link .sdg-mm__text::after{transform:scaleX(0)}
.sdg-mm .sdg-mm__toggle,.sdg-mm .sdg-mm__toggle:hover,.sdg-mm .sdg-mm__toggle:focus{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:28px;min-height:44px;margin-left:2px;color:var(--sdg-mm-color,#fff);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sdg-mm .sdg-mm__toggle .sdg-mm-chev{transition:transform .25s var(--sdg-mm-ease)}
.sdg-mm .sdg-mm__top:hover > .sdg-mm__toggle,.sdg-mm .sdg-mm__top.is-open > .sdg-mm__toggle{color:var(--sdg-mm-hover,#e32c2b)}
.sdg-mm .sdg-mm__top.is-open > .sdg-mm__toggle .sdg-mm-chev{transform:rotate(180deg)}
.sdg-mm .sdg-mm__toggle:focus-visible,.sdg-mm .sdg-mm__link:focus-visible{outline:2px solid var(--sdg-mm-hover,#e32c2b);outline-offset:3px;border-radius:3px}
/* computers: words, icons and gaps follow the window width (never past the Look settings), so the seven items fit one
   row from 1 280 px up without scrolling (measured on the live site, whose Montserrat sets about 4 % wider than the
   staging's: at .9vw it scrolled by 32 px at 1 280, 21 Oct 2026). At the full size they need 1 652 px, and the header's box is narrower than
   the window, so the full size alone wrapped (15 Oct 2026 at 1 440 px; 21 Oct 2026 on David's screen at about 1 700 px,
   where this rule stopped at 1 679 px). Narrower than that, the bar scrolls. */
@media (min-width:1025px){
  .sdg-mm__bar{gap:0 min(var(--sdg-mm-gap,30px),1vw)}
  .sdg-mm .sdg-mm__link{gap:9px;font-size:min(var(--sdg-mm-size,19px),calc(4px + .85vw))}
  .sdg-mm .sdg-mm__link img.sdg-mm-ico,.sdg-mm .sdg-mm__link svg.sdg-mm-ico{width:max(26px,2.3vw);height:auto}
  .sdg-mm .sdg-mm__toggle,.sdg-mm .sdg-mm__toggle:hover,.sdg-mm .sdg-mm__toggle:focus{width:22px}
}
/* ---------- panels: full width under the bar (top set by the script), or a short list under the item ---------- */
.sdg-mm__panel{display:none;position:fixed;left:0;right:0;top:var(--sdg-mm-top,140px);z-index:99990;color:var(--sdg-mm-panel-fg,#fff);background:var(--sdg-mm-panel-bg,#000);border-top:1px solid var(--sdg-mm-panel-line,#2a2a2a);box-shadow:0 30px 60px rgba(0,0,0,.35);max-height:calc(100vh - var(--sdg-mm-top,140px) - 12px);max-height:calc(100dvh - var(--sdg-mm-top,140px) - 12px);overflow-y:auto;overscroll-behavior:contain;font-size:var(--sdg-mm-panel-size,16px);text-align:left;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .24s var(--sdg-mm-ease)}
.sdg-mm__top.is-list > .sdg-mm__panel{position:fixed;left:var(--sdg-mm-x,50%);right:auto;width:max-content;min-width:260px;max-width:420px;border-radius:0 0 12px 12px;transform:translate(-50%,-8px)} /* fixed like the others: the bar scrolls and would clip it */
.sdg-mm[data-effect="fade"] .sdg-mm__panel{transform:none}
.sdg-mm[data-effect="fade"] .sdg-mm__top.is-list > .sdg-mm__panel{transform:translateX(-50%)}
.sdg-mm__top.is-shown > .sdg-mm__panel{display:block}
.sdg-mm__top.is-open > .sdg-mm__panel{opacity:1;transform:none}
.sdg-mm__top.is-list.is-open > .sdg-mm__panel{transform:translateX(-50%)}
.sdg-mm[data-effect="none"] .sdg-mm__panel{transition:none}
.sdg-mm__in{max-width:var(--sdg-mm-panel-w,1360px);margin:0 auto;padding:24px 40px 26px}
.sdg-mm__fly{padding:14px 10px}
.sdg-mm__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 48px}
.sdg-mm__col{grid-column:span var(--span,1);min-width:0}
.sdg-mm__col > * + *{margin-top:22px}
.sdg-mm .sdg-mm__head{margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid var(--sdg-mm-panel-line,#2a2a2a);font-size:16px;font-weight:700;line-height:1.3}
.sdg-mm .sdg-mm__head a{color:inherit;text-decoration:none}
.sdg-mm .sdg-mm__head a:hover{color:var(--sdg-mm-panel-hover,#e32c2b)}
.sdg-mm .sdg-mm__item{display:flex;align-items:center;gap:12px;min-height:44px;padding:1px 0;color:var(--sdg-mm-panel-fg,#fff);text-decoration:none;line-height:1.25;transition:color .15s ease,transform .2s var(--sdg-mm-ease)}
.sdg-mm .sdg-mm__item:hover,.sdg-mm .sdg-mm__item:focus-visible,.sdg-mm .sdg-mm__item[aria-current]{color:var(--sdg-mm-panel-hover,#e32c2b)}
.sdg-mm .sdg-mm__item:hover{transform:translateX(3px)}
.sdg-mm .sdg-mm__item.is-bold{font-weight:700}
.sdg-mm .sdg-mm__item .sdg-mm-badge{margin-left:4px}
.sdg-mm .sdg-mm__fly .sdg-mm__item{padding:3px 12px;border-radius:8px}
.sdg-mm .sdg-mm__fly .sdg-mm__item:hover{background:rgba(255,255,255,.06);transform:none}
.sdg-mm__sub{margin:0 0 6px;padding:0 0 0 calc(var(--sdg-mm-ico-w,34px) + 12px)} /* the kinds start under their item's name */
.sdg-mm__sub a{display:inline-flex;align-items:center;gap:10px;min-height:32px;color:var(--sdg-mm-panel-muted,#bdbdbd);font-size:14px;text-decoration:none;transition:color .15s ease}
.sdg-mm__sub .sdg-mm-ico{flex:none}
.sdg-mm__sub a:hover,.sdg-mm__sub a[aria-current]{color:var(--sdg-mm-panel-hover,#e32c2b)}
/* an icon whose picture carries its name under the drawing (David's labelled set): only the drawing, in the same square
   (its height and margins come with it from Icons::html) */
.sdg-mm-ico.is-named{object-fit:cover;object-position:50% 0}
/* an item with kinds: a small button opens them under it (the links are in the page either way, for Google too) */
.sdg-mm__list > li.has-sub{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:4px}
.sdg-mm__list > li.has-sub > .sdg-mm__sub{grid-column:1/-1}
.sdg-mm.is-ready .sdg-mm__list > li.has-sub:not(.is-sub-open) > .sdg-mm__sub{display:none}
.sdg-mm.is-ready .sdg-mm__list > li.is-sub-open > .sdg-mm__sub{animation:sdg-mm-fade .22s ease both}
.sdg-mm .sdg-mm__more,.sdg-mm .sdg-mm__more:hover,.sdg-mm .sdg-mm__more:focus{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--sdg-mm-panel-muted,#bdbdbd);cursor:pointer;transition:background-color .15s,color .15s}
.sdg-mm .sdg-mm__more:hover{background:rgba(255,255,255,.08);color:var(--sdg-mm-panel-fg,#fff)}
.sdg-mm .sdg-mm__more svg{transition:transform .2s var(--sdg-mm-ease)}
.sdg-mm .is-sub-open > .sdg-mm__more{color:var(--sdg-mm-panel-fg,#fff)}
.sdg-mm .is-sub-open > .sdg-mm__more svg{transform:rotate(180deg)}
.sdg-mm .sdg-mm__more:focus-visible{outline:2px solid var(--sdg-mm-panel-hover,#e32c2b);outline-offset:1px}
.sdg-mm__hr,.sdg-mmd__hr{border:0;border-top:1px solid var(--sdg-mm-panel-line,#2a2a2a);margin:14px 0}
/* tiles: a picture with its name under it, side by side (Clothing Patterns; David 14 Oct 2026: "a normal picture, next
   to each other at the bottom"). The picture fills a rounded square; a drawing with a transparent background stays whole. */
.sdg-mm__tiles,.sdg-mmd__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:18px 12px}
.sdg-mm .sdg-mm__tile,.sdg-mmd .sdg-mm__tile{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;color:inherit;text-decoration:none;font-size:14px;font-weight:600;line-height:1.25;text-align:center;transition:color .15s ease}
.sdg-mm__tile .sdg-mm-ico:not(.is-named){width:84px;height:84px;border-radius:12px;object-fit:cover;transition:transform .2s var(--sdg-mm-ease),box-shadow .2s ease}
.sdg-mm .sdg-mm__tile:hover,.sdg-mm .sdg-mm__tile[aria-current]{color:var(--sdg-mm-panel-hover,#e32c2b)}
.sdg-mm .sdg-mm__tile:hover .sdg-mm-ico{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.35)}
/* swatches: the squares alone, the name on the square when the mouse is on it or the keyboard is there (David, 22 Oct
   2026: "tie štvorcové boli krajšie … na hover by bol titulok"); the name stays for screen readers. On a phone there is
   no hover, so the drawer keeps the name under the square. */
.sdg-mm__tiles.is-swatch{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:14px}
.sdg-mm .is-swatch .sdg-mm__tile{position:relative;gap:0}
.sdg-mm .is-swatch .sdg-mm__tile>span:not(.sdg-mm-badge){position:absolute;left:50%;bottom:8px;max-width:calc(100% - 8px);padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.82);color:#fff;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}
.sdg-mm .is-swatch .sdg-mm__tile:hover>span:not(.sdg-mm-badge),.sdg-mm .is-swatch .sdg-mm__tile:focus-visible>span:not(.sdg-mm-badge){opacity:1;transform:translate(-50%,-3px)}
.sdg-mm .is-swatch .sdg-mm__tile:hover .sdg-mm-ico{box-shadow:0 8px 18px rgba(0,0,0,.35),0 0 0 2px var(--sdg-mm-panel-hover,#e32c2b)}
.sdg-mm .is-swatch .sdg-mm__tile:focus-visible{outline:none}
.sdg-mm .is-swatch .sdg-mm__tile:focus-visible .sdg-mm-ico{box-shadow:0 0 0 2px var(--sdg-mm-panel-hover,#e32c2b)}
@media (prefers-reduced-motion:reduce){.sdg-mm .is-swatch .sdg-mm__tile>span,.sdg-mm .is-swatch .sdg-mm-ico{transition:none}}
/* a laptop screen (1280 × 800): the header takes ~280 px, so a panel keeps its rows a little tighter */
@media (max-height:860px) and (pointer:fine){.sdg-mm .sdg-mm__item{min-height:40px}.sdg-mm__tile .sdg-mm-ico:not(.is-named){width:68px;height:68px}}
.sdg-mm__foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--sdg-mm-panel-line,#2a2a2a)}
.sdg-mm .sdg-mm__all,.sdg-mm .sdg-mm-row__all{display:inline-flex;align-items:center;gap:8px;color:var(--sdg-mm-panel-fg,#fff);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sdg-mm .sdg-mm__all:hover,.sdg-mm .sdg-mm-row__all:hover{color:var(--sdg-mm-panel-hover,#e32c2b)}
.sdg-mm-arrow{transition:transform .2s var(--sdg-mm-ease)}
a:hover > .sdg-mm-arrow{transform:translateX(3px)}
.sdg-mm__panel :focus-visible{outline:2px solid var(--sdg-mm-panel-hover,#e32c2b);outline-offset:2px;border-radius:4px}

/* ---------- product row (drawn in the browser from the public product file) ---------- */
.sdg-mm-row{margin-top:4px}
.sdg-mm-row__head{display:flex;align-items:center;gap:16px;margin:0 0 14px}
.sdg-mm-row__title{margin:0;font-size:18px;font-weight:700}
.sdg-mm-row__all{margin-left:auto;font-size:14px}
.sdg-mm-row__nav{display:flex;gap:8px}
.sdg-mm-row__btn,.sdg-mm-row__btn:hover,.sdg-mm-row__btn:focus{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#191919;cursor:pointer;transition:background-color .15s,color .15s,opacity .15s}
.sdg-mm-row__btn:hover{background:var(--sdg-mm-panel-hover,#e32c2b);color:#fff}
.sdg-mm-row__btn:disabled{opacity:.3;cursor:default;background:#fff;color:#191919}
.sdg-mm-row__strip{display:flex;gap:16px;min-height:262px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.sdg-mm-row__strip::-webkit-scrollbar{display:none}
.sdg-mm-card{position:relative;flex:0 0 180px;scroll-snap-align:start;color:inherit;text-decoration:none}
.sdg-mm-card__img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#f2f2f2;transition:transform .35s var(--sdg-mm-ease)}
.sdg-mm-card__pic{display:block;overflow:hidden;border-radius:12px}
.sdg-mm-card:hover .sdg-mm-card__img{transform:scale(1.04)}
.sdg-mm-card__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0 4px;font-size:14px;font-weight:600;line-height:1.3;min-height:2.6em}
.sdg-mm-card__price{font-size:14px;font-weight:700;color:#e32c2b}
.sdg-mm-card__price del{color:inherit;opacity:.55;font-weight:500;margin-right:6px}
.sdg-mm-card__price ins{text-decoration:none}
.sdg-mm-card__sale{position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:999px;background:#fff;color:#191919;font-size:11px;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.sdg-mm-row__strip[aria-busy="true"]::before{content:"";flex:0 0 100%;height:180px;border-radius:12px;background:linear-gradient(90deg,rgba(127,127,127,.12) 25%,rgba(127,127,127,.22) 50%,rgba(127,127,127,.12) 75%);background-size:300% 100%;animation:sdgMmShimmer 1.2s linear infinite}
@keyframes sdgMmShimmer{from{background-position:100% 0}to{background-position:0 0}}

/* ---------- spotlight: one product at a time (the panel's right column) ---------- */
.sdg-mm-spot{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.sdg-mm-spot__title{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sdg-mm-panel-muted,#bdbdbd)}
.sdg-mm-spot__stage{position:relative;overflow:hidden;border-radius:16px;touch-action:pan-y;min-height:340px}
@media (pointer:fine){.sdg-mm-spot__stage{cursor:grab}.sdg-mm-spot__stage.is-dragging{cursor:grabbing}}
.sdg-mm-spot__stage.is-dragging .sdg-mm-spot__slide{pointer-events:none} /* no hover zoom or button colour while it moves */
.sdg-mm-spot__stage[aria-busy="true"]{background:linear-gradient(90deg,rgba(127,127,127,.12) 25%,rgba(127,127,127,.22) 50%,rgba(127,127,127,.12) 75%);background-size:300% 100%;animation:sdgMmShimmer 1.2s linear infinite}
.sdg-mm-spot__track{display:flex;transition:transform .55s var(--sdg-mm-ease);will-change:transform}
.sdg-mm-spot__slide{flex:0 0 100%;display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none;-webkit-user-drag:none;user-select:none}
.sdg-mm-spot__pic{position:relative;display:block;overflow:hidden;border-radius:16px;background:#fff;aspect-ratio:1}
.sdg-mm-spot__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--sdg-mm-ease)}
.sdg-mm-spot__slide:hover .sdg-mm-spot__img{transform:scale(1.05)}
.sdg-mm-spot__badge{position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:999px;background:#191919;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}
.sdg-mm-spot__badge.is-sale{background:#e32c2b}
.sdg-mm-spot__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:14px 0 8px;font-size:15px;font-weight:600;line-height:1.3;min-height:2.6em}
.sdg-mm-spot__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sdg-mm-spot__foot .sdg-mm-card__price{font-size:16px}
.sdg-mm-spot__go{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--sdg-mm-panel-fg,#fff);color:var(--sdg-mm-panel-bg,#000);font-size:13px;font-weight:700;white-space:nowrap;transition:background-color .15s,color .15s}
.sdg-mm-spot__slide:hover .sdg-mm-spot__go{background:var(--sdg-mm-panel-hover,#e32c2b);color:#fff}
.sdg-mm-spot__slide:focus-visible{outline:none}
.sdg-mm-spot__slide:focus-visible .sdg-mm-spot__pic{outline:2px solid var(--sdg-mm-panel-hover,#e32c2b);outline-offset:2px}
.sdg-mm-spot__dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.sdg-mm-spot__dot,.sdg-mm-spot__dot:hover,.sdg-mm-spot__dot:focus{all:unset;box-sizing:border-box;width:8px;height:8px;border-radius:999px;background:currentColor;opacity:.3;cursor:pointer;transition:width .25s var(--sdg-mm-ease),opacity .2s}
.sdg-mm-spot__dot[aria-current="true"]{width:22px;opacity:1}
.sdg-mm-spot__dot:focus-visible{outline:2px solid var(--sdg-mm-panel-hover,#e32c2b);outline-offset:2px}
.sdg-mm .sdg-mm-spot__all{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:var(--sdg-mm-panel-fg,#fff);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sdg-mm .sdg-mm-spot__all:hover{color:var(--sdg-mm-panel-hover,#e32c2b)}
.sdg-mm__col:has(> .sdg-mm-spot){padding-left:28px;border-left:1px solid var(--sdg-mm-panel-line,#2a2a2a)}
/* a spotlight with more columns after it (a row of pattern pictures) keeps the right side from top to bottom, so the
   next row sits under the lists beside it and the panel stays low enough for a laptop screen */
.sdg-mm__col:has(> .sdg-mm-spot):not(:last-child){grid-row:span 2}

/* ---------- brands: letters and logos ---------- */
.sdg-mm-az{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 14px}
.sdg-mm-az button,.sdg-mm-az button:hover,.sdg-mm-az button:focus{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:6px;font-size:13px;font-weight:600;color:inherit;opacity:.7;cursor:pointer;transition:background-color .15s,color .15s,opacity .15s}
.sdg-mm-az button:hover{opacity:1}
.sdg-mm-az button[aria-pressed="true"]{background:var(--sdg-mm-az-on-bg,#fff);color:var(--sdg-mm-az-on-fg,#000)}
.sdg-mm-az button:disabled{opacity:.2;cursor:default;background:none}
.sdg-mm-az button:focus-visible{outline:2px solid #e32c2b;outline-offset:1px}
.sdg-mm-brands__grid{display:grid;grid-template-columns:repeat(var(--cols,8),minmax(0,1fr));gap:12px}
.sdg-mm-brands__grid li[hidden]{display:none}
.sdg-mm-brands__grid.is-new li{animation:sdg-mm-fade .22s ease both}
@keyframes sdg-mm-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.sdg-mm-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;border-radius:8px;overflow:hidden;background:#111;outline:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:600;text-align:center;text-decoration:none;transition:outline-color .15s,transform .2s var(--sdg-mm-ease)}
.sdg-mm-logo:hover{outline:2px solid var(--sdg-mm-panel-hover,#e32c2b);transform:translateY(-2px)}
.sdg-mm-logo__img{display:block;width:100%;height:100%;object-fit:contain}

/* brand search: our name or the original brand */
.sdg-mm-bsearch{display:flex;align-items:center;gap:10px;height:46px;margin:0 0 12px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);transition:box-shadow .15s,background-color .15s}
.sdg-mm-bsearch:focus-within{background:rgba(255,255,255,.12);box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.sdg-mm-bsearch input[type=search],.sdg-mm-bsearch input[type=search]:focus{all:unset;flex:1;min-width:0;height:46px;font-size:16px;color:#fff}
.sdg-mm-bsearch input::placeholder{color:rgba(255,255,255,.55)}
.sdg-mm .sdg-mm-bsearch{max-width:520px}
.sdg-mm-bsearch__none{margin:6px 0 0;font-size:14px;opacity:.7}
.sdg-mm-brands__grid li{position:relative}
.sdg-mm-logo__real{display:none;margin-top:6px;font-size:12px;font-weight:600;text-align:center;opacity:.75}
.sdg-mm-brands.is-searching .sdg-mm-logo__real{display:block}
.sdg-mm-brands.is-searching .sdg-mm-az{opacity:.45}

/* ---------- promo card ---------- */
.sdg-mm-promo{position:relative;display:block;overflow:hidden;border-radius:14px;color:#fff;text-decoration:none;background:#111;min-height:200px}
.sdg-mm-promo__img{display:block;width:100%;height:100%;min-height:200px;object-fit:cover;transition:transform .5s var(--sdg-mm-ease)}
.sdg-mm-promo:hover .sdg-mm-promo__img{transform:scale(1.04)}
.sdg-mm-promo__body{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:4px;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.sdg-mm-promo__body strong{font-size:18px}
.sdg-mm-promo__body em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* ---------- the phone menu button ---------- */
.sdg-mm__burger,.sdg-mm__burger:hover,.sdg-mm__burger:focus{all:unset;box-sizing:border-box;display:none;align-items:center;justify-content:center;width:48px;height:48px;color:var(--sdg-mm-color,#fff);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sdg-mm-burgerwrap{display:flex;justify-content:flex-end}

/* phones and tablets: the menu button on the left, where its drawer slides in from, the bag on the right, the logo in
   the middle (David, 16 Oct 2026). The header's own columns are put in this order by what they hold, in CSS, so nothing
   moves after the page has loaded; the header itself is not edited. */
@media (max-width:1024px){
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger){flex-wrap:nowrap!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column{flex:0 0 auto}
	/* the logo's column keeps the theme's padding (10 px): without it the header lost 16 px and the logo touched its edges */
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:not(:has(.elementor-widget-image)) > .elementor-widget-wrap{padding:0!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.sdg-mm__burger){order:-2;width:52px!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.sdg-mm__burger) > .elementor-widget-wrap{justify-content:flex-start}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.sdg-mm__burger) .elementor-widget{width:auto!important}
	body.sdg-mm-ph-left .sdg-mm-burgerwrap{justify-content:flex-start}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-search-form){order:-1;width:44px!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-search-form) > .elementor-widget-wrap{justify-content:center}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-image){order:0;flex:1 1 0%;width:auto!important;min-width:0}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-image) > .elementor-widget-wrap{justify-content:center}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-image) .elementor-widget-image{width:100%;text-align:center}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-image) .elementor-widget-image img{width:var(--sdg-mm-ph-logo,100%)!important;max-width:100%!important;height:auto!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-woocommerce-menu-cart){order:2;width:96px!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-woocommerce-menu-cart) > .elementor-widget-wrap{justify-content:flex-end;flex-wrap:nowrap;padding-right:0!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-woocommerce-menu-cart) .elementor-widget-woocommerce-menu-cart{width:auto!important}
	/* without the search (it is the first thing in the menu): the menu button alone on the left, as wide as the bag's side */
	body.sdg-mm-ph-nosearch .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-search-form){display:none!important}
	body.sdg-mm-ph-nosearch .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.sdg-mm__burger){width:96px!important}
}
/* small phones (iPhone SE, 320 px): narrower sides and less padding beside the logo, so it keeps the size it has in the
   theme's order (about 150 px) instead of 108 px; the dog of Dog Profiles sits closer to the bag (pack.css) */
@media (max-width:360px){
	body.sdg-mm-ph-nosearch .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.sdg-mm__burger),
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-woocommerce-menu-cart){width:80px!important}
	body.sdg-mm-ph-left:not(.sdg-mm-ph-nosearch) .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.sdg-mm__burger){width:44px!important}
	body.sdg-mm-ph-left:not(.sdg-mm-ph-nosearch) .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-search-form){width:36px!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-image) > .elementor-widget-wrap{padding:10px 4px!important}
	body.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.elementor-widget-woocommerce-menu-cart) > .elementor-widget-wrap{padding-right:4px!important}
}
.sdg-mm-burgerwrap .sdg-mm__burger{display:none}
.sdg-mm__bars{display:flex;flex-direction:column;gap:6px;width:32px}
.sdg-mm__bars i{display:block;height:4px;border-radius:2px;background:currentColor;transition:transform .2s var(--sdg-mm-ease)}
.sdg-mm__burger:hover .sdg-mm__bars i:nth-child(2){transform:translateX(4px)}
.sdg-mm__burger:focus-visible{outline:2px solid #e32c2b;outline-offset:2px;border-radius:6px}
/* one set of icons in the phone header (PhoneHeader.php prints the shapes and sizes): the menu button's lines, the bag and
   the search drawn over by a mask in one weight and size; their boxes and the bag's count stay Elementor's. Dog
   Profiles draws its dog the same way (--sdg-mm-hi-paw). */
@media (max-width:1024px){
	body.sdg-mm-hi .sdg-mm__bars{width:calc(var(--sdg-mm-hi-size,24px) * .84);gap:calc(var(--sdg-mm-hi-size,24px) / 4 - var(--sdg-mm-hi-w,2.4px))}
	body.sdg-mm-hi .sdg-mm__bars i{height:var(--sdg-mm-hi-w,2.4px);border-radius:var(--sdg-mm-hi-w,2.4px)}
	/* the lines start as far from the left edge as the bag ends from the right one */
	body.sdg-mm-hi.sdg-mm-ph-left .elementor-container:has(> .elementor-column .sdg-mm__burger) > .elementor-column:has(.sdg-mm__burger) > .elementor-widget-wrap{padding-left:3px!important}
	body.sdg-mm-hi .elementor-container:has(> .elementor-column .sdg-mm__burger) .elementor-menu-cart__toggle .elementor-button-icon svg{fill:transparent!important;background:var(--toggle-button-icon-color,currentColor);width:var(--sdg-mm-hi-size,24px)!important;height:var(--sdg-mm-hi-size,24px)!important;-webkit-mask:var(--sdg-mm-hi-cart) center/contain no-repeat;mask:var(--sdg-mm-hi-cart) center/contain no-repeat}
	body.sdg-mm-hi .elementor-container:has(> .elementor-column .sdg-mm__burger) .elementor-search-form__toggle svg{fill:transparent!important;background:var(--e-search-form-toggle-color,currentColor);width:var(--sdg-mm-hi-size,24px)!important;height:var(--sdg-mm-hi-size,24px)!important;-webkit-mask:var(--sdg-mm-hi-search) center/contain no-repeat;mask:var(--sdg-mm-hi-search) center/contain no-repeat}
	/* the header stays on top by the browser itself (PhoneHeader::print_sticky): what is above it scrolls away */
	html.sdg-ph-sticky .elementor-location-header{position:sticky;top:calc(0px - var(--sdg-ph-top,0px));z-index:99}
}
@media (min-width:601px) and (max-width:782px){html.sdg-ph-sticky body.admin-bar .elementor-location-header{top:calc(46px - var(--sdg-ph-top,0px))}}
@media (min-width:783px) and (max-width:1024px){html.sdg-ph-sticky body.admin-bar .elementor-location-header{top:calc(32px - var(--sdg-ph-top,0px))}}
/* computers: the shop menu's row stays on top (PhoneHeader::print_sticky), what is above it scrolls away */
@media (min-width:1025px){html.sdg-dh-sticky .elementor-location-header{position:sticky;top:calc(0px - var(--sdg-dh-top,0px));z-index:99}html.sdg-dh-sticky body.admin-bar .elementor-location-header{top:calc(32px - var(--sdg-dh-top,0px))}}

/* ---------- the drawer ---------- */
.sdg-mmd{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--sdg-mmd-fg,#191919);overflow:hidden;font-size:var(--sdg-mmd-size,16px)}
.sdg-mmd:not([open]){display:none}
.sdg-mmd::backdrop{background:rgba(0,0,0,0);transition:background-color .26s ease}
.sdg-mmd.is-in::backdrop{background:rgba(0,0,0,.45)}
.sdg-mmd__sheet{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(var(--sdg-mmd-w,420px),calc(100vw - 56px));height:100%;background:var(--sdg-mmd-bg,#fff);box-shadow:8px 0 40px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform .3s var(--sdg-mm-ease);padding-bottom:env(safe-area-inset-bottom)}
.sdg-mmd[data-side="right"] .sdg-mmd__sheet{left:auto;right:0;transform:translateX(100%);box-shadow:-8px 0 40px rgba(0,0,0,.18)}
.sdg-mmd.is-in .sdg-mmd__sheet{transform:none}
.sdg-mmd.is-dragging .sdg-mmd__sheet{transition:none}
.sdg-mmd__head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px calc(8px + env(safe-area-inset-left));flex:none}
.sdg-mmd .sdg-mmd__close,.sdg-mmd .sdg-mmd__close:hover,.sdg-mmd .sdg-mmd__close:focus{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;color:inherit;cursor:pointer;transition:background-color .15s}

.sdg-mmd__search{flex:1;display:flex;align-items:center;gap:8px;height:44px;margin:0;padding:0 14px;border-radius:999px;background:#f2f2f2;color:#6d6d6d;transition:box-shadow .15s}
.sdg-mmd__search:focus-within{box-shadow:0 0 0 2px var(--sdg-mmd-accent,#191919)}
.sdg-mmd .sdg-mmd__search input[type=search]{all:unset;flex:1;min-width:0;height:44px;font-size:16px;color:var(--sdg-mmd-fg,#191919)}
.sdg-mmd__search input::placeholder{color:#8a8a8a}
.sdg-mmd__tabs{position:relative;display:flex;flex:none;gap:2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none;padding:0 6px;border-bottom:1px solid #ececec;scroll-behavior:smooth} /* sideways only: a finger moving up or down on the tabs never moves them (David, 16 Oct 2026) */
.sdg-mmd__tabs::-webkit-scrollbar{display:none}
.sdg-mmd .sdg-mmd__tab,.sdg-mmd .sdg-mmd__tab:hover,.sdg-mmd .sdg-mmd__tab:focus{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;gap:7px;flex:none;height:50px;padding:0 13px;font-size:15px;font-weight:600;color:#7a7a7a;white-space:nowrap;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent}
.sdg-mmd .sdg-mmd__tab[aria-selected="true"]{color:var(--sdg-mmd-accent,#191919);font-weight:700}

.sdg-mmd .sdg-mmd__tab:focus-visible{outline:2px solid #e32c2b;outline-offset:-6px;border-radius:8px}
.sdg-mmd__ink{position:absolute;left:0;bottom:0;height:3px;width:var(--w,0);border-radius:3px 3px 0 0;background:var(--sdg-mmd-accent,#191919);transform:translateX(var(--x,0));transition:transform .3s var(--sdg-mm-ease),width .3s var(--sdg-mm-ease)}
.sdg-mmd__body{position:relative;flex:1;min-height:0;overflow:hidden}
.sdg-mmd__pane{position:absolute;inset:0;overflow:hidden}
.sdg-mmd__pane[hidden]{display:none}
.sdg-mmd__pane.is-enter{animation:sdgMmdFade .22s ease both}
@keyframes sdgMmdFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sdg-mmd__level{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 0 28px;background:var(--sdg-mmd-bg,#fff);transition:transform .3s var(--sdg-mm-ease),opacity .3s ease;-webkit-overflow-scrolling:touch}
.sdg-mmd__level[hidden]{display:none}
.sdg-mmd__level.is-right{transform:translateX(100%)}
.sdg-mmd__level.is-under{transform:translateX(-24%);opacity:.6}
.sdg-mmd .sdg-mmd__back,.sdg-mmd .sdg-mmd__back:hover,.sdg-mmd .sdg-mmd__back:focus{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:6px;width:100%;min-height:48px;padding:0 16px;font-size:14px;font-weight:600;color:#6d6d6d;cursor:pointer}

.sdg-mmd__title{margin:0;padding:2px 18px 8px;font-size:22px;font-weight:700;line-height:1.2}
.sdg-mmd .sdg-mmd__row,.sdg-mmd .sdg-mmd__row:hover,.sdg-mmd .sdg-mmd__row:focus{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:6px 16px 6px 18px;color:inherit;font-size:var(--sdg-mmd-size,16px);font-weight:500;line-height:1.25;cursor:pointer;text-decoration:none;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}
.sdg-mmd .sdg-mmd__row:active{background:var(--sdg-mmd-hover,#f6f3ef)}
.sdg-mmd .sdg-mmd__row[aria-current]{font-weight:700}
.sdg-mmd .sdg-mmd__row.is-all,.sdg-mmd .sdg-mmd__row.is-bold{font-weight:700}
.sdg-mmd .sdg-mmd__row:focus-visible{outline:2px solid #e32c2b;outline-offset:-3px;border-radius:8px}
.sdg-mmd__label{flex:1;min-width:0}
.sdg-mmd__chev{display:inline-flex;color:#9a9a9a}
.sdg-mmd__head + *{margin-top:0}
.sdg-mmd p.sdg-mmd__head{display:block;margin:14px 0 2px;padding:0 18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a}
.sdg-mmd p.sdg-mmd__head a{color:inherit;text-decoration:none}
.sdg-mmd__tiles{padding:10px 16px 14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
.sdg-mmd .sdg-mm__tile{font-size:13px}
.sdg-mmd .sdg-mm__tile .sdg-mm-ico:not(.is-named){width:64px;height:64px}
.sdg-mmd .sdg-mm-row{padding:6px 0 4px}
.sdg-mmd .sdg-mm-row__head{padding:0 18px;margin-bottom:10px}
.sdg-mmd .sdg-mm-row__title{font-size:16px}
.sdg-mmd .sdg-mm-row__all{color:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.sdg-mmd .sdg-mm-row__strip{gap:12px;padding:0 18px 4px;scroll-padding-left:18px;min-height:228px}
.sdg-mmd .sdg-mm-card{flex-basis:148px}
.sdg-mmd .sdg-mm-row__strip[aria-busy="true"]::before{height:148px}
.sdg-mmd .sdg-mm-brands{padding:8px 14px}
.sdg-mmd .sdg-mm-az{--sdg-mm-az-on-bg:#191919;--sdg-mm-az-on-fg:#fff}
.sdg-mmd .sdg-mm-az{color:#191919}
.sdg-mmd .sdg-mm-brands__grid{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:10px}
.sdg-mmd .sdg-mm-logo{outline-color:rgba(0,0,0,.06)}
.sdg-mmd .sdg-mm-promo{margin:8px 14px}
.sdg-mmd__foot{display:flex;flex-wrap:wrap;justify-content:space-around;flex:none;border-top:1px solid #ececec;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
.sdg-mmd__foot a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;color:#6d6d6d;font-size:14px;text-decoration:none}

html.sdg-mmd-open,html.sdg-mmd-open body{overflow:hidden}

/* a dark drawer (black like the panels, David 14 Oct 2026): lines, fields and muted texts follow its background */
.sdg-mmd[data-tone="dark"] .sdg-mmd__sheet{box-shadow:8px 0 40px rgba(0,0,0,.5)}
.sdg-mmd[data-tone="dark"] .sdg-mmd__search{background:#1a1a1a;color:#9a9a9a}
.sdg-mmd[data-tone="dark"] .sdg-mmd__search input::placeholder{color:#8a8a8a}
.sdg-mmd[data-tone="dark"] .sdg-mmd__tabs{border-bottom-color:#262626}
.sdg-mmd[data-tone="dark"] .sdg-mmd__tab{color:#9a9a9a}
.sdg-mmd[data-tone="dark"] .sdg-mmd__back{color:#a3a3a3}
.sdg-mmd[data-tone="dark"] .sdg-mmd__chev{color:#7a7a7a}
.sdg-mmd[data-tone="dark"] p.sdg-mmd__head{color:#8f8f8f}
.sdg-mmd[data-tone="dark"] .sdg-mmd__hr{border-top-color:#262626}
.sdg-mmd[data-tone="dark"] .sdg-mm-az{color:#fff;--sdg-mm-az-on-bg:#fff;--sdg-mm-az-on-fg:#000}
.sdg-mmd[data-tone="dark"] .sdg-mm-logo{outline-color:rgba(255,255,255,.1)}
.sdg-mmd[data-tone="dark"] .sdg-mmd__foot{border-top-color:#262626}
.sdg-mmd[data-tone="dark"] .sdg-mmd__foot a{color:#a3a3a3}
.sdg-mmd[data-tone="dark"] .sdg-mm-row__btn{background:#fff;color:#191919}
.sdg-mmd[data-tone="dark"] .sdg-mm-fit__chip{border-color:#3a3a3a}
.sdg-mmd[data-tone="dark"] .sdg-mm-fit__chip[aria-pressed="true"]{background:#fff;border-color:#fff;color:#000}

.sdg-mmd[data-tone="light"] .sdg-mm-bsearch{background:#f2f2f2;color:#6d6d6d}
.sdg-mmd[data-tone="light"] .sdg-mm-bsearch:focus-within{box-shadow:0 0 0 2px #191919}
.sdg-mmd[data-tone="light"] .sdg-mm-bsearch input[type=search]{color:#191919}
.sdg-mmd[data-tone="light"] .sdg-mm-bsearch input::placeholder{color:#8a8a8a}
.sdg-mmd .sdg-mm-bsearch{margin:4px 0 12px}

/* ---------- Your dog (Fit) inside the menu ---------- */
.sdg-mm-fit{padding:12px 18px}
.sdg-mm .sdg-mm-fit{padding:0}
.sdg-mm-fit__title{margin:0 0 6px;font-size:16px;font-weight:700}
.sdg-mm-fit__hint{margin:0 0 12px;font-size:14px;line-height:1.45;opacity:.75}
.sdg-mm-fit__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sdg-mm-fit__chip,.sdg-mm-fit__chip:hover,.sdg-mm-fit__chip:focus{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #d7d7d7;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.sdg-mm-fit__chip:hover{border-color:currentColor}
.sdg-mm-fit__chip[aria-pressed="true"]{background:#191919;border-color:#191919;color:#fff}
.sdg-mm .sdg-mm-fit__chip[aria-pressed="true"]{background:#fff;border-color:#fff;color:#000}
.sdg-mm-fit__chip.is-add{border-style:dashed;font-weight:500;opacity:.8}
.sdg-mm-fit__cta,.sdg-mm-fit__cta:hover,.sdg-mm-fit__cta:focus{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 18px;border-radius:999px;background:#cab29f;color:#191919;font-size:15px;font-weight:700;text-align:center;cursor:pointer;transition:background-color .15s}
.sdg-mm-fit__cta:hover{background:#a48878}
.sdg-mm-fit__links{display:flex;gap:16px;margin-top:10px;font-size:14px}
.sdg-mm-fit__links a,.sdg-mm-fit__links button{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.sdg-mm-fit__chip:focus-visible,.sdg-mm-fit__cta:focus-visible,.sdg-mm-fit__links a:focus-visible,.sdg-mm-fit__links button:focus-visible{outline:2px solid #e32c2b;outline-offset:2px}

/* a date window: hidden until the script has checked it (the page is cached, the clock is the shopper's) */
.sdg-mm [data-from]:not(.is-on),.sdg-mm [data-to]:not(.is-on),.sdg-mmd [data-from]:not(.is-on),.sdg-mmd [data-to]:not(.is-on){display:none!important}

.sdg-mm-ribbon{position:fixed;left:12px;bottom:12px;z-index:100020;padding:8px 14px;border-radius:999px;background:#191919;color:#fff;font:600 13px/1.2 Montserrat,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.25);pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .sdg-mm *,.sdg-mmd *,.sdg-mmd::backdrop{transition:none!important;animation:none!important}
}

/* a row without an icon in a list where the others have one: its text lines up with theirs */
.sdg-mm__list:has(> li > .sdg-mm__item .sdg-mm-ico) > li > .sdg-mm__item:not(:has(.sdg-mm-ico))::before{content:"";flex:none;width:var(--sdg-mm-ico-w,34px)}
.sdg-mmd__list:has(.sdg-mmd__row .sdg-mm-ico) > li > .sdg-mmd__row:not(:has(.sdg-mm-ico))::before{content:"";flex:none;width:var(--sdg-mmd-ico-w,32px)}
/* hover only where there is a mouse: on a phone a tapped row, tab or button kept its hover look after the tap */
@media (hover:hover){.sdg-mmd .sdg-mmd__row:hover{background:var(--sdg-mmd-hover,#f6f3ef)}.sdg-mmd .sdg-mmd__close:hover{background:var(--sdg-mmd-hover,#f6f3ef)}.sdg-mmd .sdg-mmd__tab:hover{color:var(--sdg-mmd-accent,#191919)}.sdg-mmd .sdg-mmd__back:hover{color:var(--sdg-mmd-fg,#191919)}.sdg-mmd__foot a:hover{color:var(--sdg-mmd-fg,#191919)}.sdg-mmd[data-tone="dark"] .sdg-mmd__close:hover{background:#1a1a1a}}

/* modules/pack/assets/pack.css */
/* SDG Dog Profile (pack.js; docs/spec-pack.md §0): the dog in the header, the panel of dogs (from the right on
   computers, from the bottom on phones), a profile like Instagram, the wishlist with each dog's size, hearts on cards and
   the product photo, "Whose wishlist?", My account → Wishlist. In the shop's look (as the preview David saw on 15 Oct
   2026): Montserrat, ink and white, Fit's beige for the dog's size, red only for Add to cart.
   The theme styles every button and field (Astra, the Elementor kit, also on :hover / :focus / :active): our controls
   sit under .pk with two classes and name every state, so no state of theirs reaches in (the hover-reset lesson). */
.pk,.pk-scrim,.pk-popscrim{--ink:#191919;--mut:#6b6b6b;--line:#e6e6e6;--soft:#f6f4f1;--beige:#cab29f;--beige-d:#a48878;--red:#e32c2b;--red-d:#c52524;--ok:#1d6f42}
.pk{font-family:Montserrat,system-ui,-apple-system,sans-serif;color:var(--ink);font-size:14px;line-height:1.45;text-align:left}
.pk *,.pk *::before,.pk *::after{box-sizing:border-box}
.pk p{margin:0}
.pk [hidden]{display:none!important} /* our buttons name their display; hidden still wins */
.pk svg{flex:0 0 auto}

/* ---------- a dog's face: its photo, its letter on beige, or a person for My wishlist ---------- */
.pk-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:var(--soft)}
.pk-face img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;-webkit-user-drag:none;user-select:none}
.pk-face.is-letter{background:linear-gradient(135deg,#e7dbd0,var(--beige))}
.pk-face.is-letter b{font:800 1em/1 Montserrat,system-ui,sans-serif;color:#3d3027}
.pk-face.is-me{background:#efefef;color:var(--ink)}
.pk-face.is-me svg{width:52%;height:52%}

/* ---------- the header: the dog instead of the ruler ---------- */
html.sdg-pack-head .sdg-fit-head{display:none!important}
.pk-hashead{display:inline-flex;align-items:center}
.pk-hashead.is-phone{display:flex;align-items:center;justify-content:center;gap:2px}
html body .pk-head,html body .pk-head:hover,html body .pk-head:focus,html body .pk-head:active{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 8px;border-radius:8px;color:#fff;cursor:pointer;vertical-align:middle;flex:0 0 auto;background:transparent;-webkit-tap-highlight-color:transparent;transition:opacity .15s}
html body .pk-head svg{display:block}
@media (hover:hover){html body .pk-head:hover{opacity:.8}}
html body .pk-head:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.pk-head__dot{position:absolute;top:5px;right:3px;width:9px;height:9px;border-radius:50%;background:#e32c2b;box-shadow:0 0 0 2px #000}
@media (max-width:767px){html body .pk-head,html body .pk-head:hover,html body .pk-head:focus,html body .pk-head:active{width:34px;height:34px;margin:0 6px}}
/* the menu module's one set of phone header icons (body.sdg-mm-hi): the dog in the same line weight and size as the menu
   button and the bag beside it */
@media (max-width:360px){body.sdg-mm-ph-left .pk-head,body.sdg-mm-ph-left .pk-head:hover,body.sdg-mm-ph-left .pk-head:focus,body.sdg-mm-ph-left .pk-head:active{margin:0 2px}}
@media (max-width:1024px){body.sdg-mm-hi .pk-head svg{display:none}body.sdg-mm-hi .pk-head::before{content:"";display:block;width:var(--sdg-mm-hi-size,24px);height:var(--sdg-mm-hi-size,24px);background:currentColor;-webkit-mask:var(--sdg-mm-hi-paw) center/contain no-repeat;mask:var(--sdg-mm-hi-paw) center/contain no-repeat}}

/* ---------- the panel ---------- */
.pk-scrim{position:fixed;inset:0;z-index:100054;background:rgba(0,0,0,.42);opacity:0;transition:opacity .25s}
.pk-scrim.is-in{opacity:1}
.pk-panel{position:fixed;z-index:100055;display:flex;flex-direction:column;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.25);transition:transform .32s cubic-bezier(.2,.8,.2,1);outline:none}
@media (min-width:768px){.pk-panel{top:0;right:0;bottom:0;width:460px;transform:translateX(105%)}.pk-panel.is-in{transform:none}}
@media (max-width:767px){.pk-panel{left:0;right:0;bottom:0;height:92vh;height:92dvh;border-radius:22px 22px 0 0;transform:translateY(105%)}.pk-panel.is-in{transform:none}html.pk-open,html.pk-open body{overflow:hidden}}
.pk-grab{display:none;width:40px;height:5px;margin:8px auto 0;border-radius:999px;background:#d9d9d9;flex:0 0 auto}
@media (max-width:767px){.pk-grab{display:block}}
.pk-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 6px 18px;flex:0 0 auto}
.pk .pk-top h2{margin:0;padding:0;font:700 18px/1.2 Montserrat,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink)}
.pk .pk-x,.pk .pk-x:hover,.pk .pk-x:focus,.pk .pk-x:active{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;cursor:pointer;color:var(--ink);background:transparent;transition:background-color .15s}
.pk .pk-x:hover{background:var(--soft)}
.pk .pk-x svg{width:22px;height:22px}
.pk .pk-x:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}

/* the dogs as story rings; the one shown ringed in beige and ink */
.pk-rings{display:flex;gap:14px;padding:6px 18px 12px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto;border-bottom:1px solid var(--line)}
.pk-rings::-webkit-scrollbar{display:none}
.pk .pk-ring,.pk .pk-ring:hover,.pk .pk-ring:focus,.pk .pk-ring:active{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;width:66px;cursor:pointer;flex:0 0 auto;background:transparent;-webkit-tap-highlight-color:transparent}
.pk-ring__img{display:block;width:62px;height:62px;padding:2.5px;border-radius:50%;background:#e2e2e2;transition:background .2s}
.pk-ring__img .pk-face{border:2.5px solid #fff;font-size:22px}
.pk .pk-ring.is-on .pk-ring__img{background:linear-gradient(135deg,var(--beige),#191919)}
.pk-ring__name{max-width:66px;overflow:hidden;font-size:11.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}
.pk .pk-ring.is-add .pk-ring__img{display:flex;align-items:center;justify-content:center;background:var(--soft);border:1.5px dashed #bdbdbd;padding:0}
.pk-ring__plus{font:300 30px/1 Montserrat,system-ui,sans-serif;color:var(--ink)}
.pk .pk-ring:focus-visible .pk-ring__img{outline:2px solid var(--ink);outline-offset:2px}

/* the swipe: one page per dog, each scrolls on its own */
.pk-dots{display:flex;justify-content:center;gap:6px;padding:8px 0 0;flex:0 0 auto}
.pk-dots i{width:6px;height:6px;border-radius:50%;background:#d0d0d0;transition:background-color .2s,transform .2s}
.pk-dots i.is-on{background:#191919;transform:scale(1.25)}
.pk-track{position:relative;display:flex;flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.pk-track::-webkit-scrollbar{display:none}
@media (pointer:fine){.pk-track{cursor:grab}}
.pk-track.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.pk-track img{-webkit-user-drag:none;user-select:none}
.pk-page{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* ---------- a dog's profile: a cover photo, then who it is (David, 15 Oct 2026: "nie fotka v kruhu, ale cover") ---------- */
.pk-prof{padding:14px 18px 4px}
.pk .pk-cover,.pk .pk-cover:hover,.pk .pk-cover:focus,.pk .pk-cover:active{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:var(--soft);cursor:pointer;-webkit-tap-highlight-color:transparent}
.pk .pk-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1);-webkit-user-drag:none;user-select:none}
@media (hover:hover){.pk .pk-cover:hover img{transform:scale(1.02)}}
.pk .pk-cover.is-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#efe6dd,var(--beige))}
.pk-cover__letter{font:800 88px/1 Montserrat,system-ui,sans-serif;color:#3d3027;opacity:.9}
.pk-cover__add{position:absolute;left:50%;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font:700 12.5px/1 Montserrat,system-ui,sans-serif;transform:translateX(-50%);box-shadow:0 2px 10px rgba(0,0,0,.12);white-space:nowrap}
.pk .pk-cover:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pk-prof__name{display:flex;align-items:center;gap:8px;margin:14px 0 0}
.pk-name{margin:0!important;font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.01em}
.pk-me__t .pk-name{font-size:16px}
.pk-meta{margin:4px 0 0!important;color:var(--mut);font-size:13px}
.pk-bio{margin:8px 0 0!important;font-size:13.5px;line-height:1.5}
.pk-bday{display:inline-flex;margin:10px 0 0!important;padding:4px 10px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:700}
.pk-bday.is-today{background:#191919;color:#fff}
/* My wishlist's head (no dog): a person, the title, what it is */
.pk-prof__row{display:flex;align-items:center;gap:16px}
.pk .pk-prof__img,.pk .pk-prof__img:hover,.pk .pk-prof__img:focus,.pk .pk-prof__img:active{all:unset;box-sizing:border-box;display:block;flex:0 0 auto;width:64px;height:64px;padding:3px;border-radius:50%;background:#e2e2e2}
.pk .pk-prof__img .pk-face{border:3px solid #fff;font-size:24px}
.pk-me__t{flex:1 1 auto;min-width:0}

/* Sizes, opening right in the profile */
.pk-sizes{margin:12px 0 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;animation:pkIn .22s ease-out}
@keyframes pkIn{from{opacity:0;transform:translateY(-4px)}}
.pk-sizes__here{margin:0 0 12px!important;padding:9px 12px;border-radius:12px;background:var(--soft);font-size:13px;font-weight:700}
.pk-sizes__here.is-fit{background:var(--beige);color:#191919}
.pk-sizes__lead{margin:0 0 12px!important;color:var(--mut);font-size:12.5px;line-height:1.45}
.pk-sizes__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.pk-sizes__head b{font-size:14px}
.pk-sizes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pk-sizes .pk-f{margin:0 0 12px}
.pk-sizes .pk-sizes__grid .pk-f{margin:0}
.pk-num{position:relative;display:block;text-transform:none!important;letter-spacing:0!important}
.pk .pk-num input{padding-right:40px!important}
.pk-num__u{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--mut);font-size:12.5px;font-style:normal;font-weight:600;pointer-events:none}
.pk-sizes .pk-f>span:first-child{display:block;margin:0 0 5px;font-size:12px;font-weight:700}
.pk-sizes .pk-sizes__grid+.pk-f{margin-top:12px}
.pk-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#efefef}
.pk-seg.is-wide{display:flex}
.pk .pk-seg__b,.pk .pk-seg__b:hover,.pk .pk-seg__b:focus,.pk .pk-seg__b:active{all:unset;box-sizing:border-box;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:42px;padding:0 12px;border-radius:999px;color:#555;font:700 12.5px/1 Montserrat,system-ui,sans-serif;cursor:pointer;transition:background-color .15s,color .15s}
.pk .pk-seg__b:hover{color:var(--ink)}
.pk .pk-seg__b.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pk .pk-seg__b:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.pk-checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 10px}
.pk-check{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:13px;font-weight:600;cursor:pointer}
.pk-check input{position:absolute;width:1px;height:1px;opacity:0}
.pk-check__box{width:20px;height:20px;border:1.5px solid #bdbdbd;border-radius:6px;background:#fff;transition:background-color .15s,border-color .15s}
.pk-check input:checked+.pk-check__box{border-color:#191919;background:#191919 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.pk-check input:focus-visible+.pk-check__box{outline:2px solid var(--ink);outline-offset:2px}
.pk-how{margin:0 0 12px;font-size:12.5px}
.pk-how summary{cursor:pointer;font-weight:700;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:30px}
.pk-how summary::-webkit-details-marker{display:none}
.pk-how summary::after{content:"+";font-weight:400;font-size:16px;line-height:1}
.pk-how[open] summary::after{content:"\2212"}
.pk-how p{margin:4px 0 0!important;color:var(--mut);line-height:1.5}
.pk .pk-btn .pk-chev{width:14px;height:14px;transition:transform .2s}
.pk .pk-btn.is-open .pk-chev{transform:rotate(180deg)}

/* the tabs under a profile, like Instagram's: an icon and a word, a line under the open one */
.pk-tabs-wrap{margin:16px 0 0}
.pk-tabs{position:sticky;top:0;z-index:3;display:flex;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pk .pk-tab,.pk .pk-tab:hover,.pk .pk-tab:focus,.pk .pk-tab:active{all:unset;box-sizing:border-box;position:relative;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 6px;color:var(--mut);font:700 12.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;transition:color .15s}
.pk .pk-tab:hover{color:var(--ink)}
.pk .pk-tab.is-on{color:var(--ink)}
.pk .pk-tab::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;border-radius:2px;background:transparent;transition:background-color .2s}
.pk .pk-tab.is-on::after{background:#191919}
.pk .pk-tab:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:10px}
.pk-tab__n{min-width:18px;padding:2px 6px;border-radius:999px;background:#efefef;color:var(--ink);font-size:10.5px;font-style:normal;line-height:1.2;text-align:center}
.pk .pk-tab.is-on .pk-tab__n{background:#191919;color:#fff}
.pk-wl.is-tab{margin:0;border-top:0}
.pk-wl.is-tab .pk-grid{padding-top:14px}
.pk-wl.is-tab .pk-offer{margin-top:14px}
.pk-empty--tab{padding:30px 22px 34px}
.pk-empty .pk-empty__art svg{color:var(--ink)}
.pk-empty__art{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 6px;border-radius:50%;background:var(--soft);color:var(--ink)}
.pk-empty__art.is-art{width:76px;height:76px}
.pk .pk-art{display:block;max-width:none;height:auto;margin:0;border-radius:0;box-shadow:none}
.pk-soon{display:inline-block;margin:6px auto 0;padding:4px 10px;border-radius:999px;background:#191919;color:#fff!important;font-size:11px!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* buttons: soft grey, ink for the main one; red only for Add to cart */
.pk-btns{display:flex;gap:8px;margin:14px 0 0}
/* the measures at a glance (one button: opens Sizes) */
/* every measure in sight: a grid that wraps (a strip to the side hid Nose to tail and Weight on phones) */
.pk .pk-measures,.pk .pk-measures:hover,.pk .pk-measures:focus,.pk .pk-measures:active{all:unset;box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:8px;width:100%;margin:12px 0 0;padding:2px 0 4px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pk .pk-measures:focus-visible{outline:2px solid #191919;outline-offset:3px;border-radius:14px}
.pk-measure{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:9px 12px;border-radius:14px;background:#f4eee8;border:1px solid #ece2d8;transition:border-color .15s,transform .15s}
.pk-measure small{font-size:11px;font-weight:600;color:#7a6a5e;letter-spacing:.02em;white-space:nowrap}
.pk-measure b{font-size:17px;font-weight:800;line-height:1.1;color:#191919;white-space:nowrap}
.pk-measure b i{font-style:normal;font-size:12px;font-weight:600;color:#7a6a5e}
.pk-measure.is-here{background:#191919;border-color:#191919}
.pk-measure.is-here small{color:#cab29f}
.pk-measure.is-here b{color:#fff}
.pk-measure.is-here.is-hot b{color:#fff}
.pk-measure.is-here.is-hot{box-shadow:inset 0 -3px 0 #e32c2b}
@media (hover:hover){.pk .pk-measures:hover .pk-measure{border-color:#cab29f}}
.pk .pk-btn,.pk .pk-btn:hover,.pk .pk-btn:focus,.pk .pk-btn:active{all:unset;box-sizing:border-box;position:relative;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:10px;background:#efefef;color:var(--ink);font:700 13px/1.2 Montserrat,system-ui,sans-serif;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .15s}
.pk .pk-btn:hover{background:#e4e4e4}
.pk .pk-btn.is-dark{background:#191919;color:#fff}
.pk .pk-btn.is-dark:hover{background:#000;color:#fff}
.pk .pk-btn.is-wide,.pk .pk-btn.is-wide:hover,.pk .pk-btn.is-wide:focus{display:flex;width:100%;flex:1 1 100%}
.pk .pk-btn svg{width:16px;height:16px}
.pk .pk-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pk .pk-btn:disabled{opacity:.6;cursor:default}
.pk .pk-btn.is-busy{color:transparent!important}
.pk .pk-btn.is-busy::after,.pk .pk-card__add.is-busy::after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:pkSpin .7s linear infinite}
@keyframes pkSpin{to{transform:rotate(360deg)}}
.pk .pk-link,.pk .pk-link:hover,.pk .pk-link:focus,.pk .pk-link:active{all:unset;cursor:pointer;display:inline-flex;align-items:center;min-height:34px;font:700 13px/1.3 Montserrat,system-ui,sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pk .pk-link.is-quiet{color:var(--mut)}
.pk .pk-link.is-danger{color:#b42318}
.pk .pk-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* without a dog */
.pk-none{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 24px 32px;text-align:center}
/* nothing in the column grows or shrinks: the panel is a column of fixed height, and the wide button's 100% basis took
   the art's height (a 92 × 44 oval and an 88 px tall button, 21 Oct 2026) */
.pk-none>*{flex:0 0 auto}
.pk-none__art{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin:0 0 8px;border-radius:50%;background:#fff;color:#3d3027;box-shadow:0 0 0 1px #eadfd4,0 0 0 7px #f7f2ed}
.pk-none b{font-size:19px;line-height:1.3}
.pk-none p{max-width:320px;color:var(--mut);font-size:13.5px;line-height:1.55}
.pk .pk-none .pk-btn.is-wide,.pk .pk-none .pk-btn.is-wide:hover,.pk .pk-none .pk-btn.is-wide:focus,.pk .pk-none .pk-btn.is-wide:active{flex:0 0 auto;display:inline-flex;width:auto;min-width:220px;max-width:100%;min-height:48px;margin-top:14px;padding:0 30px;border-radius:999px;font-size:14px} /* with the reset's states: hover never moves it */
.pk .pk-none .pk-btn svg{width:18px;height:18px}
.pk-signin{padding:10px 18px 14px;color:var(--mut);font-size:12.5px;text-align:center}
.pk-signin a{color:var(--ink);font-weight:700}

/* ---------- the wishlist ---------- */
.pk-wl{margin:16px 0 0;border-top:1px solid var(--line)}
.pk-wl__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px 10px;background:#fff}
.pk-wl__title{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.pk-wl__n{color:var(--mut);font-size:12.5px}
.pk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:4px 18px 28px}
.pk-card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.pk-card__img{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--soft)}
.pk-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pk-card__img:hover img{transform:scale(1.03)}
.pk-card.is-gone .pk-card__img{display:flex;align-items:center;justify-content:center;color:#c4c4c4}
.pk-card.is-gone .pk-card__name{color:var(--mut)}
.pk-card.is-loading .pk-card__img{background:linear-gradient(100deg,#ececec 30%,#f6f6f6 50%,#ececec 70%) 0 0/300% 100%;animation:pkShine 1.2s linear infinite}
@keyframes pkShine{to{background-position:-150% 0}}
.pk .pk-card__rm,.pk .pk-card__rm:hover,.pk .pk-card__rm:focus,.pk .pk-card__rm:active{all:unset;box-sizing:border-box;position:absolute;bottom:8px;right:8px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--red);box-shadow:0 2px 10px rgba(0,0,0,.14);cursor:pointer}
.pk .pk-card__rm:hover{transform:scale(1.07)}
.pk .pk-card__rm:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pk .pk-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.35;text-decoration:none}
.pk .pk-card__name:hover{text-decoration:underline;text-underline-offset:2px}
.pk-card__name.is-ghost{background:#f1f1f1;border-radius:6px}
.pk-card__price{font-size:13px;font-weight:700}
.pk-card__price del{color:var(--mut);font-weight:500}
.pk-card__price ins{color:var(--red);text-decoration:none}
.pk-tag{align-self:flex-start;max-width:100%;overflow:hidden;padding:3px 9px;border-radius:999px;background:var(--soft);font-size:11.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.pk-tag.is-fit{background:var(--beige);color:#191919}
.pk-tag.is-out{background:#f1f1f1;color:var(--mut)}
.pk-tag.is-drop{background:#e5f3ea;color:var(--ok)}
.pk .pk-card__add,.pk .pk-card__add:hover,.pk .pk-card__add:focus,.pk .pk-card__add:active{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;margin-top:auto;min-height:38px;padding:0 8px;border-radius:999px;background:var(--red);color:#fff;font:700 12.5px/1.2 Montserrat,system-ui,sans-serif;text-align:center;cursor:pointer;transition:background-color .15s}
.pk .pk-card__add:hover{background:var(--red-d);color:#fff}
.pk .pk-card__add.is-done{background:#191919}
.pk .pk-card__add.is-quiet{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #d0d0d0;text-decoration:none}
.pk .pk-card__add.is-quiet:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);background:#fff}
.pk .pk-card__add.is-busy{color:transparent}
.pk .pk-card__add:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pk .pk-card__add:disabled{cursor:default}
.pk-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 28px 40px;text-align:center;color:var(--mut);font-size:13px;line-height:1.5}
.pk-empty svg{color:#c9c9c9}
.pk-empty b{color:var(--ink);font-size:15px}

/* ---------- editing a profile ---------- */
.pk-edit{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.pk-edit__bar{display:flex;align-items:center;gap:6px;padding:0 12px 8px;border-bottom:1px solid var(--line)}
.pk-edit__bar b{font-size:15px}
.pk-edit__form{flex:1 1 auto;overflow-y:auto;padding:16px 18px 28px;overscroll-behavior:contain}
.pk-edit__photo{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 16px}
.pk-edit__pic{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:16px;background:var(--soft);cursor:pointer}
.pk-edit__shown{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:16px;color:#bdbdbd}
.pk-edit__shown img{width:100%;height:100%;object-fit:cover}
.pk-edit__shown img.pk-art{width:auto;height:62%;object-fit:contain} /* the drawn dog until a photo is chosen */
.pk-edit__cam{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#191919;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.pk-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.pk-edit__pic:focus-within{outline:2px solid var(--ink);outline-offset:3px}
.pk-edit__photobtns{display:flex;flex-direction:row;align-items:center;gap:16px}
.pk-f{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.pk-f>span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.pk .pk-f input,.pk .pk-f textarea,.pk .pk-f select,.pk .pk-new input{width:100%;min-height:46px;margin:0;padding:10px 12px;border:1px solid #d0d0d0;border-radius:10px;background:#fff;color:var(--ink);font:500 16px/1.3 Montserrat,system-ui,sans-serif;box-shadow:none;outline:none}
.pk .pk-f textarea{min-height:70px;resize:vertical}
.pk .pk-f input:focus,.pk .pk-f textarea:focus,.pk .pk-f select:focus,.pk .pk-new input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.pk-bday-row{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:8px}
.pk .pk-bday-row select{padding:0 8px;font-size:15px}
.pk-hint{color:var(--mut);font-size:12px}
.pk-err{margin:0 0 12px!important;padding:10px 12px;border-radius:10px;background:#fdecea;color:#b42318;font-size:13px;font-weight:600}
.pk-edit__acts{display:flex;flex-direction:column;gap:8px;margin:6px 0 0}
.pk .pk-link.pk-edit__del,.pk .pk-link.pk-edit__del:hover,.pk .pk-link.pk-edit__del:focus,.pk .pk-link.pk-edit__del:active{margin-top:14px}

/* ---------- the heart on cards and the product photo ---------- */
.pk-hashearts{position:relative}
/* the heart: bottom right of the photo (David, 15 Oct 2026: Sale top left, the bag top right, the wishlist bottom right),
   in one column with the theme's bag and the photo arrow; on hover it says what it does, in the same black pill as the bag */
html body .pk-heart,html body .pk-heart:hover,html body .pk-heart:focus,html body .pk-heart:active{all:unset;box-sizing:border-box;position:absolute;z-index:6;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);color:#191919;box-shadow:0 2px 10px rgba(0,0,0,.16);cursor:pointer;transition:transform .18s,color .15s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
html body .pk-heart svg{width:20px;height:20px;transition:transform .18s}
html body .pk-heart:focus-visible{outline:2px solid #191919;outline-offset:2px}
html body .pk-heart.is-on{color:#e32c2b}
html body .pk-heart.is-on svg path{fill:currentColor}
html body .pk-heart .pk-heart__dog{position:absolute;right:-5px;top:-5px;width:19px;height:19px;font-size:9px;border:2px solid #fff;box-shadow:none}
html body .pk-heart.is-pop{animation:pkPop .35s}
@keyframes pkPop{40%{transform:scale(1.28)}}
html body .pk-heart.is-card,html body .pk-heart.is-card:hover,html body .pk-heart.is-card:focus,html body .pk-heart.is-card:active{width:36px;height:36px;right:10px;bottom:10px}
html body .pk-heart.is-card svg{width:18px;height:18px}
html body .pk-heart.is-big,html body .pk-heart.is-big:hover,html body .pk-heart.is-big:focus,html body .pk-heart.is-big:active{width:46px;height:46px;right:14px;bottom:14px}
html body .pk-heart.is-big svg{width:23px;height:23px}
/* the words on hover: a black pill to the left, the same for the heart and the theme's bag */
.pk-heart__tip,.pk-hashearts .ast-card-action-tooltip{position:absolute!important;top:50%!important;right:calc(100% + 8px)!important;left:auto!important;bottom:auto!important;display:block!important;height:auto!important;padding:7px 12px!important;border-radius:999px!important;background:#191919!important;color:#fff!important;font:600 12px/1.2 Montserrat,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.18);opacity:0!important;visibility:visible!important;transform:translate(6px,-50%)!important;transition:opacity .18s,transform .18s!important}
/* phones: the heart first in the card's row of actions beside Fit's size badge, a beige circle like the badge; saved it
   is black with a red heart (as a chosen chip); the touch target is 44 px (the circle 32) */
html body .pk-heart.is-row,html body .pk-heart.is-row:hover,html body .pk-heart.is-row:focus,html body .pk-heart.is-row:active{position:relative;right:auto;bottom:auto;z-index:auto;flex:none;width:32px;height:32px;background:#cab29f;color:#191919;box-shadow:none}
html body .pk-heart.is-row::before{content:"";position:absolute;inset:-6px}
html body .pk-heart.is-row svg{width:17px;height:17px}
html body .pk-heart.is-row.is-on{background:#191919;color:#e32c2b}
html body .pk-heart.is-row .pk-heart__dog{right:-6px;top:-6px;width:16px;height:16px;font-size:8px;border-color:#f8f8f8}
/* the product page: beside Add to cart, as tall as it, in the form's shape (the quantity's border) */
html body .pk-heart.is-buy,html body .pk-heart.is-buy:hover,html body .pk-heart.is-buy:focus,html body .pk-heart.is-buy:active{position:relative;right:auto;bottom:auto;z-index:auto;flex:none;align-self:stretch;width:54px;height:auto;min-height:44px;margin:0;border:1px solid #d7d7d7;border-radius:3px;background:#fff;color:#191919;box-shadow:none;transition:border-color .15s,color .15s}
/* the row's children get flex:1 1 100% from the site's own CSS (not this plugin): the heart keeps its square beside Add
   to cart, which takes the rest (at least 150 px); where the heart would be alone on a line, pack.js sets .pk-buy-stack and
   Add to cart goes under the quantity together with it. David, 16 Oct 2026: on phones a square like on computers, not a full row;
   the same space on both sides of Add to cart (the row's own 12 px gap, no margin of the heart's own). */
html body .pk-heart .pk-heart__label{display:none}
.single-product .summary :is(.woocommerce-variation-add-to-cart,form.cart) > .pk-heart.is-buy{flex:0 0 52px!important;width:52px!important;max-width:52px!important;align-self:flex-start;height:52px}
.single-product .summary :is(.woocommerce-variation-add-to-cart,form.cart):has(> .pk-heart.is-buy) > .single_add_to_cart_button{flex:1 1 0!important;min-width:150px!important;width:auto!important;padding-left:10px!important;padding-right:10px!important;white-space:nowrap!important}
.single-product .summary :is(.woocommerce-variation-add-to-cart,form.cart).pk-buy-stack:has(> .pk-heart.is-buy) > .single_add_to_cart_button{flex:1 1 calc(100% - 65px)!important} /* the heart 52 + the row's gap 12 */
html body .pk-heart.is-buy svg{width:22px;height:22px}
html body .pk-heart.is-buy.is-on{background:#fff;border-color:#d7d7d7;color:#e32c2b}
html body .pk-heart.is-buy svg path{transition:fill .15s}
/* the heart lights up red (David, 16 Oct 2026: "na hover a klik nech je add to wishlist srdiečko zasvieti na červeno"):
   pressed on every device, under the mouse on computers (below); saved it stays a full red heart */
html body .pk-heart.is-buy:active{color:#e32c2b;border-color:#e32c2b}
html body .pk-heart.is-buy:active svg{transform:scale(.9)}
html body .pk-heart.is-buy .pk-heart__dog{right:-7px;top:-7px}
.pk-heart.is-buy .pk-heart__tip{top:auto!important;bottom:calc(100% + 8px)!important;right:0!important;transform:translate(0,4px)!important}
@media (hover:hover) and (pointer:fine){
  html body .pk-heart:hover{box-shadow:0 4px 16px rgba(0,0,0,.22)}
  html body .pk-heart:hover svg{transform:scale(1.1)}
  html body .pk-heart:hover .pk-heart__tip,html body .pk-heart:focus-visible .pk-heart__tip,.pk-hashearts .ast-on-card-button:hover .ast-card-action-tooltip,.pk-hashearts .ast-on-card-button:focus-visible .ast-card-action-tooltip{opacity:1!important;transform:translate(0,-50%)!important}
  html body .pk-heart.is-buy:hover{box-shadow:none;border-color:#e32c2b;color:#e32c2b}
  html body .pk-heart.is-buy:hover svg path{fill:rgba(227,44,43,.16)}
  html body .pk-heart.is-buy.is-on:hover svg path{fill:currentColor}
  html body .pk-heart.is-buy:hover .pk-heart__tip,html body .pk-heart.is-buy:focus-visible .pk-heart__tip{transform:translate(0,0)!important}
}
@media (hover:none),(pointer:coarse){.pk-heart__tip{display:none!important}}
/* the theme's bag on a card: top right, in the column of the photo arrow and the heart */
.astra-shop-thumbnail-wrap.pk-hashearts .ast-select-options-trigger,.astra-shop-thumbnail-wrap.pk-hashearts .ast-on-card-button:not(.ast-onsale-card){top:10px!important;right:10px!important;left:auto!important;opacity:1!important}
.pk-hashearts .ast-on-card-button:not(.ast-onsale-card) .ahfb-svg-iconset{background:rgba(255,255,255,.96)!important;color:#191919!important;box-shadow:0 2px 10px rgba(0,0,0,.16)!important;transition:box-shadow .18s}
.pk-hashearts .ast-on-card-button:not(.ast-onsale-card) .ahfb-svg-iconset svg{fill:#191919;transition:transform .18s}
@media (hover:hover) and (pointer:fine){.pk-hashearts .ast-on-card-button:not(.ast-onsale-card):hover .ahfb-svg-iconset{box-shadow:0 4px 16px rgba(0,0,0,.22)!important}.pk-hashearts .ast-on-card-button:not(.ast-onsale-card):hover .ahfb-svg-iconset svg{transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){html body .pk-heart,html body .pk-heart svg,.pk-heart__tip,.pk-hashearts .ast-card-action-tooltip{transition:none!important}}

/* "Whose wishlist?": beside the heart on computers, from the bottom on phones */
.pk-popscrim{position:fixed;inset:0;z-index:100079;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s}
.pk-popscrim.is-in{opacity:1}
.pk-pop{position:fixed;z-index:100080;width:320px;max-height:calc(100vh - 24px);overflow-y:auto;padding:16px;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.25);opacity:0;transform:translateY(6px) scale(.98);transition:opacity .18s,transform .18s}
.pk-pop.is-in{opacity:1;transform:none}
@media (max-width:767px){.pk-pop{left:0!important;right:0;top:auto!important;bottom:0;width:auto;max-height:80vh;padding:14px 16px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;transform:translateY(40px)}.pk-pop.is-in{transform:none}}
.pk .pk-pop h3,.pk-pop.pk h3{margin:0 0 3px;padding:0;font:700 16px/1.3 Montserrat,system-ui,sans-serif;color:var(--ink);text-transform:none;letter-spacing:0}
.pk-pop>p{margin:0 0 10px!important;color:var(--mut);font-size:12.5px}
.pk .pk-who,.pk .pk-who:hover,.pk .pk-who:focus,.pk .pk-who:active{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:7px 8px;border-radius:12px;cursor:pointer;background:transparent;color:var(--ink);transition:background-color .15s}
.pk .pk-who:hover{background:var(--soft)}
.pk .pk-who:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.pk-who__face{width:42px!important;height:42px!important;flex:0 0 42px;font-size:16px}
.pk-who__tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.pk-who__tx b{font-size:14px;font-weight:700}
.pk-who__tx small{color:var(--mut);font-size:11.5px;line-height:1.3}
.pk-who__size{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--beige);font-size:11px;font-weight:700}
.pk-who__size.is-none{background:#f1f1f1;color:var(--mut)}
.pk-who__ck{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #c8c8c8}
.pk .pk-who.is-on .pk-who__ck{background:#191919;border-color:#191919;color:#fff}
.pk-who__ck svg{width:15px;height:15px}
.pk-pop__new{margin:10px 0 6px!important;padding-top:10px;border-top:1px solid var(--line);color:var(--mut);font-size:12px;font-weight:700}
.pk-new{display:flex;gap:8px}
.pk-new .pk-btn{flex:0 0 auto}

/* a short note with the dog's face */
.pk-toast{position:fixed;z-index:100090;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:7px 7px 7px 8px;border-radius:999px;background:#191919;color:#fff;font-size:13px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translate(-50%,24px);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}
.pk-toast.is-in{transform:translate(-50%,0);opacity:1}
.pk-toast__face{width:30px!important;height:30px!important;flex:0 0 30px;font-size:12px}
.pk-toast>span:not(.pk-face){padding-right:4px;min-width:0}
/* above the dock, never under it */
html.sdg-dock-on:not(.sdg-dock-away) .pk-toast{bottom:calc(var(--sdg-dock-h,64px) + 14px + env(safe-area-inset-bottom))}
/* phones: a full-width bar (David, 23 Oct 2026: the pill squeezed "Saved to My wishlist" into three lines and cut
   "Add your dog"); the words take the room, the button keeps its words and stands out in white */
@media (max-width:767px){
  .pk-toast{left:12px;right:12px;max-width:none;gap:12px;padding:10px 10px 10px 12px;border-radius:18px;font-size:14px;line-height:1.3;transform:translateY(24px);box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}
  .pk-toast.is-in{transform:translateY(0)}
  .pk-toast>span:not(.pk-face){flex:1 1 auto}
  .pk-toast__face{width:34px!important;height:34px!important;flex-basis:34px}
}
.pk .pk-toast__act,.pk .pk-toast__act:hover,.pk .pk-toast__act:focus,.pk .pk-toast__act:active{all:unset;flex:0 0 auto;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;cursor:pointer}
.pk .pk-toast__act:hover{background:rgba(255,255,255,.26)}
.pk .pk-toast__act:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pk .pk-toast__act,.pk .pk-toast__act:hover,.pk .pk-toast__act:focus,.pk .pk-toast__act:active{white-space:nowrap}
@media (max-width:767px){
  .pk .pk-toast__act,.pk .pk-toast__act:hover,.pk .pk-toast__act:focus,.pk .pk-toast__act:active{padding:10px 16px;background:#fff;color:#191919}
  .pk .pk-toast__act:hover{background:#cab29f;color:#191919}
}

/* ---------- My account → Wishlist: the same, on a page ---------- */
.sdg-pack-mount{min-height:200px}
.pk-page-mode{max-width:760px}
.pk-page-mode .pk-rings.is-page{padding:0 0 14px;margin:0 0 4px}
.pk-page-mode .pk-page{height:auto;overflow:visible}
.pk-page-mode .pk-prof{padding:16px 0 6px}
.pk-page-mode .pk-wl__head{position:static;padding:12px 0 10px}
.pk-page-mode .pk-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));padding:4px 0 28px}
.pk-page-mode .pk-btns{max-width:420px}
.pk-loading{height:220px;border-radius:16px;background:linear-gradient(100deg,#ececec 30%,#f6f6f6 50%,#ececec 70%) 0 0/300% 100%;animation:pkShine 1.2s linear infinite}

@media (prefers-reduced-motion:reduce){.pk *,.pk-panel,.pk-pop,.pk-toast,.pk-scrim,.pk-popscrim,html body .pk-heart{transition:none!important;animation:none!important}}

/* a wishlist offer: this customer's code, valid for a few hours (the price on the cards is the price with it) */
.pk-offer{display:grid;gap:6px;margin:4px 18px 12px;padding:14px 16px;border-radius:16px;background:#191919;color:#fff}
.pk-page-mode .pk-offer{margin:4px 0 14px}
.pk-offer__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pk-offer__title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;line-height:1.25}
.pk-offer__title svg{flex:0 0 auto;color:var(--beige)}
.pk-offer__ends{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;white-space:nowrap}
.pk-offer__how{color:rgba(255,255,255,.74);font-size:12.5px;line-height:1.45}
.pk-offer__code{display:flex;align-items:center;gap:8px;margin-top:4px}
.pk-offer__code b{padding:8px 12px;border:1px dashed rgba(255,255,255,.5);border-radius:10px;font:800 13.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.pk .pk-offer__copy,.pk .pk-offer__copy:hover,.pk .pk-offer__copy:focus,.pk .pk-offer__copy:active{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#fff;color:#191919;font:700 12.5px/1 Montserrat,system-ui,sans-serif;cursor:pointer;transition:background-color .15s}
.pk .pk-offer__copy:hover{background:var(--beige)}
.pk .pk-offer__copy:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pk-tag.is-offer{background:#191919;color:#fff}
/* My account → Wishlist: offers by e-mail, the customer's own yes or no */
.pk-pref{position:relative;display:flex;align-items:center;gap:14px;margin:6px 0 24px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;cursor:pointer}
.pk-pref__t{display:grid;gap:3px;flex:1 1 auto;min-width:0}
.pk-pref__t b{font-size:14px}
.pk-pref__t span{color:var(--mut);font-size:12.5px;line-height:1.45}
.pk-pref input{position:absolute;width:1px;height:1px;opacity:0}
.pk-pref__sw{position:relative;flex:0 0 44px;width:44px;height:26px;border-radius:999px;background:#d7d7d7;transition:background-color .15s}
.pk-pref__sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.pk-pref input:checked~.pk-pref__sw{background:#191919}
.pk-pref input:checked~.pk-pref__sw::after{transform:translateX(18px)}
.pk-pref input:focus-visible~.pk-pref__sw{outline:2px solid #191919;outline-offset:2px}
.pk-pref input:disabled~.pk-pref__sw{opacity:.5}
@media (prefers-reduced-motion:reduce){.pk-pref__sw,.pk-pref__sw::after{transition:none}}

/* ---------- Lookbook: a 3-column grid like Instagram's, a new photo, one photo ---------- */
.pk-amb{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;background:#191919;color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.pk-amb svg{color:var(--beige)}
.pk-lb{padding:2px 0 26px}
.pk-lb__loading{height:180px;margin:14px 18px;border-radius:14px;background:linear-gradient(90deg,#f3f3f3,#fafafa,#f3f3f3);background-size:200% 100%;animation:pkShine 1.2s linear infinite}
@keyframes pkShine{to{background-position:-200% 0}}
.pk-lb__info{display:flex;flex-direction:column;gap:4px;padding:12px 18px 2px}
.pk-lb__amb{color:var(--mut);font-size:12px;line-height:1.4}
.pk-coinline{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink)}
.pk-empty .pk-coinline{margin-top:4px}
.pk-coin{flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#e7b84a 55%,#b9861f);box-shadow:inset 0 0 0 1.5px rgba(120,80,10,.35)}
.pk-lb__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:12px 0 0}
.pk .pk-lbt,.pk .pk-lbt:hover,.pk .pk-lbt:focus,.pk .pk-lbt:active{all:unset;box-sizing:border-box;position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--soft);cursor:pointer}
.pk .pk-lbt img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s,opacity .2s;-webkit-user-drag:none;user-select:none}
@media (hover:hover){.pk .pk-lbt:hover img{transform:scale(1.04)}}
.pk .pk-lbt:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.pk .pk-lbt.is-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed #c9c9c9;background:#fff;color:var(--ink);font:700 12px/1.2 Montserrat,system-ui,sans-serif}
.pk .pk-lbt.is-add:hover{border-color:var(--ink)}
.pk .pk-lbt.is-pending img{opacity:.7}
.pk .pk-lbt.is-declined img{opacity:.35;filter:grayscale(1)}
.pk-lbt__tag{position:absolute;left:6px;bottom:6px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font-size:10.5px;font-weight:800}
.pk-lbt__tag.is-no{background:#191919;color:#fff}
.pk-lbt__coins{position:absolute;left:6px;top:6px;padding:3px 7px;border-radius:999px;background:rgba(25,25,25,.82);color:#ffe29a;font-size:10.5px;font-weight:800}
.pk .pk-btn.pk-lb__cta,.pk .pk-btn.pk-lb__cta:hover,.pk .pk-btn.pk-lb__cta:focus,.pk .pk-btn.pk-lb__cta:active,.pk .pk-btn.pk-retry,.pk .pk-btn.pk-retry:hover,.pk .pk-btn.pk-retry:focus,.pk .pk-btn.pk-retry:active{flex:0 0 auto;margin-top:10px;min-width:160px;max-width:260px}
/* a new photo */
.pk-lbf{display:block}
.pk-lbf .pk-btn.is-wide{margin-top:4px}
.pk-lbf__pick{position:relative;display:block;width:100%;aspect-ratio:4/5;max-height:46vh;margin:0 0 16px;overflow:hidden;border-radius:16px;background:var(--soft);cursor:pointer}
.pk-lbf__pick:focus-within{outline:2px solid var(--ink);outline-offset:3px}
.pk-lbf__shown{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pk-lbf__shown img{width:100%;height:100%;object-fit:cover}
.pk-lbf__empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink);font-size:13.5px}
.pk-lbf__empty svg{color:var(--beige-d)}
.pk-lbf__change{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.94);font-size:12px;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.pk-lbf__label{display:block;margin:0 0 6px;color:var(--mut);font-size:12px;font-weight:600}
.pk-lbf__row{display:flex;gap:8px;margin:0 0 10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.pk-lbf__row::-webkit-scrollbar{display:none}
/* the reset names every state AND the layout in the same rule (the hover-reset trap: a separate layout rule lost to
   ":hover" and the hovered product shrank, David 16 Oct 2026) */
.pk .pk-lbf__opt,.pk .pk-lbf__opt:hover,.pk .pk-lbf__opt:focus,.pk .pk-lbf__opt:active{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:5px;flex:0 0 96px;width:96px;cursor:pointer;color:var(--ink);font:600 11.5px/1.3 Montserrat,system-ui,sans-serif}
.pk .pk-lbf__hit,.pk .pk-lbf__hit:hover,.pk .pk-lbf__hit:focus,.pk .pk-lbf__hit:active{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 4px;border-bottom:1px solid var(--line);cursor:pointer;color:var(--ink);font:600 11.5px/1.3 Montserrat,system-ui,sans-serif}
.pk .pk-lbf__opt img{width:96px;height:96px;border-radius:12px;object-fit:cover;background:var(--soft);transition:box-shadow .15s}
.pk .pk-lbf__opt span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk .pk-lbf__opt:hover img{box-shadow:0 0 0 2px var(--ink)}
.pk .pk-lbf__opt:focus-visible img,.pk .pk-lbf__hit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pk .pk-lbf__q{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d0d0d0;border-radius:10px;background:#fff;font:500 15px/1.3 Montserrat,system-ui,sans-serif;color:var(--ink);box-shadow:none;outline:none}
.pk .pk-lbf__q:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.pk-lbf__res{display:flex;flex-direction:column}
.pk .pk-lbf__hit:hover{background:var(--soft)}
.pk .pk-lbf__hit img{flex:0 0 40px;width:40px;height:40px;border-radius:8px;object-fit:cover}
.pk-lbf__none{margin:8px 0 0!important;color:var(--mut);font-size:12.5px}
.pk-lbf__card{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);border-radius:12px}
.pk-lbf__card img{flex:0 0 52px;width:52px;height:52px;border-radius:10px;object-fit:cover}
.pk-lbf__card b{flex:1 1 auto;min-width:0;font-size:13px;line-height:1.35}
.pk .pk-sizechip,.pk .pk-sizechip:hover,.pk .pk-sizechip:focus,.pk .pk-sizechip:active{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:0 12px;border:1px solid #d0d0d0;border-radius:999px;background:#fff;color:var(--ink);font:700 12.5px/1 Montserrat,system-ui,sans-serif;cursor:pointer;transition:border-color .15s,background-color .15s}
.pk .pk-sizechip:hover{border-color:var(--ink)}
.pk .pk-sizechip.is-on{background:var(--beige);border-color:var(--beige-d)}
.pk .pk-sizechip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pk-check.is-long{align-items:flex-start;margin:4px 0 12px;font-weight:500;font-size:12.5px;line-height:1.45}
.pk-check.is-long .pk-check__box{flex:0 0 20px;margin-top:1px}
.pk-lbf .pk-coinline{margin:0 0 12px}
/* one photo */
.pk-lbv__photo{margin:0 0 12px;border-radius:16px;overflow:hidden;background:var(--soft)}
.pk-lbv__photo img{display:block;width:100%;max-height:62vh;object-fit:contain}
.pk-lbv__status{margin:0 0 10px!important;padding:9px 12px;border-radius:12px;background:var(--soft);font-size:13px;font-weight:700}
.pk-lbv__status.is-approved{background:#e5f3ea;color:var(--ok)}
.pk-lbv__status.is-declined{background:#fdecea;color:#b42318}
.pk-lbv__cap{margin:0 0 12px!important;font-size:14px;line-height:1.5}
.pk-lbv__prod{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:8px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.pk-lbv__prod:hover{border-color:var(--ink)}
.pk-lbv__prod img{flex:0 0 52px;width:52px;height:52px;border-radius:10px;object-fit:cover}
.pk-lbv__prod span{display:flex;flex-direction:column;gap:2px;font-size:13px}
.pk-lbv__prod small{color:var(--mut);font-size:12px}
.pk-lbv__note{margin:4px 0 0!important;color:var(--mut);font-size:12px}

/* ---------- Invite: the dog's link, its code, the friends who ordered ---------- */
.pk-inv{padding:14px 18px 28px}
.pk-inv__card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:#191919;color:#fff}
.pk-inv__top{display:flex;align-items:center;gap:12px}
.pk-inv__face{flex:0 0 52px;width:52px!important;height:52px!important;font-size:20px;box-shadow:0 0 0 2px var(--beige)}
.pk-inv__top div{display:flex;flex-direction:column;gap:3px;min-width:0}
.pk-inv__top b{font-size:16px;line-height:1.25}
.pk-inv__top span{color:rgba(255,255,255,.78);font-size:13px;line-height:1.4}
.pk-inv__card .pk-coinline{color:#ffe29a}
.pk-inv__link{display:flex;gap:8px}
.pk .pk-inv__link input{flex:1 1 auto;min-width:0;min-height:42px;margin:0;padding:0 12px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font:500 13px/1 Montserrat,system-ui,sans-serif;box-shadow:none;outline:none}
.pk .pk-inv__link input:focus{border-color:#fff}
.pk .pk-btn.pk-inv__copy,.pk .pk-btn.pk-inv__copy:hover,.pk .pk-btn.pk-inv__copy:focus,.pk .pk-btn.pk-inv__copy:active{flex:0 0 auto;background:#fff;color:#191919}
.pk .pk-btn.pk-inv__copy:hover{background:var(--beige)}
.pk .pk-btn.pk-inv__share,.pk .pk-btn.pk-inv__share:hover,.pk .pk-btn.pk-inv__share:focus,.pk .pk-btn.pk-inv__share:active{flex:0 0 auto;background:rgba(255,255,255,.12);color:#fff}
.pk-inv__code{margin:0!important;color:rgba(255,255,255,.7);font-size:12.5px}
.pk-inv__stats{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.pk-inv__stats span{padding:6px 11px;border-radius:999px;background:var(--soft);font-size:12.5px;font-weight:700}
.pk-inv__amb{margin:12px 0 0!important}
.pk-inv__fine{margin:12px 0 0!important;color:var(--mut);font-size:11.5px;line-height:1.5}

/* a friend who came through a dog's link */
.pk-welcome:focus{outline:none}
.pk-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:340px;padding:24px 22px 20px}
.pk-welcome__pic{margin:0 0 4px}
.pk-welcome__face{width:84px!important;height:84px!important;font-size:32px;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--beige)}
.pk.pk-welcome h3{font-size:19px}
.pk-welcome__gift{margin:2px 0 0!important;font-size:15px;font-weight:800;color:var(--red)}
.pk-welcome__how{margin:0!important;color:var(--mut);font-size:13px;line-height:1.45}
.pk-welcome__code{margin:4px 0 10px!important;padding:6px 12px;border:1px dashed #bdbdbd;border-radius:10px;font:700 12.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}

/* ---------- the head like Facebook's: a cover, the profile photo in a circle over its lower left edge ---------- */
.pk-head2{position:relative;margin:0 0 50px}
.pk-head2 .pk-cover,.pk-head2 .pk-cover:hover,.pk-head2 .pk-cover:focus,.pk-head2 .pk-cover:active{aspect-ratio:16/10}
.pk .pk-cover.is-blur{background:#2a2420}
.pk .pk-cover.is-blur img{filter:blur(22px) saturate(1.15) brightness(.85);transform:scale(1.25)}
@media (hover:hover){.pk .pk-cover.is-blur:hover img{transform:scale(1.27)}}
.pk-head2 .pk-cover__add{left:auto;right:12px;bottom:12px;transform:none;padding:7px 12px;font-size:12px}
.pk .pk-avatar,.pk .pk-avatar:hover,.pk .pk-avatar:focus,.pk .pk-avatar:active{all:unset;box-sizing:border-box;position:absolute;left:16px;bottom:-42px;display:block;width:96px;height:96px;padding:4px;border-radius:50%;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18);cursor:pointer;-webkit-tap-highlight-color:transparent}
.pk .pk-avatar .pk-face{font-size:34px}
.pk .pk-avatar:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pk-avatar__cam{position:absolute;right:0;bottom:2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#191919;color:#fff;box-shadow:0 0 0 3px #fff}
.pk-head2+.pk-prof__name{margin-top:0}
/* editing both pictures */
.pk-edit__media{position:relative;margin:0 0 50px}
.pk-edit__cover{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:16px;background:var(--soft);cursor:pointer}
.pk-edit__cover__shown{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:16px}
.pk-edit__cover__shown img{width:100%;height:100%;object-fit:cover}
.pk-edit__coverhint{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;font-weight:700}
.pk-edit__cover .pk-edit__cam{right:12px;bottom:12px}
.pk-edit__avatar{position:absolute;left:16px;bottom:-42px;display:block;width:96px;height:96px;padding:4px;border-radius:50%;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18);cursor:pointer}
.pk-edit__avatar__shown{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:var(--soft);color:#bdbdbd}
.pk-edit__avatar__shown img{width:100%;height:100%;object-fit:cover}
.pk-edit__avatar .pk-edit__cam{right:-2px;bottom:0;width:32px;height:32px;box-shadow:0 0 0 3px #fff}
.pk-edit__cover:focus-within,.pk-edit__avatar:focus-within{outline:2px solid var(--ink);outline-offset:3px}
.pk-edit__media+.pk-edit__photobtns{justify-content:flex-end;margin:-40px 0 18px;padding-left:124px;min-height:34px}
.pk-f select+input{margin-top:8px!important}

/* every choice in the dog's forms shows that it opens (breed, month, day, year) */
.pk .pk-f select{-webkit-appearance:none;appearance:none;padding-right:36px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23191919' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}

/* several products on a post, a video */
.pk-lbf>.pk-coinline{margin:0 0 12px}
.pk-lbf__empty small{color:var(--mut);font-size:12px;font-weight:500}
.pk-lbf__shown video{width:100%;height:100%;object-fit:cover}
.pk-lbf__optimg{position:relative;display:block;width:96px;height:96px}
.pk .pk-lbf__opt .pk-lbf__optimg img{display:block;width:96px;height:96px;border-radius:12px;object-fit:cover;background:var(--soft);transition:box-shadow .15s}
.pk .pk-lbf__opt:hover .pk-lbf__optimg img{box-shadow:0 0 0 2px var(--ink)}
.pk .pk-lbf__opt.is-on .pk-lbf__optimg img{box-shadow:0 0 0 3px #191919}
.pk-lbf__optname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk-lbf__tick{position:absolute;right:5px;top:5px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#191919;color:#fff;box-shadow:0 0 0 2px #fff}
.pk .pk-lbf__hit.is-on{background:var(--soft)}
.pk .pk-lbf__hit svg{margin-left:auto;flex:0 0 auto}
.pk-lbf__chosen{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.pk-lbf__chosen:empty{display:none}
.pk-lbf__card{position:relative;align-items:flex-start}
.pk-lbf__cardb{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0;padding-right:28px}
.pk-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.pk .pk-lbf__x,.pk .pk-lbf__x:hover,.pk .pk-lbf__x:focus,.pk .pk-lbf__x:active{all:unset;box-sizing:border-box;position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--mut);cursor:pointer;transition:background-color .15s,color .15s}
.pk .pk-lbf__x:hover{background:var(--soft);color:var(--ink)}
.pk .pk-lbf__x:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.pk-lbf__progress{position:relative;height:30px;margin:0 0 10px;border-radius:999px;background:var(--soft);overflow:hidden}
.pk-lbf__progress i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--beige);transition:width .25s}
.pk-lbf__progress span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;font-weight:700}
.pk .pk-lbt video{display:block;width:100%;height:100%;object-fit:cover}
.pk-lbt__play{position:absolute;right:6px;top:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 7px 3px 5px;border-radius:999px;background:rgba(25,25,25,.78);color:#fff;font-size:10.5px;font-weight:800}
.pk-lbt.is-approved .pk-lbt__play{top:auto;bottom:6px}
.pk-lbv__photo video{display:block;width:100%;max-height:62vh;background:#000}
/* phones: a field under 16px makes iOS zoom the page when it is tapped */
@media (max-width:767px){.pk .pk-bday-row select,.pk .pk-lbf__q,.pk .pk-inv__link input{font-size:16px}}

/* a card's row of actions: the same rule as in fit.css (a contract; whichever module loads draws it) */
ul.products li.product .sdg-card-actions{display:flex;align-items:center;justify-content:inherit;flex-wrap:nowrap;gap:8px;max-width:100%;margin:6px 0 0}
ul.products li.product .sdg-card-actions:empty{display:none}

/* modules/tweaks/assets/dragscroll.css */
/* SDG tweaks: drag-to-scroll for horizontal strips on computers (dragscroll.js marks a strip when the mouse reaches it). */
@media (hover:hover) and (pointer:fine){
  .sdg-dragscroll{cursor:grab}
  html.sdg-dragscrolling,html.sdg-dragscrolling *{cursor:grabbing !important;-webkit-user-select:none !important;user-select:none !important}
  .sdg-dragscroll img{-webkit-user-drag:none}
}

/* modules/tweaks/assets/listing.css */
/* Tweaks on collection pages and in product grids (docs/spec-speed-tweaks.md §2.8, §2.9). */

/* ---------- Read more in a long collection description (ReadMore.php) ----------
   The rest waits with hidden="until-found": the browser's find in page still finds and opens it. A theme reset such as
   [hidden]{display:none} would stop that, so the browser's own way of hiding it (no rendering, no height) is restored
   wherever the browser has it; elsewhere it is simply hidden. */
.term-description.sdg-more .sdg-more__rest[hidden]{display:none}
@supports (content-visibility:hidden){.term-description.sdg-more .sdg-more__rest[hidden=until-found]{display:block !important;content-visibility:hidden}}
.term-description.sdg-more .sdg-more__bar{margin:2px 0 18px}
/* closed: the button right under the first paragraph (the theme gives paragraphs 28 px below) */
.term-description.sdg-more :has(+ .sdg-more__rest[hidden]){margin-bottom:4px}
.term-description.sdg-more .sdg-more__btn,.term-description.sdg-more .sdg-more__btn:hover,.term-description.sdg-more .sdg-more__btn:focus,.term-description.sdg-more .sdg-more__btn:active{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;font:600 16px/1.3 Montserrat,sans-serif;color:#191919;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;-webkit-tap-highlight-color:transparent}
.term-description.sdg-more .sdg-more__btn:hover{color:#e32c2b}
.term-description.sdg-more .sdg-more__btn:focus-visible{outline:2px solid #e32c2b;outline-offset:3px;border-radius:3px}
.term-description.sdg-more .sdg-more__btn svg{flex:0 0 14px;width:14px;height:14px;fill:currentColor;transition:transform .2s ease}
.term-description.sdg-more .sdg-more__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.term-description.sdg-more .sdg-more__btn svg{transition:none}}

/* ---------- Product cards that line up (Module.php, tweak 9) ----------
   Grid rows already give every card in a row the same height. Each name takes the same number of lines (longer ones
   end with "…"), so the prices start on one line; Fit's "M fits Rocky" badge sits at the bottom of the card (after the
   stars, which Astra orders 2 in its inline CSS), so the badges line up whether a card has stars or not. The numbers come from the settings as custom properties (and the
   phone name size as one rule printed with them). */
body.sdg-even-cards:not(.ast-woocommerce-shop-page-list-view):not(.ast-woocommerce-shop-page-list-style) ul.products li.product{display:flex;flex-direction:column}
body.sdg-even-cards:not(.ast-woocommerce-shop-page-list-view):not(.ast-woocommerce-shop-page-list-style) ul.products li.product .astra-shop-summary-wrap{display:flex;flex-direction:column;flex:1 1 auto}
body.sdg-even-cards ul.products li.product .woocommerce-loop-product__title{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:var(--sdg-card-lines,2);line-clamp:var(--sdg-card-lines,2);overflow:hidden;line-height:1.3!important;min-height:calc(var(--sdg-card-lines,2) * 1.3em)} /* important: the related products carousel sets display:flow-root and line-height:normal, and a third line showed through the price */
body.sdg-even-cards ul.products li.product .sdg-fit-badge{order:10;margin-top:auto;align-self:flex-start}
body.sdg-even-cards ul.products li.product .sdg-card-actions{order:10;margin-top:auto;align-self:flex-start}
body.sdg-even-cards ul.products li.product.desktop-align-center .sdg-card-actions{align-self:center;justify-content:center}
body.sdg-even-cards ul.products li.product .sdg-card-actions .sdg-fit-badge{order:0;margin:0;align-self:center}
body.sdg-even-cards ul.products li.product.desktop-align-center .sdg-fit-badge{align-self:center}
body.sdg-even-cards ul.products li.product .price{margin-bottom:8px}
@media (max-width:544px){
  body.sdg-even-cards ul.products li.product .astra-shop-summary-wrap{padding-left:4px;padding-right:4px}
  body.sdg-even-cards ul.products li.product .woocommerce-loop-product__title{-webkit-line-clamp:var(--sdg-card-lines-phone,3);line-clamp:var(--sdg-card-lines-phone,3);min-height:calc(var(--sdg-card-lines-phone,3) * 1.3em)}
}

/* ---------- Photos and colours on product cards (Cards.php, cards.js) ----------
   The photo becomes a strip that snaps photo by photo: a finger swipes it, the mouse drags it, the arrows (computers,
   on hover or keyboard focus) move it; dots under the photo. The colour row under the price is a small circle per colour
   (Fit's beige ring marks the one shown); its height is kept when a product has no colours, so the cards stay even. */
ul.products li.product .astra-shop-thumbnail-wrap{position:relative}
.sdg-card-track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:inherit}
.sdg-card-track::-webkit-scrollbar{display:none}
.sdg-card-track > img.sdg-card-slide{flex:0 0 100%;width:100%;height:100%;max-width:none;object-fit:cover;scroll-snap-align:start;scroll-snap-stop:always;-webkit-user-drag:none;user-select:none}
.sdg-card-dots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:5px;pointer-events:none}
.sdg-card-dots i{width:6px;height:6px;border-radius:50%;background:rgba(25,25,25,.28);box-shadow:0 0 0 1px rgba(255,255,255,.7);transition:background-color .2s,transform .2s}
.sdg-card-dots i.is-on{background:#191919;transform:scale(1.15)}
ul.products li.product .sdg-card-arrow,ul.products li.product .sdg-card-arrow:hover,ul.products li.product .sdg-card-arrow:focus{all:unset;box-sizing:border-box;position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:rgba(255,255,255,.94);color:#191919;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;opacity:0;transition:opacity .18s,background-color .15s;-webkit-tap-highlight-color:transparent}
ul.products li.product .sdg-card-arrow svg{fill:currentColor}
ul.products li.product .sdg-card-arrow.is-prev{left:10px}
ul.products li.product .sdg-card-arrow.is-next{right:10px}
ul.products li.product .sdg-card-arrow:disabled{display:none}
@media (hover:hover) and (pointer:fine){
  ul.products li.product:hover .sdg-card-arrow{opacity:1}
  ul.products li.product .sdg-card-arrow:hover{background:#191919;color:#fff}
}
ul.products li.product .sdg-card-arrow:focus-visible{opacity:1;outline:2px solid #e32c2b;outline-offset:2px}
@media (hover:none),(pointer:coarse){ul.products li.product .sdg-card-arrow,ul.products li.product .sdg-card-arrow:hover,ul.products li.product .sdg-card-arrow:focus{display:none}}

.sdg-card-colors{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-height:26px;margin:0 0 6px}
ul.products li.product.desktop-align-center .sdg-card-colors{justify-content:center}
ul.products li.product .sdg-card-color,ul.products li.product .sdg-card-color:hover,ul.products li.product .sdg-card-color:focus,ul.products li.product .sdg-card-color:active{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;cursor:pointer;-webkit-tap-highlight-color:transparent}
ul.products li.product .sdg-card-color::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--c,#fff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:box-shadow .15s}
ul.products li.product .sdg-card-color.is-plain::before{background:#f1f1f1}
ul.products li.product .sdg-card-color:hover::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 3px #a48878}
ul.products li.product .sdg-card-color[aria-pressed="true"]::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 3.5px #191919}
ul.products li.product .sdg-card-color:focus-visible{outline:2px solid #e32c2b;outline-offset:0;border-radius:50%}
/* Fit's badge asked for a colour before it adds: the circles call for a tap */
ul.products li.product .sdg-card-colors.is-asking .sdg-card-color::before{animation:sdg-card-ask .7s ease-in-out infinite alternate}
@keyframes sdg-card-ask{from{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 2.5px #a48878}to{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 4.5px #a48878}}
@media (prefers-reduced-motion:reduce){ul.products li.product .sdg-card-colors.is-asking .sdg-card-color::before{animation:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 3.5px #a48878}}
.sdg-card-colors__more{margin-left:3px;font:500 12px/1 Montserrat,sans-serif;color:#6d6d6d}
@media (prefers-reduced-motion:reduce){.sdg-card-dots i,ul.products li.product .sdg-card-arrow{transition:none!important}}

/* Stars on product cards (Tweaks → Stars on product cards; David, 14 Oct 2026: "nepáči sa mi dizajn hviezdičiek",
   22 Oct 2026 variant A: "áno chcem A"): the shop's star from the core (Core\Frontend\Stars: his icons' red with their
   black outline, the empty part light beige) instead of the theme's star font, the average and the number of reviews
   next to them. The markup stays WooCommerce's (role="img", "Rated 4.80 out of 5"), so Google and screen readers read
   the same. 14 px stars: a tile of 15.75 × 14 px each (the star and its gap). */
body.sdg-stars ul.products li.product .star-rating{position:relative;display:inline-block;float:none;width:79px;height:14px;margin:0!important;overflow:hidden;font-family:inherit!important;font-size:0!important;line-height:0;letter-spacing:0;vertical-align:middle}
body.sdg-stars ul.products li.product .star-rating::before{content:""!important;position:absolute;top:0;left:0;width:100%;height:100%;float:none;color:transparent;background:var(--sdg-star-off) 0 0/15.75px 14px repeat-x;opacity:1}
body.sdg-stars ul.products li.product .star-rating span{position:absolute;top:0;left:0;height:100%;padding:0!important;overflow:hidden;float:none;font-size:0}
body.sdg-stars ul.products li.product .star-rating span::before{content:""!important;position:absolute;top:0;left:0;width:79px;height:100%;color:transparent;background:var(--sdg-star-on) 0 0/15.75px 14px repeat-x}
body.sdg-stars ul.products li.product .review-rating{justify-content:center;gap:7px;margin:2px 0 12px} /* room above Fit's badge, which sits at the bottom of the card */
body.sdg-stars ul.products li.product.align-left .review-rating,body.sdg-stars ul.products li.product.desktop-align-left .review-rating{justify-content:flex-start}
body.sdg-stars .sdg-stars-n{font-size:12.5px;font-weight:700;line-height:1;color:#191919;white-space:nowrap}
body.sdg-stars .sdg-stars-n span{font-weight:500;color:#6b6b6b} /* 5.0 : 1 on the page's #f8f8f8 (was 3.05) */
/* the full-width line the collection template (Elementor Divider after the description) draws above the products
   (David, 17 Oct 2026: "čiara pod read more … nech tam nie je") */
body.sdg-no-desc-line .elementor-widget-woocommerce-archive-description + .elementor-widget-divider{display:none!important}