/* ===== Vydanie 14. 10. 2026 — kniha v kníhkupectvách, predpredaj ukončený ===== */
.launch-badge{display:inline-block;text-decoration:none;margin-top:18px;padding:8px 18px;border:1px solid rgba(192,132,252,.55);border-radius:999px;
  font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#f3e8ff;
  background:rgba(17,8,25,.6);box-shadow:0 0 22px rgba(168,85,247,.25)}
.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.stores.center{justify-content:center}
.store-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;
  border:1px solid #6a0dad;color:#fff;text-decoration:none;font-family:'Cinzel',serif;font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;background:rgba(17,8,25,.78);transition:.3s ease}
.store-btn:hover{background:#6a0dad;box-shadow:0 0 24px rgba(106,13,173,.48);transform:translateY(-2px)}
.store-btn.primary{background:#6a0dad}
.store-btn.primary:hover{background:#7e1fc4}
.store-btn small{font-family:Georgia,serif;font-size:.7rem;letter-spacing:.04em;text-transform:none;opacity:.8}
.stores-label{font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#c4b5d4;margin:0 0 10px}

/* sekcia balíkov ako ukončený predpredaj */
.presale-done{max-width:760px;margin:0 auto 34px;text-align:center}
.presale-done p{color:#cfc3dc;line-height:1.7;margin:0 auto 18px;max-width:620px}
.presale-done .thanks{font-family:'Cinzel',serif;color:#fff;letter-spacing:.12em;font-size:.95rem;margin-bottom:8px}

.products-section.closed .product-card .form-group,
.products-section.closed .product-card .packeta-box,
.products-section.closed .product-card .dedication-choice,
.products-section.closed .product-card .preorder-check,
.products-section.closed .product-card .payment-actions,
.products-section.closed .product-card .payment-note,
.products-section.closed .product-card .quantity-note,
.products-section.closed .product-card .product-shipping-note,
.products-section.closed .product-card .vv-stock-note{display:none!important}
.products-section.closed .product-card .product-price{opacity:.45;text-decoration:line-through;text-decoration-thickness:1px}
.products-section.closed .product-card .gallery{filter:saturate(.75)}
.products-section.closed .product-card::after{content:"VYPREDANÉ";position:absolute;top:-12px;left:20px;z-index:3;
  background:linear-gradient(90deg,#4c1d95,#7e22ce);color:#fff;font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.15em;
  padding:5px 14px;border-radius:20px;box-shadow:0 0 15px rgba(126,34,206,.55)}
.sold-stamp{margin:18px auto 4px;text-align:center;font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.22em;color:#e9d5ff;
  border-top:1px solid rgba(168,85,247,.25);padding-top:16px}
.sold-stamp span{display:block;font-family:Georgia,serif;font-style:italic;letter-spacing:.02em;font-size:.9rem;color:#a99ead;margin-top:6px;text-transform:none}

@media (max-width:768px){
  .stores{flex-direction:column}
  .store-btn{width:100%}
  .launch-badge{font-size:.62rem;letter-spacing:.16em}
}

/* ===== Sekcia „Obidva balíky sú vypredané“ – farby a písmo podľa zvyšku webu ===== */
.soldout{position:relative;z-index:10;width:100%;margin:10px 0 60px;padding:clamp(30px,5vw,56px) 16px clamp(30px,5vw,50px);background:transparent}
.so-inner{max-width:1180px;margin:0 auto;text-align:center}
.so-kicker{margin:0 0 14px;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.45em;text-transform:uppercase;color:#999;padding-left:.45em}
.so-title{margin:0;font-family:'Cinzel',serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;line-height:1.15;
  font-size:clamp(1.7rem,4.6vw,3.2rem);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 18px rgba(168,85,247,.2)}
.so-title span{display:block;color:#c084fc;text-shadow:0 0 22px rgba(168,85,247,.45),0 2px 12px rgba(0,0,0,.9)}
.so-sub{margin:16px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(1.05rem,2vw,1.3rem);letter-spacing:.04em;color:#999}
.so-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 0;color:#c084fc}
.so-orn i{display:block;width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.7))}
.so-orn i:last-child{background:linear-gradient(270deg,transparent,rgba(192,132,252,.7))}
.so-orn b{font-weight:400;font-size:.7rem}
.so-orn.small{margin:14px auto 12px}
.so-orn.small i{width:52px}

/* ---- karty balíkov s ornamentálnymi rámami (PNG) ---- */
.so-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(10px,2vw,30px);margin-left:-2%;margin-right:-2%;margin-top:clamp(36px,5vw,60px);text-align:left}
.so-item{position:relative;padding:11% 9.5% 10%}
.so-framewrap{position:relative;z-index:1}
.so-card{position:relative;z-index:1;display:grid;grid-template-columns:47% 53%;overflow:hidden;container-type:inline-size;
  background:linear-gradient(90deg,rgba(14,8,22,.25) 0%,rgba(14,8,22,.5) 50%,rgba(14,8,22,.6) 100%),#120a1c url('/baliky-pozadie.webp?v=2') center/cover no-repeat}
.so-card--knizny{aspect-ratio:892/519;-webkit-mask:url('/ram-knizny-maska.png?v=2') center/100% 100% no-repeat;mask:url('/ram-knizny-maska.png?v=2') center/100% 100% no-repeat}
.so-card--limitovany{aspect-ratio:820/526;-webkit-mask:url('/ram-limitovany-maska.png?v=2') center/100% 100% no-repeat;mask:url('/ram-limitovany-maska.png?v=2') center/100% 100% no-repeat}
.so-frame{position:absolute;z-index:2;pointer-events:none;user-select:none;max-width:none}
.so-item--knizny .so-frame{left:-6.39%;top:-27.36%;width:112.556%;height:158.96%}
.so-item--limitovany .so-frame{left:-4.024%;top:-26.236%;width:109.878%;height:156.844%}
/* pulzujú iba drahokamy a ornamenty v strede strán rámu */
.so-frame-gem{z-index:3;opacity:.2;animation:soGemFrame 4.5s ease-in-out infinite;filter:brightness(1.35) saturate(1.2) drop-shadow(0 0 10px rgba(192,132,252,.85))}
.so-item--limitovany .so-frame-gem{animation-delay:-2.25s}
@keyframes soGemFrame{0%,100%{opacity:.15}50%{opacity:1}}

.so-photo{position:relative;height:100%;overflow:hidden}
.so-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1);
  -webkit-mask-image:linear-gradient(90deg,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 78%,transparent 100%)}
.so-item:hover .so-photo img{transform:scale(1.05)}
.so-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4cqw 5cqw 4cqw 2cqw}
.so-info h3{margin:0;font-family:'Cinzel',serif;font-weight:700;font-size:clamp(.95rem,4.6cqw,1.65rem);letter-spacing:.12em;line-height:1.22;text-transform:uppercase;color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 18px rgba(168,85,247,.25)}
.so-info .so-orn.small{margin:2.6cqw auto 2cqw}
.so-info .so-orn.small i{width:9cqw}
.so-price{margin:0 0 3cqw;font-family:'Cinzel',serif;font-size:clamp(1.1rem,5.4cqw,1.9rem);color:#c084fc;text-shadow:0 0 18px rgba(168,85,247,.35)}
.so-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:260px;min-height:clamp(36px,9cqw,52px);padding:0 14px;border-radius:10px;
  border:1px solid rgba(192,132,252,.35);background:rgba(46,24,66,.7);color:#fff;font-family:'Cinzel',serif;font-weight:700;font-size:clamp(.62rem,2.3cqw,.8rem);letter-spacing:.16em;
  text-transform:uppercase;cursor:not-allowed;user-select:none;box-shadow:inset 0 0 18px rgba(106,13,173,.25)}
.so-more{margin-top:3.6cqw;padding:4px 0 6px;background:none;border:0;border-bottom:1px solid rgba(192,132,252,.45);color:#d1d1d1;cursor:pointer;
  font-family:'Cinzel',serif;font-size:clamp(.58rem,2cqw,.72rem);letter-spacing:.2em;text-transform:uppercase;transition:color .2s,border-color .2s}
.so-more:hover,.so-more:focus-visible{color:#fff;border-color:#c084fc}
.so-more span{display:inline-block;margin-left:6px;transition:transform .2s}
.so-more[aria-expanded="true"] span{transform:rotate(90deg)}
.so-contents{position:relative;z-index:3;margin-top:clamp(26px,4vw,40px);border:1px solid rgba(192,132,252,.3);border-radius:12px;padding:18px 24px 20px;
  background:linear-gradient(180deg,rgba(18,9,28,.88),rgba(10,6,16,.92));box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 24px rgba(106,13,173,.2)}
.so-contents ul{margin:0;padding:0;list-style:none;columns:2;column-gap:28px}
.so-contents li{break-inside:avoid;position:relative;padding:5px 0 5px 18px;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.02rem;line-height:1.4;color:#ddd}
.so-contents li::before{content:"✦";position:absolute;left:0;top:7px;font-size:.62rem;color:#c084fc}

/* ozdoby v nadpise a spodnom páse – drahokam ako na rámoch */
.so-orn--gem{gap:14px}
.so-orn--gem i{width:110px}
.so-gem{width:22px;height:22px;filter:drop-shadow(0 0 8px rgba(192,132,252,.8));animation:soGemPulse 5s ease-in-out infinite}
@keyframes soGemPulse{0%,100%{filter:drop-shadow(0 0 5px rgba(192,132,252,.5))}50%{filter:drop-shadow(0 0 12px rgba(216,180,254,.95))}}
.so-title span{background:linear-gradient(180deg,#e9d5ff 0%,#c084fc 55%,#9d4edd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(168,85,247,.45))}

.so-strip{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(20px,4vw,40px);text-align:left;border:0;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.55) 20%,rgba(217,179,122,.7) 50%,rgba(192,132,252,.55) 80%,transparent) top/100% 1px no-repeat,
             linear-gradient(90deg,transparent,rgba(192,132,252,.55) 20%,rgba(217,179,122,.7) 50%,rgba(192,132,252,.55) 80%,transparent) bottom/100% 1px no-repeat,
             radial-gradient(60% 120% at 50% 50%,rgba(76,29,149,.18),transparent 70%)}
.so-note{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 18px}
.so-note+.so-note{border-left:1px solid;border-image:linear-gradient(180deg,transparent,rgba(192,132,252,.5),transparent) 1}
.so-note svg{flex:0 0 42px;width:42px;height:42px;fill:none;stroke:#c084fc;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(168,85,247,.5))}
.so-note p{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1rem;line-height:1.35;color:#9a90a6}
.so-note b{display:block;font-family:'Cinzel',serif;font-weight:700;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:4px}

@media (max-width:1100px){
  .so-grid{grid-template-columns:1fr;max-width:680px;margin-left:auto;margin-right:auto;gap:10px}
  .soldout{overflow-x:clip}
}
@media (max-width:640px){
  .soldout{padding-left:10px;padding-right:10px}
  .so-kicker{letter-spacing:.32em;font-size:.66rem}
  .so-title{letter-spacing:.08em}
  .so-item{padding:12% 8.5% 11%}
  .so-info{padding:3cqw 4cqw 3cqw 1cqw}
  .so-info .so-orn.small{display:none}
  .so-contents{padding:16px 18px 18px}
  .so-contents ul{columns:1}
  .so-strip{grid-template-columns:1fr}
  .so-note{justify-content:flex-start;padding:16px 6px}
  .so-note+.so-note{border-left:0;border-top:1px solid rgba(192,132,252,.18)}
  .so-orn--gem i{width:60px}
}
@media (prefers-reduced-motion:reduce){
  .so-frame-gem,.so-gem{animation:none}
}

/* ===== Recenzie – pás pod knihou (zobrazí sa až po schválení prvej recenzie) ===== */
.rv-strip{position:relative;z-index:10;width:100%;overflow-x:clip;padding:clamp(34px,5vw,60px) 16px clamp(10px,2vw,22px)}
.rv-strip[hidden]{display:none!important}
.rv-inner{max-width:1200px;margin:0 auto;text-align:center}
.rv-title{margin:0;font-family:'Cinzel',serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;line-height:1.2;
  font-size:clamp(1.4rem,3.6vw,2.3rem);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 18px rgba(168,85,247,.2)}
.rv-title span{color:#c084fc;text-shadow:0 0 22px rgba(168,85,247,.45),0 2px 12px rgba(0,0,0,.9)}
.rv-lead{margin:12px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(1rem,1.9vw,1.2rem);color:#999;letter-spacing:.03em}
.rv-wrap{position:relative;margin-top:clamp(26px,4vw,44px)}
.rv-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:34px 44px 64px;margin:-20px -38px -38px;scroll-padding:0 44px;
  justify-content:safe center;scrollbar-width:none}
.rv-track::-webkit-scrollbar{display:none}
.rv-overflow .rv-track{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}

/* karta = elegantný citát */
.rv-card{position:relative;flex:0 0 clamp(270px,31%,350px);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;text-align:center;
  cursor:pointer;outline:none;padding:38px 30px 26px;border-radius:16px;isolation:isolate;
  border:1px solid rgba(192,132,252,.38);
  background:radial-gradient(120% 70% at 50% 0%,rgba(106,13,173,.22) 0%,transparent 60%),linear-gradient(165deg,rgba(20,11,31,.94) 0%,rgba(10,6,15,.96) 100%);
  box-shadow:0 18px 44px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.4) inset;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .45s}
.rv-card::before{content:"";position:absolute;inset:7px;border-radius:11px;border:1px solid rgba(192,132,252,.14);pointer-events:none;z-index:-1;transition:border-color .35s}
.rv-card:hover,.rv-card:focus-visible{transform:translateY(-6px);border-color:rgba(192,132,252,.8);
  box-shadow:0 26px 60px rgba(0,0,0,.7),0 0 38px rgba(126,34,206,.35),0 0 0 1px rgba(0,0,0,.4) inset}
.rv-card:hover::before,.rv-card:focus-visible::before{border-color:rgba(192,132,252,.32)}
.rv-q{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-family:'Cormorant Garamond',Georgia,serif;font-size:5.2rem;line-height:1;
  color:#c084fc;opacity:.55;text-shadow:0 0 24px rgba(168,85,247,.55);pointer-events:none}
.rv-stars{display:block;margin:8px 0 14px;color:#c084fc;letter-spacing:5px;font-size:.82rem;text-shadow:0 0 10px rgba(192,132,252,.45)}
.rv-stars .off{color:#3a2a48;text-shadow:none}
.rv-excerpt{margin:0 0 20px;flex:1;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.14rem;line-height:1.6;color:#d6d0da;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.rv-spoiler-note{color:#a993bb}
.rv-sign{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}
.rv-dash{flex:0 1 38px;height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.7))}
.rv-dash:last-child{background:linear-gradient(270deg,transparent,rgba(192,132,252,.7))}
.rv-name{font-family:'Cinzel',serif;font-weight:700;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.rv-sub{margin:6px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:.92rem;color:#7d7487;letter-spacing:.03em}
.rv-collab{margin:4px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:.86rem;color:#8a7f95}
.rv-more{margin-top:16px;font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:#c084fc;opacity:.75;transition:opacity .3s,letter-spacing .3s}
.rv-card:hover .rv-more,.rv-card:focus-visible .rv-more{opacity:1;letter-spacing:.3em}

.rv-nav{position:absolute;top:calc(50% - 22px);z-index:2;width:44px;height:44px;border-radius:50%;display:none;place-items:center;
  border:1px solid rgba(192,132,252,.5);background:rgba(10,6,15,.85);color:#e9d5ff;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.7rem;line-height:1;cursor:pointer;
  box-shadow:0 0 22px rgba(106,13,173,.35);backdrop-filter:blur(4px);transition:.25s}
.rv-nav:hover{background:#6a0dad;color:#fff;box-shadow:0 0 28px rgba(126,34,206,.6)}.rv-nav:disabled{opacity:0;pointer-events:none}
.rv-nav.prev{left:-10px}.rv-nav.next{right:-10px}
.rv-overflow .rv-nav{display:grid}
.rv-cta{margin:16px 0 0}
.rv-cta a{font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:#d1d1d1;text-decoration:none;border-bottom:1px solid rgba(192,132,252,.45);padding-bottom:6px;transition:.25s}
.rv-cta a:hover{color:#fff;border-color:#c084fc;letter-spacing:.28em}

/* okno s celou recenziou – ako list */
.rv-pop{position:fixed;z-index:3000;overflow:auto;padding:44px 36px 30px;border-radius:18px;text-align:center;color:#d6d0da;
  border:1px solid rgba(192,132,252,.6);
  background:radial-gradient(110% 60% at 50% 0%,rgba(106,13,173,.32) 0%,transparent 62%),linear-gradient(165deg,rgba(21,11,32,.985),rgba(9,5,14,.985));
  box-shadow:0 30px 80px rgba(0,0,0,.85),0 0 50px rgba(106,13,173,.35);
  opacity:0;transform:translateY(8px) scale(.985);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.7,.2,1);scrollbar-width:thin;scrollbar-color:rgba(192,132,252,.35) transparent}
.rv-pop::before{content:"";position:absolute;inset:8px;border-radius:12px;border:1px solid rgba(192,132,252,.16);pointer-events:none}
.rv-pop.show{opacity:1;transform:none}
.rv-pop .rv-q{top:2px;font-size:6rem}
.rv-pop .rv-stars{margin:10px 0 18px}
.rv-pop.is-modal{left:50%!important;top:50%!important;width:min(600px,calc(100vw - 28px));max-height:min(84vh,680px);transform:translate(-50%,-47%) scale(.985)}
.rv-pop.is-modal.show{transform:translate(-50%,-50%)}
.rv-backdrop{position:fixed;inset:0;z-index:2999;background:rgba(3,1,6,.72);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}
.rv-backdrop.show{opacity:1}
.rv-close{position:absolute;top:14px;right:14px;z-index:1;width:34px;height:34px;border-radius:50%;border:1px solid rgba(192,132,252,.35);background:rgba(10,6,15,.6);color:#ccc;cursor:pointer;display:none;transition:.2s}
.rv-pop.is-modal .rv-close{display:block}
.rv-close:hover{color:#fff;border-color:#c084fc;background:#6a0dad}
.rv-full{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.2rem;line-height:1.7;color:#ddd6e2;text-align:center;transition:filter .4s}
.rv-full p{margin:0 0 .9em}.rv-full p:last-child{margin-bottom:0}
.rv-full.blurred{filter:blur(7px);user-select:none}
.rv-reveal-wrap{margin-top:16px}
.rv-reveal{padding:10px 20px;border-radius:10px;border:1px solid #6a0dad;background:#6a0dad;color:#fff;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:.25s}
.rv-reveal:hover{background:#7e1fc4;box-shadow:0 0 22px rgba(106,13,173,.55)}
.rv-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px auto 14px;color:#c084fc}
.rv-orn i{display:block;width:64px;height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.7))}
.rv-orn i:last-child{background:linear-gradient(270deg,transparent,rgba(192,132,252,.7))}
.rv-orn b{font-weight:400;font-size:.66rem}
.rv-pop .rv-name{font-size:.88rem}
.rv-ig{color:#c084fc;text-decoration:none}.rv-ig:hover{text-decoration:underline}

@media (max-width:640px){
  .rv-strip{padding-left:14px;padding-right:14px}
  .rv-card{flex-basis:86%;padding:36px 22px 24px}
  .rv-track{justify-content:flex-start;gap:16px;padding:30px 16px 56px;margin:-18px -14px -34px;scroll-padding:0 16px}
  .rv-nav{display:none!important}
  .rv-pop{padding:44px 22px 26px}
  .rv-full{font-size:1.12rem}
}

/* ===== PC: oba balíky v jednom ráme podľa návrhu (rám + dym z návrhu, prelínanie „screen“) ===== */
.so-mock{display:none}
@media (min-width:1101px){
  .so-grid{position:relative;grid-template-columns:49.28% 49.22%;justify-content:space-between;gap:0;aspect-ratio:1737/610;
    margin:clamp(80px,8vw,120px) 5.2% clamp(70px,7vw,110px);align-items:stretch;isolation:auto}
  .so-grid::before{content:"";position:absolute;z-index:0;left:-0.3%;right:-0.3%;top:-1%;bottom:-1%;border-radius:10px;
    background:radial-gradient(120% 90% at 50% 50%,#140a1c 0%,#0b0610 70%,#08040b 100%)}
  .so-item{padding:0;height:100%}
  .so-item .so-framewrap{height:100%}
  .so-item .so-frame{display:none}
  .so-item .so-card{aspect-ratio:auto;height:100%;border-radius:0;grid-template-columns:56% 44%;
    background:linear-gradient(90deg,rgba(11,6,16,.55) 0%,rgba(11,6,16,.86) 52%,rgba(11,6,16,.92) 100%),#0b0610 url('/baliky-pozadie.webp?v=2') center/cover no-repeat;
    -webkit-mask:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%),linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
    -webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%),linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-composite:intersect}
  .so-item .so-photo img{object-position:center 40%;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 88%,transparent 100%)}
  .so-item .so-info{padding-left:1cqw}
  .so-mock{display:block;position:absolute;z-index:4;pointer-events:none;user-select:none;max-width:none;
    left:-4.836%;top:-18.033%;width:109.672%;height:141.803%}
  .so-mock-gem{z-index:5;opacity:.15;animation:soGemFrame 4.5s ease-in-out infinite;filter:brightness(1.25) drop-shadow(0 0 6px rgba(192,132,252,.7))}
  .so-item .so-contents{position:absolute;z-index:3;inset:0;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;
    padding:6% 9%;cursor:pointer;background:rgba(10,5,16,.94)}
  .so-item .so-contents[hidden]{display:none}
  .so-item .so-contents ul{columns:1;max-width:440px;margin:0 auto}
  .so-item .so-contents li{font-size:1.12rem}
  .so-item .so-contents::after{content:"Zavrieť ✕";display:block;margin:18px auto 0;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#c084fc}
}
@media (min-width:1101px) and (prefers-reduced-motion:reduce){.so-mock-gem{animation:none}}

/* V33: dýchajúca fialová žiara za rámom + prebeh svetla po linkách rámu */
@media (min-width:1101px){
  .so-grid::after{content:"";position:absolute;z-index:0;inset:-1.5% -0.8%;border-radius:22px;pointer-events:none;
    box-shadow:0 0 40px 6px rgba(147,51,234,.45),0 0 110px 24px rgba(126,34,206,.28),0 0 200px 40px rgba(88,28,135,.18);
    animation:soBreath 6s ease-in-out infinite}
  .so-mock-shine{z-index:5;filter:brightness(1.7) saturate(1.15);
    -webkit-mask-image:linear-gradient(105deg,transparent 42%,#000 50%,transparent 58%);mask-image:linear-gradient(105deg,transparent 42%,#000 50%,transparent 58%);
    -webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:110% 0;mask-position:110% 0;animation:soShine 8s ease-in-out infinite}
}
@keyframes soBreath{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes soShine{0%{-webkit-mask-position:110% 0;mask-position:110% 0;opacity:0}
  6%{opacity:1}45%{-webkit-mask-position:-10% 0;mask-position:-10% 0;opacity:1}50%,100%{-webkit-mask-position:-10% 0;mask-position:-10% 0;opacity:0}}
@media (prefers-reduced-motion:reduce){.so-grid::after,.so-mock-shine{animation:none}.so-mock-shine{display:none!important}}

/* ===== Fialové blesky v pozadí (vv-lightning.js) =====
   Animuje sa iba opacity => skladá grafická karta, nič sa neprekresľuje. */
.vv-storm{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.vv-sky,.vv-bolt{position:absolute;inset:0;width:100%;height:100%;opacity:0;will-change:opacity;pointer-events:none}
.vv-sky{--bx:20%;
  background:
    radial-gradient(ellipse 45% 55% at var(--bx) 0%,rgba(225,200,255,.3) 0%,rgba(160,90,255,.18) 35%,rgba(90,30,180,0) 75%),
    linear-gradient(180deg,rgba(170,110,255,.24) 0%,rgba(120,60,220,.09) 26%,rgba(60,20,140,0) 72%)}
@media (prefers-reduced-motion:reduce){.vv-storm{display:none!important}}

/* ===== Mobil: väčšie balíky a trailer ===== */
@media (max-width:640px){
  .soldout{padding-left:2px;padding-right:2px}
  .so-grid{margin-left:0;margin-right:0;gap:4px}
  .so-item{padding:12% 5.6% 11%}
  .so-info h3{font-size:clamp(.95rem,5cqw,1.4rem)}
  .trailer-wrapper{max-width:min(88vw,400px)!important;margin-left:auto;margin-right:auto}
  .sound-toggle-btn{font-size:.75rem;padding:10px 18px}
}

/* ===== Paralax scéna s Verou (vv-parallax.js) =====
   Pozadie a postava sú samostatné vrstvy; hýbu sa iba cez transform (grafická karta). */
body{background-image:none!important}
.vv-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.vv-layer,.vv-occ,.vv-rim{position:absolute;top:-5vh;bottom:-2vh;left:-1.6vw;right:-1.6vw;
  background-repeat:no-repeat;background-size:cover;background-position:center top;will-change:transform;pointer-events:none}
.vv-l-bg{background-image:url('/vera-pc-pozadie.webp?v=1')}
.vv-l-fig,.vv-occ{background-image:url('/vera-pc-postava.webp?v=1')}
.vv-rim{background-image:url('/vera-pc-svetlo.webp?v=2');opacity:0}
/* „zakrývač“ – kópia postavy nad bleskom, aby blesk udrel ZA Veru; stmavená ako zvyšok pozadia */
.vv-occ{opacity:0;-webkit-mask:url('/vera-pc-postava.webp?v=1') center top/cover no-repeat;mask:url('/vera-pc-postava.webp?v=1') center top/cover no-repeat}
.vv-occ::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(5,5,5,.76) 0%,rgba(5,5,5,.12) 48%,rgba(5,5,5,.76) 100%)}
@media (max-width:768px){
  body::before{background-image:none!important}
  .vv-layer,.vv-occ,.vv-rim{top:-5vh;bottom:-3vh;left:0;right:0;background-position:38% top}
  .vv-l-bg{background-image:url('/vera-mob-pozadie.webp?v=1')}
  .vv-l-fig,.vv-occ{background-image:url('/vera-mob-postava.webp?v=1')}
  .vv-rim{background-image:url('/vera-mob-svetlo.webp?v=2')}
  .vv-occ{-webkit-mask:url('/vera-mob-postava.webp?v=1') 38% top/cover no-repeat;mask:url('/vera-mob-postava.webp?v=1') 38% top/cover no-repeat}
  .vv-occ::after{background:linear-gradient(to bottom,rgba(5,5,5,.37) 0%,rgba(5,5,5,.58) 24%,rgba(22,10,44,.55) 52%,rgba(5,5,5,.72) 78%,rgba(5,5,5,.84) 100%)}
}

/* ===== Plynulý nástup sekcií ===== */
.vv-reveal .vv-rv{opacity:0;transform:translate3d(0,18px,0);transition:opacity 1.6s cubic-bezier(.22,.61,.36,1),transform 1.8s cubic-bezier(.16,1,.3,1)}
.vv-reveal .vv-rv.vv-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .vv-layer,.vv-occ,.vv-rim{transform:none!important}
  .vv-reveal .vv-rv{opacity:1!important;transform:none!important;transition:none!important}
}

/* ===== Recenzie: jedna karta v strede + bodky ===== */
.rv-track.is-single{justify-content:center}
.rv-dots{display:flex;justify-content:center;gap:10px;margin:-22px 0 26px;position:relative;z-index:2}
.rv-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(192,132,252,.28);cursor:pointer;
  transition:background .4s,transform .4s,box-shadow .4s}
.rv-dot.is-active{background:#e9d5ff;transform:scale(1.35);box-shadow:0 0 10px rgba(192,132,252,.9)}
.rv-dot:focus-visible{outline:1px solid #c084fc;outline-offset:3px}
@media (min-width:641px){.rv-dots{display:none}}

/* ===== Tlačidlo „Recenzie“ v menu – elektrizujúce ako blesky ===== */
@property --nz-a{syntax:'<angle>';inherits:false;initial-value:0deg}
nav a.nav-zap{position:relative;display:inline-flex;align-items:center;gap:7px;vertical-align:middle;
  margin:0 10px;padding:7px 16px 7px 13px;border-radius:999px;isolation:isolate;
  color:#f5ecff;letter-spacing:2.4px;text-shadow:0 0 8px rgba(216,180,254,.75);
  background:radial-gradient(120% 140% at 50% 0%,rgba(126,34,206,.45),rgba(22,8,40,.85) 70%);
  box-shadow:0 0 14px rgba(147,51,234,.35),inset 0 0 12px rgba(168,85,247,.22);
  transition:box-shadow .5s,transform .5s,color .5s}
/* svetlo, ktoré neustále obieha po obvode (ako prúd v drôte) */
nav a.nav-zap::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;
  background:conic-gradient(from var(--nz-a),rgba(168,85,247,.35) 0deg,rgba(168,85,247,.35) 250deg,rgba(233,213,255,.9) 318deg,#fff 330deg,rgba(192,132,252,.9) 342deg,rgba(168,85,247,.35) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:nzSpin 3.6s linear infinite}
/* nepravidelné „iskrenie“ – krátke elektrické zablikanie žiary */
nav a.nav-zap::after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-2;pointer-events:none;opacity:.3;
  box-shadow:0 0 16px 2px rgba(168,85,247,.8),0 0 34px 6px rgba(126,34,206,.45);
  animation:nzFlicker 6.5s steps(1,end) infinite}
.nz-ico{width:9px;height:15px;fill:#e9d5ff;filter:drop-shadow(0 0 4px rgba(192,132,252,.95));animation:nzIco 6.5s steps(1,end) infinite}
nav a.nav-zap:hover{color:#fff;transform:translateY(-1px);box-shadow:0 0 22px rgba(168,85,247,.6),inset 0 0 16px rgba(192,132,252,.35)}
nav a.nav-zap:hover::before{animation-duration:1.4s}
nav a.nav-zap:hover::after{animation-duration:2.2s}
/* pri skutočnom údere blesku sa tlačidlo rozžiari spolu s oblohou */
.vv-zap nav a.nav-zap{box-shadow:0 0 30px rgba(192,132,252,.95),0 0 60px rgba(147,51,234,.55),inset 0 0 18px rgba(233,213,255,.45);color:#fff}
.vv-zap nav a.nav-zap::after{opacity:1}
@keyframes nzSpin{to{--nz-a:360deg}}
@keyframes nzFlicker{0%{opacity:.3}61%{opacity:.95}62%{opacity:.4}63.5%{opacity:1}65%{opacity:.35}66%{opacity:.8}68%{opacity:.3}100%{opacity:.3}}
@keyframes nzIco{0%{opacity:.85}61%{opacity:1;filter:drop-shadow(0 0 7px #fff)}63%{opacity:.6}64%{opacity:1}68%{opacity:.85;filter:drop-shadow(0 0 4px rgba(192,132,252,.95))}100%{opacity:.85}}
@media (max-width:768px){
  nav a.nav-zap{margin:4px 6px 0;padding:5px 13px 5px 11px;line-height:1.6}
}
@media (prefers-reduced-motion:reduce){
  nav a.nav-zap::before,nav a.nav-zap::after,.nz-ico{animation:none}
}

/* ===== Recenzie v ornamentálnych rámoch (rv-ram.webp) – podľa návrhu ===== */
.rv-card{flex:0 0 clamp(280px,31%,360px);aspect-ratio:1086/1448;align-self:flex-start;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  container-type:inline-size;justify-content:flex-start;gap:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));
  transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s}
/* tmavé vnútro len v ráme */
.rv-card::before{inset:9.6% 10.6% 6.6% 10.6%;border:0;border-radius:2px;z-index:-1;
  background:radial-gradient(90% 55% at 50% 0%,rgba(126,34,206,.28) 0%,transparent 70%),radial-gradient(80% 40% at 50% 100%,rgba(88,28,135,.22),transparent 70%),linear-gradient(180deg,#140a20 0%,#0c0614 100%)}
/* samotný rám navrchu */
.rv-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url('/rv-ram.webp?v=1') center/100% 100% no-repeat;transition:filter .6s}
.rv-card:hover,.rv-card:focus-visible{transform:translateY(-6px);border-color:transparent;box-shadow:none;filter:drop-shadow(0 26px 40px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(147,51,234,.35))}
.rv-card:hover::after,.rv-card:focus-visible::after{filter:brightness(1.18) saturate(1.1)}
.rv-card:hover::before,.rv-card:focus-visible::before{border-color:transparent}
.rv-card>*{position:relative;z-index:2}
.rv-body{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:17% 16% 13.5%}
.rv-card .rv-q{position:relative;top:auto;left:auto;transform:none;display:block;font-size:clamp(2.6rem,17cqw,4.2rem);line-height:.62;height:.42em;opacity:.9;margin:0 0 6cqw;color:#a855f7;text-shadow:0 0 18px rgba(168,85,247,.6)}
.rv-card .rv-stars{margin:0 0 5cqw;font-size:clamp(.78rem,4.4cqw,1rem);letter-spacing:.32em;color:#c084fc}
.rv-card .rv-excerpt{flex:0 1 auto;margin:0;font-size:clamp(.98rem,5.2cqw,1.2rem);line-height:1.62;color:#ddd3e6;-webkit-line-clamp:5}
.rv-card .rv-spoiler-note{color:#a993bb}
.rv-sep{display:flex;align-items:center;justify-content:center;gap:8px;width:72%;margin:auto 0 4.5cqw;padding-top:5cqw}
.rv-sep i{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.75))}
.rv-sep i:last-child{background:linear-gradient(270deg,transparent,rgba(192,132,252,.75))}
.rv-sep b{width:5px;height:5px;transform:rotate(45deg);background:#c084fc;box-shadow:0 0 8px rgba(192,132,252,.9)}
.rv-card .rv-dash{display:none}
.rv-card .rv-name{font-size:clamp(.78rem,4.6cqw,.98rem);letter-spacing:.2em;max-width:100%}
.rv-card .rv-sub{margin-top:2cqw;font-size:clamp(.8rem,4.3cqw,.95rem);color:#8a8094;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rv-card .rv-collab{font-size:clamp(.74rem,3.9cqw,.86rem);margin-top:1cqw}
.rv-card .rv-more{margin-top:4.5cqw;font-size:clamp(.58rem,3.3cqw,.7rem);color:#b98af5}
.rv-track{gap:0}
/* PNG rámu má okolo priehľadnú žiaru – karty sa prekrývajú, aby boli rámy tesne vedľa seba ako v návrhu */
.rv-card{margin:0 -20px}

/* šípky – ornamentálny kruh s diamantmi */
.rv-nav{width:52px;height:52px;top:calc(50% - 26px);font-size:0;color:#f3e8ff;border:1px solid rgba(216,180,254,.75);
  background:radial-gradient(circle at 50% 40%,#2c1048 0%,#120820 62%,#0a0512 100%);
  box-shadow:0 0 0 4px rgba(10,5,18,.92),0 0 0 5px rgba(192,132,252,.38),0 0 22px rgba(168,85,247,.55),inset 0 0 12px rgba(192,132,252,.3);
  backdrop-filter:none;transition:box-shadow .4s,transform .4s,background .4s}
.rv-nav::before,.rv-nav::after{content:"";position:absolute;left:50%;width:7px;height:7px;margin-left:-3.5px;transform:rotate(45deg);
  background:#a855f7;border:1px solid #e9d5ff;box-shadow:0 0 8px rgba(192,132,252,.95)}
.rv-nav::before{top:-16px}.rv-nav::after{bottom:-16px}
.rv-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(216,180,254,.8))}
.rv-nav:hover{background:radial-gradient(circle at 50% 40%,#4a1a78 0%,#1d0c33 65%,#0d0618 100%);transform:scale(1.06);
  box-shadow:0 0 0 4px rgba(10,5,18,.92),0 0 0 5px rgba(216,180,254,.6),0 0 30px rgba(168,85,247,.85),inset 0 0 14px rgba(216,180,254,.45)}
.rv-nav.prev{left:-6px}.rv-nav.next{right:-6px}

/* bodky – diamanty s linkami */
.rv-dots{display:none;align-items:center;justify-content:center;gap:14px;margin:-26px auto 28px;max-width:700px}
.rv-dots::before,.rv-dots::after{content:"";flex:1;max-width:260px;height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.55))}
.rv-dots::after{background:linear-gradient(270deg,transparent,rgba(192,132,252,.55))}
.rv-dot{width:9px;height:9px;border-radius:0;transform:rotate(45deg);background:transparent;border:1px solid rgba(216,180,254,.75)}
.rv-dot.is-active{background:#c084fc;border-color:#f3e8ff;transform:rotate(45deg) scale(1.3);box-shadow:0 0 12px rgba(192,132,252,.95)}
.rv-overflow .rv-dots{display:flex}
@media (min-width:641px){.rv-overflow .rv-dots{display:flex}}

@media (max-width:640px){
  /* mobil: jedna karta v strede, susedné mimo obrazovky, šípky cez okraje karty */
  .rv-card{flex-basis:92%;padding:0;margin:0}
  .rv-track{gap:10%;padding:22px 4% 48px;margin:-18px -14px -30px;scroll-padding:0 4%;justify-content:flex-start}
  .rv-track.is-single{justify-content:center}
  .rv-overflow .rv-track{-webkit-mask-image:none;mask-image:none}
  .rv-nav{display:none}
  .rv-overflow .rv-nav{display:grid!important;width:36px;height:36px;top:calc(50% - 18px)}
  .rv-nav::before{top:-13px}.rv-nav::after{bottom:-13px}
  .rv-nav.prev{left:-4px}.rv-nav.next{right:-4px}
  .rv-dots{display:flex;margin:-20px auto 24px}
  .rv-dots::before,.rv-dots::after{max-width:90px}
}

/* ===== Doladenie: vnútro rámu až po linku, trblietky, žiariaci odkaz ===== */
nav a.nav-zap{padding:7px 17px}
.rv-card::before{inset:7.4% 9.6% 7% 9.6%}
.rv-cta a{font-size:.78rem}
/* trblietavé svetielka po obvode rámu – 3 skupiny blikajú striedavo, drahokamy pomaly dýchajú */
.rv-spark{position:absolute;inset:0;z-index:3;pointer-events:none;background:center/100% 100% no-repeat;opacity:0;will-change:opacity}
.rv-spark.s1{background-image:url('/rv-iskry-1.webp?v=1');animation:rvTw 2.9s ease-in-out infinite;animation-delay:var(--sd,0s)}
.rv-spark.s2{background-image:url('/rv-iskry-2.webp?v=1');animation:rvTw 3.7s ease-in-out infinite;animation-delay:calc(var(--sd,0s) - 1.3s)}
.rv-spark.s3{background-image:url('/rv-iskry-3.webp?v=1');animation:rvTw 4.6s ease-in-out infinite;animation-delay:calc(var(--sd,0s) - 2.6s)}
.rv-spark.sg{background-image:url('/rv-iskry-gem.webp?v=1');animation:rvGem 5.2s ease-in-out infinite;animation-delay:var(--sd,0s)}
@keyframes rvTw{0%,100%{opacity:0}18%{opacity:1}30%{opacity:.25}42%{opacity:.85}60%{opacity:0}}
@keyframes rvGem{0%,100%{opacity:.25}50%{opacity:.85}}
.rv-card:hover .rv-spark.s1,.rv-card:hover .rv-spark.s2,.rv-card:hover .rv-spark.s3{animation-duration:1.6s}

/* „Prečítala si knihu? Napíš recenziu →“ – fialovo ligotavý */
.rv-cta a{position:relative;display:inline-block;border-bottom:0;padding-bottom:9px;filter:drop-shadow(0 0 6px rgba(168,85,247,.55))}
.rv-cta-t{background:linear-gradient(100deg,#b98af5 0%,#d8b4fe 30%,#ffffff 45%,#e9d5ff 52%,#b98af5 70%,#c084fc 100%);background-size:260% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:rvShine 4.8s ease-in-out infinite}
.rv-cta a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.55) 15%,rgba(192,132,252,.55) 85%,transparent),
             linear-gradient(90deg,transparent 0,#fff 50%,transparent 100%) no-repeat;
  background-size:100% 100%,90px 100%;background-position:0 0,-120px 0;animation:rvLine 4.8s ease-in-out infinite;box-shadow:0 0 8px rgba(192,132,252,.6)}
.rv-cta a::before{content:"";position:absolute;right:-14px;top:-6px;width:9px;height:9px;pointer-events:none;
  background:radial-gradient(circle,#fff 0 18%,rgba(233,213,255,.8) 30%,transparent 62%),
             linear-gradient(#fff,#fff) center/1px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 1px no-repeat;
  opacity:0;animation:rvStar 4.8s ease-in-out infinite}
.rv-cta a:hover{letter-spacing:.24em;filter:drop-shadow(0 0 10px rgba(192,132,252,.9))}
.rv-cta a:hover .rv-cta-t{animation-duration:2s}
@keyframes rvShine{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@keyframes rvLine{0%{background-position:0 0,-120px 0}55%,100%{background-position:0 0,calc(100% + 120px) 0}}
@keyframes rvStar{0%,48%{opacity:0;transform:scale(.4) rotate(0)}55%{opacity:1;transform:scale(1.3) rotate(45deg)}66%,100%{opacity:0;transform:scale(.4) rotate(90deg)}}
@media (prefers-reduced-motion:reduce){
  .rv-spark{animation:none!important;opacity:.6}
  .rv-cta-t,.rv-cta a::after,.rv-cta a::before{animation:none}
}

/* ===== Trblietky aj na rámoch balíkov (rovnaké ako pri recenziách) ===== */
.so-frame-spark,.so-mock-spark{opacity:0;will-change:opacity;animation:rvTw 3.1s ease-in-out infinite}
.so-frame-spark{z-index:4}
.so-frame-spark.k2,.so-mock-spark.k2{animation-duration:3.9s;animation-delay:-1.4s}
.so-frame-spark.k3,.so-mock-spark.k3{animation-duration:4.7s;animation-delay:-2.8s}
.so-item--limitovany .so-frame-spark{animation-delay:-.7s}
.so-item--limitovany .so-frame-spark.k2{animation-delay:-2.1s}
.so-item--limitovany .so-frame-spark.k3{animation-delay:-3.5s}
@media (min-width:1101px){.so-mock-spark{z-index:6}}
@media (prefers-reduced-motion:reduce){.so-frame-spark,.so-mock-spark{animation:none;opacity:.6}}

/* ===== Hodnotiace hviezdičky – luxusné trblietanie ===== */
.rv-stars{letter-spacing:0;display:inline-flex;gap:.34em;align-items:center;justify-content:center}
.rv-st{position:relative;display:inline-block;line-height:1;
  background:linear-gradient(115deg,#9333ea 0%,#c084fc 34%,#f5eaff 47%,#ffffff 50%,#f5eaff 53%,#c084fc 66%,#9333ea 100%);
  background-size:320% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 3px rgba(192,132,252,.75)) drop-shadow(0 0 9px rgba(147,51,234,.45));
  animation:rvStSweep 5.2s cubic-bezier(.45,0,.25,1) infinite,rvStPulse 5.2s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * .11s),calc(var(--i,0) * .11s)}
/* jemný lúčik, ktorý sa postupne rozžiari nad každou hviezdičkou */
.rv-st::after{content:"";position:absolute;right:-.28em;top:-.3em;width:.62em;height:.62em;pointer-events:none;opacity:0;transform:scale(.2) rotate(0deg);
  background:radial-gradient(circle,#fff 0 9%,rgba(233,213,255,.85) 16%,transparent 46%),
             linear-gradient(#fff,#fff) center/1px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 1px no-repeat;
  -webkit-mask:radial-gradient(circle,#000 0 34%,transparent 72%);mask:radial-gradient(circle,#000 0 34%,transparent 72%);
  filter:drop-shadow(0 0 3px rgba(233,213,255,.95));
  animation:rvStGlint 5.2s ease-out infinite;animation-delay:calc(1.1s + var(--i,0) * .32s)}
.rv-st.off{background:none;color:#3a2a48;-webkit-text-fill-color:#3a2a48;filter:none;animation:none}
.rv-st.off::after{display:none}
.rv-card:hover .rv-st,.rv-card:focus-visible .rv-st{animation-duration:2.4s,2.4s}
.rv-card:hover .rv-st::after,.rv-card:focus-visible .rv-st::after{animation-duration:2.4s}
@keyframes rvStSweep{0%{background-position:100% 0}45%,100%{background-position:0 0}}
@keyframes rvStPulse{0%,100%{filter:drop-shadow(0 0 3px rgba(192,132,252,.7)) drop-shadow(0 0 8px rgba(147,51,234,.4))}
  30%{filter:drop-shadow(0 0 4px rgba(233,213,255,.95)) drop-shadow(0 0 14px rgba(168,85,247,.75))}}
@keyframes rvStGlint{0%,62%{opacity:0;transform:scale(.2) rotate(0deg)}68%{opacity:1;transform:scale(1.15) rotate(45deg)}80%,100%{opacity:0;transform:scale(.3) rotate(90deg)}}
.rv-pop .rv-stars{font-size:1rem}
@media (prefers-reduced-motion:reduce){.rv-st,.rv-st::after{animation:none}.rv-st{background-position:50% 0}}
.rv-card .rv-stars{letter-spacing:0;gap:.38em}

/* ===== Hviezdičky ako lesklé fialové sklo (ako tlačidlo Recenzie) ===== */
.rv-stars{display:inline-flex;gap:.3em;align-items:center;justify-content:center;font-size:clamp(1rem,5.6cqw,1.28rem)}
.rv-pop .rv-stars{font-size:1.35rem}
.rv-gs{width:1.05em;height:1.05em;overflow:visible;
  filter:drop-shadow(0 0 2px rgba(233,213,255,.55)) drop-shadow(0 0 7px rgba(147,51,234,.6)) drop-shadow(0 2px 3px rgba(0,0,0,.6));
  animation:rvGsGlow 4.8s ease-in-out infinite;animation-delay:calc(var(--i,0) * .14s)}
.rv-gs.off{filter:none;animation:none;opacity:.8}
.rv-gs-sheen{animation:rvGsSheen 4.8s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i,0) * .14s)}
.rv-gs-glint{transform-box:fill-box;transform-origin:center;opacity:.55;animation:rvGsGlint 4.8s ease-in-out infinite;animation-delay:calc(var(--i,0) * .14s)}
.rv-card:hover .rv-gs,.rv-card:hover .rv-gs-sheen,.rv-card:hover .rv-gs-glint{animation-duration:2.2s}
@keyframes rvGsSheen{0%,8%{transform:skewX(-22deg) translateX(0)}42%,100%{transform:skewX(-22deg) translateX(46px)}}
@keyframes rvGsGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(233,213,255,.5)) drop-shadow(0 0 6px rgba(147,51,234,.55)) drop-shadow(0 2px 3px rgba(0,0,0,.6))}
  28%{filter:drop-shadow(0 0 3px rgba(255,255,255,.85)) drop-shadow(0 0 12px rgba(168,85,247,.85)) drop-shadow(0 2px 3px rgba(0,0,0,.6))}}
@keyframes rvGsGlint{0%,18%,46%,100%{opacity:.5;transform:scale(1)}28%{opacity:1;transform:scale(1.9)}}
@media (prefers-reduced-motion:reduce){.rv-gs,.rv-gs-sheen,.rv-gs-glint{animation:none}}

/* ===== V47: nový rám balíkov (PC) – ligotavé body + živý dym okolo rámu =====
   Rám ram-baliky.webp má vnútorný otvor 1770×587 px (od x=90, y=95), mriežka balíkov ho presne vypĺňa. */
@media (min-width:1101px){
  .so-grid{aspect-ratio:1770/587}
  .so-mock{left:-5.085%;top:-16.184%;width:110.169%;height:137.479%}
  /* dym: dve kópie sa pomaly vlnia proti sebe a prelínajú – vyzerá to, že sa dym hýbe */
  .so-mock-dym{z-index:3;mix-blend-mode:screen;will-change:transform,opacity;transform-origin:50% 50%}
  .so-mock-dym.d1{animation:soDym1 13s ease-in-out infinite}
  .so-mock-dym.d2{animation:soDym2 17s ease-in-out infinite;filter:hue-rotate(-14deg) brightness(1.1)}
  .so-mock-spark{z-index:6}
}
@keyframes soDym1{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.95}
  33%{transform:translate3d(-.35%,-1.1%,0) scale(1.012,1.025);opacity:.55}
  66%{transform:translate3d(.3%,.7%,0) scale(1.006,1.012);opacity:.85}}
@keyframes soDym2{
  0%,100%{transform:translate3d(.25%,.8%,0) scale(1.01,1.02);opacity:.3}
  50%{transform:translate3d(-.3%,-.9%,0) scale(1.018,1.035);opacity:.85}}
@media (prefers-reduced-motion:reduce){.so-mock-dym{animation:none}.so-mock-dym.d2{display:none}}

/* V48: stredový ornament medzi balíkmi (PC) – hroty sa dotýkajú hornej a dolnej linky rámu */
.so-stred{display:none}
@media (min-width:1101px){
  .so-stred{display:block;position:absolute;z-index:5;pointer-events:none;left:50.03%;top:-2.837%;height:105.79%;aspect-ratio:281/895;transform:translateX(-48.4%)}
  .so-stred img{position:absolute;inset:0;width:100%;height:100%;max-width:none;user-select:none}
  .so-stred-dym{mix-blend-mode:screen;transform-origin:50% 50%;will-change:transform,opacity;animation:soStredDym 9s ease-in-out infinite}
  .so-stred-gem{opacity:.25;filter:brightness(1.4) saturate(1.2) drop-shadow(0 0 10px rgba(192,132,252,.85));animation:soGemFrame 4.5s ease-in-out infinite;animation-delay:-1.1s}
}
@keyframes soStredDym{0%,100%{transform:scale(1,1);opacity:.9}50%{transform:scale(1.12,1.03);opacity:.5}}
@media (prefers-reduced-motion:reduce){.so-stred-dym,.so-stred-gem{animation:none}}

/* ===== V49: O autorke + Soundtrack – kompaktné, podľa návrhu ===== */
@property --sd-a{syntax:'<angle>';inherits:false;initial-value:0deg}
#autor.vv-about{max-width:860px;margin:0 auto;padding:56px 0 34px;text-align:left}
.ab-kicker{margin:0 0 6px;font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.42em;text-transform:uppercase;color:#d9cbe6}
#autor .ab-title{margin:0;text-align:left;font-family:'Cinzel',serif;font-weight:700;font-size:clamp(2.1rem,4.6vw,3.3rem);letter-spacing:.16em;line-height:1.1;color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.7)}
.ab-title span,.sd-title span{background:linear-gradient(180deg,#d8b4fe,#a855f7 60%,#8b3fe0);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 10px rgba(168,85,247,.45))}
.ab-orn{display:flex;align-items:center;gap:10px;width:min(440px,80%);margin:14px 0 22px}
.ab-orn i{height:1px;flex:0 0 46%;background:linear-gradient(90deg,rgba(168,85,247,.85),rgba(168,85,247,.35))}
.ab-orn i:last-child{flex:1;background:linear-gradient(90deg,rgba(168,85,247,.35),transparent)}
.ab-orn b{width:9px;height:9px;flex:0 0 9px;transform:rotate(45deg);background:linear-gradient(135deg,#f0d9ff,#a855f7);box-shadow:0 0 10px rgba(192,132,252,.9)}
.ab-orn--c{margin:12px auto 26px;width:min(720px,90%)}
.ab-orn--c i,.ab-orn--c i:last-child{flex:1}
.ab-orn--c i:first-child{background:linear-gradient(90deg,transparent,rgba(168,85,247,.85))}
.ab-orn--c i:last-child{background:linear-gradient(90deg,rgba(168,85,247,.85),transparent)}
#autor .author-text{border:0;padding:0;margin:0;max-width:none;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.6;color:#d4cadb}
#autor .author-text p{margin:0 0 1.05em}
#autor .author-text .vv-name,#autor .author-text a{color:#c084fc;border:0;text-decoration:none;transition:color .3s,text-shadow .3s}
#autor .author-text a:hover{color:#e9d5ff;text-shadow:0 0 10px rgba(192,132,252,.7)}
#autor .ab-sign{margin:-.2em 0 0;text-align:right;font-style:normal;color:#e6dcef;letter-spacing:.06em}
#autor::after{content:"";display:block;height:1px;margin-top:30px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.45) 20%,rgba(168,85,247,.45) 80%,transparent)}

#playlist.vv-sound{padding:28px 0 60px}
#playlist .sd-title{margin:0;font-family:'Cinzel',serif;font-weight:700;font-size:clamp(1.25rem,2.4vw,1.75rem);letter-spacing:.32em;color:#fff;text-align:center}
.sd-list{list-style:none;margin:0 auto;padding:0;max-width:1220px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(9,auto);grid-auto-flow:column;column-gap:64px;position:relative}
.sd-list::before{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:1px;background:linear-gradient(180deg,transparent,rgba(168,85,247,.35) 15%,rgba(168,85,247,.35) 85%,transparent)}
.sd-list li{display:flex;align-items:center;gap:16px;padding:5px 0;cursor:pointer}
.sd-txt{flex:1;min-width:0;padding:5px 0 7px;border-bottom:1px solid rgba(168,85,247,.16);font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.02rem,1.25vw,1.16rem);line-height:1.3;color:#ddd3e6;transition:color .3s}
.sd-sep{color:#9d8aad}
.sd-a{color:#b57cf6}
.sd-list li:hover .sd-txt,.sd-list li.is-playing .sd-txt{color:#fff}
.sd-list li.is-playing .sd-a{color:#e9d5ff;text-shadow:0 0 10px rgba(192,132,252,.6)}

/* sklenené ▶ – rovnaký materiál ako tlačidlo „Recenzie“: sklo, obiehajúce svetlo po obvode, žiara */
.sd-play{position:relative;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;cursor:pointer;isolation:isolate;display:grid;place-items:center;
  color:#f5ecff;background:radial-gradient(120% 140% at 50% 0%,rgba(126,34,206,.5),rgba(22,8,40,.88) 70%);
  box-shadow:0 0 10px rgba(147,51,234,.35),inset 0 0 9px rgba(168,85,247,.25);transition:box-shadow .4s,transform .4s}
.sd-play::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;z-index:-1;
  background:conic-gradient(from var(--sd-a),rgba(168,85,247,.45) 0deg,rgba(168,85,247,.45) 250deg,rgba(233,213,255,.9) 318deg,#fff 330deg,rgba(192,132,252,.9) 342deg,rgba(168,85,247,.45) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:sdSpin 7s linear infinite}
.sd-list li:nth-child(3n+2) .sd-play::before{animation-delay:-2.3s}
.sd-list li:nth-child(3n) .sd-play::before{animation-delay:-4.6s}
.sd-play::after{content:"";position:absolute;inset:3px;border-radius:50%;z-index:-1;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,0) 45%);pointer-events:none}
.sd-play svg{width:20px;height:20px;fill:currentColor;filter:drop-shadow(0 0 4px rgba(216,180,254,.9))}
.sd-i-eq{display:none}
.sd-list li:hover .sd-play,.sd-play:focus-visible{transform:scale(1.08);box-shadow:0 0 18px rgba(168,85,247,.65),inset 0 0 12px rgba(192,132,252,.4)}
.sd-list li:hover .sd-play::before{animation-duration:1.6s}
.sd-play:focus-visible{outline:1px solid #c084fc;outline-offset:3px}
.sd-list li.is-playing .sd-play{box-shadow:0 0 22px rgba(192,132,252,.85),0 0 40px rgba(147,51,234,.45),inset 0 0 14px rgba(233,213,255,.45)}
.sd-list li.is-playing .sd-play::before{animation-duration:1.8s}
.sd-list li.is-playing .sd-i-play{display:none}
.sd-list li.is-playing .sd-i-eq{display:inline}
.sd-i-eq rect{transform-box:fill-box;transform-origin:50% 50%;animation:sdEq .9s ease-in-out infinite alternate}
.sd-i-eq rect:nth-child(2){animation-delay:-.3s}.sd-i-eq rect:nth-child(3){animation-delay:-.6s}
@keyframes sdSpin{to{--sd-a:360deg}}
@keyframes sdEq{from{transform:scaleY(.45)}to{transform:scaleY(1.15)}}

.sd-player{max-width:760px;margin:26px auto 0;border-radius:14px;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;
  box-shadow:0 0 0 1px rgba(168,85,247,.35),0 18px 40px rgba(0,0,0,.5),0 0 30px rgba(147,51,234,.25)}
.sd-player.is-open{opacity:1;transform:none}
.sd-player iframe{display:block;width:100%;border:0;border-radius:14px;transition:height .35s}
.sd-more{margin:22px 0 0;text-align:center}
.sd-more a{font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#c9b3dc;text-decoration:none;border-bottom:1px solid rgba(168,85,247,.4);padding-bottom:3px;transition:color .3s,border-color .3s}
.sd-more a:hover{color:#fff;border-color:#c084fc}

@media (max-width:900px){
  #autor.vv-about{padding:44px 6px 26px}
  .sd-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;max-width:560px}
  .sd-list::before{display:none}
  .sd-list li{gap:13px;padding:3px 0}
}
@media (max-width:768px){
  .ab-kicker{font-size:.7rem}
  #autor .ab-title{letter-spacing:.12em}
  #playlist .sd-title{letter-spacing:.2em;line-height:1.5}
  .sd-txt{font-size:1.06rem}
}
@media (prefers-reduced-motion:reduce){.sd-play::before,.sd-i-eq rect{animation:none}.sd-player{transition:none}}
/* V50: drahokam z balíkov aj v ornamentoch O autorke / Soundtrack */
.ab-orn .ab-gem{flex:0 0 auto;width:24px;height:24px;margin:0 2px}

/* V51: Instagram / Facebook – rovnaký elektrický sklenený efekt ako „Recenzie“, ale hranaté */
.btn-social{position:relative;isolation:isolate;border:0!important;border-radius:2px;
  color:#f5ecff;text-shadow:0 0 8px rgba(216,180,254,.75);
  background:radial-gradient(120% 140% at 50% 0%,rgba(126,34,206,.45),rgba(22,8,40,.85) 70%)!important;
  box-shadow:0 0 14px rgba(147,51,234,.35),inset 0 0 12px rgba(168,85,247,.22);
  transition:box-shadow .5s,transform .5s,color .5s}
.btn-social::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--nz-a),rgba(168,85,247,.35) 0deg,rgba(168,85,247,.35) 250deg,rgba(233,213,255,.9) 318deg,#fff 330deg,rgba(192,132,252,.9) 342deg,rgba(168,85,247,.35) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:nzSpin 3.6s linear infinite}
.btn-social+.btn-social::before{animation-delay:-1.8s}
.btn-social::after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-2;pointer-events:none;opacity:.3;
  box-shadow:0 0 16px 2px rgba(168,85,247,.8),0 0 34px 6px rgba(126,34,206,.45);
  animation:nzFlicker 6.5s steps(1,end) infinite}
.btn-social+.btn-social::after{animation-delay:-2.7s}
.btn-social:hover{color:#fff;transform:translateY(-1px);box-shadow:0 0 22px rgba(168,85,247,.6),inset 0 0 16px rgba(192,132,252,.35)}
.btn-social:hover::before{animation-duration:1.4s}
.btn-social:hover::after{animation-duration:2.2s}
.vv-zap .btn-social{box-shadow:0 0 30px rgba(192,132,252,.95),0 0 60px rgba(147,51,234,.55),inset 0 0 18px rgba(233,213,255,.45);color:#fff}
.vv-zap .btn-social::after{opacity:1}
@media (prefers-reduced-motion:reduce){.btn-social::before,.btn-social::after{animation:none}}

/* V52: odznak „Napriek všetkému · vyšla…“ – rovnaký elektrický sklenený efekt ako „Recenzie“ */
.launch-badge{position:relative;isolation:isolate;border-color:transparent!important;
  color:#f5ecff;text-shadow:0 0 8px rgba(216,180,254,.75);
  background:radial-gradient(120% 140% at 50% 0%,rgba(126,34,206,.45),rgba(22,8,40,.85) 70%)!important;
  box-shadow:0 0 14px rgba(147,51,234,.35),inset 0 0 12px rgba(168,85,247,.22);
  transition:box-shadow .5s,transform .5s,color .5s}
.launch-badge::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--nz-a),rgba(168,85,247,.35) 0deg,rgba(168,85,247,.35) 250deg,rgba(233,213,255,.9) 318deg,#fff 330deg,rgba(192,132,252,.9) 342deg,rgba(168,85,247,.35) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:nzSpin 3.6s linear infinite;animation-delay:-1.2s}
.launch-badge::after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-2;pointer-events:none;opacity:.3;
  box-shadow:0 0 16px 2px rgba(168,85,247,.8),0 0 34px 6px rgba(126,34,206,.45);
  animation:nzFlicker 6.5s steps(1,end) infinite;animation-delay:-3.9s}
.launch-badge:hover{color:#fff;transform:translateY(-1px);box-shadow:0 0 22px rgba(168,85,247,.6),inset 0 0 16px rgba(192,132,252,.35)}
.launch-badge:hover::before{animation-duration:1.4s}
.launch-badge:hover::after{animation-duration:2.2s}
.vv-zap .launch-badge{box-shadow:0 0 30px rgba(192,132,252,.95),0 0 60px rgba(147,51,234,.55),inset 0 0 18px rgba(233,213,255,.45);color:#fff}
.vv-zap .launch-badge::after{opacity:1}
@media (prefers-reduced-motion:reduce){.launch-badge::before,.launch-badge::after{animation:none}}

/* V55: „Ohodnoť knihu aj tu“ – Databáza kníh, Hříšné knihy (sklenené tlačidlá ako „Recenzie“) */
.rv-rate{margin:26px 0 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.rv-rate-lbl{margin:0;font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(226,214,240,.7)}
.rv-rate-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.rv-rate-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;text-decoration:none;
  font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#f5ecff;text-shadow:0 0 8px rgba(216,180,254,.6);
  background:radial-gradient(120% 140% at 50% 0%,rgba(126,34,206,.42),rgba(22,8,40,.85) 70%);
  box-shadow:0 0 12px rgba(147,51,234,.3),inset 0 0 10px rgba(168,85,247,.2);transition:box-shadow .5s,transform .5s,color .5s}
.rv-rate-btn span{font-size:.85em;opacity:.7}
.rv-rate-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--nz-a),rgba(168,85,247,.35) 0deg,rgba(168,85,247,.35) 250deg,rgba(233,213,255,.9) 318deg,#fff 330deg,rgba(192,132,252,.9) 342deg,rgba(168,85,247,.35) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:nzSpin 4.4s linear infinite}
.rv-rate-btn+.rv-rate-btn::before{animation-delay:-2.2s}
.rv-rate-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 0 22px rgba(168,85,247,.6),inset 0 0 16px rgba(192,132,252,.35)}
.rv-rate-btn:hover::before{animation-duration:1.4s}
@media (max-width:480px){.rv-rate-btn{padding:9px 14px;font-size:.64rem;letter-spacing:.14em}}
@media (prefers-reduced-motion:reduce){.rv-rate-btn::before{animation:none}}

/* V57: Kde kúpiť knihu (pod vypredanými balíkmi) */
.so-buy{margin:38px auto 0;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.so-buy-kicker{margin:0;font-family:'Cinzel',serif;font-size:.74rem;letter-spacing:.36em;text-transform:uppercase;color:#d8b4fe;text-shadow:0 0 10px rgba(168,85,247,.5)}
.so-buy-lead{margin:0 0 4px;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.15rem;line-height:1.5;color:#d4cadb}
.so-buy .rv-rate-btn{padding:11px 22px;font-size:.74rem}


/* ===== V64: OBCHOD — produkty z adminu (vv-shop.js) · štýl „Rám“ (ozdobný rám) a „Sklo“ (bez rámu) ===== */
.vv-shop{position:relative;z-index:10;width:100%;margin:10px 0 40px;padding:clamp(30px,5vw,56px) 16px clamp(20px,4vw,40px)}
.vv-shop[hidden]{display:none}
.vs-grid{display:grid;gap:clamp(56px,6vw,70px);max-width:1040px;margin:44px auto 0;text-align:left}
.vs-foot{margin:34px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:#8f8a98;font-size:1rem}

/* --- spoločná kostra karty --- */
.vs-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1.05fr);align-items:stretch;border-radius:22px;isolation:isolate}
.vs-media{position:relative;display:flex;flex-direction:column;min-width:0}
.vs-photo{position:relative;flex:1 1 auto;min-height:380px;overflow:hidden;border-radius:14px;background:#07050a}
.vs-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .8s ease}
.vs-photo:hover img{transform:scale(1.03)}
.vs-photo--empty{display:grid;place-items:center;color:#c084fc;font-size:2.4rem;background:radial-gradient(circle at 50% 40%,rgba(126,34,206,.35),transparent 65%)}
.vs-badge{position:absolute;left:14px;top:14px;z-index:2;padding:7px 13px;border-radius:99px;font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;
  background:linear-gradient(90deg,#4c1d95,#7e22ce);border:1px solid rgba(233,213,255,.45);box-shadow:0 0 18px rgba(168,85,247,.55)}
.vs-thumbs{display:flex;gap:7px;padding:9px 2px 0;overflow-x:auto;scrollbar-width:thin}
.vs-thumb{flex:0 0 auto;width:50px;height:50px;padding:0;border-radius:8px;overflow:hidden;border:1px solid rgba(192,132,252,.25);background:none;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.vs-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.vs-thumb.active,.vs-thumb:hover{opacity:1;border-color:#c084fc}
.vs-divider{position:relative;margin:26px 0}
.vs-body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(22px,3vw,38px) clamp(14px,2.4vw,30px);text-align:center;min-width:0}
.vs-name{margin:0;font-family:'Cinzel',serif;font-weight:700;font-size:clamp(1.12rem,2.1vw,1.5rem);letter-spacing:.1em;text-transform:uppercase;color:#fff;line-height:1.28;text-shadow:0 0 18px rgba(168,85,247,.3)}
.vs-sub{margin:7px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.05rem;color:#b9aec6}
.vs-orn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:14px auto 10px;color:#c084fc}
.vs-orn i{display:block;width:min(120px,28%);height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.65))}
.vs-orn i:last-child{background:linear-gradient(270deg,transparent,rgba(192,132,252,.65))}
.vs-orn b{font-weight:400;font-size:.62rem;text-shadow:0 0 8px #a855f7}
.vs-orn--sm{margin:6px auto 10px}
.vs-price{margin:0 0 12px;font-family:'Cinzel',serif;font-weight:700;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:.04em;
  background:linear-gradient(180deg,#f3e8ff 0%,#c084fc 60%,#9d4edd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(168,85,247,.35))}
.vs-stock{display:inline-flex;align-items:center;gap:8px;margin:0 auto 14px;padding:7px 16px;border-radius:99px;font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  border:1px solid rgba(226,189,104,.55);color:#f3dca8;background:linear-gradient(180deg,rgba(70,48,14,.55),rgba(40,26,6,.55));box-shadow:0 0 16px rgba(226,189,104,.12)}
.vs-stock svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vs-stock.is-out{border-color:rgba(232,135,135,.5);color:#ffc9cf;background:rgba(70,20,26,.4)}
.vs-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:2px 0 6px;padding:0}
.vs-chips li{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:14px;border:1px solid rgba(192,132,252,.3);
  background:linear-gradient(180deg,rgba(46,24,66,.55),rgba(20,10,30,.55));text-align:left}
.vs-chips svg{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:#d8b4fe;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vs-chips span{display:flex;flex-direction:column;line-height:1.2}
.vs-chips b{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:.98rem;color:#efe6f7}
.vs-chips small{font-family:'Cormorant Garamond',Georgia,serif;font-size:.86rem;color:#a99ead}
.vs-desc{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.06rem;line-height:1.45;color:#ddd3e6}
.vs-desc p{margin:0 0 4px}
.vs-dispatch{margin:2px 0 16px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:.95rem;color:#a88fd0}
.vs-open{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:440px;margin:6px auto 0;padding:15px 18px;border-radius:12px;
  background:linear-gradient(180deg,#8b2fd8,#5b14a6);border:1px solid rgba(216,180,254,.55);box-shadow:0 0 30px rgba(126,34,206,.55),inset 0 1px 0 rgba(255,255,255,.18);font-size:.8rem;letter-spacing:.2em}
.vs-open svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vs-open-arr{font-family:Georgia,serif;font-size:1.2rem;line-height:1;opacity:.75;margin-left:-4px}
.vs-soldbtn{margin:10px auto 0}
.vs-endorn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:#d9b37a;opacity:.85}
.vs-endorn i{display:block;width:70px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,179,122,.7))}
.vs-endorn i:last-child{background:linear-gradient(270deg,transparent,rgba(217,179,122,.7))}
.vs-endorn svg{width:22px;height:11px;fill:none;stroke:currentColor;stroke-width:1.2}
.vs-card.is-sold .vs-photo img{filter:grayscale(.55) brightness(.7)}

/* --- štýl 1: RÁM (ram-obchod.webp + drahokamy + stredová čiara) --- */
.vs-style-ram{--s:.4;--fb:calc(200px * var(--s));--fo:calc(78px * var(--s));padding:14px;
  background:radial-gradient(90% 70% at 18% 0%,rgba(168,85,247,.22),transparent 60%),radial-gradient(80% 70% at 100% 100%,rgba(126,34,206,.2),transparent 65%),
    linear-gradient(135deg,rgba(76,32,122,.42),rgba(34,14,56,.5) 45%,rgba(16,7,28,.62));
  -webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(216,180,254,.08),inset 0 0 70px rgba(168,85,247,.14),0 30px 70px rgba(0,0,0,.55),0 0 60px rgba(126,34,206,.2)}
.vs-style-ram::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 22%,transparent 38%,transparent 70%,rgba(233,213,255,.05) 85%,transparent)}
.vs-style-ram > .vs-media,.vs-style-ram > .vs-body,.vs-style-ram > .vs-divider{position:relative;z-index:1}
.vs-style-ram::after{content:"";position:absolute;inset:calc(-1 * var(--fo));z-index:3;pointer-events:none;
  border:var(--fb) solid transparent;border-image:url("/ram-obchod.webp?v=2") 200 / var(--fb) stretch}
.vs-gem{position:absolute;z-index:4;pointer-events:none;background:center/contain no-repeat}
.vs-gem--t,.vs-gem--b{left:50%;width:calc(260px * var(--s));height:calc(170px * var(--s));transform:translateX(-50%)}
.vs-gem--b{height:calc(140px * var(--s))}
.vs-gem--t{top:calc(-1 * var(--fo));background-image:url("/gem-hore.webp?v=1")}
.vs-gem--b{bottom:calc(-1 * var(--fo));background-image:url("/gem-dole.webp?v=2")}
.vs-gem--l,.vs-gem--r{top:50%;width:calc(170px * var(--s));height:calc(220px * var(--s));transform:translateY(-50%)}
.vs-gem--l{left:calc(-1 * var(--fo));background-image:url("/gem-vlavo.webp?v=1")}
.vs-gem--r{right:calc(-1 * var(--fo));background-image:url("/gem-vpravo.webp?v=1")}
.vs-style-ram .vs-gem{animation:vsGem 4.5s ease-in-out infinite}
.vs-style-ram .vs-gem--b{animation-delay:-2.2s}.vs-style-ram .vs-gem--l{animation-delay:-1.1s}.vs-style-ram .vs-gem--r{animation-delay:-3.3s}
@keyframes vsGem{0%,100%{filter:brightness(1) drop-shadow(0 0 0 transparent)}50%{filter:brightness(1.35) drop-shadow(0 0 8px rgba(192,132,252,.8))}}
.vs-style-ram .vs-divider{background:url("/ciara-obchod.webp?v=1") center/auto 100% no-repeat;filter:drop-shadow(0 0 6px rgba(168,85,247,.35))}
.vs-style-ram .vs-photo{border-radius:12px 6px 6px 12px;box-shadow:inset 0 0 0 1px rgba(217,179,122,.25)}

/* --- štýl 2: NOIR (bez rámu) — gotické okno s fotkou, dym, záblesk pri blesku webu --- */
.vs-style-sklo{padding:0;overflow:hidden;border-radius:24px;
  background:radial-gradient(90% 70% at 30% 0%,rgba(110,40,170,.32),transparent 60%),radial-gradient(70% 60% at 100% 100%,rgba(70,20,110,.28),transparent 65%),linear-gradient(180deg,rgba(16,8,24,.9),rgba(6,4,10,.94));
  box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 70px rgba(126,34,206,.14)}
.vs-style-sklo::before{content:"";position:absolute;left:-20%;right:-20%;bottom:-8%;height:70%;z-index:0;pointer-events:none;
  background:url("/dym.webp?v=1") center bottom/100% auto no-repeat;opacity:.32;mix-blend-mode:screen;animation:vsSmoke 26s ease-in-out infinite alternate}
@keyframes vsSmoke{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
.vs-style-sklo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;border:1px solid rgba(192,132,252,.16);
  box-shadow:inset 0 1px 0 rgba(233,213,255,.08);transition:border-color .25s,box-shadow .25s}
.vv-zap .vs-style-sklo::after{border-color:rgba(216,180,254,.75);box-shadow:inset 0 0 40px rgba(192,132,252,.28),0 0 40px rgba(168,85,247,.55)}
.vs-style-sklo > *{position:relative;z-index:1}
.vs-style-sklo .vs-media{padding:34px 10px 26px 30px}
.vs-style-sklo .vs-media::before{content:"";position:absolute;left:calc(50% + 10px);top:14px;z-index:3;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);
  background:linear-gradient(135deg,#f3e8ff,#a855f7 55%,#5b1595);border:1px solid #d9b37a;box-shadow:0 0 14px rgba(192,132,252,.9)}
.vs-style-sklo .vs-photo{border-radius:50% 50% 14px 14px / 30% 30% 14px 14px;
  box-shadow:0 0 0 1px rgba(217,179,122,.75),0 0 0 7px rgba(10,6,14,.92),0 0 0 8px rgba(217,179,122,.35),0 0 34px 8px rgba(126,34,206,.35)}
.vv-zap .vs-style-sklo .vs-photo{box-shadow:0 0 0 1px rgba(243,220,168,.95),0 0 0 7px rgba(10,6,14,.92),0 0 0 8px rgba(243,220,168,.6),0 0 50px 12px rgba(192,132,252,.6)}
.vs-style-sklo .vs-photo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(80,30,130,.18),transparent 30%,transparent 70%,rgba(6,3,10,.55))}
.vs-style-sklo .vs-thumbs{justify-content:center;padding-top:16px}
.vs-style-sklo .vs-divider{margin:56px 0 44px}
.vs-style-sklo .vs-divider::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,rgba(192,132,252,.45) 15%,rgba(217,179,122,.55) 50%,rgba(192,132,252,.45) 85%,transparent)}
.vs-style-sklo .vs-divider::after{content:"";position:absolute;left:50%;top:0;width:3px;height:60px;transform:translateX(-50%);border-radius:3px;
  background:linear-gradient(180deg,transparent,rgba(243,220,168,.95),transparent);filter:drop-shadow(0 0 6px #c084fc);animation:vsDrop 5.5s cubic-bezier(.6,0,.4,1) infinite}
@keyframes vsDrop{0%{top:-10%;opacity:0}12%{opacity:1}80%{opacity:1}100%{top:100%;opacity:0}}
.vs-style-sklo .vs-body{padding:clamp(28px,3.4vw,44px) clamp(18px,2.6vw,34px)}
/* --- okno objednávky --- */
.vs-modal{position:fixed;inset:0;z-index:10040;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,2,8,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.vs-modal.open{opacity:1}
.vs-modal[hidden]{display:none}
.vs-modal-panel{position:relative;width:100%;max-width:500px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px 22px 20px;border-radius:16px;
  background:linear-gradient(180deg,#1a0e26,#0b070f);border:1px solid rgba(192,132,252,.4);box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 40px rgba(126,34,206,.25);text-align:left}
.vs-modal-x{position:absolute;right:12px;top:8px;background:none;border:0;color:#bba9cf;font-size:1.9rem;line-height:1;cursor:pointer;padding:4px 8px}
.vs-modal-x:hover{color:#fff}
.vs-modal-head{display:flex;gap:14px;align-items:center;margin:0 30px 16px 0}
.vs-modal-head img{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid rgba(192,132,252,.35)}
.vs-modal-head h3{margin:0;font-family:'Cinzel',serif;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;line-height:1.3}
.vs-modal-head p{margin:4px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1rem;color:#c084fc}
.vs-form .form-group{margin-bottom:11px}
.vs-form .form-group select{padding:11px 12px;font-size:1.02rem}
.vs-form .preorder-check{margin:12px 0 10px;padding:10px 12px}
.vs-form .preorder-check label{font-size:.93rem}
.vs-total{margin:6px 0 12px;text-align:center;font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#cfc4da}
.vs-total b{color:#fff;font-size:1.05rem;letter-spacing:.06em}.vs-total small{color:#8f8f98;text-transform:none;letter-spacing:0;font-family:Georgia,serif}
.vs-pay{display:grid;gap:10px}
.vs-pay .cta-btn{margin-top:0;padding:14px 16px}
.vs-modal-note{margin:12px 0 0;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:#9d93ab}

/* --- náhľad z adminu, poďakovanie --- */
.vs-prevbar{max-width:860px;margin:26px auto 0;padding:13px 18px;border-radius:12px;border:1px dashed rgba(226,189,104,.7);background:rgba(60,44,12,.45);color:#f3dca8;font-size:1rem;line-height:1.45;text-align:center}
.vs-prevbar b{display:block;font-family:'Cinzel',serif;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:#ffe9b8;margin-bottom:4px}
.vs-prevtag{position:absolute;right:18px;top:18px;z-index:5;padding:6px 12px;border-radius:99px;background:rgba(60,44,12,.92);border:1px solid rgba(226,189,104,.7);color:#ffe9b8;font-family:'Cinzel',serif;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase}
.vs-thanks{max-width:720px;margin:26px auto 0;padding:14px 18px;border-radius:12px;border:1px solid rgba(114,201,155,.5);background:rgba(18,52,36,.55);color:#cff5df;font-size:1.02rem;line-height:1.45}
.vs-thanks b{font-family:'Cinzel',serif;letter-spacing:.08em;color:#fff;margin-right:6px}

/* --- mobil / tablet --- */
@media (max-width:820px){
  .vv-shop{padding-left:18px;padding-right:18px;overflow-x:clip}
  .vs-card{grid-template-columns:1fr}
  .vs-photo{min-height:0;aspect-ratio:4/3;flex:none}
  .vs-divider{height:26px;margin:4px 18px 0}
  .vs-style-ram{--s:.27;padding:10px}
  .vs-style-ram .vs-divider{background:none}
  .vs-style-ram .vs-divider::before,.vs-style-sklo .vs-divider::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;width:auto;bottom:auto;transform:none;
    background:linear-gradient(90deg,transparent,rgba(192,132,252,.6) 30%,rgba(243,220,168,.8) 50%,rgba(192,132,252,.6) 70%,transparent)}
  .vs-style-ram .vs-divider::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);
    background:linear-gradient(135deg,#f3e8ff,#a855f7 55%,#5b1595);border:1px solid #d9b37a;box-shadow:0 0 12px rgba(192,132,252,.9)}
  .vs-style-ram .vs-photo{border-radius:12px}
  .vs-style-sklo .vs-media{padding:30px 22px 6px}
  .vs-style-sklo .vs-media::before{left:50%;top:10px}
  .vs-style-sklo .vs-photo{aspect-ratio:4/4.2}
  .vs-style-sklo .vs-divider{margin:8px 18px 0}
  .vs-style-sklo .vs-divider::after{animation:none;display:none}
  .vs-body{padding:14px 10px 20px}
  .vs-chips li{padding:7px 11px 7px 10px}
  .vs-chips b{font-size:.92rem}
  .vs-prevtag{right:12px;top:12px}
}
@media (prefers-reduced-motion:reduce){.vs-photo img{transition:none}.vs-style-ram .vs-gem,.vs-style-sklo::before,.vs-style-sklo .vs-divider::after{animation:none}}
/* V68: tlačidlá obchodu v štýle Instagram/Facebook (elektrické sklo, obiehajúce svetlo, záblesk s bleskom) */
.cta-btn.vs-glass{position:relative;isolation:isolate;overflow:visible;border:0!important;border-radius:3px;
  color:#f5ecff;text-shadow:0 0 8px rgba(216,180,254,.75);
  background:radial-gradient(120% 140% at 50% 0%,rgba(126,34,206,.45),rgba(22,8,40,.85) 70%)!important;
  box-shadow:0 0 14px rgba(147,51,234,.35),inset 0 0 12px rgba(168,85,247,.22);
  transition:box-shadow .5s,transform .5s,color .5s,opacity .3s}
.cta-btn.vs-glass::before{content:"";display:block;position:absolute;inset:0;left:0;top:0;width:auto;height:auto;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--nz-a),rgba(168,85,247,.35) 0deg,rgba(168,85,247,.35) 250deg,rgba(233,213,255,.9) 318deg,#fff 330deg,rgba(192,132,252,.9) 342deg,rgba(168,85,247,.35) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:nzSpin 3.6s linear infinite}
.cta-btn.vs-glass::after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-2;pointer-events:none;opacity:.3;
  box-shadow:0 0 16px 2px rgba(168,85,247,.8),0 0 34px 6px rgba(126,34,206,.45);
  animation:nzFlicker 6.5s steps(1,end) infinite}
.cta-btn.vs-glass.bank-btn::before{animation-delay:-1.8s}
.cta-btn.vs-glass.bank-btn::after{animation-delay:-2.7s}
.cta-btn.vs-glass:hover:not(:disabled){color:#fff;transform:translateY(-1px);background:radial-gradient(120% 140% at 50% 0%,rgba(140,44,226,.55),rgba(26,10,46,.85) 70%)!important;
  box-shadow:0 0 22px rgba(168,85,247,.6),inset 0 0 16px rgba(192,132,252,.35)}
.cta-btn.vs-glass:hover:not(:disabled)::before{animation-duration:1.4s}
.cta-btn.vs-glass:hover:not(:disabled)::after{animation-duration:2.2s}
.cta-btn.vs-glass:disabled{opacity:.42}
.cta-btn.vs-glass:disabled::before,.cta-btn.vs-glass:disabled::after{animation:none}
.vv-zap .cta-btn.vs-glass:not(:disabled){box-shadow:0 0 30px rgba(192,132,252,.95),0 0 60px rgba(147,51,234,.55),inset 0 0 18px rgba(233,213,255,.45);color:#fff}
.vv-zap .cta-btn.vs-glass:not(:disabled)::after{opacity:1}
.vs-open.vs-glass{padding:16px 18px;letter-spacing:.24em}
@media (prefers-reduced-motion:reduce){.cta-btn.vs-glass::before,.cta-btn.vs-glass::after{animation:none}}
/* V72: štýl „ZLATÁ LINKA“ — tenký zlatý rám z PNG (ram-linka.webp) + stredová čiara s iskrou (ciara-linka.webp) */
.vs-style-linka{--s:.5;--fb:calc(110px * var(--s));--fo:calc(47px * var(--s));padding:12px;border-radius:14px;
  background:radial-gradient(90% 80% at 85% 10%,rgba(126,34,206,.24),transparent 60%),linear-gradient(160deg,rgba(28,14,44,.92),rgba(13,7,22,.95) 55%,rgba(20,10,32,.95));
  box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 50px rgba(217,179,122,.08)}
.vs-style-linka::after{content:"";position:absolute;inset:calc(-1 * var(--fo));z-index:3;pointer-events:none;
  border:var(--fb) solid transparent;border-image:url("/ram-linka.webp?v=1") 110 / var(--fb) stretch;transition:filter .3s}
.vv-zap .vs-style-linka::after{filter:brightness(1.35) drop-shadow(0 0 10px rgba(243,220,168,.7))}
.vs-style-linka .vs-photo{border-radius:8px}
.vs-style-linka .vs-divider{background:url("/ciara-linka.webp?v=1") center/auto 100% no-repeat}
@media (max-width:820px){
  .vs-style-linka{--s:.4;padding:10px}
  .vs-style-linka .vs-divider{background:none}
  .vs-style-linka .vs-divider::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;
    background:linear-gradient(90deg,transparent,rgba(217,179,122,.6) 30%,rgba(243,220,168,.95) 50%,rgba(217,179,122,.6) 70%,transparent)}
  .vs-style-linka .vs-divider::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);
    background:linear-gradient(135deg,#fff6dd,#e8c47e);box-shadow:0 0 10px rgba(243,220,168,.9)}
}

/* ===== V71: rámiky sekcií vypnuté v admine → jednoduchá fialová žiara okolo karty ===== */
@keyframes vvGlow{0%,100%{box-shadow:0 0 0 1px rgba(192,132,252,.45),0 0 16px rgba(168,85,247,.35),0 0 42px rgba(126,34,206,.22)}
  50%{box-shadow:0 0 0 1px rgba(216,180,254,.7),0 0 24px rgba(168,85,247,.55),0 0 64px rgba(126,34,206,.35)}}
/* Obchod */
.vv-noram-obchod .vs-card{padding:0;border-radius:18px;filter:none;background:linear-gradient(135deg,rgba(60,26,96,.42),rgba(22,10,36,.6) 50%,rgba(12,6,20,.7));
  -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);animation:vvGlow 4.5s ease-in-out infinite;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.05fr)}
.vv-noram-obchod .vs-card::before,.vv-noram-obchod .vs-card::after,.vv-noram-obchod .vs-gem,.vv-noram-obchod .vs-cdot,.vv-noram-obchod .vs-lin{display:none!important}
.vv-noram-obchod .vs-card .vs-media{padding:12px 0 12px 12px}
.vv-noram-obchod .vs-card .vs-photo{border-radius:12px;clip-path:none;-webkit-mask-image:none;mask-image:none;box-shadow:none}
.vv-noram-obchod .vs-card .vs-media::before{display:none}
.vv-noram-obchod .vs-card .vs-divider{background:none;margin:28px 0;filter:none}
.vv-noram-obchod .vs-card .vs-divider::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);height:auto;
  background:linear-gradient(180deg,transparent,rgba(192,132,252,.6) 25%,rgba(216,180,254,.85) 50%,rgba(192,132,252,.6) 75%,transparent);box-shadow:none}
.vv-noram-obchod .vs-card .vs-divider::after{display:none}
.vv-zap.vv-noram-obchod .vs-card{box-shadow:0 0 0 1px rgba(233,213,255,.9),0 0 34px rgba(192,132,252,.8),0 0 80px rgba(147,51,234,.5)}
/* Recenzie */
.vv-noram-recenzie .rv-card{margin:0 10px;filter:none}
.vv-noram-recenzie .rv-card::after{background:none}
.vv-noram-recenzie .rv-card::before{inset:4%;border-radius:16px;animation:vvGlow 4.5s ease-in-out infinite;border:0}
.vv-noram-recenzie .rv-card:nth-child(2n)::before{animation-delay:-1.5s}.vv-noram-recenzie .rv-card:nth-child(3n)::before{animation-delay:-3s}
.vv-noram-recenzie .rv-body{padding:13% 13% 11%}
.vv-zap.vv-noram-recenzie .rv-card::before{box-shadow:0 0 0 1px rgba(233,213,255,.9),0 0 30px rgba(192,132,252,.75)}
/* Vypredané */
.vv-noram-vypredane .so-mock,.vv-noram-vypredane .so-stred,.vv-noram-vypredane .so-frame{display:none!important}
.vv-noram-vypredane .so-card{-webkit-mask:none!important;mask:none!important;border-radius:16px;animation:vvGlow 4.5s ease-in-out infinite}
.vv-noram-vypredane .so-item--limitovany .so-card{animation-delay:-2.2s}
.vv-zap.vv-noram-vypredane .so-card{box-shadow:0 0 0 1px rgba(233,213,255,.9),0 0 34px rgba(192,132,252,.8),0 0 80px rgba(147,51,234,.5)}
@media (min-width:1101px){
  .vv-noram-vypredane .so-grid{grid-template-columns:1fr 1fr;gap:28px;margin-left:3%;margin-right:3%}
  .vv-noram-vypredane .so-grid::before{display:none}
}
@media (max-width:820px){
  .vv-noram-obchod .vs-card{grid-template-columns:1fr}
  .vv-noram-obchod .vs-card .vs-media{padding:12px 12px 0}
  .vv-noram-obchod .vs-card .vs-divider{height:24px;margin:0 18px}
  .vv-noram-obchod .vs-card .vs-divider::before{left:8%;right:8%;top:50%;bottom:auto;width:auto;height:1px;transform:none;
    background:linear-gradient(90deg,transparent,rgba(192,132,252,.6) 30%,rgba(216,180,254,.85) 50%,rgba(192,132,252,.6) 70%,transparent)}
}
@media (prefers-reduced-motion:reduce){.vv-noram-obchod .vs-card,.vv-noram-recenzie .rv-card::before,.vv-noram-vypredane .so-card{animation:none}}
.vv-noram-recenzie .rv-spark{display:none}

/* ===== V72: sekcie so „Zlatou linkou“ (nastavenie v admine) ===== */
.vv-linka-recenzie .rv-card{margin:0 12px}
.vv-linka-recenzie .rv-spark{display:none}
.vv-linka-recenzie .rv-card::before{inset:5%;border-radius:10px}
.vv-linka-recenzie .rv-card::after{background:none;inset:calc(5% - 19px);border:44px solid transparent;border-image:url("/ram-linka.webp?v=1") 110 / 44px stretch}
.vv-linka-recenzie .rv-body{padding:14% 13% 11%}
.vv-zap.vv-linka-recenzie .rv-card::after{filter:brightness(1.3) drop-shadow(0 0 8px rgba(243,220,168,.6))}
.vv-linka-vypredane .so-mock,.vv-linka-vypredane .so-stred,.vv-linka-vypredane .so-frame{display:none!important}
.vv-linka-vypredane .so-card{-webkit-mask:none!important;mask:none!important;border-radius:10px}
.vv-linka-vypredane .so-framewrap::after{content:"";position:absolute;inset:-22px;z-index:3;pointer-events:none;border:50px solid transparent;border-image:url("/ram-linka.webp?v=1") 110 / 50px stretch}
.vv-zap.vv-linka-vypredane .so-framewrap::after{filter:brightness(1.35) drop-shadow(0 0 10px rgba(243,220,168,.7))}
@media (min-width:1101px){
  .vv-linka-vypredane .so-grid{grid-template-columns:1fr 1fr;gap:44px;margin-left:4%;margin-right:4%}
  .vv-linka-vypredane .so-grid::before{display:none}
}
@media (max-width:1100px){.vv-linka-vypredane .so-item,.vv-noram-vypredane .so-item{padding:24px 20px}}
/* V73: Vypredané bez pôvodného rámu — stred medzi balíkmi vyplní ozdobná čiara (namiesto prázdnej medzery a žiary okolo celku) */
@media (min-width:1101px){
  .vv-linka-vypredane .so-grid::after,.vv-noram-vypredane .so-grid::after{inset:auto;left:50%;top:-6%;bottom:-6%;width:40px;transform:translateX(-50%);border-radius:0;box-shadow:none;animation:none;z-index:2}
  .vv-linka-vypredane .so-grid::after{background:url("/ciara-linka.webp?v=1") center/auto 100% no-repeat;filter:drop-shadow(0 0 6px rgba(243,220,168,.35))}
  .vv-noram-vypredane .so-grid::after{background:linear-gradient(180deg,transparent,rgba(192,132,252,.6) 20%,rgba(216,180,254,.9) 50%,rgba(192,132,252,.6) 80%,transparent) center/1px 100% no-repeat}
  .vv-noram-vypredane .so-grid::before{display:block;content:"";position:absolute;inset:auto;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%) rotate(45deg);z-index:3;border-radius:0;
    background:linear-gradient(135deg,#f3e8ff,#a855f7 55%,#5b1595);border:1px solid #d9b37a;box-shadow:0 0 14px rgba(192,132,252,.9)}
  .vv-linka-vypredane .so-grid,.vv-noram-vypredane .so-grid{gap:64px}
}

/* V74: „Fialová linka“ — ten istý tenký rám ako Zlatá linka, prefarbený do temnej fialovej */
.vs-style-linka.vs-fial::after{border-image-source:url("/ram-linka-fialova.webp?v=1")}
.vs-style-linka.vs-fial{box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 50px rgba(126,34,206,.16)}
.vs-style-linka.vs-fial .vs-divider{background-image:url("/ciara-linka-fialova.webp?v=1")}
.vv-zap .vs-style-linka.vs-fial::after{filter:brightness(1.4) drop-shadow(0 0 10px rgba(192,132,252,.8))}
.vv-fial-recenzie .rv-card::after{border-image-source:url("/ram-linka-fialova.webp?v=1")}
.vv-zap.vv-fial-recenzie .rv-card::after{filter:brightness(1.4) drop-shadow(0 0 8px rgba(192,132,252,.8))}
.vv-fial-vypredane .so-framewrap::after{border-image-source:url("/ram-linka-fialova.webp?v=1")}
.vv-zap.vv-fial-vypredane .so-framewrap::after{filter:brightness(1.4) drop-shadow(0 0 10px rgba(192,132,252,.8))}
@media (min-width:1101px){.vv-fial-vypredane .so-grid::after{background-image:url("/ciara-linka-fialova.webp?v=1");filter:drop-shadow(0 0 6px rgba(168,85,247,.45))}}
@media (max-width:820px){
  .vs-style-linka.vs-fial .vs-divider::before{background:linear-gradient(90deg,transparent,rgba(126,58,196,.6) 30%,rgba(206,160,250,.95) 50%,rgba(126,58,196,.6) 70%,transparent)}
  .vs-style-linka.vs-fial .vs-divider::after{background:linear-gradient(135deg,#f3e8ff,#a855f7);box-shadow:0 0 10px rgba(192,132,252,.9)}
}

/* V77: ornamenty v karte obchodu jednotné (rovnaký tvar aj farba); pri Zlatej linke zlaté */
.vs-orn--end{margin:18px auto 0}
.vs-style-linka:not(.vs-fial) .vs-orn{color:#e8c47e}
.vs-style-linka:not(.vs-fial) .vs-orn i{background:linear-gradient(90deg,transparent,rgba(217,179,122,.7))}
.vs-style-linka:not(.vs-fial) .vs-orn i:last-child{background:linear-gradient(270deg,transparent,rgba(217,179,122,.7))}
.vs-style-linka:not(.vs-fial) .vs-orn b{text-shadow:0 0 8px rgba(243,220,168,.8)}
/* V146: obsah balíka aj v okne objednávky */
.vs-mlist{list-style:none;margin:-4px 0 16px;padding:10px 14px;border-radius:12px;border:1px solid rgba(192,132,252,.22);background:rgba(20,10,34,.55)}
.vs-mlist li{position:relative;padding:3px 0 3px 18px;font-family:'Cormorant Garamond',Georgia,serif;font-size:1rem;line-height:1.25;color:#efe6f7}
.vs-mlist li::before{content:"✦";position:absolute;left:0;top:4px;font-size:.7em;color:#c084fc}
.vs-mlist b{color:#e9d5ff;font-weight:600}
.vs-ack span b{color:#e9d5ff}