/* Nejen Dětem 2026 – vizuální vrstva nad zachovaným systémem. */
:root {
  --ink: #12332D; --ink-2:#0D2924; --paper:#FBFAF7; --grey:#F5F2EC; --grey-2:#EAE6DE;
  --line: rgba(18,51,45,.12); --text:#16312C; --text-soft:#5C6A66;
  --blue:#4F78C4; --blue-deep:#315B9B; --yellow:#F3C46B; --yellow-deep:#E3AA3C;
  --coral:#E97554; --mint:#78C9A8; --teal:#4C9E91; --violet:#7A6CB0;
  --lavender:#EFEAF8; --mintbg:#EAF5F0; --peach:#FFF1DE; --sky:#EEF3FB; --lemon:#FFF7E8; --blush:#F9E6DF;
  --radius:22px; --radius-sm:16px; --wrap:1680px; --shadow-card:0 1px 2px rgba(18,51,45,.04),0 20px 52px -34px rgba(18,51,45,.28); --shadow-shot:0 24px 70px -38px rgba(18,51,45,.42);
}
body { background:var(--paper); }
.site-head { background:rgba(251,250,247,.9); }
.site-head__in { height:82px; }
.brand--img img { max-width:min(270px,34vw); height:auto !important; max-height:52px; }
.site-nav { gap:18px; } .site-nav li a { padding:9px 10px; font-size:.92rem; }
.btn--primary { background:var(--coral); border-color:var(--coral); color:#fff; } .btn--primary:hover { background:#D86547; border-color:#D86547; }
.btn--dark { background:var(--forest, #173A33); color:#fff; }
.hero { background:linear-gradient(180deg,#FBFAF7 0%,#F5F2EC 100%); padding-top:clamp(42px,6vw,86px); }
.hero h1 { color:#12332D; font-size:clamp(3rem,6.4vw,6.8rem); }
.hero__lead { max-width:44ch; }
.hero__frame { background:linear-gradient(135deg,#BFE7D7,#E8F5EF 45%,#F7D6C8); border:1px solid rgba(18,51,45,.08); }
.hero__layer .shot,.hero__main .shot { border-radius:20px; }
.hero__note .dot { background:var(--coral); box-shadow:0 0 0 4px rgba(233,117,84,.18); }
.sticker { background:#fff; border:1px solid rgba(18,51,45,.14); color:#173A33; }
.sec--white { background:var(--paper); } .sec--light,.sec--grey { background:var(--grey); }
.card--area { min-height:260px; } .card__ico { width:54px;height:54px;border-radius:16px;background:var(--mintbg);display:grid;place-items:center;color:var(--forest,#173A33); }
.areas > a:nth-child(2n) .card__ico { background:var(--peach); color:var(--coral); } .areas > a:nth-child(3n) .card__ico { background:var(--sky); color:var(--blue); }
.story { background:#173A33; color:#fff; padding-block:var(--sec-pad); } .story .lead,.story__text p { color:#C7D6D1; } .story__panel { background:#FBFAF7; color:#12332D; } .story__text p { color:#5C6A66; }
.story__range { accent-color:var(--coral); }
.page-hero { background:var(--tint,#EAF5F0); }
.page-hero__shot { background:rgba(255,255,255,.55); border:1px solid rgba(18,51,45,.08); }
.fblock { border:1px solid rgba(18,51,45,.08); } .checks .ico { color:#2D6A5D; }
.rules .ico { background:#BFE7D7; }
.facts li { padding:26px 0; } .facts strong { color:#173A33; font-size:1.28rem; }
.who > div { background:#FFFEFB; } .who li::before { color:#2D6A5D; }
.split__dark { background:#173A33; } .split__yellow { background:#BFE7D7; }
.cta-final { background:var(--cta,#BFE7D7); }
.ticker__title { background:#FBFAF7; color:#173A33; }
.site-foot { background:#F6F3EC; }
.post-card__noimg { background:linear-gradient(135deg,#EAF5F0,#EEF3FB); }
.post-card__cat { text-transform:none; letter-spacing:0; }
.contact-side .card,.card--form { background:#fff; }
@media (min-width:1700px) { .areas { grid-template-columns:repeat(3,1fr); } }
@media (max-width:1280px) { .site-nav li a { font-size:.86rem; padding-inline:7px; } .site-nav__cta .btn { padding:12px 14px; } }
@media (max-width:1100px) { .site-head__in { height:74px; } }
@media (max-width:900px) { .site-nav { inset:74px 0 0; background:#FBFAF7; } .brand--img img { max-width:220px; } }
@media (max-width:480px) { .site-head__in { height:66px; } .site-nav { inset:66px 0 0; } .brand--img img { max-width:175px; max-height:44px; } .hero h1 { font-size:clamp(2.55rem,13vw,4rem); } }