/* PORTÁL (Ivo 16. 10. 2026): všetky šablóny e-shopov v štýle veľkých obchodov (Alza, Mall). Načítané POSLEDNÉ
   (po eshop.css a opravy.css). Akcent --a = farba z loga obchodu, inak neutrálne, čistý biely podklad. */
:root{--bg:#fff;--ink:#16181d;--soft:#41454f;--muted:#6b707b;--line:#e3e5ea;--tile:#fff;--tile2:#f4f5f7;--sede:#f4f5f7;
--zl:#d6262f;--ok:#14823b;--r:12px;--max:1360px;--g:clamp(16px,2.4vw,28px);--f:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.t-britto{--f:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--r:16px}
.t-john{--f:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--r:8px}
body{font:400 15px/1.5 var(--f);background:#fff;color:var(--ink)}
h1,h2,h3{letter-spacing:-.015em;font-weight:700}
main{background:#fff}

/* ---------- hlavička */
.po-top{background:var(--d1,#1d2027);color:#fff;font-size:13px}
.po-top .w{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:36px}
.po-top-v{display:flex;gap:26px;min-width:0;overflow:hidden;white-space:nowrap}
.po-top-v span{display:inline-flex;align-items:center;gap:7px}
.po-top-v svg{width:15px;height:15px;color:#7fe0a0;flex-shrink:0}
.po-top-k{display:flex;gap:20px;white-space:nowrap}
.po-top-k a{display:inline-flex;align-items:center;gap:6px;opacity:.92}.po-top-k a:hover{opacity:1;text-decoration:underline}
.po-top-k svg{width:14px;height:14px}
.hl.po-hl{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.hl.po-hl .w{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);height:76px}
.po-hl .logo img{max-height:48px;max-width:200px}
.po-hl .logo b{font-size:22px;font-weight:800;max-width:260px}
.po-hladaj{flex:1;display:flex;min-width:0;max-width:720px;height:48px;border:2px solid var(--a);border-radius:10px;overflow:hidden;background:#fff}
.po-hladaj input{flex:1;min-width:0;border:0;outline:0;padding:0 16px;font-size:15px;background:none}
.po-hladaj button{border:0;background:var(--a);color:var(--a-ink);display:flex;align-items:center;gap:8px;padding:0 22px;font-weight:700}
.po-hladaj svg{width:19px;height:19px}
.hl.po-hl .hl-akcie{display:flex;gap:6px;margin-left:auto}
.po-akc{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--soft)}
.po-akc:hover{background:var(--sede);color:var(--ink)}
.po-akc svg{width:24px;height:24px}
.po-kos{background:var(--a);color:var(--a-ink)!important;flex-direction:row;gap:8px;padding:0 18px;height:48px;font-size:15px}
.po-kos:hover{background:var(--a);opacity:.92}
.po-kos .pocet{top:-6px;right:-6px;background:var(--zl);color:#fff;transform:scale(1)}
.po-kos .pocet:not(.je){display:none}
.po-nav{background:#fff;border-bottom:1px solid var(--line)}
.po-nav .w{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:48px;align-items:center}
.po-nav .w::-webkit-scrollbar{display:none}
.po-nav a{padding:8px 14px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--soft);flex-shrink:0}
.po-nav a:hover{background:var(--sede);color:var(--ink)}
.po-nav-v{display:inline-flex;align-items:center;gap:8px;background:var(--sede);color:var(--ink)!important}
.po-nav-v svg{width:18px;height:18px}
@media(max-width:980px){
.po-top-k{display:none}.po-top .w{justify-content:center}.po-top-v{gap:18px}.po-top-v span:nth-child(n+3){display:none}
.hl.po-hl .w{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:10px;gap:6px 8px}
.po-hl .menu-btn{display:grid;order:0}.po-hl .logo{order:1;margin-right:auto;flex:0 1 auto}.po-hl .logo img{max-height:36px;max-width:150px}
.po-hl .logo b{font-size:18px;max-width:200px}
.hl.po-hl .hl-akcie{order:2}.po-hladaj{order:3;flex:1 0 100%;max-width:none;height:44px}
.po-hladaj button span{display:none}.po-hladaj button{padding:0 16px}
.po-akc span:not(.pocet){display:none}.po-kos{height:44px;padding:0 14px}
.po-nav .w{height:44px}.po-nav a{font-size:14px;padding:7px 11px}
.mnav{inset:0 0 0;top:0;z-index:60;padding-top:70px}}
@media(max-width:400px){.po-top-v span:nth-child(n+2){display:none}.po-hl .logo b{font-size:16px;max-width:170px}}

/* ---------- tlačidlá */
.bt{border-radius:10px;height:50px;font-weight:700}
.bt svg{width:20px;height:20px}
.bt.sv{box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}
.bt.sv:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}

/* ---------- úvod: hero (kategórie | hlavná ponuka | 2 produkty) */
.po-hero{display:grid;grid-template-columns:250px minmax(0,1fr) 260px;gap:16px;padding-top:20px;padding-bottom:8px}
.po-hero.bez-menu{grid-template-columns:minmax(0,1fr) 280px}
.po-hero.bez-mini{grid-template-columns:250px minmax(0,1fr)}
.po-hero.bez-menu.bez-mini{grid-template-columns:minmax(0,1fr)}
.po-menu{border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.po-menu h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px 8px;font-weight:700}
.po-menu a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:14px}
.po-menu a:hover{background:var(--sede)}
.po-menu b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-menu small{color:var(--muted);font-size:12.5px}
.po-mf{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
.po-mf img{width:100%;height:100%;object-fit:contain;padding:3px}
.po-menu .po-vsetko{display:flex;justify-content:space-between;margin-top:auto;font-weight:700;color:var(--a);padding:10px 8px 4px;border-top:1px solid var(--line);border-radius:0}
.po-hlavny{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:20px;border-radius:var(--r);
background:var(--p1,#f3f4f7);padding:clamp(22px,3vw,40px);min-height:420px;position:relative;overflow:hidden}
.po-ht{min-width:0;position:relative;z-index:1}
.po-nad{font-size:13px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.po-hlavny h1{font-size:clamp(28px,3vw,42px);line-height:1.08;font-weight:800;overflow-wrap:anywhere}
.po-pod{color:var(--soft);font-size:15.5px;margin-top:12px;max-width:46ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.po-hp{margin-top:22px;padding-top:18px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px}
.po-hp-n{font-weight:600;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.po-hc{font-size:30px;font-weight:800;color:var(--ink)}
.po-hc s{font-size:15px}
.po-cta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.po-hf{position:relative;align-self:stretch;display:grid;place-items:center;background:#fff;border-radius:calc(var(--r) - 2px);min-height:300px;overflow:hidden}
.po-hf img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;transition:transform .5s}
.po-hf:hover img{transform:scale(1.03)}
.po-vedla{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}
.po-mini{border:1px solid var(--line);border-radius:var(--r);display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;min-height:0;transition:box-shadow .2s,border-color .2s}
.po-mini:hover{border-color:transparent;box-shadow:0 10px 30px -12px rgba(16,24,40,.28)}
.po-mini-f{position:relative;min-height:120px;display:block}
.po-mini-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px}
.po-mini-t{padding:10px 14px 12px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line)}
.po-mini-t b{font-size:13.5px;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.po-mini-t .c{font-size:18px;font-weight:800}
.po-mini-t em{font-style:normal;font-size:13px;color:var(--a);font-weight:700;display:inline-flex;align-items:center;gap:2px}
@media(max-width:1180px){.po-hero{grid-template-columns:220px minmax(0,1fr)}.po-hero .po-vedla{display:none}.po-hero.bez-menu{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){.po-hero,.po-hero.bez-menu,.po-hero.bez-mini{grid-template-columns:minmax(0,1fr);padding-top:12px}
.po-menu{display:none}
.po-hlavny{grid-template-columns:minmax(0,1fr);min-height:0;padding:20px;gap:16px}.po-hf{order:-1;min-height:260px}
.po-hlavny h1{font-size:clamp(24px,7vw,32px)}.po-cta .bt{flex:1;padding:0 14px}}

/* ---------- štítky na fotkách */
.po-st{position:absolute;top:10px;left:10px;z-index:2;font:800 12.5px/1 var(--f);padding:6px 8px;border-radius:6px;background:var(--zl);color:#fff}
.po-st.po-nove{background:var(--ink);color:#fff}

/* ---------- výhody (len z ich podmienok) */
.po-vy{padding:16px 0}
.po-vy .vy{gap:12px}
.po-vy .vy>div{flex-direction:row;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:#fff}
.po-vy svg{width:30px;height:30px;flex-shrink:0;stroke:var(--a);padding:6px;box-sizing:content-box;background:var(--p1,#f3f4f7);border-radius:50%}
.po-vy b{display:block;font-size:14.5px}
.po-vy .vy>div>b{margin-right:2px}
.po-vy .vy>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:1px}
.po-vy .vy>div>svg{grid-row:span 2}
.po-vy p{font-size:13px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:860px){.po-vy .vy{grid-template-columns:1fr 1fr!important;gap:8px}.po-vy .vy>div{padding:10px 12px;column-gap:10px}
.po-vy svg{width:22px;height:22px;padding:5px}.po-vy b{font-size:13px}.po-vy p{font-size:12px}}
@media(max-width:400px){.po-vy .vy{grid-template-columns:minmax(0,1fr)!important}}

/* ---------- sekcie */
.po-sek{padding-top:clamp(28px,4vw,48px)}
.po-h{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.po-h h2{font-size:clamp(21px,2.1vw,28px);font-weight:800;min-width:0}
.po-h a{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14.5px;color:var(--a);white-space:nowrap}
.po-h a:hover{text-decoration:underline}
.po-zl-h{display:inline-block;background:var(--zl);color:#fff;font-size:.6em;padding:4px 8px;border-radius:6px;vertical-align:middle;margin-left:6px}
@media(max-width:600px){.po-h a{font-size:13px}}

/* kategórie s fotkami */
.po-kat{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.po-kat a{border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 14px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s,border-color .2s}
.po-kat a:hover{border-color:transparent;box-shadow:0 10px 30px -12px rgba(16,24,40,.28)}
.po-kf{aspect-ratio:4/3;display:grid;place-items:center;margin-bottom:6px;overflow:hidden}
.po-kf img{width:100%;height:100%;object-fit:contain}
.po-kat b{font-size:14.5px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;hyphens:auto}
.po-kat small{font-size:12.5px;color:var(--muted)}
@media(max-width:1100px){.po-kat{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.po-kat{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.po-kat a{padding:8px 8px 10px}.po-kat b{font-size:12.5px}.po-kat small{display:none}}
@media(max-width:400px){.po-kat{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* záložky */
.zalozky.po-zal{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;border:0;padding:0}
.zalozky.po-zal::-webkit-scrollbar{display:none}
.zalozky.po-zal button{flex-shrink:0;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--soft);margin:0}
.zalozky.po-zal button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- produktové karty (všade) */
.mr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mr.po-mr[style*='--st:4']{grid-template-columns:repeat(4,minmax(0,1fr))}
.po-podobne .mr{grid-template-columns:repeat(5,minmax(0,1fr))}
[data-vypis].mr{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.mr,.po-podobne .mr{grid-template-columns:repeat(4,minmax(0,1fr))}[data-vypis].mr{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.mr,.mr.po-mr[style*='--st:4'],.po-podobne .mr,[data-vypis].mr{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.mr,.mr.po-mr[style*='--st:4'],.po-podobne .mr,[data-vypis].mr{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.kr{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;min-width:0}
.kr:hover{border-color:transparent;box-shadow:0 12px 32px -14px rgba(16,24,40,.3)}
.kr .kr-f{aspect-ratio:1;border-radius:0;background:#fff;margin:0}
.kr .kr-f img{padding:8%;object-fit:contain;mix-blend-mode:normal}
.kr:hover .kr-f img:first-child{transform:scale(1.04)}
.kr .kr-f .zl{display:none}
.kr .kr-t{padding:10px 14px 14px;gap:4px;flex:1;display:flex;flex-direction:column}
.kr .kr-t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kr .kr-t>a{font-size:14.5px;font-weight:600;line-height:1.35;min-height:2.7em;-webkit-line-clamp:2}
.kr .kr-t>a:hover{color:var(--a);text-decoration:underline}
.po-dost{font-size:12.5px;font-weight:600;color:var(--ok)}.po-dost.nie{color:#b35c00}
.po-kd{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.kr .po-kd .c{font-size:19px;font-weight:800;color:var(--ink);display:flex;flex-direction:column;line-height:1.15;margin:0}
.kr .po-kd .c s{margin:0;font-size:12.5px;order:-1;color:var(--muted);font-weight:500}
.kr:has(.po-zl) .po-kd .c{color:var(--zl)}
.po-dk{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:0;border-radius:8px;background:var(--a);color:var(--a-ink);font-weight:700;font-size:13.5px;white-space:nowrap}
.po-dk:hover{opacity:.9}.po-dk:active{transform:scale(.97)}
.po-dk svg{width:18px;height:18px}
.kr-pridaj,.srdce{display:none!important}
@media(max-width:700px){.kr .kr-t{padding:8px 10px 10px}.kr .kr-t>a{font-size:13.5px}.kr .po-kd .c{font-size:17px}
.po-kd{flex-direction:column;align-items:stretch}.po-dk{justify-content:center;height:38px}}

/* pásy (zľavy, kategórie): rad kariet, na mobile vodorovné posúvanie */
.po-rad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.po-rad .kr:nth-child(n+6){display:none}
@media(max-width:1180px){.po-rad{grid-template-columns:repeat(4,minmax(0,1fr))}.po-rad .kr:nth-child(n+5){display:none}}
@media(max-width:900px){.po-rad{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--g));padding:0 var(--g) 6px;gap:8px}
.po-rad::-webkit-scrollbar{display:none}.po-rad .kr,.po-rad .kr:nth-child(n+5),.po-rad .kr:nth-child(n+6){display:flex;flex:0 0 44%;scroll-snap-align:start}}
@media(max-width:600px){.po-rad .kr,.po-rad .kr:nth-child(n+5),.po-rad .kr:nth-child(n+6){flex-basis:46%}}

/* pás celej ponuky */
.po-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--d1,#1d2027);color:#fff;border-radius:var(--r);padding:clamp(20px,3vw,32px) clamp(20px,3vw,40px)}
.po-banner b{display:block;font-size:clamp(19px,2vw,24px);font-weight:800}
.po-banner span{display:block;opacity:.8;margin-top:4px;font-size:14.5px}
.po-banner .bt{background:#fff;color:var(--ink)}
@media(max-width:600px){.po-banner .bt{width:100%}}

/* o firme */
main>.sk.ciara:last-child{margin-top:clamp(28px,4vw,48px);background:var(--sede);border:0;padding:clamp(28px,4vw,48px) 0}
.on h2{font-size:clamp(21px,2.1vw,28px);font-weight:800}
.on dl{background:#fff;border-radius:var(--r);padding:20px 22px;border:1px solid var(--line)}

/* ---------- výpis */
.vp-h h1{font-size:clamp(24px,2.6vw,34px);font-weight:800}
.vp-h h1 small{font-size:.5em;color:var(--muted);font-weight:600;vertical-align:middle;margin-left:6px}
.po-chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0 18px}
.po-chips::-webkit-scrollbar{display:none}
.po-chips a{flex:0 0 auto;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:6px 14px 6px 6px;font-weight:600;font-size:14px;max-width:240px}
.po-chips a:hover{border-color:var(--ink)}
.po-chips span{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;display:grid;place-items:center}
.po-chips img{width:100%;height:100%;object-fit:contain}
.po-chips b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl{border:1px solid var(--line);border-radius:var(--r);padding:18px}
.vp-lista{border:1px solid var(--line);border-radius:var(--r);padding:8px 8px 8px 16px;margin-bottom:12px;background:var(--sede)}
.vp-lista select,.fl-btn{border-radius:8px}

/* ---------- detail */
.dt-i h1{font-size:clamp(22px,2.4vw,32px);font-weight:800}
.dt-c{font-size:clamp(28px,3vw,38px)!important;font-weight:800!important}
.dt .gal-h{border:1px solid var(--line);border-radius:var(--r);background:#fff}
.dt .gal-h img{mix-blend-mode:normal}
.dt-k .bt{flex:1;height:56px;font-size:16.5px}
.po-dtv{list-style:none;margin:18px 0 6px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);display:grid;gap:10px;font-size:14px}
.po-dtv li{display:flex;align-items:center;gap:10px}
.po-dtv svg{width:22px;height:22px;flex-shrink:0;color:var(--ok)}
.po-rec{margin-top:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,3vw,28px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.po-rec h2{font-size:clamp(19px,2vw,24px);font-weight:800}
.po-rec p{color:var(--soft);font-size:14.5px;max-width:60ch}
.po-hv{display:flex;gap:2px;margin:8px 0 6px;color:#c9ccd3}.po-hv svg{width:22px;height:22px}
.po-podobne .sk-h h2{font-size:clamp(21px,2.1vw,28px);font-weight:800}

/* ---------- pätička */
.pt{background:var(--d1,#1d2027);color:rgba(255,255,255,.82);border:0;margin-top:clamp(32px,5vw,64px)}
.pt h3{color:#fff}.pt a:hover{color:#fff}
.pt .logo img{filter:none;background:#fff;padding:8px 10px;border-radius:8px;max-height:56px}
.pt .logo b{color:#fff}
.pt .platby span{border-color:rgba(255,255,255,.25)!important;color:#fff}
.pt-sp{border-color:rgba(255,255,255,.15)!important}
main>.sk.ciara:last-child+*{margin-top:0}

/* plávajúce tlačidlo adminu nad všetkým */
.adm-btn{z-index:70}

/* iterácia 1 (16. 10.): čitateľná pätička, mriežky bez dier, menej hyphenácie */
.pt a,.pt p,.pt span,.pt dd{color:rgba(255,255,255,.78)!important}
.kr .kr-t>a{hyphens:manual}
main>.sk.ciara:last-child{margin-bottom:0}.pt{margin-top:0}
.po-kat{grid-template-columns:repeat(var(--kn,6),minmax(0,1fr))}
.po-rad{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
@media(max-width:1100px){.po-kat{grid-template-columns:repeat(min(var(--kn,6),4),minmax(0,1fr))}}
@media(max-width:700px){.po-kat{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:400px){.po-kat{grid-template-columns:repeat(3,minmax(0,1fr))}.po-vy .vy{grid-template-columns:1fr 1fr!important}}
@media(max-width:340px){.po-kat{grid-template-columns:repeat(2,minmax(0,1fr))}.po-vy .vy{grid-template-columns:minmax(0,1fr)!important}}
.po-kontakt{display:flex;flex-direction:column;gap:12px;margin-top:18px}.po-kontakt .bt{width:fit-content}
.dt .gal-h{aspect-ratio:1;position:relative;overflow:hidden}
.dt .gal-h img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;padding:6%}
.dt .gal-m button{border:1px solid var(--line);border-radius:8px;background:#fff}
.dt .gal-m img{object-fit:contain}
@media(max-width:700px){.po-kat,.po-kat[style]{grid-template-columns:repeat(var(--km,3),minmax(0,1fr))}}
@media(max-width:860px){.po-vy .vy>div:last-child:nth-child(odd){grid-column:span 2}}
@media(max-width:340px){.po-vy .vy>div:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:700px){.po-podobne .mr .kr:nth-child(5){display:none}}

/* v2: bannery z fotiek kategórií, značky */
.po-bany{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.po-ban{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:12px;border-radius:var(--r);background:var(--p1,#f3f4f7);padding:22px 22px 22px 28px;min-height:220px;overflow:hidden;transition:box-shadow .2s}
.po-ban2{background:var(--sede)}
.po-ban:hover{box-shadow:0 12px 32px -14px rgba(16,24,40,.3)}
.po-ban-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.po-ban-t small{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--muted)}
.po-ban-t b{font-size:clamp(20px,2vw,28px);font-weight:800;line-height:1.1;overflow-wrap:anywhere}
.po-ban-t>span{color:var(--soft);font-size:14px}
.po-ban-t .bt{margin-top:12px;width:fit-content;height:42px;padding:0 20px;font-size:14px;font-style:normal}
.po-ban-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.po-ban-f img{aspect-ratio:3/4;width:100%;object-fit:contain;background:#fff;border-radius:10px;padding:8px}
.po-ban-f img:nth-child(2){transform:translateY(-10px)}
@media(max-width:900px){.po-bany{grid-template-columns:minmax(0,1fr);gap:10px}.po-ban{min-height:0;padding:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media(max-width:700px){.po-ban{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px}.po-ban-f{grid-template-columns:1fr 1fr;gap:6px}
.po-ban-f img:nth-child(3){display:none}.po-ban-f img{aspect-ratio:1;padding:6px}.po-ban-f img:nth-child(2){transform:none}
.po-ban-t b{font-size:18px}.po-ban-t .bt{height:38px;padding:0 14px;margin-top:8px}}
.po-znacky{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.po-znacky a{border:1px solid var(--line);border-radius:var(--r);padding:16px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0}
.po-znacky a:hover{border-color:var(--ink)}
.po-znacky b{font-weight:800;font-size:15px;overflow-wrap:anywhere}
.po-znacky small{color:var(--muted);font-size:12.5px}
@media(max-width:900px){.po-znacky{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.po-znacky a{padding:12px 8px}}

/* v2: kritika 16. 10. */
/* hero: produkt priamo na farebnej ploche, väčší nadpis */
.po-hf{background:transparent}
.po-hf img{mix-blend-mode:multiply;padding:2%}
.po-hlavny h1{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.025em}
/* karty bez rámu, fotka na jemnom sivom poli (zjednotí rôzne pozadia fotiek) */
.kr{border:0;border-radius:var(--r);padding:0}
.kr .kr-f{background:#f5f6f8;border-radius:var(--r)}
.kr .kr-f img{mix-blend-mode:multiply;padding:10%}
.kr .kr-t{padding:10px 2px 6px}
.kr:hover{box-shadow:none}.kr:hover .kr-f{box-shadow:inset 0 0 0 2px var(--a)}
.mr{gap:24px 16px}.po-rad{gap:16px}
.c,.po-hc,.dt-c{font-variant-numeric:tabular-nums}
.po-mini-f{background:#f5f6f8}.po-mini-f img{mix-blend-mode:multiply}
.po-kf{background:#f5f6f8;border-radius:10px}.po-kf img{mix-blend-mode:multiply;padding:10%}
.po-kat a{border:0;padding:0}.po-kat a:hover{box-shadow:none}.po-kat a:hover b{color:var(--a)}
.po-mf{background:#f5f6f8;border:0}.po-mf img{mix-blend-mode:multiply}
/* USP pás bez kariet */
.po-vy{background:#f6f7f8;margin-top:16px;padding:14px 0}
.po-vy .vy>div{border:0;background:transparent;padding:4px 0}
.po-vy svg{background:#fff}
.po-top .w{min-height:32px}
/* nadpisy sekcií výraznejšie */
.po-h h2,.po-podobne .sk-h h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em}
.po-sek{padding-top:clamp(32px,4.5vw,56px)}
.po-viac{display:none;text-align:center;margin-top:18px}
/* detail: galéria lepí, menej prázdna */
@media(min-width:901px){.dt .gal{position:sticky;top:150px;align-self:start}}
.po-otazka{font-size:14px;color:var(--soft);margin:4px 0 14px}.po-otazka a{color:var(--a);font-weight:700}
.dt-i h1{text-wrap:balance;hyphens:manual}
.po-sticky{display:none}
/* scroll pásy: náznak, že pokračujú */
.po-nav .w,.zalozky.po-zal,.po-chips{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
/* plávajúce Administrácia: nikdy cez obsah */
.adm-btn{bottom:68px}
@media(max-width:700px){
.adm-btn{width:48px;height:48px;padding:0!important;border-radius:50%;justify-content:center;bottom:56px!important;right:12px}
.adm-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body:has(.po-sticky) .adm-btn{bottom:120px!important}
body:has(.po-sticky){padding-bottom:120px!important}
.po-sticky{display:flex;position:fixed;left:0;right:0;bottom:44px;z-index:65;background:#fff;border-top:1px solid var(--line);padding:8px 12px;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 -6px 20px -12px rgba(0,0,0,.25)}
.po-sticky .c{font-size:20px;font-weight:800}
.po-sticky .bt{height:44px;flex:1;max-width:220px}
/* úvod kratší: Odporúčame 8 kariet + tlačidlo, kategórie vodorovne */
.po-mr .kr:nth-child(n+9){display:none}.po-viac{display:block}.po-viac .bt{width:100%}
.po-kat,.po-kat[style]{display:flex;overflow-x:auto;scrollbar-width:none;gap:10px;margin:0 calc(-1 * var(--g));padding:0 var(--g)}
.po-kat::-webkit-scrollbar{display:none}.po-kat a{flex:0 0 30%}
.po-h h2{font-size:21px}
.mr{gap:18px 10px}}
/* záložky: skryté karty z inej kategórie sa musia dať zobraziť aj na mobile */
@media(max-width:700px){.po-mr[data-tab] .kr:nth-child(n+9):not([hidden]){display:flex}}
@media(max-width:900px){.po-rad{scroll-padding-left:var(--g)}}

/* v3 (Ivo: prehľadnejšie): viac vzduchu, jeden hero, jedna mriežka */
.po-hero{padding-top:28px}
.po-hlavny{min-height:440px;padding:clamp(28px,4vw,56px)}
.po-hlavny h1{font-size:clamp(32px,3.8vw,52px)}
.po-vy{background:transparent;margin-top:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.po-vy .vy{gap:24px}
.po-vy p{-webkit-line-clamp:1}
.po-sek{padding-top:clamp(40px,5.5vw,72px)}
.po-h{margin-bottom:22px}
.mr{gap:32px 20px}
.po-viac-v{display:block;margin-top:32px}
.po-viac-v .bt{min-width:280px}
main>.sk.ciara:last-child{margin-top:clamp(48px,6vw,80px)}
@media(max-width:860px){.po-hlavny{padding:18px}.po-hlavny h1{font-size:clamp(24px,7vw,30px)}.po-pod{-webkit-line-clamp:2}
.po-vy .vy{display:flex!important;overflow-x:auto;scrollbar-width:none;gap:20px}.po-vy .vy>div{flex:0 0 auto;max-width:220px}.po-vy p{display:none}
.po-vy .vy>div:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:700px){.po-mr .kr:nth-child(n+7){display:none}.po-viac{display:none}.po-viac-v{display:block}.mr{gap:22px 10px}}