/* Main offer page only. Shared styles and subpages keep their existing design. 8. 9. 2026 — the eleven design tokens that used to live here (--body, --body-card, --body-fine, --body-lead, --lh-body, --lh-card, --h2-size, --h3-md, --h3-lg, --sh-btn, --sh-soft) MOVED to :root in styles.css. Reason: this rule sits on .lp-polished, which is the element, so it beat the :root definitions in styles.css. Only index.html, v2.html and v3.html load this file, so the main offer page ran on one type scale and every subpage on another one (--body 15px vs 16px, --h2-size clamp(28px,3.8vw,44px) vs clamp(30px,3.5vw,44px), deeper shadows). The values did not change — they are now in styles.css and reach every page. Do NOT declare those tokens here again. */ .lp-polished { font-weight: 500; line-height: 1.65; } .lp-polished :is(a, button, summary, input):focus-visible { outline: 3px solid var(--orange-ink); outline-offset: 4px; } .lp-polished [hidden] { display: none !important; } .lp-polished :is(h1, h2, h3) { text-wrap: balance; } .lp-polished :is(p, li) { text-wrap: pretty; } .lp-polished .wrap { max-width: 1220px; padding-inline: 28px; } .lp-polished main > :is(.plain, .panel, .bel) { padding-block: clamp(56px, 6.5vw, 88px); margin-block: 0; } .lp-polished main > section { scroll-margin-top: 26px; } .lp-polished .head { gap: 18px; margin-bottom: clamp(30px, 3.8vw, 48px); } .lp-polished :is(.head h2, .rail-head h2, .cenik-head h2) { max-width: 24ch; font-size: var(--h2-size); font-weight: 550; line-height: 1.16; letter-spacing: -.035em; } .lp-polished .head p { max-width: 58ch; font-size: 17px; line-height: 1.65; } .lp-polished :is(.badge, .kicker, .eyebrow) { display: block; background: none; border: 0; box-shadow: none; padding: 0; gap: 0; border-radius: 0; color: var(--orange-ink); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; white-space: normal; } .lp-polished .badge b { display: none; } .lp-polished .hero-vsl .badge { order: 0; margin: 0 0 18px; } .lp-polished .hero-vsl .badge img { display: none; } .lp-polished .posteno .kicker { color: var(--orange-2); } .lp-polished .video-eyebrow { color: #fff; } @media (max-width: 860px) { .lp-polished img[src*="zobko"] { display: none !important; } } .lp-polished .btn-orange { min-height: 64px; height: auto; padding: 18px 30px; line-height: 1.35; } .lp-polished .btn-orange:hover { background: var(--cta-hover); } .lp-polished .cta-block { margin-top: 32px; } .lp-polished :is(.trusted, .mini-note, .cta-badges) { font-size: 14px; line-height: 1.5; } .lp-polished .vrh header { border-bottom: 1px solid #e8e5dd; } .lp-polished .annc-in { padding-block: 9px; } .lp-polished .hdr { height: 76px; } .lp-polished nav { font-size: 13px; } .lp-polished .btn-hdr { box-shadow: none; } /* Keep the original centered VSL hero, with the offer before the video. */ .lp-polished .hero { padding: 48px 0 56px; } .lp-polished .hero-vsl > .hero-eyebrow { order: 0; margin: 0 0 18px; color: var(--orange-ink); font-size: 12px; font-weight: 650; letter-spacing: .08em; } .lp-polished .hero-vsl h1 { order: 1; max-width: 20ch; margin: 0 0 20px; font-size: clamp(34px, 4.7vw, 60px); font-weight: 550; line-height: 1.1; letter-spacing: -.04em; } .lp-polished .hero .hero-vsl p.sub { order: 2; max-width: 58ch; margin: 0 0 24px; padding: 0; font-size: 18px; line-height: 1.65; color: #555653; } .lp-polished .hero-vsl .hero-cena { order: 3; gap: 12px 16px; margin: 0 0 18px; } .lp-polished .hero-cena > b { font-size: 40px; font-weight: 700; } .lp-polished .hero-cena > span { font-size: 13px; line-height: 1.5; } .lp-polished .hero-cena > em { background: #fff; color: #53544e; border: 1px solid #dddcd3; padding: 8px 14px; font-size: 13px; font-weight: 500; } .lp-polished .hero-vsl .hero-kljuk { order: 4; margin: 0 0 22px; gap: 9px 24px; } .lp-polished .hero-kljuk li { font-size: 13px; font-weight: 500; } .lp-polished .hero-vsl .hero-cta { order: 5; margin: 0 0 12px; } .lp-polished .hero-vsl .cta-badges { order: 6; margin: 0 0 22px; } .lp-polished .hero-vsl .trust-row { order: 7; margin: 0 0 24px; font-size: 12px; gap: 8px; } .lp-polished .hero-vsl .hero-note { display: none; } .lp-polished .hero-vsl .vsl { order: 8; max-width: 960px; margin: 0; } .lp-polished .vsl::before { display: none; } .lp-polished .vsl-frame { border-width: 5px; box-shadow: 0 12px 36px rgba(20,20,20,.09); } .lp-polished .vsl-tap-box { padding: 18px 24px; border-radius: 18px; animation: none; background: rgba(20,20,20,.88); color: #fff; border: 1px solid rgba(255,255,255,.6); } .lp-polished .vsl-tap-t { font-size: 14px; font-weight: 600; } .lp-polished .vsl-tap-i { width: 36px; color: #f9a472; } .lp-polished .medpas { padding-block: 24px; } .lp-polished .dejstvo { padding-block: 44px; background: var(--orange-ink); } .lp-polished .dejstvo::before { display: none; } .lp-polished .dejstvo h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.2; } .lp-polished .dejstvo p { max-width: 62ch; font-size: 16px; line-height: 1.65; color: #fff; } /* Shared card rhythm: readable text, equal spacing, original illustrations. */ .lp-polished :is(.whofor, .steps3, .gifts, .kred, .bento2) { gap: 24px; } .lp-polished .whofor > div { padding: 28px; border: 1px solid #e6e3da; border-radius: 24px; background: #fff; text-align: left; box-shadow: none; } .lp-polished .whofor img { width: 150px; height: 150px; margin: 0 auto 26px; } .lp-polished .whofor h3 { margin-top: 10px; font-size: 22px; font-weight: 600; line-height: 1.25; } .lp-polished .whofor p { margin-top: 12px; font-size: 15px; line-height: 1.65; } .lp-polished .whofor .k { font-size: 11px; font-weight: 650; letter-spacing: .08em; } .lp-polished .rz-st { top: 20px; right: 20px; font-size: 30px; opacity: .12; } .lp-polished .rz-edge { margin-top: 24px; padding: 24px 32px; gap: 30px; border-radius: 24px; } .lp-polished .rz-edge h3 { max-width: 28ch; font-size: 27px; line-height: 1.25; } .lp-polished .rz-edge p { max-width: 58ch; font-size: 16px; line-height: 1.65; } .lp-polished .rz-opomba { font-size: 13px; max-width: 76ch; line-height: 1.6; } .lp-polished :is(.s3, .kcard, .b2, .step) { border-radius: 24px; box-shadow: none; } .lp-polished .s3 { padding: 16px 16px 26px; } .lp-polished .s3 :is(h3, p) { text-align: left; padding-inline: 10px; } .lp-polished .s3 h3 { line-height: 1.25; font-size: 21px; margin-top: 20px; } .lp-polished .s3 p { font-size: 15px; line-height: 1.65; margin-top: 10px; } .lp-polished .s3-div { margin-top: 16px; } .lp-polished .s3-pill { border-radius: 8px; font-size: 12px; } .lp-polished .kcap { padding: 26px; } .lp-polished .kcap h3 { font-size: 21px; line-height: 1.25; } .lp-polished .kcap p { font-size: 15px; line-height: 1.65; } .lp-polished .gifts .s3:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 220px 1fr; column-gap: 30px; align-content: center; padding: 28px; background: #fbf7ec; } .lp-polished .gifts .s3:last-child .s3-art { grid-row: 1 / 4; height: 180px; } .lp-polished .gifts .s3:last-child .s3-div { margin: 0; justify-content: flex-start; } .lp-polished .gifts .s3:last-child .s3-div > :is(i, .tick) { display: none; } .lp-polished .gifts .s3:last-child :is(h3, p) { padding: 0; } .lp-polished .b2 h3 { font-size: 23px; line-height: 1.25; } .lp-polished .b2 p { font-size: 16px; line-height: 1.65; } .lp-polished .b2.banner { background: var(--orange-ink); } .lp-polished .bn-head b { font-size: clamp(32px, 3.7vw, 48px); line-height: 1.1; } .lp-polished .bn-list { gap: 20px; } .lp-polished .bn-list li { font-size: 15px; line-height: 1.5; } /* The smile film keeps faces clear, with copy in the lower part of the frame. */ .lp-polished .vidpas { height: clamp(540px, 48vw, 720px); align-items: flex-end; } .lp-polished .vidpas-senca { background: linear-gradient(90deg, rgba(15,15,16,.65), rgba(15,15,16,.12) 65%, transparent), linear-gradient(180deg, transparent 15%, rgba(15,15,16,.08) 35%, rgba(15,15,16,.75) 100%); } .lp-polished .vidpas-txt { width: 100%; align-items: flex-start; text-align: left; padding-bottom: 48px; gap: 16px; } .lp-polished .video-eyebrow { color: #fff; font-size: 12px; letter-spacing: .08em; font-weight: 600; } .lp-polished .vidpas h2 { max-width: 16ch; font-size: clamp(36px, 4vw, 48px); line-height: 1.1; letter-spacing: -.035em; } .lp-polished .vidpas p { font-size: 16px; line-height: 1.6; font-weight: 500; max-width: 46ch; } /* Price comparison and original two-step offer. */ .lp-polished .prim-ovoj { box-shadow: none; border-radius: 24px; } .lp-polished .prim thead th { padding: 20px 24px; font-size: 13px; text-transform: none; letter-spacing: 0; } .lp-polished .prim thead th:nth-child(2) { background: #1F4A38; } .lp-polished .prim thead th:nth-child(3) { background: #3A3B40; } .lp-polished .prim tbody th { font-size: 14px; text-transform: none; letter-spacing: 0; width: 25%; } .lp-polished .prim td { font-size: 15px; line-height: 1.55; } .lp-polished .prim td.da { background: #f4f8f2; } .lp-polished #cenik { background: #eae8e0; } .lp-polished .cenik-head { text-align: center; margin-bottom: 38px; } .lp-polished .cenik-head .kicker { display: block; margin-bottom: 16px; color: var(--orange-ink); } .lp-polished .cenik-head p { font-size: 17px; line-height: 1.6; margin: 18px auto 0; max-width: 54ch; } .lp-polished .cenik-head h2 .akcija { color: var(--orange-ink); } .lp-polished .buybox.bb2 { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 40px; padding: 32px; border-radius: 28px; border: 1px solid #dedbd2; box-shadow: none; } .lp-polished .bb2 .bb-info { order: 0; } .lp-polished .bb2 .bb-media { order: 1; position: sticky; top: 24px; } .lp-polished .bb2 .bb-rating { justify-content: flex-start; } .lp-polished .bb2-stick { position: static; } .lp-polished .bb2-urg { border-radius: 10px; font-size: 13px; line-height: 1.5; padding: 12px 14px; } .lp-polished .bb2 .bb-info h2 { font-size: 32px; line-height: 1.15; letter-spacing: -.03em; max-width: 14ch; margin-top: 18px; } .lp-polished .bb2 .bb-lead { font-size: 16px; font-weight: 500; line-height: 1.65; max-width: 42ch; } .lp-polished .bb2-feat { display: flex; margin-top: 16px; gap: 10px; } .lp-polished .bb2-feat li { font-size: 15px; font-weight: 500; line-height: 1.4; } .lp-polished .bb2-feat .ic { width: 32px; height: 32px; border-radius: 50%; } .lp-polished .bb2-live { margin-top: 14px; font-size: 14px; } .lp-polished .bb2 .bb-rating { font-size: 13px; line-height: 1.6; gap: 8px; } .lp-polished .bb2 .bb-rule { margin: 24px 0 0; } .lp-polished .bb2-korak { margin-top: 24px; font-size: 15px; line-height: 1.4; letter-spacing: 0; text-transform: none; } .lp-polished .bb2-nacin { gap: 12px; margin-top: 22px; grid-template-columns: 1fr 1.2fr; } .lp-polished .bb2-nacin-kartica { padding: 18px; border-radius: 16px; gap: 8px; } .lp-polished .bb2-nacin-top b { font-size: 14px; line-height: 1.4; letter-spacing: 0; text-transform: none; } .lp-polished .bb2-nacin-kartica > i { font-size: 13px; line-height: 1.6; } .lp-polished .bb2-nacin-cena { font-size: 30px; line-height: 1.2; } .lp-polished .bb2-nacin-plus span { align-items: flex-start; font-size: 12px; line-height: 1.5; } .lp-polished .bb2-nacin-plus svg { margin-top: 3px; } .lp-polished .bb2-up { grid-template-columns: 1fr 1fr; gap: 16px; padding-top: 0; margin-top: 24px; } .lp-polished .bb2-up-kartica { min-height: 256px; padding: 18px; border-radius: 16px; overflow: visible; } .lp-polished .bb2-up-top b { font-size: 15px; line-height: 1.4; } .lp-polished .bb2-up-cena { font-size: 28px; line-height: 1.2; margin-top: 10px; flex-wrap: wrap; gap: 5px; } .lp-polished .bb2-up-cena span { font-size: 12px; } .lp-polished .bb2-price-comparison { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 8px; row-gap: 4px; } .lp-polished .bb2-price-comparison s { color: var(--muted); font-size: 18px; font-weight: 500; letter-spacing: 0; white-space: nowrap; text-decoration-thickness: 1.5px; } .lp-polished .bb2-up-kartica > i { font-size: 13px; line-height: 1.5; max-width: none; } .lp-polished .bb2-up-badge { font-size: 11px; border-radius: 6px; padding: 5px 8px; } .lp-polished .bb2-up-kartica > img { right: 2px; bottom: 0; width: 55%; max-height: 110px; object-fit: contain; } .lp-polished .bb2-up-kartica[data-pick="mesecno"] { grid-column: 1 / -1; min-height: 125px; padding-right: 110px; } .lp-polished .bb2-up-kartica[data-pick="mesecno"] > img { width: 100px; right: 4px; bottom: 10px; } .lp-polished .bb2-up-kartica[data-pick="mesecno"] .bb2-radio { position: absolute; top: 18px; right: 18px; } .lp-polished .bb2-up-kartica[data-pick="mesecno"] .bb2-up-cena { font-size: 24px; margin-top: 2px; } .lp-polished .bb2 .bb2-flag { font-size: 10px; padding: 4px 10px; line-height: 1.3; white-space: nowrap; } .lp-polished .bb2-vklj { margin-top: 24px; border-radius: 16px; } .lp-polished .bb2-vklj-in { padding: 20px 18px 0; } .lp-polished .bb2-kicker { font-size: 12px; letter-spacing: .04em; line-height: 1.7; } .lp-polished .bb2-gift-pill { display: none; } .lp-polished .bb2-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 4px 12px; padding-block: 15px; } .lp-polished .bb2-item > :is(img, .ic) { width: 42px; height: 42px; grid-row: 1 / 3; } .lp-polished .bb2-item b { font-size: 14px; line-height: 1.45; } .lp-polished .bb2-item i { font-size: 13px; line-height: 1.5; } .lp-polished .bb2-val { grid-column: 2; margin: 2px 0 0; justify-self: start; background: none; color: #326343; padding: 0; font-size: 12px; line-height: 1.5; } .lp-polished .bb2-cardfoot span { font-size: 12px; line-height: 1.5; padding: 12px 8px; } .lp-polished .bb2 .bb-price { gap: 12px; margin-top: 26px; } .lp-polished .bb2 .bb-price b { font-size: 42px; } .lp-polished .bb2 .bb-price span { font-size: 13px; line-height: 1.6; } .lp-polished .bb2 .bb-cta { padding: 18px; min-height: 66px; height: auto; line-height: 1.4; border-radius: 12px; } .lp-polished :is(.bb2-obnova, .bb2-enkrat-note) { font-size: 13px; line-height: 1.65; margin-top: 14px; } .lp-polished .bb2-obnova { border-left: 2px solid #ddd9cf; padding-left: 12px; } .lp-polished .bb2-quotes { grid-template-columns: 1fr; border-radius: 16px; margin-top: 24px; } .lp-polished .bb2-quotes > div { padding: 20px; } .lp-polished .bb2-quotes > div:first-child { border-right: 0; border-bottom: 1px solid var(--line); } .lp-polished .bb2-quotes p { font-size: 14px; line-height: 1.65; } .lp-polished .bb2-trak-blok { order: 2; margin-top: 48px; } .lp-polished .bb2-trak-blok h3 { font-size: 25px; line-height: 1.3; } .lp-polished .bb2-marks { border-radius: 16px; } .lp-polished .bb2-marks b { font-size: 12px; line-height: 1.5; } .lp-polished .bb-fine { font-size: 13px; line-height: 1.6; } /* Patient stories, clinical detail, and the footer use the same reading scale. */ .lp-polished .list details summary { font-size: 17px; line-height: 1.5; padding-block: 20px; } .lp-polished .list details p { font-size: 15px; line-height: 1.65; } .lp-polished .rail-head h2 { margin-inline: auto; text-align: center; max-width: 28ch; } .lp-polished .story blockquote { font-size: clamp(28px, 3.5vw, 42px); line-height: 1.3; } .lp-polished .story .note { font-size: 14px; line-height: 1.6; } .lp-polished .sk-card .cap span { font-size: 14px; line-height: 1.6; } .lp-polished .zreb-top h2 { line-height: 1.2; } .lp-polished .zreb-grid h3 { font-size: 32px; line-height: 1.25; } .lp-polished .zreb-grid p { font-size: 16px; line-height: 1.65; } .lp-polished .vesna { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); padding: 36px; gap: 48px; box-shadow: none; } .lp-polished .vesna > img { height: 380px; border-radius: 20px; } .lp-polished .vesna h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.2; margin: 20px 0; } .lp-polished .vesna p { font-size: 16px; line-height: 1.65; } .lp-polished .vesna .quote { font-size: 20px; line-height: 1.5; margin-bottom: 14px; } .lp-polished .vesna-stat { gap: 12px; margin-top: 24px; } .lp-polished .posteno { padding-block: 72px; } .lp-polished .posteno h2 { line-height: 1.18; } .lp-polished .posteno-list { padding: 28px; gap: 24px; } .lp-polished .posteno-list li { font-size: 16px; line-height: 1.65; } .lp-polished .faq-panel { max-width: 860px; padding: 8px 28px; border-radius: 24px; border-color: #dedbd2; box-shadow: none; } .lp-polished .faq-panel summary { font-size: 17px; line-height: 1.5; padding-block: 22px; } .lp-polished .faq-panel p { max-width: 68ch; font-size: 16px; line-height: 1.7; margin-bottom: 24px; } .lp-polished footer { padding-top: 56px; } .lp-polished .f-wrap { max-width: 1220px; padding-inline: 28px; } .lp-polished .f-head { font-size: 12px; color: #4e4941; } .lp-polished .f-lnk { font-size: 14px; line-height: 1.65; margin-bottom: 12px; } .lp-polished .f-info { font-size: 13px; line-height: 1.7; } .lp-polished .f-info p { font-size: 15px; line-height: 1.7; } .lp-polished .f-fine { font-size: 12px; line-height: 1.8; max-width: 104ch; } .lp-polished .f-pombtn i { font-size: 14px; line-height: 1.6; } .lp-polished .sticky-cta { box-shadow: none; } .lp-polished .sticky-btn { background: var(--cta); } .lp-polished .sticky-pill { display: inline-flex; } /* Optional whitening keeps the existing offer flow. */ .lp-polished .bb2-modal { z-index: 120; background: rgba(20,19,17,.68); padding: 20px; } .lp-polished .bb2-modal .box { width: min(580px, 100%); border-radius: 24px; max-height: calc(100dvh - 40px); } .lp-polished .bb2-modal .top { padding: 18px 24px; gap: 12px; } .lp-polished .bb2-modal .top b { font-size: 14px; letter-spacing: .02em; } .lp-polished .bb2-modal .top b { flex: 1; min-width: 0; } /* OTO odštevalnik (Max, 7. 9. 2026): oranžna značka mm:ss med naslovom in gumbom za zapiranje. */ .lp-polished .bb2-modal .cas { flex: none; margin-left: 0; font-size: 15px; font-weight: 700; line-height: 1; color: #fff; background: var(--orange); padding: 8px 12px; border-radius: 999px; font-variant-numeric: tabular-nums; min-width: 58px; text-align: center; } .lp-polished .bb2-modal .cas:empty { display: none; } .lp-polished .bb2-modal .x { margin-left: auto; border-radius: 50%; width: 36px; height: 36px; } .lp-polished .bb2-modal .cas + .x { margin-left: 0; } .lp-polished .bb2-modal .in { padding: 24px; } .lp-polished .bb2-modal .in > p { font-size: 16px; line-height: 1.65; } .lp-polished .bb2-modal .art { border-radius: 14px; margin-top: 20px; } .lp-polished .bb2-modal h4 { font-size: 25px; line-height: 1.25; letter-spacing: -.02em; } .lp-polished .bb2-modal .cena { font-size: 32px; margin-top: 12px; } .lp-polished .bb2-modal .cena s { font-size: 18px; margin-left: 8px; } .lp-polished .bb2-modal .opis { margin-top: 12px; font-size: 14px; line-height: 1.6; } .lp-polished .bb2-modal .da { width: 100%; padding: 16px; border-radius: 12px; font-size: 16px; line-height: 1.4; } .lp-polished .bb2-modal .ne { text-align: center; } .lp-polished .bb2-modal .ne button { font-size: 14px; min-height: 44px; } @media (max-width: 1000px) { .lp-polished .wrap { padding-inline: 24px; } .lp-polished .buybox.bb2 { gap: 24px; padding: 24px; } .lp-polished .bb2-trak-blok { order: 12; } .lp-polished .bb2-nacin-kartica { padding: 14px; } .lp-polished .bb2-up-kartica { padding: 14px; } .lp-polished .bb2-up-cena { font-size: 24px; } .lp-polished .bb2 .bb-cta { font-size: 18px; } .lp-polished .whofor > div { padding: 24px; } .lp-polished .whofor h3 { font-size: 21px; } } @media (max-width: 860px) { .lp-polished .hdr { height: 68px; } .lp-polished .buybox.bb2 { grid-template-columns: minmax(0, 1fr); gap: 16px; } .lp-polished .bb2 .bb-media, .lp-polished .bb2 .bb2-stick { display: contents; } .lp-polished .bb2-trak-blok { order: 12; } .lp-polished .bb2-up-cena { font-size: 30px; } .lp-polished .bb2-up-kartica { padding: 20px; } .lp-polished .bb2 .bb-cta { font-size: 19px; } .lp-polished .gifts { grid-template-columns: 1fr 1fr; } .lp-polished .whofor { gap: 18px; } .lp-polished .whofor > div { padding: 20px; } .lp-polished .whofor img { width: 120px; height: 120px; } .lp-polished .vidpas { aspect-ratio: auto; height: 640px; } .lp-polished .vidpas-txt { padding-bottom: 32px; } .lp-polished .vidpas h2 { max-width: 16ch; } .lp-polished .vesna { gap: 28px; padding: 28px; } .lp-polished .vesna > img { height: 300px; } .lp-polished .posteno { padding-block: 56px; } .lp-polished .prim tbody th { width: auto; } } @media (max-width: 600px) { .lp-polished .wrap, .lp-polished .f-wrap { padding-inline: 20px; } .lp-polished main > :is(.plain, .panel, .bel) { padding-block: 52px; } .lp-polished :is(.head h2, .rail-head h2, .cenik-head h2) { font-size: 30px; line-height: 1.2; } .lp-polished .head { gap: 16px; margin-bottom: 28px; } .lp-polished .head p { font-size: 16px; } .lp-polished .hero { padding: 28px 0 36px; } .lp-polished .hero-vsl > .hero-eyebrow { font-size: 10px; margin-bottom: 16px; letter-spacing: .035em; } .lp-polished .hero-vsl h1 { font-size: clamp(30px, 8.5vw, 39px); line-height: 1.13; margin-bottom: 18px; } .lp-polished .hero .hero-vsl p.sub { font-size: 16px; line-height: 1.65; margin-bottom: 20px; } .lp-polished .hero-vsl .hero-cena { margin-bottom: 18px; gap: 10px 12px; } .lp-polished .hero-cena > b { font-size: 36px; } .lp-polished .hero-cena > em { font-size: 12px; padding: 6px 12px; } .lp-polished .hero-vsl .hero-kljuk { gap: 8px; width: auto; align-items: flex-start; margin-bottom: 22px; } .lp-polished .hero-kljuk li { font-size: 13px; } .lp-polished .hero-vsl .hero-cta { width: 100%; } .lp-polished .hero-vsl .hero-cta .btn { min-height: 64px; } .lp-polished .hero-vsl .cta-badges { font-size: 12px; gap: 8px 14px; margin-bottom: 18px; } .lp-polished .hero-vsl .trust-row { font-size: 11px; line-height: 1.5; margin-bottom: 20px; } .lp-polished .vsl-frame { border-radius: 20px; border-width: 3px; } .lp-polished .dejstvo { padding-block: 36px; } .lp-polished .dejstvo p { font-size: 15px; } .lp-polished :is(.whofor, .steps3, .steps, .gifts) { grid-template-columns: minmax(0, 1fr); gap: 18px; } .lp-polished .whofor > div { padding: 26px; } .lp-polished .whofor img { width: 136px; height: 136px; margin-bottom: 22px; } .lp-polished .whofor h3 { font-size: 23px; } .lp-polished .whofor p { font-size: 16px; } .lp-polished .rz-edge { padding: 24px; gap: 24px; } .lp-polished .rz-edge h3 { font-size: 25px; } .lp-polished .gifts .s3:last-child { display: block; padding: 16px 16px 26px; } .lp-polished .gifts .s3:last-child .s3-div { margin-top: 16px; } .lp-polished .gifts .s3:last-child :is(h3, p) { padding-inline: 10px; } .lp-polished .gifts .s3-art { height: 200px; } .lp-polished .gifts .s3 p { font-size: 16px; } .lp-polished .s3 h3 { font-size: 22px; } .lp-polished .kcap { padding: 24px; } .lp-polished .kcap-2 { grid-template-columns: 1fr; gap: 12px; } .lp-polished .kcap p { font-size: 16px; } .lp-polished .vidpas { height: 780px; } .lp-polished .vidpas-video { object-position: 50% 30%; } .lp-polished .vidpas-senca { background: linear-gradient(180deg, transparent 22%, rgba(15,15,16,.18) 45%, rgba(15,15,16,.9) 100%); } .lp-polished .vidpas-txt { padding: 30px 24px; gap: 14px; } .lp-polished .vidpas h2 { font-size: 34px; } .lp-polished .vidpas p { font-size: 15px; } .lp-polished .vidpas p br { display: none; } .lp-polished .video-eyebrow { font-size: 11px; } .lp-polished .prim thead th { padding: 14px 10px; font-size: 12px; line-height: 1.3; } .lp-polished .prim thead th:first-child { display: none; } .lp-polished .prim tbody th { padding: 12px 14px 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #5F6065; } .lp-polished .prim td { padding: 8px 14px 16px; font-size: 14px; line-height: 1.45; } .lp-polished .prim td.da { padding-left: 36px; background: transparent; } .lp-polished .prim td.ne { background: transparent; } .lp-polished .prim td::before { display: none; } .lp-polished .buybox.bb2 { padding: 20px 16px; border-radius: 22px; gap: 16px; } .lp-polished .bb2 .bb-media, .lp-polished .bb2 .bb2-stick { display: contents; } .lp-polished .bb2-feat { order: 5; } .lp-polished .bb2-live { order: 6; } .lp-polished .bb2 .bb-stage { order: 7; margin: 16px 0 0; } .lp-polished .bb2 .bb-nav { order: 8; } .lp-polished .bb2-nakup { order: 9; } .lp-polished .bb2 .bb-rating { justify-content: flex-start; } .lp-polished .bb2-urg { justify-content: flex-start; text-align: left; } .lp-polished #cenik > .wrap { padding-inline: 12px; } .lp-polished .cenik-head { padding-inline: 12px; } .lp-polished .cenik-head p { font-size: 16px; } .lp-polished .bb2 .bb-info h2 { font-size: 28px; max-width: none; } .lp-polished .bb2 .bb-lead { font-size: 15px; } .lp-polished .bb2-nacin { gap: 10px; } .lp-polished .bb2-nacin-kartica { padding: 14px 12px; } .lp-polished .bb2-nacin-top { align-items: flex-start; gap: 6px; } .lp-polished .bb2-nacin-top b { font-size: 13px; } .lp-polished .bb2-nacin-cena { font-size: 27px; } .lp-polished .bb2-nacin-cena-vrstica { gap: 5px; flex-wrap: wrap; } .lp-polished .bb2-nacin-plus span { font-size: 11px; } .lp-polished .bb2-nacin-sub .bb2-flag { left: 8px; } .lp-polished .bb2-up { gap: 12px; } .lp-polished .bb2-up-kartica { min-height: 250px; padding: 16px 12px; } .lp-polished .bb2-up-top b { font-size: 14px; } .lp-polished .bb2-up-cena { font-size: 27px; } .lp-polished .bb2-up-cena span { font-size: 11px; } .lp-polished .bb2-up-kartica > i { font-size: 12px; } .lp-polished .bb2-up-kartica > img { width: 68%; max-height: 95px; } .lp-polished .bb2-up-badge { font-size: 10px; padding: 5px 6px; } .lp-polished .bb2-up-kartica .bb2-flag { font-size: 9px; } .lp-polished .bb2-vklj-in { padding-inline: 14px; } .lp-polished .bb2 .bb-price b { font-size: 38px; } .lp-polished .bb2 .bb-cta { font-size: 17px; white-space: normal; } .lp-polished .bb2-trak-blok { margin-top: 20px; } .lp-polished .vesna { grid-template-columns: 1fr; gap: 24px; padding: 24px; } .lp-polished .vesna > img { height: 300px; } .lp-polished .vesna h2 { font-size: 29px; } .lp-polished .vesna-stat span { flex: 1; min-width: 100px; } .lp-polished .posteno { padding-block: 48px; } .lp-polished .posteno h2 { font-size: 30px; } .lp-polished .posteno-list { padding: 24px; } .lp-polished .faq-panel { padding-inline: 20px; } .lp-polished .faq-panel summary { font-size: 16px; } .lp-polished .faq-panel p { font-size: 15px; } .lp-polished .f-grid { gap: 30px; } .lp-polished .f-fine { font-size: 12px; } /* 14. 9. 2026: pas na dnu je zdaj tudi na telefonu — glej styles.css, odsek »Sticky CTA«. Zapora z !important je bila odstranjena. */ .lp-polished .bb2-modal { padding: 12px; } .lp-polished .bb2-modal .box { max-height: calc(100dvh - 24px); border-radius: 20px; } .lp-polished .bb2-modal .in { padding: 20px; } .lp-polished .bb2-modal .top { padding: 14px 20px; } .lp-polished .bb2-modal .top b { font-size: 12px; } .lp-polished .bb2-modal .cas { font-size: 14px; padding: 7px 10px; min-width: 52px; } } @media (max-width: 360px) { .lp-polished .bb2-nacin, .lp-polished .bb2-up { grid-template-columns: minmax(0, 1fr); gap: 20px; } .lp-polished .bb2-nacin-kartica { padding: 18px; } .lp-polished .bb2-nacin-plus span { font-size: 12px; } .lp-polished .bb2-up-kartica { min-height: 224px; padding: 18px; } .lp-polished .bb2-up-kartica > img { width: 46%; max-height: 100px; } .lp-polished .bb2-up-kartica[data-pick="mesecno"] { padding-right: 90px; } .lp-polished .bb2-up-kartica[data-pick="mesecno"] > img { width: 80px; } } @media (prefers-reduced-motion: reduce) { .lp-polished *, .lp-polished *::before, .lp-polished *::after { animation: none !important; scroll-behavior: auto !important; transition: none !important; } } /* Main offer: gallery left, purchase controls right; full-width value ribbons. */ @media (min-width: 1021px) { .lp-polished .buybox.bb2-offer-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); } .lp-polished .bb2-offer-layout .bb-media { order: 0; } .lp-polished .bb2-offer-layout .bb-info { order: 1; } } .lp-polished .bb2-offer-layout :is(.bb2-nacin-sub, .bb2-up-kartica[data-pick="paket"]) { padding-top: 54px; } .lp-polished .bb2-offer-layout .bb2-value-ribbon { position: absolute; top: -1px; left: -1px; right: -1px; transform: none; max-width: none; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 3px 8px; padding: 9px 14px; min-height: 34px; border-radius: 16px 16px 0 0; background: var(--orange); color: #fff; font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: .035em; text-transform: uppercase; white-space: normal; box-shadow: none; } .lp-polished .bb2-offer-layout .bb2-value-ribbon span { font-size: 10px; font-weight: 500; letter-spacing: 0; text-transform: none; } @media (min-width: 361px) and (max-width: 620px) { .lp-polished .bb2-offer-layout .bb2-nacin-sub { padding-top: 68px; } .lp-polished .bb2-offer-layout .bb2-value-ribbon { padding-inline: 10px; font-size: 9px; } } /* Image thumbnails for the main offer gallery. */ .lp-polished .bb2-offer-layout .bb-nav:has(.bb-image-thumbnails) { display: block; } .lp-polished .bb2-offer-layout .bb-image-thumbnails { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; width: 100%; } .lp-polished .bb2-offer-layout .bb-image-thumbnails .bb-seg { display: block; width: 100%; height: auto; aspect-ratio: 1; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #faf8f4; } .lp-polished .bb2-offer-layout .bb-image-thumbnails .bb-seg::after { display: none; } .lp-polished .bb2-offer-layout .bb-image-thumbnails img { display: block; width: 100%; height: 100%; object-fit: cover; } .lp-polished .bb2-offer-layout .bb-image-thumbnails .is-on { outline: 2px solid var(--orange); outline-offset: 3px; } .lp-polished .bb2-offer-layout .bb-image-thumbnails .bb-seg:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; } .lp-polished .bb2-offer-layout .bb-nav:has(.bb-image-thumbnails) .bb-count { display: none; } /* Compact purchase choices: one row per plan, with comparable price columns. */ .lp-polished .bb2-compact-pricing .bb2-purchase-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 5px; background: #eeede8; border-radius: 14px; margin-top: 14px; } .lp-polished .bb2-compact-pricing .bb2-purchase-toggle .bb2-nacin-kartica { padding: 12px 8px; min-height: 66px; border: 1px solid transparent; background: transparent; box-shadow: none; border-radius: 10px; align-items: center; justify-content: center; gap: 4px; text-align: center; } .lp-polished .bb2-compact-pricing .bb2-purchase-toggle b { font-size: 14px; font-weight: 650; } .lp-polished .bb2-compact-pricing .bb2-purchase-toggle i { font-size: 11px; line-height: 1.4; } .lp-polished .bb2-compact-pricing #bbPlans:not(:has([data-pick="enkratno"].is-on)) .bb2-nacin-sub, .lp-polished .bb2-compact-pricing .bb2-purchase-toggle .is-on { background: #fff; border-color: var(--orange); box-shadow: 0 2px 5px #00000009; } .lp-polished .bb2-compact-pricing .bb2-up { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 14px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 16px; row-gap: 6px; padding: 18px 18px 18px 50px; min-height: 98px; border-radius: 16px; background: #faf9f6; } .lp-polished .bb2-compact-pricing .bb2-up-kartica:has(.bb2-value-ribbon) { padding-top: 51px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica.is-on { background: #fff; } .lp-polished .bb2-compact-pricing .bb2-up-top { grid-column: 1; grid-row: 1; } .lp-polished .bb2-compact-pricing .bb2-up-top b { font-size: 15px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica .bb2-radio { position: absolute; left: 17px; right: auto; top: 20px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica:has(.bb2-value-ribbon) .bb2-radio { top: 53px; } .lp-polished .bb2-compact-pricing .bb2-up-cena { grid-column: 2; grid-row: 1 / 3; display: flex; justify-content: flex-end; align-items: baseline; flex-wrap: wrap; gap: 5px 7px; max-width: 185px; font-size: 26px; margin: 0; text-align: right; } .lp-polished .bb2-compact-pricing .bb2-up-cena span { flex-basis: 100%; font-size: 12px; font-weight: 500; color: var(--muted); } .lp-polished .bb2-compact-pricing .bb2-up-cena s { font-size: 16px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica > i { grid-column: 1; grid-row: 2; font-size: 12px; } .lp-polished .bb2-compact-pricing .bb2-up-badge { grid-column: 1 / -1; justify-self: start; margin-top: 2px; padding: 4px 8px; background: #e6f0e9; color: #1f4a38; font-size: 10px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica > img { display: none; } .lp-polished .bb2-compact-pricing .bb2-package-details { margin-top: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .lp-polished .bb2-compact-pricing .bb2-package-details summary { cursor: pointer; padding: 18px 0; font-size: 14px; font-weight: 650; } .lp-polished .bb2-compact-pricing .bb2-package-details .bb2-vklj { margin: 0 0 16px; } .lp-polished .bb2-compact-pricing:has([data-pick="enkratno"].is-on) .bb2-package-details { display: none; } .lp-polished .bb2-compact-pricing .bb2-nakup > .bb-rule { margin-top: 20px; } @media (max-width: 620px) { .lp-polished .bb2-compact-pricing .bb2-up-kartica { padding-left: 42px; padding-right: 12px; column-gap: 10px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica .bb2-radio { left: 12px; width: 20px; height: 20px; } .lp-polished .bb2-compact-pricing .bb2-up-top b { font-size: 13px; } .lp-polished .bb2-compact-pricing .bb2-up-cena { max-width: 140px; font-size: 23px; } .lp-polished .bb2-compact-pricing .bb2-up-cena s { font-size: 14px; } .lp-polished .bb2-compact-pricing .bb2-up-kartica > i { font-size: 11px; } } /* Annual smile maintenance versus possible retreatment. */ .lp-polished .smile-comparison .head { max-width: 760px; margin-inline: auto; } .lp-polished .smile-options { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1000px; margin: 32px auto 0; } .lp-polished .smile-card { border: 1px solid #dedbd5; border-radius: 24px; overflow: hidden; background: #f8f7f3; } .lp-polished .smile-covered { border-color: var(--orange); background: #fff; box-shadow: 0 12px 35px #b7480c0a; } .lp-polished .smile-ribbon { padding: 12px 28px; background: #e9e6df; color: #595750; font-size: 11px; font-weight: 750; letter-spacing: 1px; } .lp-polished .smile-covered .smile-ribbon { background: var(--orange); color: #fff; } .lp-polished .smile-card-body { padding: 28px; } .lp-polished .smile-card h3 { margin: 0 0 6px; font-size: 25px; line-height: 1.25; } .lp-polished .smile-label { margin: 0; font-size: 14px; color: #66635e; } .lp-polished .smile-price { margin-top: 26px; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.15; font-weight: 750; letter-spacing: -1.5px; } .lp-polished .smile-covered .smile-price { color: var(--orange); } .lp-polished .smile-price span { font-size: 16px; font-weight: 500; letter-spacing: 0; color: #66635e; } .lp-polished .smile-price-note { margin: 8px 0 25px; font-size: 13px; color: #66635e; } .lp-polished .smile-card ul { padding: 24px 0 0; margin: 0 0 26px; border-top: 1px solid #e9e6df; list-style: none; display: grid; gap: 20px; } .lp-polished .smile-card li { position: relative; padding-left: 26px; font-size: 14px; line-height: 1.5; } .lp-polished .smile-card li::before { content: '–'; position: absolute; left: 0; color: #827d74; } .lp-polished .smile-covered li::before { content: '✓'; color: var(--orange); font-weight: 700; } .lp-polished .smile-card li strong { display: block; font-weight: 650; } .lp-polished .smile-card li span { display: block; margin-top: 3px; color: #66635e; font-size: 13px; } .lp-polished .smile-card .btn { display: flex; justify-content: center; gap: 12px; width: 100%; text-align: center; font-size: 14px; } .lp-polished .smile-closing { margin: 0; padding: 15px 0; font-size: 14px; font-weight: 600; } .lp-polished .smile-footnote { max-width: 850px; margin: 20px auto 0; font-size: 12px; line-height: 1.7; color: #716d65; text-align: center; } @media (max-width: 700px) { .lp-polished .smile-options { grid-template-columns: 1fr; gap: 18px; margin-top: 26px; } .lp-polished .smile-card-body { padding: 24px; } .lp-polished .smile-ribbon { padding-inline: 24px; } .lp-polished .smile-price { font-size: 40px; } .lp-polished .smile-footnote { text-align: left; } }