*{box-sizing:border-box} :root{--yellow:#ffd618;--ink:#121316}html{background:#fff}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #977800;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:9;background:var(--yellow);padding:16px}.skip:focus{top:0}.page{max-width:1600px;min-height:100svh;margin:auto;padding:0 clamp(20px,4vw,64px);display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid #ddd}.brand{background:var(--yellow);align-self:stretch;display:grid;place-items:center;padding:20px 28px}.brand img{width:180px;height:auto}.header-note{font-size:12px;font-weight:600;letter-spacing:.04em}.contact{font-size:13px;font-weight:600}.contact span{margin-left:15px}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 0 24px}.intro{margin-bottom:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 10px}h1{font-size:clamp(32px,3.5vw,54px);letter-spacing:-.05em;line-height:1.1;margin:0;font-weight:800}h1 span{color:#727272}.intro>p:last-child{font-size:13px;margin:12px 0 0;color:#676767}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{overflow:hidden;border-radius:4px;display:flex;flex-direction:column;border:1px solid #ddd;background:white;transition:box-shadow .2s}.card:hover{box-shadow:0 12px 36px #0002}.photo{height:clamp(160px,23vh,280px);position:relative;overflow:hidden;background:#777}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 50%,#0006)}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .photo img{transform:scale(1.035)}.shop .photo img{object-position:45% 58%}.courier .photo img{object-position:50% 65%}.photo-label{position:absolute;z-index:1;bottom:16px;left:28px;font-size:9px;color:#fff;letter-spacing:.14em;font-weight:700}.card-content{padding:24px 28px;flex:1;display:flex;flex-direction:column}.number{font-size:10px;color:#777;font-weight:700;display:flex;align-items:center;gap:12px}.number span{font-size:9px;letter-spacing:.12em}.number:after{content:"";height:1px;background:#ddd;flex:1;margin-left:5px}h2{font-size:clamp(25px,2.5vw,38px);letter-spacing:-.045em;line-height:1.15;margin:16px 0 10px;font-weight:800}.card-content>p{font-size:12px;line-height:1.7;max-width:370px;margin:0 0 22px}.card-bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:auto}.cta{padding:15px 18px;display:flex;align-items:center;gap:22px;background:var(--yellow);color:#111;border-radius:3px;font-size:11px;font-weight:800}.cta>span{font-size:19px;line-height:1}.domain{font-size:9px;color:#767676}.courier{background:#fff;color:var(--ink);border-color:#ddd}.card h2 span{color:#727272}footer{min-height:55px;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;color:#666}footer div{display:flex;align-items:center;gap:22px}footer button{border:0;background:transparent;padding:10px 0;font-size:9px;color:inherit}@media(min-width:761px) and (max-height:760px){header{min-height:76px}.brand img{width:150px}main{padding:20px 0}.intro{margin-bottom:18px}.photo{height:20vh}.card-content{padding:20px 24px}h2{margin:12px 0 8px}.card-content>p{margin-bottom:16px}footer{min-height:45px}}@media(max-width:1050px){.domain{display:none}}@media(max-width:760px){.page{padding:0 18px}header{min-height:68px;gap:10px}.brand{padding:14px 18px}.brand img{width:124px}.header-note{display:none}.contact{font-size:10px}.contact span{margin-left:4px}main{padding:22px 0 18px;justify-content:flex-start}.intro{margin-bottom:20px}h1{font-size:34px}.eyebrow{font-size:8px}.intro>p:last-child{font-size:11px;margin-top:8px}.choices{grid-template-columns:1fr;gap:14px}.card{display:grid;grid-template-columns:34% 66%;min-height:210px}.photo{height:100%;min-height:210px}.photo img{object-position:38% center!important}.photo-label{display:none}.card-content{padding:20px 18px}.number{font-size:8px;gap:8px}.number span{font-size:7px;letter-spacing:.08em}.number:after{display:none}h2{font-size:26px;margin:12px 0 8px}.card-content>p{font-size:10px;line-height:1.6;margin-bottom:14px}.cta{width:100%;justify-content:space-between;padding:12px 10px;font-size:9px;gap:4px}footer{font-size:8px;min-height:48px;align-items:center}footer div{gap:12px}footer button{font-size:8px}}@media(max-width:370px){.page{padding:0 12px}.card-content{padding:16px 12px}h2{font-size:23px}.contact{font-size:9px}footer{flex-wrap:wrap;gap:0;padding:8px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:760px) and (max-height:700px){header{min-height:56px}.brand{padding:10px 14px}.brand img{width:110px}main{padding:16px 0 12px}.intro{margin-bottom:14px}h1{font-size:29px}.intro>p:last-child{margin-top:6px}.choices{gap:10px}.card{min-height:176px}.photo{min-height:176px}.card-content{padding:14px 14px}h2{font-size:24px;margin:10px 0 6px}.card-content>p{font-size:9px;margin-bottom:10px}.cta{padding:10px;font-size:8px}footer{min-height:42px}}

.photo-label{display:none}.number{font-size:9px;letter-spacing:.08em}.number:after{display:none}.card:hover{box-shadow:0 6px 22px #0001}

/* Original icon-arrow-right from stavebniny.takstav.cz (bagisto-shop). */
@font-face{font-family:takstav-icons;src:url(/assets/takstav-icons.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.icon-arrow-right{font-family:takstav-icons!important;font-weight:400!important;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-arrow-right:before{content:"\e905"}

/* Compact brand and original courier telephone button. */
header{min-height:100px}.brand{align-self:center;background:transparent;padding:0}.brand img{width:180px}.phone-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 18px;background:var(--yellow);border-radius:4px;font-size:15px;font-weight:700;letter-spacing:.01em}.phone-btn img{flex:none;display:block}.phone-btn span{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.phone-btn:hover{background:#f2c800}@media(max-width:760px){header{min-height:78px}.brand{padding:0}.brand img{width:130px}.phone-btn{font-size:12px;padding:11px 12px;gap:8px;min-height:42px}}@media(max-width:760px) and (max-height:700px){header{min-height:66px}.brand img{width:118px}.phone-btn{font-size:11px;padding:10px;min-height:40px}}
/* Original yellow logo and mobile image above text. */
header{border-bottom:0}.brand{background:var(--yellow);padding:24px 28px;border-radius:0 0 4px 4px;align-self:flex-start}.brand img{width:180px}
@media(max-width:760px){header{min-height:82px}.brand{padding:20px 18px}.brand img{width:130px}}
@media(max-width:480px){.page{padding:0 16px}header{min-height:74px}.brand{padding:18px 16px}.brand img{width:118px}.phone-btn{font-size:11px;min-height:40px;padding:10px;gap:7px}main{padding:18px 0}.intro{margin-bottom:18px}h1{font-size:30px}.choices{gap:18px}.card{display:flex;min-height:0}.photo{height:clamp(120px,32vw,155px);min-height:0;width:100%}.photo img{object-position:center 60%!important}.card-content{padding:18px 20px}.number span{font-size:9px}h2{font-size:28px;margin:12px 0 10px}.card-content>p{font-size:12px;line-height:1.6;margin-bottom:18px}.cta{font-size:11px;padding:13px 16px}.card-bottom{width:100%}footer{min-height:48px}}

.courier .photo:after{display:none}.courier .photo img{object-position:center 75%!important}

/* Cookie lišta — barvy a tlačítka jako na kuryr.takstav.cz, ale jako tenký pruh dole.
   Stránka si pod ní drží místo (--cookie-bar-h nastavuje app.js), takže karty ani
   patičku natrvalo nepřekryje: na PC se obsah posune nad pruh, na mobilu jde doscrollovat. */
.page{padding-bottom:var(--cookie-bar-h,0px)}
.cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:850;background:#000;color:#fff;box-shadow:0 -10px 30px rgba(2,25,49,.25);animation:cookie-slide-in .35s ease both}
@keyframes cookie-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
.cookie-consent__body{max-width:1600px;margin:auto;padding:12px clamp(20px,4vw,64px) calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:24px}
.cookie-consent__text{flex:1;font-size:.88rem;color:#d1d1d6;line-height:1.5;margin:0}
.cookie-consent__title{color:#fff;font-weight:700}
.cookie-consent__link{color:var(--yellow);text-decoration:underline;font-weight:600;white-space:nowrap}
.cookie-consent__link:hover{color:#f2c800}
.cookie-consent__actions{flex:none;display:flex;gap:10px}
.cookie-consent__btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid transparent;border-radius:8px;font-size:.88rem;font-weight:600;line-height:1;white-space:nowrap;transition:transform .1s ease,background .15s ease,color .15s ease,border-color .15s ease}
.cookie-consent__btn:active{transform:translateY(1px)}
.cookie-consent__btn.btn-primary{background:var(--yellow);border-color:var(--yellow);color:#000}
.cookie-consent__btn.btn-primary:hover{background:#f2c800;border-color:#f2c800}
.cookie-consent__btn.btn-outline{background:transparent;color:#fff;border-color:#96999c}
.cookie-consent__btn.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#aeaeb2}
.cookie-consent :focus-visible{outline-color:var(--yellow)}
@media(max-width:760px){.cookie-consent__body{flex-direction:column;align-items:stretch;gap:10px;padding-left:18px;padding-right:18px}.cookie-consent__text{font-size:.8rem}.cookie-consent__btn{flex:1;padding:11px 10px}}
@media(max-width:480px){.cookie-consent__body{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.cookie-consent{animation:none}}

/* Telefon (i podtitul) svisle na střed žlutého loga. Výšku hlavičky drží padding-bottom
   místo min-height — s min-height se tlačítko centrovalo k vyšší hlavičce a sedělo níž než logo. */
header{min-height:0;padding-bottom:20px}
@media(max-width:760px){header{padding-bottom:18px}}
@media(max-width:480px){header{padding-bottom:17px}}

/* Odsazení bloku služeb po automatickém sjetí na mobilu (app.js → scrollIntoView). */
.choices{scroll-margin-top:16px}