/* ============================================================ PRENUMERATA — V2 eksperimentinis styleguide Bold institucinis / "bankinis" variantas: navy dominantė, šaltas #F2F5F8 fonas, pasodrinta raudona, jokio border-radius, kietos linijos. Navy band'as — "Žurnalas Investuok" daliai, ryškus raudonas band'as — skaičiams. Kraunamas visada, veikia tik kai (perjungiama switcheriu, localStorage: prenumerataVariant). ============================================================ */ /* ---------- V2 TOKENAI ---------- */ html[data-pren="v2"]{ --v2-bg:#F2F5F8; /* šaltas fonas vietoj kreminės */ --v2-navy:var(--accent); /* #12345F */ --v2-navy-dark:var(--accent-dark); /* #0B2545 */ --v2-line:rgba(18,52,95,0.16); /* navy atspalvio linijos */ /* pasodrinta raudona visam V2 */ --red:#C8151B; --red-dark:#9E1015; --red-muted:rgba(200,21,27,0.09); --v2-red-bright:#ED1C24; /* raudona ant tamsių fonų */ } /* ---------- FONAI: vientisas šaltas, jokios kreminės ---------- */ html[data-pren="v2"] body{background:var(--v2-bg)} html[data-pren="v2"] .plans-section, html[data-pren="v2"] .reviews, html[data-pren="v2"] .content-sec, html[data-pren="v2"] .bynum, html[data-pren="v2"] .contact-section{background:var(--v2-bg)} html[data-pren="v2"] .author-chip-more .author-photo-ph{background:var(--gray-100)} /* ---------- KAMPAI: institucinis = jokio border-radius ---------- */ html[data-pren="v2"] .plan, html[data-pren="v2"] .plan h3, html[data-pren="v2"] .review, html[data-pren="v2"] .savings, html[data-pren="v2"] .highlight-plan-title, html[data-pren="v2"] .eshop-button, html[data-pren="v2"] .value-tip-box, html[data-pren="v2"] .author-photo{border-radius:0} /* ---------- LINIJOS: navy atspalvio, ne pilkos ---------- */ html[data-pren="v2"] .topics-list li, html[data-pren="v2"] .future-row, html[data-pren="v2"] .issue-item, html[data-pren="v2"] .article-list li{border-color:var(--v2-line)} html[data-pren="v2"] .topics-sub, html[data-pren="v2"] .authors-h3{border-top-color:var(--v2-line)} html[data-pren="v2"] .contact-section hr{border-top-color:var(--v2-line)} html[data-pren="v2"] .issue-cover{border-color:var(--v2-line)} /* ---------- TIPOGRAFIKA: navy antraštės, rimto leidinio tonas ---------- */ html[data-pren="v2"] .plans-section h2, html[data-pren="v2"] .reviews h2, html[data-pren="v2"] .rstats-title, html[data-pren="v2"] .content-sec h2, html[data-pren="v2"] .topics-sub, html[data-pren="v2"] .authors-h3, html[data-pren="v2"] .bynum h2, html[data-pren="v2"] .bynum-h3, html[data-pren="v2"] .contact-section h3{color:var(--v2-navy)} html[data-pren="v2"] .bynum-h3{border-top-color:var(--v2-line)} html[data-pren="v2"] .rubric-group-label{color:var(--v2-navy);letter-spacing:0.1em} html[data-pren="v2"] .content-lead strong, html[data-pren="v2"] .authors-lead strong{color:var(--v2-navy)} /* ---------- HERO: pilnas navy blokas, balti tekstai ---------- */ html[data-pren="v2"] .offer-hero{background:var(--v2-navy);padding:3.5rem 0 3rem} html[data-pren="v2"] .offer-hero .sec-label{color:rgba(255,255,255,0.65)} html[data-pren="v2"] .offer-hero h1{color:var(--white)} html[data-pren="v2"] .offer-hero-sub{color:rgba(255,255,255,0.7)} html[data-pren="v2"] .offer-addon{border-bottom-color:rgba(255,255,255,0.22)} html[data-pren="v2"] .offer-addon-title{color:var(--white)} html[data-pren="v2"] .offer-addon-desc{color:rgba(255,255,255,0.65)} html[data-pren="v2"] .offer-addon-body p{color:rgba(255,255,255,0.75)} html[data-pren="v2"] .offer-expand{color:rgba(255,255,255,0.8)} html[data-pren="v2"] .offer-deadline{color:var(--white)} /* ant navy — ryškioji raudona, kad akcentai neskęstų */ html[data-pren="v2"] .offer-hero .offer-plus, html[data-pren="v2"] .offer-hero .offer-addon-highlight{color:var(--v2-red-bright)} /* ---------- UŽSAKYMO KORTELĖS: kietos, rėmintos, be šešėlių ---------- */ html[data-pren="v2"] .plan{border:1px solid var(--v2-line)} html[data-pren="v2"] .highlight-recommended{border:2px solid var(--v2-navy);box-shadow:none} html[data-pren="v2"] .plan-includes li:not(:last-child)::after{color:var(--red)} html[data-pren="v2"] .eshop-button{font-size:var(--fs-base);text-transform:uppercase;letter-spacing:0.06em;padding:12px 12px} /* ---------- ATSILIEPIMAI: baltos kortelės ant šalto fono ---------- */ html[data-pren="v2"] .review{border:1px solid var(--v2-line)} html[data-pren="v2"] .review::before{color:var(--v2-navy)} html[data-pren="v2"] .reviews-stat{border-top-color:var(--v2-line);border-bottom-color:var(--v2-line)} html[data-pren="v2"] .sec-rule{border-top-color:var(--v2-line)} /* ---------- "ŽURNALAS INVESTUOK" DALIS: navy band'as ---------- */ html[data-pren="v2"] .about-sec{background:var(--v2-navy)} html[data-pren="v2"] .about-sec h2, html[data-pren="v2"] .about-sec .topics-sub, html[data-pren="v2"] .about-sec .authors-h3{color:var(--white)} html[data-pren="v2"] .about-sec .topics-sub, html[data-pren="v2"] .about-sec .authors-h3{border-top-color:rgba(255,255,255,0.2)} html[data-pren="v2"] .about-sec .content-lead, html[data-pren="v2"] .about-sec .topics-intro, html[data-pren="v2"] .about-sec .content-note, html[data-pren="v2"] .about-sec .authors-lead, html[data-pren="v2"] .about-sec .authors-note{color:rgba(255,255,255,0.75)} html[data-pren="v2"] .about-sec .content-lead strong, html[data-pren="v2"] .about-sec .content-note strong, html[data-pren="v2"] .about-sec .authors-lead strong, html[data-pren="v2"] .about-sec .authors-note strong{color:var(--white)} html[data-pren="v2"] .about-sec .topics-list li{color:rgba(255,255,255,0.8);border-bottom-color:rgba(255,255,255,0.18)} html[data-pren="v2"] .about-sec .topics-list li::before{background:var(--v2-red-bright)} html[data-pren="v2"] .about-sec .author-chip-name{color:var(--white)} html[data-pren="v2"] .about-sec .author-chip-role{color:rgba(255,255,255,0.6)} html[data-pren="v2"] .about-sec .author-photo{background:rgba(255,255,255,0.1)} html[data-pren="v2"] .about-sec .author-photo-ph{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.7)} html[data-pren="v2"] .about-sec .author-chip-more .author-photo-ph{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.45)} html[data-pren="v2"] .about-sec .author-chip-more .author-chip-name{color:rgba(255,255,255,0.6)} /* ---------- VISIŠKAI NEPRIKLAUSOMAS: dvi kolonos, "20 metų" faktas dešinėje su vertikaliu brūkšniu ---------- */ html[data-pren="v2"] .indep-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3.5rem;align-items:center} html[data-pren="v2"] .indep-aside{border-left:3px solid var(--v2-red-bright);padding-left:1.75rem;margin:0;max-width:none;font-size:var(--fs-lg);line-height:1.55;color:var(--white)} @media(max-width:900px){html[data-pren="v2"] .indep-grid{grid-template-columns:1fr;gap:2rem}} /* ---------- SKAIČIAI: ryškus raudonas band'as, dideli skaičiai, tekstas šone ---------- */ html[data-pren="v2"] .bynum{padding-bottom:0} html[data-pren="v2"] .stats-band{background:var(--red);margin-top:3.5rem;padding:3.75rem 0 4.25rem} html[data-pren="v2"] .stats-band .bynum-h3{color:var(--white);border-top:0;padding-top:0;margin:0} html[data-pren="v2"] .stats-band .stats-plus{display:none} html[data-pren="v2"] .stats-band .rstats-grid{display:flex;flex-wrap:wrap;gap:2.5rem 4rem;margin-top:2.5rem;align-items:flex-end} html[data-pren="v2"] .stats-band .rstat{display:flex;align-items:flex-end;gap:14px} html[data-pren="v2"] .stats-band .rstat-num{font-size:64px;font-weight:800;letter-spacing:-0.04em;line-height:0.9;color:var(--white)} /* priešdėlis ("beveik", "daugiau nei", "išleidome") — atskira eilutė virš skaičiaus, kad nesusilietų */ html[data-pren="v2"] .stats-band .rstat-num .rstat-pre{display:block;font-size:var(--fs-base);font-weight:700;letter-spacing:0.02em;color:rgba(255,255,255,0.7);margin:0 0 6px} /* tekstas šone lygiuojasi į skaičiaus apačią */ html[data-pren="v2"] .stats-band .rstat-text{margin:0;padding-bottom:3px;font-size:var(--fs-base);font-weight:700;color:rgba(255,255,255,0.9);line-height:1.3;max-width:200px} /* "suorganizavome" — matomas kaip grupės label'is (pliusiukai lieka paslėpti) */ html[data-pren="v2"] .stats-band .stats-label{display:block;font-size:var(--fs-base);font-weight:700;color:rgba(255,255,255,0.7)} html[data-pren="v2"] .stats-band .stats-label + .rstats-grid{margin-top:1.25rem} @media(max-width:900px){html[data-pren="v2"] .stats-band .rstat-num{font-size:48px}} /* ---------- ANKSTESNI NUMERIAI: pilno pločio marquee, dideli viršeliai ---------- */ html[data-pren="v2"] .covers-row{display:none} html[data-pren="v2"] .covers-marquee{display:block;overflow:hidden;margin-top:2.5rem} html[data-pren="v2"] .covers-track{display:flex;width:max-content;will-change:transform;animation:v2-covers-scroll 60s linear infinite} html[data-pren="v2"] .covers-marquee:hover .covers-track{animation-play-state:paused} html[data-pren="v2"] .covers-set{display:flex;gap:1.5rem;padding-right:1.5rem;flex-shrink:0} html[data-pren="v2"] .covers-set img{height:360px;width:auto;aspect-ratio:332/470;object-fit:cover;border:1px solid var(--v2-line);background:var(--gray-100)} @keyframes v2-covers-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){html[data-pren="v2"] .covers-track{animation:none}} @media(max-width:820px){html[data-pren="v2"] .covers-set img{height:260px}} /* ---------- NUMERIO TURINIO BLOKAS: "Susipažinimui" ir "Ankstesni numeriai" yra tos pačios loginės dalies tęsinys — neatskiriami kaip atskiros sekcijos ---------- */ html[data-pren="v2"] .issue-sec{padding-bottom:1rem} html[data-pren="v2"] .articles-sec{padding-top:0;padding-bottom:1rem} html[data-pren="v2"] .covers-sec{padding-top:0} html[data-pren="v2"] .articles-sec h2, html[data-pren="v2"] .covers-sec h2{font-size:var(--fs-h3);letter-spacing:-0.01em;border-top:1px solid var(--v2-line);padding-top:2.5rem;margin:0 0 1rem;max-width:none} html[data-pren="v2"] .articles-sec .content-lead{font-size:var(--fs-base)} html[data-pren="v2"] .covers-marquee{margin-top:2rem}