/* ============================================================ PRENUMERATA — V4 eksperimentinis styleguide V4 = V3 dizainas (visos pren-v3.css taisyklės galioja per html:is([data-pren="v3"],[data-pren="v4"])) + skirtumai: 1) DVIEJŲ MĖLYNŲ paletė: - accent blue #2562FF (paveldėta iš V3) — akcentai, skaičiai ir pnš. (tamsios sekcijos lieka juodos — mėlynas .bynum fonas atmestas, griovė skaičių bloko spalvas) - deep blue #12345F (V2 navy) — kur reikia solidumo: hero eyebrow, „Plačiau" išskleidimo tekstas. (kainų kortelių viršūnėlės — juodos, klientas taip nurodė) 2) V5 stiliaus ATSILIEPIMAI: juoda sekcija, title kairėje, citatos dešinėje (v5 quote-list), o po jų — RAUDONA juosta „Kaip vertina" su v5 stiliaus skaičiais. Veikia tik kai . ============================================================ */ /* ---------- V4 TOKENAI ---------- */ html[data-pren="v4"]{ --v4-deep:#12345F; /* deep blue (V2 navy) — solidumui */ --v4-deep-dark:#0B2545; /* sodresnė raudona: bazinė --red-dark tampa pagrindine */ --red:#C8151B; --red-dark:#9E1015; --red-muted:rgba(200,21,27,0.08); } /* ---------- DEEP BLUE: solidumo vietos ---------- */ html[data-pren="v4"] .offer-hero .sec-label{color:var(--v4-deep)} html[data-pren="v4"] .offer-expand{color:var(--v4-deep)} /* ---------- KAINŲ KORTELĖS: juodos kainų viršūnėlės; rekomenduojama kortelė — juodas apvadas su mažu šešėliu ---------- */ html[data-pren="v4"] .plan h3{background:var(--black)} html[data-pren="v4"] .highlight-recommended{border:2px solid var(--black);box-shadow:0 10px 28px rgba(0,0,0,0.18)} /* ---------- ATSILIEPIMAI: v5 stilius — juoda sekcija, title kairėje, citatos dešinėje. Guard'ai :not() leidžia sekcijų switcheriui perjungti į V1 marquee / V2 masonry ir V4 puslapyje. ---------- */ html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews{background:var(--black);padding-bottom:0} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews .container{display:grid;grid-template-columns:minmax(240px,0.9fr) 1.8fr;grid-template-rows:auto 1fr;gap:0 3.5rem;align-items:start} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews h2{grid-column:1;grid-row:1;margin:0;text-align:left;color:var(--white)} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews-marquee, html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews-masonry, html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews-more{display:none} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews-quotes{display:block;grid-column:2;grid-row:1/3;background:transparent;padding:0} /* statistikos sakinys — paprastas subtitle iškart po title, be linijų */ html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews-stat{grid-column:1;grid-row:2;align-self:start;margin:0.85rem 0 0;padding:0;border:0;max-width:none;text-align:left;font-size:var(--fs-base);color:rgba(255,255,255,0.75)} /* ---------- „KAIP VERTINA": raudona full-bleed juosta su v5 stiliaus skaičiais (title kairėje, trys stulpeliai su vertikaliom linijom) ---------- */ html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap{grid-column:1/-1;width:100vw;margin-left:calc(50% - 50vw);background:var(--red);margin-top:3.5rem;padding:3.75rem calc(50vw - 50%) 4.25rem;display:grid;grid-template-columns:minmax(240px,0.9fr) 1.8fr;gap:2rem 3.5rem;align-items:start} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstats-title{margin:0;color:var(--white);text-align:left} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstats-grid{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstat{padding:8px clamp(20px,3vw,44px) 0;border-left:1px solid rgba(255,255,255,0.4)} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstat:first-child{padding-left:0;border-left:0} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstat-num{font-size:clamp(3.4rem,6vw,5.6rem);font-weight:900;letter-spacing:-0.03em;line-height:1;color:var(--white);font-variant-numeric:tabular-nums} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstat-num span{color:var(--white)} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstat-num .rstat-pre{display:block;font-size:var(--fs-caption);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.8);margin:0 0 8px} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstat-text{margin-top:1rem;color:var(--white)} @media(max-width:900px){ html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews .container{grid-template-columns:1fr;grid-template-rows:none} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews h2{margin-bottom:1.75rem} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews-quotes{grid-column:1;grid-row:auto} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .reviews-stat{grid-column:1;grid-row:auto} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap{grid-template-columns:1fr;gap:1.5rem} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstats-grid{grid-template-columns:1fr;gap:1.75rem} html[data-pren="v4"]:not([data-sec-reviews="v1"]):not([data-sec-reviews="v2"]) .rstats-wrap .rstat{padding:0;border-left:0} }