/* Viena prekės kortelė visoje svetainėje (stv_rail_card): pradinis, kategorijos, paieška, susijusios, Elementor šablonas #5977 */
:root{--stv-pk:#EB0055;--stv-sf:#F6F8F9}
.stv-pc{min-width:0;font-family:"Wix Madefor Text",sans-serif;position:relative}
/* ===== Prekių eilutė (karuselė) – vienas komponentas visur: [stv_rail] (inc/stv-pradinis.php) + assets/rail.js =====
   Telefone: 2 kortelės + ~22 px trečios kraštelis; planšetėje 240 px; kompiuteryje 4 eilėje.
   Šoninė paraštė – kintamasis --stv-gut (pradinis/prekės puslapiai jį nustato; kitur 0). */
.stv-rail{position:relative}
.stv-rail-track{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--stv-gut,0px) 4px;scroll-padding:0 var(--stv-gut,0px)}
.stv-rail-track::-webkit-scrollbar{display:none}
.stv-rail .stv-pc{flex:0 0 calc((100% + var(--stv-gut,0px) - 16px - 22px) / 2);scroll-snap-align:start}
@media (min-width:768px){.stv-rail-track{gap:14px}.stv-rail .stv-pc{flex-basis:240px}}
@media (min-width:1025px){.stv-rail-track{gap:16px}.stv-rail .stv-pc{flex-basis:calc((100% - 3*16px) / 4)}}
/* Rodyklės: matomos užvedus ant eilutės, užvedus ant rodyklės – juodos. Fonas su !important, nes Hello tema mygtukams uždeda #c36. */
.stv-rail-nav{all:unset;box-sizing:border-box;position:absolute;top:var(--stv-navtop,40%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92)!important;color:#141414!important;border:1px solid rgba(20,20,20,.08);box-shadow:0 6px 20px rgba(12,0,22,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;opacity:0;transform:translate(var(--stv-nx,0),-50%) scale(.9);transition:opacity .25s ease,transform .25s ease,background-color .2s,color .2s,box-shadow .2s}
.stv-rail-prev{left:-10px;--stv-nx:8px}.stv-rail-next{right:-10px;--stv-nx:-8px}
.stv-rail:hover .stv-rail-nav,.stv-rail-nav:focus-visible{opacity:1;transform:translate(0,-50%) scale(1)}
.stv-rail .stv-rail-nav:hover{background:#141414!important;color:#fff!important;border-color:#141414;box-shadow:0 10px 26px rgba(12,0,22,.28);transform:translate(0,-50%) scale(1.06)}
.stv-rail .stv-rail-nav:active{transform:translate(0,-50%) scale(.96)}
.stv-rail-nav:focus-visible{outline:2px solid #EB0055;outline-offset:2px}
.stv-rail-nav svg{display:block;transition:transform .2s}
.stv-rail-prev:hover svg{transform:translateX(-2px)}.stv-rail-next:hover svg{transform:translateX(2px)}
.stv-rail-nav[hidden]{display:none}
.stv-rail .stv-rail-nav:disabled{opacity:0!important;pointer-events:none}
.stv-pc-media{position:relative}
.stv-pc-im{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:14px;background:var(--stv-sf);overflow:hidden}
.stv-pc-im img{width:96%!important;height:96%!important;object-fit:contain;mix-blend-mode:multiply;margin:0!important;transition:transform .2s}
.stv-pc-off{position:absolute;left:8px;top:8px;background:var(--stv-pk);color:#fff;font-size:12px;font-weight:500;line-height:1;border-radius:8px;padding:4px 7px;pointer-events:none}
.stv-pc-add{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:18px;background:#141414;color:#fff!important;display:flex!important;align-items:center;justify-content:center;font-size:22px;line-height:1;font-weight:400;text-decoration:none!important;-webkit-tap-highlight-color:transparent;transition:transform .12s,background .2s}
.stv-pc-add:active{transform:scale(.92)}
.stv-pc-add.loading{opacity:.6;pointer-events:none}
.stv-pc-add.added{background:#1DB954;font-size:0}
.stv-pc-add.added::after{content:"✓";font-size:18px}
.stv-pc .added_to_cart{display:none!important}
.stv-pc-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-size:15px;line-height:22px;font-weight:400;min-height:44px;color:#0C0016!important;text-decoration:none!important}
.stv-pc-p{margin-top:4px;white-space:nowrap;line-height:1.3}
.stv-pc-p b{color:var(--stv-pk);font-size:18px;line-height:22px;font-weight:700}
.stv-pc-p s{color:#0C0016;font-size:14px;line-height:20px;font-weight:600;margin-left:6px}
/* Krepšelio mygtukas: sukimasis -> ✓ */
@keyframes stvSpin{to{transform:rotate(360deg)}}
.stv-pc-add.loading{opacity:1!important;font-size:0!important;pointer-events:none}
.stv-pc-add.loading::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:stvSpin .7s linear infinite}
.stv-pc-add.added{background:#1DB954!important;font-size:0!important}
.stv-pc-add.added::after{content:"✓";font-size:18px;line-height:1}
/* Kortelė tinklelyje (kategorijos ir kt.) */
body ul.products li.product.stv-pli:not(.product-category){list-style:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;width:auto!important;float:none!important;text-align:left!important}
/* Elementor ciklo elementai (ir karuselės skaidrės): plotį palieka Swiper/tinkleliui */
body .elementor-loop-container .e-loop-item:has(.stv-pc),body .e-loop-item:has(.stv-pc){list-style:none!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;text-align:left!important}
ul.products li.stv-pli .stv-pc{width:100%}
.e-loop-item .stv-pc{width:100%}
@media (min-width:768px){.stv-pc-add{width:40px;height:40px;border-radius:20px;font-size:24px}}
/* Užvedus pelę: švelnus nuotraukos priartinimas */
.stv-pc-im img{transition:transform .7s cubic-bezier(.22,.61,.36,1)}
@media (hover:hover){
.stv-pc:hover .stv-pc-im{background:#EEF1F3}
.stv-pc:hover .stv-pc-im img{transform:scale(1.05)}
}
/* „+“ mygtukas: apskritimas (.stv-pc-add-ic) visada viršuje, o juoda „Į krepšelį“ juosta (.stv-pc-add-t) – po juo.
   Juosta prisitvirtinusi prie apskritimo dešinio krašto ir užvedus platėja į kairę (animuojamas tik plotis,
   be clip-path – Safari jo su calc() sklandžiai neanimuoja). Ramybės būsenoje ji lygiai apskritimo dydžio ir
   pilnai po juo, todėl matosi tik apskritimas. Tekstas prilipęs prie kairio juostos krašto ir važiuoja kartu su juo.
   Pats <a> – tik apskritimo dydžio (paspaudimo plotas nesikeičia, kol juosta paslėpta). */
.stv-pc-add{--d:36px;--w:calc(var(--d) + 82px);width:var(--d)!important;min-width:0;padding:0!important;overflow:visible;clip-path:none!important;background:transparent!important;border-radius:50%;white-space:nowrap}
.stv-pc-add-ic{position:relative;z-index:1;flex:0 0 var(--d);width:var(--d);height:var(--d);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#141414;color:#fff;transition:background-color .15s}
.stv-pc-add-t{position:absolute;right:0;top:0;z-index:0;display:flex;align-items:center;justify-content:flex-start;width:var(--d);height:var(--d);padding:0 0 0 16px;box-sizing:border-box;overflow:hidden;border-radius:calc(var(--d) / 2);background:#141414;color:#fff;font-size:14px;font-weight:600;line-height:1;letter-spacing:-.1px;
	transition:width .38s cubic-bezier(.22,.61,.36,1),background-color .15s}
/* įkeliama / pridėta: apskritimas lieka vietoje (be <a> fono – kitaip jis mirkteli), juosta sklandžiai grįžta po juo,
   žiedas ir ✓ – apskritimo viduryje; žalia spalva – mygtukai.css */
.stv-pc .stv-pc-add.loading,.stv-pc .stv-pc-add.added{background:transparent!important;font-size:0!important;opacity:1!important}
.stv-pc-add.loading .stv-pc-add-ic,.stv-pc-add.added .stv-pc-add-ic{color:transparent!important}
.stv-pc .stv-pc-add.loading::after{position:absolute;z-index:2;left:50%;top:50%;margin:-9px 0 0 -9px;box-sizing:border-box}
.stv-pc .stv-pc-add.added::after{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}
@media (min-width:768px){.stv-pc-add{--d:40px}}
@media (hover:hover){
.stv-pc:hover .stv-pc-add:not(.loading):not(.added) .stv-pc-add-t{width:var(--w)}
}
@media (prefers-reduced-motion:reduce){.stv-pc-add,.stv-pc-add-t{transition:none!important}.stv-pc-im img{transition:none}.stv-pc:hover .stv-pc-im img{transform:none}}
/* Likutis, sutaupymas, greitas pristatymas */
.stv-pc-left{position:absolute;left:8px;bottom:8px;background:#FFF1D6;color:#9A5B00;font-size:11.5px;font-weight:700;line-height:1;border-radius:8px;padding:5px 8px;pointer-events:none}
.stv-pc-save{display:inline-block;margin-top:6px;background:#E6F6EA;color:#18803A;font-size:12px;font-weight:700;line-height:1;border-radius:8px;padding:5px 8px}
.stv-pc-dl{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12.5px;line-height:1.3;color:#3F4A44}
.stv-pc-dl svg{flex:0 0 15px;color:#18803A}

/* ===== Paspaudimas (tik kortelė; iPhone :active įjungia assets/kortele.js) ===== */
.stv-pc-add{-webkit-tap-highlight-color:transparent;transition-property:scale,filter,opacity;transition-duration:.12s;transition-timing-function:ease-out}
.stv-pc-add:active{scale:.88;transform:none}
/* Prekės kortelė: paspaudus įsispaudžia visa kortelė, nuotrauka patamsėja (bet ne spaudžiant „+“) */
.stv-pc{-webkit-tap-highlight-color:transparent;transition:scale .14s ease-out}
.stv-pc:active:not(:has(.stv-pc-add:active)){scale:.975}
.stv-pc .stv-pc-im{transition:background-color .14s,filter .14s}
.stv-pc:active:not(:has(.stv-pc-add:active)) .stv-pc-im{filter:brightness(.94)}
@media (prefers-reduced-motion:reduce){.stv-pc:active,.stv-pc-add:active{scale:none}}

/* ===== „+“ mygtuko spalvos ir būsenos (html:not(#stv) – kad nugalėtų temos / įskiepių mygtukų stilius) ===== */
html:not(#stv) .stv-pc-add-ic,html:not(#stv) .stv-pc-add-t{background-color:#141414!important;color:#fff!important}
@media (hover:hover){
html:not(#stv) .stv-pc-add:not(.added):not(.loading):hover .stv-pc-add-ic,html:not(#stv) .stv-pc-add:not(.added):not(.loading):hover .stv-pc-add-t{background-color:#2E2E2E!important}
}
html:not(#stv) .stv-pc-add:not(.added):not(.loading):active .stv-pc-add-ic,html:not(#stv) .stv-pc-add:not(.added):not(.loading):active .stv-pc-add-t{background-color:#000!important}
html:not(#stv) .stv-pc-add:focus-visible{outline:2px solid #141414!important;outline-offset:2px!important}
html:not(#stv) .stv-pc-add.added .stv-pc-add-ic{background-color:#1DB954!important}
html:not(#stv) .stv-pc-add.loading::after{width:18px!important;height:18px!important;animation-duration:.7s!important}