@font-face { font-family:'Bricolage Grotesque'; font-style:normal; font-weight:600 800; font-display:swap; src:url('../fonts/bricolage.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Bricolage Grotesque'; font-style:normal; font-weight:600 800; font-display:swap; src:url('../fonts/bricolage-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family:'Inter'; font-style:normal; font-weight:400 600; font-display:swap; src:url('../fonts/inter.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Inter'; font-style:normal; font-weight:400 600; font-display:swap; src:url('../fonts/inter-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }   @font-face { font-family:'Inter'; font-style:normal; font-weight:400 600; font-display:swap; src:url('../fonts/inter-symboly.woff2') format('woff2'); unicode-range:U+203A,U+2190-2193,U+2197,U+21BA,U+25B6,U+2605,U+2606,U+26A0; } @font-face { font-family:'Spline Sans Mono'; font-style:normal; font-weight:400 500; font-display:swap; src:url('../fonts/spline-mono.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Spline Sans Mono'; font-style:normal; font-weight:400 500; font-display:swap; src:url('../fonts/spline-mono-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } :root {                                               color-scheme: light;   --paper:#FAF7EF;   --ink:#17150F; --muted:#5C574C; --line:#E4DED0; --surface:#FFFFFF;   --primar:#2B2721;   --primar-h:#141210;   --tint:#F2ECDD;   --pruh:#EDE5D2;       --akcent:#B87C0A; --akcent-text:#8A5A05; --akcent-text-h:#6B4504;     --logo-tvar:var(--primar); --logo-prekryv:var(--akcent);   --vystraha:#A32A2A;   --na-farbe:#FFFFFF; --na-farbe-jemny:#E8E2D5;   --tmavy-panel:#211E18; --na-panele:#CFC7B6; --na-panele-muted:#9C947F; --na-panele-jasny:#FFFFFF;   --scrim:rgba(23,21,15,.78); --na-scrim:#FFFFFF; --na-scrim-jemny:#E3DCCC;   --ok-bg:#E9F0E6; --ok-text:#2A4620; --ok-line:#C6D8BE; --err-bg:#FBEAE7; --err-text:#7A2118; --err-line:#F0CCC5; --top-bg:#FBF0D8; --top-text:#7A5205; --top-line:#EBD6A4; --off-bg:#F1EEE5; --riadok-hover:#FCFAF4;   --hlavicka:rgba(250,247,239,.9); --sekcia-tint:rgba(242,236,221,.55); --line-jemna:rgba(228,222,208,.6); --zar-primar:rgba(43,39,33,.10); --zar-akcent:rgba(184,124,10,.16);   --radius:14px; --radius-s:12px; --radius-l:16px;   --tien:0 1px 2px rgba(23,21,15,.05), 0 6px 20px rgba(23,21,15,.07); --tien-h:0 2px 6px rgba(23,21,15,.09), 0 14px 34px rgba(23,21,15,.11); --tien-panel:0 2px 12px rgba(0,0,0,.20);   --pismo-nadpis:"Bricolage Grotesque", system-ui, sans-serif; --pismo-text:"Inter", system-ui, sans-serif; --pismo-mono:"Spline Sans Mono", ui-monospace, monospace; --obal:1140px; }   @media (prefers-color-scheme: dark) { :root { color-scheme: dark; --paper:#12110E; --ink:#EFEBE2; --muted:#A39C8D; --line:#2E2B25; --surface:#1C1A16;   --primar:#E8DCC2; --primar-h:#F5EDDC; --tint:#241F17; --pruh:#2A241A; --akcent:#E8A93B; --akcent-text:#F0C06B; --akcent-text-h:#F6D293; --vystraha:#F08A80;   --logo-tvar:var(--primar); --logo-prekryv:#8A5A05;   --na-farbe:#12110E; --na-farbe-jemny:#241F17; --tmavy-panel:#191712; --na-panele:#CFC7B6; --na-panele-muted:#A69D88; --na-panele-jasny:#FFFFFF; --scrim:rgba(8,7,5,.80); --na-scrim:#FFFFFF; --na-scrim-jemny:#E3DCCC; --ok-bg:#17241A; --ok-text:#96D0A0; --ok-line:#2E4636; --err-bg:#2A1512; --err-text:#F2A396; --err-line:#4A241E; --top-bg:#2B2312; --top-text:#F0C06B; --top-line:#4C3D1E; --off-bg:#1F1D18; --riadok-hover:#1E1C17; --hlavicka:rgba(18,17,14,.9); --sekcia-tint:rgba(36,31,23,.5); --line-jemna:rgba(46,43,37,.7); --zar-primar:rgba(232,220,194,.10); --zar-akcent:rgba(232,169,59,.14);   --tien:0 1px 2px rgba(0,0,0,.50), 0 6px 20px rgba(0,0,0,.45); --tien-h:0 2px 6px rgba(0,0,0,.55), 0 14px 34px rgba(0,0,0,.50); --tien-panel:0 2px 12px rgba(0,0,0,.60); } }   *,*::before,*::after { box-sizing:border-box; } html { -webkit-text-size-adjust:100%; } body { margin:0; font-family:var(--pismo-text); color:var(--ink); background:var(--paper); line-height:1.6; font-size:16px; }   input, select, textarea, optgroup, option { color:var(--ink); font-family:inherit; }   input::placeholder, textarea::placeholder { color:var(--muted); opacity:1; } img { max-width:100%; display:block; } a { color:inherit; text-decoration:none; } h1,h2,h3 { font-family:var(--pismo-nadpis); line-height:1.15; margin:0 0 .5em; font-weight:700; letter-spacing:-.01em; } h1 { font-size:clamp(1.8rem,4vw,2.6rem); } h2 { font-size:clamp(1.4rem,2.6vw,1.9rem); } h3 { font-size:1.05rem; } p { margin:0 0 1rem; } .lead { color:var(--muted); font-size:1.05rem; } .obal { max-width:var(--obal); margin:0 auto; padding:0 20px; } .sekcia { max-width:var(--obal); margin:0 auto; padding:42px 20px; } .sekcia.stred { text-align:center; } .sekcia-hlava { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:22px; flex-wrap:wrap; } .sekcia-hlava h2 { margin:0; } .odkaz-viac { color:var(--primar); font-weight:600; white-space:nowrap; } .odkaz-viac:hover { color:var(--akcent-text); }   .cta { display:inline-flex; align-items:center; gap:.4em; font-family:var(--pismo-text); font-weight:600; font-size:.96rem; padding:.7em 1.15em; border-radius:999px; border:1px solid transparent; cursor:pointer; transition:transform .08s ease, box-shadow .12s ease, background .12s ease; } .cta:hover { transform:translateY(-1px); } .cta-primar { background:var(--primar); color:var(--na-farbe); } .cta-primar:hover { background:var(--primar-h); } .cta-akcent { background:var(--akcent-text); color:var(--na-farbe); } .cta-akcent:hover { filter:brightness(.95); } .cta-ghost { background:transparent; border-color:var(--line); color:var(--ink); } .cta-ghost:hover { background:var(--surface); } .cta-velka { font-size:1.05rem; padding:.85em 1.5em; } .cta-disabled { background:var(--line); color:var(--muted); cursor:not-allowed; } .cta-disabled:hover { transform:none; }   .hlavicka { position:sticky; top:0; z-index:50; background:var(--hlavicka); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); } .hlavicka-in { max-width:var(--obal); margin:0 auto; padding:12px 20px; display:flex; align-items:center; gap:16px; } .brand { font-family:var(--pismo-nadpis); font-weight:800; font-size:1.35rem; letter-spacing:-.02em; color:var(--primar); } .brand-bodka { color:var(--akcent-text); } .navigacia { margin-left:auto; display:flex; gap:6px; flex-wrap:wrap; } .navigacia a { padding:.45em .75em; border-radius:999px; color:var(--muted); font-weight:500; font-size:.95rem; } .navigacia a:hover { color:var(--ink); background:var(--tint); } .navigacia a.je-aktivny { color:var(--primar); background:var(--tint); font-weight:600; } .nav-prepinac, .hamburger { display:none; } .hamburger { width:42px; height:38px; margin-left:auto; border:1px solid var(--line); border-radius:10px; background:var(--surface); cursor:pointer; flex-direction:column; justify-content:center; align-items:center; gap:4px; } .hamburger span { width:18px; height:2px; background:var(--ink); border-radius:2px; }   .hero { background:linear-gradient(180deg,var(--tint),var(--paper)); border-bottom:1px solid var(--line); } .hero-in { max-width:840px; margin:0 auto; padding:64px 20px 56px; text-align:center; } .hero-kicker { text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:600; color:var(--akcent-text); margin-bottom:14px; } .hero-claim { font-size:clamp(2rem,5vw,3.2rem); margin-bottom:.4em; } .hero-popis { color:var(--muted); font-size:1.1rem; max-width:620px; margin:0 auto 1.6em; } .hero-hladaj { display:flex; gap:10px; max-width:600px; margin:0 auto; } .hero-hladaj input { flex:1; padding:.9em 1.1em; border:1px solid var(--line); border-radius:999px; font-size:1rem; background:var(--surface); } .hero-hladaj input:focus { outline:2px solid var(--primar); outline-offset:1px; } .hero-tip { margin-top:12px; font-size:.85rem; color:var(--muted); }   .mriezka { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:20px; } .karta { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--tien); display:flex; flex-direction:column; transition:transform .1s ease, box-shadow .14s ease; } .karta:hover { transform:translateY(-3px); box-shadow:var(--tien-h); } .karta-media { aspect-ratio:4/3; background:var(--tint); } .karta-media img { width:100%; height:100%; object-fit:cover; } .karta-telo { padding:14px 14px 16px; display:flex; flex-direction:column; gap:6px; flex:1; } .karta-typ { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--akcent-text); font-weight:600; } .karta-nazov { font-size:1rem; font-weight:600; font-family:var(--pismo-text); line-height:1.3; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .karta-teaser { font-size:.85rem; color:var(--muted); margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .karta-pata { margin-top:auto; padding-top:8px; display:flex; align-items:center; justify-content:space-between; } .karta-cena { font-family:var(--pismo-mono); font-weight:500; font-size:1.05rem; color:var(--primar); } .karta-cta { font-size:.85rem; color:var(--muted); font-weight:600; text-decoration:none; } .karta:hover .karta-cta { color:var(--akcent-text); }   .karta-foto { display:block; } .karta-nazov a { color:inherit; text-decoration:none; } .karta-nazov a:hover { color:var(--akcent-text); } .karta-partner { font-size:.72rem; color:var(--muted); margin:6px 0 0; padding-top:6px; border-top:1px solid var(--line); }   .is-empty { position:relative; } .is-empty img { display:none; } .is-empty::after { content:attr(data-nazov); position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:14px; text-align:center; font-family:var(--pismo-nadpis); font-weight:600; font-size:.85rem; color:var(--primar); background:repeating-linear-gradient(135deg,var(--tint),var(--tint) 12px,var(--pruh) 12px,var(--pruh) 24px); }   .dlazdice { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px; } .dlazdica { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px 18px; min-height:88px; display:flex; align-items:flex-end; font-family:var(--pismo-nadpis); font-weight:600; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; } .dlazdica:hover { transform:translateY(-2px); box-shadow:var(--tien-h); color:var(--primar); } .dlazdica-clanok { flex-direction:column; align-items:flex-start; gap:6px; } .dl-titulok { font-size:1.05rem; } .dl-popis { font-family:var(--pismo-text); font-weight:400; font-size:.85rem; color:var(--muted); } .dl-coming { font-family:var(--pismo-text); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:var(--akcent-text); border:1px solid var(--line); padding:.15em .5em; border-radius:999px; }   .dlazdice-kat { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); } .kat-karta { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:var(--tien); } .kat-karta-hlava { display:flex; align-items:baseline; justify-content:space-between; gap:10px; } .kat-nazov { font-family:var(--pismo-nadpis); font-weight:700; font-size:1.15rem; } .kat-pocet { font-family:var(--pismo-mono); font-size:.82rem; color:var(--muted); } .kat-deti { list-style:none; margin:12px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px; } .kat-deti a { font-size:.85rem; color:var(--muted); background:var(--tint); padding:.25em .6em; border-radius:999px; } .kat-deti a:hover { color:var(--primar); }   .kat-hlava { margin-bottom:22px; } .filtre { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px; margin-bottom:26px; box-shadow:var(--tien); } .filtre-row { display:grid; grid-template-columns:1.4fr 1fr 1fr .8fr .8fr 1fr auto; gap:10px; align-items:center; } .filtre input, .filtre select { padding:.6em .7em; border:1px solid var(--line); border-radius:10px; font-size:.92rem; background:var(--paper); font-family:var(--pismo-text); width:100%; } .filtre input:focus, .filtre select:focus { outline:2px solid var(--primar); outline-offset:1px; } .pocet-vysledkov { color:var(--muted); margin:-8px 0 18px; } .prazdne { background:var(--surface); border:1px dashed var(--line); border-radius:var(--radius); padding:40px; text-align:center; color:var(--muted); }   .strankovanie { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center; margin-top:34px; } .str { min-width:40px; text-align:center; padding:.5em .7em; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font-weight:600; font-size:.9rem; } .str:hover { border-color:var(--primar); color:var(--primar); } .str.je-aktivna { background:var(--primar); color:var(--na-farbe); border-color:var(--primar); } .str-dots { color:var(--muted); padding:0 2px; }   .omrvinky { color:var(--muted); font-size:.88rem; margin-bottom:14px; } .omrvinky a { color:var(--primar); } .omrvinky a:hover { color:var(--akcent-text); } .omrvinky-spodne { margin:30px 0 0; padding-top:18px; border-top:1px solid var(--line); }   .detail { max-width:860px; margin:0 auto; padding:36px 20px 56px; } .geo-odsek { font-size:1.18rem; line-height:1.6; color:var(--ink); background:var(--tint); border-left:4px solid var(--primar); padding:18px 20px; border-radius:0 var(--radius) var(--radius) 0; margin:0 0 28px; } .detail-hlava { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; margin-bottom:34px; } .detail-media { aspect-ratio:1/1; background:var(--tint); border-radius:var(--radius-l); overflow:hidden; border:1px solid var(--line); } .detail-media img { width:100%; height:100%; object-fit:cover; } .detail-info { display:flex; flex-direction:column; gap:8px; } .detail-typ { font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; color:var(--akcent-text); font-weight:600; } .detail-nazov { font-size:clamp(1.5rem,3vw,2.1rem); margin:0; } .detail-cena { font-family:var(--pismo-mono); font-size:1.8rem; font-weight:500; color:var(--primar); margin:6px 0 14px; } .detail-mini { font-size:.82rem; color:var(--muted); margin:8px 0 0; } .detail-aktual { font-size:.78rem; color:var(--muted); margin:6px 0 0; } .kat-aktual { font-size:.82rem; color:var(--muted); margin:.35em 0 0; }   .detail section { margin:26px 0; } .detail section h2 { margin-bottom:.5em; } .blok-verdikt { background:var(--primar); color:var(--na-farbe-jemny); border-radius:var(--radius-l); padding:24px 26px; } .blok-verdikt h2 { color:var(--na-farbe); margin-top:0; } .blok-verdikt p { margin:0; font-size:1.05rem; }   .blok-nehodi { background:var(--surface); border:1px solid var(--line); border-top:3px solid var(--vystraha); border-radius:var(--radius); padding:18px 20px; } .blok-nehodi h2 { margin-top:0; } .blok-nehodi ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; } .blok-nehodi li { position:relative; padding-left:1.6em; font-size:.95rem; } .blok-nehodi li::before { content:"✕"; position:absolute; left:0; color:var(--vystraha); font-weight:700; } .blok-popis p { color:var(--ink); } .param-tab { width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; } .param-tab th, .param-tab td { text-align:left; padding:.7em 1em; border-bottom:1px solid var(--line); font-size:.92rem; vertical-align:top; } .param-tab th { width:38%; color:var(--muted); font-weight:600; font-family:var(--pismo-text); } .param-tab td { font-family:var(--pismo-mono); font-size:.88rem; } .param-tab tr:last-child th, .param-tab tr:last-child td { border-bottom:0; }   .faq-item { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:4px 18px; margin-bottom:10px; } .faq-item summary { cursor:pointer; font-weight:600; padding:14px 0; font-family:var(--pismo-nadpis); list-style:none; } .faq-item summary::-webkit-details-marker { display:none; } .faq-item summary::after { content:"+"; float:right; color:var(--akcent-text); font-weight:700; } .faq-item[open] summary::after { content:"–"; } .faq-item p { margin:0 0 14px; color:var(--muted); }     .pata { background:var(--tmavy-panel); color:var(--na-panele); margin-top:40px; } .pata-in { max-width:var(--obal); margin:0 auto; padding:48px 20px 28px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:30px; } .pata .brand { color:var(--na-panele-jasny); } .pata-brand p { margin:.6em 0 0; font-size:.9rem; color:var(--na-panele-muted); max-width:34ch; } .pata-nav { display:flex; flex-direction:column; gap:8px; } .pata-nav a:hover, .pata-social a:hover { color:var(--na-panele-jasny); } .pata-social { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:12px; } .pata-social span { color:var(--na-panele-muted); font-size:.85rem; }   .pata-social a { color:var(--na-panele); display:inline-flex; align-items:center; transition:color .12s ease; } .pata-social a:hover { color:var(--na-panele-jasny); } .pata-social svg { display:block; } .pata-spodok p { margin:0 0 4px; } .pata-affil { color:var(--na-panele-muted); } .pata-firma a { color:inherit; text-decoration:underline; } .pata-spodok { border-top:1px solid rgba(255,255,255,.08); text-align:center; padding:16px 20px; font-size:.8rem; color:var(--na-panele-muted); }     .poradca-form { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; } .poradca-form input { flex:1 1 12ch; min-width:0; padding:.85em 1.1em; border:1px solid var(--line); border-radius:999px; font-size:1rem; background:var(--surface); font-family:var(--pismo-text); } .poradca-form button { flex:0 0 auto; } .poradca-form input:focus { outline:2px solid var(--primar); outline-offset:1px; } .pochopene-chips { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:18px; } .ch-label { color:var(--muted); font-size:.85rem; } .chip { background:var(--tint); border:1px solid var(--line); border-radius:999px; padding:.3em .8em; font-size:.88rem; } .chip-k { color:var(--akcent-text); font-weight:600; font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; } .poradca-veta { background:var(--tint); border-left:4px solid var(--akcent); border-radius:0 var(--radius) var(--radius) 0; padding:14px 18px; font-size:1.05rem; margin:0 0 22px; } .poradca-alt-nadpis { font-weight:600; color:var(--muted); margin:6px 0 12px; } .poradca-tipy { color:var(--muted); } .poradca-tipy a { color:var(--primar); font-weight:600; }   .poradca-slot { margin:0 0 34px; } .poradca-slot-nadpis { font-size:1.15rem; margin:0 0 10px; padding-bottom:6px; border-bottom:1px solid var(--line); } .poradca-napoveda { background:var(--tint); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin-top:8px; } .poradca-napoveda-text { margin:0 0 12px; color:var(--muted); } .poradca-chipy { display:flex; flex-wrap:wrap; gap:8px; } .chip-klik { text-decoration:none; color:var(--primar); font-weight:600; transition:background .12s ease, border-color .12s ease; } .chip-klik:hover { background:var(--surface); border-color:var(--akcent); } #vysledky.je-nacitanie { opacity:.45; transition:opacity .12s; } .poradca-viac { text-align:center; margin:8px 0 4px; }       .dlazdice-nastroje { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }   .galeria-filtre { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; } .gf { padding:.45em .95em; border:1px solid var(--line); border-radius:999px; background:var(--surface); font-size:.9rem; font-weight:500; color:var(--muted); } .gf:hover { color:var(--primar); border-color:var(--primar); } .gf.je-aktivny { background:var(--primar); color:var(--na-farbe); border-color:var(--primar); } .masonry { columns:4 240px; column-gap:14px; } .m-dlazdica { display:block; width:100%; margin:0 0 14px; break-inside:avoid; position:relative; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:var(--surface); box-shadow:var(--tien); } .m-dlazdica:hover { box-shadow:var(--tien-h); } .m-media { background:var(--tint); } .m-media img { width:100%; height:auto; display:block; } .m-media.is-empty { min-height:210px; } .m-popis { position:absolute; left:0; right:0; bottom:0; padding:22px 12px 10px; color:var(--na-scrim); display:flex; flex-direction:column; gap:2px; background:linear-gradient(transparent, var(--scrim)); opacity:0; transition:opacity .15s; } .m-dlazdica:hover .m-popis, .m-dlazdica:focus .m-popis { opacity:1; } .m-typ { font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; color:var(--na-scrim-jemny); } .m-nazov { font-size:.85rem; font-weight:600; line-height:1.25; }   @media (max-width:860px) { .detail-hlava { grid-template-columns:1fr; } .filtre-row { grid-template-columns:1fr 1fr; } .pata-in { grid-template-columns:1fr 1fr; } } @media (max-width:680px) { .hamburger { display:flex; }   .nav-prepinac { display:block; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; white-space:nowrap; clip-path:inset(50%); }   .nav-prepinac:focus-visible ~ .hlavicka-in .hamburger, .nav-prepinac:focus-visible + .hamburger { outline:2px solid var(--primar); outline-offset:2px; } .navigacia { position:fixed; inset:62px 0 auto 0; margin:0; flex-direction:column; gap:0; background:var(--paper); border-bottom:1px solid var(--line); padding:8px 20px 16px; transform:translateY(-130%); transition:transform .2s ease; box-shadow:var(--tien); } .nav-prepinac:checked ~ .navigacia { transform:translateY(0); } .navigacia a { padding:.7em 0; border-radius:0; border-bottom:1px solid var(--line); } .filtre-row { grid-template-columns:1fr 1fr; } .hero-hladaj { flex-direction:column; } .hero-hladaj .cta { justify-content:center; } .pata-in { grid-template-columns:1fr; } } @media (max-width:420px) { .filtre-row { grid-template-columns:1fr; } }   .login-body { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,var(--tint),var(--paper)); padding:24px; } .login-karta { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--tien-h); padding:34px 30px; width:100%; max-width:380px; text-align:center; } .login-brand { font-family:var(--pismo-nadpis); font-weight:800; font-size:1.4rem; color:var(--primar); } .login-nadpis { font-size:1.1rem; color:var(--muted); font-weight:600; margin:.2em 0 1.4em; } .login-form { display:flex; flex-direction:column; gap:14px; text-align:left; } .login-form label { display:flex; flex-direction:column; gap:5px; font-size:.85rem; color:var(--muted); font-weight:600; } .login-form input { padding:.7em .9em; border:1px solid var(--line); border-radius:10px; font-size:1rem; font-family:var(--pismo-text); background:var(--paper); } .login-form input:focus { outline:2px solid var(--primar); outline-offset:1px; } .login-form .cta { justify-content:center; margin-top:6px; } .login-chyba { background:var(--err-bg); color:var(--vystraha); border:1px solid var(--err-line); border-radius:10px; padding:.7em 1em; font-size:.9rem; margin:0 0 16px; } .login-spat { margin:18px 0 0; font-size:.85rem; } .login-spat a { color:var(--muted); }   .admin-body { margin:0; background:var(--paper); } .admin-menu-prepinac { display:none; } .admin-sidebar { position:fixed; top:0; left:0; bottom:0; width:230px; background:var(--tmavy-panel); color:var(--na-panele); display:flex; flex-direction:column; padding:18px 0; overflow-y:auto; } .admin-brand { font-family:var(--pismo-nadpis); font-weight:800; font-size:1.2rem; color:var(--na-panele-jasny); padding:6px 22px 18px; } .admin-menu { display:flex; flex-direction:column; } .admin-menu a { color:var(--na-panele); padding:.7em 22px; font-size:.92rem; font-weight:500; border-left:3px solid transparent; } .admin-menu a:hover { background:rgba(255,255,255,.06); color:var(--na-panele-jasny); } .admin-menu a.je-aktivny { background:rgba(255,255,255,.10); color:var(--na-panele-jasny); border-left-color:var(--akcent); } .admin-odhlasit { margin-top:14px; border-top:1px solid rgba(255,255,255,.08); color:var(--na-panele-muted) !important; } .admin-hlavny { margin-left:230px; min-height:100vh; display:flex; flex-direction:column; } .admin-top { display:flex; align-items:center; gap:14px; background:var(--surface); border-bottom:1px solid var(--line); padding:12px 24px; position:sticky; top:0; z-index:10; } .admin-top-titulok { font-weight:600; color:var(--ink); } .admin-top-user { margin-left:auto; display:flex; align-items:center; gap:14px; font-size:.9rem; } .admin-meno { color:var(--muted); } .admin-top-odhlasit { color:var(--primar); font-weight:600; } .admin-hamburger { display:none; width:40px; height:36px; border:1px solid var(--line); border-radius:8px; background:var(--surface); cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px; } .admin-hamburger span { width:18px; height:2px; background:var(--ink); } .admin-obsah { padding:28px 24px; max-width:1000px; } .admin-hlava h1 { margin:0 0 .2em; } .admin-lead { color:var(--muted); margin:0; } .admin-staty { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; margin:22px 0; } .admin-stat { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:var(--tien); } .admin-stat-cislo { display:block; font-family:var(--pismo-mono); font-size:1.9rem; font-weight:500; color:var(--primar); } .admin-stat-popis { color:var(--muted); font-size:.85rem; } .admin-panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px; margin-top:18px; } .admin-panel h2 { margin:0 0 .4em; font-size:1.1rem; } .admin-panel-prazdny { border-style:dashed; color:var(--muted); } @media (max-width:760px) { .admin-sidebar { transform:translateX(-100%); transition:transform .2s ease; z-index:30; box-shadow:var(--tien-h); } .admin-menu-prepinac:checked ~ .admin-sidebar { transform:translateX(0); } .admin-hlavny { margin-left:0; } .admin-hamburger { display:flex; } }   .brand { display:inline-flex; align-items:center; gap:10px; } .znacka { display:block; flex:none; } .brand-nazov { font-family:var(--pismo-nadpis); font-weight:800; font-size:1.35rem; letter-spacing:-.02em; color:var(--primar); } .pata-logo .brand-nazov { display:none; }   .brand-blok { display:flex; flex-direction:column; line-height:1.06; min-width:0; }   .brand-domena { font-family:var(--pismo-mono); font-size:.7rem; font-weight:400; letter-spacing:.01em; color:var(--muted); margin-top:2px; }     .pata-logo { display:inline-flex; align-items:center; background:var(--paper); border-radius:12px; padding:10px 14px; box-shadow:var(--tien-panel); }   .admin-top-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; } .admin-logo { height:34px; max-height:34px; width:auto; display:block; }   body { background-color:var(--paper); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='2' cy='2' r='1.4' fill='%232C4A3A' fill-opacity='0.045'/%3E%3C/svg%3E"); } .sekcia + .sekcia { border-top:1px solid var(--line-jemna); }   main > .sekcia:nth-of-type(even) { background:linear-gradient(180deg, var(--sekcia-tint), transparent 60%); }   .sekcia-titulky { display:flex; flex-direction:column; gap:2px; } .sekcia-kicker { text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; font-weight:700; color:var(--akcent-text); margin:0; } .sekcia-hlava h2 { margin:0; }   .hero { position:relative; overflow:hidden; background:linear-gradient(180deg, var(--tint) 0%, var(--paper) 72%); border-bottom:1px solid var(--line); } .hero::before { content:""; position:absolute; inset:0; background:radial-gradient(70% 90% at 82% -20%, var(--zar-primar), transparent 60%); pointer-events:none; } .hero-vizual { position:absolute; right:-6%; bottom:-34%; width:min(560px,70vw); aspect-ratio:1/1; border-radius:50%; background:radial-gradient(circle at 32% 30%, var(--zar-akcent), var(--zar-primar) 55%, transparent 70%); filter:blur(2px); pointer-events:none; z-index:0; } .hero-in { position:relative; z-index:1; } .hero-kicker::after { content:""; display:block; width:38px; height:3px; background:var(--akcent); border-radius:3px; margin:8px auto 0; }   .karta { border-radius:var(--radius-l); } .karta:hover { transform:translateY(-4px); box-shadow:var(--tien-h); }   @media (max-width:680px) {     .brand { gap:8px; } .brand-nazov { font-size:1.18rem; } .brand-domena { font-size:.66rem; } }   .admin-flash { padding:12px 16px; border-radius:var(--radius-s); margin-bottom:18px; font-weight:500; border:1px solid; } .admin-flash-ok { background:var(--ok-bg); color:var(--ok-text); border-color:var(--ok-line); } .admin-flash-err { background:var(--err-bg); color:var(--err-text); border-color:var(--err-line); } .admin-hlava-akcia { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; } .admin-pocet { font-family:var(--pismo-mono); font-size:.95rem; color:var(--muted); font-weight:500; } .admin-skratky { display:flex; flex-wrap:wrap; gap:10px; } .admin-staty a.admin-stat { text-decoration:none; transition:transform .12s ease, box-shadow .12s ease; } .admin-staty a.admin-stat:hover { transform:translateY(-2px); box-shadow:var(--tien-h); }   .admin-filtre { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:18px 0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; } .admin-filtre input[type=search], .admin-filtre select { padding:.5em .7em; border:1px solid var(--line); border-radius:10px; font:inherit; background:var(--paper); } .admin-filtre input[type=search] { min-width:220px; flex:1; } .admin-zrus { color:var(--muted); font-size:.9rem; }   .admin-bulk { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:14px 0; } .admin-bulk select { padding:.45em .6em; border:1px solid var(--line); border-radius:10px; font:inherit; background:var(--surface); } .admin-mini { font-size:.82rem; color:var(--muted); } .admin-mini-warn { color:var(--vystraha); }   .admin-tabulka-obal { overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); } .admin-tabulka { width:100%; border-collapse:collapse; font-size:.9rem; } .admin-tabulka th, .admin-tabulka td { padding:9px 12px; text-align:left; border-bottom:1px solid var(--line); vertical-align:middle; } .admin-tabulka thead th { background:var(--tint); font-family:var(--pismo-nadpis); font-size:.82rem; position:sticky; top:0; } .admin-tabulka tbody tr:hover { background:var(--riadok-hover); } .admin-tabulka tr.je-vypnuty { opacity:.55; } .admin-tabulka .st-check { width:34px; } .admin-tabulka .st-foto { width:54px; } .admin-tabulka .st-cena { font-family:var(--pismo-mono); white-space:nowrap; } .admin-tabulka .st-nazov a { color:var(--primar); font-weight:600; } .admin-tabulka .st-nazov a:hover { color:var(--akcent-text); } .admin-tabulka .st-akcie { white-space:nowrap; } .admin-tabulka-uzka { max-width:520px; } .admin-thumb { width:42px; height:42px; border-radius:8px; overflow:hidden; background:var(--tint); } .admin-thumb img { width:100%; height:100%; object-fit:cover; } .admin-thumb.is-empty::after { content:""; } .inline-akcia { display:inline; margin:0; } .odznak { border:1px solid transparent; border-radius:999px; padding:.2em .7em; font-size:.78rem; font-weight:600; cursor:pointer; font-family:inherit; } .odznak-ok { background:var(--ok-bg); color:var(--ok-text); border-color:var(--ok-line); } .odznak-off { background:var(--off-bg); color:var(--muted); border-color:var(--line); } .odznak-top { background:var(--top-bg); color:var(--top-text); border-color:var(--top-line); } .odznak-pln { background:transparent; color:var(--muted); border-color:var(--line); } .admin-link { background:none; border:none; color:var(--primar); font:inherit; font-size:.85rem; font-weight:600; cursor:pointer; padding:0; margin-right:8px; } .admin-link:hover { color:var(--akcent-text); } .admin-link-zmaz { color:var(--vystraha); }   .admin-strankovanie { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0; } .admin-strankovanie a { padding:.35em .7em; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:.85rem; } .admin-strankovanie a.je-aktivny { background:var(--primar); color:var(--na-farbe); border-color:var(--primar); }   .admin-form { margin-top:18px; } .admin-form-mriezka { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; } .admin-pole { display:flex; flex-direction:column; gap:6px; } .admin-pole-siroke { grid-column:1 / -1; } .admin-pole > span { font-weight:600; font-size:.9rem; } .admin-pole input, .admin-pole select, .admin-pole textarea, .admin-panel input, .admin-panel select { padding:.6em .75em; border:1px solid var(--line); border-radius:10px; font:inherit; background:var(--surface); width:100%; } .admin-pole small { color:var(--muted); font-size:.8rem; } .admin-mono { font-family:var(--pismo-mono); font-size:.85rem; } .admin-fieldset { border:1px solid var(--line); border-radius:var(--radius); padding:16px; margin:18px 0; } .admin-fieldset legend { font-family:var(--pismo-nadpis); font-weight:700; padding:0 8px; } .param-row, .crit-row, .faq-row { display:flex; gap:8px; margin-bottom:8px; align-items:flex-start; } .param-row input, .crit-row input, .faq-row input, .faq-row textarea { flex:1; padding:.5em .65em; border:1px solid var(--line); border-radius:8px; font:inherit; background:var(--surface); } .cta-mini { padding:.4em .9em; font-size:.85rem; } .admin-prepinace { display:flex; flex-wrap:wrap; gap:18px; margin:18px 0; } .admin-check { display:flex; align-items:center; gap:8px; font-weight:500; } .admin-check input { width:auto; }   .admin-body-md { font-family:var(--pismo-mono); font-size:.9rem; line-height:1.5; width:100%; padding:12px; border:1px solid var(--line); border-radius:8px; } .pick-hladaj { position:relative; margin-bottom:12px; } .pick-hladaj > input { width:100%; padding:.55em .7em; border:1px solid var(--line); border-radius:8px; font:inherit; background:var(--surface); } .pick-vysledky { position:absolute; z-index:20; left:0; right:0; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:var(--tien-h); max-height:280px; overflow-y:auto; margin-top:4px; } .pick-navrh { display:block; width:100%; text-align:left; padding:.55em .7em; background:none; border:0; border-bottom:1px solid var(--line); cursor:pointer; font:inherit; } .pick-navrh:hover { background:var(--tint); } .pick-rows { display:flex; flex-direction:column; gap:8px; } .pick-row { display:flex; gap:8px; align-items:center; background:var(--tint); border-radius:8px; padding:8px 10px; } .pick-info { min-width:220px; display:flex; flex-direction:column; gap:2px; } .pick-row > input[type="text"] { flex:1; padding:.5em .65em; border:1px solid var(--line); border-radius:8px; font:inherit; background:var(--surface); } .pick-badge { font-size:.7rem; color:var(--muted); } .pick-akcie { display:flex; gap:4px; } .admin-form-pata { display:flex; gap:12px; align-items:center; margin-top:18px; } .admin-zmaz-box { margin-top:8px; padding:10px; background:var(--err-bg); border:1px solid var(--err-line); border-radius:10px; max-width:340px; } .admin-zmaz-box select { margin:6px 0; } .je-skryty { display:none; }   .import-progres { margin:16px 0; } .import-bar { height:14px; background:var(--tint); border-radius:999px; overflow:hidden; } .import-bar-fill { height:100%; width:0; background:var(--primar); transition:width .25s ease; } .import-report { margin-top:14px; padding:12px 16px; border-radius:var(--radius-s); border:1px solid; } .import-ok { background:var(--ok-bg); color:var(--ok-text); border-color:var(--ok-line); } .import-err { background:var(--err-bg); color:var(--err-text); border-color:var(--err-line); }   .stranka-cms .cms-obsah { max-width:760px; } .stranka-cms .cms-obsah h2 { margin-top:1.4em; } .sprievodca .kriterium { margin-bottom:1.2em; } .sprievodca-faq .faq-polozka { border-bottom:1px solid var(--line); padding:.6em 0; } .sprievodca-faq summary { font-weight:600; cursor:pointer; } .sprievodca-cta { margin-top:1.6em; } @media (max-width:760px) { .admin-form-mriezka { grid-template-columns:1fr; } }   .an-obdobie { display:flex; gap:6px; } .an-obdobie a { padding:.4em .8em; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:.85rem; } .an-obdobie a.je-aktivny { background:var(--primar); color:var(--na-farbe); border-color:var(--primar); } .an-dnes { display:block; font-size:.75rem; color:var(--akcent-text); margin-top:2px; }   .an-graf { display:flex; align-items:flex-end; gap:2px; height:180px; padding-top:8px; overflow-x:auto; } .an-stlpec { flex:1 1 0; min-width:8px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; } .an-bar { width:70%; min-height:0; background:linear-gradient(180deg,var(--primar),var(--primar-h)); border-radius:3px 3px 0 0; transition:height .2s ease; } .an-stlpec:hover .an-bar { background:var(--akcent); } .an-os { font-size:.62rem; color:var(--muted); margin-top:4px; white-space:nowrap; } .an-os-skryta { visibility:hidden; }   .an-mriezka { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px; } .an-mriezka-2 { grid-template-columns:repeat(2,1fr); margin-top:12px; } .an-tab h2 { font-size:1.05rem; margin:0 0 .6em; } .an-tab-money { border-color:var(--akcent); box-shadow:0 0 0 1px var(--akcent), var(--tien); } .an-money-znak { color:var(--akcent-text); } .an-zoznam { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; } .an-zoznam li { display:grid; grid-template-columns:1fr 70px auto; align-items:center; gap:8px; font-size:.85rem; } .an-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink); } .an-bar-mini { background:var(--tint); border-radius:999px; height:8px; overflow:hidden; } .an-bar-mini span { display:block; height:100%; background:var(--primar); border-radius:999px; } .an-tab-money .an-bar-mini span { background:var(--akcent); } .an-cislo { font-family:var(--pismo-mono); font-weight:500; text-align:right; } .an-geo { margin-top:18px; } @media (max-width:900px) { .an-mriezka { grid-template-columns:1fr; } .an-mriezka-2 { grid-template-columns:1fr; } }     .nav-cta { background:var(--akcent-text); color:var(--na-farbe) !important; border-radius:999px; padding:.5em 1.15em !important; font-weight:600; } .nav-cta:hover { background:var(--akcent-text-h); }   .hp-hero { position:relative; overflow:hidden; background:var(--paper); padding:72px 20px 84px; text-align:center; border-bottom:1px solid var(--line); } .hp-hero-vizual { position:absolute; right:-8%; top:-30%; width:min(560px,60vw); aspect-ratio:1/1; border-radius:50%; background:radial-gradient(circle at 35% 35%, var(--zar-akcent), var(--zar-primar) 55%, transparent 72%); filter:blur(2px); pointer-events:none; z-index:0; } .hp-hero-in { position:relative; z-index:1; max-width:860px; margin:0 auto; } .hp-kicker { font-family:var(--pismo-mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--akcent-text); margin:0 0 16px; } .hp-h1 { font-family:var(--pismo-nadpis); font-weight:800; font-size:clamp(2.1rem,5.4vw,3.5rem); line-height:1.04; letter-spacing:-.02em; color:var(--ink); margin:0 0 18px; } .hp-sub { font-family:var(--pismo-text); font-size:18px; line-height:1.6; color:var(--muted); max-width:680px; margin:0 auto 32px; }   .hp-search-vyzva { font-family:var(--pismo-text); font-size:.95rem; font-weight:600; color:var(--muted); max-width:720px; margin:0 auto 10px; text-align:left; } .hp-search { display:flex; gap:12px; max-width:720px; margin:0 auto; } .hp-search-pole { flex:1; display:flex; align-items:center; gap:10px; height:76px; background:var(--surface); border:2px solid var(--primar-h); border-radius:16px; box-shadow:var(--tien-h); padding:0 20px; } .hp-search-pole input { flex:1; border:0; outline:0; background:transparent; font:inherit; font-size:1.05rem; height:100%; color:var(--ink); } .hp-search-btn { flex:none; background:var(--akcent-text); color:var(--na-farbe); font-family:var(--pismo-text); font-weight:600; font-size:19px; padding:0 40px; border:0; border-radius:16px; box-shadow:var(--tien-h); cursor:pointer; transition:background .12s ease; } .hp-search-btn:hover { background:var(--akcent-text-h); } .hp-hero-akcie { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:26px; } .hp-chips { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center; margin-top:18px; } .hp-chips-label { font-size:.85rem; color:var(--muted); } .hp-chip { border-radius:999px; border:1px solid var(--line); padding:9px 16px; font-size:.88rem; background:var(--surface); color:var(--ink); transition:border-color .12s, background .12s; } .hp-chip:hover { border-color:var(--primar); background:var(--tint); }   .hp-rozcestnik { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .hp-rc { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; } a.hp-rc:hover, .hp-clanok:hover { transform:translateY(-3px); box-shadow:var(--tien-h); } .hp-rc-kicker { font-family:var(--pismo-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--akcent-text); margin:0; }   .hp-rc h2 { margin:0; font-size:1.2rem; font-family:var(--pismo-nadpis); } .hp-rc-popis { color:var(--muted); font-size:.92rem; margin:0; } .hp-rc-cta { margin-top:auto; padding-top:6px; color:var(--primar); font-weight:600; font-size:.92rem; } .hp-rc:hover .hp-rc-cta { color:var(--akcent-text); }   .hp-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .hp-karta { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); overflow:hidden; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; } .hp-karta:hover { transform:translateY(-4px); box-shadow:var(--tien-h); } .hp-foto { aspect-ratio:4/3; background:var(--tint); } .hp-foto img { width:100%; height:100%; object-fit:cover; } .hp-karta-telo { padding:14px 15px 16px; display:flex; flex-direction:column; gap:6px; flex:1; } .hp-karta-kicker { font-family:var(--pismo-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--akcent-text); } .hp-karta-nazov { margin:0; font-family:var(--pismo-text); font-weight:600; font-size:1rem; line-height:1.3; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .hp-karta-popis { margin:0; color:var(--muted); font-size:.85rem; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .hp-karta-cena { margin-top:auto; padding-top:6px; font-family:var(--pismo-mono); font-weight:500; font-size:1.05rem; color:var(--primar); }   .hp-dlazdice { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:14px; } .hp-tile { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 18px; border-radius:var(--radius); background:linear-gradient(135deg,var(--primar),var(--primar-h)); color:var(--na-farbe); font-family:var(--pismo-nadpis); font-weight:700; font-size:1.05rem; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; } .hp-tile:hover { transform:translateY(-3px); box-shadow:var(--tien-h); } .hp-tile-sip { color:var(--akcent-text); font-size:1.2rem; }   .hp-clanky { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .hp-clanok { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; } .hp-clanok h3 { margin:0; font-size:1.1rem; } .hp-prazdny-blok { border:1px dashed var(--line); border-radius:var(--radius); padding:28px; text-align:center; color:var(--muted); background:var(--surface); }   .hp-faq-sub { color:var(--muted); margin:.3em 0 0; font-size:1rem; } .faq-item { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-s); padding:4px 18px; margin-bottom:10px; } .faq-item summary { cursor:pointer; font-weight:600; padding:14px 0; list-style:none; position:relative; padding-right:28px; } .faq-item summary::-webkit-details-marker { display:none; } .faq-item summary::after { content:"+"; position:absolute; right:2px; top:12px; color:var(--akcent-text); font-size:1.3rem; line-height:1; } .faq-item[open] summary::after { content:"–"; } .faq-item p { margin:0 0 14px; color:var(--muted); line-height:1.6; }   .pata-in { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:28px; align-items:start; } .pata-stlpce { display:contents; }   .pata-stlpec h2 { font-family:var(--pismo-nadpis); font-size:.95rem; margin:0 0 12px; color:var(--na-panele-jasny); font-weight:700; } .pata-stlpec a { display:block; color:var(--na-panele); font-size:.9rem; padding:4px 0; } .pata-stlpec a:hover { color:var(--na-panele-jasny); }   @media (max-width:1000px) { .hp-grid { grid-template-columns:repeat(2,1fr); } .hp-rozcestnik, .hp-clanky { grid-template-columns:1fr; } .pata-in { grid-template-columns:1fr 1fr; } } @media (max-width:600px) { .hp-hero { padding:48px 18px 60px; } .hp-search { flex-direction:column; } .hp-search-btn { padding:16px; } .hp-grid { grid-template-columns:1fr; } .pata-in { grid-template-columns:1fr; } }   .clanok { max-width:820px; margin-inline:auto; } .clanok-lead { font-size:1.2rem; line-height:1.6; } .clanok-meta { font-size:.85rem; color:var(--muted); margin:0 0 24px; } .clanok-kriteria { background:var(--tint); border-left:4px solid var(--primar); border-radius:0 var(--radius) var(--radius) 0; padding:16px 20px; margin:0 0 28px; } .clanok-kriteria h2 { margin:0 0 8px; font-size:1.05rem; } .clanok-kriteria ul { margin:0; padding-left:20px; } .clanok-kriteria li { margin:4px 0; } .clanok-telo { line-height:1.7; } .clanok-telo h2 { margin:32px 0 12px; font-size:1.4rem; } .clanok-telo h3 { margin:24px 0 8px; font-size:1.12rem; } .clanok-telo p { margin:0 0 16px; } .clanok-telo ul, .clanok-telo ol { margin:0 0 16px; padding-left:22px; } .clanok-telo li { margin:6px 0; } .clanok-telo blockquote { margin:20px 0; padding:12px 18px; border-left:4px solid var(--akcent); background:var(--tint); border-radius:0 var(--radius) var(--radius) 0; color:var(--muted); } .clanok-telo a { color:var(--primar); font-weight:600; } .clanok-telo code { background:var(--tint); padding:.1em .35em; border-radius:4px; font-family:var(--pismo-mono); font-size:.9em; } .clanok-tab-obal { overflow-x:auto; margin:0 0 20px; } .clanok-tab { border-collapse:collapse; width:100%; font-size:.95rem; } .clanok-tab th, .clanok-tab td { border:1px solid var(--line); padding:8px 12px; text-align:left; } .clanok-tab th { background:var(--tint); font-weight:600; } .clanok-vyber { margin:36px 0; } .clanok-picks { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:20px; } .clanok-pick { display:flex; flex-direction:column; } .clanok-pick-note { font-size:.85rem; color:var(--muted); margin:8px 2px 0; font-style:italic; } .clanok-faq { margin:36px 0; } .clanok-faq .faq-polozka { border-top:1px solid var(--line); padding:16px 0; } .clanok-faq h3 { margin:0 0 6px; font-size:1.02rem; } .clanok-faq p { margin:0; color:var(--ink); } .clanok-suvisiace { margin:40px 0 0; border-top:2px solid var(--line); padding-top:24px; } .clanok-suvisiace-zoznam { list-style:none; margin:0; padding:0; display:grid; gap:10px; } .clanok-suvisiace-zoznam a { display:block; padding:12px 16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); text-decoration:none; color:var(--ink); font-weight:600; transition:border-color .12s ease; } .clanok-suvisiace-zoznam a:hover { border-color:var(--akcent); } .suv-kicker { display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; color:var(--akcent-text); font-weight:600; }   .hub-mriezka { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:20px; } .hub-karta { display:flex; flex-direction:column; gap:6px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--tien); text-decoration:none; color:var(--ink); transition:transform .1s ease, box-shadow .14s ease; } .hub-karta:hover { transform:translateY(-3px); box-shadow:var(--tien-h); } .hub-kicker { font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; color:var(--akcent-text); font-weight:600; } .hub-nazov { font-size:1.1rem; margin:0; } .hub-lead { font-size:.9rem; color:var(--muted); margin:0; flex:1; } .hub-cta { font-size:.85rem; color:var(--primar); font-weight:600; margin-top:4px; }     .hp-hero::after { content:""; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"); }   .hp-hero-vizual { filter:blur(80px); opacity:.7; animation:hp-drift 28s ease-in-out infinite alternate; will-change:transform; }   .hp-hero::before { content:""; position:absolute; z-index:0; pointer-events:none; left:-10%; bottom:-40%; width:min(480px,55vw); aspect-ratio:1/1; border-radius:50%; background:radial-gradient(circle at 50% 50%, var(--zar-primar), transparent 70%); filter:blur(80px); animation:hp-drift2 34s ease-in-out infinite alternate; } @keyframes hp-drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-3%,2%,0) scale(1.06); } } @keyframes hp-drift2 { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(4%,-3%,0) scale(1.1); } }   .odhal { } .js .odhal { opacity:.6; transform:translateY(12px); } .js .odhal.je-vidno { opacity:1; transform:none; transition:opacity .3s ease-out, transform .3s ease-out; }   .karta { transition:transform .18s ease-out, box-shadow .18s ease-out; } .karta:hover { transform:translateY(-2px); box-shadow:var(--tien-h); }   .faq-item summary::after { content:""; width:14px; height:14px; margin-top:5px; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B5762F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); transition:transform .2s ease-out; } .faq-item[open] summary::after { content:""; transform:rotate(180deg); } .faq-telo { display:grid; grid-template-rows:0fr; transition:grid-template-rows .24s ease-out; } .faq-item[open] .faq-telo { grid-template-rows:1fr; } .faq-telo > div { overflow:hidden; }   .cms-obsah { max-width:68ch; line-height:1.7; } .cms-obsah > p:first-of-type { font-size:1.12rem; line-height:1.65; color:var(--ink); } .cms-obsah h2 { position:relative; padding-left:14px; margin-top:1.8em; border-left:3px solid var(--akcent); line-height:1.25; } .cms-obsah ul, .cms-obsah ol { padding-left:1.2em; } .cms-obsah li { margin-bottom:.4em; }   .cms-obsah .udaje, .cms-obsah blockquote { background:var(--tint); border-left:3px solid var(--primar); border-radius:0 var(--radius-s) var(--radius-s) 0; padding:14px 18px; margin:1.6em 0; color:var(--ink); }   .sprievodca .clanok-lead, .clanok .clanok-lead { font-size:1.16rem; line-height:1.6; color:var(--ink); border-left:3px solid var(--akcent); padding-left:16px; margin-bottom:1.6em; } .clanok-verdikt { box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -18px 40px rgba(0,0,0,.16); }   @supports (animation-timeline:scroll()) { .citanie { position:fixed; top:0; left:0; right:0; height:3px; z-index:50; background:var(--akcent); transform-origin:0 50%; transform:scaleX(0); animation:citanie-rast linear both; animation-timeline:scroll(root block); } @keyframes citanie-rast { to { transform:scaleX(1); } } }     .cms-obsah { counter-reset:sekcia; } .cms-obsah h2 { counter-increment:sekcia; display:flex; align-items:baseline; gap:12px; margin-top:3.5rem; padding-left:0; border-left:0; } .cms-obsah h2::before { content:counter(sekcia,decimal-leading-zero); font-family:var(--pismo-mono); font-size:.8rem; font-weight:500; color:var(--akcent-text); flex:none; letter-spacing:.06em; position:relative; top:-.15em; } .cms-obsah h2:first-of-type { margin-top:1.6rem; } .cms-obsah > p:first-of-type { font-size:1.15rem; line-height:1.65; color:var(--ink); }   .js .odhal-blok { opacity:.55; transform:translateY(14px); } .js .odhal-blok.je-vidno { opacity:1; transform:none; transition:opacity .35s ease-out, transform .35s ease-out; }   .kat-karta { transition:transform .18s ease-out, box-shadow .18s ease-out; } .kat-karta:hover { transform:translateY(-2px); box-shadow:var(--tien-h); } .kat-karta-hlava { display:flex; align-items:center; gap:14px; } .kat-ikona { flex:none; color:var(--ink); transition:color .2s ease-out; } .kat-ikona svg { display:block; width:48px; height:48px; } .kat-karta:hover .kat-ikona { color:var(--akcent-text); } .kat-karta-hlava .kat-nazov { flex:1; } .kat-pocet { font-family:var(--pismo-mono); font-size:.82rem; color:var(--akcent-text); white-space:nowrap; flex:none; }   .dp-diera { border-left:3px solid var(--vystraha); } .dp-diera .an-cislo { color:var(--vystraha); font-weight:600; } .dp-text { font-family:var(--pismo-mono); font-size:.86rem; } .dp-prazdne { color:var(--muted); font-style:italic; }   @media (prefers-reduced-motion:reduce) { .js .odhal-blok, .js .odhal-blok.je-vidno { opacity:1; transform:none; transition:none; } .kat-karta, .kat-karta:hover { transform:none; transition:none; } .hp-hero-vizual, .hp-hero::before { animation:none; } .js .odhal, .js .odhal.je-vidno, .js .odhal, .js .odhal.je-vidno { opacity:1; transform:none; transition:none; } .karta, .karta:hover { transform:none; transition:none; } .faq-telo { transition:none; } .faq-item summary::after { transition:none; } .citanie { display:none; } }       .admin-pata { margin-top:32px; padding:14px 24px 22px; max-width:1000px; border-top:1px solid var(--line); text-align:right; } .admin-verzia { font-family:var(--pismo-mono); font-size:.75rem; color:var(--muted); letter-spacing:.02em; }   .admin-verzia[title] { color:var(--vystraha); cursor:help; }     .poradca-oprava { margin:0 0 18px; padding:10px 14px; border-left:3px solid var(--akcent); background:var(--tint); border-radius:0 8px 8px 0; color:var(--ink); font-size:.95rem; }     .navigacia a.nav-cta.je-aktivny { background:var(--primar); color:var(--na-farbe) !important; box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--primar); } .navigacia a.nav-cta.je-aktivny:hover { background:var(--primar-h); }     .pd-rozklad { margin:34px 0 8px; } .pd-nadpis { font-family:var(--pismo-mono); font-size:.78rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--akcent-text); margin:0 0 18px; }   .pd-veta { display:flex; flex-wrap:wrap; gap:8px 26px; text-decoration:none; color:inherit; padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:var(--surface); } .pd-veta:hover { border-color:var(--akcent); } .pd-veta:focus-visible { outline:2px solid var(--primar); outline-offset:2px; } .pd-tok { display:flex; flex-direction:column; align-items:flex-start; gap:2px; } .pd-slovo { display:block; font-size:1.18rem; font-weight:600; color:var(--ink); line-height:1.3; }   .pd-slovo::after { content:''; display:block; height:2px; margin-top:4px; background:var(--akcent); border-radius:1px; transform-origin:left center; animation:pd-kresli .45s ease-out both; } .pd-tok:nth-child(2) .pd-slovo::after { animation-delay:.12s; } .pd-tok:nth-child(3) .pd-slovo::after { animation-delay:.24s; } @keyframes pd-kresli { from { transform:scaleX(0); } to { transform:scaleX(1); } } .pd-slot { font-family:var(--pismo-mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--akcent-text); }   .pd-zvysok { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; margin:14px 2px 0; } .pd-slot-prazdny { color:var(--muted); border-bottom:2px dashed var(--line); padding-bottom:1px; } .pd-zvysok-text { color:var(--muted); font-size:.92rem; }   @media (max-width:520px) { .pd-veta { flex-direction:column; gap:12px; } .pd-tok { width:100%; } } @media (prefers-reduced-motion:reduce) { .pd-slovo::after { animation:none; transform:none; } }       .cms-obsah { position:relative; padding-left:30px; }   .cms-obsah::before { content:""; position:absolute; left:8px; top:4.8rem; bottom:1.5rem; width:1px; background:var(--line); } .cms-obsah h2 { position:relative; }   .cms-obsah h2::after { content:""; position:absolute; left:-29px; top:.5em; width:11px; height:11px; border-radius:50%; background:var(--surface); border:2px solid var(--akcent); }   .cms-obsah h2.je-ai::after { border-style:dashed; border-color:var(--muted); }   @media (max-width:560px) { .cms-obsah::before { display:none; } .cms-obsah h2::after { display:none; } }     .velkosti-tab td:first-child { white-space:nowrap; font-variant-numeric:tabular-nums; } .velkost-vypredana td { color:var(--muted); } .velkost-vypredana s { text-decoration-thickness:2px; } .velkost-stav { font-size:.9rem; } .velkost-stav-ano { color:var(--ok-text); } .velkost-stav-malo { color:var(--vystraha); font-weight:600; } .velkost-stav-nie { color:var(--muted); }   .velkosti-rozpatie { margin:0 0 12px; } .velkosti-upozornenie, .detail-cena-poznamka { margin:8px 0 12px; padding:10px 14px; border-left:3px solid var(--vystraha); background:var(--tint); border-radius:var(--radius-s); font-size:.95rem; } .detail-cena-poznamka { margin-top:4px; }   .velkosti-vyhrada { margin:10px 0 0; font-size:.85rem; color:var(--muted); }     .wishlist { max-width:var(--obal); margin:40px auto 56px; padding:26px 24px; background:var(--tint); border:1px solid var(--line); border-radius:var(--radius); } .wishlist-nadpis { font-family:var(--pismo-nadpis); font-size:1.25rem; margin:0 0 .5em; } .wishlist-text { color:var(--muted); font-size:.95rem; line-height:1.6; margin:0 0 18px; max-width:60ch; } .wishlist-label { display:block; font-size:.9rem; font-weight:600; color:var(--muted); margin-bottom:8px; } .wishlist-riadok { display:flex; gap:10px; max-width:640px; } .wishlist-pole { flex:1; min-width:0; padding:.8em 1em; border:1px solid var(--line); border-radius:12px; font:inherit; font-size:1rem; background:var(--surface); color:var(--ink); } .wishlist-pole:focus { outline:2px solid var(--primar); outline-offset:1px; } .wishlist-btn { flex:none; }   .wishlist-odozva { font-size:.92rem; font-weight:600; margin:0 0 14px; padding:.6em .9em; border-radius:10px; border:1px solid; } .wishlist-odozva.je-ok { color:var(--ok-text); background:var(--ok-bg); border-color:var(--ok-line); } .wishlist-odozva.je-chyba { color:var(--err-text); background:var(--err-bg); border-color:var(--err-line); } @media (max-width:680px) { .wishlist-riadok { flex-direction:column; } .wishlist-btn { justify-content:center; } }   .wl-tab .wl-c { text-align:right; font-family:var(--pismo-mono); white-space:nowrap; } .wl-tab .wl-d { white-space:nowrap; color:var(--muted); font-size:.88rem; } .wl-text { display:block; } .wl-bar { display:block; margin-top:5px; max-width:260px; }   .kat-uvod { max-width:72ch; margin:.6em 0 0; color:var(--muted); font-size:.95rem; line-height:1.65; }   .vyhrada-ceny { max-width:80ch; margin:16px 0 0; font-size:.82rem; line-height:1.55; color:var(--muted); }
.editorial { color-scheme:light; --paper:#f8f8f2; --surface:#fff; --ink:#20271e; --muted:#62675e; --line:#dddfd5; --primar:#263223; --primar-h:#141d12; --tint:#eef0e6; --pruh:#e2e7d8; --akcent:#ccf36b; --akcent-text:#4e641f; --akcent-text-h:#374914; --na-farbe:#fff; --na-farbe-jemny:#e9edde; --lime:#d3f78a; --tmavy-panel:#20291e; --na-panele:#d5ddce; --na-panele-muted:#afbda5; --na-panele-jasny:#fff; --logo-prekryv:#759447; --radius:18px; --radius-s:12px; --obal:1280px; --tien:none; --tien-h:0 18px 40px #20271e12; background:var(--paper); color:var(--ink); } .editorial * { scrollbar-color:var(--muted) var(--paper); } .editorial .hp-hero-in > h1,.editorial .hp-hero-in > p, .editorial .sekcia-titulky,.editorial .kat-hlava > h1,.editorial .kat-hlava > .lead, .editorial .kat-uvod,.editorial .hp-rc h2,.editorial .hp-rc-kicker,.editorial .hp-rc-popis, .editorial .hp-clanok h3,.editorial .stranka-cms > h1, .editorial .stranka-cms .cms-obsah > h2,.editorial .stranka-cms .cms-obsah > p:not(.udaje){text-align:center} .editorial .sekcia-titulky{flex:1} .editorial .hp-hero-in .hp-kicker{justify-content:center} .editorial .hp-hero-in .hp-sub,.editorial .hp-rc .hp-rc-popis,.editorial .hp-clanok .hp-rc-popis{margin-inline:auto} .editorial .hp-hero-in .edition-actions{justify-content:center} .editorial a,.editorial button { -webkit-tap-highlight-color:transparent; } .editorial :focus-visible { outline:3px solid var(--akcent-text); outline-offset:5px; } .skip-content { position:fixed; top:8px; left:16px; transform:translateY(-160%); z-index:100; padding:14px 22px; background:var(--primar); color:var(--na-farbe); border-radius:8px; } .skip-content:focus { transform:translateY(0); } .edition-bar { min-height:34px; padding:8px max(24px,calc((100vw - 1232px)/2)); display:flex; justify-content:space-between; gap:20px; background:var(--primar); color:var(--na-farbe-jemny); font-size:11px; letter-spacing:.035em; } .edition-bar a { color:inherit; } .editorial .hlavicka { background:color-mix(in srgb,var(--paper) 93%,transparent); backdrop-filter:blur(18px); } .editorial .hlavicka-in { padding:20px 24px; gap:24px; } .language-picker { display:flex; align-items:center; margin:0; order:3; } .language-picker select { max-width:118px; padding:8px 5px; background:var(--paper); color:var(--ink); border:1px solid var(--line); font-size:11px; } .language-notice { max-width:1232px; margin:16px auto 0; padding:10px 20px; color:var(--muted); font-size:12px; background:var(--tint); border-radius:8px; } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } .editorial .brand-nazov { font-size:23px; letter-spacing:-1px; } .editorial .brand-domena { font-size:9px; letter-spacing:.1em; } .editorial .navigacia { align-items:center; gap:2px; } .editorial .navigacia a { font-size:12px; padding:10px 12px; } .editorial .navigacia .nav-cta { margin-left:14px; background:var(--primar); color:var(--na-farbe); padding:12px 20px; } .editorial main { min-height:50vh; } .editorial main:focus { outline:none; } .editorial .sekcia { max-width:var(--obal); padding:54px 24px; } .editorial main > .sekcia:nth-of-type(even) { background:none; } .editorial .sekcia-hlava { margin-bottom:30px; align-items:flex-end; } .editorial .sekcia-hlava.odhal { opacity:1; transform:none; } .editorial h1,.editorial h2,.editorial h3 { letter-spacing:-.045em; } .editorial .sekcia-hlava h2 { font-size:clamp(28px,3.3vw,44px); line-height:1.1; } .editorial .sekcia-kicker,.editorial .hp-rc-kicker { font-family:var(--pismo-text); color:var(--muted); font-size:10px; letter-spacing:.15em; text-transform:uppercase; } .editorial .odkaz-viac { color:var(--ink); font-size:12px; padding-bottom:6px; border-bottom:1px solid var(--ink); } .editorial .editorial-hero { max-width:1280px; margin:0 auto; padding:58px 24px 62px; display:grid; grid-template-columns:1.05fr 1fr; gap:48px; text-align:left; border:0; overflow:hidden; background:var(--paper); } .editorial-hero .hp-hero-vizual,.editorial .editorial-hero::before,.editorial .editorial-hero::after { display:none; } .editorial-hero .hp-hero-in { width:100%; margin:0; max-width:590px; align-self:center; } .editorial .hp-kicker { display:flex; align-items:center; gap:9px; margin-bottom:24px; color:var(--ink); font-family:var(--pismo-text); font-size:11px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; } .edition-dot { width:7px; height:7px; border-radius:50%; background:var(--akcent-text); box-shadow:0 0 0 5px var(--tint); } .editorial .hp-h1 { font-size:clamp(54px,6.1vw,88px); font-weight:600; line-height:1.02; letter-spacing:-.065em; margin-bottom:23px; } .editorial .hp-h1 span { color:#72815e; } .editorial .hp-sub { max-width:450px; margin:0; font-size:14px; line-height:1.8; color:var(--muted); } .edition-actions { display:flex; align-items:center; gap:26px; margin:29px 0 32px; } .editorial .cta { border-radius:999px; padding:14px 24px; font-size:13px; transition:transform .25s,box-shadow .25s,background .25s; } .editorial .cta:hover { transform:translateY(-3px); box-shadow:0 6px 0 var(--line); } .edition-actions .cta { display:flex; align-items:center; gap:34px; } .edition-text-link { font-size:12px; color:var(--ink); } .edition-text-link span { margin-left:8px; } .editorial .hp-search-vyzva { font-size:10px; color:var(--muted); letter-spacing:.03em; margin-bottom:9px; } .editorial .hp-search { padding:5px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:none; max-width:480px; margin:0; display:flex; flex-direction:row; } .editorial .hp-search-pole { min-width:0; padding:5px 10px; gap:9px; height:48px; border:0; border-radius:8px; box-shadow:none; } .editorial .hp-search input { font-size:12px; padding:9px 0; min-width:0; } .editorial .hp-search-pole input { border:0; box-shadow:none; outline:0; } .editorial .hp-search:focus-within { outline:2px solid var(--akcent-text); outline-offset:3px; } .editorial .hp-search-btn { background:var(--lime); color:var(--ink); border-radius:8px; font-size:12px; padding:12px 17px; white-space:nowrap; } .editorial .hp-chips { justify-content:flex-start; gap:6px; margin-top:12px; max-width:470px; } .editorial .hp-chip { border:0; border-radius:0; padding:3px 0; font-size:10px; margin-right:8px; border-bottom:1px solid var(--line); background:transparent; } .editorial .hp-chips-label { font-size:10px; } .edition-visual { position:relative; min-width:0; min-height:545px; padding:20px 36px 18px 20px; } .edition-orbit { position:absolute; inset:15% 0 0 0; border:1px solid #c8d4b6; border-radius:50%; transform:rotate(-20deg); } .edition-cover { position:relative; display:block; height:505px; border-radius:160px 160px 16px 16px; background:#e8e9df; overflow:hidden; transform:rotate(-3deg); isolation:isolate; transition:transform .7s cubic-bezier(.2,.8,.2,1); } .edition-cover:hover { transform:rotate(0deg); } .edition-cover-image { width:100%; height:100%; } .edition-cover-image img { width:100%; height:100%; object-fit:cover; object-position:center 25%; transition:transform 1s cubic-bezier(.2,.8,.2,1); } .edition-cover:hover img { transform:scale(1.045); } .edition-cover-caption { position:absolute; inset:auto 15px 15px; display:flex; justify-content:space-between; align-items:center; padding:17px 20px; border-radius:10px; background:#fffffff0; color:var(--ink); backdrop-filter:blur(12px); } .edition-cover-caption span { font-size:9px; text-transform:uppercase; letter-spacing:.1em; } .edition-cover-caption h2 { font-size:19px; margin:4px 0 0; letter-spacing:-.03em; } .edition-cover-caption .edition-cover-arrow { font-size:25px; margin-left:12px; } .edition-side-note { position:absolute; right:0; top:100px; writing-mode:vertical-rl; font-size:9px; letter-spacing:.16em; } .edition-sticker { position:absolute; z-index:2; top:10px; right:0; width:128px; height:128px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; border-radius:50%; background:var(--lime); color:var(--ink); transform:rotate(12deg); box-shadow:0 8px 20px #26322310; } .edition-sticker span { font-size:9px; } .edition-sticker strong { font-family:var(--pismo-nadpis); font-size:30px; letter-spacing:-.05em; } .edition-note { display:flex; align-items:center; gap:10px; position:absolute; bottom:-50px; left:-8px; padding:12px 21px; background:var(--paper); border:1px solid var(--line); border-radius:12px; transform:rotate(3deg); } .edition-note>span { font-size:37px; color:var(--akcent-text); } .edition-note p { margin:0; font-size:11px; line-height:1.6; } .edition-empty-art { background:var(--lime); border-radius:180px 180px 20px 20px; padding:80px 40px; display:flex; flex-direction:column; justify-content:center; font-family:var(--pismo-nadpis); font-size:54px; line-height:1.05; } .edition-empty-art b { font-size:110px; } .edition-ribbon { display:flex; align-items:center; justify-content:center; gap:48px; padding:21px 24px; background:var(--lime); color:var(--ink); font-size:12px; overflow:hidden; } .edition-ribbon span,.edition-ribbon a { white-space:nowrap; } .edition-ribbon a { color:inherit; } .edition-ribbon i { font-size:22px; font-style:normal; } .editorial .hp-rozcestnik { gap:20px; grid-template-columns:repeat(2,minmax(0,1fr)); } .editorial .hp-rc { position:relative; border:1px solid var(--line); box-shadow:none; border-radius:18px; padding:30px 34px; background:var(--tint); overflow:hidden; } .editorial .hp-rc:nth-child(2) { background:#eee9e0; } .editorial .hp-rc h2 { font-size:29px; margin:8px 0 12px; } .editorial .hp-rc-popis { max-width:380px; font-size:13px; } .editorial .hp-rc-cta { font-size:12px; color:var(--ink); margin-top:15px; } .editorial .hp-grid { gap:25px; } .editorial .hp-karta,.editorial .karta { border:0; border-radius:0; background:transparent; box-shadow:none; } .editorial .hp-karta:hover,.editorial .karta:hover { box-shadow:none; transform:translateY(-5px); } .editorial .hp-foto,.editorial .karta-media { aspect-ratio:3/4; border-radius:14px; overflow:hidden; background:var(--tint); } .editorial .hp-foto img,.editorial .karta-media img { object-fit:contain; background:#f1f0ec; transition:transform .7s cubic-bezier(.2,.8,.2,1); } .editorial .hp-karta:hover img,.editorial .karta:hover img { transform:scale(1.045); } .editorial .hp-karta-telo,.editorial .karta-telo { padding:17px 2px; } .editorial .hp-karta-kicker,.editorial .karta-typ { font-family:var(--pismo-text); font-size:9px; letter-spacing:.13em; color:var(--muted); } .editorial .hp-karta-nazov,.editorial .karta-nazov { font-size:14px; letter-spacing:-.02em; } .editorial .hp-karta-popis,.editorial .karta-teaser { font-size:11px; line-height:1.6; } .editorial .hp-karta-cena,.editorial .karta-cena { font-family:var(--pismo-text); font-size:17px; font-weight:600; } .editorial .hp-dlazdice { gap:12px; } .editorial .hp-tile { background:var(--tint); color:var(--ink); box-shadow:none; border:1px solid var(--line); padding:26px 22px; border-radius:12px; } .editorial .hp-tile:hover { background:var(--lime); } .editorial .hp-tile-sip { color:var(--ink); } .editorial .hp-clanky { gap:20px; } .editorial .hp-clanok { padding:30px; min-height:235px; border-radius:14px; background:var(--tint); box-shadow:none; } .editorial .hp-clanok:nth-child(2) { background:#ece9e1; } .editorial .hp-clanok:nth-child(3) { background:#e5ebdd; } .editorial .hp-clanok h3 { font-size:25px; line-height:1.2; } .editorial .hp-clanok .hp-rc-cta { margin-top:auto; } .editorial .faq-item { background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:10px 0; } .editorial .faq-item summary { font-size:15px; } .editorial .faq-item p { font-size:13px; max-width:840px; } .editorial .hp-faq { padding-bottom:80px; } .editorial .pata { border-radius:32px 32px 0 0; padding-top:60px; } .editorial .pata-in,.editorial .pata-spodok { max-width:var(--obal); padding-left:24px; padding-right:24px; } .editorial .filtre { border-radius:16px; box-shadow:none; padding:24px; background:var(--tint); } .editorial input,.editorial select,.editorial textarea { border-radius:8px; } .editorial .kat-hlava h1 { font-size:clamp(38px,5vw,68px); } .editorial .dlazdica,.editorial .hub-karta { box-shadow:none; border-radius:16px; } .editorial .detail-media { border-radius:24px; overflow:hidden; } .editorial .detail-media img { object-fit:contain; } .editorial .clanok,.editorial .stranka { line-height:1.8; } .editorial .poradca-oznacenie { display:inline-block; margin:0 0 12px; padding:7px 12px; border-radius:999px; background:var(--lime); color:var(--ink); font-size:11px; font-weight:600; } .editorial .poradca-slot-nadpis { overflow-wrap:anywhere; } .editorial .poradca-veta { max-width:860px; line-height:1.8; } .editorial .poradca-dalsi-krok { display:inline-block; margin-top:18px; text-decoration:underline; text-underline-offset:4px; } .editorial #poradca-status:not([hidden]) { padding:16px 20px; border-radius:12px; background:var(--tint); } .editorial .reveal-pending { opacity:0; transform:translateY(24px); } .editorial .reveal-ready { opacity:1; transform:translateY(0); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); } @media (prefers-reduced-motion:no-preference) { @view-transition { navigation:auto; } ::view-transition-old(root) { animation:edition-out .18s ease both; } ::view-transition-new(root) { animation:edition-in .35s ease both; } .edition-visual { animation:edition-in .9s cubic-bezier(.2,.8,.2,1) both; } .edition-note { animation:edition-float 6s ease-in-out 1s 3; } } @keyframes edition-in { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } } @keyframes edition-out { to { opacity:0; } } @keyframes edition-float { 50% { translate:0 -8px; } } @media(max-width:1100px) { .editorial .brand-nazov { font-size:20px; } .language-picker select { max-width:98px; } .editorial .hlavicka-in { gap:12px; } .editorial .navigacia a { padding:9px; font-size:11px; } .editorial .navigacia .nav-cta { margin-left:0; padding:10px; } .editorial .editorial-hero { gap:20px; } .edition-visual { min-height:500px; } .edition-cover { height:465px; } .edition-ribbon { gap:24px; font-size:10px; } } @media(max-width:800px) { .language-picker { order:0; margin-left:auto; } .language-picker select { max-width:89px; font-size:10px; } .editorial .hamburger { margin-left:0; } .editorial .hamburger { display:flex; flex-shrink:0; } .editorial .nav-prepinac { display:block; position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); } .editorial .navigacia { position:absolute; inset:100% 0 auto; padding:16px 24px 24px; margin:0; flex-direction:column; align-items:stretch; background:var(--paper); border-bottom:1px solid var(--line); visibility:hidden; opacity:0; transform:translateY(-10px); transition:opacity .2s,transform .2s,visibility .2s; } .editorial .nav-prepinac:checked ~ .navigacia { visibility:visible; opacity:1; transform:translateY(0); } .editorial .navigacia a { font-size:14px; padding:12px; } .editorial .navigacia .nav-cta { margin-top:10px; text-align:center; padding:14px; } .edition-bar { justify-content:center; font-size:10px; } .edition-bar>a { display:none; } .editorial .hlavicka-in { padding:15px 20px; } .editorial .brand-nazov { font-size:21px; } .editorial .editorial-hero { grid-template-columns:1fr; padding:40px 24px; gap:34px; } .editorial-hero .hp-hero-in { max-width:600px; } .editorial .hp-h1 { font-size:clamp(53px,10vw,78px); } .edition-visual { width:min(100%,520px); justify-self:center; min-height:470px; padding-right:30px; } .edition-cover { height:435px; } .edition-ribbon { flex-wrap:wrap; gap:10px 20px; } .edition-ribbon i { font-size:16px; } .edition-ribbon i:last-of-type { display:none; } .editorial .sekcia { padding:36px 20px; } .editorial .hp-rozcestnik { grid-template-columns:1fr; } .editorial .hp-clanky { grid-template-columns:1fr; } .editorial .hp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 14px; } .editorial .hp-clanok { min-height:190px; } } @media(max-width:600px) { .editorial .hp-kicker { font-size:9px; margin-bottom:20px; } .editorial .hp-h1 { font-size:56px; } .editorial .hp-sub { font-size:13px; } .edition-actions { gap:20px; margin:24px 0; } .edition-actions .cta { padding:14px 20px; gap:22px; } .edition-text-link { font-size:11px; } .edition-visual { min-height:405px; padding:10px 25px 15px 8px; } .edition-cover { height:380px; border-radius:120px 120px 14px 14px; } .edition-sticker { width:103px; height:103px; right:0; top:0; } .edition-sticker strong { font-size:25px; } .edition-cover-caption { padding:12px; } .edition-cover-caption h2 { font-size:17px; } .edition-note { left:0; bottom:-27px; padding:8px 14px; } .edition-side-note { font-size:8px; } .edition-ribbon { padding:16px; font-size:9px; gap:8px 12px; } .edition-ribbon a { flex-basis:100%; text-align:center; } .editorial .hp-rc { padding:24px; } .editorial .hp-rc h2 { font-size:26px; } .editorial .sekcia-hlava { gap:18px; align-items:flex-start; } .editorial .sekcia-hlava h2 { font-size:31px; } .editorial .odkaz-viac { font-size:10px; white-space:nowrap; } .editorial .hp-karta-nazov { font-size:12px; } .editorial .hp-karta-popis { font-size:10px; } .editorial .hp-karta-cena { font-size:15px; } .editorial .hp-dlazdice { grid-template-columns:repeat(2,minmax(0,1fr)); } .editorial .hp-tile { font-size:14px; padding:19px 14px; } .editorial .pata-in { grid-template-columns:1fr 1fr; } .editorial .pata-brand { grid-column:1/-1; } } @media(max-width:360px) { .editorial .hlavicka-in{padding-inline:12px;gap:8px} .editorial .brand-nazov{font-size:18px} .editorial .language-picker select{max-width:82px} .editorial .editorial-hero{grid-template-columns:minmax(0,1fr)} .editorial .hp-hero-in{min-width:0} .editorial .hp-h1{font-size:48px} .editorial .edition-actions{flex-wrap:wrap} } @media(prefers-reduced-motion:reduce) { .editorial *,.editorial *::before,.editorial *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .editorial .reveal-pending { opacity:1; transform:none; } ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; } }
.consent-box {color:#183b32;background:#fffdf7;border:1px solid #789087;border-radius:18px;padding:24px;box-shadow:0 10px 45px #183b3226;font:400 15px/1.55 system-ui,sans-serif} .consent-box[hidden] {display:none!important} .consent-banner {position:fixed;z-index:10000;bottom:18px;left:18px;right:18px;max-width:760px;margin-inline:auto;max-height:85dvh;overflow:auto} .consent-box h2 {font:600 23px/1.25 system-ui,sans-serif;margin:0 0 10px} .consent-box p {margin:8px 0 16px} .consent-actions {display:flex;gap:12px;flex-wrap:wrap} .consent-actions button {flex:1;min-height:48px;border:2px solid #183b32;border-radius:8px;background:#183b32;color:#fffdf7;padding:12px 18px;font:600 15px/1.3 system-ui,sans-serif;cursor:pointer} .consent-actions button:hover {background:#31594d} .consent-box a {color:#183b32;text-decoration:underline;text-underline-offset:3px} .consent-box :focus-visible {outline:3px solid #2469b5;outline-offset:4px} .consent-box .consent-note {font-size:13px;margin-bottom:0} .consent-inline {margin-block:28px} .consent-box{text-align:center;padding:18px} .consent-banner{max-width:600px} .consent-actions{justify-content:center;align-items:center;gap:10px} .consent-actions button{flex:0 1 auto;min-height:44px;padding:10px 16px} .consent-actions button[value=no]{background:#fffdf7;color:#183b32} .consent-actions button[value=no]:hover{background:#eaf0e9} .consent-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px} .consent-page{max-width:850px;padding-block:3rem;line-height:1.75;text-align:center;overflow-wrap:anywhere} .consent-page h2{margin-top:2rem} @media(max-width:480px){.consent-banner{bottom:8px;left:8px;right:8px;padding:14px}.consent-actions{gap:8px}.consent-box h2{font-size:21px}.consent-actions button{padding-inline:12px}}