/* Český les uses the same full-screen snowy intro and map stage as Šumava. */
.cesky-les-hero{position:relative}
.cesky-les-hero .country-title{align-items:flex-start;padding-top:24px;padding-bottom:0}
.cesky-les-hero .hero-title h1{font-size:44px;line-height:1.08;font-weight:900;letter-spacing:-1.8px}
.cesky-les-hero .hero-title p{font-size:15px;color:#536b83;margin:10px 0 13px}
.cesky-les-hero .hero-title .eyebrow{margin-bottom:14px}
.cesky-les-hero .hero-title .map-hint{display:none}
.cesky-les-hero .cesky-les-map-wrap{position:relative;z-index:3}
.cesky-les-hero .cesky-les-map-wrap{width:min(1280px,calc(100% - 48px));height:clamp(280px,34vw,440px);margin:18px auto 0;padding:0;overflow:hidden;border:1px solid #d6e4f6;border-radius:22px;background:#eaf2fa;box-shadow:0 8px 28px #304e7118}
.cesky-les-hero #cesky-les-streets-map{width:100%;height:100%;min-height:280px}
.cesky-les-streets-map .cesky-streets-marker{display:flex;flex-direction:column;align-items:center;gap:5px;transform:translateY(-6px);cursor:pointer}
.cesky-les-streets-map .cesky-streets-pin{width:22px;height:22px;border:3px solid #fff;border-radius:50% 50% 50% 4px;background:#82b9e8;box-shadow:0 3px 12px #173f8240;transform:rotate(-45deg)}
.cesky-les-streets-map .cesky-streets-pin--main{background:#365fff}
.cesky-les-streets-map .cesky-streets-label{display:block;width:max-content;max-width:180px;padding:5px 9px;border:1px solid #cbdcf2;border-radius:10px;background:#fffffff2;color:#24436b;box-shadow:0 4px 14px #173f821c;font:700 12px/1.2 Montserrat,sans-serif;text-align:center;white-space:normal}
.cesky-les-streets-map .cesky-streets-marker:hover .cesky-streets-label,.cesky-les-streets-map .cesky-streets-marker:focus-visible .cesky-streets-label{background:#21498d;color:white}
.cesky-les-map{position:relative;width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0;overflow:visible;background:none}
.cesky-les-map>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 3px 3px #304e7130)}
.cesky-les-map .cesky-map-marker{gap:0}
.cesky-les-map .cesky-map-marker .pin-label{top:43px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-width:180px;padding:4px 8px;border:0;border-radius:6px;background:#fffffff2;box-shadow:0 2px 8px #1a416515;color:#24436b;font-size:11px;line-height:1.2;font-weight:700;text-align:center;white-space:nowrap}
.cesky-les-map .cesky-capartice .pin-label{top:auto;bottom:43px}
.cesky-les-map .cesky-cerchov .pin-label{left:43px;top:0;transform:none}
.cesky-les-map .map-pin:hover .pin-label,.cesky-les-map .map-pin:focus-visible .pin-label{background:#173f85;color:white}
.cesky-les-areas{padding:45px 0 60px}
.cesky-les-areas .section-head{margin-bottom:25px}
.cesky-les-area-grid{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:20px}
.cesky-les-area-card .area-status{display:flex;align-items:center;gap:7px}
@media(max-width:760px){
 .cesky-les-hero{min-height:380px;padding-top:18px;padding-bottom:8px}
 .cesky-les-hero .country-title{align-items:flex-start;padding:0 0 0}
 .cesky-les-hero .hero-title h1{font-size:34px}
 .cesky-les-hero .hero-title .eyebrow{margin-bottom:9px}
 .cesky-les-hero .hero-title p{font-size:12px;margin:10px 0 12px}
 .cesky-les-hero .hero-title .btn{min-height:42px;padding:10px 14px;font-size:11px}
 .cesky-les-hero .hero-title .map-hint{display:flex;align-items:center;justify-content:flex-start;width:46px;height:32px;margin:12px 0 0 12px;border:1px solid #d5e4f5;border-radius:10px;background:#ffffffdf;box-shadow:0 3px 12px #26456a1c;color:#365fff}
 .cesky-les-hero .hero-title .map-swipe-arrow{width:34px;height:22px;animation:none}
 .cesky-les-hero .map-wrap{margin-top:10px}
 .cesky-les-hero .cesky-les-map-wrap{width:calc(100% - 24px);height:300px;margin:12px auto 0;border-radius:16px}
 .cesky-les-hero #cesky-les-streets-map{min-height:300px}
 .cesky-les-streets-map .cesky-streets-label{max-width:125px;font-size:10px;padding:4px 7px}
 .cesky-les-hero .map-scroll{position:relative;z-index:4;padding-top:36px;margin-top:-36px}
 .cesky-les-map{width:760px;height:100%;min-height:0}
 .cesky-les-map .pin-shape{width:29px;height:29px}
 .cesky-les-map .pin-dot{width:10px;height:10px}
 .cesky-les-map .cesky-map-marker .pin-label{font-size:9px;top:33px}
 .cesky-les-map .cesky-capartice .pin-label{top:auto;bottom:33px}
 .cesky-les-map .cesky-cerchov .pin-label{top:0}
 .cesky-les-areas{padding:32px 0 42px}
 .cesky-les-area-grid{grid-template-columns:minmax(0,1fr);gap:14px}
}

/* Only confirmed groomed bases are marked; the map deliberately contains no trail geometry. */
.cesky-les-hero .hero-title.country-title{width:100%;max-width:1280px;padding-left:clamp(22px,4.5vw,56px);padding-right:clamp(22px,4.5vw,56px)}
.cesky-les-map .cesky-gibacht .pin-label{left:auto;right:43px;top:0;transform:none}
.cesky-les-map .cesky-gibacht .pin-shape{background:#36a58e;border-color:#36a58e}
.cesky-les-map .cesky-gibacht .pin-dot{background:white}
.cesky-les-map .cesky-gibacht .pin-label{border:1px solid #a9d9cd;color:#176d5c}
.cesky-les-map .cesky-gibacht:hover .pin-label,.cesky-les-map .cesky-gibacht:focus-visible .pin-label{background:#146e5c;color:white}
.cesky-les-map .cesky-map-marker .pin-label{width:max-content;max-width:min(230px,calc(100vw - 32px));white-space:normal;line-height:1.15;text-wrap:pretty}
.cesky-les-map .cesky-map-marker .pin-label:has(.country-flag--inline){display:inline-flex;align-items:center;flex-wrap:nowrap;gap:4px;width:max-content;max-width:min(260px,calc(100vw - 32px));white-space:normal}
.cesky-les-map .country-flag--inline{flex:none;margin:0;white-space:nowrap}
@media(max-width:760px){
 .cesky-les-hero .hero-title.country-title{padding-left:clamp(22px,5vw,30px);padding-right:clamp(22px,5vw,30px)}
 .cesky-les-map .cesky-gibacht .pin-label{top:0;right:35px;left:auto}
 .cesky-les-area-grid{grid-template-columns:minmax(0,1fr);gap:12px}
}
