
/* Téma B: Červený alarm */
:root{--white:#fffaf3;--paper:#1a1a1a;--mist:#fff1e3;--gold:#ffd23f;--hl:#ffd23f}
.hero{background:radial-gradient(90% 70% at 50% 18%,#fff6ea 0%,#fde8d2 60%,#f8d9bd 100%)}
.hero .brand,.hero .sub,.hero .lead-in,.hero .trust{color:#1a1a1a}
.hero h1{color:#111}
.hero h1 em{color:#fff;background:#df2f20;padding:0 .14em}
.topbar{background:#df2f20;border-bottom-color:#111}
.stage .blob{background:rgba(223,47,32,.30)}.stage .blob2{background:rgba(255,210,63,.45)}
.hero .ico.ok{color:#df2f20}
.sec{background:#fffaf3}.sec.mist{background:#fff1e3}
.final{border-top-color:#df2f20}
.stickybar{background:#df2f20;border-top-color:#111}

/* Tri pravidlá ako karty bez ikon */
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem;max-width:980px;margin-inline:auto}
.rule{display:block;background:#fff;border:3px solid #111;border-radius:14px;padding:1.5rem 1.3rem 1.4rem;box-shadow:6px 6px 0 #111;text-align:left}
.rule .ic{display:none}
.rule h3{font-size:1.6rem;line-height:1.1;margin:0 0 .7rem}
.rule p{margin:0;font-size:1rem;line-height:1.55}

/* Balík e-booku a bonusov */
.bundle{max-width:960px;margin:0 auto 1.8rem}
.bundle img{display:block;width:100%;height:auto;border-radius:16px;border:3px solid #111;box-shadow:6px 6px 0 #111}

/* Podpis autora */
.sig img{display:block;width:220px;max-width:70%;height:auto;margin:.4rem 0 .2rem}
.sig span{display:block}

/* Fotka obálky v makete */
.cover.cover-foto{padding:0;background:#df2f20;overflow:hidden}
.cover.cover-foto img{display:block;width:100%;height:100%;object-fit:cover}

.cov.cover-foto{padding:0;overflow:hidden;background:#df2f20}
.cov.cover-foto img{display:block;width:100%;height:100%;object-fit:cover}
.prose .sig{margin-top:1.6rem}

/* Hlavná fotka s e-bookom */
.hero-shot{max-width:920px;margin:1.4rem auto .4rem}
.hero-shot img{display:block;width:100%;height:auto;border-radius:18px;border:3px solid #111;box-shadow:6px 6px 0 #111}
.mini.mini-cover{width:110px;flex:0 0 110px}
.mini.mini-cover img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 10px 22px rgba(0,0,0,.22)}

/* Pred a po */
.ba img{width:100%;height:auto}

/* Bonusy v pokladni */
.bon{margin:1rem 0 1.1rem;padding:.9rem;border:2px solid #111;border-radius:12px;background:#fff7e0}
.bon-head{margin:0 0 .6rem;font-weight:800;font-size:.95rem;color:#111}
.bon-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.bon-list li{display:flex;flex-direction:column;gap:.3rem;min-width:0;font-size:.8rem;line-height:1.25;color:#161616}
.bon-list img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #e3d5bf}
.bon-list b{display:block;color:#111}
.bon-list span{color:#1f9d55;font-weight:700}
.bon-list s{color:#6b6b6b;font-weight:400;margin-right:.25rem}

.desktop-refresh{--gold:#ffd23f;--gold-hover:#ffdc5c;--gold-deep:#c9a21e;padding-bottom:90px}
.desktop-refresh .lead-in{text-transform:uppercase}
.desktop-refresh .stickybar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;transform:translateY(115%);transition:transform .25s ease;box-shadow:0 -6px 24px #1f24181a}
.desktop-refresh .stickybar.show{transform:none}
.desktop-refresh .stickybar span{color:#fff;font-size:13px;font-weight:700}
.desktop-refresh .final .ps b{color:#fff}
/* Landing-page refinement. Checkout and legal-page layouts remain independent. */
.desktop-refresh{--wide:1200px;--narrow:740px;--ink:#24231f;--text:#373832;--muted:#626158;--line:#ddd8cb;font-size:18px;background:#fffdf8}
.desktop-refresh .wrap{padding-inline:32px;gap:32px}
.desktop-refresh .sec{padding-block:88px;background:#fffdf8}
.desktop-refresh .sec.mist{background:#f5f2e9}
.desktop-refresh h1,.desktop-refresh h2.h2,.desktop-refresh .big,.desktop-refresh .rule h3,.desktop-refresh .week h3,.desktop-refresh .offer-head h3,.desktop-refresh .final h2,.desktop-refresh .ba .when,.desktop-refresh .modal-card h2{font-family:var(--font);text-transform:none;letter-spacing:-.035em;font-weight:800}
.desktop-refresh h2.h2{font-size:clamp(30px,3.1vw,44px);line-height:1.15;max-width:25ch}
.desktop-refresh h2 em,.desktop-refresh h3 em,.desktop-refresh .big em,.desktop-refresh .ba .when em{font:inherit;background:none;color:inherit}
.desktop-refresh .lead-in{font-family:var(--font);font-size:12px;line-height:1.5;font-weight:800;font-style:normal;letter-spacing:.12em;color:#95502d;max-width:none}
.desktop-refresh .head{gap:16px}
.desktop-refresh .sub{font-size:18px;line-height:1.65}
.desktop-refresh .hero{padding-block:60px 64px;background:#f7efdf;border-bottom:1px solid #e6ddcc;overflow:visible}
.desktop-refresh .hero>.wrap{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:52px;max-width:1280px}
.desktop-refresh .hero-copy{min-width:0}
.desktop-refresh .hero .head{align-items:flex-start;text-align:left;gap:20px}
.desktop-refresh .hero .head p{margin:0}
.desktop-refresh .hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.09;max-width:18ch;text-wrap:pretty;color:#24231f}
.desktop-refresh .hero h1 em{font:inherit;background:none;padding:0;color:#bc3e27}
.desktop-refresh .hero-plan{font-size:21px;line-height:1.4;font-weight:700;letter-spacing:-.02em}
.desktop-refresh .hero .sub{max-width:49ch}
.desktop-refresh .hero-note{font-size:14px;line-height:1.5;color:#626158}
.desktop-refresh .hero .cta{align-items:flex-start;margin-top:28px;gap:14px}
.desktop-refresh .btn{font-family:var(--font);font-weight:800;font-style:normal;text-transform:none;letter-spacing:-.01em;font-size:18px;padding:17px 25px;border-radius:8px;box-shadow:0 3px 0 #bf9727;line-height:1.35;min-height:52px}
.desktop-refresh .btn:hover{box-shadow:0 4px 0 #bf9727,0 8px 20px #1f241815}
.desktop-refresh .trust{font-size:13px;gap:16px}
.desktop-refresh .hero-shot{width:100%;max-width:none;margin:0;min-width:0}
.desktop-refresh .hero-shot img{border:0;border-radius:16px;box-shadow:0 18px 45px #5441241c;aspect-ratio:1000/667;object-fit:contain}
.desktop-refresh .hero-caption{text-align:center;margin-top:18px;font-size:13px;font-weight:700;letter-spacing:.04em;color:#626158}
.desktop-refresh .editorial{gap:72px}
.desktop-refresh .editorial-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.desktop-refresh .editorial-row>.head{text-align:left;align-items:flex-start;position:sticky;top:32px;margin-top:0}
.desktop-refresh .editorial-row>.head p{margin:0}
.desktop-refresh .prose{gap:18px}
.desktop-refresh .prose .big{font-size:28px;line-height:1.2;align-self:flex-start;text-align:left;max-width:28ch;margin-block:24px 2px}
.desktop-refresh .rules{max-width:none;gap:24px;margin:12px 0 8px}
.desktop-refresh .rule{background:transparent;border:0;border-top:2px solid #c7c6b7;border-radius:0;box-shadow:none;padding:24px 0 8px}
.desktop-refresh .rule h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}
.desktop-refresh .rule p{font-size:17px;line-height:1.65}
.desktop-refresh .head.next{margin-top:40px}
.desktop-refresh .plan-content{display:flex;flex-direction:column;gap:36px}
.desktop-refresh .weeks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.desktop-refresh .week{display:flex;flex-direction:column;gap:16px;padding:28px;background:#fffdf8;border:1px solid #e0dccf;border-radius:12px}
.desktop-refresh .week .wn{background:#374c3d;width:40px;height:40px;font-size:16px}
.desktop-refresh .week h3{font-size:21px;line-height:1.3;letter-spacing:-.02em}
.desktop-refresh .week p{font-size:16px;line-height:1.65;margin-top:12px}
.desktop-refresh .plan-content>.prose{max-width:740px;margin:auto}
.desktop-refresh .sig{padding-top:12px;border-top:1px solid var(--line)}
.desktop-refresh .steps-list{gap:24px;margin-bottom:12px}
.desktop-refresh .offer-head{flex-direction:row;align-items:center;text-align:left;max-width:840px;gap:32px;padding-block:12px 28px}
.desktop-refresh .offer-head h3{font-size:27px}
.desktop-refresh .mini.mini-cover{aspect-ratio:auto}
.desktop-refresh .mods{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.desktop-refresh .mods li{padding-block:24px;border-top:1px solid #d7d4c8;gap:16px}
.desktop-refresh .mods .no{font-family:var(--font);font-size:15px;font-weight:800;color:#8d553b;padding-top:2px}
.desktop-refresh .mods b{font-size:19px}
.desktop-refresh .mods .d{font-size:16px;line-height:1.65;margin-top:8px}
.desktop-refresh .mods .pg{display:block;margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#717366}
.desktop-refresh .bonus-row{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;margin-block:12px 32px}
.desktop-refresh .bundle{margin:0}
.desktop-refresh .bundle img{border:0;box-shadow:none;border-radius:14px}
.desktop-refresh .bullets{gap:20px;font-size:17px}
.desktop-refresh .offer-panel{background:#fffdf8;border:1px solid #dfd9c8;border-radius:16px;padding:48px;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;row-gap:24px}
.desktop-refresh .offer-panel>.head{align-items:flex-start;text-align:left;margin:0}
.desktop-refresh .offer-panel>.head p{margin:0}
.desktop-refresh .offer-panel>.inner-narrow{grid-column:1}
.desktop-refresh .offer-panel .prose{text-align:left;font-size:17px}
.desktop-refresh .offer-panel>.pricebox{grid-column:2;grid-row:1 / span 2;justify-content:center;border-left:1px solid #e0dccf;padding-left:40px}
.desktop-refresh .pricebox .big-price{font-size:64px;letter-spacing:-.06em}
.desktop-refresh .pricebox .why{font-size:14px;line-height:1.55;margin-top:16px}
.desktop-refresh .ba{gap:32px}
.desktop-refresh .ba img{aspect-ratio:800/533;object-fit:cover;background:#e8e2d4;border-radius:12px}
.desktop-refresh .ba figure{gap:20px}
.desktop-refresh .ba .when{font-size:24px;line-height:1.25}
.desktop-refresh .ba figcaption p{font-size:17px;margin-top:10px}
.desktop-refresh .final{border:0;border-radius:16px;padding:56px;background:#293d31}
.desktop-refresh .final h2{font-size:clamp(30px,3vw,44px);line-height:1.2;max-width:25ch}
.desktop-refresh .final h2 em{font:inherit;color:#f1cf6c}
.desktop-refresh .final .trust{color:#f3eee3}
.desktop-refresh .final .ps{color:#e4e9df;line-height:1.65;font-size:16px;max-width:720px}
.desktop-refresh .faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:32px 64px}
.desktop-refresh .faq-layout>.head{align-items:flex-start;text-align:left}
.desktop-refresh .faq-layout>.head p{margin:0}
.desktop-refresh .faq-layout>.cta{grid-column:2}
.desktop-refresh .faq summary{font-size:18px;padding-block:22px}
.desktop-refresh .faq p{font-size:16px}
.desktop-refresh .stickybar{background:#293d31;border:0;flex-direction:row;justify-content:center;gap:24px;padding:12px 24px}
.desktop-refresh .stickybar .btn{font-size:16px;padding:12px 22px;min-height:44px}
.desktop-refresh .legal{background:#fffdf8}
.desktop-refresh :focus-visible{outline:3px solid #bc3e27;outline-offset:5px}
@media(max-width:1000px){
 .desktop-refresh .hero>.wrap{gap:32px}.desktop-refresh .hero h1{font-size:42px}
 .desktop-refresh .editorial-row{gap:40px;grid-template-columns:.8fr 1.2fr}
 .desktop-refresh .week{padding:20px}.desktop-refresh .offer-panel{padding:32px;column-gap:32px}
}
@media(max-width:760px){
 .desktop-refresh .wrap{padding-inline:22px;gap:28px}.desktop-refresh .sec{padding-block:56px}
 .desktop-refresh .hero{padding-block:36px 40px}.desktop-refresh .hero>.wrap{grid-template-columns:1fr;gap:32px}
 .desktop-refresh .hero h1{font-size:40px;max-width:20ch}.desktop-refresh .hero-plan{font-size:19px}
 .desktop-refresh .hero .head{gap:18px}.desktop-refresh .hero .cta{margin-top:24px}.desktop-refresh .hero .btn{width:100%}
 .desktop-refresh .hero .trust{align-self:center}.desktop-refresh .hero-shot{max-width:560px;margin:auto}
 .desktop-refresh .hero-caption{margin-top:12px}.desktop-refresh .lead-in{font-size:11px}
 .desktop-refresh .editorial-row{grid-template-columns:1fr;gap:28px}.desktop-refresh .editorial-row>.head{position:static}
 .desktop-refresh .editorial{gap:56px}.desktop-refresh .prose{font-size:17px}
 .desktop-refresh .rules,.desktop-refresh .weeks,.desktop-refresh .mods,.desktop-refresh .bonus-row,.desktop-refresh .offer-panel,.desktop-refresh .faq-layout{grid-template-columns:1fr}
 .desktop-refresh .rules{gap:16px}.desktop-refresh .week{flex-direction:row;padding:22px;gap:16px}.desktop-refresh .week .wn{flex:0 0 40px}
 .desktop-refresh .offer-head{gap:24px;align-items:flex-start}.desktop-refresh .offer-head h3{font-size:24px}.desktop-refresh .offer-head p{font-size:16px}
 .desktop-refresh .mini.mini-cover{width:85px;flex-basis:85px}.desktop-refresh .bonus-row{gap:28px;margin:0}
 .desktop-refresh .offer-panel{padding:28px 22px}.desktop-refresh .offer-panel>.pricebox{grid-column:auto;grid-row:auto;border:0;border-top:1px solid #e0dccf;padding:28px 0 0}
 .desktop-refresh .offer-panel>.inner-narrow{grid-column:auto}.desktop-refresh .ba{grid-template-columns:1fr;gap:32px}
 .desktop-refresh .final{padding:36px 22px}.desktop-refresh .faq-layout>.cta{grid-column:auto}
 .desktop-refresh .stickybar{flex-direction:column;gap:7px}.desktop-refresh .stickybar .btn{width:100%;max-width:400px}
 .desktop-refresh .stickybar span{font-size:11px}.desktop-refresh .btn{font-size:16px;padding:16px 20px}
}
@media(prefers-reduced-motion:reduce){.desktop-refresh *{scroll-behavior:auto;transition:none!important}}
