/* ============================================================ PRENUMERATA — V3 eksperimentinis styleguide Podkasto puslapio / konferencija.investuok.eu stilistika: balta (be gray-50), ryškūs tamsūs borderiai be radius, ryški mėlyna (#2562FF) akcentams, juodos foninės sekcijos, Raleway šriftas. Kraunamas visada, veikia tik kai (perjungiama switcheriu, localStorage: prenumerataVariant). ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800;900&family=DM+Sans:opsz,wght@9..40,400..1000&display=swap'); /* ---------- V3 TOKENAI ---------- */ html:is([data-pren="v3"],[data-pren="v4"]){ --black:#1C1C1C; /* V3/V4 juoda */ --accent:#2562FF; /* ryški mėlyna vietoj navy */ --accent-dark:#1D4FD7; --accent-muted:rgba(37,98,255,0.08); --v3-border:var(--gray-600); /* "juodi" borderiai — kitos pakopos nuo juodos */ --font:'DM Sans','Helvetica Neue',Helvetica,Arial,sans-serif; /* body, skaičiai, smulkūs tekstai */ --font-head:'Raleway','Helvetica Neue',Helvetica,Arial,sans-serif; /* antraštės */ /* type scale: base 16px (sumažinta nuo 18px, visi tokenai -2px) */ --fs-display:56px;--fs-h1:48px;--fs-h2:40px;--fs-h3:28px; --fs-lg:20px;--fs-lead:18px;--fs-base:16px;--fs-small:14px;--fs-caption:13px; } html:is([data-pren="v3"],[data-pren="v4"]) body{font-family:var(--font)} html:is([data-pren="v3"],[data-pren="v4"]) h1, html:is([data-pren="v3"],[data-pren="v4"]) h2, html:is([data-pren="v3"],[data-pren="v4"]) h3, html:is([data-pren="v3"],[data-pren="v4"]) h4, html:is([data-pren="v3"],[data-pren="v4"]) .display{font-family:var(--font-head)} /* planų kainos — skaičiai, tad DM Sans */ html:is([data-pren="v3"],[data-pren="v4"]) .plan h3{font-family:var(--font)} /* ---------- FONAI: balta, jokios kreminės ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) body{background:var(--white)} html:is([data-pren="v3"],[data-pren="v4"]) .offer-hero, html:is([data-pren="v3"],[data-pren="v4"]) .plans-section, html:is([data-pren="v3"],[data-pren="v4"]) .reviews, html:is([data-pren="v3"],[data-pren="v4"]) .content-sec, html:is([data-pren="v3"],[data-pren="v4"]) .bynum, html:is([data-pren="v3"],[data-pren="v4"]) .contact-section{background:var(--white)} html:is([data-pren="v3"],[data-pren="v4"]) .author-chip-more .author-photo-ph{background:var(--gray-100)} /* ---------- KAMPAI: be border-radius ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) .plan, html:is([data-pren="v3"],[data-pren="v4"]) .plan h3, html:is([data-pren="v3"],[data-pren="v4"]) .review, html:is([data-pren="v3"],[data-pren="v4"]) .savings, html:is([data-pren="v3"],[data-pren="v4"]) .highlight-plan-title, html:is([data-pren="v3"],[data-pren="v4"]) .eshop-button, html:is([data-pren="v3"],[data-pren="v4"]) .value-tip-box, html:is([data-pren="v3"],[data-pren="v4"]) .author-photo{border-radius:0} /* ---------- BORDERIAI: ryškūs tamsūs ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) .offer-addon{border-bottom-color:var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .plan{border:1px solid var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .highlight-recommended{border:2px solid var(--accent);box-shadow:none} html:is([data-pren="v3"],[data-pren="v4"]) .review{border:1px solid var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .reviews-stat{border-top-color:var(--v3-border);border-bottom-color:var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .topics-list li, html:is([data-pren="v3"],[data-pren="v4"]) .future-row, html:is([data-pren="v3"],[data-pren="v4"]) .issue-item, html:is([data-pren="v3"],[data-pren="v4"]) .article-list li{border-color:var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .topics-sub, html:is([data-pren="v3"],[data-pren="v4"]) .authors-h3, html:is([data-pren="v3"],[data-pren="v4"]) .bynum-h3{border-top-color:var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .contact-section hr{border-top-color:var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .sec-rule{border-top-color:var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .issue-cover{border-color:var(--v3-border)} /* ---------- JUODA SEKCIJA 1: "Vieni iš didžiausių Lietuvoje" ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) .bynum{background:var(--black);padding-bottom:0} html:is([data-pren="v3"],[data-pren="v4"]) .bynum h2{color:var(--white)} html:is([data-pren="v3"],[data-pren="v4"]) .bynum .bynum-h3{color:var(--white);border-top-color:rgba(255,255,255,0.25)} html:is([data-pren="v3"],[data-pren="v4"]) .bynum .content-lead, html:is([data-pren="v3"],[data-pren="v4"]) .bynum .content-note{color:rgba(255,255,255,0.75)} html:is([data-pren="v3"],[data-pren="v4"]) .bynum .content-lead strong{color:var(--white)} html:is([data-pren="v3"],[data-pren="v4"]) .bynum .future-row{border-color:rgba(255,255,255,0.25)} html:is([data-pren="v3"],[data-pren="v4"]) .bynum .future-text{color:rgba(255,255,255,0.75)} html:is([data-pren="v3"],[data-pren="v4"]) .bynum .future-text strong{color:var(--white)} /* ---------- "ĮDOMU": tekstas kairėje, skaitytojų sąrašas dešinėje ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) .idomu-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:3.5rem;align-items:start} html:is([data-pren="v3"],[data-pren="v4"]) .idomu-grid > .content-note{margin-top:0;max-width:none} html:is([data-pren="v3"],[data-pren="v4"]) .idomu-grid .future-list{margin-top:0;max-width:none} html:is([data-pren="v3"],[data-pren="v4"]) .idomu-right .content-note{margin-top:1.5rem;max-width:none} html:is([data-pren="v3"],[data-pren="v4"]) .idomu-grid .future-row:first-child{padding-top:0} @media(max-width:900px){html:is([data-pren="v3"],[data-pren="v4"]) .idomu-grid{grid-template-columns:1fr;gap:1.5rem}} /* ---------- VISIŠKAI NEPRIKLAUSOMAS: "20 metų" faktas dešinėje su vertikaliu brūkšniu (kaip V2) ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) .indep-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3.5rem;align-items:center} html:is([data-pren="v3"],[data-pren="v4"]) .indep-aside{border-left:3px solid var(--red);padding-left:1.75rem;margin:0;max-width:none;font-size:var(--fs-lg);line-height:1.55;color:var(--black)} @media(max-width:900px){html:is([data-pren="v3"],[data-pren="v4"]) .indep-grid{grid-template-columns:1fr;gap:2rem}} /* ---------- SKAIČIAI: baltas blokas, konferencijos stiliaus skaičiai (kaip konferencija.investuok.eu .konf-stat: 100px/900 mėlynas + juodas label'is šone) ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) .stats-band{background:var(--white);margin-top:3.5rem;padding:3.75rem 0 4rem} /* visos statistikos teka kaip vienas flex srautas (13 knygų eina toje pačioje eilutėje po 17 700) */ html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .container{display:flex;flex-wrap:wrap;gap:2.5rem 3rem;align-items:flex-end} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .bynum-h3{width:100%;color:var(--black);border-top:0;padding-top:0;margin:0} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .stats-plus{display:none} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .stats-label{display:block;width:100%;font-size:var(--fs-base);font-weight:700;color:var(--gray-400);margin:0 0 -1.25rem !important} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .rstats-grid{display:contents} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .rstat{display:flex;align-items:flex-end;gap:0.75rem} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .rstat-num{font-size:100px;font-weight:900;letter-spacing:-0.04em;line-height:0.85;color:var(--accent)} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .rstat-num .rstat-pre{display:block;font-size:var(--fs-base);font-weight:700;letter-spacing:0.02em;color:var(--gray-400);margin:0 0 8px} html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .rstat-text{margin:0;padding-bottom:4px;font-size:var(--fs-lead);font-weight:700;color:var(--black);line-height:1.2;max-width:220px} @media(max-width:900px){html:is([data-pren="v3"],[data-pren="v4"]) .stats-band .rstat-num{font-size:56px}} /* ---------- ANKSTESNI NUMERIAI: konferencijos puslapio Swiper slideris (baltas fonas) ---------- */ html:is([data-pren="v3"],[data-pren="v4"]) .covers-row{display:none} html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper{display:block;--swiper-theme-color:var(--red);padding-bottom:2.75rem;margin-top:2rem} html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper .swiper-slide{cursor:grab;background:var(--gray-100)} html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper .swiper-slide img{width:100%;aspect-ratio:332/470;object-fit:cover;display:block;border:1px solid var(--v3-border)} html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper .swiper-button-prev, html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper .swiper-button-next{width:44px;height:44px;margin-top:0;top:calc(50% - 22px);transform:translateY(-50%);background:var(--white);border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,0.18)} html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper .swiper-button-prev::after, html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper .swiper-button-next::after{font-size:16px;font-weight:800} html:is([data-pren="v3"],[data-pren="v4"]) .covers-swiper .swiper-pagination{bottom:0}