@font-face { font-family: 'Omnes'; src: url('../fonts/Omnes_Black.woff2') format('woff2'); font-weight: 900; }
@font-face { font-family: 'Omnes'; src: url('../fonts/Omnes_Bold.woff2') format('woff2'); font-weight: 700; }
@font-face { font-family: 'Omnes'; src: url('../fonts/Omnes_SemiBold.woff2') format('woff2'); font-weight: 600; }
@font-face { font-family: 'Omnes'; src: url('../fonts/Omnes_Medium.woff2') format('woff2'); font-weight: 500; }
@font-face { font-family: 'Omnes'; src: url('../fonts/Omnes_Regular.woff2') format('woff2'); font-weight: 400; }
:root { --primary:#202E21; --secondary:#F4F3E8; --accent:#F0FB72; --neutral:#6E766B; --radius-pill:999px; --radius-sm:8px; }
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Omnes',sans-serif; background:var(--secondary); color:var(--primary); line-height:1.6; letter-spacing:0.01em; }
a { color:var(--primary); text-decoration:none; font-weight:600; }
.post a, .post-lead a { text-decoration:underline; }
nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:1.25rem 2.5rem; background:var(--secondary); border-bottom:1px solid rgba(32,46,33,0.1); }
.nav-logo { font-weight:900; font-size:1.15rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--secondary); background:var(--primary); border:2px solid var(--primary); padding:0.35em 0.8em; border-radius:var(--radius-sm); text-decoration:none; }
.nav-links { display:flex; align-items:center; gap:2rem; list-style:none; }
.nav-links a { font-weight:600; font-size:0.85rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--primary); opacity:0.75; text-decoration:none; }
.nav-links a:hover { opacity:1; }
.nav-cta { background:var(--accent); color:var(--primary) !important; opacity:1 !important; font-size:0.98rem; padding:0.55em 1.4em; border-radius:var(--radius-pill); }
.nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
.nav-hamburger span { display:block; width:24px; height:2px; background:var(--primary); border-radius:2px; transition:transform 0.3s, opacity 0.3s; }
.nav-hamburger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2){ opacity:0; }
.nav-hamburger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.post, .blog-index { max-width:720px; margin:0 auto; padding:9rem 1.5rem 5rem; }
.post-tag, .blog-tag { font-weight:600; font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--primary); opacity:0.5; display:block; margin-bottom:1rem; }
.post h1 { font-weight:900; font-size:clamp(2rem,5vw,3rem); text-transform:uppercase; letter-spacing:0.01em; line-height:1.05; margin-bottom:1.5rem; }
.post-lead { font-weight:500; font-size:1.2rem; color:var(--primary); opacity:0.85; margin-bottom:2.5rem; line-height:1.55; }
.post h2 { font-weight:700; font-size:1.4rem; text-transform:uppercase; letter-spacing:0.01em; color:var(--primary); margin:2.5rem 0 0.75rem; }
.post p { font-weight:500; font-size:1rem; opacity:0.8; margin-bottom:1rem; }
.post ul { margin:1rem 0 1.5rem 1.25rem; }
.post li { font-weight:500; font-size:1rem; opacity:0.8; margin-bottom:0.6rem; }
.post-cta { margin-top:3rem; }
.btn-primary { display:inline-block; font-weight:600; font-size:1rem; letter-spacing:0.06em; text-transform:uppercase; background:var(--accent); color:var(--primary) !important; padding:1em 2.5em; border-radius:var(--radius-pill); text-decoration:none !important; }
.blog-index h1 { font-weight:900; font-size:clamp(2.5rem,8vw,4.5rem); text-transform:uppercase; letter-spacing:0.01em; margin-bottom:3rem; }
.blog-card { display:block; border-top:1px solid rgba(32,46,33,0.14); padding:2rem 0; text-decoration:none; transition:opacity 0.2s; }
.blog-card:hover { opacity:0.65; }
.blog-card h2 { font-weight:700; font-size:1.5rem; text-transform:uppercase; letter-spacing:0.01em; color:var(--primary); margin-bottom:0.5rem; }
.blog-card p { font-weight:500; font-size:0.95rem; color:var(--primary); opacity:0.6; }
footer { background:var(--primary); color:var(--secondary); padding:2.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.footer-logo { font-weight:900; font-size:1.2rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--accent); }
.footer-contact a { font-weight:600; font-size:0.8rem; color:var(--secondary); opacity:0.6; margin-left:1.5rem; }
@media (max-width:900px) {
  nav { padding:1rem 1.5rem; }
  .nav-links { display:none; }
  .nav-hamburger { display:flex; }
  .nav-links.mobile-open { display:flex; flex-direction:column; position:fixed; top:60px; left:0; right:0; background:var(--secondary); padding:2rem 1.5rem; gap:1.5rem; border-bottom:1px solid rgba(32,46,33,0.1); }
}

.post-answer { background:var(--beige); border-radius:14px; padding:1.1rem 1.4rem; margin:0 0 2rem; font-weight:500; line-height:1.6; color:var(--primary); }
.post-answer strong{font-weight:800;}

.post h3 { font-weight:700; font-size:1.1rem; margin:1.6rem 0 0.3rem; color:var(--primary); }
.post-faq { margin-top:0.5rem; }

.post-claim { font-weight:700; font-size:1.12rem; margin:0.4rem 0 1.6rem; color:var(--primary); line-height:1.4; }
.post-close { margin:2.5rem 0 0; font-size:1.05rem; line-height:1.65; }
.post-close strong { display:inline-block; margin-top:0.4rem; }


/* === jednotný footer (doplnené) === */
footer{background:#202E21;color:#F4F3E8;padding:3rem 2.5rem;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:3rem;}
footer .footer-logo{font-weight:900;font-size:1.4rem;letter-spacing:0.06em;text-transform:uppercase;color:#F0FB72;}
footer .footer-claim{font-weight:900;text-transform:uppercase;letter-spacing:0.02em;font-size:1.05rem;color:#F0FB72;margin-top:0.5rem;}
footer .footer-tagline{font-weight:500;font-size:0.75rem;color:rgba(244,243,232,0.6);margin-top:0.6rem;max-width:24ch;line-height:1.5;}
footer .footer-links{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;justify-content:center;}
footer .footer-links a{font-weight:600;font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;color:#F4F3E8;opacity:0.5;transition:opacity 0.2s;margin:0;}
footer .footer-links a:hover{opacity:1;}
footer .footer-contact{text-align:right;}
footer .footer-contact a{display:block;font-weight:600;font-size:0.75rem;color:#F4F3E8;opacity:0.6;transition:opacity 0.2s,color 0.2s;margin:0 0 0.4rem;}
footer .footer-contact a:hover{opacity:1;color:#F0FB72;}
footer .footer-nap{display:block;font-weight:700;font-size:0.75rem;color:#F4F3E8;opacity:0.85;margin-bottom:0.4rem;}
@media (max-width:900px){footer{grid-template-columns:1fr;gap:2rem;}footer .footer-contact{text-align:left;}}