/* modules/account/assets/account.css */
/* SDG My Account (docs/spec-account.md; the canvas "SDG My Account", direction A): white side menu with icons and
   counts, the black card of the overview, cards for the latest order, the dogs, the wishlist and Help, orders and
   addresses as cards, WooCommerce's forms in the shop's style. Phones (≤ 860 px): no side menu, the overview's tiles
   and a back link instead. Selectors stay inside .sdg-acc-wrap / body.sdg-acc: the theme styles every a, ul, h1–h3
   and button, so the parts here say what they need. */
body.sdg-acc .entry-header,body.sdg-acc .woocommerce-MyAccount-navigation,body.sdg-acc-guest .entry-header{display:none!important}
/* the page's own "My Account" heading and its spacers (blocks before WooCommerce's part): the frame has its own title */
body.sdg-acc .entry-content>:has(~.woocommerce),body.sdg-acc-guest .entry-content>:has(~.woocommerce){display:none!important}
.sdg-acc-wrap{--a-ink:#191919;--a-muted:#6b6b6b;--a-line:#ece6df;--a-line-2:#ddd6ce;--a-field:#e2dcd5;--a-beige:#cab29f;--a-beige-ink:#3d3027;--a-beige-soft:#f3ede6;--a-beige-mid:#f1ece6;--a-ground:#f8f8f8;--a-red:#e32c2b;--a-red-text:#b42318;--a-red-soft:#fdecea;--a-shadow:0 1px 2px rgba(0,0,0,.04);
  box-sizing:border-box;max-width:1240px;margin:0 auto;padding:8px 0 64px;display:flex;flex-direction:column;gap:24px;font-family:Montserrat,system-ui,sans-serif;color:var(--a-ink);font-size:14px;line-height:1.5}
.sdg-acc-wrap *,.sdg-acc-wrap *::before,.sdg-acc-wrap *::after{box-sizing:border-box}
.sdg-acc-wrap svg{flex:none}
.sdg-acc-wrap ul,.sdg-acc-wrap ol{list-style:none;margin:0;padding:0}
.sdg-acc-wrap li{margin:0}
body.sdg-acc .sdg-acc-wrap a{text-decoration:none!important}
body.sdg-acc .sdg-acc-wrap a.sdg-acc-link{text-decoration:underline!important;text-underline-offset:3px}
.sdg-acc-wrap address{font-style:normal;margin:0}
.sdg-acc-wrap p{margin:0}
.sdg-acc-wrap img{display:block;max-width:100%}

/* ---------- frame ---------- */
.sdg-acc-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.sdg-acc-side{flex:1 1 248px;max-width:280px;display:flex;flex-direction:column;gap:14px}
.sdg-acc-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.sdg-acc-wrap .sdg-acc-content.woocommerce-MyAccount-content{float:none;width:auto;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.sdg-acc-nav{background:#fff;border-radius:20px;padding:10px;box-shadow:var(--a-shadow)}
.sdg-acc-nav ul{display:flex;flex-direction:column;gap:2px}
.sdg-acc-wrap .sdg-acc-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--a-ink);font-weight:600;font-size:14px;transition:background-color .15s ease,color .15s ease}
.sdg-acc-wrap .sdg-acc-nav a:hover{background:var(--a-ground);color:var(--a-ink)}
.sdg-acc-wrap .sdg-acc-nav li.is-active a{background:#000;color:#fff}
.sdg-acc-wrap .sdg-acc-nav a:focus-visible{outline:2px solid #000;outline-offset:2px}
.sdg-acc-nav__l{flex:1;min-width:0}
.sdg-acc-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--a-beige-mid);color:var(--a-beige-ink);font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.is-active .sdg-acc-badge{background:#fff;color:#000}
.sdg-acc-badge.is-hot{background:var(--a-red);color:#fff}
.sdg-acc-wrap .sdg-acc-nav .sdg-acc-nav__out{margin-top:6px;border-top:1px solid var(--a-line);border-radius:0 0 12px 12px;color:var(--a-muted)}
.sdg-acc-help{background:var(--a-beige-soft);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px}
.sdg-acc-help b{font-size:14px}
.sdg-acc-help span{font-size:13px;color:#5b5048}
.sdg-acc-help .sdg-acc-btn{align-self:flex-start;margin-top:6px}
.sdg-acc-wrap .sdg-acc-back{display:none;align-self:flex-start;align-items:center;gap:6px;min-height:44px;margin:-8px 0 -12px;color:var(--a-beige-ink);font-weight:700;font-size:14px}
.sdg-acc-head{display:flex;flex-direction:column;gap:4px}
.sdg-acc-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a7a6d}
.sdg-acc-wrap .sdg-acc-title{margin:0;padding:0;font-size:34px;line-height:1.1;font-weight:800;color:var(--a-ink);text-wrap:balance}
.sdg-acc-wrap .sdg-acc-h2{margin:0;padding:0;font-size:22px;line-height:1.25;font-weight:800;color:var(--a-ink)}
.sdg-acc-wrap .sdg-acc-h3{margin:0;padding:0;font-size:17px;line-height:1.3;font-weight:800;color:var(--a-ink)}
.sdg-acc-muted{color:var(--a-muted);font-size:13px}
.sdg-acc-muted.is-strong{font-weight:600}
.sdg-acc-intro{color:var(--a-muted)}

/* ---------- the black card ---------- */
.sdg-acc-hero{background:#000;color:#fff;border-radius:24px;padding:32px 36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.sdg-acc-hero__me{flex:1 1 380px;display:flex;align-items:center;gap:22px;min-width:0}
.sdg-acc-hero__pic{position:relative;width:92px;height:92px;flex:none}
.sdg-acc-hero__face{width:92px;height:92px;border-radius:50%;background:var(--a-beige);color:#2b211a;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 4px #1c1c1c}
.sdg-acc-hero__face img{width:100%;height:100%;object-fit:cover}
.sdg-acc-hero__face.is-art,.sdg-acc-dog.is-art{background:#fff}
.sdg-acc-dog.is-art{box-shadow:0 0 0 1px #eadfd4} /* the drawn puppy (core Art) on white, like the dog profiles */
.sdg-acc-wrap .sdg-acc-hero__face.is-art img,.sdg-acc-wrap .sdg-acc-dog.is-art img{width:78%;height:auto;max-width:none;margin:0;border-radius:0;box-shadow:none;object-fit:contain}
.sdg-acc-wrap .sdg-acc-hero__cam{position:absolute;right:-2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #000;transition:transform .15s ease}
.sdg-acc-wrap .sdg-acc-hero__cam:hover{transform:scale(1.06);color:#000}
.sdg-acc-hero__t{display:flex;flex-direction:column;gap:4px;min-width:0}
.sdg-acc-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a-beige)}
.sdg-acc-wrap .sdg-acc-hero__title{margin:0;padding:0;font-size:38px;line-height:1.1;font-weight:800;color:#fff}
.sdg-acc-hero__sub{color:#bdbdbd;font-size:14px}
.sdg-acc-hero__chips{flex:0 1 auto;display:flex;flex-wrap:wrap;gap:14px}
.sdg-acc-wrap .sdg-acc-chip{background:#161616;border-radius:18px;padding:18px 22px;min-width:200px;max-width:270px;display:flex;flex-direction:column;gap:4px;color:#fff;transition:background-color .15s ease}
.sdg-acc-wrap .sdg-acc-chip:hover{background:#222;color:#fff}
.sdg-acc-chip.is-tier{min-width:240px;max-width:300px;gap:8px}
.sdg-acc-chip__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sdg-acc-chip__k{font-size:12px;color:#a8a8a8;font-weight:600}
.sdg-acc-chip__v{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:800;line-height:1.15}
.sdg-acc-chip__s{font-size:13px;color:var(--a-beige);font-weight:600}
.sdg-acc-chip__s.is-light{color:#e6e6e6;font-weight:500}
.sdg-acc-chip__dot{width:12px;height:12px;border-radius:50%;background:var(--lv,#8e98a3);box-shadow:0 0 0 3px #161616,0 0 0 4px #333}
.sdg-acc-bar{display:block;height:8px;border-radius:999px;background:#2b2b2b;overflow:hidden}
.sdg-acc-bar span{display:block;height:100%;border-radius:999px;background:var(--a-beige)}
.sdg-acc-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:800;line-height:1.4}
.sdg-acc-pill.is-beige{background:var(--a-beige);color:#1e1712}
.sdg-acc-pill.is-red{align-self:flex-start;background:var(--a-red-soft);color:var(--a-red-text);font-weight:700}

/* ---------- cards, buttons, statuses ---------- */
.sdg-acc-card{background:#fff;border-radius:20px;padding:22px;box-shadow:var(--a-shadow);display:flex;flex-direction:column;gap:14px;min-width:0}
.sdg-acc-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sdg-acc-wrap .sdg-acc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--a-line-2);background:#fff;color:var(--a-ink);font:700 14px/1.2 Montserrat,system-ui,sans-serif;text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.sdg-acc-wrap .sdg-acc-btn:hover{border-color:#000;color:#000;background:#fff}
.sdg-acc-wrap .sdg-acc-btn.is-dark{background:#000;border-color:#000;color:#fff}
.sdg-acc-wrap .sdg-acc-btn.is-dark:hover{background:#2a2a2a;border-color:#2a2a2a;color:#fff}
.sdg-acc-wrap .sdg-acc-btn.is-red{background:var(--a-red);border-color:var(--a-red);color:#fff}
.sdg-acc-wrap .sdg-acc-btn.is-red:hover{background:#c52524;border-color:#c52524;color:#fff}
.sdg-acc-wrap .sdg-acc-btn.is-dashed{border-style:dashed;border-color:var(--a-beige);color:var(--a-beige-ink)}
.sdg-acc-wrap .sdg-acc-btn.is-small{min-height:40px;padding:0 16px;font-size:13px}
.sdg-acc-wrap .sdg-acc-btn.is-wide{width:100%}
.sdg-acc-wrap .sdg-acc-btn:focus-visible,.sdg-acc-wrap .sdg-acc-link:focus-visible,.sdg-acc-wrap .sdg-acc-tile:focus-visible,.sdg-acc-wrap .sdg-acc-filter:focus-visible,.sdg-acc-wrap .sdg-acc-chip:focus-visible{outline:2px solid #e32c2b;outline-offset:2px}
.sdg-acc-wrap .is-end{margin-top:auto}
.sdg-acc-wrap .sdg-acc-link{color:var(--a-ink);font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.sdg-acc-wrap .sdg-acc-link:hover{color:#000}
.sdg-acc-btns{display:flex;flex-wrap:wrap;gap:10px}
.sdg-acc-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px;white-space:nowrap;background:var(--a-beige-soft);color:var(--a-beige-ink)}
.sdg-acc-status i{width:8px;height:8px;border-radius:50%;background:currentColor}
.sdg-acc-status.is-way i{background:var(--a-red)}
.sdg-acc-status.is-made{background:#fff4d6;color:#8a5a00}
.sdg-acc-status.is-made i{background:#c48a00}
.sdg-acc-status.is-done{background:#e5f3ea;color:#1d6f42}
.sdg-acc-status.is-off{background:#f1f1f1;color:#555}
.sdg-acc-status.is-off i{background:#9a9a9a}
.sdg-acc-status.is-wait{background:#fff4d6;color:#8a5a00}
.sdg-acc-thumb{width:60px;height:60px;flex:none;border-radius:12px;object-fit:cover;background:var(--a-beige-mid)}
.sdg-acc-items{display:flex;flex-wrap:wrap;gap:14px;align-items:center;min-width:0}
.sdg-acc-item{display:flex;gap:12px;align-items:center;min-width:0}
.sdg-acc-item__t{display:flex;flex-direction:column;min-width:0;max-width:240px}
.sdg-acc-item__n{font-weight:600;font-size:13px;line-height:1.35}
.sdg-acc-item__m{font-size:12px;color:var(--a-muted)}
.sdg-acc-more{width:56px;height:56px;border-radius:12px;background:var(--a-beige-mid);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--a-beige-ink)}

/* ---------- the overview ---------- */
.sdg-acc-home{display:flex;flex-direction:column;gap:24px}
.sdg-acc-latest{padding:26px 28px;gap:22px}
.sdg-acc-latest__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sdg-acc-latest__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sdg-acc-eyebrow.is-beige{color:#8a7a6d}
.sdg-acc-latest__line,.sdg-acc-latest__now{color:var(--a-beige-ink);font-size:13px}
.sdg-acc-latest__now{display:none;margin-top:-10px}
.sdg-acc-latest__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--a-line);padding-top:20px}
.sdg-acc-steps{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.sdg-acc-step{position:relative;display:flex;flex-direction:column;gap:6px;padding-right:12px}
.sdg-acc-step::after{content:"";position:absolute;top:13px;left:34px;right:6px;height:3px;border-radius:999px;background:#e7e1da}
.sdg-acc-step:last-child::after{display:none}
.sdg-acc-step.is-done::after{background:#000}
.sdg-acc-step__dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:var(--a-beige-mid);color:#fff;display:flex;align-items:center;justify-content:center}
.sdg-acc-step.is-done .sdg-acc-step__dot{background:#000}
.sdg-acc-step.is-current .sdg-acc-step__dot{background:#fff;box-shadow:0 0 0 3px var(--a-red),inset 0 0 0 7px #fff,inset 0 0 0 14px var(--a-red)}
.sdg-acc-step__t{font-size:14px;line-height:1.3}
.sdg-acc-step.is-next .sdg-acc-step__t{color:var(--a-muted);font-weight:600}
.sdg-acc-step__d{font-size:13px;color:var(--a-muted)}
.sdg-acc-first{align-items:flex-start}
.sdg-acc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sdg-acc-dogs{display:flex;flex-direction:column;gap:12px}
.sdg-acc-dogs li{display:flex;gap:12px;align-items:center}
.sdg-acc-dog{width:48px;height:48px;flex:none;border-radius:50%;background:var(--a-beige);color:#2b211a;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sdg-acc-dog img{width:100%;height:100%;object-fit:cover}
.sdg-acc-dog__t{display:flex;flex-direction:column;min-width:0}
.sdg-acc-dog__t b{font-size:14px}
.sdg-acc-dog__t span{font-size:12px;color:var(--a-muted)}
.sdg-acc-wish{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sdg-acc-wish .sdg-acc-thumb{width:100%;height:auto;aspect-ratio:1}
.sdg-acc-new{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--a-red-text)}
.sdg-acc-new i{width:8px;height:8px;border-radius:50%;background:var(--a-red)}
.sdg-acc-quote{background:var(--a-ground);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}
.sdg-acc-quote b{font-size:13px}
.sdg-acc-quote span{font-size:12px;color:var(--a-muted)}
.sdg-acc-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sdg-acc-wrap .sdg-acc-quick__a{flex-direction:row;align-items:center;gap:14px;padding:18px 20px;color:var(--a-ink);transition:box-shadow .15s ease}
.sdg-acc-wrap .sdg-acc-quick__a:hover{box-shadow:0 0 0 1.5px #000;color:var(--a-ink)}
.sdg-acc-quick__a>svg{color:#9a9a9a}
.sdg-acc-tile__i{width:42px;height:42px;flex:none;border-radius:12px;background:var(--a-beige-soft);color:var(--a-ink);display:flex;align-items:center;justify-content:center}
.sdg-acc-tile__t{display:flex;flex-direction:column;flex:1;min-width:0}
.sdg-acc-tile__t b{font-size:14px}
.sdg-acc-tile__t span{font-size:12px;color:var(--a-muted)}
.sdg-acc-tile__t span.is-hot{color:var(--a-red-text);font-weight:700}
.sdg-acc-tiles,.sdg-acc-wrap .sdg-acc-out{display:none}

/* ---------- orders ---------- */
.sdg-acc-orders{display:flex;flex-direction:column;gap:16px}
.sdg-acc-filters{display:flex;flex-wrap:wrap;gap:8px}
.sdg-acc-wrap .sdg-acc-filter{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--a-field);background:#fff;color:var(--a-ink);font-weight:700;font-size:13px;transition:border-color .15s ease}
.sdg-acc-wrap .sdg-acc-filter:hover{border-color:#000;color:var(--a-ink)}
.sdg-acc-wrap .sdg-acc-filter.is-on{background:#000;border-color:#000;color:#fff}
.sdg-acc-filter span{opacity:.7}
.sdg-acc-order{padding:20px 24px;gap:16px}
.sdg-acc-order.is-off{opacity:.82}
.sdg-acc-order__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.sdg-acc-wrap .sdg-acc-order__no{font-size:17px;font-weight:800;color:var(--a-ink)}
.sdg-acc-wrap .sdg-acc-order__no:hover{text-decoration:underline;color:#000}
.sdg-acc-order__top .sdg-acc-status{padding:4px 12px;font-size:12px}
.sdg-acc-order__total{margin-left:auto;font-weight:800;font-size:16px}
.sdg-acc-order__mid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.sdg-acc-order__mid .sdg-acc-thumb{width:56px;height:56px}
.sdg-acc-order__mid .sdg-acc-item__t{max-width:210px}
.sdg-acc-wrap .sdg-acc-order .sdg-acc-btn{min-height:42px;padding:0 18px;font-size:13px}
.sdg-acc-order__line{display:flex;align-items:center;gap:10px;background:var(--a-ground);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--a-beige-ink)}
.sdg-acc-order__more{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:-6px}
.sdg-acc-order__more .sdg-acc-link{font-weight:600;color:var(--a-muted)}
.sdg-acc-pages{display:flex;justify-content:center;gap:10px;padding-top:6px}

/* ---------- addresses ---------- */
.sdg-acc-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sdg-acc-address{flex-direction:row;align-items:flex-start;gap:14px}
.sdg-acc-address__t{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.sdg-acc-address address{font-size:14px;color:#555;line-height:1.55}

/* ---------- WooCommerce's forms and tables inside the frame ---------- */
.sdg-acc-content>form,.sdg-acc-content .woocommerce-address-fields,.sdg-acc-content .woocommerce-order-details,.sdg-acc-content .woocommerce-customer-details,.sdg-acc-content>.woocommerce-MyAccount-paymentMethods,.sdg-acc-content>.woocommerce-table--order-downloads{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--a-shadow);margin:0}
.sdg-acc-content .woocommerce-address-fields{padding:0;box-shadow:none}
.sdg-acc-content .form-row{margin:0 0 16px;padding:0}
.sdg-acc-content .form-row label,.sdg-acc-content fieldset legend{display:block;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--a-beige-ink);line-height:1.4}
.sdg-acc-content fieldset{margin:8px 0 16px;padding:18px 0 0;border:0;border-top:1px solid var(--a-line)}
.sdg-acc-content fieldset legend{font-size:15px;color:var(--a-ink);padding:0}
.sdg-acc-wrap .sdg-acc-content .form-row .input-text,.sdg-acc-wrap .sdg-acc-content .form-row select,.sdg-acc-wrap .sdg-acc-content .form-row textarea{width:100%;min-height:48px;border-radius:12px;border:1.5px solid var(--a-field);padding:0 14px;background:#fff;color:var(--a-ink);font:500 16px/1.3 Montserrat,system-ui,sans-serif;box-shadow:none}
.sdg-acc-wrap .sdg-acc-content .form-row textarea{padding:12px 14px;min-height:110px}
.sdg-acc-wrap .sdg-acc-content .form-row .input-text:focus,.sdg-acc-wrap .sdg-acc-content .form-row select:focus,.sdg-acc-wrap .sdg-acc-content .form-row textarea:focus{border-color:#000;box-shadow:0 0 0 1px #000;outline:0}
.sdg-acc-wrap .sdg-acc-content .select2-container .select2-selection--single{display:flex;align-items:center;height:48px;padding:0;border-radius:12px;border:1.5px solid var(--a-field);background-color:#fff}
.sdg-acc-wrap .sdg-acc-content .select2-container .select2-selection--single .select2-selection__rendered{flex:1;min-width:0;padding:0 40px 0 14px!important;line-height:45px!important;font:500 16px/45px Montserrat,system-ui,sans-serif;color:var(--a-ink)}
.sdg-acc-wrap .sdg-acc-content form>h2,.sdg-acc-wrap .sdg-acc-content form>h3,.sdg-acc-wrap .sdg-acc-content .woocommerce-address-fields>h2,.sdg-acc-wrap .sdg-acc-content .woocommerce-address-fields>h3{margin:0 0 16px;padding:0;font:800 20px/1.3 Montserrat,system-ui,sans-serif;color:var(--a-ink)}
.sdg-acc-wrap .sdg-acc-content .select2-container .select2-selection--single .select2-selection__arrow{height:46px;right:8px}
.sdg-acc-content .form-row em,.sdg-acc-content .form-row .description{display:block;margin-top:6px;font-size:12px;font-style:normal;color:var(--a-muted)}
.sdg-acc-content .woocommerce-address-fields__field-wrapper,.sdg-acc-content .woocommerce-EditAccountForm{display:flex;flex-wrap:wrap;column-gap:14px}
.sdg-acc-content .woocommerce-address-fields__field-wrapper .form-row,.sdg-acc-content .woocommerce-EditAccountForm>.form-row,.sdg-acc-content .woocommerce-EditAccountForm>fieldset,.sdg-acc-content .woocommerce-EditAccountForm>p,.sdg-acc-content .woocommerce-EditAccountForm>div{flex:1 1 100%;width:auto;float:none}
.sdg-acc-content .form-row-first,.sdg-acc-content .form-row-last,.sdg-acc-content .woocommerce-EditAccountForm>.form-row-first,.sdg-acc-content .woocommerce-EditAccountForm>.form-row-last{flex:1 1 calc(50% - 7px)!important}
.sdg-acc-content .clear{display:none}
/* WooCommerce's "show password" eye inside the field (the theme drew it as a red box under it) */
.sdg-acc-content .password-input{position:relative;display:block;width:100%}
.sdg-acc-wrap .sdg-acc-content .password-input .input-text{padding-right:52px}
.sdg-acc-wrap .sdg-acc-content .show-password-input{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:0;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--a-muted);box-shadow:none;cursor:pointer}
.sdg-acc-wrap .sdg-acc-content .show-password-input:hover,.sdg-acc-wrap .sdg-acc-content .show-password-input:focus-visible{background:var(--a-ground);color:#000}
.sdg-acc-wrap .sdg-acc-content .show-password-input::before{content:none}
.sdg-acc-wrap .sdg-acc-content .show-password-input::after{content:"";display:block;width:20px;height:20px;margin:0;font-size:0;background:currentColor;-webkit-mask:var(--a-eye) center/contain no-repeat;mask:var(--a-eye) center/contain no-repeat}
.sdg-acc-wrap .sdg-acc-content .show-password-input.display-password::after{-webkit-mask-image:var(--a-eye-off);mask-image:var(--a-eye-off)}
.sdg-acc-wrap{--a-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");--a-eye-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.1A10 10 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4M6.6 6.6A17 17 0 0 0 2 12s3.6 7 10 7a9.6 9.6 0 0 0 5.4-1.6M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E")}
.sdg-acc-wrap .sdg-acc-content input[type="file"]{font:500 13px/1.4 Montserrat,system-ui,sans-serif;color:var(--a-muted)}
.sdg-acc-wrap .sdg-acc-content button.button,.sdg-acc-wrap .sdg-acc-content a.button,.sdg-acc-wrap .sdg-acc-content input.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid #000;background:#000;color:#fff;font:700 14px/1.2 Montserrat,system-ui,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer}
.sdg-acc-wrap .sdg-acc-content button.button:hover,.sdg-acc-wrap .sdg-acc-content a.button:hover,.sdg-acc-wrap .sdg-acc-content input.button:hover{background:#2a2a2a;border-color:#2a2a2a;color:#fff}
/* the one main action of a form: Save */
.sdg-acc-wrap .sdg-acc-content form button[type="submit"].button,.sdg-acc-wrap .sdg-acc-content .woocommerce-Button[name="save_account_details"],.sdg-acc-wrap .sdg-acc-content .button[name="save_address"]{min-height:50px;padding:0 28px;background:var(--a-red);border-color:var(--a-red);font-weight:800;font-size:15px}
.sdg-acc-wrap .sdg-acc-content form button[type="submit"].button:hover,.sdg-acc-wrap .sdg-acc-content .woocommerce-Button[name="save_account_details"]:hover,.sdg-acc-wrap .sdg-acc-content .button[name="save_address"]:hover{background:#c52524;border-color:#c52524}
.sdg-acc-content table.shop_table,.sdg-acc-content table.woocommerce-table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;font-size:14px}
.sdg-acc-content table.shop_table th,.sdg-acc-content table.shop_table td,.sdg-acc-content table.woocommerce-table th,.sdg-acc-content table.woocommerce-table td{padding:14px 16px;border:0;border-bottom:1px solid var(--a-line);text-align:left;vertical-align:middle;background:transparent}
.sdg-acc-content table.shop_table thead th,.sdg-acc-content table.woocommerce-table thead th{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a7a6d}
.sdg-acc-content table.shop_table tr:last-child td,.sdg-acc-content table.woocommerce-table tfoot tr:last-child th,.sdg-acc-content table.woocommerce-table tfoot tr:last-child td{border-bottom:0}
.sdg-acc-content .woocommerce-order-details__title,.sdg-acc-content .woocommerce-column__title,.sdg-acc-content .woocommerce-customer-details h2{margin:0 0 12px;font-size:18px;font-weight:800}
.sdg-acc-content>.woocommerce-notices-wrapper:empty{display:none}
.sdg-acc-wrap .sdg-acc-content .woocommerce-message,.sdg-acc-wrap .sdg-acc-content .woocommerce-info,.sdg-acc-wrap .sdg-acc-content .woocommerce-error{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0;padding:16px 18px;border:0;border-radius:16px;background:#fff;box-shadow:var(--a-shadow);color:var(--a-ink);font-size:14px}
.sdg-acc-wrap .sdg-acc-content .woocommerce-message::before,.sdg-acc-wrap .sdg-acc-content .woocommerce-info::before,.sdg-acc-wrap .sdg-acc-content .woocommerce-error::before{position:static;margin:0;color:var(--a-beige-ink)}
.sdg-acc-wrap .sdg-acc-content .woocommerce-error{background:var(--a-red-soft);color:var(--a-red-text);list-style:none}
.sdg-acc-wrap .sdg-acc-content .woocommerce-message .button,.sdg-acc-wrap .sdg-acc-content .woocommerce-info .button{order:2;margin-left:auto;float:none}

/* ---------- not signed in: sign in, register, a new password (Gate.php) ---------- */
body.sdg-acc-guest .entry-content>.woocommerce{--a-ink:#191919;--a-muted:#6b6b6b;--a-line:#ece6df;--a-field:#e2dcd5;--a-beige:#cab29f;--a-beige-ink:#3d3027;--a-beige-soft:#f3ede6;--a-ground:#f8f8f8;--a-red:#e32c2b;--a-red-text:#b42318;--a-red-soft:#fdecea;--a-shadow:0 1px 2px rgba(0,0,0,.04);
  --a-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");--a-eye-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.1A10 10 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4M6.6 6.6A17 17 0 0 0 2 12s3.6 7 10 7a9.6 9.6 0 0 0 5.4-1.6M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
  box-sizing:border-box;max-width:1080px;margin:0 auto;padding:16px 0 64px;display:flex;flex-direction:column;gap:24px;font-family:Montserrat,system-ui,sans-serif;color:var(--a-ink);font-size:14px;line-height:1.5}
body.sdg-acc-guest .entry-content>.woocommerce *{box-sizing:border-box}
body.sdg-acc-guest .woocommerce>.woocommerce-notices-wrapper:empty{display:none}
.sdg-acc-gate{background:#000;color:#fff;border-radius:24px;padding:32px 36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 32px}
.sdg-acc-gate.is-small{padding:26px 30px}
.sdg-acc-gate__t{flex:1 1 360px;display:flex;flex-direction:column;gap:6px;min-width:0}
.sdg-acc-gate__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a-beige,#cab29f)}
body.sdg-acc-guest .sdg-acc-gate .sdg-acc-gate__title{margin:0;padding:0;font:800 34px/1.12 Montserrat,system-ui,sans-serif;color:#fff;text-wrap:balance}
.sdg-acc-gate__sub{margin:0;color:#c9c9c9;font-size:14px;max-width:46ch}
.sdg-acc-perks{flex:1 1 420px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sdg-acc-perks li{margin:0;display:flex;align-items:center;gap:12px;background:#161616;border-radius:16px;padding:14px}
.sdg-acc-perks__i{width:38px;height:38px;flex:none;border-radius:12px;background:#262626;color:var(--a-beige,#cab29f);display:flex;align-items:center;justify-content:center}
.sdg-acc-perks__i.is-pic{width:48px;height:48px;border-radius:50%;background:#fff}
.sdg-acc-perks__i.is-pic img{display:block;width:36px;height:36px;object-fit:contain}
.sdg-acc-perks__t{display:flex;flex-direction:column;min-width:0}
.sdg-acc-perks__t b{font-size:14px;line-height:1.3}
.sdg-acc-perks__t span{font-size:12px;color:#a8a8a8}
body.sdg-acc-guest #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;width:auto}
body.sdg-acc-guest #customer_login::before,body.sdg-acc-guest #customer_login::after{content:none;display:none}
body.sdg-acc-guest #customer_login>.u-column1,body.sdg-acc-guest #customer_login>.u-column2{float:none;width:auto;max-width:none;margin:0;padding:28px;background:#fff;border-radius:20px;box-shadow:var(--a-shadow);display:flex;flex-direction:column;gap:6px;min-width:0}
body.sdg-acc-guest .woocommerce h2{margin:0 0 10px;padding:0;font:800 22px/1.25 Montserrat,system-ui,sans-serif;color:var(--a-ink)}
body.sdg-acc-guest .woocommerce form.login,body.sdg-acc-guest .woocommerce form.register,body.sdg-acc-guest .woocommerce form.lost_reset_password,body.sdg-acc-guest .woocommerce form.woocommerce-ResetPassword{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.sdg-acc-guest .woocommerce form.lost_reset_password,body.sdg-acc-guest .woocommerce form.woocommerce-ResetPassword{max-width:560px;padding:28px;background:#fff;border-radius:20px;box-shadow:var(--a-shadow)}
body.sdg-acc-guest .woocommerce form .form-row{margin:0 0 16px;padding:0;float:none;width:auto}
body.sdg-acc-guest .woocommerce form .form-row label{display:block;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--a-beige-ink);line-height:1.4}
body.sdg-acc-guest .woocommerce form .form-row .required{color:var(--a-red)}
body.sdg-acc-guest .woocommerce form .form-row .input-text{width:100%;min-height:48px;border-radius:12px;border:1.5px solid var(--a-field);padding:0 14px;background:#fff;color:var(--a-ink);font:500 16px/1.3 Montserrat,system-ui,sans-serif;box-shadow:none}
body.sdg-acc-guest .woocommerce form .form-row .input-text:focus{border-color:#000;box-shadow:0 0 0 1px #000;outline:0}
body.sdg-acc-guest .woocommerce form p:not(.form-row){margin:0 0 16px;color:var(--a-muted)}
body.sdg-acc-guest .woocommerce .password-input{position:relative;display:block;width:100%}
body.sdg-acc-guest .woocommerce .password-input .input-text{padding-right:52px}
body.sdg-acc-guest .woocommerce .show-password-input{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:0;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--a-muted);box-shadow:none;cursor:pointer}
body.sdg-acc-guest .woocommerce .show-password-input:hover,body.sdg-acc-guest .woocommerce .show-password-input:focus-visible{background:var(--a-ground);color:#000}
body.sdg-acc-guest .woocommerce .show-password-input::before{content:none}
body.sdg-acc-guest .woocommerce .show-password-input::after{content:"";display:block;width:20px;height:20px;margin:0;font-size:0;background:currentColor;-webkit-mask:var(--a-eye) center/contain no-repeat;mask:var(--a-eye) center/contain no-repeat}
body.sdg-acc-guest .woocommerce .show-password-input.display-password::after{-webkit-mask-image:var(--a-eye-off);mask-image:var(--a-eye-off)}
body.sdg-acc-guest .woocommerce .g-recaptcha{margin:4px 0 16px}
body.sdg-acc-guest .woocommerce .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 16px!important;font-size:14px!important;font-weight:600!important;color:var(--a-ink)!important;cursor:pointer}
body.sdg-acc-guest .woocommerce .woocommerce-form-login__rememberme input{width:18px;height:18px;margin:0;accent-color:#000}
body.sdg-acc-guest .woocommerce form.login .form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column;align-items:stretch}
body.sdg-acc-guest .woocommerce .button.woocommerce-form-login__submit,body.sdg-acc-guest .woocommerce .button.woocommerce-form-register__submit,body.sdg-acc-guest .woocommerce form.lost_reset_password .button,body.sdg-acc-guest .woocommerce form.woocommerce-ResetPassword .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:0;padding:0 24px;float:none;border:0;border-radius:999px;background:var(--a-red);color:#fff;font:800 15px/1.2 Montserrat,system-ui,sans-serif;letter-spacing:0;text-transform:none;opacity:1;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}
body.sdg-acc-guest .woocommerce .button.woocommerce-form-login__submit:hover,body.sdg-acc-guest .woocommerce form.lost_reset_password .button:hover,body.sdg-acc-guest .woocommerce form.woocommerce-ResetPassword .button:hover{background:#c52524;color:#fff}
body.sdg-acc-guest .woocommerce .button.woocommerce-form-register__submit{background:#000}
body.sdg-acc-guest .woocommerce .button.woocommerce-form-register__submit:hover{background:#2a2a2a;color:#fff}
/* the reCAPTCHA plugin keeps the button off until its box is ticked: it says so */
body.sdg-acc-guest .woocommerce .button:disabled,body.sdg-acc-guest .woocommerce .button[disabled]{opacity:.45;cursor:not-allowed}
body.sdg-acc-guest .woocommerce .button:focus-visible{outline:2px solid #000;outline-offset:2px}
body.sdg-acc-guest .woocommerce .lost_password{margin:14px 0 0!important;text-align:center}
body.sdg-acc-guest .woocommerce .lost_password a,body.sdg-acc-guest .woocommerce .woocommerce-privacy-policy-text a{color:var(--a-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
body.sdg-acc-guest .woocommerce .woocommerce-privacy-policy-text p{margin:0 0 16px;font-size:12.5px;line-height:1.55;color:var(--a-muted)}
body.sdg-acc-guest .woocommerce .woocommerce-message,body.sdg-acc-guest .woocommerce .woocommerce-info,body.sdg-acc-guest .woocommerce .woocommerce-error{margin:0;padding:16px 18px;border:0;border-radius:16px;background:#fff;box-shadow:var(--a-shadow);color:var(--a-ink)}
body.sdg-acc-guest .woocommerce .woocommerce-error{background:var(--a-red-soft);color:var(--a-red-text);list-style:none}
@media (max-width:860px){
  body.sdg-acc-guest .entry-content>.woocommerce{gap:16px;padding:0 0 48px}
  .sdg-acc-gate{padding:22px 20px;border-radius:22px;gap:16px}
  body.sdg-acc-guest .sdg-acc-gate .sdg-acc-gate__title{font-size:26px}
  .sdg-acc-perks{grid-template-columns:minmax(0,1fr);gap:8px}
  .sdg-acc-perks li{padding:12px}
  body.sdg-acc-guest #customer_login{grid-template-columns:minmax(0,1fr);gap:16px}
  body.sdg-acc-guest #customer_login>.u-column1,body.sdg-acc-guest #customer_login>.u-column2,body.sdg-acc-guest .woocommerce form.lost_reset_password,body.sdg-acc-guest .woocommerce form.woocommerce-ResetPassword{padding:20px 18px}
}

/* ---------- phones and narrow tablets ---------- */
@media (max-width:860px){
  .sdg-acc-wrap{gap:16px;padding:0 0 48px}
  .sdg-acc-side{display:none}
  .sdg-acc-grid,.sdg-acc-main{gap:16px}
  .sdg-acc-wrap .sdg-acc-back{display:inline-flex}
  .sdg-acc-wrap .sdg-acc-title{font-size:28px}
  .sdg-acc-head .sdg-acc-eyebrow{display:none}
  .sdg-acc-wrap .sdg-acc-tile:last-child:nth-child(odd){grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}
  .sdg-acc-hero{border-radius:22px;padding:20px;gap:16px}
  .sdg-acc-hero__me{gap:14px}
  .sdg-acc-hero__pic,.sdg-acc-hero__face{width:60px;height:60px}
  .sdg-acc-hero__face svg{width:32px;height:32px}
  .sdg-acc-wrap .sdg-acc-hero__cam{width:26px;height:26px;right:-4px;bottom:-2px}
  .sdg-acc-hero__eyebrow{display:none}
  .sdg-acc-wrap .sdg-acc-hero__title{font-size:26px}
  .sdg-acc-hero__sub{font-size:13px}
  .sdg-acc-hero__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .sdg-acc-wrap .sdg-acc-chip,.sdg-acc-chip.is-tier{min-width:0;padding:14px;border-radius:16px;gap:4px}
  .sdg-acc-chip__v{font-size:22px}
  .sdg-acc-chip__s{font-size:12px}
  .sdg-acc-chip__row .sdg-acc-chip__k{display:none}
  .sdg-acc-bar{height:6px}
  .sdg-acc-home{gap:16px}
  .sdg-acc-latest{padding:18px;gap:14px}
  .sdg-acc-wrap .sdg-acc-h2{font-size:18px}
  .sdg-acc-steps{display:flex;gap:6px}
  .sdg-acc-step{flex:1;padding:0;gap:0}
  .sdg-acc-step::after{display:none}
  .sdg-acc-step__dot{width:auto;height:5px;border-radius:999px;background:#e7e1da;box-shadow:none!important}
  .sdg-acc-step__dot svg{display:none}
  .sdg-acc-step.is-current .sdg-acc-step__dot{background:var(--a-red)}
  .sdg-acc-step__t,.sdg-acc-step__d{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sdg-acc-latest__now{display:block}
  .sdg-acc-latest__foot{padding-top:0;border-top:0;gap:12px}
  .sdg-acc-latest .sdg-acc-item__t,.sdg-acc-order .sdg-acc-item__t{display:none}
  .sdg-acc-latest .sdg-acc-items,.sdg-acc-order .sdg-acc-items{gap:8px}
  .sdg-acc-latest .sdg-acc-btns,.sdg-acc-order .sdg-acc-btns{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sdg-acc-latest .sdg-acc-btns>:only-child,.sdg-acc-order .sdg-acc-btns>:only-child{grid-column:1/-1}
  .sdg-acc-wrap .sdg-acc-latest .sdg-acc-btn{min-height:48px}
  .sdg-acc-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sdg-acc-wrap .sdg-acc-tile{position:relative;background:#fff;border-radius:18px;padding:16px;min-height:104px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;color:var(--a-ink);box-shadow:var(--a-shadow)}
  .sdg-acc-wrap .sdg-acc-tile:active{background:var(--a-ground)}
  .sdg-acc-tile .sdg-acc-tile__i{width:40px;height:40px}
  .sdg-acc-tile .sdg-acc-tile__t b{font-size:15px}
  .sdg-acc-wrap .sdg-acc-out{display:flex;min-height:48px;color:var(--a-muted)}
  .sdg-acc-cards,.sdg-acc-quick{display:none}
  .sdg-acc-filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}
  .sdg-acc-filters::-webkit-scrollbar{display:none}
  .sdg-acc-wrap .sdg-acc-filter{flex:none}
  .sdg-acc-order{padding:16px;gap:12px}
  .sdg-acc-order__top{gap:4px 10px}
  .sdg-acc-order__top .sdg-acc-muted{order:3;flex-basis:100%}
  .sdg-acc-order__mid .sdg-acc-thumb{width:60px;height:60px}
  .sdg-acc-addresses{grid-template-columns:minmax(0,1fr)}
  .sdg-acc-content>form,.sdg-acc-content .woocommerce-order-details,.sdg-acc-content .woocommerce-customer-details,.sdg-acc-content>.woocommerce-MyAccount-paymentMethods,.sdg-acc-content>.woocommerce-table--order-downloads{padding:18px 16px}
}
@media (min-width:861px) and (max-width:1100px){
  .sdg-acc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sdg-acc-quick{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .sdg-acc-wrap *{transition:none!important}
}

/* 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/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/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}