/* E-shop pryžových výrobků – vzhled „Signál“ (koncept C):
   průmyslový katalog, kondenzované velké písmo, žlutá hazardní stuha jako akcent,
   mono pro kódy a čísla, hard-edge karty bez stínů. */

/* === písma (vlastní hosting) === */
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(fonty/barlow-condensed-latin-ext-600-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(fonty/barlow-condensed-latin-600-normal.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:"Barlow Condensed";font-weight:700;font-display:swap;src:url(fonty/barlow-condensed-latin-ext-700-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(fonty/barlow-condensed-latin-700-normal.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:"Barlow Condensed";font-weight:800;font-display:swap;src:url(fonty/barlow-condensed-latin-ext-800-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(fonty/barlow-condensed-latin-800-normal.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-weight:400;font-display:swap;src:url(fonty/inter-latin-ext-400-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(fonty/inter-latin-400-normal.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-weight:500;font-display:swap;src:url(fonty/inter-latin-ext-500-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(fonty/inter-latin-500-normal.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-weight:600;font-display:swap;src:url(fonty/inter-latin-ext-600-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(fonty/inter-latin-600-normal.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-weight:700;font-display:swap;src:url(fonty/inter-latin-ext-700-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:700;font-display:swap;src:url(fonty/inter-latin-700-normal.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:"Barlow";font-weight:400;font-display:swap;src:url(fonty/barlow-latin-ext-400-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(fonty/barlow-latin-400-normal.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:"Barlow";font-weight:500;font-display:swap;src:url(fonty/barlow-latin-ext-500-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url(fonty/barlow-latin-500-normal.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:"Barlow";font-weight:600;font-display:swap;src:url(fonty/barlow-latin-ext-600-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(fonty/barlow-latin-600-normal.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:"Barlow";font-weight:700;font-display:swap;src:url(fonty/barlow-latin-ext-700-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-weight:700;font-display:swap;src:url(fonty/barlow-latin-700-normal.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:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(fonty/ibm-plex-mono-latin-ext-500-normal.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+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(fonty/ibm-plex-mono-latin-500-normal.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}

:root{
	--bila:#FFFFFF; --papir:#EEEFEC; --papir2:#E5E6E3;
	--inkoust:#1F2123; --inkoust2:#272A2D; --text2:#3A3E42; --sedy:#5A6068; --linka:#D3D6D2; --linka2:#C4C7C3;
	--znacka:#F5C800; --znacka-tmava:#D4AD00;
	--akce:#C0392B; --akce2:#A6291E;
	--ok:#2E7A4E; --pozdeji:#8A5300; --ne:#5A6068;
	--nadpis:"Barlow Condensed","Barlow",Impact,sans-serif;
	--pismo:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
	--mono:"IBM Plex Mono",ui-monospace,monospace;
	--odkaz:var(--inkoust);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bila);color:var(--inkoust);font:17px/1.55 var(--pismo);font-variant-numeric:tabular-nums;overflow-x:hidden}
a{color:var(--odkaz);text-underline-offset:3px;text-decoration-color:var(--linka2)}
a:hover{color:#000;text-decoration-color:var(--znacka);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--znacka);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--nadpis);font-weight:800;letter-spacing:.005em;line-height:.95;text-transform:uppercase;margin:0 0 .5em}
h1{font-size:clamp(32px,4.4vw,54px)} h2{font-size:clamp(26px,3vw,40px)} h3{font-size:22px;font-weight:700}
.obal{max-width:1280px;margin:0 auto;padding:0 28px}
@media (max-width:600px){.obal{padding:0 16px}}
.skryte{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mono{font-family:var(--mono);font-weight:500;font-size:.9em;letter-spacing:.02em}
.male{font-size:14px} .sedy{color:var(--sedy)}
[hidden]{display:none!important}

/* === hazardní stuha === */
.vystraha{height:8px;background:repeating-linear-gradient(45deg,var(--znacka) 0 18px,var(--inkoust) 18px 36px)}

/* === horní lišta === */
.lista{background:var(--inkoust);color:#B9BFC2;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.lista .obal{display:flex;align-items:center;gap:10px 32px;min-height:34px}
.lista .prepinac{display:flex;border:1px solid #2E3338;background:#0E1113}
.lista .prepinac button{height:24px;padding:0 10px;border:0;background:transparent;color:#8A9196;font:inherit;font-family:var(--mono);font-size:11px;cursor:pointer;letter-spacing:.1em}
.lista .prepinac button[aria-pressed=true]{background:var(--znacka);color:var(--inkoust)}
.lista-odkazy{margin-left:auto;display:flex;gap:24px}
.lista-odkazy a{color:#FFFFFF;text-decoration:none;letter-spacing:.1em}
.lista-odkazy a:hover{color:var(--znacka)}
@media (max-width:600px){.lista>.obal>span{display:none}}

/* === hlavička === */
.hlavicka{background:#FFFFFF;border-bottom:1px solid var(--linka)}
.hlavicka .obal{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--inkoust)}
.logo:hover{color:var(--inkoust);text-decoration:none}
.logo-nazev{font-family:var(--nadpis);font-weight:800;font-size:30px;text-transform:uppercase;letter-spacing:.005em;line-height:1;color:var(--inkoust)}
.logo-eshop{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sedy);border-left:1px solid var(--linka);padding-left:12px}
.hlavicka .menu{display:flex;align-self:stretch;gap:0 26px;font-family:var(--nadpis);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.015em;flex:1;overflow-x:auto;scrollbar-width:none}
.hlavicka .menu a{display:flex;align-items:center;color:var(--inkoust);text-decoration:none;white-space:nowrap;position:relative;padding:0 2px}
.hlavicka .menu a:hover{color:var(--inkoust);text-decoration:none}
.hlavicka .menu a:hover::after,.hlavicka .menu a[aria-current=page]::after{content:"";position:absolute;left:-4px;right:-4px;bottom:-18px;height:4px;background:var(--znacka)}
.hledani{flex:1 1 240px;max-width:360px;display:flex;background:var(--bila);border:1.5px solid var(--linka2);transition:border-color .1s}
.hledani:focus-within{border-color:var(--inkoust)}
.hledani input{flex:1;min-width:0;height:44px;border:0;background:transparent;padding:0 14px;font:inherit;font-size:15px}
.hledani input:focus{outline:none}
.hledani button{width:48px;border:0;background:transparent;color:var(--inkoust);cursor:pointer;display:flex;align-items:center;justify-content:center}
.hledani button:hover{background:var(--papir)}
.tl-kosik{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;background:var(--inkoust);color:#FFFFFF;text-decoration:none;font-weight:700;letter-spacing:.01em}
.tl-kosik:hover{background:#000;color:#FFFFFF;text-decoration:none}
.tl-kosik b{background:var(--znacka);color:var(--inkoust);font-family:var(--mono);font-weight:600;font-size:12px;padding:2px 6px;letter-spacing:.04em}
.tl-ikona{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 10px;color:var(--inkoust);text-decoration:none;font-weight:600}
.tl-ikona:hover{color:var(--inkoust);text-decoration:none;background:var(--papir)}

@media (max-width:980px){
	.hlavicka .obal{row-gap:10px}
	.hlavicka .menu{order:5;width:100%;border-top:1px solid var(--linka);padding-top:12px;font-size:16px;gap:0 22px}
	.hlavicka .menu a:hover::after,.hlavicka .menu a[aria-current=page]::after{bottom:-12px}
	.hledani{flex-basis:100%;order:4}
	.logo{flex:1}
}

/* === tlačítka a formuláře === */
.tl{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;background:var(--inkoust);color:#FFFFFF;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;letter-spacing:.015em;transition:background .12s}
.tl:hover{background:#000;color:#FFFFFF;text-decoration:none}
.tl-primarni{background:var(--znacka);color:var(--inkoust)}
.tl-primarni:hover{background:var(--znacka-tmava);color:var(--inkoust)}
.tl-obrys{background:transparent;color:var(--inkoust);box-shadow:inset 0 0 0 1.5px var(--inkoust)}
.tl-obrys:hover{background:var(--inkoust);color:#FFFFFF}
.tl-velke{min-height:56px;padding:0 28px;font-size:17px}
.tl[disabled]{background:#9FA5A9;cursor:not-allowed;color:#FFFFFF}
.pole{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text2);font-family:var(--pismo)}
.pole input,.pole select,.pole textarea,input.vstup,select.vstup{height:48px;border:1.5px solid var(--linka2);background:var(--bila);padding:0 12px;font-family:var(--pismo);font-size:16px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--inkoust);width:100%}
.pole input:focus,.pole select:focus,.pole textarea:focus,.vstup:focus{border-color:var(--inkoust);outline:none}
.pole textarea{height:auto;min-height:96px;padding:10px 12px}
.pole .chyba,.chyba-text{color:var(--akce);font-weight:600;text-transform:none}
.pole.ma-chybu input{border-color:var(--akce)}
.mrizka{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.zaskrt{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-weight:500;text-transform:none;letter-spacing:0;color:var(--inkoust)}
.zaskrt input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--znacka);flex:none}
.zprava,.zprava-chyba{padding:12px 16px;margin:16px 0;font-weight:600;border-left:4px solid var(--znacka);background:var(--papir)}
.zprava-chyba{border-left-color:var(--akce);background:#FBE7E8;color:#8A0F14}

/* === úvod: tmavý katalog === */
.uvod-c{background:var(--inkoust);color:#FFFFFF;position:relative;overflow:hidden}
.uvod-c .obal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;padding-top:72px;padding-bottom:60px;align-items:center}
.uvod-stitek{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--znacka);text-transform:uppercase;margin-bottom:22px}
.uvod-stitek .cip{width:10px;height:10px;background:var(--znacka)}
.uvod-c h1{font-size:clamp(44px,7.5vw,112px);line-height:.92;color:#FFFFFF;letter-spacing:.005em;margin:0 0 24px}
.uvod-c h1 span{color:var(--znacka)}
.uvod-c h1 .cerna{color:#FFFFFF}
.uvod-c p{font-size:19px;max-width:560px;color:#B9BFC2;margin:0 0 28px}
.uvod-rychla{display:flex;gap:0;max-width:540px;border:1px solid #2E3338;background:#FFFFFF}
.uvod-rychla input{flex:1;min-width:0;height:56px;border:0;padding:0 20px;font:inherit;font-size:17px;background:transparent;color:var(--inkoust)}
.uvod-rychla input:focus{outline:none}
.uvod-rychla button{height:56px;border:0;padding:0 24px;background:var(--znacka);color:var(--inkoust);font:inherit;font-weight:800;font-size:16px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}
.uvod-rychla button:hover{background:var(--znacka-tmava)}
.uvod-c .meta{margin-top:16px;font-family:var(--mono);font-size:12px;color:#8A9196;letter-spacing:.08em;text-transform:uppercase}
.uvod-foto{position:relative;aspect-ratio:1/1.1;border:1px solid #2E3338;overflow:hidden}
.uvod-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uvod-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:repeating-linear-gradient(45deg,var(--znacka) 0 18px,var(--inkoust) 18px 36px)}
.uvod-foto .stitek-mono{position:absolute;top:14px;left:14px;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;color:#FFFFFF;background:rgba(17,21,24,.78);padding:6px 10px;text-transform:uppercase;z-index:1}
.uvod-foto .foto-misto{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#6E767A;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#1C2124 0 10px,#161A1D 10px 20px)}
@media (max-width:900px){.uvod-c .obal{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:36px}.uvod-c h1{font-size:48px}}

/* lišta drobných fakt pod úvodem */
.pas-fakta{background:var(--papir);border-bottom:1px solid var(--linka)}
.pas-fakta .obal{display:flex;flex-wrap:wrap;gap:10px 48px;padding:16px 28px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}
.pas-fakta b{color:var(--inkoust);font-weight:600;margin-right:6px}

/* firemní pruh pro titulní */
.firmy-pruh{background:var(--inkoust);color:#FFFFFF}
.firmy-pruh .obal{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;padding-top:52px;padding-bottom:52px;align-items:center}
.firmy-pruh h2{color:#FFFFFF;margin:0 0 14px}
.firmy-pruh .popis{color:#B9BFC2;max-width:460px;margin:0 0 16px}
.firmy-pruh .stitek{font-family:var(--mono);font-size:12px;color:var(--znacka);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;display:block}
.firmy-pruh .tl-primarni{color:var(--inkoust)}

/* === sekce a sortiment === */
.sekce{padding-top:64px;padding-bottom:8px}
.sekce-hlava{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px}
.sekce-hlava h2{margin:0;font-size:clamp(28px,3.4vw,46px)}
.sekce-hlava .pocet{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--sedy);text-transform:uppercase}
.sekce-hlava a{font-weight:700;text-decoration:none;color:var(--inkoust);border-bottom:3px solid var(--znacka);padding-bottom:2px}
.sekce-hlava a:hover{color:var(--inkoust);background:var(--znacka)}

/* kategorie: mřížka s čísly 01, 02… */
.kat-mrizka{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--linka);border:1px solid var(--linka)}
.kat-mrizka a{display:flex;flex-direction:column;background:var(--bila);color:var(--inkoust);text-decoration:none}
.kat-mrizka a:hover{background:var(--papir);color:var(--inkoust);text-decoration:none}
.kat-mrizka .foto{aspect-ratio:1/1;overflow:hidden;background:var(--papir2)}
.kat-mrizka .foto img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.kat-mrizka a:hover .foto img{transform:scale(1.03)}
.kat-mrizka .foto-misto{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#EDEDE9 0 8px,#E4E4E0 8px 16px);color:var(--sedy);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.kat-mrizka .popisek{padding:18px 20px 20px}
.kat-mrizka .cislo{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--sedy)}
.kat-mrizka b{display:block;font-family:var(--nadpis);font-weight:800;font-size:23px;text-transform:uppercase;line-height:1.05;margin-top:4px;letter-spacing:.01em}
.kat-mrizka .sedy{font-size:14px;margin-top:4px}

/* === karty zboží === */
.karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:16px}
.karta{position:relative;display:flex;flex-direction:column;background:var(--bila);border:1px solid var(--linka);transition:border-color .12s}
.karta:hover{border-color:var(--inkoust)}
.karta .foto{aspect-ratio:16/9;background:var(--papir);position:relative;overflow:hidden;padding:22px}
.karta .foto img{width:100%;height:100%;object-fit:contain}
.karta .foto:not(:has(img)){background:repeating-linear-gradient(45deg,#F2F2EF 0 10px,#EAEAE6 10px 20px);display:flex;align-items:center;justify-content:center;color:var(--sedy);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.karta .kod{position:absolute;top:12px;left:12px;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;background:var(--bila);color:var(--inkoust);padding:4px 8px;text-transform:uppercase;z-index:1}
.karta .telo{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.karta .nazev{font-weight:600;font-size:17px;line-height:1.3;color:var(--inkoust);text-decoration:none}
.karta .nazev::after{content:"";position:absolute;inset:0}
.karta form,.karta .tl,.karta .spodek .tl{position:relative;z-index:1}
.karta:hover .nazev{color:#000}
.karta .spodek{margin-top:auto;padding-top:12px;border-top:1px solid var(--linka);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cena{font-family:var(--nadpis);font-weight:800;font-size:26px;letter-spacing:.005em;line-height:1}
.cena2{font-family:var(--mono);font-size:12px;color:var(--sedy);letter-spacing:.02em}
.dost{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.dost::before{content:"";width:8px;height:8px;background:currentColor;flex:none}
.dost.ok{color:var(--ok)}
.dost.pozdeji{color:var(--pozdeji)} .dost.pozdeji::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.dost.ne{color:var(--ne)}
.karta .spodek .tl{min-height:40px;padding:0 14px;font-size:14px}
.karta .spodek .tl-obrys{text-decoration:none}
@media (max-width:600px){
	.karty{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.karta .telo{padding:10px 12px 12px}
	.karta .nazev{font-size:14px;line-height:1.25}
	.karta .spodek{flex-direction:column;align-items:stretch}
	.karta .spodek .tl{flex:1}
	.cena{font-size:19px}
	.dost{font-size:12px}
}

/* === výpis a filtry === */
.drobky{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sedy);padding-top:24px}
.drobky a{color:var(--sedy);text-decoration:none}
.drobky a:hover{color:var(--inkoust)}
.vypis{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;padding:16px 0 72px}
.filtry-obal{flex:1 1 220px;max-width:100%}
.filtry-obal>summary{display:none}
.filtry{display:flex;flex-direction:column;gap:24px;border-top:3px solid var(--inkoust);padding-top:18px}
.filtry fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.filtry legend{font-family:var(--nadpis);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.015em;margin-bottom:6px}
.filtry .pocet{color:var(--sedy);font-family:var(--mono);font-size:12px}
.vysledky{flex:999 1 560px;min-width:0}
.razeni{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:3px solid var(--inkoust);padding-top:14px;margin-bottom:18px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.razeni select{height:42px;border:1.5px solid var(--linka2);background:var(--bila);padding:0 10px;font:inherit;font-family:var(--pismo);text-transform:none;letter-spacing:0}
.strankovani{display:flex;gap:4px;flex-wrap:wrap;margin-top:28px}
.strankovani a,.strankovani span{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--linka2);text-decoration:none;color:var(--inkoust);padding:0 12px;background:var(--bila);font-weight:600}
.strankovani a:hover{border-color:var(--inkoust);text-decoration:none}
.strankovani span{background:var(--inkoust);color:#FFFFFF;border-color:var(--inkoust)}
.podkat{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.podkat a{border:1.5px solid var(--linka2);background:var(--bila);padding:7px 14px;color:var(--inkoust);text-decoration:none;font-weight:600;font-size:14px}
.podkat a:hover,.podkat a[aria-current=page]{border-color:var(--inkoust);text-decoration:none}
.podkat a[aria-current=page]{background:var(--inkoust);color:#FFFFFF}
@media (max-width:700px){.filtry-obal{flex-basis:100%}.filtry-obal>summary{display:flex;width:100%}.filtry-obal[open]>summary{margin-bottom:14px}.vypis{gap:16px}}

/* === detail === */
.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 56px;padding:20px 0 48px}
@media (max-width:860px){.detail{grid-template-columns:1fr;gap:24px}}
.galerie{display:flex;flex-direction:column;gap:10px}
.galerie .hlavni{aspect-ratio:1/1;background:var(--papir);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.galerie .hlavni:not(:has(img)){background:repeating-linear-gradient(45deg,#F2F2EF 0 10px,#EAEAE6 10px 20px);color:var(--sedy);font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.galerie .hlavni::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(45deg,var(--znacka) 0 10px,var(--inkoust) 10px 20px);opacity:0;transition:opacity .2s}
.galerie .hlavni:has(img)::after{opacity:1}
.galerie .hlavni img{width:100%;height:100%;object-fit:cover}
.galerie .male{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.galerie .male a{aspect-ratio:1/1;background:var(--papir);border:1px solid var(--linka);padding:6px}
.info{display:flex;flex-direction:column;gap:18px;min-width:0}
.kody{font-family:var(--mono);font-size:12px;color:var(--sedy);letter-spacing:.1em;text-transform:uppercase}
.kody b{color:var(--inkoust);font-weight:600}
.nazev-zbozi{font-size:clamp(30px,3.8vw,46px);line-height:.98;letter-spacing:.005em;margin:4px 0 0}
.nazev-zbozi span{color:var(--sedy);font-weight:700}
.varianty{display:flex;flex-direction:column;border-top:3px solid var(--inkoust)}
.varianty a{display:flex;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid var(--linka);color:var(--inkoust);text-decoration:none;font-weight:500}
.varianty a::before{content:"";width:16px;height:16px;border:1.5px solid var(--linka2);flex:none}
.varianty a[aria-current=true]{font-weight:700;background:var(--papir)}
.varianty a[aria-current=true]::before{border-color:var(--inkoust);background:var(--znacka)}
.varianty a span:first-of-type{flex:1}
.varianty a span:last-of-type{font-family:var(--nadpis);font-weight:800;font-size:20px;letter-spacing:.005em}
.varianty a:hover{background:var(--papir)}
.nakup{background:var(--papir);padding:24px;display:flex;flex-direction:column;gap:14px;border-left:4px solid var(--znacka)}
.nakup .cena{font-size:44px}
.nakup-radek{display:flex;flex-wrap:wrap;gap:10px}
.ks{display:flex;border:1.5px solid var(--linka2);background:var(--bila)}
.ks input{width:72px;height:54px;border:0;text-align:center;font-family:var(--nadpis);font-weight:800;font-size:22px;background:transparent}
.ks button{width:48px;height:54px;border:0;background:transparent;font:inherit;font-size:22px;cursor:pointer}
.dve-sloupce{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px 56px;padding-bottom:72px}
.nadpis-cara{font-family:var(--nadpis);font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:.01em;padding-bottom:10px;border-bottom:3px solid var(--inkoust)}
.popis p{margin:0 0 1em;max-width:62ch}
.tabulka{width:100%;border-collapse:collapse;font-size:15px}
.tabulka th,.tabulka td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--linka);vertical-align:top}
.tabulka th{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sedy);width:40%}
.tabulka td{font-weight:500}
.tabulka .vpravo{text-align:right}

/* === košík a pokladna === */
.kosik{display:flex;flex-wrap:wrap;gap:32px 40px;align-items:flex-start;padding:28px 0 72px}
.kosik-hlavni{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:32px}
.kosik-hlavni section{background:var(--bila);border-top:3px solid var(--inkoust);padding:22px 0 0}
.kosik-hlavni h1,.kosik-hlavni h2{font-size:28px;margin:0 0 14px}
.polozka{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 0;border-bottom:1px solid var(--linka)}
.polozka .foto{width:72px;height:72px;background:var(--papir);border:1px solid var(--linka);flex:none;display:flex;align-items:center;justify-content:center}
.polozka .foto img{width:70px;height:70px;object-fit:cover}
.polozka .co{flex:1 1 240px;min-width:0}
.polozka .ks input{width:60px;height:44px;font-size:18px}
.polozka .ks button{width:44px;height:44px}
.polozka .castka{width:120px;text-align:right;font-family:var(--nadpis);font-weight:800;font-size:22px}
.odebrat{background:none;border:0;color:var(--sedy);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px;min-height:44px}
.volby{display:flex;flex-direction:column;gap:0}
.volba{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--linka);background:var(--bila);cursor:pointer;transition:border-color .1s;margin-top:-1.5px}
.volba:first-of-type{margin-top:0}
.volba:hover{border-color:var(--sedy);z-index:1;position:relative}
.volba:has(input:checked){border-color:var(--inkoust);background:var(--papir);z-index:2;position:relative}
.volba:has(input:checked)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--znacka)}
.volba input{width:20px;height:20px;accent-color:var(--inkoust);flex:none}
.volba .text{flex:1}
.volba.nelze{border-style:dashed;color:var(--sedy);cursor:not-allowed;background:transparent}
.souhrn{flex:1 1 320px;min-width:0;background:var(--inkoust);color:#FFFFFF;padding:24px;display:flex;flex-direction:column;gap:10px;position:sticky;top:16px}
@media (max-width:900px){.souhrn{position:static}}
.souhrn h2{color:#FFFFFF;margin:0 0 4px;font-size:24px}
.souhrn .radek{display:flex;justify-content:space-between;gap:12px;color:#C9CDCB}
.souhrn .radek span:last-child{font-weight:600;color:#FFFFFF}
.souhrn .celkem{border-top:1px solid #2E3338;padding-top:12px;margin-top:4px;align-items:baseline}
.souhrn .celkem span:first-child{color:#FFFFFF;font-weight:700}
.souhrn .celkem b{font-family:var(--nadpis);font-weight:800;font-size:34px;color:var(--znacka);letter-spacing:.005em}
.souhrn .tl{background:var(--znacka);color:var(--inkoust)}
.souhrn .tl:hover{background:var(--znacka-tmava);color:var(--inkoust)}
.souhrn a{color:#FFFFFF}
.firma-pole,.dodaci-pole{display:none}
form:has(#nafirmu:checked) .firma-pole,form:has(#jinadodaci:checked) .dodaci-pole{display:grid}

.casova{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.casova li{padding-left:18px;border-left:3px solid var(--linka)}
.casova li.hotovo{border-left-color:var(--ok)}

/* === patička === */
.paticka{background:var(--inkoust);color:#9FA5A9;border-top:0}
.paticka .obal{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;padding-top:48px;padding-bottom:36px;font-size:14px}
.paticka b{color:#FFFFFF;font-weight:700;font-family:var(--nadpis);font-size:16px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
.paticka a{color:#C9CDCB;text-decoration:none}
.paticka a:hover{color:var(--znacka);text-decoration:none}
.paticka div{display:flex;flex-direction:column;gap:8px}
.paticka .vystraha{height:4px;margin:28px -28px 0}
.paticka-dole{background:var(--inkoust);color:#6E767A;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.paticka-dole .obal{padding:16px 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #2A3034}
main{min-height:50vh}
.uzke{max-width:520px;margin:40px auto;padding:0 28px}
.obsah-text{max-width:760px;padding:28px 28px 64px;margin:0 auto}
.obsah-text h2{margin-top:1.4em}

/* === správa === */
.sprava{background:var(--papir)}
.sprava-hlava{background:var(--inkoust);color:#FFFFFF;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 24px;border-bottom:4px solid var(--znacka)}
.sprava-hlava .logo-nazev{color:#FFFFFF;font-size:22px}
.sprava-hlava .logo-eshop{color:#9FA5A9;border-color:#2E3338}
.sprava-menu{display:flex;flex-wrap:wrap;gap:2px;flex:1}
.sprava-menu a{color:#C9CDCB;text-decoration:none;padding:10px 12px;font-family:var(--nadpis);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.sprava-menu a:hover{background:#1C2124;color:#FFFFFF;text-decoration:none}
.sprava-ja{font-family:var(--mono);font-size:12px;color:#9FA5A9;letter-spacing:.08em;text-transform:uppercase} .sprava-ja a,.sprava-ja .odebrat{color:#C9CDCB}
.sprava-obsah{max-width:1280px;margin:0 auto;padding:24px}
.sprava h1,.sprava h2{text-transform:uppercase}
.ramecek{background:var(--bila);border:1px solid var(--linka);padding:22px;margin:0 0 16px}
.ramecek h2{font-size:22px}
.cisla{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.cisla>*{background:var(--bila);border:1px solid var(--linka);border-left:4px solid var(--znacka);padding:18px;color:var(--inkoust);text-decoration:none}
.cisla b{display:block;font-family:var(--nadpis);font-weight:800;font-size:40px;letter-spacing:.005em}
.posuv{overflow-x:auto;background:var(--bila)}
.stav{display:inline-block;padding:3px 9px;font-family:var(--mono);font-size:12px;font-weight:500;background:#ECEEEB;letter-spacing:.06em;text-transform:uppercase}
.stav-nova{background:var(--znacka);color:var(--inkoust)} .stav-odeslana,.stav-vyrizena{background:#E5F2E9;color:#14532A} .stav-zrusena{color:var(--sedy)}
.varianta{border:1px solid var(--linka2);padding:14px;margin-bottom:10px;background:var(--papir)}
.mrizka-var{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mrizka-var .pole input{height:42px}
.parametry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:640px}
.sloupce-zaskrt{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.obrazky{display:flex;flex-wrap:wrap;gap:12px}
.obrazek-nahled{width:140px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--linka);padding:6px}
.obrazek-nahled img{width:126px;height:126px;object-fit:contain}
.lepici{position:sticky;bottom:0;background:rgba(246,246,243,.96);padding:12px 0;border-top:1px solid var(--linka);margin-bottom:16px}
details>summary{list-style:none;cursor:pointer} details>summary::-webkit-details-marker{display:none}
.formular .ramecek h2{font-family:var(--nadpis);text-transform:uppercase;letter-spacing:.01em}
.uvod-c h1{word-break:keep-all}
.hlavicka .menu{max-width:100%;flex:1 1 auto}
.hlavicka .menu::-webkit-scrollbar{display:none}
/* na menších obrazovkách přesunout menu pod logo */
@media (min-width:981px) and (max-width:1200px){.hlavicka .menu{font-size:16px;gap:0 18px}.hlavicka .menu a{letter-spacing:.005em}}
.lista .prepinac{flex:none}
.lista .prepinac button{white-space:nowrap}
@media (max-width:600px){
	.lista .obal{min-height:0;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
	.lista-odkazy{margin-left:0;font-size:11px;gap:12px}
}
/* dole v patičce: nelepit do tmavé lišty */
.paticka-dole .obal{align-items:center}
@media (max-width:900px){
	.uvod-c h1{font-size:clamp(32px,8vw,52px);hyphens:none;word-break:break-word}
	.uvod-c .obal{padding-top:28px;padding-bottom:36px;gap:28px}
	.uvod-foto{aspect-ratio:4/3}
	.uvod-rychla input{height:48px;font-size:15px}
	.uvod-rychla button{height:48px;padding:0 16px;font-size:13px}
	.uvod-c .meta{font-size:11px}
}
@media (max-width:600px){
	.uvod-stitek{font-size:11px;margin-bottom:14px}
	.uvod-c .obal{padding-left:16px;padding-right:16px}
}
.uvod-rychla{flex-wrap:wrap}
.uvod-rychla input{min-width:0}
.uvod-c p{word-break:break-word;overflow-wrap:break-word}
.pas-fakta .obal{gap:4px 24px}
@media (max-width:600px){.uvod-rychla input[type=number]{width:60px!important}}
.uvod-diagram-obal{width:100%;max-width:600px}
.uvod-diagram{width:100%;height:auto;display:block;background:#F6F6F3;border:1px solid #2E3338}
.uvod-diagram .vlna{animation:tlumit 3.5s cubic-bezier(.3,0,.2,1) infinite;transform-origin:center}
@keyframes tlumit{0%,30%{transform:scaleY(1)}60%{transform:scaleY(.15)}70%,100%{transform:scaleY(.05)}}
@media (prefers-reduced-motion:reduce){.uvod-diagram .vlna{animation:none}}
@media (max-width:900px){.uvod-diagram-obal{max-width:none}}
/* Sady a balíčky */
.obsah-sady{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.obsah-sady li{padding:10px 14px;background:var(--papir);border:1px solid var(--linka);border-left:3px solid var(--znacka);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.obsah-sady a{color:var(--inkoust);text-decoration:none;font-weight:500}
.obsah-sady a:hover{text-decoration:underline}
.karta .stitek-sada{position:absolute;top:12px;right:12px;background:var(--znacka);color:var(--inkoust);font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.14em;padding:4px 8px;text-transform:uppercase;z-index:2}

/* Zekton — maskot pás */
.zekton-pas{background:var(--inkoust);color:#fff;padding:48px 0;margin-top:0;position:relative;overflow:hidden}
.zekton-pas::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(45deg,var(--znacka) 0 20px,var(--inkoust2) 20px 40px)}
.zekton-pas .obal{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center;padding-top:16px}
.zekton-foto{position:relative}
.zekton-foto img{width:100%;height:auto;display:block;clip-path:inset(0 round 2px);filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}
.zekton-text h2{font-family:var(--nadpis);font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:40px;line-height:1.05;margin:8px 0 14px;color:#fff}
.zekton-text p{color:#C2C7CB;font-size:16px;line-height:1.55;max-width:620px;margin:0 0 22px}
.zekton-text .uvod-stitek{color:var(--znacka)}
.zekton-text .cip{background:var(--znacka)}
.zekton-text .tl{margin-right:10px}
.zekton-text .tl-obrys{box-shadow:inset 0 0 0 1.5px #FFFFFF;color:#FFFFFF;background:transparent}
.zekton-text .tl-obrys:hover{background:rgba(255,255,255,.08)}
@media (max-width:900px){
	.zekton-pas .obal{grid-template-columns:1fr;gap:24px}
	.zekton-foto{max-width:280px;margin:0 auto}
	.zekton-text h2{font-size:30px}
}

/* 404 — Zekton se škrábe na hlavě */
.ctyristo-ctyri{background:var(--inkoust);color:#fff;min-height:70vh;padding:56px 0;position:relative;overflow:hidden}
.ctyristo-ctyri::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(45deg,var(--znacka) 0 20px,var(--inkoust2) 20px 40px)}
.ctyristo-ctyri .obal{display:grid;grid-template-columns:420px 1fr;gap:56px;align-items:center;padding-top:24px}
.ctyristo-foto img{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 48px rgba(0,0,0,.5))}
.ctyristo-text .chyba-kod{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.3em;color:var(--znacka);margin-bottom:10px}
.ctyristo-text h1{font-family:var(--nadpis);font-weight:800;text-transform:uppercase;font-size:52px;line-height:1.02;margin:0 0 18px;color:#fff}
.ctyristo-text p{color:#C2C7CB;font-size:17px;line-height:1.55;max-width:520px;margin:0 0 26px}
.ctyristo-akce{display:flex;gap:12px;flex-wrap:wrap}
.ctyristo-text .tl-obrys{box-shadow:inset 0 0 0 1.5px #FFFFFF;color:#FFFFFF;background:transparent}
.ctyristo-text .tl-obrys:hover{background:rgba(255,255,255,.08)}
@media (max-width:900px){
	.ctyristo-ctyri .obal{grid-template-columns:1fr;gap:28px}
	.ctyristo-foto{max-width:320px;margin:0 auto}
	.ctyristo-text h1{font-size:36px}
}

/* Zekton — slib nad hlavičkou podle manuálu */
.slib{background:var(--inkoust);color:#fff;font-size:12.5px;line-height:16px;padding:9px 0;letter-spacing:.02em}
.slib .obal{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.slib .slib-text b{color:#fff;font-weight:600}
.slib span{color:#C2C7CB}
.slib span.slib-text{color:#fff;flex:1 1 auto}
@media (max-width:700px){.slib .obal{gap:12px;font-size:12px}}

/* Logo Zekton — grafitová ikona s hazard pruhy + nápis */
.logo{text-decoration:none;color:var(--inkoust);display:inline-flex;align-items:center;padding:4px 0}
.logo img{display:block;height:42px;width:auto;max-width:220px}
@media (max-width:850px){.logo img{height:34px}}

/* Štítky na kartách produktů podle manuálu Zekton */
.karta .stitky{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:4px;z-index:2;max-width:calc(100% - 24px)}
.karta .stitky .stitek{font-family:var(--mono);font-weight:500;font-size:10.5px;line-height:1;letter-spacing:.14em;padding:4px 7px;text-transform:uppercase;border-radius:1px;align-self:flex-start}
.karta .stitek-sada{background:var(--znacka);color:var(--inkoust)}
.karta .stitek-skladem{background:var(--ok);color:#fff}
.karta .stitek-objednavku{background:var(--sedy);color:#fff}
.karta .stitek-paleta{background:var(--sedy);color:#fff}
/* starý stitek-sada ve zaklad.html se už nepoužívá */

/* 404 — vyhledávání */
.ctyristo-hledani{display:flex;gap:8px;margin:0 0 22px;max-width:460px}
.ctyristo-hledani input{flex:1;padding:12px 16px;border:1px solid #4A4E52;background:var(--inkoust2);color:#fff;font-size:15px;font-family:var(--pismo)}
.ctyristo-hledani input:focus{outline:2px solid var(--znacka);outline-offset:0;border-color:var(--znacka)}
.ctyristo-hledani input::placeholder{color:#8A9196}
.ctyristo-hledani button{background:var(--znacka);color:var(--inkoust);border:0;padding:12px 20px;font-weight:700;letter-spacing:.03em;cursor:pointer;font-family:var(--pismo)}
.ctyristo-hledani button:hover{background:var(--znacka-tmava)}

/* Pro firmy — hero a seznam výhod */
.firmy-hero{background:var(--inkoust);color:#fff;padding:56px 0 48px;position:relative;overflow:hidden}
.firmy-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(45deg,var(--znacka) 0 20px,var(--inkoust2) 20px 40px)}
.firmy-hero .obal{padding-top:24px;max-width:900px}
.firmy-hero h1{font-family:var(--nadpis);font-weight:800;text-transform:uppercase;font-size:52px;line-height:1.02;margin:12px 0 18px;color:#fff}
.firmy-hero p{color:#C2C7CB;font-size:17px;line-height:1.55;max-width:720px;margin:0 0 26px}
.firmy-hero .uvod-stitek{color:var(--znacka)}
.firmy-hero .cip{background:var(--znacka)}
.firmy-hero .tl{margin-right:10px}
.firmy-hero .tl-obrys{box-shadow:inset 0 0 0 1.5px #FFFFFF;color:#FFFFFF;background:transparent}
.firmy-hero .tl-obrys:hover{background:rgba(255,255,255,.08)}
.firmy-pruhy{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.firmy-pruh{background:var(--papir);padding:24px;border-left:3px solid var(--znacka);position:relative}
.firmy-pruh .firmy-cislo{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.2em;color:var(--sedy)}
.firmy-pruh h3{font-size:22px;margin:8px 0 10px;font-family:var(--nadpis);font-weight:700;text-transform:uppercase;letter-spacing:.01em;color:var(--inkoust)}
.firmy-pruh p{margin:0;color:var(--text2);font-size:15px;line-height:1.5}
.firmy-formular{max-width:720px}
@media (max-width:600px){.firmy-hero h1{font-size:34px}}

/* Množstevní slevy na detailu produktu */
.mnozstvi-slevy{margin-top:18px;padding-top:16px;border-top:1px dashed var(--linka)}
.mnozstvi-slevy h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--sedy);margin:0 0 8px;font-family:var(--mono);font-weight:500}
.tabulka-slev{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;background:var(--papir);border:1px solid var(--linka)}
.tabulka-slev th,.tabulka-slev td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--linka)}
.tabulka-slev th{background:transparent;color:var(--sedy);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--mono)}
.tabulka-slev td{font-size:14px;color:var(--inkoust)}
.tabulka-slev tr:last-child td{border-bottom:0}
.tabulka-slev .vpravo{text-align:right}
.tabulka-slev .usporu{color:var(--ok);font-weight:600;font-size:13px}

/* Kupón v pokladně */
.radek-kupon{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px dashed var(--linka);margin-top:4px}
.radek-kupon label{font-size:13px;color:var(--sedy);letter-spacing:.02em}
.radek-kupon input{padding:8px 10px;border:1px solid var(--linka);font-family:var(--mono);font-size:13px;letter-spacing:.1em}
.radek-kupon input:focus{outline:2px solid var(--znacka);outline-offset:-2px}
.radek-kupon button{padding:0 14px}
.radek-kupon .chyba-text{color:var(--akce)}

/* Hlídací pes */
.hlidani-ramecek{margin-top:16px;padding:16px;background:var(--papir);border-left:3px solid var(--sedy)}
.hlidani-ramecek p{margin:6px 0 10px}
.hlidani-ramecek input[type=email]{font-family:var(--pismo)}
.hlidani-ramecek input[type=email]:focus{outline:2px solid var(--znacka);outline-offset:-2px;border-color:var(--znacka)}

/* Prázdný košík — Zekton */
.kosik-prazdny{background:var(--inkoust);color:#fff;padding:48px 32px;margin:0 -16px;position:relative;overflow:hidden}
.kosik-prazdny::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(45deg,var(--znacka) 0 20px,var(--inkoust2) 20px 40px)}
.kosik-prazdny-foto{max-width:300px;margin:0 auto 20px}
.kosik-prazdny-foto img{width:100%;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}
.kosik-prazdny-text{text-align:center;padding-top:16px}
.kosik-prazdny-text .chyba-kod{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.3em;color:var(--znacka);margin-bottom:8px}
.kosik-prazdny-text h1{font-family:var(--nadpis);font-weight:800;text-transform:uppercase;font-size:36px;line-height:1.02;margin:0 0 14px;color:#fff}
.kosik-prazdny-text p{color:#C2C7CB;max-width:460px;margin:0 auto 24px}
.kosik-prazdny-akce{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.kosik-prazdny-akce .tl-obrys{box-shadow:inset 0 0 0 1.5px #FFFFFF;color:#FFFFFF;background:transparent}

/* Mobilní menu — hamburger */
.hamburger{display:none;background:none;border:0;padding:10px;cursor:pointer;color:var(--inkoust)}
.hamburger svg{display:block}
@media (max-width:850px){
	.hamburger{display:block}
	.hlavicka .menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--inkoust);flex-direction:column;padding:12px 0;z-index:50;box-shadow:0 10px 30px rgba(0,0,0,.2)}
	.hlavicka .menu a{color:#fff;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;font-weight:600}
	.hlavicka .menu a:hover{background:var(--inkoust2);color:var(--znacka)}
	.hlavicka.menu-open .menu{display:flex}
	.hlavicka .obal{position:relative;flex-wrap:wrap}
}

/* Dashboard správy */
.dashboard-dlazdice{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
.kachlik{background:var(--bila);border:1px solid var(--linka);border-left:4px solid var(--linka);padding:18px;color:var(--inkoust);text-decoration:none;display:flex;flex-direction:column;gap:4px}
.kachlik.vyraz{border-left-color:var(--znacka)}
.kachlik.akce{border-left-color:var(--akce)}
.kachlik:hover{border-color:var(--inkoust)}
.kachlik-pop{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sedy);text-transform:uppercase}
.kachlik-cislo{font-family:var(--nadpis);font-weight:800;font-size:36px;letter-spacing:.005em;line-height:1}
.kachlik-podrob{color:var(--sedy);font-size:13px}
.dashboard-graf{display:flex;align-items:flex-end;gap:3px;height:160px;padding:16px 0;background:var(--bila);border:1px solid var(--linka);padding:16px}
.dashboard-sloupec{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:16px}
.dashboard-sloupec-vrsek{width:100%;background:var(--znacka);min-height:2px;transition:height .2s}
.dashboard-sloupec:hover .dashboard-sloupec-vrsek{background:var(--znacka-tmava)}
.dashboard-sloupec-popis{font-family:var(--mono);font-size:9.5px;color:var(--sedy);transform:rotate(-45deg);transform-origin:center;white-space:nowrap;margin-top:4px}