/* Cookie consent — rules from design/Cookies.dc.html; box and notice are fixed to the viewport instead of the mockup artboard. */
.ck-box{position:fixed;z-index:60;left:32px;bottom:32px;width:min(440px,calc(100% - 64px));box-sizing:border-box;background:#ffffff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 18px 48px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.10)}
.ck-top{display:flex;gap:14px;align-items:flex-start}
.ck-ico{width:44px;height:44px;border-radius:50%;background:#f8bc16;display:flex;align-items:center;justify-content:center;flex:none}
.ck-ico svg{width:24px;height:24px}
.ck-box h2{margin:0;font:800 20px/1.2 Gilroy, Manrope, sans-serif;text-transform:uppercase}
.ck-box p{margin:6px 0 0;font:500 14px/1.5 Gilroy, Manrope, sans-serif;color:#3a3a3a}
.ck-box p a{color:#000000;font-weight:700;text-decoration:underline;text-decoration-color:#f8bc16;text-decoration-thickness:2px;text-underline-offset:3px}
.ck-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ck-btn{height:44px;padding:0 18px;border-radius:30px;border:2px solid #000000;font:700 14px/1 Gilroy, Manrope, sans-serif;text-transform:uppercase;cursor:pointer;flex:1 1 150px;color:#000000;background:#ffffff}
.ck-btn:hover{background:#ececec}
.ck-btn--yes{background:#f8bc16;border-color:#f8bc16}
.ck-btn--yes:hover{background:#fcbe00}
.ck-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:#ececec;color:#000000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1}
.ck-x:hover{background:#000000;color:#f8bc16}
.ck-x svg{width:18px;height:18px}
.ck-top{padding-right:32px}
.ck-btn:focus-visible,.ck-sw:focus-visible,.ck-x:focus-visible{outline:3px solid #000000;outline-offset:3px}
.ck-cats{display:flex;flex-direction:column;gap:10px}
.ck-cat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;border:2px solid #ececec;border-radius:18px;padding:12px 16px}
.ck-cat b{font:800 14px/1.25 Gilroy, Manrope, sans-serif;text-transform:uppercase}
.ck-cat span{grid-column:1 / 2;font:500 13px/1.4 Gilroy, Manrope, sans-serif;color:#3a3a3a}
.ck-cat .ck-sw,.ck-cat .ck-always{grid-row:1 / 3;grid-column:2 / 3}
.ck-always{font:700 13px/1 Gilroy, Manrope, sans-serif;text-transform:uppercase;color:#1e7b34;white-space:nowrap}
.ck-sw{position:relative;width:52px;height:30px;border-radius:9999px;border:0;background:#9d9d9d;cursor:pointer;padding:0;flex:none}
.ck-sw::after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#ffffff;transition:left .15s}
.ck-sw[aria-checked="true"]{background:#000000}
.ck-sw[aria-checked="true"]::after{left:26px;background:#f8bc16}
.ck-back{align-self:flex-start;border:0;background:none;font:700 14px/1 Gilroy, Manrope, sans-serif;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;color:#000000}
.ck-done{position:fixed;z-index:60;left:32px;bottom:32px;display:flex;gap:12px;align-items:center;background:#000000;color:#ffffff;border-radius:30px;padding:10px 12px 10px 20px;font:600 15px/1.3 Gilroy, Manrope, sans-serif;box-shadow:0 18px 48px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.10)}
.ck-done button{height:36px;padding:0 16px;border-radius:30px;border:0;background:#f8bc16;font:700 13px/1 Gilroy, Manrope, sans-serif;text-transform:uppercase;cursor:pointer}
.ck-box[hidden],.ck-done[hidden],.ck-view[hidden]{display:none}
.ck-view{display:flex;flex-direction:column;gap:16px}
.ck-cat .ck-always{color:#1e7b34} /* mockup bug: ".ck-cat span" overrode the green */

@media (max-width:760px){
.ck-box{left:12px;bottom:12px;width:calc(100% - 24px);padding:20px 18px;max-height:calc(100vh - 24px)}
.ck-btn{flex:1 1 130px}
.ck-done{left:12px;right:12px;bottom:12px;justify-content:space-between}
.ck-top{padding-right:44px}
.ck-ico{display:none}
.ck-top > div{width:100%}
.ck-top h2{line-height:24px}
.ck-top p{margin-right:-44px}
/* mobil: jednotné bloky – vnitřní odsazení 12px, zaoblení 12px */
body .ck-box,body .ck-cat{padding:12px;border-radius:12px}
body .ck-x{top:6px;right:6px}
}
/* mobile: compact banner — smaller type and buttons, less of the screen covered */
@media (max-width:760px){
.ck-box{gap:10px}
.ck-box h2{font-size:16px}
.ck-box p{margin-top:4px;font-size:13px;line-height:1.4}
.ck-btn{height:40px;padding:0 10px;font-size:12px}
}