:root{
  --pk-brand-100: #9FD297; /* labai šviesi pradžia */
  --pk-brand-400: #3BB54A; /* pagrindinė portalo žalia */
  --pk-brand-600: #0F9F48; /* tamsesnė */
  --pk-brand-700: #02713A; /* tamsiausia */
  --pk-brand-1100:#253c97; /* pagrindinė portalo mėlyna*/
  /* jei norėsi skaidrumo žiedui: */
  --pk-brand-400-rgb: 59,181,74;
}
#pk-campaign.pkcard{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.06);background:#fff;padding:20px;position:relative;font-family:var(--font-family-base,'Onest',system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif)}

.pkbadges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pkbadge{font-size:12px;line-height:1;padding:8px 10px;border-radius:999px;font-weight:600;display:inline-flex;align-items:center}
.pkbadge--spark{background:#ecfdf5;color:#02713A}
.pkbadge--safe{background:#eff6ff;color:#253c97}
.pkbadge--muted{color:#6b7280;background:#f3f4f6}
.pktitle{font-size:20px;font-weight:400;color:#000;margin-top:10px}
.pksub{font-size:13px;color:#6b7280;margin-top:4px}
.pkprice{display:flex;gap:12px;align-items:center;margin-top:10px}
.pkprice-now{font-size:28px;font-weight:800}
.pkprice-was{font-size:13px;color:#9ca3af;text-decoration:line-through}
.pkpill{font-size:12px;font-weight:600;background:#fffbeb;color:#92400e;border-radius:999px;padding:6px 10px}
.pkrow--meta{display:flex;justify-content:space-between;color:#4b5563;font-size:13px;margin-top:8px}
.pkprogress{position:relative;height:14px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-top:8px}
.pkprogress-bar{height:14px;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);transition:width .6s ease}
.pkprogress-marker{position:absolute;top:0;height:100%}
.pkprogress-line{width:2px;height:100%;background:rgba(5,150,105,.4);margin-left:-1px}
.pkprogress-label{position:absolute;top:-28px;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#6b7280}
.pkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.pkinfo{border:1px solid #e5e7eb;border-radius:12px;padding:10px}
.pktag{font-size:11px;color:#6b7280}
.pkval,.pkcountdown{font-weight:700;color:#000}
.pkavatars{display:flex;gap:0;margin-left:0;margin-top:2px}
.pkavatar{width:36px;height:36px;border-radius:999px;background:#f3f4f6;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.06);margin-left:-8px}
.pkavatar:first-child{margin-left:0}
.pkavatar--more{background:#000;color:#fff}
.pkcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pkbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;font-weight:700;border:1px solid #253c97;background:#253c97;color:#fff;text-decoration:none}
.pkbtn:hover{background:#3bb54a;border:1px solid #3bb54a;color:#fff;}
.pkbtn--ghost{background:#fff;border-color:#e5e7eb;color:#374151}
.pkbtn--ghost:hover{background:#3bb54a}
.pkbtn--mini{font-size:12px;padding:5px!important}
.pktips{margin:14px 0 0 0;color:#000;font-size:12px}
.pkribbon{position:absolute;top:12px;right:-48px;transform:rotate(45deg);background:#059669;color:#fff;padding:6px 60px;font-weight:700;box-shadow:0 6px 16px rgba(16,185,129,.35)}
@media (max-width:640px){.pkgrid{grid-template-columns:1fr}.pkrow--meta{flex-direction:column;gap:4px}}



/* --- Equal height & centered top tiles --- */
.pkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;align-items:stretch}
.pkinfo{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;min-height:64px}
.pkinfo .pktag{text-align:center;color:#6b7280;font-size:12px;margin-bottom:2px}
.pkinfo .pkval{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;color:#000;font-size:18px;}
.pkinfo.pkinfo--share .pkval{display:flex;justify-content:center}

/* --- CTA row aligned to grid columns --- */
.pkgrid-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;margin-top:12px}
.pkgrid-cta .pkcta-left{text-align:left}
.pkgrid-cta .pkcta-qty{display:flex;justify-content:center}
.pkgrid-cta .pkcta-watch{text-align:right}

@media (max-width:640px){
  .pkgrid-cta{grid-template-columns:1fr;gap:8px}
  .pkgrid-cta .pkcta-qty{justify-content:flex-start}
  .pkinfo{min-height:56px}
}

/* Force horizontal qty controls and consistent sizing */
.pkgrid-cta .pkcta-qty{display:flex;justify-content:center;align-items:center}
.pkqty{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.pkqty-btn{display:inline-flex !important;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#000;font-weight:700;line-height:1;cursor:pointer}
.pkqty-btn:hover{background:#f9fafb}
.pkqty-input{display:inline-block !important;width:64px !important;height:36px;border:1px solid #e5e7eb;border-radius:10px;text-align:center;font-weight:600;color:#000}

/* Match product-list progress style (gradient + mask) */
.pkprogress{position:relative;height:12px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-top:15px}
.pkprogress-grad{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#4A75B4 0%,#4A75B4 20%,#6B9DBA 35%,#9FD297 55%,#9FD297 100%)}
.pkprogress-mask{position:absolute;top:0;right:0;height:100%;width:calc(100% - var(--pct,0%));background:#f3f4f6;transition:width .6s ease}
/* 25% / 50% / 75% skyrikliai kaip list'uose */
.pkprogress-split{
  position:absolute; top:0; bottom:0; width:1px;
  background:#fff;           /* tokia pati spalva kaip list'e */
  z-index:3; pointer-events:none;
  transform:translateX(-0.5px); /* kad linija centruotųsi ties procentu */
}
.pkprogress-s1{ left:25%; }
.pkprogress-s2{ left:50%; }
.pkprogress-s3{ left:75%; }

/* Tier markers unchanged */

.pkprogress-pct{position:absolute;right:8px;top:40%;transform:translateY(-50%);font:700 11px/1 system-ui;color:#000}

/* 3 statistikos blokai vienoje eilėje */
.pkrow--stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:8px;
}
.pkstat{
  display:flex; align-items:center; justify-content:space-between;
  background:#fff; border:1px dashed #3BB54A; border-radius:10px;
  padding:8px 10px; font:500 12px/1.4 system-ui; color:#4b5563;
}
.pkstat-k{color:#6b7280}
.pkstat-v{color:#000; font-weight:700; font-size:9px;}
@media (max-width:640px){
  .pkrow--stats{grid-template-columns:1fr}
}
/* --- Shine „judanti“ tekstūra tik per užpildytą juostos dalį --- */
.pkprogress{position:relative}
.pkprogress-shine{
  position:absolute; inset:0; pointer-events:none; z-index:2;
  background:
    linear-gradient(120deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.35) 50%, rgba(255,255,255,.0) 100%);
  background-size: 200% 100%;
  animation: pkShine 3.2s linear infinite;
  mix-blend-mode: screen;            /* subtilus „švytėjimas“ */
  opacity:.55;                       /* prislopinta, kad neerzintų */
}
@keyframes pkShine{
  0% { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}

/* --- „Thumb“ indikatorius ties esamu procentu su pulsavimu --- */
.pkprogress-thumb{
  position:absolute; top:50%; left:var(--pct, 0%);
  transform: translate(-50%, -50%); z-index:4; pointer-events:none;
  width:14px; height:14px; border-radius:999px; background:var(--pk-brand-1100); /* emerald */
  box-shadow: 0 0 0 2px #fff;                     /* kontrastas ant juostos */
}
.pkprogress-thumb::after{                          /* pulsas */
  content:""; position:absolute; inset:0; border-radius:999px;
  box-shadow:0 0 0 0 rgba(var(--pk-brand-400-rgb), .35); 
  animation: pkPing 1.8s cubic-bezier(.17,.67,.5,1) infinite;
}
@keyframes pkPing{
  0% { transform:scale(1); opacity:.8; box-shadow:0 0 0 0 rgba(16,185,129,.35); }
  70%{ transform:scale(1.5); opacity:.15; box-shadow:0 0 0 10px rgba(16,185,129,.0); }
  100%{ transform:scale(1.6); opacity:0; }
}

/* --- Perėjimas ir neryškus „kvėpavimas“ (tik kol nepasiekta 100%) --- */
.pkprogress{ transition: box-shadow .4s ease; }
.pkprogress:not(.pkprogress--complete){
  box-shadow: 0 0 0 0 rgba(16,185,129,.0);
}
.pkprogress.pkprogress--complete .pkprogress-thumb{ background:var(--pk-brand-600); }

/* --- Kai pasiekta 100%: ramus, žalias „win“ akcentas --- */
.pkprogress.pkprogress--complete .pkprogress-thumb{ background:var(--pk-brand-600); }              /* tamsesnė žalia */

.pkprogress.pkprogress--complete .pkprogress-shine{
  animation-duration: 5s; opacity:.35;
}
.pkprogress-pct{ position:absolute; right:8px; top:50%; transform:translateY(-50%);
  font:700 14px/1 system-ui; color:var(--pk-brand-700); z-index:5; }

/* Storesnė (aukštesnė) juosta */
.pkprogress{
  height: 18px;                /* buvo 12px */
  border-radius: 999px;
}

/* Didesnis „thumb“ + ryškesnis kontrastas */
.pkprogress-thumb{
  width: 18px;                 /* buvo 14px */
  height: 18px;                /* buvo 14px */
  box-shadow: 0 0 0 3px #fff;  /* buvo 2px */
}

/* Ilgesnis, lėtesnis pulsas */
.pkprogress-thumb::after{
  animation: pkPing 2.8s cubic-bezier(.17,.67,.5,1) infinite; /* buvo 1.8s */
}

/* Šiek tiek platesnis „kvėpavimo“ nudge efektas (nebūtina) */
.pkprogress.pkprogress--nudge{
  box-shadow: 0 0 0 6px rgba(16,185,129,.08); /* buvo 4px */
}

/* (nebūtina) mobiluose truputį mažesnė juosta */
@media (max-width:640px){
  .pkprogress{ height: 16px; }
  .pkprogress-thumb{ width: 16px; height: 16px; box-shadow: 0 0 0 2px #fff; }
}

/* Jei nori, kad pulsas būtų platesnis – šiek tiek padidinam sklaidą */
@keyframes pkPing{
  0%   { transform:scale(1);   opacity:.8;  box-shadow:0 0 0 0 rgba(16,185,129,.35); }
  70%  { transform:scale(1.6); opacity:.15; box-shadow:0 0 0 14px rgba(16,185,129,.00); } /* buvo ~10px */
  100% { transform:scale(1.7); opacity:0;   }
}

#pk-progress .pkprogress-fill{
  position:absolute; inset:0; width:var(--pct);
  overflow:hidden;
  background:linear-gradient(90deg, var(--pk-brand-100) 0%, var(--pk-brand-400) 35%, var(--pk-brand-600) 70%, var(--pk-brand-700) 100%);
  transition:width .7s ease;
}

/* Ryškesnė „banga“ nuo burbuliuko (brand + baltas highlight) */
#pk-progress .pkprogress-wave{
  position:absolute; inset:0; pointer-events:none;
  /* sluoksniai: baltas highlight + brand žalia */
  background:
    radial-gradient(circle at 100% 50%,
      rgba(255,255,255,.65) 0%,
      rgba(255,255,255,.00) 42%),
    radial-gradient(circle at 100% 50%,
      rgba(var(--pk-brand-400-rgb), .70) 0%,
      rgba(var(--pk-brand-400-rgb), .40) 30%,
      rgba(var(--pk-brand-400-rgb), .10) 58%,
      rgba(var(--pk-brand-400-rgb), 0) 74%);
  transform-origin: 100% 50%;     /* startas nuo dešinės (thumb) */
  transform: scaleX(.22);         /* šiek tiek platesnis „branduolys“ */
  animation: pkWave 2.6s cubic-bezier(.17,.67,.5,1) infinite;
  mix-blend-mode: screen;         /* teigiamas „švytėjimas“ */
  z-index:2;                      /* virš shine, po thumb */
}
@keyframes pkWave{
  0%   { transform: scaleX(.22); opacity:.85; }
  60%  { transform: scaleX(1.05); opacity:.12; }
  100% { transform: scaleX(1.18); opacity:0; }
}
/* kai 100% – nuraminam bangą */
.pkprogress--complete .pkprogress-wave{ display:none; }

.pk-sr-only{
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* ===== SHARE (vienintelė versija) ===== */

/* mygtukas – kompaktiškas „pill“ kaip „Sutaupyta“ */
.pkbtn.pkbtn--pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  padding:6px 12px;
  border-radius:12px;
}
.pkbtn.pkbtn--pill .pkicon{ vertical-align:middle; }

/* popover pririšam prie share plytelės */
.pkinfo--share .pkval{ position:relative; }

/* konteineris ir kortelė */
#pk-share-popover{ position:absolute; right:0; top:100%; margin-top:.5rem; z-index:60; }
#pk-share-popover .pkshare-card{
  min-width:280px; background:#fff; border:1px solid rgba(0,0,0,.08);
  border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.12);
  padding:.5rem .5rem 0 .5rem; position:relative;
}
.pkshare.hidden{ display:none; }

.pkshare-header{ font-weight:600; padding:.5rem .75rem; margin-bottom:.25rem; }
.pkshare-list{ list-style:none; margin:0; padding:0 .25rem .5rem .25rem; }
.pkshare-item{
  display:block; width:100%; text-align:left;
  padding:.5rem .75rem; border-radius:10px; background:transparent; text-decoration:none; cursor:pointer;
}
.pkshare-item:hover{ background:rgba(0,0,0,.04); }
.pkshare-close{
  position:absolute; top:.35rem; right:.35rem; width:28px; height:28px;
  border:0; border-radius:8px; background:transparent; cursor:pointer; font-size:18px; line-height:1;
}
.pkshare-close:hover{ background:rgba(0,0,0,.06); }

/* kopijavimo „toast“ */
.pkshare-toast{
  position:fixed; left:50%; bottom:24px; transform:translateX(-50%);
  background:#111; color:#fff; padding:10px 14px; border-radius:10px;
  font-size:14px; z-index:9999; opacity:0; transition:opacity .2s ease;
}

/* --- FIX: stabili CTA eilė --- */
.pkgrid-cta{
  display:flex !important;
  gap:10px;
  align-items:center;
  margin-top:12px;
}
.pkgrid-cta .pkcta-left,
.pkgrid-cta .pkcta-qty,
.pkgrid-cta .pkcta-watch{
  flex:1 1 0%;
  min-width:0;               /* kad niekas „nesprogtų“ */
}
.pkgrid-cta .pkcta-left{  display:flex; justify-content:flex-start; }
.pkgrid-cta .pkcta-qty{   display:flex; justify-content:center; }
.pkgrid-cta .pkcta-watch{ display:flex; justify-content:flex-end; }

/* mygtukas ne pilno pločio */
.pkgrid-cta .pkcta-left .pkbtn{ width:auto; }

/* popover yra „išjungtas“ iš srauto ir neprilenda prie CTA */
#pk-share-popover{ position:absolute; right:0; top:100%; margin-top:.5rem; z-index:60; }
.pkinfo--share .pkval{ position:relative; }


.pkbtn.pkbtn--pill{
  display:inline-flex; align-items:center; gap:6px;
  font-size:10px; line-height:1.2; font-weight:600;
  padding:6px 12px; border-radius:12px;
}
.pkbtn.pkbtn--pill .pkicon{ vertical-align:middle; }

/* Remove browser’s ugly native focus outline */
.pkbtn::-moz-focus-inner {
  border: 0;
}

.pkbtn:focus,
.pkbtn:active {
  outline: none;
}

/* Replace it with brand-blue glow */
.pkbtn:focus-visible,
.pkbtn:focus {
  box-shadow: 0 0 0 1px #253c97;
  border-color: #253c97;
}

.pkbtn.is-watching {
  background: #ddd;
  cursor: default;
  pointer-events: none;
}

.pkbtn.is-watching { background:#eee; cursor:default; pointer-events:none; }

.pkbtn.is-watching,
.pkbtn[aria-disabled="true"] {
    background: #3bb54a;
    color: #ffffff;
  cursor: default;
  pointer-events: none;
}

/* Bendra būsena */
.pkbtn { position: relative; overflow: hidden; }

/* Loading spinner */
.pkbtn .pkspin{
  display:inline-block; width:1em; height:1em;
  border:2px solid currentColor; border-right-color:transparent;
  border-radius:50%; margin-right:8px; vertical-align:-2px;
  animation: pkspin .6s linear infinite;
}
@keyframes pkspin { to { transform: rotate(360deg); } }

/* Success „check“ */
.pkbtn .pktick{
  display:inline-block; width:1.1em; height:1.1em; margin-right:6px;
  border-radius:50%; border:2px solid currentColor; position:relative;
}
.pkbtn .pktick::after{
  content:''; position:absolute; left:8px; top:0px; width:6px; height:10px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform: rotate(45deg) scale(0); transform-origin:left top;
  animation: pktick .25s ease-out forwards;
}
@keyframes pktick { to { transform: rotate(45deg) scale(1); } }

/* Sėkmės pulsas */
@keyframes pkpulse {
  0%{ box-shadow:0 0 0 0 rgba(16,185,129,.35); }
  70%{ box-shadow:0 0 0 10px rgba(16,185,129,0); }
  100%{ box-shadow:0 0 0 0 rgba(16,185,129,0); }
}
.pkbtn.is-success { animation: pkpulse .7s ease-out; }

/* Klaidos „shake“ */
@keyframes pkshake {
  10%{ transform:translateX(-2px) } 20%{ transform:translateX(2px) }
  30%{ transform:translateX(-2px) } 40%{ transform:translateX(2px) }
  50%{ transform:translateX(0) }
}
.pkbtn.is-error { animation: pkshake .35s linear; }

/* Užregistruotas / išjungtas */
.pkbtn.is-watching,
.pkbtn[aria-disabled="true"]{
  background:#eee; color:#555; cursor:default; pointer-events:none;
}

.pkcta-watch .pkhint-login{
  display:block;
  margin-top:6px;
  font-size:12px;
  line-height:1.2;
  color:#6b7280;   /* švelniai pilka */
  opacity:.9;
  white-space:normal;
}

@media (max-width:480px){
  .pkcta-watch .pkhint-login{
    margin-top:4px;
    font-size:11px;
    opacity:.85;
  }
}

.pkprogress.complete .pk-thumb,
.pkprogress.complete .pk-wave,
.pkprogress.complete .pk-shine {
  display: none !important;
}

/* ---- Corner ribbon (folded) ---- */
.pk-has-ribbon {
  position: relative;
  overflow: hidden; /* apkerpa juostą pagal suapvalintus kampus */
  border-radius: 16px; /* jei pas tave kitas - palik savo */
}

/* Bazinė juostos juosta per kampą */
.pk-ribbon {
  position: absolute;
  top: 16px;              /* kiek „nutraukti“ nuo kampo – gali koreguoti */
  right: -48px;           /* neigiamas, kad pereitų per kampą */
  transform: rotate(45deg);
  z-index: 2;
  display: inline-block;
  padding: 10px 72px;     /* aukštis x ilgis; pritaikyk pagal tekstą */
  background: linear-gradient(180deg, #21a06a, #17935f);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .2px;
  text-transform: none;
  box-shadow: 0 6px 16px rgba(0,0,0,.15);
}

/* „Sulenkimo“ krašteliai – tamsesni trikampiai */
.pk-ribbon::before,
.pk-ribbon::after {
  content: "";
  position: absolute;
  width: 0; height: 0;
  border: 8px solid transparent;
}

.pk-ribbon::before {
  left: 0; top: 100%;
  border-top-color: rgba(0,0,0,.12);   /* šešėlis */
  border-right: 0;
  transform: translateY(-1px);
}

.pk-ribbon::after {
  right: 0; top: 100%;
  border-top-color: rgba(0,0,0,.12);   /* šešėlis */
  border-left: 0;
  transform: translateY(-1px);
}

/* Teksto centro reguliavimas ribbon'e */
.pk-ribbon {
  display: flex;
  justify-content: center;   /* horizontaliai centras */
  align-items: center;       /* vertikaliai centras */
  text-align: center;
}

/* Pats tekstas – kad neatrodytų pririštas prie krašto */
.pk-ribbon__text {
  padding-left: 8px;   /* pastumia tekstą truputį nuo kairės pusės */
  padding-right: 8px;  /* kad nebūtų prispaustas prie krašto */
  font-size: 14px;     /* gali sumažinti/padidinti */
  font-weight: 600;
}


/* Teksto apgaubimas – kad neišsikreiptų pixel snapping */
.pk-ribbon__text {
  display: inline-block;
  white-space: nowrap;
}

/* Spalvinės/stebsenos variacijos (jei prireiktų ateity) */
.pk-ribbon--success { /* naudojama dabar */ }
.pk-ribbon--warning { background: linear-gradient(180deg, #f0ad4e, #e09a33); }
.pk-ribbon--danger  { background: linear-gradient(180deg, #dc3545, #c02a39); }

/* Jei juosta 100% – paslepiam bangą/shine/thumb, kad „nekištų nosies“ */
.pkprogress.complete .pk-thumb,
.pkprogress.complete .pk-wave,
.pkprogress.complete .pk-shine {
  display: none !important;
}

/* Mažesniems ekranams – trumpinam, kad neužgožtų header’io */
@media (max-width: 480px) {
  .pk-ribbon {
    top: 12px;
    right: -42px;
    padding: 8px 56px;
    font-size: 12px;
  }
}

/* === PROGRESS: 100% taisyklės (override) === */

/* 1) Pasiekus 100% – thumb dingsta */
.pkprogress.pkprogress--complete .pkprogress-thumb,
.pkprogress.complete .pkprogress-thumb {
  display: none !important;
}

/* 2) Pasiekus 100% – procento tekstas baltas (su lengvu šešėliu) */
.pkprogress.pkprogress--complete .pkprogress-pct,
.pkprogress.complete .pkprogress-pct {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* 3) Jei dar turi seną klaidingą selektorių su .pk-thumb – neutralizuojam */
.pkprogress.complete .pk-thumb,
.pkprogress.complete .pk-wave,
.pkprogress.complete .pk-shine {
  /* paliekam, jei kur nors buvo, bet realiai naudojam .pkprogress-thumb */
}

/* 4) Procento vertikalus centras – jei ankstesnė taisyklė paliko 40% */
.pkprogress .pkprogress-pct {
  top: 50%;
  transform: translateY(-50%);
}

.pk-ribbon--scheduled {
  background: linear-gradient(180deg, #4A75B4, #355d91); /* tavo mėlynos */
  color: #fff;
    top: 36px;    /* tik šitam ribbon */
  right: -58px; /* tik šitam ribbon */
}

/* Mėlynas „Jau greitai“ ribbon su glow – be animacijų */
.pk-ribbon--scheduled {
  /* tik šitam ribbon – tavo pageidauta padėtis */
  top: 36px;
  right: -58px;

  /* mėlynas gradientas pagal brand */
  background: linear-gradient(180deg, var(--pk-brand-1100) 0%, #1d2f7f 100%);
  color: #fff;

  /* švelnus mėlynas glow (statinis) */
  box-shadow:
    0 8px 22px rgba(37, 60, 151, 0.35),
    0 0 0 1px rgba(37, 60, 151, 0.10);

  /* geresnis kontrastas tekstui */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

/* 0% – burbulas ne „įsikandęs“, o lengvai nuo krašto */
.pkprogress.pkprogress--zero .pkprogress-thumb{
  left: 6px;                     /* ~6 px nuo kairio krašto */
  transform: translate(0, -50%); /* nebe -50% horizontaliai */
}

/* 0% – jokios bangos/shine, kad neatrodytų keistai nuo tuščios juostos */
.pkprogress.pkprogress--zero .pkprogress-wave,
.pkprogress.pkprogress--zero .pkprogress-shine{
  display: none !important;
}

/* Product page: kai progress 0% – parodyti bėgančias juosteles */
#pk-progress[aria-valuenow="0"] {
  background: repeating-linear-gradient(
    -45deg,
    #ECF7F0 0,
    #ECF7F0 10px,
    #F6FFFB 10px,
    #F6FFFB 20px
  );
  background-size: 200% 100%;
  background-position: 200% 0;
  animation: pkfTrackSlide 24s linear infinite reverse; /* reverse = juda link completion */
}

/* animacija */
@keyframes pkfTrackSlide {
  0%   { background-position: 200% 0; }
  100% { background-position:   0% 0; }
}

/* Completed phase: jokios animacijos */
.pkprogress.pkprogress--completed .pkprogress-wave,
.pkprogress.pkprogress--completed .pkprogress-shine,
.pkprogress.pkprogress--completed .pkprogress-thumb {
  display: none !important;
}

.pkbtn--disabled {
  background: #ccc;
  color: #666;
  cursor: not-allowed;
  pointer-events: none;
}

/* --- TOP plytelės: vienodas aukštis + vertikalus centras --- */
.pkgrid { align-items: stretch; }
.pkinfo{
  display:flex; flex-direction:column; justify-content:center;
  min-height:72px;            /* truputį aukščiau, kad visos atrodytų lygiai */
}

/* --- CTA eilė: 3 stulpelių gridas (vidurinė kolona auto pločio) --- */
.pkgrid-cta{
  display:grid !important;
  grid-template-columns: 1fr auto 1fr; /* kairė – vidurys (kiekis) – dešinė */
  align-items:center;
  gap:10px;
}

/* kairė/dešinė: mygtukų vienodas vizualus aukštis */
.pkgrid-cta .pkcta-left .pkbtn,
.pkgrid-cta .pkcta-watch .pkbtn{
  height:48px;           /* fiksuojam bendrą aukštį */
  padding:0 18px;        /* horizontalus užpildas */
  line-height:48px;      /* tekstas vertikaliai centre */
}

/* VIDURYS: kiekio valdiklis tiksliai per vidurį ir tokio pat aukščio */
.pkgrid-cta .pkcta-qty{ justify-content:center; align-items:center; }
.pkqty{ gap:8px; flex-wrap:nowrap; }

.pkqty-btn,
.pkqty-input{
  height:48px !important;
  min-height:48px !important;
  line-height:48px !important;   /* centras vertikaliai */
  box-sizing:border-box;
}

.pkqty-btn{ width:48px; border-radius:10px; }
.pkqty-input{
  width:72px !important;         /* jei reikia siauriau – 64px */
  border-radius:10px;
  font-weight:700;
}

/* Jei „Mane domina“ atrodo žemesnis – priverskim tokį pat aukštį */
.pkcta-watch .pkbtn{ height:48px; line-height:48px; }

/* Smulkus: kad nei viena CTA kolona „nesprogtų“ */
.pkgrid-cta .pkcta-left,
.pkgrid-cta .pkcta-qty,
.pkgrid-cta .pkcta-watch{ min-width:0; }

/* Vienodas CTA mygtukų dydis (kairė ir dešinė) */
.pkgrid-cta .pkcta-left .pkbtn,
.pkgrid-cta .pkcta-watch .pkbtn{
  height:48px;           /* tas pats aukštis visiems */
  line-height:48px;      /* tekstas per vidurį */
  padding:0 18px; 
  font-size: 18px;/* horizontalūs tarpai */
  border-radius:12px;    /* tas pats kampų apvalumas */
  font-weight:700;       /* toks pats „svoris“ */
}

/* (nebūtina) kad abu atrodytų vienodo pločio */
@media (min-width:640px){
  .pkgrid-cta .pkcta-left .pkbtn,
  .pkgrid-cta .pkcta-watch .pkbtn{
    min-width:160px;     /* suteikia vienodą vizualų plotį */
  }
}

/* Vidurinio kiekio bloko aukštis sutapdintas su mygtukais */
.pkqty-btn, .pkqty-input{
  height:48px !important;
  min-height:48px !important;
  line-height:48px !important;
}

/* Tegu kortelė neprapjauna tooltip'o (jei buvo uždėtas overflow) */
/*#pk-campaign.pkcard { overflow: visible; }*/

/* Badge yra atraminis elementas tooltip'ui */
.pkbadge.pk-lowest { position: relative; z-index: 3; }

.pkbadge.pk-lowest[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: 97%;              /* dedam iškart už badge */
  top: 0%;
  transform: translateY(-50%);  /* centruojam vertikaliai */

  margin-left: 10px;
  white-space: nowrap;      /* vienoje eilutėje */

  background: #e6f2ff;      /* švelniai melsvas fonas */
  color: #0f172a;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
  border: 1px solid #c6e0ff;

  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 20;
}

.pkbadge.pk-lowest[data-tip]::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);

  margin-left: 2px;   /* nedidelis tarpelis tarp badge ir rodyklės */
  border: 6px solid transparent;
  border-right-color: #e6f2ff;   /* rodyklės spalva = tooltip'o fonas */
  filter: drop-shadow(-1px 0 0 #c6e0ff);

  opacity: 0;
  transition: opacity .15s ease;
}

/* parodymas */
.pkbadge.pk-lowest:hover::after,
.pkbadge.pk-lowest:hover::before,
.pkbadge.pk-lowest:focus-visible::after,
.pkbadge.pk-lowest:focus-visible::before {
  opacity: 1;
}


/* Rodyti hover ir focus'u */
.pkbadge.pk-lowest:hover::after,
.pkbadge.pk-lowest:hover::before,
.pkbadge.pk-lowest:focus-visible::after,
.pkbadge.pk-lowest:focus-visible::before {
  opacity: 1;
  transform: translateY(0);
}

/* Jei tavo kortelė turi ribojantį stacking context – pakeliam ir badges sluoksnį */
.pkbadges { position: relative; z-index: 3; }

/* --- FIX: kampinis ribbon + tooltip nesikandžioja --- */

/* 1) Pagal nutylėjimą – karpome kampą (ribbon atrodo „prisegtas“) */
#pk-campaign.pkcard {
  overflow: hidden;         /* buvo visible – dėl to ribbon „kabojo“ */
  position: relative;       /* inkaras absoliučiam ribbon */
  border-radius: 16px;      /* kad karpymas sutaptų su kortele */
}

/* 2) Kai reikia tooltip (ant „Žemiausia kaina…“ badge) – laikinai atlaisvinam */
#pk-campaign.pkcard:has(.pkbadge.pk-lowest:hover),
#pk-campaign.pkcard:has(.pkbadge.pk-lowest:focus-visible) {
 /* overflow: visible;     */   /* leidžiam tooltipui išeiti iš kortelės */
}

/* 3) Ribbon sluoksnis ir tiksli padėtis */
.pk-ribbon {
  z-index: 5;               /* virš visko kortelėje */
  position: absolute;
  top: 16px;
  right: -48px;
  transform: rotate(45deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 72px;
  background: linear-gradient(180deg, #21a06a, #17935f); /* success */
  color: #fff;
  font: 700 14px/1 system-ui;
  letter-spacing: .2px;
  box-shadow: 0 6px 16px rgba(0,0,0,.15);
}

/* Sulenkimo „šešėliai“ */
.pk-ribbon::before,
.pk-ribbon::after {
  content: "";
  position: absolute;
  width: 0; height: 0;
  border: 8px solid transparent;
  top: 100%;
  transform: translateY(-1px);
}
.pk-ribbon::before { left: 0; border-top-color: rgba(0,0,0,.12); border-right: 0; }
.pk-ribbon::after  { right: 0; border-top-color: rgba(0,0,0,.12); border-left: 0; }

/* 4) Mėlynas „Jau greitai“ variantas */
.pk-ribbon--scheduled{
  background: linear-gradient(180deg, var(--pk-brand-1100) 0%, #1d2f7f 100%);
  color:#fff;
  top: 36px;               /* šiek tiek žemiau, kaip buvo makete */
  right: -58px;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
  box-shadow:
    0 8px 22px rgba(37,60,151,.35),
    0 0 0 1px rgba(37,60,151,.10);
}

/* 5) Mobile – kiek sutrumpinam, kad neužgožtų headerio */
@media (max-width:480px){
  .pk-ribbon{ top:12px; right:-42px; padding:8px 56px; font-size:12px; }
}

/* 6) 100% progreso – jokio judesio (palieku, bet užtvirtinam) */
.pkprogress.pkprogress--complete .pkprogress-thumb,
.pkprogress.pkprogress--complete .pkprogress-shine,
.pkprogress.pkprogress--complete .pkprogress-wave { display:none !important; }

/* 7) 0% progreso – burbulas truputį nuo kairio krašto (estetika) */
.pkprogress.pkprogress--zero .pkprogress-thumb{
  left: 6px; transform: translate(0, -50%);
}

/* --- BAIGĖSI (completed, nepasiektas tikslas) --- */
.pk-ribbon--ended{
  /* ta pati padėtis kaip kitiems ribbon’ams */
  top: 36px;
  right: -58px;
  /* neutraliai pilkas gradientas */
  background: linear-gradient(180deg, #9aa3ae 0%, #7b8390 100%);
  color:#fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
  box-shadow:
    0 8px 22px rgba(0,0,0,.20),
    0 0 0 1px rgba(0,0,0,.06);
}

/* mažiems ekranams – sutrumpinam kaip kitiems */
@media (max-width:480px){
  .pk-ribbon--ended{ top:12px; right:-42px; padding:8px 56px; font-size:12px; }
}

/* pasibaigus kampanijai – visi judantys efektai nutyla (jei dar kur nors liktų) */
.pkprogress.pkprogress--completed .pkprogress-thumb,
.pkprogress.pkprogress--completed .pkprogress-shine,
.pkprogress.pkprogress--completed .pkprogress-wave{
  display:none !important;
}

/* --- BAIGĖSI: rodom statinį burbulą --- */

/* jei anksčiau buvo paslėpta – atšaukiam */
.pkprogress.pkprogress--completed .pkprogress-thumb {
  display: block !important;
}

/* statinio burbulo stilius (pilkesnis tonas, be pulso) */
.pkprogress-thumb.pkprogress-thumb--static {
  background: #7b8390;      /* dera su .pk-ribbon--ended pilkais */
  box-shadow: 0 0 0 3px #fff;
}

/* be pulso/shine */
.pkprogress-thumb.pkprogress-thumb--static::after { display: none !important; }

/* visus kitus judančius efektus BAIGĖSI – išjungiam */
.pkprogress.pkprogress--completed .pkprogress-shine,
.pkprogress.pkprogress--completed .pkprogress-wave {
  display: none !important;
}

/* BAIGĖSI: statinis burbulas */
.pkprogress-thumb.pkprogress-thumb--static {
  background: #7b8390;      /* pilkas, kaip ribbon */
  box-shadow: 0 0 0 3px #fff;
}
.pkprogress-thumb.pkprogress-thumb--static::after {
  display: none !important; /* be pulso */
}

/* CSS-only tooltip ant bet kurio .pkbadge, jeigu yra data-tip */
.pkbadge[data-tip] { position: relative; cursor: help; }

/* burbulas */
.pkbadge[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: 0;
  top: 100%;
  transform: translateY(8px);
  white-space: nowrap;
  background: #e9f1ff;        /* švelniai mėlynas fonas */
  color: #253c97;             /* mėlynas tekstas */
  border: 1px solid #d7e2ff;
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transition: opacity .15s ease;
  z-index: 20;
}

/* mažas trikampis */
.pkbadge[data-tip]::before {
  content: "";
  position: absolute;
  left: 12px;
  top: calc(100% + 2px);
  border: 6px solid transparent;
  border-bottom-color: #e9f1ff;
  opacity: 0;
  transition: opacity .15s ease;
  z-index: 21;
}

/* rodom, kai hover/focus */
.pkbadge[data-tip]:hover::after,
.pkbadge[data-tip]:hover::before,
.pkbadge[data-tip]:focus::after,
.pkbadge[data-tip]:focus::before {
  opacity: 1;
}

/* === MOBILE ONLY tweaks for CampaignBlock === */
@media (max-width:640px){

  /* 1) Mygtukas – žalias tik mobilėje */
  .pkbtn{
    position:relative; overflow:hidden;
    display:inline-flex; align-items:center; justify-content:center;
    border:1px solid var(--pk-brand-400);
    background: var(--pk-brand-400);
    color:#fff; font-weight:700; border-radius:12px; padding:12px 16px;
  }
  .pkbtn:hover{
    background: var(--pk-brand-600);
    border-color: var(--pk-brand-600);
    color:#fff;
  }
  .pkbtn:focus-visible, .pkbtn:focus{
    box-shadow:0 0 0 2px rgba(37,60,151,.25);
    border-color:#253c97;
  }

  /* 2) CTA eilė – tik 2 kolonos: [PERKU KARTU] | [KIEKIS] */
  .pkgrid-cta{
    display:grid !important;
    grid-template-columns: 1fr 1fr;   /* 2 kolonos */
    gap:8px;
    align-items:center;
    margin-top:12px;
  }
  .pkgrid-cta .pkcta-watch{ display:none !important; } /* paslepiam tuščią trečią */

  /* 3) Mygtukas – pilnas kairės kolonos plotis, fiksuotas aukštis */
  .pkgrid-cta .pkcta-left{ grid-column:1 / 2; }
  .pkgrid-cta .pkcta-left .pkbtn{ width:100%; height:48px; }

  /* 4) Kiekio valdiklis – dešinėje, prilygintas aukščiu */
  .pkgrid-cta .pkcta-qty{
    grid-column:2 / 3;
    display:flex; justify-content:flex-end; align-items:center;
  }
  .pkqty{ gap:8px; flex-wrap:nowrap; }
  .pkqty-btn{ width:48px; height:48px; border-radius:10px; }
  .pkqty-input{
    width:72px !important; height:48px !important; line-height:48px !important;
    font-weight:700; text-align:center; border-radius:10px;
  }
}

/* === MOBILE CTA FIX: spacing between button & qty === */
@media (max-width:640px){

  /* Dvi kolonos – mygtukas ir kiekis */
  .pkgrid-cta{
    display:grid !important;
    grid-template-columns: 1fr 1fr;
    align-items:center;
    column-gap:40px;  /* tarpas tarp jų */
    margin-top:12px;
  }

  /* paslepiam trečią stulpelį */
  .pkgrid-cta .pkcta-watch{ display:none !important; }

  /* Kairėje – mygtukas */
  .pkgrid-cta .pkcta-left .pkbtn{
    width:100%;
    height:52px;
    line-height:52px;
    padding:0;
    font-size:18px;
    border-radius:12px;
    font-weight:700;
    background: var(--pk-brand-400);
    border:1px solid var(--pk-brand-400);
    color:#fff;
  }

  /* Dešinėje – kiekio valdiklis */
  .pkgrid-cta .pkcta-qty{
    display:flex; justify-content:flex-end; align-items:center;
  }
  .pkqty{ display:flex; gap:8px; }
  .pkqty-btn,
  .pkqty-input{
    height:52px !important;
    line-height:52px !important;
  }
  .pkqty-btn{ width:48px; border-radius:10px; }
  .pkqty-input{
    width:72px !important;
    text-align:center;
    font-weight:700;
    border-radius:10px;
  }
}

/* nematomas aksesuarinis elementas (jei palikai) */
.sr-only{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* vizualas „Surinkta: 20/0 vnt.“ */
.pkinfo--participants .pktag{
  font-weight:400;
  margin-bottom: 5px;
}

.pkinfo--participants .pkval{
  display:flex; align-items:baseline; gap:.25rem;
  font-size:16px; line-height:1.15;
}

/* skaičiai vienodu pločiu – gražiai stovi */
.pknum{
/*  font-weight:700;*/
  font-variant-numeric: tabular-nums; /* lygūs skaitmenys */
}

/* tikslo skaičius – truputį prigesintas */
/*.pknum.is-dim{ opacity:.75; }*/

/* separatorius ir vienetai */
.pksep{ margin:0 .1rem;font-size: 12px; }
.pkunit{ margin-left:.25rem; font-size:.9em; opacity:.85; }

/* PK Campaign: headings use Momo Trust Display */
#pk-campaign .pktitle,
#pk-campaign h1,
#pk-campaign h2,
#pk-campaign h3{
  font-family: var(--font-family-heading, var(--font-family-base, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif));
}

.pkstat--time { display: none; }
.pkstat--saved { display: flex; }
.pktitle-copy { display: none; }

/* === MOBILE CTA ROW === */
.pkcta-row { display: none; }


.pk-delivery-tip { position:relative; cursor:help; display:inline-flex; align-items:center; }
.pk-delivery-tip::after { content:attr(data-tip); position:absolute; top:50%; left:calc(100% + 8px); transform:translateY(-50%); background:#253c97; color:#fff; font-size:12px; line-height:1.4; padding:7px 10px; border-radius:8px; white-space:nowrap; box-shadow:0 4px 12px rgba(0,0,0,.15); opacity:0; pointer-events:none; transition:opacity .15s ease; z-index:50; }
.pk-delivery-tip:hover::after, .pk-delivery-tip:focus::after { opacity:1; }
.pk-delivery-tip--below::after { top:calc(100% + 8px); left:0; transform:none; white-space:normal; width:320px; }








@media (max-width: 1024px) {
    
    
#pk-campaign .pktitle { font-family: 'Momo Trust Display', sans-serif !important; }


  .pkgrid, .pkgrid-cta { display: none !important; }

  .pkcta-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    flex-wrap: nowrap;
  }

  .pkcta-row .pkbtn {
    flex: 3 1 auto;
    min-width: 0;
    height: 50px;
    white-space: nowrap;
    padding: 14px 12px;
    font-size: 22px;
  }

  .pkcta-row .pkqty {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
  }
  .pkcta-row .pkqty-btn {
    width: 40px!important;
    height: 24px!important;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374151;
    line-height: 1;
    padding: 0;
  }
  .pkcta-row .pkqty-input {
    width: 50px!important;
    height: 24px!important;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    color: #000;
    padding: 0;
  }

  .pkcta-time-full {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 8px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s;
    z-index: 20;
  }
  .pkcta-time.is-open .pkcta-time-full { opacity: 1; }

  .pkrow--stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .pkstat { padding: 6px 8px; font-size: 11px; flex-direction: column; align-items: flex-start; }
  
       .pkprice-now {font-size: 28px;}
     .pkprice-was {padding-left: 5px;}
     .pkpill {font-size: 12px;margin-top: 3px;background: #ecf8ffba;color: #253c97;}
     .pkstat {font-size: 11px;align-items: center;padding: 8px 2px;}
     .pkstat-k {color: #000;}
     .pkstat-v span { font-weight: 800 !important;font-size: 11px; }
     .pkstat-v {font-size: 11px;}
     #pk-target, #pk-current { font-size: 15px !important; }
  #pk-percent { font-size: 11px !important; font-weight: 600 !important; color: #000 !important; }
  .pkstat-v .pksep, .pkstat-v .pkunit { font-size: 9px !important; }
  #pk-countdown-stats { display: flex; flex-direction: column; align-items: center; gap: 0; }
.pkstat-days { font-size: 15px!important; font-weight: 800; line-height: 1.1; }
.pkstat-hms { font-size: 15px!important; font-weight: 600; color: #000; }
.pkrow--stats { display: grid; grid-template-columns: 40% 30% 30%; }
.pkrow--stats .pkstat { flex: unset; }
.pkstat--time { order: -1; }
  .pkstat--time { display: flex; }
  .pkstat--saved { display: none; }
  .pksub { display: none; }
.pktitle-row { display: block; position: relative; }
.pktitle-row .pktitle { flex: 9 1 auto; margin-top: 0; }
.pktitle-copy { position: absolute; top: -12px; right: -12px; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid #253c97; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #253c97;z-index: 999; }
.pktitle-copy:active { background: #eff6ff; border-color: #253c97; }
.pktitle-copy:focus { outline: none; box-shadow: none; border-color: #253c97; border-width: 1.5px; }
.pktitle-copy:focus-visible { outline: none; box-shadow: none; border-color: #3BB54A; border-width: 1.5px; }
.pktoast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: #000; color: #fff; padding: 10px 16px; border-radius: 10px; font-size: 14px; z-index: 9999; opacity: 0; transition: opacity .2s ease; pointer-events: none; white-space: nowrap; }
.pktoast.show { opacity: 1; }
.pktitle {font-size: 18px;}
#pk-progress.pkprogress--complete .pkprogress-pct, #pk-progress:not(.pkprogress--zero) .pkprogress-pct {color: #253c97!important;}
#pk-campaign.pk-has-badge .pktitle-copy { top: -30px; }
.pk-delivery-tip { position:relative; cursor:help; display:inline-flex; align-items:center; }
.pk-delivery-tip::after { content:attr(data-tip); position:absolute; top:50%; left:calc(100% + 8px); transform:translateY(-50%); background:#253c97; color:#fff; font-size:12px; line-height:1.4; padding:7px 10px; border-radius:8px; white-space:nowrap; box-shadow:0 4px 12px rgba(0,0,0,.15); opacity:0; pointer-events:none; transition:opacity .15s ease; z-index:50; }
.pk-delivery-tip:hover::after, .pk-delivery-tip:focus::after { opacity:1; }
.pk-delivery-tip::after { top:calc(100% + 8px); left:-20px; transform:none; white-space:normal; width:320px; }
.pk-delivery-tip--below::after { top:calc(100% + 8px); left:-20px; transform:none; white-space:normal; width:320px; }
.pk-variants-card .product-variants .color, .pk-variants-card .product-variants .color_pick {width: 50px;height: 50px;border-radius: 5px;display: block;}


}

 @media (max-width: 390px) {
     .pkcta-row .pkbtn {font-size:18px;}
     .pkprice-now {font-size: 20px;}
     .pkprice-was {padding-left: 5px;}
     .pkpill {font-size: 10px;margin-top: 7px;background: #ecf8ffba;color: #253c97;}
     .pkstat {font-size: 11px;align-items: center;padding: 8px 2px;}
     .pkstat-k {color: #000;}
     .pkstat-v span { font-weight: 800 !important;font-size: 11px; }
     .pkstat-v {font-size: 11px;}
     #pk-target, #pk-current { font-size: 14px !important; }
  #pk-percent { font-size: 11px !important; font-weight: 600 !important; color: #000 !important; }
  .pkstat-v .pksep, .pkstat-v .pkunit { font-size: 9px !important; }
  #pk-countdown-stats { display: flex; flex-direction: column; align-items: center; gap: 0; }
.pkstat-days { font-size: 14px!important; font-weight: 800; line-height: 1.1; }
.pkstat-hms { font-size: 14px!important; font-weight: 600; color: #000; }
.pkrow--stats { display: grid; grid-template-columns: 40% 30% 30%; }
.pkrow--stats .pkstat { flex: unset; }
.pkstat--time { order: -1; }
  .pkstat--time { display: flex; }
  .pksub { display: none; }
  .pkstat--saved { display: none; }
.pktitle-row { display: block; position: relative; }
.pktitle-row .pktitle { flex: 9 1 auto; margin-top: 0; }
.pktitle-copy { position: absolute; top: -12px; right: -12px; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid #253c97; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #253c97;z-index: 999;}
.pktitle-copy:active { background: #eff6ff; border-color: #253c97; }
.pktitle-copy:focus { outline: none; box-shadow: none; border-color: #253c97; border-width: 1.5px; }
.pktitle-copy:focus-visible { outline: none; box-shadow: none; border-color: #3BB54A; border-width: 1.5px; }
.pktoast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: #000; color: #fff; padding: 10px 16px; border-radius: 10px; font-size: 14px; z-index: 9999; opacity: 0; transition: opacity .2s ease; pointer-events: none; white-space: nowrap; }
.pktoast.show { opacity: 1; }
.pktitle {font-size: 18px;}
#pk-progress.pkprogress--complete .pkprogress-pct, #pk-progress:not(.pkprogress--zero) .pkprogress-pct {color: #253c97!important;}
#pk-campaign.pk-has-badge .pktitle-copy { top: -28px; }
.pk-delivery-tip { position:relative; cursor:help; display:inline-flex; align-items:center; }
.pk-delivery-tip::after { content:attr(data-tip); position:absolute; top:50%; left:calc(100% + 8px); transform:translateY(-50%); background:#253c97; color:#fff; font-size:12px; line-height:1.4; padding:7px 10px; border-radius:8px; white-space:nowrap; box-shadow:0 4px 12px rgba(0,0,0,.15); opacity:0; pointer-events:none; transition:opacity .15s ease; z-index:50; }
.pk-delivery-tip:hover::after, .pk-delivery-tip:focus::after { opacity:1; }
.pk-delivery-tip::after { top:calc(100% + 8px); left:-20px; transform:none; white-space:normal; width:320px; }
.pk-delivery-tip--below::after { top:calc(100% + 8px); left:-20px; transform:none; white-space:normal; width:320px; }
.pk-variants-card .product-variants .color, .pk-variants-card .product-variants .color_pick {width: 50px;height: 50px;border-radius: 5px;display: block;}


 }
 
 .pk-delivery-tip--below {
    display: none !important;
}