/* ===== SHOTY KONOPNE 120 ml (1.5.0): karty na stronie głównej i w sklepie, karta produktu shota =====
   IN Rama i Smak 1.0 (22.10.2026): karta w tincie smaku (--c-deep), nazwa w kolorze smaku, w siatce biały mały przycisk, bez poświat. */
.sh-head{display:grid;gap:16px;justify-items:start;padding-bottom:clamp(22px,3vw,40px)}
.sh-head .h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-0.01em;text-transform:none}
.sh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sh-card{display:grid;grid-template-rows:auto 1fr;border-radius:28px;border:0;background:var(--c-deep,var(--surface-1));overflow:hidden;min-width:0}
.sh-img{position:relative;display:grid;justify-items:center;align-items:end;padding:28px 24px 6px;isolation:isolate;text-decoration:none}
/* lekkie światło smaku za butelką (bez filter: blur) */
.sh-glow{position:absolute;inset:14% 10% 0;background:radial-gradient(closest-side,rgba(var(--c-rgb),.22),transparent);z-index:-1}
.sh-img img{width:auto;height:clamp(220px,24vw,320px);max-width:70%;object-fit:contain;transition:transform .5s var(--ease)}
@media (hover:hover){.sh-card:hover .sh-img img{transform:translateY(-6px) rotate(-2deg)}}
.sh-body{display:grid;gap:10px;align-content:start;padding:8px 24px 24px}
.sh-body .hud b{color:var(--text-1);font-weight:600;font-variant-numeric:tabular-nums}
.sh-name{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:.95;letter-spacing:-0.01em;text-transform:none;color:var(--c);margin:0}
.sh-name a{text-decoration:none;color:inherit}
.sh-tag{font-weight:600;font-size:17px;line-height:1.3;color:var(--text-1);margin:0}
.sh-buy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px;flex-wrap:wrap}
.sh-buy .price b{font-stretch:100%;font-size:17px;font-weight:700;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;color:var(--text-1)}
.sh-buy .price small{color:var(--text-2)}
/* w siatce trzech smaków: mały biały przycisk zamiast kolorowego */
.sh-buy .btn{height:44px;padding:0 18px;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0}
.sh-buy .btn-fl{background:var(--action);color:var(--on-action);border-color:transparent;box-shadow:none}
@media (hover:hover){.sh-buy .btn-fl:not([disabled]):hover{background:var(--action-hover)}}
.sh-buy .btn-fl:not([disabled]):active{background:var(--action-press)}
.sh-buy .btn[disabled]{background:var(--surface-3);color:var(--text-disabled);opacity:1;box-shadow:none}
.sh-buy .btn.soon{background:var(--surface-3);color:var(--text-2);border-color:transparent;box-shadow:none;cursor:default}
.sh-specs{margin-top:clamp(18px,3vw,32px);justify-self:start}
.shots-copy>.btn{transition-property:background,box-shadow,border-color,color,scale}   /* bez przejścia opacity: nie gryzie się z animacją wejścia (GSAP) */
.shots.shots-buy{display:grid;grid-template-columns:1fr;gap:0;padding-block:clamp(60px,8vw,120px)}
.shots.shots-buy .sh-cards{width:100%}
.sp-shots{padding-block:clamp(40px,6vw,80px);border-top:1px solid var(--line-1);margin-top:clamp(28px,4vw,56px)}
.sp-shots .sh-body .sp-more{margin-top:4px}

/* karta shota */
.pp-shot .pp-media-shot{min-height:min(62vh,640px)}
.pp-shot .bottle{position:relative;z-index:2;display:grid;justify-items:center}
.pp-shot .bottle img{width:auto;height:min(60vh,620px);max-width:100%;object-fit:contain}
.pp-shot .pp-pool{width:min(60%,360px);margin-left:calc(min(60%,360px) / -2)}
.pp-shot .pp-name{font-size:var(--fs-display)}
.sh-pp-buy{box-sizing:border-box;width:100%;max-width:480px;justify-self:start;margin-top:6px;padding:20px;border-radius:20px;border:1px solid var(--line-2);background:var(--surface-1);display:grid;gap:12px}
.sh-pp-buy .buy-row{margin-top:0}
.sh-pp-buy .btn.soon{background:var(--surface-3);color:var(--text-2);border-color:transparent;box-shadow:none;cursor:default}
.sh-pp-buy .ship a{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
.sh-pp-buy .ship a:hover{text-decoration-color:var(--text-1)}
.pp-more-shots{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-more-shots .pp-other{grid-template-columns:auto minmax(0,1fr)}
.pp-more-shots .pp-other-img img{width:auto;height:clamp(90px,9vw,130px)}
.pp-more-shots .pp-other-t b{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-0.01em;text-transform:none}
.pp-other-zelki .pp-other-img img{width:clamp(80px,9vw,130px);height:auto}
.pp-sticky .btn.soon{height:44px;padding:0 16px;font-size:15px;background:var(--surface-3);color:var(--text-2);border-color:transparent;box-shadow:none}

@media (max-width:899px){
  .sh-cards{grid-template-columns:1fr;gap:16px}
  .sh-card{grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-rows:none;align-items:center}
  .sh-img{padding:16px 6px 16px 16px}
  .sh-img img{height:clamp(170px,42vw,230px);max-width:100%}
  .sh-body{padding:20px 20px 20px 4px}
  .sh-tag{font-size:15px}
  .sh-buy{gap:10px}
  .sh-buy .btn{height:44px;padding:0 16px;font-size:15px}
  .sh-specs{justify-self:stretch}
  .pp-shot .pp-media-shot{min-height:0;order:-1;margin-top:-8px}
  .pp-shot .bottle img{height:min(56vw,360px)}
  .sh-pp-buy{max-width:none;justify-self:stretch;padding:16px}
  .pp-more-shots{grid-template-columns:1fr}
}
/* przedsprzedaż shotów (20.10.2026): termin wysyłki pod przyciskiem */
.shot-ship{flex-basis:100%;margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--text-1);font-weight:600}

/* shoty w sprzedaży: sekcja zaraz pod hero + zapowiedź w hero (20.10.2026) */
.shtop{position:relative;border-top:1px solid var(--line-1);background:none}
.shtop .shots.shots-buy{padding-block:clamp(48px,6vw,96px)}
.hero-new{grid-column:1/-1;justify-self:center;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px 6px 6px;border-radius:999px;text-decoration:none;color:var(--text-1);background:#161618;background:var(--glass);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);font-family:var(--font);font-weight:600;font-size:15px;max-width:100%}
.hero-new b{flex:none;height:28px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;font-family:var(--font);font-stretch:100%;font-weight:700;font-size:12px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#000;background:var(--brand-grad)}
.hero-new span{min-width:0}
.hero-new i{flex:none;font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);animation:hnewi 1.4s ease-in-out infinite}
@keyframes hnewi{50%{transform:translateY(3px)}}
@media (max-width:899px){.hero-new{font-size:15px;width:100%;max-width:520px;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.hero-new,.hero-new i{animation:none}}

/* rezerwa 10 szt. na smak: wyprzedane + odliczanie do dostawy (21.10.2026) – komunikat w stylu statusu „uwaga” */
.shot-out{display:grid;gap:4px;margin-top:10px;padding:12px 14px;border-radius:12px;border:0;border-left:3px solid var(--warn);background:var(--surface-1);font-size:15px;line-height:1.4;color:var(--text-1);flex-basis:100%}
.shot-out[hidden],.shot-ship[hidden]{display:none}
.shot-out b{font-family:var(--font);font-weight:600;font-size:13px;letter-spacing:0;text-transform:none;color:var(--warn)}
.shot-out .shot-cd{font-family:var(--font);font-stretch:100%;font-weight:600;font-size:20px;letter-spacing:0;color:var(--text-1);font-variant-numeric:tabular-nums}
/* przedsprzedaż na następną dostawę (22.10.2026): ta sama ramka, kolor smaku zamiast „uwagi” */
.shot-pre{border-left-color:var(--c,var(--warn))}
.shot-pre b{color:var(--text-1)}
.shot-pre span{color:var(--text-2)}