/* Clear, compact industrial presentation; original brand palette and Arial. */
:root{--max:1240px;--radius-card:18px;--radius-photo:22px;--radius-control:10px}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.7}
h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif}
h1{font-weight:800;line-height:1.08;letter-spacing:-2.5px}
h2{font-size:clamp(32px,3.2vw,45px);line-height:1.16;letter-spacing:-1.4px}h3{line-height:1.35}
p{font-size:16px}.lead{font-size:20px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:1.4px}
.wrap{width:calc(100% - 80px)}
header{border-radius:0;box-shadow:0 2px 15px #15282b08;background:white}
.header-inner{min-height:94px;gap:25px}.brand{font-size:36px}.brand span{font-size:10px;letter-spacing:1.25px}
.header-inner nav{font-size:14px;gap:23px}.header-inner nav a{padding:12px 0;border-bottom:2px solid transparent}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--ink);border-bottom-color:var(--yellow)}
.header-phone{font-size:15px;padding:12px 18px}.topbar .wrap{font-size:12px;padding:9px 0}
.button,.small-button,.header-phone,.menu-button,.filter-tabs button{border-radius:999px}.button{font-size:15px;min-height:52px;padding:15px 24px}.text-link{font-size:14px}.small-button{font-size:14px;padding:12px 16px}
.hero{background:var(--dark);color:white;border-radius:0;max-width:none;margin:0;overflow:visible}
.hero-grid{grid-template-columns:1.15fr 1fr;min-height:0;gap:70px;align-items:center;padding:56px 0 62px}
.hero-copy{padding:0;min-width:0}.hero-copy h1{font-size:clamp(48px,4.9vw,68px);line-height:1.02;letter-spacing:-2.9px;margin-bottom:26px}.hero-copy h1 em{color:var(--yellow);font-size:.78em;line-height:1.2;display:inline-block}
.hero-copy .eyebrow{color:var(--yellow);font-size:12px;margin-bottom:23px}.hero-copy p{font-size:18px;color:#d0dddd;max-width:530px;margin-bottom:28px}
.hero .button.secondary{border-color:#73878a;color:white}.hero .button.secondary:hover{background:#2a4345}
.hero-note{margin-top:28px;padding-top:23px;border-top:1px solid #ffffff26;gap:20px}.hero-note strong{font-size:35px;color:white}.hero-note span{font-size:14px;color:#c9d4d4}
.hero-photo{position:relative;margin:0;border-radius:0;overflow:visible;width:100%;height:auto;min-width:0}
.hero-photo>img{position:static;width:100%;height:330px;object-fit:cover;object-position:50% 45%;border-radius:22px;display:block}
.photo-caption{position:static;margin-top:24px;border-radius:0;background:transparent;color:white;padding:0 0 0 19px;border-left:3px solid var(--yellow)}
.photo-caption span{font-size:12px;color:#c9d4d4;margin-bottom:9px;letter-spacing:1px}.photo-caption strong{font-size:23px;line-height:1.35;color:white}
.capacity-strip{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line);border-radius:0}.capacity-strip a{border-left:1px solid var(--line);padding:24px}.capacity-strip strong{font-size:30px;color:var(--ink)}.capacity-strip small{font-size:14px;color:var(--muted)}.capacity-strip>.wrap>span{font-size:12px}
.section{padding:80px 0}.section-heading{gap:60px;align-items:start;margin-bottom:38px}.section-heading>p{font-size:16px;max-width:420px;padding-top:7px}.section-heading h2{margin:0}
.product-grid{gap:22px}.catalog-section .product-grid,.bulk-catalog .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-card{border:1px solid var(--line);border-radius:18px;background:white;box-shadow:none;overflow:hidden}.product-photo{margin:12px 12px 0;border-radius:12px;aspect-ratio:1.4}.product-photo img{border-radius:12px}.product-body{padding:22px 24px 24px}.product-body .eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}.product-body h3,.bulk-catalog .product-body h4{font-size:22px;line-height:1.3;min-height:0;margin-bottom:13px}.product-body p{font-size:16px;line-height:1.65;margin-bottom:18px}.fraction{font-size:14px;padding:6px 12px;left:12px;bottom:12px;border-radius:999px}.card-bottom{gap:18px;padding-top:9px}.small-button{width:100%}
.big-feature{padding:75px 0;background:var(--soft);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.big-feature p{color:var(--muted)}.big-feature em{color:#7e5c00}.feature-grid{gap:60px;grid-template-columns:1fr 1fr}.feature-grid>img{height:380px;border-radius:22px}.feature-grid h2{margin-bottom:25px}
.split{gap:65px}.coverage-panel{border:0;border-radius:22px;background:var(--dark);color:white;padding:38px}.radius{color:var(--yellow);font-size:100px}.radius small{color:white;font-size:16px}.coverage-panel>p{color:#d0dddd;font-size:16px}.town-tags{gap:9px}.town-tags span{background:#ffffff0c;border-color:#ffffff30;color:white;font-size:14px;padding:7px 11px}.coverage-panel>small{color:#c9d4d4;font-size:14px;line-height:1.65}.related-links a{font-size:22px}.related-links small{font-size:14px}
.cta{border-radius:0;padding:55px 0}.cta-inner{gap:45px}.cta p{font-size:16px}.cta .button{padding:17px 25px}
footer{border-radius:0;padding-top:65px}.footer-grid strong{font-size:15px}.footer-grid a:not(.brand),.footer-grid span:not(.brand span),.footer-grid p{font-size:14px}.footer-grid{gap:35px}.footer-bottom{font-size:13px}
.breadcrumbs{font-size:13px;padding-top:25px}.page-intro{padding-top:45px;padding-bottom:45px}.page-intro:not(.with-photo){max-width:var(--max)}.page-intro:not(.with-photo)>div{max-width:880px}.page-intro h1{font-size:clamp(42px,4.2vw,62px)}.page-intro.with-photo{gap:55px;grid-template-columns:1.15fr 1fr;padding-top:38px;padding-bottom:35px}.page-intro.with-photo>img{height:320px;border-radius:22px}.page-intro .lead{font-size:19px}
.catalog-advice{display:flex;gap:25px;align-items:center;justify-content:space-between;background:var(--soft);padding:24px 28px;border-radius:18px;margin-bottom:28px}.catalog-tools{background:white;border-top:1px solid var(--line);padding:25px 0;margin-bottom:18px;gap:25px}.filter-tabs button{font-size:14px;padding:12px 20px}.search-label{font-size:14px}.search-label input{font-size:16px;border-radius:10px}.note{font-size:14px}
.fleet-grid{gap:20px}.fleet-card{background:white;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:18px;padding:26px}.fleet-number{font-size:14px}.fleet-card strong{font-size:18px}.tonnage{font-size:49px}.tonnage small{font-size:14px}.fleet-card p{font-size:16px}.info-panel{border:0;border-left:4px solid var(--yellow);background:var(--soft);padding:32px;border-radius:18px}.info-panel p,.info-panel li{font-size:16px}
.big-stats{border:1px solid var(--line);background:var(--soft);border-radius:18px;padding:28px 32px;gap:25px}.big-stats strong{font-size:44px}.big-stats span{font-size:15px}.steps{gap:28px}.steps article{padding:27px;border:1px solid var(--line);border-radius:18px;background:white}.steps span{color:#7e5c00;font-size:15px}.steps p{font-size:16px}
.detail-intro{gap:65px;padding-top:40px}.detail-image img{height:490px}.detail-intro h1{font-size:46px}.detail-facts small{font-size:12px}.detail-facts strong{font-size:14px}.detail-facts{gap:13px}.product-service-note{padding:32px;border-radius:18px}.product-service-note h2{font-size:30px}
.local-intro{border-radius:18px;padding:28px}.local-intro p{font-size:16px}.local-group li{font-size:15px}.local-group small{font-size:13px}.local-group h2{font-size:26px}
.contact-layout{gap:65px;grid-template-columns:.85fr 1.4fr}.contact-aside{top:130px}.contact-aside p{font-size:16px}.form-panel{background:var(--soft);border:0;border-radius:22px;padding:35px}.form-panel h2{font-size:31px}.form-panel label{font-size:14px}.form-panel .form-notice{background:white}.summary-box{border:1px solid var(--line);border-left:4px solid var(--yellow);background:white;padding:24px;border-radius:18px}.form-panel .check{font-size:14px}
.guide-layout{gap:55px;grid-template-columns:260px minmax(0,1fr)}.guide-toc{top:125px;padding:25px;border-radius:18px}.guide-toc a{font-size:16px}.guide-topic h2{font-size:32px}.guide-answer{font-size:19px}.guide-materials{font-size:16px}.guide-topic{scroll-margin-top:120px;padding:35px 0}
.faq-list{display:block;border-top:1px solid var(--line)}.faq-item{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;background:white;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:28px 0}.faq-item h3{font-size:22px;line-height:1.4;margin:0}.faq-item p{font-size:16px}.bulk-material-group>h3{font-size:28px}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:20px}.header-inner nav{gap:16px;font-size:14px}.hero-grid{gap:42px;padding:48px 0}.hero-copy h1{font-size:57px}.hero-photo>img{height:300px}.product-body{padding:20px}.product-grid{gap:18px}.feature-grid,.split,.related,.contact-layout,.detail-intro{gap:38px}.tonnage{font-size:43px}.guide-layout{gap:35px}.footer-grid{gap:25px}}
@media(max-width:1100px){.header-inner{min-height:82px;flex-wrap:wrap;gap:12px;justify-content:space-between}.brand{font-size:31px}.header-phone{margin-left:auto}.menu-button{display:block;background:white;border:1px solid var(--line);padding:11px 14px;font-size:14px}.header-inner nav{display:none;order:5;flex-basis:100%;margin:0;padding:12px 0 20px;flex-wrap:wrap;gap:22px;font-size:15px}.header-inner nav.open{display:flex}}
@media(max-width:850px){.hero-grid{grid-template-columns:1.1fr 1fr;gap:32px}.hero-copy h1{font-size:48px}.hero-copy p{font-size:17px}.hero-photo>img{height:280px}.photo-caption strong{font-size:20px}.hero-note strong{font-size:32px}.hero-note span{font-size:14px}.topbar .wrap{font-size:12px}.topbar .wrap span:first-child{max-width:250px}.product-grid,.catalog-section .product-grid,.bulk-catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.section{padding:60px 0}.section-heading{gap:30px}.section-heading>p{font-size:16px}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro.with-photo{gap:32px}.page-intro.with-photo>img{height:290px}.page-intro h1{font-size:43px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-aside{position:static}.detail-intro h1{font-size:38px}.detail-image img{height:430px}.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.guide-topic h2{font-size:28px}.faq-item{gap:30px}.faq-item h3{font-size:20px}.cta-inner{gap:30px}.cta h2{font-size:34px}}
@media(max-width:620px){
 .wrap{width:calc(100% - 36px)}.topbar .wrap span:last-child{font-size:12px}.topbar .wrap{padding:9px 0}.header-inner{min-height:78px;gap:10px}.brand{font-size:28px}.brand span{font-size:8px}.header-phone{font-size:13px;padding:11px 12px}.menu-button{font-size:13px;padding:10px 12px}
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:38px 0 40px}.hero-copy h1{font-size:53px;letter-spacing:-2px}.hero-copy h1 em{font-size:.76em}.hero-copy .eyebrow{font-size:12px;margin-bottom:20px}.hero-copy p{font-size:18px}.hero-note{margin-top:24px;padding-top:22px}.hero-note strong{font-size:35px}.hero-note span{font-size:14px}.hero .actions{gap:10px}.hero .actions .button{flex:1;min-width:145px}.hero-photo{height:auto;margin:0;border-radius:0;overflow:visible}.hero-photo>img{height:220px;border-radius:18px;object-position:50% 45%}.photo-caption{margin-top:20px;padding-left:16px}.photo-caption strong{font-size:20px}.photo-caption span{font-size:12px}
 .capacity-strip>.wrap{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.capacity-strip a{padding:20px;border-bottom:1px solid var(--line)}.capacity-strip a:nth-of-type(3){border-left:0}.capacity-strip strong{font-size:28px}.capacity-strip small{font-size:14px}.capacity-strip a:first-of-type{border-bottom:1px solid var(--line)}
 h1{font-size:44px}h2{font-size:33px;letter-spacing:-1px}.eyebrow{font-size:12px}.section{padding:52px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin:0}.section-heading>p{font-size:16px;max-width:none;margin-top:20px}.button{font-size:14px;padding:15px 20px}.text-link{font-size:14px}
 .product-grid,.catalog-section .product-grid,.bulk-catalog .product-grid{grid-template-columns:1fr;gap:22px}.product-photo{aspect-ratio:1.65;margin:12px 12px 0}.product-body{padding:20px 24px 24px}.product-body h3,.bulk-catalog .product-body h4{font-size:23px;min-height:0}.product-body p{font-size:16px}.product-body .eyebrow{font-size:12px}.fraction{font-size:14px}.card-bottom{gap:18px}.small-button{font-size:15px;padding:13px}.product-card{border-radius:18px}
 .feature-grid,.split,.related,.page-intro.with-photo,.detail-intro{grid-template-columns:1fr;gap:30px}.big-feature{padding:50px 0}.feature-grid>img{height:280px}.feature-grid h2{margin-bottom:22px}.coverage-panel{padding:30px}.radius{font-size:90px}.radius small{font-size:15px}.town-tags span{font-size:14px}.related-links a{font-size:20px}.cta{padding:45px 0}.cta-inner{display:block}.cta h2{font-size:33px}.cta p{font-size:16px}.cta .button{margin-top:25px;padding:16px 24px}
 footer{padding-top:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:nth-child(3){grid-column:1/-1;grid-row:2}.footer-bottom{font-size:13px}.footer-grid span:not(.brand span),.footer-grid a:not(.brand){font-size:14px}
 .breadcrumbs{font-size:13px;flex-wrap:wrap}.page-intro{padding:35px 0 38px}.page-intro.with-photo{padding-top:35px}.page-intro h1{font-size:43px}.page-intro .lead{font-size:18px}.page-intro.with-photo>img{height:250px}.catalog-advice{display:block;padding:22px}.catalog-advice .text-link{display:block;font-size:14px;margin-top:12px}.catalog-tools{display:block;padding-top:22px}.filter-tabs{gap:8px}.filter-tabs button{font-size:14px;padding:11px 16px}.search-label{width:100%;font-size:14px;margin-top:22px}.search-label input{font-size:16px}.catalog-section{padding-bottom:50px}.note{font-size:14px}
 .fleet-grid{grid-template-columns:1fr;gap:20px}.fleet-card{padding:26px}.fleet-card strong{font-size:21px;min-height:0}.fleet-number{font-size:14px;margin-bottom:16px}.fleet-card p{font-size:16px}.tonnage{font-size:50px;margin:24px 0}.info-panel{padding:28px}.info-panel p,.info-panel li{font-size:16px}.big-stats{grid-template-columns:1fr;padding:28px;gap:22px}.big-stats strong{font-size:44px}.big-stats span{font-size:15px}.steps{grid-template-columns:1fr;gap:20px}.steps article{padding:26px}.detail-intro{padding-top:30px}.detail-image img{height:350px}.detail-intro h1{font-size:39px}.detail-facts small{font-size:12px}.detail-facts strong{font-size:14px}.detail-intro .lead{font-size:19px}.product-service-note{padding:26px}.product-service-note h2{font-size:28px}
 .local-intro{display:block;padding:25px}.local-intro p{font-size:16px}.local-group ul{grid-template-columns:1fr}.local-group li{font-size:15px}.local-group h2{font-size:26px}.local-group small{font-size:13px}.contact-layout{padding-top:0}.contact-phone{font-size:33px}.form-panel{padding:26px 20px}.form-panel h2{font-size:29px}.form-row{grid-template-columns:1fr}.quantity-row{grid-template-columns:1fr 90px;gap:14px}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{font-size:16px}.form-panel label{font-size:14px}.form-panel .check{font-size:14px}
 .guide-layout{grid-template-columns:1fr;gap:30px}.guide-toc{position:static;padding:24px}.guide-toc a{font-size:16px}.guide-topic h2{font-size:29px}.guide-answer{font-size:18px}.guide-topic{padding:32px 0}.guide-sources h2{font-size:25px}.faq-item{display:block;padding:26px 0}.faq-item h3{font-size:22px;margin-bottom:16px}.faq-item p{font-size:16px}.bulk-material-group>h3{font-size:27px}
}

/* Four consistent sizes throughout the opening section. */
.hero{--intro-title:56px;--intro-stat:28px;--intro-body:18px;--intro-label:14px}
.hero .hero-copy h1{font-size:var(--intro-title);line-height:1.1;letter-spacing:-1.8px}
.hero .hero-copy h1 em{font-size:inherit;line-height:inherit}
.hero .hero-note strong{font-size:var(--intro-stat);line-height:1.2}
.hero .hero-copy p,.hero .photo-caption strong{font-size:var(--intro-body);line-height:1.65}
.hero .hero-copy .eyebrow,.hero .photo-caption span,.hero .hero-note span,.hero .button{font-size:var(--intro-label)}
@media(max-width:1100px){.hero{--intro-title:48px}}
@media(max-width:850px){.hero{--intro-title:42px}}
@media(max-width:620px){.hero{--intro-title:40px}.hero .hero-copy h1{letter-spacing:-1.2px}.hero .hero-copy .eyebrow,.hero .photo-caption span{letter-spacing:1px}}

/* Real photo mosaic inspired by the Baffer service tiles. */
.hero-mosaic{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));height:440px;gap:12px}
.mosaic-tile{display:block;position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:16px;background:#22383b}
.mosaic-main{grid-column:1;grid-row:1/4}
.mosaic-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s;object-position:center}
.mosaic-tile::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102023df);pointer-events:none}
.mosaic-tile span{position:absolute;bottom:15px;left:15px;right:15px;z-index:1;color:white;font-size:var(--intro-label);font-weight:700;line-height:1.4}
.mosaic-tile:hover img{transform:scale(1.035)}
.mosaic-main img{object-position:58% 50%}.mosaic-actros img{object-position:50% 67%}.mosaic-iveco img{object-position:50% 63%}.mosaic-fuso img{object-position:50% 62%}
.hero-photo .photo-caption{margin-top:22px}
@media(max-width:1100px){.hero-mosaic{height:420px;gap:10px}.mosaic-tile span{bottom:12px;left:12px;right:12px}}
@media(max-width:850px){.hero-mosaic{height:390px;grid-template-columns:1fr 1fr}.mosaic-tile span{bottom:10px;left:10px;right:10px}.mosaic-tile{border-radius:12px}}
@media(max-width:620px){.hero-mosaic{height:440px;grid-template-columns:1fr 1fr;grid-template-rows:1.35fr 1fr;gap:12px}.mosaic-main{grid-column:1;grid-row:1}.mosaic-actros{grid-column:2;grid-row:1}.mosaic-iveco{grid-column:1;grid-row:2}.mosaic-fuso{grid-column:2;grid-row:2}.mosaic-actros img{object-position:50% 65%}.mosaic-tile span{font-size:var(--intro-label);bottom:12px;left:12px;right:12px}.hero-photo .photo-caption{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.mosaic-tile img{transition:none}.mosaic-tile:hover img{transform:none}}

.mosaic-actros img{object-position:50% 61%}

/* Fuso first; full Actros photo gets a taller tile without cropping. */
.hero-mosaic{height:520px;grid-template-rows:1fr 1fr 2.4fr}
.mosaic-actros{display:flex;flex-direction:column;background:#22383b}
.mosaic-actros img{flex:1;min-height:0;width:100%;height:0;object-fit:contain;object-position:center}
.mosaic-actros::after{display:none}
.mosaic-actros span{position:static;flex-shrink:0;padding:10px 12px;background:#22383b}
.mosaic-actros:hover img{transform:none}
@media(max-width:1100px){.hero-mosaic{height:500px}}
@media(max-width:850px){.hero-mosaic{height:480px}}
@media(max-width:620px){.hero-mosaic{height:520px;grid-template-rows:1fr 1.45fr}.mosaic-fuso{grid-column:2;grid-row:1}.mosaic-actros{grid-column:2;grid-row:2}.mosaic-actros img{object-position:center}.mosaic-actros span{padding:10px 12px}}

/* Single balanced collage replaces the individual service tiles. */
.hero-photo .hero-collage{display:block;position:static;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:18px;aspect-ratio:1}
@media(max-width:620px){.hero-photo .hero-collage{height:auto;max-height:none;border-radius:16px}}

/* Preserve the supplied sand photograph and its fraction label. */
.product-photo img[src$="material-kremicity-piesok-0-7-1-3mm.webp"],.detail-image img[src$="material-kremicity-piesok-0-7-1-3mm.webp"]{object-fit:contain;background:#f3f5f5}

.page-intro.with-photo>img[src*="kolaz-doprava-fuso-iveco-actros"]{width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;align-self:center}

.page-intro.with-map{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:45px;align-items:center}.page-intro.with-map>div{min-width:0;max-width:none}.page-intro.with-map h1{font-size:48px}.coverage-map-panel{margin:0;min-width:0}.coverage-map{width:100%;height:380px;background:#e8e9e7;border-radius:22px;isolation:isolate}.coverage-map-panel figcaption{padding:14px 0 0;font-size:14px;line-height:1.5}.coverage-map-panel figcaption p{font-size:14px;margin:6px 0 0}.coverage-name-marker span{display:block;text-align:center;padding:5px 8px;background:#f4c32e;color:#18292c;border:2px solid white;border-radius:16px;font:700 14px/18px Arial,Helvetica,sans-serif;box-shadow:0 2px 8px #0003}.coverage-map img.leaflet-tile{border-radius:0;max-width:none}.coverage-map .leaflet-control-attribution{font-size:11px}.coverage-map .leaflet-control-zoom a{color:#18292c}
@media(max-width:850px){.page-intro.with-map{grid-template-columns:1fr;gap:28px}.page-intro.with-map h1{font-size:43px}.coverage-map{height:360px}}
@media(max-width:620px){.coverage-map{height:320px;border-radius:16px}}

.page-intro.with-map{align-items:start;padding-top:28px}.page-intro.with-map>div{padding-top:0}.map-navigation{display:inline-block;margin-top:12px;font-size:14px}

.catalog-intro-actions{margin-top:24px}

.page-intro.with-catalog-photo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:45px;align-items:start;padding-top:28px}.page-intro.with-catalog-photo>div{min-width:0;max-width:none}.page-intro.with-catalog-photo h1{font-size:48px}.page-intro.with-catalog-photo>img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:22px}.catalog-delivery-map{align-items:start}
@media(max-width:850px){.page-intro.with-catalog-photo{grid-template-columns:1fr;gap:28px}.page-intro.with-catalog-photo h1{font-size:43px}.page-intro.with-catalog-photo>img{max-height:420px}}
@media(max-width:620px){.page-intro.with-catalog-photo>img{border-radius:16px}}

/* Photo follows the adjacent text height; crop the sky rather than extending the intro. */
.page-intro.with-catalog-photo{align-items:stretch}
.catalog-intro-photo{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:22px}
.catalog-intro-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
@media(max-width:850px){.catalog-intro-photo{aspect-ratio:4/3;max-height:420px}}
@media(max-width:620px){.catalog-intro-photo{border-radius:16px}}

/* Compact quarry materials: short use labels and smaller photographs. */
.bulk-catalog .product-grid{gap:20px}
.bulk-catalog .product-photo{aspect-ratio:auto;height:180px;margin:10px 10px 0;border-radius:10px}
.bulk-catalog .product-body{padding:16px 18px 18px}
.bulk-catalog .product-body .eyebrow{font-size:14px;letter-spacing:.5px;margin-bottom:6px}
.bulk-catalog .product-body h4{font-size:18px;line-height:1.3;margin-bottom:8px;min-height:0}
.bulk-catalog .product-body p{font-size:16px;line-height:1.45;margin-bottom:12px}
.bulk-catalog .fraction{padding:4px 10px;left:10px;bottom:10px}
.bulk-catalog .card-bottom{padding-top:4px;gap:12px}
.bulk-catalog .small-button{font-size:14px;padding:10px 12px}
@media(max-width:620px){.bulk-catalog .product-photo{height:170px}.bulk-catalog .product-grid{gap:16px}.bulk-catalog .product-body{padding:14px 16px 16px}}

/* Compact stock catalogue, matching the quarry card spacing. */
.catalog-section .product-grid{gap:20px}
.catalog-section .product-photo{aspect-ratio:auto;height:180px;margin:10px 10px 0;border-radius:10px}
.catalog-section .product-body{padding:16px 18px 18px}
.catalog-section .product-body .eyebrow{font-size:14px;letter-spacing:.5px;margin-bottom:6px}
.catalog-section .product-body h3{font-size:18px;line-height:1.3;margin-bottom:8px;min-height:0}
.catalog-section .product-body p{font-size:16px;line-height:1.45;margin-bottom:12px}
.catalog-section .fraction{padding:4px 10px;left:10px;bottom:10px}
.catalog-section .card-bottom{padding-top:4px;gap:12px}
.catalog-section .small-button{font-size:14px;padding:10px 12px}
@media(max-width:620px){.catalog-section .product-photo{height:170px}.catalog-section .product-grid{gap:16px}.catalog-section .product-body{padding:14px 16px 16px}}

/* Keep mobile material categories available throughout the catalogue. */
@media(max-width:850px){
 .catalog-section .catalog-tools{display:contents}
 .catalog-section .filter-tabs{position:sticky;top:var(--catalog-header-height,82px);z-index:9;display:flex;flex-wrap:wrap;gap:6px;background:white;padding:10px 0;margin:0 0 16px;border-bottom:1px solid var(--line);box-shadow:0 5px 8px #18292c08}
 .catalog-section .filter-tabs button{flex:1 1 auto;font-size:14px;min-height:44px;padding:10px 12px;white-space:nowrap;color:var(--ink)}
 .catalog-section .filter-tabs button[aria-pressed="true"]{color:white}
 .catalog-section .search-label{display:block;width:100%;margin:0 0 18px}
 #catalog-count{scroll-margin-top:calc(var(--catalog-header-height,82px) + var(--catalog-filter-height,65px) + 12px)}
}

/* One clear, compact list in the mobile menu. */
@media(max-width:1100px){
 .header-inner nav{width:100%;padding:0 0 12px;gap:0;flex-wrap:nowrap;flex-direction:column;align-items:stretch;font-size:15px}
 .header-inner nav.open{display:flex}
 .header-inner nav a{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;line-height:1.4;border-bottom:1px solid var(--line);border-left:3px solid transparent}
 .header-inner nav a:last-child{border-bottom:0}
 .header-inner nav a:hover,.header-inner nav a[aria-current]{background:var(--soft);border-bottom-color:var(--line);border-left-color:var(--yellow)}
 .header-inner nav a:last-child:hover,.header-inner nav a:last-child[aria-current]{border-bottom:0}
 .menu-button{color:var(--ink)}
}

#vyber-materialu{scroll-margin-top:10px}
@media(max-width:850px){
 html:has(.catalog-section){scroll-padding-top:var(--catalog-header-height,82px)}
 #vyber-materialu{scroll-margin-top:0}
 #catalog-count{scroll-margin-top:calc(var(--catalog-filter-height,65px) + 12px)}
}

/* Keep the longer project-delivery label readable in desktop navigation. */
@media(min-width:1101px){.header-inner nav{align-items:center}.header-inner nav a[href="/velke-dodavky-kameniva/"]{max-width:240px;line-height:1.35}}

.capacity-strip strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.capacity-strip .capacity-material{font-size:14px;font-weight:600;letter-spacing:0}
.capacity-strip .capacity-qualifier{display:block;font-size:14px;line-height:1.4;color:var(--muted);margin-bottom:3px}
.capacity-strip>.wrap>span{font-size:14px;line-height:1.5;letter-spacing:0;max-width:190px}

.footer-billing{display:grid;grid-template-columns:1.4fr 1fr 2.2fr;gap:40px;border-top:1px solid #ffffff20;padding-top:26px;margin-top:32px;color:#d0dcdc;font-size:14px;line-height:1.6}
.footer-billing h2{font-size:16px;line-height:1.5;letter-spacing:0;margin:0;color:white}
.billing-address strong{display:block;color:white;margin-bottom:4px}
.billing-address address{font-style:normal}
.billing-identifiers{display:flex;flex-wrap:wrap;gap:18px 28px;margin:0}
.billing-identifiers dt{color:#abbfc0;font-size:14px}
.billing-identifiers dd{margin:4px 0 0;color:white;font-size:14px}
.footer-billing+.footer-bottom{margin-top:26px}
@media(max-width:850px){.footer-billing{grid-template-columns:1fr 1fr;gap:20px}.footer-billing h2{grid-column:1/-1}}
@media(max-width:620px){.footer-billing{grid-template-columns:1fr;gap:16px}.billing-identifiers{gap:12px 24px}}

@media(max-width:850px){.catalog-delivery-map .coverage-map-panel{display:none}.catalog-delivery-map{grid-template-columns:1fr}}