/* Můj výběr – košík napříč krabicky.cz. Načítá se na každé stránce. */
.gk-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:700;color:#fff;background:transparent;border:2px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 16px;cursor:pointer;line-height:1}
.gk-btn:hover{border-color:#fff}
.gk-num{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#2D85AF;color:#fff;font-size:12px;transition:transform .2s}
[data-gom-kosik].gk-prazdny .gk-num{background:rgba(255,255,255,.25)}
.gk-ov{position:fixed;inset:0;z-index:9000;background:rgba(14,23,60,.55);display:flex;justify-content:flex-end}
.gk-ov[hidden]{display:none}
.gk-panel{background:#fff;width:min(440px,100%);height:100%;display:flex;flex-direction:column;gap:14px;padding:22px;overflow:auto;animation:gkIn .25s ease}
@keyframes gkIn{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.gk-panel{animation:none}}
.gk-hd{display:flex;justify-content:space-between;align-items:center}
.gk-hd h3{margin:0;font-size:22px;font-weight:800;color:#0E173C}
.gk-x{border:0;background:transparent;font-size:28px;line-height:1;color:#6B7385;cursor:pointer;padding:0 6px}
.gk-list{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}
.gk-i{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;border:1px solid #E4E8EE;border-radius:10px;padding:6px;font-size:14px;color:#333A4D}
.gk-th{width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:8px}
.gk-th img{width:100%;height:100%;object-fit:contain}
.gk-kod{font-size:11px;font-weight:800;letter-spacing:.1em;color:#2D85AF}
.gk-i b{color:#0E173C}
.gk-dm{font-size:12.5px;color:#6B7385}
.gk-del{border:0;background:transparent;font-size:22px;color:#6B7385;cursor:pointer;padding:4px 8px}
.gk-del:hover{color:#0E173C}
.gk-empty{color:#6B7385;margin:0}
.gk-panel .gk-empty a,.gk-panel .gk-note a{color:#2D85AF}
.gk-acts{display:flex;gap:10px;flex-wrap:wrap}
/* barva musí přebít a:not(.navbar a){color:inherit} z webu */
.gk-panel a.gk-cta,.gk-panel a.gk-cta:hover{color:#fff}
.gk-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:2px solid #2D85AF;background:#2D85AF;color:#fff;border-radius:999px;font-weight:700;font-size:13px;text-transform:uppercase;text-decoration:none;letter-spacing:.04em}
.gk-cta:hover{background:#1f6f97;border-color:#1f6f97;color:#fff}
.gk-clear{padding:12px 22px;border:2px solid #0E173C;background:transparent;color:#0E173C;border-radius:999px;font:inherit;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.gk-clear:hover{background:#0E173C;color:#fff}
.gk-note{margin:0;font-size:13px;line-height:1.6;color:#6B7385}
.gk-note b{color:#0E173C;user-select:all}
.gk-copy{font:inherit;font-size:inherit;color:#2D85AF;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.gk-form-info{margin:0 0 18px;font-size:14px;line-height:1.6;color:#6B7385}
.gk-form-info b{color:#0E173C}
.dp-form .gk-form-info a{color:#2D85AF}
.gk-form-note{margin:14px 0 0}
.gk-form-note[hidden]{display:none}
.gk-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:9500;background:#0E173C;color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 10px 30px rgba(14,23,60,.3)}
#gkFab{position:fixed;right:18px;bottom:18px;z-index:8000;display:none;align-items:center;gap:8px;background:#2D85AF;color:#fff;border:0;border-radius:999px;padding:13px 22px;font:inherit;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 30px rgba(14,23,60,.25)}
#gkFab.on{display:inline-flex}
@media (min-width:992px){#gkFab{display:none!important}}
@media (max-width:767px){.gk-btn .gk-txt{display:none}.gk-panel{width:100%}}

/* --- horní lišta: katalog do ní přidal dvě položky, musí se vejít na řádek --- */
.navbar .container{max-width:100%;padding-left:max(20px,min(8%,120px));padding-right:40px}
/* logo na svislém středu lišty při každé její výšce (76 / 60 / 56 px) */
.navbar .container{display:flex;align-items:center}
.navbar .w-nav-brand{float:none;display:flex;align-items:center}
.navbar .dp-logo{max-width:148px;margin-top:0;display:block}
.navbar .nav-menu,.navbar .menu-button{float:none;margin-left:auto}
@media (min-width:992px){
  .navbar .nav-menu{display:flex;align-items:center;flex-wrap:nowrap}
  /* svisle 25 px jako v původní liště: výška 76 px, pod kterou zajíždí hero stránek
     posunutých o 70 px – s nižší lištou mezi ní a hero prosvítal bílý proužek */
  .navbar .dp-nav-link{padding:25px 16px;white-space:nowrap}
  .navbar .dp-nav-link.poptavka{margin-top:0;margin-left:8px;padding:11px 17px}
  .navbar [data-gom-kosik]{padding:0 10px 0 12px;display:flex;align-items:center}
  .navbar .gk-btn{padding:7px 14px}
  .navbar .dp-nav-link.lang{padding-right:0}
}
@media (min-width:992px) and (max-width:1279px){
  /* na užším desktopu se musí všechno vejít na jeden řádek */
  .navbar .container{padding-left:20px;padding-right:20px}
  .navbar .dp-nav-link{padding-left:12px;padding-right:12px}
  .navbar [data-gom-kosik]{padding:0 6px 0 8px}
  .navbar .gk-btn{padding:6px 12px}
  .navbar .dp-nav-link.poptavka{margin-left:4px;padding:11px 14px}
}
@media (min-width:992px) and (max-width:1099px){
  .navbar .dp-nav-link{padding-left:9px;padding-right:9px}
  .navbar [data-gom-kosik]{padding:0 4px}
}
@media (max-width:991px){
  /* rozbalené menu má bílé pozadí, tlačítko výběru musí být tmavé */
  .navbar [data-gom-kosik]{padding:14px 20px}
  .navbar .gk-btn{color:#0E173C;border-color:#0E173C;width:100%;justify-content:center}
  .navbar .gk-btn:hover{border-color:#2D85AF;color:#2D85AF}
  .navbar [data-gom-kosik].gk-prazdny .gk-num{background:#0E173C;color:#fff}
  .navbar .gk-btn .gk-txt{display:inline}
  .navbar .container{padding-left:20px;padding-right:20px}
  .navbar .menu-button{margin-right:0}
}
@media (min-width:768px) and (max-width:991px){
  /* lišta tu má 60 px, Webflow ale sekci pod ní posouvá až od 767 px dolů – do té
     doby zůstávala nad hero 10px mezera (i na původním webu) */
  .dp-section.sec-1{margin-top:60px}
}
/* Karta formuláře zajíždí do patičky. Původně je position:absolute v obalu s nulovou
   výškou, takže stránka o její výšce neví a každý řádek navíc přeroste do patičky
   přes copyright. V toku stránky se záporným okrajem zajíždí o stejný kus jako dřív
   (175 / 190 px) a když se prodlouží, odsune patičku sama. */
@media (min-width:768px){
  .dp-wrapper.kontakt-prava .dp-form{position:relative;z-index:2;margin-bottom:-175px}
}
@media (min-width:768px) and (max-width:991px){
  .dp-wrapper.kontakt-prava .dp-form{margin-bottom:-190px}
}

/* --- katalogy v liště: kde se vejdou, jsou vedle sebe; na užším desktopu je
   sdruží tlačítko „Katalogy“; v mobilním menu jsou pod sebou --- */
.gk-katalogy,.gk-katalogy-list{display:contents}
.gk-katalogy-btn{display:none}
@media (min-width:992px) and (max-width:1399px){
  .navbar .gk-katalogy{display:block;position:relative}
  .navbar .gk-katalogy-btn{display:block;font:inherit;font-size:14px;font-weight:700;color:#fff;background:none;border:0;cursor:pointer;white-space:nowrap}
  .navbar .gk-katalogy-btn::after{content:'';display:inline-block;width:5px;height:5px;margin:0 0 3px 9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
  .navbar .gk-katalogy-list{display:none;position:absolute;left:0;top:100%;z-index:20;min-width:250px;padding:6px 0 10px;background:#0e173c;box-shadow:0 14px 28px rgba(14,23,60,.28)}
  .navbar .gk-katalogy:hover .gk-katalogy-list,.navbar .gk-katalogy:focus-within .gk-katalogy-list,
  .navbar .gk-katalogy.otevreno .gk-katalogy-list{display:block}
  .navbar .gk-katalogy-list .dp-nav-link{display:block;padding:11px 20px}
  /* jste v katalogu: tlačítko i šipka modře jako aktivní položka menu */
  .navbar .gk-katalogy-btn.w--current{color:#2d85af}
  .navbar .gk-katalogy-btn.w--current::after{border-color:#2d85af}
}

/* --- mobilní menu --- */
@media (max-width:991px){
  /* ikona stejně daleko od pravého okraje jako logo od levého; plocha pro prst zůstává */
  .navbar .menu-button{margin-right:-20px}
  .navbar [data-nav-menu-open]{background:#fff;padding:16px 0 20px;box-shadow:0 14px 28px rgba(14,23,60,.18)}
  .navbar .dp-nav-link.poptavka-mob{width:auto;margin:6px 20px 4px;padding:15px 20px;border-radius:60px;background:#2d85af;color:#fff;
    text-align:center;font-size:13px;letter-spacing:.02em;text-transform:uppercase}
  .navbar .dp-nav-link.poptavka-mob:hover{background:#0e173c;text-decoration:none}
  /* stránky katalogu nemají skript Webflow (kosik.js otevírá menu sám) – menu
     pak visí přímo pod lištou, a kdyby bylo delší než obrazovka, musí jít posunout */
  .navbar > .container > [data-nav-menu-open]{max-height:calc(100vh - var(--navh,60px));overflow-y:auto}
}

/* rozcestník na stránce /katalog-papirove/, dokud katalog nevznikne */
.gk-rozcestnik{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:-40px auto 70px;padding:0}
.gk-rozcestnik a{display:inline-block;padding:12px 22px;border:2px solid #0e173c;border-radius:999px;color:#0e173c;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s}
.gk-rozcestnik a:hover{border-color:#2d85af;color:#2d85af}
@media (max-width:767px){.gk-rozcestnik{margin-top:-50px}.gk-rozcestnik a{font-size:14px;padding:10px 18px}}

/* Obrázky s width/height v HTML (kvůli rezervaci místa – CLS): výška se dopočítá
   z poměru stran. :where() má nulovou specifitu, takže výšky z tříd mají přednost. */
:where(img[width][height]){height:auto}