/* 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-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:linear-gradient(135deg,#f3ece5,var(--beige));color:#3d3027;box-shadow:0 0 0 6px #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__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}
.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}

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