: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*/
    --pk-font-base: var(--font-family-base,'Onest',system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif);
  --pk-font-heading: var(--font-family-heading,'Momo Trust Display',var(--pk-font-base));

  /* jei norėsi skaidrumo žiedui: */
  --pk-brand-400-rgb: 59,181,74;
    --pk-brand-blue: var(--pk-brand-1100);
  --pk-brand-green: var(--pk-brand-600);
    --pk-green-050:#F1FAF4;
  --pk-green-100:#9fd297;
  --pk-green-200:#DDF4E3;
}


.pkcard-footer{margin-top:10px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.pkf-stats{display:flex;align-items:center;justify-content:space-between;font:12px/1.2 var(--pk-font-base);color:#374151}

.pkf-item{display:flex;align-items:center;gap:6px}
.pkf-sep{width:0px;height:14px;background:#e5e7eb}
.pkf-ico{width:14px;height:14px;display:inline-block;background:transparent;border:1.8px solid currentColor;border-radius:3px;opacity:.8}
.pkf-progress{position:relative;height:12px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin:8px 0}
.pkf-fill{/*position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#10b981,#34d399,#60a5fa);*/transition:width .6s ease}
.pkf-split{position:absolute;top:0;bottom:0;width:1px;background:#e5e7eb}
.pkf-s1{left:25%}.pkf-s2{left:50%}.pkf-s3{left:75%}
.pkf-label{position:absolute;right:8px;top:40%;transform:translateY(-50%);font:700 11px/1 var(--pk-font-base);color:#111827}

.pkcard-footer.pkf-complete .pkf-fill{background:linear-gradient(90deg,#10b981,#10b981)}
.pkf-savings{display:flex;align-items:center;gap:8px;font:12px/1.2 var(--pk-font-base);color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;padding:8px;margin-top:8px}

.pkf-save-text b{font-weight:800}

/* track */
.pkf-progress{
  position: relative;
  height: 14px;
  background: #f3f4f6;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 8px;
}

/* full bar gradient: BLUE -> GREEN (left to right) */
.pkf-grad {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(
    90deg,
    #4A75B4 0%,     /* soft blue start */
    #4A75B4 20%,    /* hold the blue a bit */
    #6B9DBA 35%,    /* lighter blue-green transition */
    #9FD297 55%,    /* pastel green midpoint */
    #9FD297 100%    /* full green success */
  );
}



/* PK list progress – kaip product page */
.pkf-progress{
  position:relative;
  height:14px;
  border-radius:999px;
  background:#f3f4f6;
  overflow:hidden;
  --pct:0%;
}
.pkf-fill{
 /* position:absolute;
  inset:0;
  /*width:var(--pct);
  /* ŠVIESU → TAMSU (kairė→dešinė) su tavo palete */
  /*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;
}
.pkf-shine{
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);
  background-size:200% 100%;
  animation:pkfShine 3.2s linear infinite;
  mix-blend-mode:screen;
  pointer-events:none;
}
@keyframes pkfShine{0%{background-position:0 0}100%{background-position:200% 0}}
.pkf-thumb{
  position:absolute;
  top:50%;
  left:var(--pct);
  transform:translate(-50%,-50%);
  width:14px; height:14px;
  border-radius:999px;
  background:var(--pk-brand-1100);        /* akcentas = pagrindinė mėlyna */
  box-shadow:0 0 0 2px #fff;
}
.pkf-thumb::after{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  box-shadow:0 0 0 0 rgba(var(--pk-brand-400-rgb), .35); /* pulsas su ta pačia žalia */
  animation:pkfPulse 2.8s cubic-bezier(.17,.67,.5,1) infinite;
}
@keyframes pkfPulse{
  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 12px rgba(16,185,129,0)}
  100%{transform:scale(1.6);opacity:0}
}
.pkf-mark{ background:color-mix(in srgb, var(--pk-brand-600) 45%, transparent); }
.pkf-pct{
  position:absolute; top:50%; right:8px; transform:translateY(-50%);
  font:700 11px/1.1 system-ui;
  color:var(--pk-brand-1100);
}

/* slėpti amount-badge tik produktų sąrašuose */
#products .product-miniature .discount-amount.discount-product { 
  display: none !important; 
}


.pkf-progress { overflow: hidden; }


/*.pkf-progress.pkf-complete .pkf-fill {
/*  width: 100%;
/*  border-top-right-radius: inherit;
/*  border-bottom-right-radius: inherit;
/*}

/* Campaign COMPLETED (pagal aria-valuenow=100) */
.pkf-progress[aria-valuenow="100"] {
  overflow: hidden; /* apkerpa shine/thumb jei būtų viduje */
}


/* Užtikrinam gražų dešinio krašto užapvalinimą */
.pkf-progress[aria-valuenow="100"] .pkf-fill {
  width: 100% !important;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}


/*.pkf-progress[aria-valuenow="99"] .pkf-shine,
/*.pkf-progress[aria-valuenow="99"] .pkf-thumb { display: none; }
/*.pkf-progress[aria-valuenow="99"] .pkf-fill {
/*  border-top-right-radius: inherit;
/*  border-bottom-right-radius: inherit;
/*}
/* --- Completed parking: thumb + percent išdėstymas --- */
/*.pkf-progress {
  /* dydžiams valdyti – jei tavo thumb kito dydžio, pakoreguok */
/*  --pk-thumb: 12px;    /* thumb skersmuo */
/*  --pk-gap: 6px;       /* tarpelis tarp thumb ir % žymės */
/*}

/* Užpildytas kraštas turi būti švarus ir apvalus */
.pkf-progress[aria-valuenow="100"] {
  overflow: hidden; /* saugiklis, kad niekas neišlįstų */
}

/* 1) „Burbuliukas“ gražiai „prisiparkuoja“ prie dešinio krašto */
.pkf-progress[aria-valuenow="100"] .pkf-thumb {
  position: absolute;
  left: 100%;
  /* perstumiam į vidų tiek, kad jo kraštas „lygiuotųsi“ su juostos pabaiga,
     ir dar paliekam mažą tarpą nuo krašto */
  transform: translateX(calc(-100% - var(--pk-gap)));
  width: var(--pk-thumb);
  height: var(--pk-thumb);
  z-index: 2; /* kad būtų virš fill */
}

/* 2) Procentų žymę pastumiam truputį kairiau už burbuliuką */
.pkf-progress .pkf-pct {
  position: absolute; /* jei dar nebūna absolute – užtikrinam */
}

/* Jei tavo .pkf-pct yra „dešiniam kampe“, paliekam „right“,
   tik pastumiam „į kairę“ per thumb + gap */
.pkf-progress[aria-valuenow="100"] .pkf-pct {
  right: calc(var(--pk-thumb) + var(--pk-gap));
  /* galim pridėti švelnaus prisislinkimo */
  transition: right .2s ease;
}

/* 3) Užtikrinam, kad fill gražiai suapvalintųsi iki galo */
.pkf-progress[aria-valuenow="100"] .pkf-fill {
  width: 100% !important;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* (nebūtina) Shine truputį prigesinam, kad neužgožtų krašto */
.pkf-progress[aria-valuenow="100"] .pkf-shine {
  opacity: .35;
}
/* --- Stabilūs dydžiai ir bazė --- */
.pkf-progress {
  position: relative;               /* kad absolute vaikai (thumb/pct) būtų ribojami */
  --pk-bar: 14px;                   /* progreso juostos aukštis */
  --pk-thumb: 14px;                 /* burbuliuko skersmuo (≤ juostos aukštis) */
  --pk-gap: 6px;                    /* tarpas tarp thumb ir % žymės */
  height: var(--pk-bar);
  overflow: hidden;                 /* niekas neišlįstų per kraštus */
}
.pkf-progress .pkf-fill {
  height: 100%;
  border-radius: inherit;
}

/* Thumb bazinė padėtis: VISADA vertikaliai centre */
.pkf-progress .pkf-thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%); /* centras pagal X (kai left nurodo tašką) ir pagal Y */
  width: var(--pk-thumb);
  height: var(--pk-thumb);
  z-index: 2;
}

/* 100% būsena: thumb prisiparkuoja prie dešinio krašto, bet lieka CENTRUOTAS vertikaliai */
.pkf-progress[aria-valuenow="100"] .pkf-thumb {
  left: 100%;
  transform: translate(-100%, -50%); /* flush su dešiniu kraštu */
}


/* % žymė – truputį kairiau nuo thumb, taip pat vertikaliai centruota */
.pkf-progress .pkf-pct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 3;
}
.pkf-progress[aria-valuenow="100"] .pkf-pct {
  right: calc(var(--pk-thumb) + var(--pk-gap));
}

/* Gražus dešinio krašto užapvalinimas, kai pilna */
.pkf-progress[aria-valuenow="100"] .pkf-fill {
  width: 100% !important;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* Vienoda spalvų gama tiek einančiai, tiek pilnai užpildytai juostai */
/*.pkf-progress .pkf-fill {
/*  background: linear-gradient(90deg,
/*    var(--pk-brand-blue) 0%,
/*    var(--pk-brand-green) 100%
/*  );
/*}

/* Užtikrinam, kad 100% juosta nepakeistų spalvos */
/*.pkf-progress[aria-valuenow="100"] .pkf-fill {
/*  background: linear-gradient(90deg,
/*    var(--pk-brand-blue) 0%,
/*    var(--pk-brand-green) 100%
/*  ) !important;
/*}
/* === PROGRESS BAR – ŽALIA GAMA === */

/* Ne-done: nuo labai šviesiai žalios → iki brand green, su shine pulsu */
.pkf-progress .pkf-fill{
  background: linear-gradient(
    90deg,
    var(--pk-green-100) 0%,
    var(--pk-brand-400) 35%,
    var(--pk-brand-600) 75%,
    var(--pk-brand-700) 100%
    
  ) !important;
    transition:width .7s ease;
}

/* Shine – gyvas tik kai NE 100% */
.pkf-progress .pkf-shine{
  opacity: .8;
  animation: pkfShine 3.2s linear infinite;
}
.pkf-progress[aria-valuenow="100"] .pkf-shine{
  opacity: 0;
  animation: none;
}

/* 100%: ta pati žalių gama (be mėlynos), tvarkingas dešinys kraštas */
.pkf-progress[aria-valuenow="100"] .pkf-fill{
  width: 100% !important;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  /* galima palikti tą pačią gamą – atrodys „pilnai uždegta“ žalia */
  background: linear-gradient(
    90deg,
    var(--pk-green-200) 0%,
    var(--pk-brand-400) 35%,
    var(--pk-brand-600) 70%,
    var(--pk-brand-700) 100%
  ) !important;
}

/* Burbuliukas – paliekam mėlyną akcentą ir parkingą 100% būsenoje */
.pkf-progress .pkf-thumb{
  width: 14px; height:14px;
  background: var(--pk-brand-1100);
}
.pkf-progress[aria-valuenow="100"] .pkf-thumb{
  left: 100%;
  transform: translate(calc(-100% - var(--pk-gap)), -50%);
}

/* % etiketė – truputį kairiau nuo thumb, vertikaliai centre */
.pkf-progress .pkf-pct{
  position: absolute;
  top: 48%;
  transform: translateY(-48%);
  font: 700 13px/1.1 system-ui;
  color: var(--pk-brand-1100);
  white-space: nowrap;
  z-index: 3;
}
.pkf-progress[aria-valuenow="100"] .pkf-pct{
  right: calc(var(--pk-thumb) + var(--pk-gap));
}
/* === Completed state animacijos (sweep + halo) === */

/* 100%: sweep per pilną barą */
.pkf-progress[aria-valuenow="100"] .pkf-fill {
  position: relative;
  overflow: hidden;
}
.pkf-progress[aria-valuenow="100"] .pkf-fill::after {
  content:"";
  position:absolute; top:0; bottom:0; width:40%;
  left:100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.45) 50%,
    rgba(255,255,255,0) 100%
  );
  filter: blur(0.5px);
  animation: pkfSuccessSweep 1.2s ease-out 0.2s 1 forwards;
  pointer-events:none;
}
@keyframes pkfSuccessSweep {
  0%   { transform: translateX(0); opacity:0; }
  20%  { opacity:.35; }
  100% { transform: translateX(-260%); opacity:0; }
}

/* 100%: halo efektas aplink burbuliuką */
.pkf-progress[aria-valuenow="100"] .pkf-thumb::after {
  content:"";
  position:absolute; inset:-2px;
  border-radius:inherit;
  box-shadow: 0 0 0 0 rgba(var(--pk-brand-400-rgb), .25); /* žalsva aura */
  animation: pkfHalo 3s ease-in-out infinite;
}
@keyframes pkfHalo {
  0%   { transform: scale(1);   box-shadow:0 0 0 0   rgba(59,181,74,.25); opacity:.9; }
  50%  { transform: scale(1.06);box-shadow:0 0 0 6px rgba(59,181,74,0);  opacity:1; }
  100% { transform: scale(1);   box-shadow:0 0 0 0   rgba(59,181,74,.25); opacity:.9; }
}
/* --- COMPLETED: vienkartinis sweep ir ramus halo --- */

/* Sweep animaciją kabinam ant klasės .do-sweep (ją uždės JS) */
.pkf-progress .pkf-fill.do-sweep {
  position: relative;
  overflow: hidden;
}
.pkf-progress .pkf-fill.do-sweep::after {
  content:"";
  position:absolute; top:0; bottom:0; width:40%;
  left:100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
  filter: blur(0.5px);
  animation: pkfSuccessSweep 1.2s ease-out 0.2s 1 forwards;
  pointer-events:none;
}
@keyframes pkfSuccessSweep {
  0%   { transform: translateX(0); opacity:0; }
  20%  { opacity:.35; }
  100% { transform: translateX(-260%); opacity:0; }
}

/* Ramus halo ant burbuliuko – kai yra .is-complete (uždės JS) */
.pkf-progress.is-complete .pkf-thumb::after {
  content:"";
  position:absolute; inset:-2px;
  border-radius:inherit;
  box-shadow: 0 0 0 0 rgba(var(--pk-brand-400-rgb), .25);
  animation: pkfHalo 3s ease-in-out infinite;
}
@keyframes pkfHalo {
  0%   { transform: scale(1);   box-shadow:0 0 0 0 rgba(59,181,74,.25); opacity:.9; }
  50%  { transform: scale(1.06);box-shadow:0 0 0 6px rgba(59,181,74,0);  opacity:1; }
  100% { transform: scale(1);   box-shadow:0 0 0 0 rgba(59,181,74,.25); opacity:.9; }
}

/* Svarbu: 100% būsenoje užgesinam seną in-progress pulsą, jei kuris nors likęs */
.pkf-progress[aria-valuenow="100"] .pkf-thumb::after {
  animation: none !important;
}
/* =================== P K  C A M P A I G N  L I S T  –  P R O G R E S S =================== */
/* Bazė */
.pkf-progress{
  position: relative;
  height: 14px;                /* juostos aukštis */
  background: #f3f4f6;         /* track */
  border-radius: 999px;
  overflow: hidden;
  --pct: 0%;
  --pk-thumb: 14px;            /* burbuliuko skersmuo */
  --pk-gap: 6px;               /* tarpas tarp thumb ir % */
}

/* Užpildas: plotis ir IN-PROGRESS ŽALIA GAMA (tau patikusi) */
.pkf-fill{
  position: absolute;
  inset: 0;
  width: var(--pct);           /* naujasis/kompaktinis naudoja --pct; senasis – width JS */
  background: linear-gradient(
    90deg,
    var(--pk-green-100) 0%,
    var(--pk-brand-400) 35%,
    var(--pk-brand-600) 75%,
    var(--pk-brand-700) 100%
  );
  transition: width .7s ease;
  border-radius: inherit;
}

/* Shine – paliekam tik IN-PROGRESS (100% – išjungsim žemiau) */
.pkf-shine{
  position:absolute; inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);
  background-size:200% 100%;
  animation:pkfShine 3.2s linear infinite;
  mix-blend-mode:screen;
  pointer-events:none;
}

/* Thumb – centras + pulsuojantis IN-PROGRESS */
.pkf-thumb{
  position:absolute;
  top:50%; left:var(--pct);
  transform: translate(-50%,-50%);
  width: var(--pk-thumb); height: var(--pk-thumb);
  border-radius: 999px;
  background: var(--pk-brand-1100); /* mėlynas akcentas */
  box-shadow: 0 0 0 2px #fff;
}
.pkf-thumb::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(var(--pk-brand-400-rgb), .35);
  animation: pkfPulse 2.8s cubic-bezier(.17,.67,.5,1) infinite;
}

/* Segmentų žymos (jei naudojamos) */
.pkf-mark{ background: color-mix(in srgb, var(--pk-brand-600) 45%, transparent); }

/* Procento etiketė */
.pkf-pct{
  position:absolute;
  top:50%; right:8px; transform: translateY(-50%);
  font: 700 11px/1.1 system-ui;
  color: var(--pk-brand-1100);
  white-space: nowrap;
  z-index: 3;
}

/*  ===== COMPLETED (100%) =====
   - vienspalvis užpildas
   - shine išjungtas
   - thumb „prisiparkuoja“ dešinėje
   - % perstumiam kairiau nuo thumb
*/
.pkf-progress[aria-valuenow="100"] .pkf-fill{
  width: 100% !important;
  background: var(--pk-brand-400) !important; /* jei norėsi tamsiau – var(--pk-brand-700) */
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.pkf-progress[aria-valuenow="100"] .pkf-shine{
  opacity: 0; animation: none; display: none;
}
.pkf-progress[aria-valuenow="100"] .pkf-thumb{
  left: 102%;
  transform: translate(calc(-100% - var(--pk-gap)), -50%);
}
.pkf-progress[aria-valuenow="100"] .pkf-thumb::after{
  /* išjungiame in-progress pulsą */
  animation: none; box-shadow: none;
}
.pkf-progress[aria-valuenow="100"] .pkf-pct{
  right: calc(var(--pk-thumb) + var(--pk-gap));
}

/* ========================================================================================= */

/* === COMPLETED: procento "pill" ant juostos, kairiau nuo burbuliuko === */
.pkf-progress[aria-valuenow="100"] .pkf-pct {
  right: calc(var(--pk-thumb) + var(--pk-gap) + -2px); /* kairiau nuo burbuliuko */
  top: 50%;
  transform: translateY(-50%);
  padding: 2px 6px;
  font: 800 10px/1 system-ui;   /* mažesnis, kad tilptų 14px juostoje */
  color: #fff;
  background: rgba(0,0,0,.18);  /* subtili "pill" užuomina */
  border-radius: 999px;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
  z-index: 3;                   /* virš fill ir thumb */
}

/* 0%: burbulas flush prie kairio krašto (nepaslėptas) */
.pkf-progress[aria-valuenow="0"] .pkf-thumb {
  left: 0%;
  transform: translate(0, -50%); /* NE -50% X */
}

/* 1–2%: dar per arti krašto – nerodome -50% poslinkio, kad nebūtų „nukąstas“ */
.pkf-progress[aria-valuenow="1"] .pkf-thumb,
.pkf-progress[aria-valuenow="2"] .pkf-thumb {
  left: var(--pct);
  transform: translate(0, -50%);
}

.pkf-progress[aria-valuenow="0"] .pkf-fill {
  width: 2px; /* mikro juostelė po burbulu */
}

/* =================== 0%  E M P T Y  S T A T E – G Y V E S N I S =================== */

/* 0% – baziniai parametrai */
.pkf-progress[aria-valuenow="0"]{
  --pk-seed: 8px; /* mini užpildas po thumb, kad „gyviau“ atrodytų */
  background: repeating-linear-gradient(
    45deg,
    #ECF7F0 0,      /* labai švelni žalia */
    #ECF7F0 10px,
    #F6FFFB 10px,   /* dar šviesesnė juosta */
    #F6FFFB 20px
  );
  background-size: 200% 100%;
  animation: pkfTrackSlide 8s linear infinite; /* subtilus judesys */
}

/* kairėje – „seed“ užpildas po burbuliuku (nebe tuščia) */
.pkf-progress[aria-valuenow="0"] .pkf-fill{
  width: var(--pk-seed) !important;
  background: var(--pk-brand-400) !important; /* brand green */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* thumb – flush prie krašto ir švelniai „pastuksi“ (nudge) */
.pkf-progress[aria-valuenow="0"] .pkf-thumb{
  left: 0%;
  transform: translate(0,-50%);
  animation: pkfNudge 2.4s ease-in-out infinite;
}


/* % etiketę galim palikti dešinėje – ji netrukdo 0% būsenoje */

/* Animacijos */
@keyframes pkfTrackSlide{
  0%{   background-position: 0 0; }
  100%{ background-position: 200% 0; }
}
@keyframes pkfNudge{
  0%,100%{ transform: translate(0,-50%); }
  50%{    transform: translate(3px,-50%); }
}
@keyframes pkfHintFloat{
  0%,100%{ transform: translateY(-1px); opacity:.95; }
  50%{    transform: translateY(0);     opacity:1; }
}
/* 0% – juostelės juda į kitą pusę (right → left) */
.pkf-progress[aria-valuenow="0"]{
  /* apverčiam pasvirimo kampą ir judėjimo kryptį */
  background: repeating-linear-gradient(
    -45deg,           /* vietoje 45deg → -45deg (juostelių pasvirimas į kitą pusę) */
    #ECF7F0 0,
    #ECF7F0 10px,
    #F6FFFB 10px,
    #F6FFFB 20px
  );
  background-size: 200% 100%;
  background-position: 200% 0;     /* pradedam „iš dešinės“ */
  animation: pkfTrackSlide 8s linear infinite reverse; /* reverse = judėjimas į kairę */
}

/* Shine juda LINK COMPLETION (→), t. y. į dešinę */
.pkf-progress:not([aria-valuenow="100"]) .pkf-shine{
  /* apverčiam kryptį */
  background: linear-gradient(
    300deg,                                 /* buvę ~120deg → apverčiam */
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.55) 50%,
    rgba(255,255,255,0) 100%
  );
  background-size: 200% 100%;
  animation: pkfShineToRight 3.2s linear infinite;  /* judėjimas į dešinę */
}

@keyframes pkfShineToRight{
  0%   { background-position: 200% 0; }   /* start as if „iš kairės žiūrint“ */
  100% { background-position:   0% 0; }   /* slenka į dešinę (link burbuliuko) */
}
/* === PK brand === */
:root{
  --pk-blue: #253c97;         /* jūsų mėlyna */
  --pk-blue-10: rgba(37,60,151,.10);
  --pk-blue-15: rgba(37,60,151,.15);
  --pk-text: #0f172a;         /* tamsus tekstas */
  --pk-muted: #64748b;        /* prigesintas tekstas */
  --pk-border: #e5e7eb;
  --pk-bg: #ffffff;
  --pk-radius: 4px;           /* prašytas radius */
}

/* === VISAS viršutinis blokas (tabs + paieška + rūšiavimas) === */
.ets_myshop_right .ets_mp_tabs{
  background: var(--pk-bg);
  border: 1px solid var(--pk-border);
  border-radius: var(--pk-radius);
  padding: 10px 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,.04);
}

/* išlygiavimas */
.ets_myshop_right .ets_mp_tabs_content,
.ets_myshop_right .ets_mp_tabs_content_search{
  display:flex; flex-wrap:wrap; align-items:center; gap: 10px 12px;min-width: 380px;
}

@media (max-width:767.98px) {
    /* išlygiavimas */
.ets_myshop_right .ets_mp_tabs_content,
.ets_myshop_right .ets_mp_tabs_content_search{
  margin-bottom:20px;
}}

@media (max-width:767.98px) {
.ets_myshop_right .block-search .col_search {
    left: 20px;
}}

@media (max-width:767.98px) {
.ets_mp_tabs_content_search .block-search input[name="product_search"] {
    top:0px!important;
        max-width: 300px;
    }}
    
@media (max-width:767.98px) {    
    .ets_mp_tabs .block-search .col_search svg {
    display: none;
}}


/* === TAB’ai (paverčiame „pills“) === */
.ets_myshop_right .ets_mp_tabs_content .tab_link{
  display:inline-flex; align-items:center;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  color: var(--pk-brand-1100);
  border: 1px solid transparent;
  transition: .18s ease;
}
.ets_myshop_right .ets_mp_tabs_content .tab_link:hover{
  color: var(--pk-blue);
  background: var(--pk-blue-10);
  border-color: var(--pk-blue-15);
}
.ets_myshop_right .ets_mp_tabs_content .tab_link.active{
  color: #fff;
  background: var(--pk-blue);
  border-color: var(--pk-blue);
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}

/* senovišką underline/„skirtukų“ briaunas nuraminam */
.ets_myshop_right .ets_mp_tabs_content .tab_link,
.ets_myshop_right .ets_mp_tabs_content .tab_link.active{
  border-bottom-width: 0;
}

/* === Paieškos laukelis === */
.ets_myshop_right .block-search{
  display:flex; align-items:center; gap:8px;
  background:#fff;
  max-height: 40px;
  border:1px solid var(--pk-border);
  border-radius: 8px;
  padding: 1px;
  min-width:380px;
}
.ets_myshop_right .block-search .col_search{ flex:1; display:flex; align-items:center; gap:8px; }
.ets_myshop_right .block-search input{
  border:none !important; outline:none !important;
  width:100%; padding:0; background:transparent;
  color: var(--pk-text);
}
.ets_myshop_right .block-search svg{ opacity:.7; }

/* === Rūšiavimo dropdown/selector === */
.ets_myshop_right .products-sort-order{
  background:#fff;
  border:1px solid var(--pk-border);
  border-radius: 4px;
  padding: 1px;
  max-height: 40px;
  color: var(--pk-muted);
}
.ets_myshop_right .products-sort-order .sort-by{ margin-right:6px; color: var(--pk-muted); }
.ets_myshop_right .ets_mp_sort_by_dropdown_ul{
  border:1px solid var(--pk-border);
  border-radius: var(--pk-radius);
  overflow:hidden;
}
.ets_myshop_right .ets_mp_sort_by_dropdown_ul li{
  padding:10px 12px; cursor:pointer;
}
.ets_myshop_right .ets_mp_sort_by_dropdown_ul li:hover,
.ets_myshop_right .ets_mp_sort_by_dropdown_ul li[selected]{
  background: var(--pk-blue-10);
  color: var(--pk-blue);
}

/* natyvinį <select> priderinam */
.ets_myshop_right .ets_mp_sort_by_product_list{
  border:none; background:transparent; color: var(--pk-text);
}

/* === Smulkūs pataisymai === */
.ets_myshop_right .ets_mp_block-categories{ border-radius: var(--pk-radius); }
.ets_myshop_right .ets_mp_block-categories .clear_selection{
  border-radius: 999px;
  border:1px solid var(--pk-blue);
  color: var(--pk-blue); background:#fff;
}
.ets_myshop_right .ets_mp_block-categories .clear_selection:hover{
  background: var(--pk-blue); color:#fff;
}

/* Produktų miniatiūrų kortelės – suvienodinam 4px, jei norisi */
.ets_myshop_right article.product-miniature .thumbnail-container{
  border-radius: var(--pk-radius);
  border:1px solid var(--pk-border);
}
.ets_myshop_right article.product-miniature .product-image,
.ets_myshop_right article.product-miniature .product-meta{
  border-radius: var(--pk-radius);
}

/* Slėpti cart mygtuką ETS tiekėjo sąraše */
.module-ets_marketplace .product-miniature .button-container.cart,
.module-ets_marketplace .product-miniature .leo-bt-cart {
  display: none !important;
}

/* jei anksčiau buvome pozicionavę absoliučiai – neutralizuojam */
.module-ets_marketplace .product-miniature.leo-plist-style-9 .button-container.cart {
  position: static !important;
}

/* LIST kortelės: +30% aukštesnė juosta */
.pkcard-footer .pkf-progress{
  height: 18px !important;      /* buvo 14px */
  border-radius: 999px;
}
.pkcard-footer .pkf-fill,
.pkcard-footer .pkf-grad,
.pkcard-footer .pkf-mask,
.pkcard-footer .pkf-shine{ height:100%; }

/* burbulas – proporcingai didesnis */
.pkcard-footer .pkf-thumb{
  width: 18px !important;
  height: 18px !important;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 3px #fff;  /* kad ant storesnės juostos atrodytų tvarkingai */
}

/* procento tekstas liktų gražiai per vidurį */
.pkcard-footer .pkf-pct{
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px; /* jei reikia – truputį didesnis */
  right:2px;
}

.pkcard-footer .pkf-progress{ overflow: visible !important; }
.pkcard-footer .pkf-thumb{ width:18px; height:18px; box-shadow:0 0 0 2px #fff; }

/* Rodyti „Tapk 1-uoju!“ tik kai 0% ir kampanija dar nepasibaigusi */
.pkf-progress.is-zero:not(.is-ended)::after{
  content: "Tapk 1-uoju!";
  position: absolute;
  top: 0px;

  /* pastumiam ~10px už burbuliuko (naudojam jo skersmenį) */
  left: calc(var(--pk-thumb, 14px) + 10px);

  padding: 3px 8px;
  font:700 10px/1.2 var(--pk-font-base);
  color: var(--pk-brand-700, #02713A);
  background: #E9F8EE;
  border-radius: 999px;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  pointer-events: none;
  z-index: 4;
}

/* Jei NENORI ženkliuko niekur – perrašyk taip: */
/* .pkf-progress.is-zero::after { content: none !important; } */


/* ===== ENDED (Baigėsi): jokių animacijų, tuščia juosta ===== */
.pkcard-footer .pkf-progress.is-ended{
  /* neutralus pilkas fonas, jokios juostelės ar animacijos */
  background: #f3f4f6 !important;
  animation: none !important;
  background-image: none !important;
}

.pkcard-footer .pkf-progress.is-ended .pkf-fill{
  width: 0% !important;                 /* tuščia */
  background: transparent !important;   /* be gradiento */
  animation: none !important;
}

.pkcard-footer .pkf-progress.is-ended .pkf-shine,
.pkcard-footer .pkf-progress.is-ended .pkf-thumb,
.pkcard-footer .pkf-progress.is-ended::after{
  display: none !important;             /* be shine, be burbulo, be „Tapk 1-uoju!“ */
}

/* jei 0% būsenoje turi „bėgančias“ juosteles – užblokuojam, kai ENDED */
.pkcard-footer .pkf-progress.is-ended{
  background-size: auto !important;
  background-position: 0 0 !important;
}

/* procentų tekstą galima palikti; jei norėsi visai slėpti ant ended: */
/* .pkcard-footer .pkf-progress.is-ended .pkf-pct{ display:none !important; } */

/* ===== ENDED (Baigėsi): išjungiame animacijas, bet PALIEKAM matomą progresą ===== */
.pkcard-footer .pkf-progress.is-ended{
  background: #f3f4f6 !important;   /* track – tas pats */
  animation: none !important;
  background-image: none !important;
}

/* Paliekam paskutinį procentą (iš JS arba CSS kintamojo --pct) */
.pkcard-footer .pkf-progress.is-ended .pkf-fill{
  width: var(--pct) !important;
  background: linear-gradient(
    90deg,
    var(--pk-green-100) 0%,
    var(--pk-brand-400) 35%,
    var(--pk-brand-600) 75%,
    var(--pk-brand-700) 100%
  ) !important;
  border-radius: inherit;
  animation: none !important;
}

/* Shine – išjungiam, kad „negyvuotų“ */
.pkcard-footer .pkf-progress.is-ended .pkf-shine{
  opacity: 0 !important;
  animation: none !important;
  display: none !important;
}

/* Burbulas lieka matomas paskutiniame taške, be pulso */
.pkcard-footer .pkf-progress.is-ended .pkf-thumb{
  display: block !important;
  left: var(--pct);
  transform: translate(-50%, -50%);
}
.pkcard-footer .pkf-progress.is-ended .pkf-thumb::after{
  animation: none !important; /* jokio pulso */
  box-shadow: none !important;
}

/* Procento žymė – paliekam, nieko specialiai neslepiam */
.pkcard-footer .pkf-progress.is-ended .pkf-pct{
  right: 8px;
}

/* Jei baigėsi ties 100% – užpildom iki galo ir „priparkuojam“ burbulą dešinėje */
.pkcard-footer .pkf-progress.is-ended[aria-valuenow="100"] .pkf-fill{
  width: 100% !important;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.pkcard-footer .pkf-progress.is-ended[aria-valuenow="100"] .pkf-thumb{
  left: calc(100% - (var(--pk-thumb)/2) - 1px) !important;
  transform: translate(-50%, -50%) !important;
}
.pkcard-footer .pkf-progress.is-ended[aria-valuenow="100"] .pkf-pct{
  right: calc(var(--pk-thumb) + var(--pk-gap));
        font-size: 14px;
    font-weight: 700;
}

/* 100% – parkavimas tvarkingai prie dešinio krašto (viduje) */
.pkf-progress[aria-valuenow="100"] .pkf-thumb,
.pkf-progress.is-ended[aria-valuenow="100"] .pkf-thumb{
  /* burbulo centras = 100% - (skersmuo/2) - 1px „air gap“ */
  left: calc(100% - (var(--pk-thumb) / 2) - 1px);
  transform: translate(-50%, -50%); /* paliekam normalų centravimą */
}

/* jei nori 0 tarpo – pakeisk 1px į 0; jei didesnio tarpelio – į 2–3px */

/* BAIGĖSI: visiškai jokių judesių */
.pkf-progress.is-ended .pkf-thumb,
.pkf-progress.is-ended .pkf-thumb::after,
.pkf-progress.is-ended .pkf-fill,
.pkf-progress.is-ended .pkf-fill::after,
.pkf-progress.is-ended .pkf-shine {
  animation: none !important;
  transition: none !important; /* jokio „slankiojimo“ dėl width/left */
}

/* jei naudoji .do-sweep – blokuojam ENDED būsenoje */
.pkf-progress.is-ended .pkf-fill.do-sweep::after { content: none !important; }

/* pats burbulas – lieka ten, kur parkuoji, be pulso/halo */
.pkf-progress.is-ended .pkf-thumb::after {
  box-shadow: none !important;
}

/* BAIGĖSI + 0%: pastumiam burbulą truputį į vidų ir paliekam mini seed */
.pkf-progress.is-ended[aria-valuenow="0"] .pkf-thumb{
  left: calc(var(--pk-thumb) / 2 + 4px);   /* ~6px tarpelis nuo kairio krašto */
  transform: translate(-50%, -50%);
}

.pkf-progress.is-ended[aria-valuenow="0"] .pkf-fill{
  width: 10px !important;                  /* maža „sėkla“, kad neatrodytų tuščia */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  animation: none !important;
}

.pkf-slash {
  display:inline-block;
  margin: 0 1px;
  font-weight:700;
  font-size:12px;
  line-height:1;
  color:#94a3b8;
  user-select:none;
}

#pk-campaign .pktitle{font-family:'Momo Trust Display',sans-serif!important}

.block-category .h1 {
    color: white !important;
    font-weight: 400;
}

@media (max-width: 1024px) {
.pkf-collected-label { display: none !important; }
}