/* MASTER436: app-v152.css */

:root{
  --navy:#0b2d5f;
  --navy-soft:#173a6c;
  --coral:#ff4b6c;
  --coral-soft:#ff6b85;
  --gold:#d3a53b;
  --gold-2:#f1c55a;
  --text:#15365f;
  --muted:#6f86a3;
  --line:#dbe7f2;
  --bg:#f5f9fd;
  --panel:#ffffff;
  --shadow:0 16px 40px rgba(10,42,82,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--text);
  background:linear-gradient(#f8fbff,#f5f9fd 45%,#ffffff);
}
img{max-width:100%;display:block}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.container{width:min(1240px,calc(100% - 40px));margin:0 auto}

/* Header + hero */
.hero{
  position:relative;
  min-height:650px;
  overflow:hidden;
  color:#fff;
}
.hero__media{
  position:absolute; inset:0;
  background:
    url("../img/hero-clean.jpg") center center / cover no-repeat;
  transform:scale(1.08);
}
.hero__overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.62) 30%,rgba(255,255,255,.14) 58%,rgba(9,34,61,.12) 100%),
    linear-gradient(180deg,rgba(4,25,49,.08) 0%,rgba(4,25,49,.18) 100%);
}
.site-header{
  position:relative;
  z-index:10;
  padding-top:18px;
}
.site-header__inner{
  display:flex;align-items:center;gap:28px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(10px);
  border-radius:18px;
  padding:10px 18px;
  box-shadow:0 8px 26px rgba(10,42,82,.08);
}
.logo img{width:250px;height:52px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.nav a{
  text-decoration:none;font-weight:700;font-size:16px;color:var(--navy);
}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:6px}
.icon-btn{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(11,45,95,.14);
  background:rgba(255,255,255,.9);
  display:grid;place-items:center;color:var(--navy);
}
.icon-btn svg,.discover-input__icon svg,.mood-chip__icon svg,.benefit__icon svg{
  width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.header-cta{
  padding:12px 20px;border-radius:12px;text-decoration:none;
  font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--coral),var(--coral-soft));
  box-shadow:0 10px 22px rgba(255,75,108,.22);
}

.hero__content{
  position:relative;z-index:4;
  padding-top:92px;
}
.hero__copy{
  max-width:720px;
  padding:38px 0 24px;
}
.hero__copy h1{
  margin:0 0 14px;
  color:var(--navy);
  font-size:68px;
  line-height:.94;
  letter-spacing:-3.6px;
  font-weight:900;
}
.hero__copy p{
  margin:0 0 30px;
  max-width:640px;
  color:var(--navy-soft);
  font-size:17px;
  line-height:1.5;
  font-weight:500;
}
.hero__note{
  position:absolute;right:8px;bottom:186px;
  font-size:26px;line-height:1.05;font-weight:700;
  font-family:"Comic Sans MS",cursive;
  text-align:right; color:#fff; transform:rotate(-6deg);
  text-shadow:0 3px 14px rgba(0,0,0,.25);
}

.discover-box{
  display:grid;grid-template-columns:1fr 220px;
  gap:16px;
  max-width:780px;
}
.discover-input{
  height:74px;background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.66);
  border-radius:20px;
  display:flex;align-items:center;gap:14px;
  padding:0 20px;
  box-shadow:var(--shadow);
}
.discover-input__icon{color:var(--navy)}
.discover-input input{
  flex:1;border:0;background:transparent;outline:0;color:var(--navy);
  font-size:22px;font-weight:600;
}
.discover-input input::placeholder{color:#8ba0b9;font-weight:500}
.discover-submit{
  border:0;border-radius:20px;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#122f56;
  font-size:22px;font-weight:900;
  box-shadow:0 12px 26px rgba(213,165,59,.26);
}
.discover-submit b{font-size:25px;margin-left:8px}
.discover-moods{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:18px;
  max-width:830px;
}
.mood-chip{
  height:50px;padding:0 18px;border-radius:999px;
  border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.94);
  display:flex;align-items:center;gap:11px;
  color:var(--navy);font-weight:800;font-size:15px;
  box-shadow:0 8px 20px rgba(10,42,82,.06);
}
.mood-chip.is-active{
  background:linear-gradient(135deg,var(--coral),var(--coral-soft));
  color:#fff;border-color:transparent;
}
.discover-filters{
  display:flex;gap:12px;flex-wrap:wrap;
  margin-top:18px;
}
.discover-filters label{
  min-width:180px;
  display:flex;flex-direction:column;gap:6px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.65);
  border-radius:16px;
  padding:12px 14px;
  box-shadow:0 8px 20px rgba(10,42,82,.06);
}
.discover-filters span{
  font-size:12px;color:#7287a4;font-weight:800;
}
.discover-filters select{
  border:0;background:transparent;outline:0;color:var(--navy);
  font-weight:800;font-size:15px;
}

.benefits{margin-top:-34px;position:relative;z-index:5}
.benefits__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.benefit{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:18px 20px;display:flex;gap:14px;align-items:flex-start;
  box-shadow:var(--shadow);
}
.benefit__icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:#fff3f6;color:var(--coral);flex:0 0 auto;
}
.benefit b{display:block;color:var(--navy);font-size:17px;margin-bottom:4px}
.benefit small{display:block;color:var(--muted);font-size:13px;line-height:1.45}

.section{padding:36px 0}
.section-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:10px;
}
.section-head h2{
  margin:0;
  font-size:44px;
  line-height:1;
  letter-spacing:-2px;
  color:var(--navy);
  font-weight:900;
}
.section-subline{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  color:#8094ad;font-size:13px;margin-bottom:18px;
}
.text-link{
  background:none;border:0;padding:0;
  color:var(--navy);font-weight:800;font-size:18px;
}
.text-link b{font-size:22px;margin-left:8px;color:var(--coral)}
.status{font-size:14px;color:var(--muted);margin-bottom:12px;min-height:22px}

/* result cards */
.results-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.result-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;box-shadow:0 12px 28px rgba(10,42,82,.06);
}
.result-card__media{
  position:relative;height:174px;background:#dbefff;
}
.result-card__media img{width:100%;height:100%;object-fit:cover}
.result-card__body{padding:14px 16px 16px}
.result-card__top{
  display:flex;justify-content:space-between;gap:10px;align-items:flex-start;
  margin-bottom:10px;
}
.result-card__title{
  margin:0;color:var(--navy);font-size:18px;line-height:1.08;font-weight:900;
}
.result-card__country{font-size:14px;color:#617b98;margin-top:4px;display:flex;gap:7px;align-items:center}
.result-card__temp{
  text-align:right;white-space:nowrap;color:var(--navy);font-weight:900;font-size:15px;
}
.result-card__temp small{
  display:block;margin-top:6px;font-size:12px;color:#7e92aa;font-weight:700;
}
.result-card__price{
  margin-top:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;
}
.result-card__price span{font-size:13px;color:#7288a3;font-weight:700}
.result-card__price b{font-size:18px;color:var(--navy)}
.tags{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;
}
.tag{
  padding:7px 11px;border-radius:999px;background:#eef4fa;
  color:#58779c;font-size:12px;font-weight:700;
}
.result-card__actions{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;
}
.btn-ghost,.btn-primary{
  height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-weight:800;font-size:14px;
}
.btn-ghost{border:1px solid #ceddeb;background:#fff;color:var(--navy)}
.btn-primary{
  border:0;background:linear-gradient(135deg,var(--coral),var(--coral-soft));color:#fff;
}
.flag{font-size:18px}

/* mood grid */
.moods-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:16px;
}
.mood-card{
  height:164px;border:0;border-radius:20px;overflow:hidden;
  position:relative;text-align:left;padding:18px;color:#fff;
  background-size:cover;background-position:center;
  box-shadow:0 14px 28px rgba(10,42,82,.10);
}
.mood-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,29,55,.15) 0%,rgba(5,29,55,.74) 100%);
}
.mood-card span{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.mood-card b{font-size:28px;line-height:1.02;font-weight:900;letter-spacing:-1px}
.mood-card small{margin-top:6px;font-size:13px;font-weight:600;color:rgba(255,255,255,.95)}
.mood-card.sea{background-image:url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=900&q=80")}
.mood-card.city{background-image:url("https://images.unsplash.com/photo-1516483638261-f4dbaf036963?auto=format&fit=crop&w=900&q=80")}
.mood-card.nature{background-image:url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=900&q=80")}
.mood-card.food{background-image:url("https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=900&q=80")}
.mood-card.couple{background-image:url("https://images.unsplash.com/photo-1516589178581-6cd7833ae3b2?auto=format&fit=crop&w=900&q=80")}
.mood-card.adventure{background-image:url("https://images.unsplash.com/photo-1527631746610-bca00a040d60?auto=format&fit=crop&w=900&q=80")}

/* featured */
.featured-card{
  min-height:320px;
}
.featured-empty{
  background:#fff;border:1px dashed #d7e4ef;border-radius:20px;padding:40px;color:#8ca1b8
}
.featured-panel{
  display:grid;grid-template-columns:400px 1fr;
  background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:0 14px 30px rgba(10,42,82,.08);
}
.featured-image{
  min-height:320px;background:#dbefff;
}
.featured-image img{width:100%;height:100%;object-fit:cover}
.featured-content{padding:24px 26px 24px}
.featured-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  background:#fff6df;color:#8a6820;font-weight:900;font-size:13px;
}
.featured-badge:before{
  content:"★";color:#d3a53b;font-size:15px;
}
.featured-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px
}
.featured-title h3{
  margin:0;font-size:40px;letter-spacing:-2px;line-height:1;color:var(--navy);font-weight:900
}
.featured-title p{
  margin:8px 0 0;font-size:18px;color:#58779c;font-weight:700
}
.match-badge{
  white-space:nowrap;padding:10px 14px;border-radius:999px;background:#eef9ef;color:#1e7c35;
  font-weight:900;font-size:15px;
}
.featured-text{
  margin:18px 0 0;font-size:18px;line-height:1.45;color:#34547b;max-width:760px;
}
.featured-meta{
  display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;
}
.featured-meta__item{
  display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:800;font-size:16px;
}
.featured-meta__item small{
  display:block;color:#7d91aa;font-size:12px;font-weight:700
}
.featured-meta__icon{
  width:38px;height:38px;border-radius:12px;background:#f3f7fb;display:grid;place-items:center;
  font-size:18px;color:var(--coral)
}
.featured-footer{
  display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;
}
.featured-quote{
  max-width:420px;color:#7f6c4b;font-style:italic;line-height:1.45
}
.featured-cta{
  padding:16px 24px;border-radius:16px;text-decoration:none;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#12315a;font-weight:900;font-size:18px;
  box-shadow:0 12px 22px rgba(211,165,59,.20);
}

/* How it works */
.how-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.how-step{
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;
  display:flex;gap:16px;box-shadow:0 12px 28px rgba(10,42,82,.05);
}
.how-step__num{
  width:42px;height:42px;border-radius:50%;background:#fff3f6;color:var(--coral);
  display:grid;place-items:center;font-weight:900;font-size:20px;flex:0 0 auto
}
.how-step h3{margin:2px 0 8px;font-size:20px;color:var(--navy)}
.how-step p{margin:0;color:#69819f;line-height:1.45}

/* About + newsletter */
.about__panel{
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;
}
.about__panel h2{margin:0 0 12px;font-size:34px;letter-spacing:-1px;color:var(--navy)}
.about__panel p{margin:0;color:#617b98;line-height:1.6;font-size:16px}
.newsletter{display:flex;flex-direction:column;gap:12px}
.newsletter label{font-weight:800;color:var(--navy)}
.newsletter__row{display:grid;grid-template-columns:1fr auto;gap:10px}
.newsletter input{
  height:52px;border:1px solid var(--line);border-radius:14px;padding:0 16px;font-size:15px;
}
.newsletter button{
  height:52px;border:0;border-radius:14px;padding:0 18px;font-weight:900;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#12315a
}
.footer{
  border-top:1px solid #e2ebf3;background:#fff;padding:22px 0 30px;margin-top:16px
}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand img{width:180px;height:38px;object-fit:contain}
.footer-brand span{color:#7e94ac;font-weight:700}
.footer-note{color:#58779c;font-style:italic;font-weight:800}

/* Responsive */
@media (max-width: 1180px){
  .container{width:min(100% - 28px,1240px)}
  .nav{gap:22px}
  .hero__copy h1{font-size:58px}
  .results-grid{grid-template-columns:repeat(2,1fr)}
  .moods-grid{grid-template-columns:repeat(3,1fr)}
  .featured-panel{grid-template-columns:320px 1fr}
}
@media (max-width: 860px){
  .site-header__inner{gap:12px}
  .nav{display:none}
  .header-actions{margin-left:auto}
  .hero{min-height:760px}
  .hero__media{background-position:center}
  .hero__overlay{
    background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.90) 40%,rgba(255,255,255,.98) 100%);
  }
  .hero__content{padding-top:36px}
  .hero__copy{padding-top:180px}
  .hero__copy h1{font-size:44px;letter-spacing:-2.4px}
  .hero__copy p{font-size:15px}
  .discover-box{grid-template-columns:1fr}
  .discover-input,.discover-submit{height:62px}
  .discover-input input,.discover-submit{font-size:18px}
  .hero__note{display:none}
  .benefits{margin-top:0;padding-top:14px}
  .benefits__grid{grid-template-columns:1fr}
  .section-head{flex-direction:column;align-items:flex-start}
  .section-subline{flex-direction:column;align-items:flex-start}
  .results-grid{grid-template-columns:1fr}
  .moods-grid{grid-template-columns:1fr 1fr}
  .mood-card{height:142px}
  .featured-panel{grid-template-columns:1fr}
  .featured-image{min-height:220px}
  .featured-title h3{font-size:30px}
  .featured-head,.featured-footer{flex-direction:column;align-items:flex-start}
  .how-grid,.about__panel{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .logo img{width:180px;height:40px}
  .icon-btn{display:none}
  .header-cta{padding:10px 14px;font-size:14px}
  .hero{min-height:720px}
  .hero__copy{padding-top:160px}
  .hero__copy h1{font-size:40px}
  .discover-moods{gap:8px}
  .mood-chip{height:44px;padding:0 14px;font-size:14px}
  .discover-filters label{width:100%}
  .section-head h2{font-size:34px}
  .moods-grid{grid-template-columns:1fr}
  .newsletter__row{grid-template-columns:1fr}
  .footer__inner,.footer-brand{flex-direction:column;align-items:flex-start}
}


/* v1.1 — oprava hero obrázku + větší karty „Vyber podle nálady“ */
.hero__media{
  background-image:url("../img/hero-clean.jpg");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:none;
}

.hero{
  min-height:680px;
}

.hero__overlay{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.88) 0%,
      rgba(255,255,255,.72) 31%,
      rgba(255,255,255,.34) 50%,
      rgba(255,255,255,.08) 68%,
      rgba(6,28,52,.10) 100%
    ),
    linear-gradient(180deg,rgba(4,25,49,.05),rgba(4,25,49,.16));
}

/* mood cards: larger, with deliberate 2-line-friendly copy */
.moods-grid{
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.mood-card{
  min-height:210px;
  height:210px;
  padding:22px;
  border-radius:22px;
}

.mood-card span{
  justify-content:flex-end;
  align-items:flex-start;
}

.mood-card b{
  font-size:32px;
  line-height:1.00;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}

.mood-card small{
  display:block;
  margin-top:8px;
  font-size:14px;
  line-height:1.28;
  max-width:92%;
  white-space:normal;
}

@media (max-width:1180px){
  .moods-grid{grid-template-columns:repeat(2,1fr)}
  .mood-card{min-height:190px;height:190px}
}

@media (max-width:680px){
  .moods-grid{grid-template-columns:1fr}
  .mood-card{min-height:180px;height:180px}
  .mood-card b{font-size:30px}
}


/* v1.3 — oprava překryvu benefit karet + nový ostrý hero obrázek */
.hero{
  min-height: 790px;
  padding-bottom: 120px;
}

.hero__content{
  padding-top: 92px;
  padding-bottom: 36px;
}

.hero__copy{
  max-width: 760px;
  padding: 46px 0 10px;
}

.hero__media{
  background-image: url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2200&q=85");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: none;
}

.hero__overlay{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.92) 0%,
      rgba(255,255,255,.82) 24%,
      rgba(255,255,255,.48) 45%,
      rgba(255,255,255,.12) 66%,
      rgba(7,28,52,.10) 100%
    ),
    linear-gradient(180deg,rgba(4,25,49,.03) 0%,rgba(4,25,49,.12) 100%);
}

.hero__note{
  right: 24px;
  bottom: 232px;
}

.discover-box{
  max-width: 820px;
}

.discover-filters{
  margin-top: 18px;
}

.benefits{
  margin-top: 22px;
  position: relative;
  z-index: 2;
}

.benefits__grid{
  align-items: stretch;
}

.benefit{
  min-height: 112px;
}

@media (max-width: 1100px){
  .hero{
    min-height: 860px;
    padding-bottom: 96px;
  }

  .hero__copy h1{
    font-size: 60px;
  }

  .hero__note{
    right: 16px;
    bottom: 224px;
  }
}

@media (max-width: 860px){
  .hero{
    min-height: 780px;
    padding-bottom: 32px;
  }

  .hero__content{
    padding-top: 36px;
    padding-bottom: 20px;
  }

  .hero__copy{
    padding-top: 180px;
  }

  .benefits{
    margin-top: 16px;
    padding-top: 0;
  }
}


/* =========================================================
   v1.4 — final visual polish before adding more data sources
   ========================================================= */

/* smoother global motion */
a, button, .result-card, .mood-card, .benefit, .discover-input,
.discover-filters label, .site-header__inner, .featured-panel, .how-step {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease,
    opacity .22s ease;
}

/* glassier header, less boxy */
.site-header__inner{
  background:rgba(255,255,255,.72);
  border:0;
  box-shadow:0 10px 34px rgba(10,42,82,.10);
}
.site-header__inner:hover{
  box-shadow:0 14px 38px rgba(10,42,82,.14);
}

/* navigation micro-interactions */
.nav a{
  position:relative;
}
.nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:2px;
  border-radius:999px;
  background:var(--coral);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.nav a:hover::after{
  transform:scaleX(1);
}
.nav a:hover{
  color:var(--coral);
}

/* header CTA */
.header-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(255,75,108,.28);
}
.icon-btn:hover{
  transform:translateY(-2px);
  background:#fff;
  box-shadow:0 10px 22px rgba(10,42,82,.12);
}

/* hero callout gets a proper visual accent */
.hero__note{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.hero__note::after{
  content:"";
  width:108px;
  height:3px;
  border-radius:999px;
  background:var(--coral);
  transform:rotate(-4deg);
  box-shadow:30px 8px 0 -1px rgba(255,255,255,.75);
}

/* search box */
.discover-input{
  border:0;
  box-shadow:0 14px 34px rgba(10,42,82,.12);
}
.discover-input:focus-within{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(10,42,82,.16);
}
.discover-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(211,165,59,.30);
}

/* cleaner mood pills – no visible outline */
.mood-chip{
  border:0;
  box-shadow:0 9px 22px rgba(10,42,82,.08);
}
.mood-chip:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 26px rgba(10,42,82,.12);
}
.mood-chip.is-active{
  box-shadow:0 12px 26px rgba(255,75,108,.23);
}

/* filters: cleaner cards and better vertical centering */
.discover-filters label{
  border:0;
  min-height:72px;
  justify-content:center;
  box-shadow:0 10px 24px rgba(10,42,82,.08);
}
.discover-filters label:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(10,42,82,.11);
}
.discover-filters span,
.discover-filters select{
  text-align:left;
}

/* benefits: softer, cleaner, centered */
.benefit{
  border:0;
  min-height:112px;
  align-items:center;
  box-shadow:0 14px 34px rgba(10,42,82,.08);
}
.benefit:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(10,42,82,.12);
}
.benefit__icon{
  box-shadow:inset 0 0 0 1px rgba(255,75,108,.08);
}
.benefit > div{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* results */
.result-card{
  border:0;
  box-shadow:0 14px 34px rgba(10,42,82,.08);
}
.result-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 46px rgba(10,42,82,.14);
}
.result-card__media img{
  transition:transform .45s ease, filter .45s ease;
}
.result-card:hover .result-card__media img{
  transform:scale(1.035);
  filter:saturate(1.04) contrast(1.02);
}

.tag{
  border:0;
}

/* card CTAs */
.btn-ghost{
  border:0;
  background:#f3f7fb;
}
.btn-ghost:hover{
  background:#e8f1fa;
  transform:translateY(-1px);
}
.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(255,75,108,.22);
}

/* mood image cards */
.mood-card{
  border:0;
  box-shadow:0 16px 34px rgba(10,42,82,.11);
}
.mood-card::before{
  transition:background .25s ease;
}
.mood-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 48px rgba(10,42,82,.16);
}
.mood-card:hover::before{
  background:linear-gradient(180deg,rgba(5,29,55,.08) 0%,rgba(5,29,55,.66) 100%);
}
.mood-card b,
.mood-card small{
  max-width:100%;
  white-space:normal;
}
.mood-card b{
  text-wrap:balance;
}
.mood-card small{
  text-wrap:pretty;
}

/* tip card */
.featured-panel{
  border:0;
  box-shadow:0 18px 42px rgba(10,42,82,.09);
}
.featured-panel:hover{
  box-shadow:0 24px 52px rgba(10,42,82,.13);
}
.featured-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(211,165,59,.26);
}

/* steps */
.how-step{
  border:0;
  box-shadow:0 12px 30px rgba(10,42,82,.07);
}
.how-step:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(10,42,82,.11);
}

/* newsletter/about */
.about__panel{
  border:0;
  box-shadow:0 14px 34px rgba(10,42,82,.07);
}
.newsletter input{
  border:0;
  background:#f6f9fc;
  box-shadow:inset 0 0 0 1px rgba(11,45,95,.07);
}
.newsletter input:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,75,108,.11), inset 0 0 0 1px rgba(255,75,108,.22);
}
.newsletter button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(211,165,59,.24);
}

/* headings and utility links */
.section-head h2{
  text-wrap:balance;
}
.text-link:hover{
  color:var(--coral);
}
.text-link:hover b{
  transform:translateX(3px);
  display:inline-block;
}

/* slightly cleaner page background */
body{
  background:
    radial-gradient(circle at 50% 0%, rgba(228,241,253,.55), transparent 34%),
    linear-gradient(#f8fbff,#f5f9fd 48%,#fff);
}

/* desktop alignment tweaks */
@media (min-width: 861px){
  .benefits__grid{
    align-items:stretch;
  }
  .benefit{
    text-align:left;
  }
  .discover-moods{
    align-items:center;
  }
}

/* mobile polish */
@media (max-width: 860px){
  .site-header__inner{
    background:rgba(255,255,255,.86);
  }
  .benefit{
    min-height:96px;
  }
}


/* =========================================================
   v1.5 — Invia package holidays
   ========================================================= */
.section-kicker{
  margin:8px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
}
.provider-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:78px;
  height:38px;
  padding:0 15px;
  border-radius:999px;
  background:#fff6df;
  color:#87651f;
  font-weight:900;
  box-shadow:0 10px 24px rgba(211,165,59,.14);
}
.package-section{
  padding-top:18px;
}
.package-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.package-card{
  overflow:hidden;
  background:#fff;
  border-radius:20px;
  box-shadow:0 14px 34px rgba(10,42,82,.08);
  transition:transform .22s ease, box-shadow .22s ease;
}
.package-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 46px rgba(10,42,82,.14);
}
.package-card__media{
  position:relative;
  height:185px;
  overflow:hidden;
  background:#e8f1f8;
}
.package-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.package-card:hover .package-card__media img{
  transform:scale(1.035);
}
.package-card__labels{
  position:absolute;
  left:12px;
  top:12px;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.package-pill{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(9,39,76,.88);
  color:#fff;
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(8px);
}
.package-pill--sale{
  background:rgba(255,75,108,.94);
}
.package-card__body{
  padding:15px 16px 16px;
}
.package-card__locality{
  color:var(--coral);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.package-card h3{
  margin:6px 0 4px;
  color:var(--navy);
  font-size:18px;
  line-height:1.16;
  font-weight:900;
}
.package-country{
  color:#6f86a3;
  font-size:13px;
  font-weight:700;
}
.package-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}
.package-meta span{
  min-width:0;
  padding:8px 10px;
  border-radius:11px;
  background:#f4f8fc;
  color:#506f94;
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
.package-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:15px;
}
.package-price small{
  display:block;
  color:#8497ad;
  font-size:11px;
  margin-bottom:3px;
}
.package-price strong{
  color:var(--navy);
  font-size:20px;
  font-weight:900;
}
.package-cta{
  min-height:40px;
  padding:0 14px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--coral),var(--coral-soft));
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 20px rgba(255,75,108,.18);
}
.package-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 24px rgba(255,75,108,.24);
}

@media(max-width:1180px){
  .package-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .package-grid{grid-template-columns:1fr}
  .package-card__media{height:210px}
}


/* ==========================================================
   KamLetíme Engine 2.0
   ========================================================== */
.intent-summary{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:16px;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:13px;
}
.intent-summary strong{display:block;margin-bottom:8px}
.intent-chips{display:flex;flex-wrap:wrap;gap:7px}
.intent-chips span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  font-weight:700;
}

.comparison-section{padding-top:18px}
.provider-badge--soft{background:#edf5ff;color:#174e86}
.trip-comparison{
  min-height:80px;
  padding:26px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 55px rgba(19,55,93,.08);
  border:1px solid #edf2f7;
}
.compare-head{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:flex-start;
  margin-bottom:20px;
}
.compare-eyebrow{
  display:inline-block;
  margin-bottom:7px;
  color:#ff4969;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.compare-head h3{font-size:30px;line-height:1.05;margin:0 0 7px;color:#05366d}
.compare-head p{margin:0;color:#7186a2;max-width:720px}
.compare-facts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:0 0 18px;
}
.compare-facts>div{
  padding:14px 15px;
  border-radius:16px;
  background:#f6f9fd;
}
.compare-facts small{display:block;color:#8192aa;margin-bottom:3px}
.compare-facts strong{display:block;color:#07366f;font-size:17px}
.compare-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.compare-option{
  position:relative;
  padding:18px;
  border:1px solid #e6edf5;
  border-radius:20px;
  background:#fff;
}
.compare-option.is-recommended{
  border-color:#ffd8a8;
  background:#fffaf2;
}
.compare-option.is-pending{
  background:#f8fafc;
}
.compare-type{
  display:block;
  color:#637b9b;
  font-size:12px;
  font-weight:900;
  margin-bottom:9px;
}
.compare-option>strong{
  display:block;
  color:#06366e;
  font-size:20px;
  line-height:1.2;
}
.compare-option p{
  min-height:40px;
  color:#7186a2;
  font-size:13px;
  line-height:1.45;
}
.compare-option a{
  color:#ff4969;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.compare-disclaimer{
  margin-top:14px;
  color:#8898ad;
  font-size:11px;
  line-height:1.5;
}

@media(max-width:900px){
  .compare-facts{grid-template-columns:1fr 1fr}
  .compare-options{grid-template-columns:1fr}
}
@media(max-width:600px){
  .trip-comparison{padding:18px;border-radius:22px}
  .compare-head{display:block}
  .compare-head .match-badge{display:inline-flex;margin-top:12px}
  .compare-facts{grid-template-columns:1fr 1fr}
  .compare-head h3{font-size:25px}
}


/* ==========================================================
   KamLetíme 2.1 — jasné oddělení homepage a výsledků hledání
   ========================================================== */
.discover-filters--simple{grid-template-columns:180px 180px}
.intent-summary--results{
  margin:12px 0 18px;
  background:#fff;
  color:#07366f;
  border:1px solid #dde7f1;
  box-shadow:none;
}
.intent-summary--results .intent-chips span{
  color:#07366f;
  background:#f2f7fc;
  border-color:#e1eaf3;
}

/* Po konkrétním hledání homepage přechází do search režimu. */
.search-mode .benefits,
.search-mode #inspirace,
.search-mode #tipy,
.search-mode #jak-to-funguje,
.search-mode #porovnani,
.search-mode #zajezdy{
  display:none !important;
}
.search-mode #destinace{padding-top:32px}
.search-mode #destinace .results-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.search-mode .hero{
  min-height:auto;
  padding-bottom:28px;
}
.search-mode .hero__note{display:none}
.search-mode .hero__content{padding-bottom:0}

.result-card--search{position:relative}
.result-card--search .result-card__media{position:relative}
.result-match{
  position:absolute;
  top:14px;
  right:14px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#087a38;
  font-size:12px;
  font-weight:900;
  box-shadow:0 5px 18px rgba(0,0,0,.12);
}
.result-card__description{
  margin:12px 0;
  color:#627a99;
  font-size:13px;
  line-height:1.55;
}
.match-reasons{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0 14px;
}
.match-reasons span{
  padding:5px 8px;
  border-radius:999px;
  background:#eef8f1;
  color:#217341;
  font-size:11px;
  font-weight:800;
}
.result-offers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0;
}
.result-offers>div{
  padding:11px 12px;
  border-radius:14px;
  background:#f5f8fc;
}
.result-offers small{display:block;color:#7589a4;font-size:10px;margin-bottom:3px}
.result-offers strong{display:block;color:#07366f;font-size:15px}

.destination-detail{
  scroll-margin-top:20px;
  margin-top:24px;
  padding:28px;
  border-radius:28px;
  background:#fff;
  border:1px solid #e7eef5;
  box-shadow:0 18px 55px rgba(19,55,93,.08);
}
.destination-detail__head{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:flex-start;
}
.destination-detail__head h3{margin:0 0 8px;font-size:32px;color:#07366f}
.destination-detail__head p{max-width:820px;margin:0;color:#627a99;line-height:1.65}
.destination-detail__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:22px;
}
.destination-detail__grid section{
  padding:17px;
  border-radius:18px;
  background:#f6f9fd;
}
.destination-detail__grid h4{margin:0 0 8px;color:#07366f}
.destination-detail__grid ul{margin:0;padding-left:18px;color:#637a98;line-height:1.65}
.destination-detail__grid p{color:#637a98;line-height:1.55}
.destination-detail__offers{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.destination-detail__offers>div{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:15px;
  border:1px solid #e6edf5;
  border-radius:17px;
}
.destination-detail__offers small{color:#7b8ea7}
.destination-detail__offers strong{color:#07366f;font-size:18px}
.destination-detail__offers a{color:#ff4969;font-weight:900;text-decoration:none;font-size:12px}
.destination-detail__offers span{color:#7b8ea7;font-size:12px}

@media(max-width:900px){
  .search-mode #destinace .results-grid{grid-template-columns:1fr}
  .destination-detail__grid,.destination-detail__offers{grid-template-columns:1fr}
}
@media(max-width:650px){
  .discover-filters--simple{grid-template-columns:1fr 1fr}
  .destination-detail{padding:18px}
  .destination-detail__head{display:block}
}


/* ==========================================================
   KamLetíme 2.2 — modal detail + vlastní SVG icon system
   ========================================================== */
.kl-icon{
  width:1.15em;
  height:1.15em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:-.18em;
  flex:0 0 auto;
}

body.detail-open{overflow:hidden}

.destination-modal{
  position:fixed;
  inset:0;
  z-index:4000;
}
.destination-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,19,40,.58);
  backdrop-filter:blur(8px);
}
.destination-modal__panel{
  position:absolute;
  inset:3vh 3vw;
  max-width:1320px;
  margin:auto;
  background:#f5f8fc;
  border-radius:30px;
  overflow:auto;
  box-shadow:0 35px 100px rgba(2,27,60,.32);
}
.destination-hero{
  position:relative;
  min-height:390px;
  padding:34px 42px 38px;
  display:flex;
  align-items:flex-end;
  background-size:cover;
  background-position:center;
  color:#fff;
}
.detail-back,.detail-close{
  position:absolute;
  top:24px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(5,38,76,.38);
  color:#fff;
  backdrop-filter:blur(10px);
  cursor:pointer;
}
.detail-back{
  left:26px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
}
.detail-close{
  right:26px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  padding:0;
}
.destination-hero__content{max-width:900px}
.destination-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:12px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.destination-hero__title{
  display:flex;
  align-items:flex-start;
  gap:18px;
}
.destination-hero__title h2{
  margin:0;
  color:#fff;
  font-size:52px;
  line-height:1;
}
.destination-hero__title p{
  margin:7px 0 0;
  color:rgba(255,255,255,.82);
  font-size:18px;
}
.match-badge--hero{
  margin-top:3px;
  background:rgba(255,255,255,.92);
}
.destination-hero__lead{
  max-width:760px;
  margin:20px 0 18px;
  color:rgba(255,255,255,.9);
  line-height:1.65;
  font-size:16px;
}
.destination-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.destination-hero__facts span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  backdrop-filter:blur(8px);
  font-size:12px;
}

.destination-modal__body{padding:24px 28px 30px}
.destination-story-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1.1fr;
  gap:12px;
}
.destination-story-card{
  position:relative;
  padding:19px 20px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e6edf5;
}
.story-icon{
  width:37px;height:37px;
  display:grid;place-items:center;
  border-radius:12px;
  background:#f1f6fb;
  color:#0a437d;
  margin-bottom:12px;
}
.destination-story-card h3{margin:0 0 9px;color:#07366f;font-size:16px}
.destination-story-card ul{margin:0;padding-left:18px;color:#617997;line-height:1.7}
.destination-story-card p{margin:0;color:#617997;line-height:1.6}
.story-status{
  display:inline-block;
  margin-top:13px;
  padding:5px 8px;
  border-radius:999px;
  background:#fff4dc;
  color:#956300;
  font-size:10px;
  font-weight:900;
}

.destination-buy{
  margin-top:14px;
  padding:22px;
  border-radius:24px;
  background:#fff;
  border:1px solid #e6edf5;
}
.destination-buy__intro span{color:#ff4969;font-size:11px;font-weight:900;text-transform:uppercase}
.destination-buy__intro h3{margin:5px 0 16px;color:#07366f;font-size:24px}
.destination-buy__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.buy-card{
  min-height:172px;
  display:flex;
  flex-direction:column;
  padding:17px;
  border-radius:18px;
  border:1px solid #e3ebf4;
  background:#fff;
}
.buy-card--primary{
  background:linear-gradient(180deg,#fff8fa 0%,#fff 100%);
  border-color:#ffd9e2;
}
.buy-card--available{
  background:linear-gradient(180deg,#fffaf0 0%,#fff 100%);
  border-color:#ffe1a5;
}
.buy-card--muted{background:#f8fafc}
.buy-card__icon{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:13px;
  background:#eef5fb;
  color:#07366f;
  margin-bottom:12px;
}
.buy-card small{display:block;color:#7a8ea7;margin-bottom:3px}
.buy-card strong{display:block;color:#07366f;font-size:20px;line-height:1.2}
.buy-card p{margin:7px 0 13px;color:#7186a2;font-size:12px;line-height:1.5;flex:1}
.buy-card a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  align-self:flex-start;
  padding:10px 13px;
  border-radius:11px;
  background:#ff4b6c;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  font-size:12px;
}
.destination-modal__note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:12px;
  color:#8293a8;
  font-size:10px;
  line-height:1.5;
}

/* Dynamic result labels now use same icon language. */
.result-offers small{
  display:flex;
  align-items:center;
  gap:5px;
}
.result-card__actions a,
.destination-detail__offers a{
  text-decoration:none;
}

@media(max-width:900px){
  .destination-modal__panel{inset:1.5vh 2vw;border-radius:24px}
  .destination-hero{min-height:340px;padding:30px 24px}
  .destination-hero__title h2{font-size:40px}
  .destination-story-grid,.destination-buy__grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .destination-modal__panel{inset:0;border-radius:0}
  .destination-hero{min-height:360px;padding:78px 18px 25px}
  .detail-back{left:14px;top:14px}
  .detail-close{right:14px;top:14px}
  .destination-hero__title{display:block}
  .destination-hero__title h2{font-size:36px}
  .match-badge--hero{display:inline-flex;margin-top:10px}
  .destination-modal__body{padding:16px}
}


/* ==========================================================
   KamLetíme 2.3 — detail bez rušivé lišty + carousel destinací
   ========================================================== */
.destination-modal__panel{
  inset:18px 58px;
  max-height:calc(100vh - 36px);
  overflow:hidden;
  display:grid;
  grid-template-rows:minmax(250px, 43vh) minmax(0,1fr);
}

.destination-hero{
  min-height:0;
  height:100%;
  padding:28px 38px 28px;
}

.destination-modal__body{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:18px 24px 20px;
}
.destination-modal__body::-webkit-scrollbar{display:none}

.destination-story-card{padding:15px 17px}
.story-icon{width:34px;height:34px;margin-bottom:8px}
.destination-story-card h3{margin-bottom:6px}
.destination-story-card ul{line-height:1.5}
.destination-story-card p{line-height:1.45}

.destination-buy{
  margin-top:10px;
  padding:16px 18px;
}
.destination-buy__intro h3{
  margin:3px 0 12px;
  font-size:20px;
}
.buy-card{
  min-height:140px;
  padding:14px;
}
.buy-card__icon{
  width:36px;height:36px;
  margin-bottom:8px;
}
.buy-card strong{font-size:18px}
.buy-card p{margin:5px 0 9px;line-height:1.35}
.buy-card a{padding:8px 11px}
.destination-modal__note{margin-top:8px}

.destination-nav{
  position:fixed;
  top:50%;
  z-index:4010;
  width:48px;
  height:48px;
  margin-top:-24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  background:rgba(7,54,111,.88);
  color:#fff;
  box-shadow:0 10px 30px rgba(0,24,55,.25);
  backdrop-filter:blur(8px);
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}
.destination-nav:hover{
  transform:scale(1.06);
  background:#07366f;
}
.destination-nav--prev{left:16px}
.destination-nav--next{right:16px}
.destination-nav .kl-icon{width:22px;height:22px}

/* Při běžném desktopovém rozlišení vše vmáčkneme do jednoho viewportu. */
@media(min-width:901px) and (min-height:760px){
  .destination-modal__body{overflow:hidden}
  .destination-story-grid{min-height:0}
}

/* Menší výška obrazovky: obsah lze kolečkem posunout, lišta ale neruší. */
@media(max-height:759px) and (min-width:901px){
  .destination-modal__panel{
    grid-template-rows:minmax(220px,36vh) minmax(0,1fr);
  }
  .destination-hero__lead{margin:12px 0 12px}
  .destination-hero__facts span{padding:7px 10px}
}

@media(max-width:900px){
  .destination-modal__panel{
    inset:10px;
    max-height:calc(100vh - 20px);
    grid-template-rows:minmax(260px,40vh) minmax(0,1fr);
  }
  .destination-nav{
    width:42px;height:42px;
    top:auto;
    bottom:16px;
  }
  .destination-nav--prev{left:16px}
  .destination-nav--next{right:16px}
  .destination-modal__body{padding-bottom:70px}
}

@media(max-width:600px){
  .destination-modal__panel{
    inset:0;
    max-height:100vh;
    grid-template-rows:minmax(300px,42vh) minmax(0,1fr);
  }
}


/* KamLetíme 2.4 — borderless destination detail */
.destination-story-card,
.destination-buy,
.buy-card,
.destination-hero__facts span,
.detail-back,
.detail-close,
.destination-nav{
  border:none !important;
}

.destination-story-card{
  background:linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%);
  box-shadow:0 8px 24px rgba(7,54,111,.065);
}
.destination-story-card:nth-child(1) .story-icon{background:#edf8f2;color:#18784b}
.destination-story-card:nth-child(2) .story-icon{background:#eef5ff;color:#145493}
.destination-story-card:nth-child(3) .story-icon{background:#fff2f5;color:#d84462}

.destination-buy{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  box-shadow:0 10px 30px rgba(7,54,111,.07);
}

.buy-card{
  background:#fff;
  box-shadow:0 7px 22px rgba(7,54,111,.065);
}
.buy-card--primary{
  background:linear-gradient(145deg,#fff6f9 0%,#fff 74%);
  box-shadow:0 10px 28px rgba(255,75,108,.10);
}
.buy-card--available{
  background:linear-gradient(145deg,#fff9e9 0%,#fff 74%);
  box-shadow:0 10px 28px rgba(240,190,73,.13);
}
.buy-card--muted{
  background:linear-gradient(145deg,#f1f6fb 0%,#fff 82%);
  box-shadow:0 7px 20px rgba(7,54,111,.05);
}
.buy-card--primary .buy-card__icon{background:#fff0f4;color:#df3d5d}
.buy-card--available .buy-card__icon{background:#fff1cf;color:#926200}
.buy-card--muted .buy-card__icon{background:#e9f2fa;color:#315f8f}

.destination-hero__facts span{
  background:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.detail-back,.detail-close{
  background:rgba(4,43,91,.46);
  box-shadow:0 7px 22px rgba(0,25,56,.15);
}

.destination-modal__panel{
  grid-template-rows:minmax(215px,30vh) minmax(0,1fr);
}
.destination-hero{padding:20px 32px}
.destination-hero__lead{margin:10px 0}
.destination-modal__body{padding:12px 18px 14px}
.destination-story-card{padding:12px 14px}
.destination-buy{padding:12px 14px;margin-top:7px}
.destination-buy__intro h3{font-size:18px;margin:2px 0 8px}
.buy-card{min-height:120px;padding:11px}
.buy-card__icon{width:33px;height:33px;margin-bottom:5px}
.buy-card p{font-size:11px;line-height:1.3;margin:4px 0 7px}
.buy-card a{padding:8px 10px}
.destination-modal__note{margin-top:5px}


/* KamLetíme 2.5 — reset a datumové filtry */
.discover-filters--simple{
  display:flex;
  align-items:flex-end;
  gap:12px;
}
.reset-search{
  height:72px;
  padding:0 18px;
  border:0;
  border-radius:18px;
  background:rgba(255,255,255,.74);
  color:#07366f;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(7,54,111,.07);
}
.reset-search:hover{background:#fff}
.intent-summary__head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:8px;
}
.intent-note{
  max-width:650px;
  color:#7186a2;
  font-size:11px;
  line-height:1.45;
  font-weight:500;
}
@media(max-width:700px){
  .discover-filters--simple{flex-wrap:wrap}
  .reset-search{height:54px}
  .intent-summary__head{display:block}
  .intent-note{display:block;margin-top:6px}
}


/* ==========================================================
   KamLetíme 2.6 — přesné filtry, detail na klik, climate data
   ========================================================== */
.intent-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.intent-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px 7px 12px;
  border:0;
  border-radius:999px;
  background:#eef5fb;
  color:#07366f;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(7,54,111,.04);
}
.intent-chip .kl-icon{width:14px;height:14px;opacity:.55}
.intent-chip:hover{background:#e4eef8}
.intent-reset-all{
  border:0;
  background:transparent;
  color:#ff4b6c;
  font-weight:800;
  cursor:pointer;
}
.intent-reset-all:hover{text-decoration:underline}

.result-card__media{
  width:100%;
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
  text-align:left;
}
.result-card__title-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
  color:#07366f;
  cursor:pointer;
  font:inherit;
  font-size:20px;
  font-weight:900;
}
.result-card__title-button:hover{color:#ff4b6c}
.country-flag{
  display:inline-block;
  width:24px;
  height:18px;
  object-fit:cover;
  border-radius:3px;
  box-shadow:0 1px 4px rgba(0,0,0,.14);
  vertical-align:-3px;
}
.result-offers em{
  display:block;
  margin-top:3px;
  color:#9a6d00;
  font-size:9px;
  font-style:normal;
  font-weight:700;
}
.match-reasons .kl-icon{
  width:13px;
  height:13px;
}

/* Detail skutečně vyplňuje modal, ne prázdnou plochu. */
.destination-modal__panel{
  height:calc(100vh - 24px);
  max-height:none;
  inset:12px 58px;
  grid-template-rows:minmax(220px,31vh) minmax(0,1fr);
}
.destination-modal__body{
  min-height:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto auto;
  gap:10px;
  overflow:auto;
}
.destination-story-grid{
  min-height:0;
}
.destination-story-card{
  height:100%;
}
.destination-buy{
  margin-top:0;
}

/* Co se vyplatí — nová vizuální kompozice */
.trip-comparison{
  overflow:hidden;
  padding:0;
  border:0;
  background:#fff;
  box-shadow:0 18px 55px rgba(19,55,93,.09);
}
.compare-hero{
  min-height:175px;
  padding:28px 30px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  background-color:#07366f;
  background-size:cover;
  background-position:center;
  color:#fff;
}
.compare-hero .compare-eyebrow{color:#ffb8c5}
.compare-hero h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:3px 0 8px;
  color:#fff;
  font-size:32px;
}
.compare-hero p{margin:0;color:rgba(255,255,255,.82)}
.match-badge--compare{background:#fff;color:#087a38}
.compare-facts--modern{
  margin:0;
  padding:15px 20px;
  background:#f7f9fc;
}
.compare-facts--modern>div{
  display:flex;
  align-items:center;
  gap:10px;
  background:transparent;
  padding:8px 12px;
}
.compare-facts--modern .kl-icon{
  width:22px;height:22px;color:#315f8f;
}
.compare-facts--modern small{margin:0}
.compare-options--modern{
  padding:0 20px 20px;
}
.compare-options--modern .compare-option{
  border:0;
  box-shadow:0 8px 24px rgba(7,54,111,.06);
}
.compare-option__icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:12px;
  margin-bottom:10px;
  background:#eef5fb;
  color:#07366f;
}
.compare-option--flight{
  background:linear-gradient(145deg,#fff6f9,#fff);
}
.compare-option--flight .compare-option__icon{background:#fff0f4;color:#df3d5d}
.compare-option--package{
  background:linear-gradient(145deg,#fff9e9,#fff);
}
.compare-option--package .compare-option__icon{background:#fff1cf;color:#926200}
.compare-option--hotel{
  background:linear-gradient(145deg,#f2f7fb,#fff);
}
.compare-options--modern a{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

@media(max-width:900px){
  .destination-modal__panel{
    height:calc(100vh - 12px);
    inset:6px;
  }
}

.parsed-window{
  margin-top:9px;
  color:#7186a2;
  font-size:11px;
  font-weight:600;
}


/* =========================================================
   KamLetíme 3.6 — Destination Trip Hub
   ========================================================= */
.destination-story-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}

.trip-hub-provider,
.trip-hub-guide{
  margin-top:14px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 18px 50px rgba(7,54,111,.09);
  padding:20px;
}

.trip-hub-loading{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#7186A2;
  font-size:14px;
}
.trip-hub-loading__dot{
  width:10px;height:10px;border-radius:50%;
  background:#FF4B6C;
  box-shadow:0 0 0 0 rgba(255,75,108,.35);
  animation:tripHubPulse 1.35s infinite;
}
@keyframes tripHubPulse{70%{box-shadow:0 0 0 10px rgba(255,75,108,0)}100%{box-shadow:0 0 0 0 rgba(255,75,108,0)}}

.trip-hub-provider__head,
.trip-hub-guide__head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:16px;
}
.trip-hub-provider__head>div>span,
.trip-hub-guide__head>div>span{
  display:block;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#FF4B6C;
  margin-bottom:4px;
}
.trip-hub-provider__head h3,
.trip-hub-guide__head h3{margin:0;color:#07366F;font-size:21px}
.trip-hub-provider__date{
  padding:8px 11px;border-radius:999px;background:#EEF5FB;
  color:#496887;font-size:12px;font-weight:800;white-space:nowrap
}
.trip-hub-guide__status{
  padding:8px 11px;border-radius:999px;background:#EEF5FB;color:#7186A2;
  font-size:12px;font-weight:800;white-space:nowrap
}
.trip-hub-guide__status.is-curated{background:#ECF9F2;color:#22734A}

.trip-hub-provider__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.trip-hub-card{
  display:flex;flex-direction:column;min-width:0;
  padding:16px;border-radius:20px;background:#fff;
  box-shadow:0 10px 30px rgba(7,54,111,.07)
}
.trip-hub-card--flight{background:linear-gradient(180deg,#F7FBFF,#fff)}
.trip-hub-card--holiday{background:linear-gradient(180deg,#FFF9FA,#fff)}
.trip-hub-card--hotel{background:linear-gradient(180deg,#FBFAFF,#fff)}
.trip-hub-card--muted{opacity:.72}
.trip-hub-card__head{display:flex;align-items:center;gap:10px}
.trip-hub-card__icon{
  width:39px;height:39px;border-radius:13px;background:#EEF5FB;
  display:grid;place-items:center;color:#07366F;flex:0 0 auto
}
.trip-hub-card__icon .kl-icon{width:20px;height:20px}
.trip-hub-card small{display:block;color:#7186A2;font-size:11px;font-weight:800}
.trip-hub-card strong{display:block;color:#07366F;font-size:18px;line-height:1.2;margin-top:2px}
.trip-hub-card p{color:#7186A2;font-size:12px;line-height:1.5;margin:10px 0}
.trip-hub-card>a{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;
  color:#FF4B6C;text-decoration:none;font-size:12px;font-weight:900
}
.trip-hub-card>a .kl-icon{width:16px}
.trip-hub-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px;align-items:center}
.trip-hub-card__meta>span{
  font-size:10px;font-weight:800;color:#7186A2;background:#F4F7FA;padding:5px 7px;border-radius:999px
}
.trip-hub__verified{background:#ECF9F2!important;color:#22734A!important}
.trip-hub__verify{background:#FFF5E4!important;color:#8B6200!important}
.trip-hub__seller{background:#EEF5FB!important;color:#07366F!important}

.trip-hub-compare{
  margin-top:12px;padding:14px 16px;border-radius:18px;
  background:#07366F;color:#fff;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px
}
.trip-hub-compare>div small{display:block;color:#B8CAE0;font-size:10px;font-weight:800}
.trip-hub-compare>div strong{font-size:18px}
.trip-hub-compare>div:nth-child(3){text-align:right}
.trip-hub-compare__vs{font-size:11px;font-weight:900;color:#F0BE49}
.trip-hub-compare p{
  grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);
  color:#D7E3F0;font-size:12px
}
.trip-hub-compare--waiting{display:flex;align-items:center;color:#D7E3F0}
.trip-hub-compare--waiting .kl-icon{width:19px;flex:0 0 auto}

.trip-hub-addons{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px
}
.trip-hub-addons article{
  display:flex;gap:10px;padding:13px;border-radius:16px;background:#F7FAFD
}
.trip-hub-addons article>span{
  width:34px;height:34px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#07366F;flex:0 0 auto
}
.trip-hub-addons .kl-icon{width:18px}
.trip-hub-addons small{display:block;color:#7186A2;font-size:10px}
.trip-hub-addons strong{color:#07366F;font-size:13px}
.trip-hub-addons p{margin:3px 0 0;color:#7186A2;font-size:11px;line-height:1.45}

.trip-hub-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.trip-hub-chip{
  display:inline-flex;padding:7px 10px;border-radius:999px;background:#FFF1F4;
  color:#07366F;font-size:11px;font-weight:900
}
.trip-hub-guide__quick{
  display:grid;grid-template-columns:.65fr 1.4fr 1.4fr;gap:10px
}
.trip-hub-guide__quick article{
  background:#fff;border-radius:17px;padding:13px 14px;box-shadow:0 8px 24px rgba(7,54,111,.06)
}
.trip-hub-guide__quick small{display:block;color:#7186A2;font-size:10px;font-weight:800;margin-bottom:4px}
.trip-hub-guide__quick strong{color:#07366F;font-size:17px}
.trip-hub-guide__quick p{margin:0;color:#617995;font-size:12px;line-height:1.45}

.trip-hub-guide__section{margin-top:14px}
.trip-hub-guide h4{margin:0 0 8px;color:#07366F;font-size:13px}
.trip-hub-area{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:8px 0}
.trip-hub-area+.trip-hub-area{border-top:1px solid #E9EFF6}
.trip-hub-area strong{font-size:12px;color:#07366F}
.trip-hub-area span{font-size:12px;color:#7186A2;line-height:1.4}
.trip-hub-guide__columns{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px
}
.trip-hub-guide__columns section{background:#fff;border-radius:17px;padding:13px 14px}
.trip-hub-guide__columns ul{margin:0;padding-left:17px;color:#7186A2;font-size:11px;line-height:1.5}

.trip-hub-inline-note{
  display:flex;align-items:flex-start;gap:9px;padding:13px 14px;
  border-radius:16px;background:#F7FAFD;color:#617995;font-size:12px;line-height:1.5
}
.trip-hub-inline-note .kl-icon{width:18px;flex:0 0 auto;color:#07366F}

@media(max-width:980px){
  .trip-hub-provider__grid{grid-template-columns:1fr}
  .trip-hub-guide__columns{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trip-hub-guide__quick{grid-template-columns:1fr 1fr}
  .trip-hub-guide__quick article:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .destination-story-grid--compact{grid-template-columns:1fr}
  .trip-hub-provider,.trip-hub-guide{padding:15px;border-radius:20px}
  .trip-hub-provider__head,.trip-hub-guide__head{display:block}
  .trip-hub-provider__date,.trip-hub-guide__status{display:inline-flex;margin-top:9px}
  .trip-hub-guide__quick,.trip-hub-guide__columns,.trip-hub-addons{grid-template-columns:1fr}
  .trip-hub-guide__quick article:last-child{grid-column:auto}
  .trip-hub-compare{grid-template-columns:1fr auto 1fr}
  .trip-hub-area{grid-template-columns:1fr}
}


/* =========================================================
   KamLetíme 4.0 — detail modal 90 %, robustní layout, obrázky
   ========================================================= */

/* Desktop: téměř celé okno, ale stále jako skutečný modal. */
@media (min-width: 901px){
  .destination-modal__panel{
    inset:4vh 4vw !important;
    width:auto !important;
    height:92vh !important;
    max-width:none !important;
    max-height:92vh !important;
    margin:0 !important;
    border-radius:30px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:minmax(270px,34vh) minmax(0,1fr) !important;
    box-shadow:0 35px 100px rgba(2,27,60,.30) !important;
  }

  .destination-hero{
    min-height:0 !important;
    height:100% !important;
    padding:24px 34px 28px !important;
    background-position:center 42% !important;
  }

  .destination-hero__content{
    max-width:980px;
    padding-top:42px;
  }

  .destination-hero__title h2{
    font-size:clamp(46px,4.3vw,66px);
  }

  .destination-hero__lead{
    margin:12px 0 14px;
    max-width:850px;
    font-size:15px;
    line-height:1.55;
  }

  .destination-hero__facts span{
    padding:7px 10px;
    font-size:11px;
  }

  .destination-modal__body{
    overflow:auto !important;
    display:block !important;
    padding:18px 22px 24px !important;
  }

  .destination-story-grid--compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-bottom:12px;
  }

  .destination-story-card{
    height:auto !important;
    min-height:112px;
    padding:14px 17px;
  }

  .story-icon{
    width:32px;
    height:32px;
    margin-bottom:7px;
  }

  .destination-story-card h3{
    font-size:15px;
    margin-bottom:5px;
  }

  .destination-story-card ul,
  .destination-story-card p{
    font-size:13px;
    line-height:1.52;
  }

  .trip-hub-provider,
  .trip-hub-guide{
    margin-top:12px;
    padding:18px 20px;
    border-radius:24px;
  }

  .trip-hub-provider__head,
  .trip-hub-guide__head{
    margin-bottom:13px;
  }

  .trip-hub-provider__head h3,
  .trip-hub-guide__head h3{
    font-size:23px;
  }

  .trip-hub-guide__quick article{
    padding:14px 15px;
  }

  .trip-hub-guide__quick small{
    font-size:11px;
  }

  .trip-hub-guide__quick strong{
    font-size:20px;
  }

  .trip-hub-guide__quick p,
  .trip-hub-area span,
  .trip-hub-guide__columns ul{
    font-size:13px;
    line-height:1.55;
  }

  .trip-hub-area strong,
  .trip-hub-guide h4{
    font-size:13px;
  }

  .trip-hub-guide__columns{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
  }

  /* šipky jsou uvnitř modalu, ne na hraně viewportu */
  .destination-nav{
    position:fixed;
    top:50%;
    width:46px;
    height:46px;
    margin-top:-23px;
    background:rgba(7,54,111,.24);
    opacity:.18;
    border:none;
    box-shadow:none;
    pointer-events:auto;
  }
  .destination-modal:hover .destination-nav{
    opacity:.74;
  }
  .destination-nav:hover{
    opacity:1 !important;
    background:rgba(7,54,111,.78);
  }
  .destination-nav--prev{left:calc(4vw + 12px)}
  .destination-nav--next{right:calc(4vw + 12px)}

  .detail-back,
  .detail-close{
    top:17px;
    background:rgba(7,54,111,.32);
    box-shadow:0 8px 22px rgba(0,18,44,.16);
  }
  .detail-back{left:18px}
  .detail-close{right:18px}
}

/* Mobile: opravdu fullscreen, bez překrývání prvků. */
@media (max-width: 900px){
  .destination-modal__panel{
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    border-radius:0 !important;
    display:grid !important;
    grid-template-rows:minmax(285px,38dvh) minmax(0,1fr) !important;
    overflow:hidden !important;
  }

  .destination-hero{
    min-height:0 !important;
    height:100% !important;
    padding:64px 16px 18px !important;
    background-position:center !important;
  }

  .destination-hero__content{
    max-width:none;
  }

  .destination-kicker{
    display:none;
  }

  .destination-hero__title{
    display:block;
  }

  .destination-hero__title h2{
    font-size:38px !important;
  }

  .destination-hero__title p{
    font-size:16px;
    margin-top:5px;
  }

  .destination-hero__lead{
    margin:9px 0 10px;
    font-size:13px;
    line-height:1.45;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .destination-hero__facts{
    gap:6px;
  }

  .destination-hero__facts span{
    padding:6px 8px;
    font-size:10px;
  }

  .detail-back{
    top:11px !important;
    left:11px !important;
    padding:8px 11px;
    font-size:13px;
  }

  .detail-close{
    top:11px !important;
    right:11px !important;
    width:40px;
    height:40px;
  }

  .destination-modal__body{
    display:block !important;
    overflow:auto !important;
    padding:12px 12px 76px !important;
  }

  .destination-story-grid--compact{
    grid-template-columns:1fr;
    gap:9px;
    margin-bottom:10px;
  }

  .destination-story-card{
    min-height:0;
    padding:13px 14px;
  }

  .destination-story-card ul{
    font-size:13px;
  }

  .trip-hub-provider,
  .trip-hub-guide{
    margin-top:10px;
    padding:14px;
    border-radius:20px;
  }

  .trip-hub-provider__grid,
  .trip-hub-guide__quick,
  .trip-hub-guide__columns,
  .trip-hub-addons{
    grid-template-columns:1fr !important;
  }

  .trip-hub-guide__quick article,
  .trip-hub-guide__columns section{
    padding:13px 14px;
  }

  .trip-hub-guide__quick p,
  .trip-hub-area span,
  .trip-hub-guide__columns ul{
    font-size:13px;
    line-height:1.5;
  }

  .trip-hub-area{
    grid-template-columns:1fr;
  }

  .destination-nav{
    position:fixed;
    top:auto !important;
    bottom:14px;
    width:42px;
    height:42px;
    opacity:.86;
    background:rgba(7,54,111,.76);
  }

  .destination-nav--prev{left:14px}
  .destination-nav--next{right:14px}
}

/* Výsledkové karty: nikdy nenecháme prázdnou bílou plochu po chybě obrázku. */
.result-card__media{
  position:relative;
  background:linear-gradient(135deg,#dfeaf7,#eef5fb);
}
.result-card__media-fallback{
  position:absolute;
  inset:0;
  display:none;
  place-items:center;
  padding:18px;
  color:#07366F;
  font-size:24px;
  font-weight:900;
  text-align:center;
  background:
    radial-gradient(circle at 78% 22%,rgba(255,75,108,.15),transparent 28%),
    linear-gradient(135deg,#e6f0fb,#f8fbff);
}
.result-card__media.is-missing .result-card__media-fallback{
  display:grid;
}

/* Co se vyplatí — hero zůstává DIV, takže se nerozbije layout. */
.compare-hero--clickable{
  position:relative;
  overflow:hidden;
}
.compare-hero__hit{
  position:absolute;
  inset:0;
  z-index:3;
  border:0;
  background:transparent;
  cursor:pointer;
}
.compare-hero__content,
.compare-hero--clickable .match-badge{
  position:relative;
  z-index:4;
  pointer-events:none;
}
.compare-hero--clickable:hover{
  filter:saturate(1.03) contrast(1.015);
}

/* Náš tip — větší foto, ale pořád vyvážené. */
.featured-panel{
  grid-template-columns:minmax(440px,42%) minmax(0,1fr);
  min-height:360px;
}
.featured-image{
  position:relative;
  min-height:360px;
  overflow:hidden;
  cursor:pointer;
  background:linear-gradient(135deg,#dfeaf7,#eef5fb);
}
.featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.featured-image__fallback{
  position:absolute;
  inset:0;
  display:none;
  place-items:center;
  color:#07366F;
  font-size:34px;
  font-weight:900;
}
.featured-image.is-missing .featured-image__fallback,
.featured-image:not(:has(img)) .featured-image__fallback{
  display:grid;
}
.featured-title-button{
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--navy);
  font-size:40px;
  letter-spacing:-2px;
  line-height:1;
  font-weight:900;
}
.featured-title-button:hover{
  color:#FF4B6C;
}
.featured-meta__icon .kl-icon{
  width:18px;
  height:18px;
}

/* Homepage hero se mění dynamicky; CSS jen drží správný crop. */
.hero__media{
  background-position:center center !important;
  background-size:cover !important;
}

@media (max-width: 1080px){
  .featured-panel{
    grid-template-columns:360px minmax(0,1fr);
  }
}

@media (max-width: 760px){
  .featured-panel{
    grid-template-columns:1fr;
    min-height:0;
  }
  .featured-image{
    min-height:240px;
    max-height:320px;
  }
  .featured-title-button{
    font-size:32px;
  }
}


/* =========================================================
   KamLetíme 4.1 — header glass info + sea temp + spacing
   ========================================================= */

@media (min-width: 901px){
  /* Hero je o trochu vyšší, protože nově nese i rychlý přehled. */
  .destination-modal__panel{
    grid-template-rows:minmax(355px,45vh) minmax(0,1fr) !important;
  }

  .destination-hero{
    padding:22px 32px 24px !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
  }

  .destination-hero__content{
    max-width:1180px !important;
    padding-top:40px !important;
  }

  .destination-hero__title h2{
    font-size:clamp(48px,4vw,64px) !important;
  }

  .destination-hero__lead{
    max-width:900px !important;
    font-size:15px !important;
  }

  .destination-hero__story{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    gap:10px;
    margin-top:13px;
    max-width:1040px;
  }

  .destination-hero-bubble{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
    padding:11px 13px;
    border-radius:16px;
    background:rgba(7,54,111,.42);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 10px 28px rgba(0,22,54,.16);
    color:#fff;
  }

  .destination-hero-bubble__icon{
    flex:0 0 auto;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgba(255,255,255,.16);
  }

  .destination-hero-bubble__icon .kl-icon{
    width:16px;
    height:16px;
  }

  .destination-hero-bubble h3{
    margin:0 0 4px;
    color:#fff;
    font-size:12px;
    font-weight:900;
  }

  .destination-hero-bubble ul{
    margin:0;
    padding-left:17px;
    color:rgba(255,255,255,.88);
    font-size:11px;
    line-height:1.45;
  }

  /* Šipky přesuneme za hranu modalu — stále se vejdou do viewportu. */
  .destination-nav--prev{
    left:calc(4vw - 25px) !important;
  }
  .destination-nav--next{
    right:calc(4vw - 25px) !important;
  }
  .destination-nav{
    opacity:.46 !important;
    background:rgba(7,54,111,.36) !important;
    box-shadow:0 10px 28px rgba(0,18,44,.18) !important;
  }
  .destination-nav:hover{
    opacity:1 !important;
    background:rgba(7,54,111,.82) !important;
  }

  /* Po přesunu story bloků do hero má body více prostoru. */
  .destination-modal__body{
    padding:16px 22px 24px !important;
  }

  .trip-hub-provider:first-child{
    margin-top:0 !important;
  }

  .trip-hub-provider,
  .trip-hub-guide{
    padding:20px 22px !important;
  }

  .trip-hub-provider__head h3,
  .trip-hub-guide__head h3{
    font-size:25px !important;
  }

  .trip-hub-card small,
  .trip-hub-card p,
  .trip-hub-addons p{
    font-size:13px !important;
  }

  .trip-hub-card strong{
    font-size:21px !important;
  }

  .trip-hub-guide__quick small{
    font-size:11px !important;
  }

  .trip-hub-guide__quick strong{
    font-size:22px !important;
  }

  .trip-hub-guide__quick p,
  .trip-hub-area span,
  .trip-hub-area strong,
  .trip-hub-guide__columns ul,
  .trip-hub-guide h4{
    font-size:14px !important;
  }

  .trip-hub-guide__columns ul{
    line-height:1.65 !important;
  }
}

@media (max-width: 900px){
  /* Na mobilu zůstanou story informace v hero, ale pod sebou a kompaktní. */
  .destination-modal__panel{
    grid-template-rows:minmax(340px,48dvh) minmax(0,1fr) !important;
  }

  .destination-hero__story{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:9px;
  }

  .destination-hero-bubble{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:9px 10px;
    border-radius:13px;
    background:rgba(7,54,111,.46);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    color:#fff;
  }

  .destination-hero-bubble__icon{
    width:26px;
    height:26px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:rgba(255,255,255,.16);
  }

  .destination-hero-bubble__icon .kl-icon{
    width:15px;
    height:15px;
  }

  .destination-hero-bubble h3{
    margin:0 0 3px;
    color:#fff;
    font-size:11px;
  }

  .destination-hero-bubble ul{
    margin:0;
    padding-left:16px;
    color:rgba(255,255,255,.88);
    font-size:10px;
    line-height:1.4;
  }

  .trip-hub-provider:first-child{
    margin-top:0 !important;
  }

  .trip-hub-guide__quick p,
  .trip-hub-area span,
  .trip-hub-guide__columns ul{
    font-size:14px !important;
  }
}


/* =========================================================
   KamLetíme 4.2 — hero bubbles vpravo, bílé glass cards
   ========================================================= */

@media (min-width: 901px){
  .destination-hero{
    padding: 26px 34px 26px !important;
    min-height: 335px !important;
  }

  .destination-hero__content{
    max-width: none !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 390px) !important;
    grid-template-areas:
      'kicker story'
      'title  story'
      'lead   story'
      'facts  story' !important;
    column-gap: 28px !important;
    row-gap: 8px !important;
    align-items: start !important;
    padding-top: 38px !important;
  }

  .destination-kicker{ grid-area: kicker; }
  .destination-hero__title{ grid-area: title; margin: 0 !important; }
  .destination-hero__lead{ grid-area: lead; max-width: 760px !important; margin: 0 !important; }
  .destination-hero__facts{ grid-area: facts; margin-top: 2px !important; }

  .destination-hero__story{
    grid-area: story !important;
    width: 100% !important;
    max-width: 390px !important;
    margin: 16px 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-self: center !important;
    justify-self: end !important;
  }

  .destination-hero-bubble{
    background: rgba(255,255,255,.76) !important;
    color: #103768 !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    box-shadow: 0 18px 36px rgba(7, 31, 68, .20) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-radius: 18px !important;
    padding: 14px 15px !important;
  }

  .destination-hero-bubble__icon{
    background: rgba(255,255,255,.92) !important;
    color: #123f75 !important;
    box-shadow: inset 0 0 0 1px rgba(14,67,125,.08) !important;
  }

  .destination-hero-bubble h3{
    color: #0e396f !important;
    font-size: 13px !important;
    margin: 0 0 5px !important;
  }

  .destination-hero-bubble ul{
    color: #244975 !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
  }
}

@media (max-width: 900px){
  .destination-hero__story{
    margin-top: 10px !important;
  }

  .destination-hero-bubble{
    background: rgba(255,255,255,.80) !important;
    color: #103768 !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    box-shadow: 0 10px 26px rgba(7,31,68,.18) !important;
  }

  .destination-hero-bubble__icon{
    background: rgba(255,255,255,.94) !important;
    color: #123f75 !important;
  }

  .destination-hero-bubble h3{
    color: #0e396f !important;
  }

  .destination-hero-bubble ul{
    color: #244975 !important;
    font-size: 11px !important;
  }
}


/* =========================================================
   KamLetíme 4.4 — hero spacing, bigger bubble text, arrows outside
   ========================================================= */

@media (min-width: 901px){
  .destination-modal__panel{
    inset:4vh 4vw !important;
    height:92vh !important;
    max-height:92vh !important;
  }

  .destination-hero{
    padding:18px 34px 18px !important;
    min-height:330px !important;
    background-position:center center !important;
    background-size:cover !important;
  }

  .detail-back,
  .detail-close{
    top:14px !important;
  }

  .destination-hero__content{
    grid-template-columns:minmax(0,1fr) minmax(560px, 700px) !important;
    column-gap:26px !important;
    row-gap:6px !important;
    padding-top:12px !important;
    align-items:start !important;
  }

  .destination-kicker{
    margin-top:32px !important;
  }

  .destination-hero__title h2{
    font-size:clamp(50px,4.4vw,72px) !important;
    line-height:.98 !important;
  }

  .destination-hero__title p{
    font-size:18px !important;
  }

  .destination-hero__lead{
    font-size:16px !important;
    line-height:1.56 !important;
    max-width:820px !important;
  }

  .destination-hero__facts{
    gap:8px !important;
  }

  .destination-hero__facts span{
    font-size:12.5px !important;
    padding:8px 11px !important;
  }

  .destination-hero__story{
    width:100% !important;
    max-width:700px !important;
    margin:22px 0 0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    align-self:start !important;
    justify-self:end !important;
  }

  .destination-hero-bubble{
    min-height:122px !important;
    padding:16px 18px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.84) !important;
    border:1px solid rgba(255,255,255,.44) !important;
    box-shadow:0 20px 38px rgba(7,31,68,.18) !important;
    backdrop-filter:blur(14px) saturate(115%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(115%) !important;
  }

  .destination-hero-bubble__icon{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }

  .destination-hero-bubble h3{
    font-size:17px !important;
    margin:0 0 7px !important;
    line-height:1.2 !important;
  }

  .destination-hero-bubble ul,
  .destination-hero-bubble li,
  .destination-hero-bubble p{
    font-size:15px !important;
    line-height:1.52 !important;
  }

  .destination-nav{
    width:52px !important;
    height:52px !important;
    margin-top:-26px !important;
    background:rgba(255,255,255,.22) !important;
    box-shadow:0 14px 30px rgba(7,31,68,.18) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
  }

  .destination-nav:hover{
    background:rgba(7,54,111,.82) !important;
  }

  .destination-nav--prev{left:calc(4vw - 26px) !important;}
  .destination-nav--next{right:calc(4vw - 26px) !important;}
}

@media (max-width: 900px){
  .destination-hero__story{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:12px !important;
  }

  .destination-hero-bubble{
    padding:14px 14px !important;
  }

  .destination-hero-bubble h3{
    font-size:15px !important;
  }

  .destination-hero-bubble ul,
  .destination-hero-bubble li,
  .destination-hero-bubble p{
    font-size:14px !important;
    line-height:1.48 !important;
  }

  .destination-hero__lead{
    font-size:14px !important;
  }

  .destination-hero__facts span{
    font-size:11px !important;
  }
}


/* =========================================================
   KamLetíme 4.5 — compact hero, no top gap, redesigned right bubbles
   ========================================================= */
@media (min-width: 901px){
  .destination-modal__panel{
    inset:3.4vh 3.6vw !important;
    height:92.5vh !important;
    max-height:92.5vh !important;
  }

  .destination-hero{
    min-height:286px !important;
    padding:14px 30px 14px !important;
    background-position:center center !important;
    background-size:cover !important;
  }

  .detail-back,
  .detail-close{
    top:10px !important;
  }

  .detail-back{ left:18px !important; }
  .detail-close{ right:18px !important; }

  .destination-hero__content{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(510px, 650px) !important;
    grid-template-areas:
      "kicker story"
      "title story"
      "lead story"
      "facts story" !important;
    column-gap:24px !important;
    row-gap:5px !important;
    align-items:start !important;
    padding-top:2px !important;
  }

  .destination-kicker{
    grid-area:kicker !important;
    margin:0 !important;
    align-self:end !important;
  }

  .destination-hero__title{
    grid-area:title !important;
    margin-top:0 !important;
    gap:14px !important;
    align-items:flex-start !important;
  }

  .destination-hero__title h2{
    font-size:clamp(44px,4vw,64px) !important;
    line-height:.98 !important;
    margin-bottom:4px !important;
  }

  .destination-hero__title p{
    font-size:17px !important;
    margin:0 !important;
  }

  .destination-hero__lead{
    grid-area:lead !important;
    margin:2px 0 0 !important;
    font-size:15px !important;
    line-height:1.48 !important;
    max-width:760px !important;
  }

  .destination-hero__facts{
    grid-area:facts !important;
    margin-top:6px !important;
    gap:8px !important;
  }

  .destination-hero__facts span{
    font-size:12.5px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
  }

  .destination-hero__story{
    grid-area:story !important;
    align-self:center !important;
    justify-self:end !important;
    width:100% !important;
    max-width:650px !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .destination-hero-bubble{
    min-height:96px !important;
    padding:14px 16px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(248,251,255,.82) 100%) !important;
    border:1px solid rgba(255,255,255,.52) !important;
    box-shadow:0 16px 34px rgba(7,31,68,.14) !important;
    backdrop-filter:blur(10px) saturate(112%) !important;
    -webkit-backdrop-filter:blur(10px) saturate(112%) !important;
    color:#173b74 !important;
  }

  .destination-hero-bubble__icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:inset 0 0 0 1px rgba(15,53,108,.08) !important;
  }

  .destination-hero-bubble__icon .kl-icon{ width:16px !important; height:16px !important; }

  .destination-hero-bubble h3{
    font-size:16px !important;
    margin:0 0 6px !important;
    line-height:1.18 !important;
    color:#10386f !important;
  }

  .destination-hero-bubble ul,
  .destination-hero-bubble li,
  .destination-hero-bubble p{
    font-size:15px !important;
    line-height:1.42 !important;
    color:#284d84 !important;
  }

  .destination-hero-bubble ul{
    margin:0 !important;
    padding-left:18px !important;
  }

  .destination-nav{
    width:52px !important;
    height:52px !important;
    margin-top:-26px !important;
  }

  .destination-nav--prev{ left:calc(3.6vw - 28px) !important; }
  .destination-nav--next{ right:calc(3.6vw - 28px) !important; }
}

@media (max-width: 900px){
  .destination-hero{
    padding:14px 16px 14px !important;
  }

  .destination-hero__lead{
    font-size:14px !important;
    line-height:1.46 !important;
  }

  .destination-hero-bubble{
    padding:13px 13px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.9) !important;
  }

  .destination-hero-bubble h3{
    font-size:15px !important;
  }

  .destination-hero-bubble ul,
  .destination-hero-bubble li,
  .destination-hero-bubble p{
    font-size:14px !important;
    line-height:1.44 !important;
  }
}


/* =========================================================
   KamLetíme 4.7 — celý modal scrolluje jako jeden celek,
   větší a vzdušnější detail + fallback ceny v detailu
   ========================================================= */

.destination-modal__panel{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  display:block !important;
  scroll-behavior:smooth;
  overscroll-behavior:contain;
}

.destination-modal__body{
  overflow:visible !important;
  min-height:auto !important;
}

@media (min-width: 901px){
  .destination-modal__panel{
    inset:2.8vh 3vw !important;
    height:93vh !important;
    max-height:93vh !important;
    border-radius:30px !important;
  }

  .destination-hero{
    min-height:320px !important;
    padding:18px 32px 20px !important;
  }

  .destination-hero__content{
    padding-top:0 !important;
    row-gap:8px !important;
    align-items:start !important;
  }

  .destination-kicker{
    margin-top:0 !important;
  }

  .destination-hero__story{
    margin-top:8px !important;
    align-self:start !important;
  }

  .destination-hero-bubble{
    min-height:108px !important;
    padding:15px 17px !important;
    border-radius:20px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(250,252,255,.88) 100%) !important;
    border:1px solid rgba(255,255,255,.6) !important;
    box-shadow:0 18px 34px rgba(7,31,68,.12) !important;
  }

  .destination-hero-bubble h3{
    font-size:17px !important;
    margin-bottom:8px !important;
  }

  .destination-hero-bubble ul,
  .destination-hero-bubble li{
    font-size:15.5px !important;
    line-height:1.5 !important;
  }

  .destination-modal__body{
    padding:28px 30px 30px !important;
  }

  .trip-hub-provider,
  .trip-hub-guide{
    padding:24px 26px !important;
    border-radius:24px !important;
  }

  .trip-hub-provider__head,
  .trip-hub-guide__head{
    align-items:start !important;
    gap:12px !important;
    margin-bottom:16px !important;
  }

  .trip-hub-provider__head>div>span,
  .trip-hub-guide__head>div>span{
    font-size:13px !important;
  }

  .trip-hub-provider__head h3,
  .trip-hub-guide__head h3{
    font-size:30px !important;
    line-height:1.1 !important;
  }

  .trip-hub-provider__date,
  .trip-hub-guide__status{
    font-size:13px !important;
    padding:10px 14px !important;
  }

  .trip-hub-provider__grid{
    gap:16px !important;
  }

  .trip-hub-card{
    padding:20px !important;
    border-radius:22px !important;
  }

  .trip-hub-card__icon{
    width:44px !important;
    height:44px !important;
  }

  .trip-hub-card small{
    font-size:12px !important;
  }

  .trip-hub-card strong{
    font-size:24px !important;
  }

  .trip-hub-card p,
  .trip-hub-card>a{
    font-size:14px !important;
    line-height:1.55 !important;
  }

  .trip-hub-card__meta>span{
    font-size:11px !important;
    padding:6px 9px !important;
  }

  .trip-hub-inline-note{
    margin-top:16px !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  .trip-hub-guide__quick{
    gap:14px !important;
  }

  .trip-hub-guide__quick article,
  .trip-hub-guide__columns section{
    padding:18px 18px !important;
    border-radius:20px !important;
  }

  .trip-hub-guide__quick small{
    font-size:12px !important;
    margin-bottom:6px !important;
  }

  .trip-hub-guide__quick strong{
    font-size:28px !important;
  }

  .trip-hub-guide__quick p,
  .trip-hub-area span,
  .trip-hub-guide__columns ul{
    font-size:15px !important;
    line-height:1.6 !important;
  }

  .trip-hub-guide h4{
    font-size:18px !important;
    margin-bottom:10px !important;
  }

  .trip-hub-area{
    grid-template-columns:180px 1fr !important;
    gap:14px !important;
    padding:12px 0 !important;
  }
}

@media (max-width: 900px){
  .destination-modal__panel{
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    max-height:100vh !important;
    border-radius:0 !important;
  }

  .destination-modal__body{
    padding:18px 16px 26px !important;
  }

  .trip-hub-provider,
  .trip-hub-guide{
    padding:18px !important;
    border-radius:20px !important;
  }

  .trip-hub-provider__head h3,
  .trip-hub-guide__head h3{
    font-size:24px !important;
  }

  .trip-hub-card strong{
    font-size:21px !important;
  }

  .trip-hub-card p,
  .trip-hub-card>a,
  .trip-hub-guide__quick p,
  .trip-hub-area span,
  .trip-hub-guide__columns ul{
    font-size:14px !important;
    line-height:1.55 !important;
  }

  .trip-hub-guide__quick strong{
    font-size:24px !important;
  }
}


/* =========================================================
   KamLetíme 4.8 — CLEAN DETAIL LAYOUT
   Celý popup je jeden scrollovací dokument. Žádný vnitřní body scroll.
   ========================================================= */

body.detail-open{overflow:hidden!important;}

.destination-modal__panel{
  position:absolute!important;
  inset:3vh 3.5vw!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:94vh!important;
  margin:0!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-radius:30px!important;
  background:#f4f8fd!important;
  box-shadow:0 34px 100px rgba(2,27,60,.34)!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}

.destination-modal__body{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding:28px 30px 34px!important;
}

.destination-hero{
  position:relative!important;
  min-height:315px!important;
  height:auto!important;
  padding:18px 30px 20px!important;
  display:block!important;
  background-size:cover!important;
  background-position:center center!important;
}

.destination-hero__content{
  width:100%!important;
  max-width:none!important;
  min-height:275px!important;
  padding:42px 0 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(520px,650px)!important;
  grid-template-areas:
    "kicker story"
    "title  story"
    "lead   story"
    "facts  story"!important;
  gap:6px 24px!important;
  align-items:start!important;
}

.destination-kicker{grid-area:kicker!important;margin:0!important;}
.destination-hero__title{grid-area:title!important;margin:0!important;align-items:flex-start!important;}
.destination-hero__lead{grid-area:lead!important;margin:2px 0 0!important;max-width:790px!important;font-size:16px!important;line-height:1.52!important;}
.destination-hero__facts{grid-area:facts!important;margin-top:7px!important;gap:8px!important;}
.destination-hero__facts span{font-size:13px!important;padding:8px 11px!important;}
.destination-hero__title h2{font-size:clamp(48px,4.2vw,68px)!important;line-height:.98!important;}
.destination-hero__title p{font-size:18px!important;margin-top:7px!important;}

.destination-hero__story{
  grid-area:story!important;
  width:100%!important;
  max-width:650px!important;
  margin:10px 0 0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-self:center!important;
}

.destination-hero-bubble{
  min-height:108px!important;
  padding:16px 17px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.88))!important;
  color:#173b74!important;
  border:1px solid rgba(255,255,255,.66)!important;
  box-shadow:0 16px 34px rgba(7,31,68,.13)!important;
  backdrop-filter:blur(10px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(110%)!important;
}
.destination-hero-bubble__icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:12px!important;background:#fff!important;}
.destination-hero-bubble h3{font-size:17px!important;line-height:1.2!important;margin:0 0 7px!important;color:#10386f!important;}
.destination-hero-bubble ul,.destination-hero-bubble li,.destination-hero-bubble p{font-size:15.5px!important;line-height:1.5!important;color:#284d84!important;}

.detail-back{top:12px!important;left:18px!important;}
.detail-close{top:12px!important;right:18px!important;}

.destination-nav{top:50vh!important;position:fixed!important;width:50px!important;height:50px!important;margin-top:-25px!important;}
.destination-nav--prev{left:calc(3.5vw - 29px)!important;}
.destination-nav--next{right:calc(3.5vw - 29px)!important;}

.trip-hub-provider,
.trip-hub-guide{
  margin-top:18px!important;
  padding:26px 28px!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(7,54,111,.07)!important;
}
.trip-hub-provider:first-child{margin-top:0!important;}
.trip-hub-provider__head,.trip-hub-guide__head{margin-bottom:18px!important;align-items:flex-start!important;}
.trip-hub-provider__head>div>span,.trip-hub-guide__head>div>span{font-size:13px!important;}
.trip-hub-provider__head h3,.trip-hub-guide__head h3{font-size:31px!important;line-height:1.08!important;}
.trip-hub-provider__date,.trip-hub-guide__status{font-size:13px!important;padding:10px 14px!important;}

.trip-hub-provider__grid{gap:16px!important;}
.trip-hub-card{padding:21px!important;border-radius:22px!important;}
.trip-hub-card__icon{width:44px!important;height:44px!important;}
.trip-hub-card small{font-size:12px!important;}
.trip-hub-card strong{font-size:24px!important;}
.trip-hub-card p,.trip-hub-card>a{font-size:14.5px!important;line-height:1.55!important;}
.trip-hub-card__meta>span{font-size:11px!important;padding:6px 9px!important;}
.trip-hub-inline-note{margin-top:16px!important;font-size:14px!important;line-height:1.55!important;}

.trip-hub-chips{gap:9px!important;margin-bottom:18px!important;}
.trip-hub-chip{font-size:13px!important;padding:8px 11px!important;}
.trip-hub-guide__quick{gap:15px!important;grid-template-columns:.7fr 1.35fr 1.35fr!important;}
.trip-hub-guide__quick article,.trip-hub-guide__columns section{padding:19px 20px!important;border-radius:21px!important;}
.trip-hub-guide__quick small{font-size:12px!important;margin-bottom:6px!important;}
.trip-hub-guide__quick strong{font-size:28px!important;}
.trip-hub-guide__quick p,.trip-hub-area span,.trip-hub-guide__columns ul{font-size:15px!important;line-height:1.62!important;}
.trip-hub-guide h4{font-size:18px!important;margin-bottom:10px!important;}
.trip-hub-area{grid-template-columns:190px 1fr!important;gap:16px!important;padding:13px 0!important;}
.trip-hub-area strong{font-size:15px!important;}
.trip-hub-guide__columns{gap:15px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.destination-modal__note{font-size:13px!important;margin-top:18px!important;}

@media(max-width:900px){
  .destination-modal__panel{inset:0!important;max-height:100dvh!important;border-radius:0!important;}
  .destination-hero{min-height:0!important;padding:64px 16px 18px!important;}
  .destination-hero__content{display:block!important;min-height:0!important;padding:0!important;}
  .destination-hero__story{display:grid!important;grid-template-columns:1fr!important;max-width:none!important;margin:12px 0 0!important;gap:10px!important;}
  .destination-hero-bubble{min-height:0!important;padding:14px!important;}
  .destination-hero-bubble h3{font-size:15px!important;}
  .destination-hero-bubble ul,.destination-hero-bubble li{font-size:14px!important;}
  .destination-modal__body{padding:18px 14px 28px!important;}
  .trip-hub-provider,.trip-hub-guide{padding:18px!important;border-radius:20px!important;}
  .trip-hub-provider__head,.trip-hub-guide__head{display:block!important;}
  .trip-hub-provider__head h3,.trip-hub-guide__head h3{font-size:25px!important;}
  .trip-hub-provider__grid,.trip-hub-guide__quick,.trip-hub-guide__columns,.trip-hub-addons{grid-template-columns:1fr!important;}
  .trip-hub-card strong{font-size:22px!important;}
  .trip-hub-card p,.trip-hub-card>a,.trip-hub-guide__quick p,.trip-hub-area span,.trip-hub-guide__columns ul{font-size:14px!important;}
  .trip-hub-guide__quick strong{font-size:25px!important;}
  .trip-hub-area{grid-template-columns:1fr!important;}
  .destination-nav{top:auto!important;bottom:14px!important;margin:0!important;}
  .destination-nav--prev{left:14px!important;}.destination-nav--next{right:14px!important;}
}


/* =========================================================
   KamLetíme 4.9 — clickable trip cards, lighter glass, clipped scrollbar
   ========================================================= */

/* Celý modal scrolluje, scrollbar je vizuálně uvnitř radiusu. */
.destination-modal__panel{
  scrollbar-width:thin;
  scrollbar-color:rgba(74,104,137,.58) transparent;
  scrollbar-gutter:stable;
  background-clip:padding-box;
}
.destination-modal__panel::-webkit-scrollbar{
  width:10px;
}
.destination-modal__panel::-webkit-scrollbar-track{
  background:transparent;
  margin-block:18px;
}
.destination-modal__panel::-webkit-scrollbar-thumb{
  background:rgba(74,104,137,.52);
  border:3px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
.destination-modal__panel::-webkit-scrollbar-thumb:hover{
  background:rgba(7,54,111,.68);
  border:3px solid transparent;
  background-clip:padding-box;
}
.destination-modal__panel::-webkit-scrollbar-button{
  width:0;
  height:0;
  display:none;
}

/* Proč / highlights — lehčí, průhlednější glass. */
.destination-hero-bubble{
  background:linear-gradient(180deg, rgba(255,255,255,.60) 0%, rgba(246,250,255,.50) 100%) !important;
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:0 14px 32px rgba(7,31,68,.12) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
}
.destination-hero-bubble__icon{
  background:rgba(255,255,255,.74) !important;
}

/* Celá karta nabídky je klikací. */
.trip-hub-card--clickable{
  cursor:pointer;
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  border:1px solid rgba(7,54,111,.06);
}
.trip-hub-card--clickable:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(7,54,111,.13) !important;
  border-color:rgba(255,75,108,.18);
}
.trip-hub-card--clickable:focus-visible{
  outline:3px solid rgba(255,75,108,.28);
  outline-offset:3px;
}
.trip-hub-card--clickable>a{
  position:relative;
  z-index:2;
}
.trip-hub-card--clickable::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
}

/* Nabídkové karty o trochu výraznější, ale pořád jemné. */
.trip-hub-card--flight{
  background:linear-gradient(145deg,#f2f8ff 0%,#ffffff 75%) !important;
}
.trip-hub-card--holiday{
  background:linear-gradient(145deg,#fff3f6 0%,#ffffff 75%) !important;
}
.trip-hub-card--flight .trip-hub-card__icon{
  background:#e7f2ff !important;
}
.trip-hub-card--holiday .trip-hub-card__icon{
  background:#ffedf2 !important;
}
.trip-hub-card--flight strong,
.trip-hub-card--holiday strong{
  color:#07366F !important;
}

@media(max-width:900px){
  .destination-modal__panel{
    scrollbar-gutter:auto;
  }
  .destination-modal__panel::-webkit-scrollbar{
    width:6px;
  }
  .destination-modal__panel::-webkit-scrollbar-track{
    margin-block:8px;
  }
}


/* =========================================================
   KamLetíme 4.9.1 — skutečná změna: custom scrollbar + lighter glass
   ========================================================= */

/* Native scrollbar úplně schováme a kreslíme vlastní UVNITŘ modalu. */
.destination-modal__panel{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.destination-modal__panel::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
.destination-scrollbar{
  position:fixed;
  z-index:4025;
  top:calc(2.8vh + 18px);
  bottom:calc(4.2vh + 18px);
  right:calc(3vw + 9px);
  width:5px;
  border-radius:999px;
  background:rgba(7,54,111,.08);
  pointer-events:none;
  overflow:hidden;
}
.destination-scrollbar[hidden]{display:none!important;}
.destination-scrollbar span{
  display:block;
  width:100%;
  min-height:48px;
  border-radius:999px;
  background:rgba(70,96,125,.55);
  box-shadow:0 2px 8px rgba(7,54,111,.12);
  will-change:transform,height;
}

/* Highlight cards mají být opravdu glass, ne skoro bílé panely. */
.destination-hero-bubble{
  background:linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,255,255,.28)) !important;
  border:1px solid rgba(255,255,255,.48) !important;
  box-shadow:0 14px 30px rgba(7,31,68,.10) !important;
  backdrop-filter:blur(16px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(118%) !important;
}
.destination-hero-bubble__icon{
  background:rgba(255,255,255,.66) !important;
}
.destination-hero-bubble h3{
  color:#0a386f !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.destination-hero-bubble ul,
.destination-hero-bubble li,
.destination-hero-bubble p{
  color:#1d477e !important;
}

/* Nabídky: celá plocha je interaktivní a je to i vizuálně poznat. */
.trip-hub-card--clickable{
  cursor:pointer !important;
  border:1px solid rgba(7,54,111,.10) !important;
  box-shadow:0 12px 30px rgba(7,54,111,.08) !important;
}
.trip-hub-card--clickable:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(255,75,108,.35) !important;
  box-shadow:0 20px 42px rgba(7,54,111,.16) !important;
}
.trip-hub-card--clickable:hover strong{
  color:#FF4B6C !important;
}
.trip-hub-card--clickable:active{
  transform:translateY(-1px) scale(.997) !important;
}

@media(max-width:900px){
  .destination-scrollbar{
    top:12px;
    bottom:12px;
    right:4px;
    width:4px;
  }
  .destination-hero-bubble{
    background:rgba(255,255,255,.56) !important;
  }
}


/* =========================================================
   KamLetíme 5.0 — interactive destination guides
   ========================================================= */

.guide-map-section,
.guide-food-section{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #e5edf6;
}

.guide-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.guide-section-title span{
  display:block;
  color:#FF4B6C;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
  margin-bottom:4px;
}
.guide-section-title h4{
  margin:0 !important;
  font-size:22px !important;
  color:#07366F;
}
.guide-section-title>small{
  color:#8194ad;
  font-size:11px;
}

.guide-map-layout{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);
  gap:14px;
  align-items:stretch;
}
.guide-map{
  min-height:410px;
  border-radius:22px;
  overflow:hidden;
  background:#eef5fb;
  box-shadow:0 12px 32px rgba(7,54,111,.08);
  position:relative;
}
.guide-map .leaflet-container{
  font-family:inherit;
}
.guide-map__fallback{
  min-height:410px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  color:#7186A2;
}
.guide-map__fallback .kl-icon{width:24px}

.guide-poi-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:410px;
  overflow:auto;
  padding-right:4px;
}
.guide-poi{
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:0;
  border-radius:16px;
  background:#fff;
  padding:11px 12px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(7,54,111,.055);
  transition:transform .16s ease, box-shadow .16s ease;
}
.guide-poi:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 25px rgba(7,54,111,.1);
}
.guide-poi__num{
  width:32px;height:32px;border-radius:11px;
  display:grid;place-items:center;
  background:#EEF5FB;color:#07366F;font-weight:900;font-size:12px;
}
.guide-poi strong{
  display:block;color:#07366F;font-size:13px;line-height:1.25;
}
.guide-poi small{
  display:block;color:#8194ad;font-size:11px;margin-top:3px;
}
.guide-empty{color:#8194ad;font-size:13px}

.guide-food-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.guide-food-card{
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(7,54,111,.07);
}
.guide-food-card__image{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eef5fb;
}
.guide-food-card__image img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .28s ease;
}
.guide-food-card:hover img{transform:scale(1.025)}
.guide-food-card__image--empty{
  display:grid;place-items:center;color:#07366F;
}
.guide-food-card__image--empty .kl-icon{width:28px;height:28px}
.guide-food-card>div{
  padding:12px 14px 14px;
}
.guide-food-card strong{
  display:block;color:#07366F;font-size:14px;
}
.guide-food-card small{
  display:block;color:#91a0b3;font-size:10px;margin-top:3px;
}

@media(max-width:900px){
  .guide-map-layout{grid-template-columns:1fr}
  .guide-map{min-height:340px}
  .guide-poi-list{
    max-height:none;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .guide-food-gallery{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .guide-poi-list,
  .guide-food-gallery{grid-template-columns:1fr}
  .guide-section-title{display:block}
  .guide-section-title>small{display:block;margin-top:5px}
}


/* =========================================================
   KamLetíme 5.2 — clean borderless cards + fact-style hero bubbles
   ========================================================= */

/* Hero info bubbles now use the same visual language as the weather/sea chips. */
.destination-hero-bubble{
  background:rgba(255,255,255,.11) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  color:#fff !important;
}
.destination-hero-bubble__icon{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
}
.destination-hero-bubble h3,
.destination-hero-bubble ul,
.destination-hero-bubble li,
.destination-hero-bubble p{
  color:#fff !important;
}
.destination-hero-bubble ul,
.destination-hero-bubble li,
.destination-hero-bubble p{
  opacity:.92;
}

/* No visible borders on offer cards. */
.trip-hub-card,
.trip-hub-card--clickable,
.trip-hub-card--flight,
.trip-hub-card--holiday,
.trip-hub-card--hotel,
.trip-hub-card--muted{
  border:0 !important;
}
.trip-hub-card{
  box-shadow:0 12px 30px rgba(7,54,111,.075) !important;
}
.trip-hub-card:hover{
  transform:none !important;
}

/* Strong, easy-to-hit CTA instead of making the whole card clickable. */
.trip-hub-card__cta,
.trip-hub-card>a.trip-hub-card__cta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:48px !important;
  margin-top:16px !important;
  padding:12px 15px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#FF4B6C !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 9px 22px rgba(255,75,108,.22) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.trip-hub-card__cta:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 13px 28px rgba(255,75,108,.30) !important;
  filter:saturate(1.05);
}
.trip-hub-card__cta .kl-icon{
  width:18px !important;
  height:18px !important;
}

/* Remove leftover border language from detail containers as well. */
.trip-hub-provider,
.trip-hub-guide,
.trip-hub-guide__quick article,
.trip-hub-guide__columns section,
.guide-poi,
.guide-food-card{
  border:0 !important;
}

/* Map POI list should look interactive even without visible outlines. */
.guide-poi{
  box-shadow:0 7px 20px rgba(7,54,111,.055) !important;
}


/* KamLetíme v5.3 — CTA sizing + destination SEO pages */

.trip-hub-card__cta,
.trip-hub-card>a.trip-hub-card__cta{
  width:auto !important;
  min-width:190px !important;
  max-width:52% !important;
  margin-left:auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
@media(max-width:640px){
  .trip-hub-card__cta,
  .trip-hub-card>a.trip-hub-card__cta{max-width:100% !important;width:100% !important}
}

.guide-poi em{
  display:block;
  margin-top:6px;
  color:#7186A2;
  font-size:11px;
  font-style:normal;
  line-height:1.4;
}
.destination-more-wrap{
  display:flex;
  justify-content:flex-end;
  margin-top:22px;
}
.destination-more-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#07366F;
  color:#fff !important;
  text-decoration:none;
  font-weight:850;
  font-size:14px;
  padding:13px 18px;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(7,54,111,.16);
}
.destination-more-btn .kl-icon{width:17px;height:17px}

/* SEO destination pages */
.seo-page{margin:0;background:#F5F8FC;color:#16395f;font-family:Inter,system-ui,sans-serif}
.seo-header{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 3px 18px rgba(7,54,111,.05)}
.seo-brand{font-size:22px;font-weight:900;color:#07366F;text-decoration:none}.seo-brand span{color:#FF4B6C}
.seo-header nav{display:flex;gap:20px}.seo-header nav a{color:#476886;text-decoration:none;font-weight:700;font-size:14px}
.seo-destination{max-width:1240px;margin:0 auto;padding:30px clamp(18px,4vw,48px) 72px}
.seo-breadcrumbs{display:flex;gap:8px;align-items:center;font-size:12px;color:#8194ad;margin:6px 0 28px}.seo-breadcrumbs a{color:#5d7897;text-decoration:none}
.seo-hero{background:linear-gradient(135deg,#07366F,#0c4d91);color:#fff;border-radius:30px;padding:clamp(30px,5vw,64px);box-shadow:0 20px 55px rgba(7,54,111,.16)}
.seo-hero--listing{margin-bottom:28px}
.seo-kicker,.seo-section-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:900;color:#FF7891;margin:0 0 8px}
.seo-hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;margin:0 0 8px}.seo-country{font-size:18px;opacity:.78;margin:0 0 20px}
.seo-lead{max-width:820px;font-size:18px;line-height:1.65;margin:0 0 24px}
.seo-facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.seo-facts span{background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.seo-primary-cta,.seo-side-cta{display:inline-flex;background:#FF4B6C;color:#fff;text-decoration:none;font-weight:900;padding:13px 18px;border-radius:14px}
.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;margin-top:34px}.seo-content>section{background:#fff;border-radius:24px;padding:28px;margin-bottom:18px;box-shadow:0 10px 30px rgba(7,54,111,.055)}
.seo-content h2{font-size:28px;color:#07366F;margin:0 0 20px}.seo-content h3{color:#07366F;margin:0 0 7px;font-size:17px}.seo-content p{line-height:1.65}
.seo-area-grid,.seo-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-area-grid article,.seo-list-grid article{background:#F7FAFD;border-radius:18px;padding:18px}
.seo-pois{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.seo-pois article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px;background:#F7FAFD;border-radius:17px}.seo-pois article>span{width:32px;height:32px;background:#EEF5FB;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#07366F}.seo-pois p{font-size:13px;margin:0 0 5px}.seo-pois small{color:#8194ad}
.seo-map{height:480px;border-radius:22px;overflow:hidden;background:#EEF5FB}
.seo-chip-grid{display:flex;flex-wrap:wrap;gap:9px}.seo-chip-grid span{padding:10px 13px;background:#FFF1F4;color:#9b3047;border-radius:999px;font-weight:800}
.seo-tips{display:grid;gap:9px;padding-left:20px;line-height:1.6}
.seo-sticky{position:sticky;top:20px;background:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 30px rgba(7,54,111,.06);display:flex;flex-direction:column;gap:11px}.seo-sticky>a:not(.seo-side-cta){color:#476886;text-decoration:none;font-size:13px;font-weight:700}.seo-sticky hr{width:100%;border:0;border-top:1px solid #eef2f7}
.seo-destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.seo-destination-grid a{background:#fff;text-decoration:none;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(7,54,111,.05)}.seo-destination-grid strong{display:block;color:#07366F}.seo-destination-grid span{font-size:12px;color:#8194ad}
.seo-footer{text-align:center;padding:24px;color:#8194ad;font-size:12px}
@media(max-width:900px){.seo-layout{grid-template-columns:1fr}.seo-aside{display:none}.seo-area-grid,.seo-list-grid,.seo-destination-grid{grid-template-columns:1fr 1fr}.seo-pois{grid-template-columns:1fr}}
@media(max-width:580px){.seo-area-grid,.seo-list-grid,.seo-destination-grid{grid-template-columns:1fr}.seo-hero{border-radius:22px;padding:28px 22px}.seo-map{height:360px}.seo-header nav{display:none}}


/* =========================================================
   KamLetíme v5.4 — shared site chrome + complete destination pages
   ========================================================= */
.site-header--shared{position:relative;z-index:20}
.site-header--shared.site-header--overlay{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(4,43,91,.48),transparent)}
.site-header--shared.site-header--light{background:#fff;box-shadow:0 5px 24px rgba(7,54,111,.06)}
.site-header--light .nav a{color:#173f6d}
.site-header--light .icon-btn{color:#07366F}
.global-search-panel{background:rgba(255,255,255,.97);box-shadow:0 14px 30px rgba(7,54,111,.1);padding:12px max(20px,calc((100vw - 1180px)/2))}
.global-search-form{display:flex;align-items:center;gap:10px;max-width:820px;margin:auto;background:#F5F8FC;border-radius:16px;padding:7px 8px 7px 15px}
.global-search-form svg{width:20px;fill:none;stroke:#5d7897;stroke-width:2}
.global-search-form input{flex:1;border:0;background:transparent;outline:0;font:inherit;padding:10px}
.global-search-form button{border:0;background:#07366F;color:#fff;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer}

.footer--expanded{padding:50px 0 20px}
.footer__grid{display:grid;grid-template-columns:1.45fr .8fr 1fr .8fr;gap:40px;align-items:start}
.footer--expanded .footer-brand{display:block}.footer--expanded .footer-brand img{max-width:180px;height:auto;margin-bottom:14px}
.footer--expanded .footer-brand p{max-width:330px;line-height:1.6;opacity:.72;margin:0}
.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col strong{margin-bottom:4px}.footer-col a,.footer-col span,.footer-col small{color:inherit;opacity:.72;text-decoration:none;font-size:13px;line-height:1.45}.footer-col a:hover{opacity:1}
.footer-social{display:flex;gap:8px}.social-icon{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}.social-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.social-icon:nth-child(2) svg path,.social-icon:nth-child(3) svg path:first-child{fill:currentColor;stroke:none}
.footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;opacity:.62}

.guide-poi.is-active{background:#EEF5FB!important;box-shadow:0 10px 26px rgba(7,54,111,.14)!important}
.map-poi-popup strong{display:block;color:#07366F;font-size:15px;margin-bottom:3px}.map-poi-popup small{display:block;color:#8194ad;margin-bottom:7px}.map-poi-popup p,.map-poi-popup__desc{margin:0;font-size:12px;line-height:1.45;color:#476886}
.destination-guide-cta-top{display:flex;justify-content:flex-end;margin:14px 0 18px}.destination-guide-cta-top a{display:inline-flex;align-items:center;gap:8px;background:#07366F;color:#fff;text-decoration:none;padding:11px 15px;border-radius:13px;font-size:13px;font-weight:900}.destination-guide-cta-top .kl-icon{width:15px}

/* Full destination page */
.destination-page{margin:0;background:#F5F8FC;font-family:Inter,system-ui,sans-serif;color:#173f6d}
.destination-page-hero{position:relative;min-height:610px;background:#07366F var(--destination-hero) center/cover no-repeat;color:#fff}
.destination-page-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,31,67,.88) 0%,rgba(3,31,67,.67) 48%,rgba(3,31,67,.28) 100%),linear-gradient(0deg,rgba(4,43,91,.36),transparent 55%)}
.destination-page-hero__content{position:relative;z-index:2;padding-top:155px;padding-bottom:72px;max-width:1180px}
.destination-breadcrumbs{display:flex;gap:8px;align-items:center;font-size:12px;opacity:.78;margin-bottom:28px}.destination-breadcrumbs a{color:#fff;text-decoration:none}
.destination-kicker,.destination-section-label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900;color:#FF718C}
.destination-page-hero h1{font-size:clamp(54px,8vw,96px);line-height:.9;margin:8px 0 10px;letter-spacing:-.05em}.destination-country{font-size:18px;margin:0 0 18px;opacity:.8}.destination-headline{max-width:760px;font-size:20px;line-height:1.55;margin:0 0 24px}
.destination-facts{display:flex;gap:8px;flex-wrap:wrap}.destination-facts span{background:rgba(255,255,255,.13);backdrop-filter:blur(8px);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.destination-hero-actions{display:flex;gap:10px;margin-top:28px}.destination-primary,.destination-secondary{display:inline-flex;text-decoration:none;font-weight:900;padding:13px 18px;border-radius:14px}.destination-primary{background:#FF4B6C;color:#fff}.destination-secondary{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(8px)}
.destination-page-main{padding:38px 0 72px}.destination-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:30px;max-width:1180px}
.destination-article>section{background:#fff;border-radius:26px;padding:30px;margin-bottom:18px;box-shadow:0 10px 28px rgba(7,54,111,.055)}
.destination-article h2{margin:6px 0 20px;color:#07366F;font-size:30px}.destination-big-copy{font-size:17px;line-height:1.75;margin:0;color:#476886}
.itinerary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.itinerary-grid article,.destination-card-grid article{background:#F7FAFD;border-radius:19px;padding:18px}.itinerary-grid span{font-size:11px;text-transform:uppercase;color:#FF4B6C;font-weight:900}.itinerary-grid h3,.destination-card-grid h3{margin:7px 0;color:#07366F;font-size:16px}.itinerary-grid p,.destination-card-grid p{margin:0;color:#5d7897;line-height:1.55;font-size:13px}
.destination-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.destination-info-box{background:#EEF5FB;border-radius:18px;padding:20px}.destination-info-box p{margin:0;line-height:1.65}
.destination-poi-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);gap:14px}.destination-full-map{min-height:540px;border-radius:22px;overflow:hidden;background:#EEF5FB}.destination-poi-list{display:flex;flex-direction:column;gap:8px;max-height:540px;overflow:auto;padding-right:3px}
.destination-poi-card{display:grid;grid-template-columns:32px 1fr;gap:10px;border:0;background:#F7FAFD;border-radius:17px;padding:12px;text-align:left;cursor:pointer;color:inherit}.destination-poi-card>span{width:30px;height:30px;border-radius:10px;background:#EEF5FB;color:#07366F;font-weight:900;display:grid;place-items:center}.destination-poi-card h3{margin:0;color:#07366F;font-size:14px}.destination-poi-card small{display:block;color:#8194ad;margin:3px 0 5px}.destination-poi-card p{font-size:11.5px;line-height:1.4;color:#5d7897;margin:0}.destination-poi-card.is-active{background:#EAF3FC}
.food-name-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.food-name-grid article{background:#FFF1F4;border-radius:17px;padding:17px}.food-name-grid strong{display:block;color:#8e2740}.food-name-grid span{display:block;font-size:11px;color:#9e6674;margin-top:4px}
.destination-tips{display:grid;gap:10px;padding-left:22px;line-height:1.6;color:#476886}
.destination-faq{display:grid;gap:8px}.destination-faq details{background:#F7FAFD;border-radius:16px;padding:15px 17px}.destination-faq summary{cursor:pointer;color:#07366F;font-weight:800}.destination-faq p{margin:10px 0 0;color:#5d7897;line-height:1.55}
.destination-sticky{position:sticky;top:20px;background:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(7,54,111,.055);display:flex;flex-direction:column;gap:10px}.destination-sticky>a:not(.destination-side-cta){text-decoration:none;color:#5d7897;font-size:13px;font-weight:700}.destination-sticky hr{width:100%;border:0;border-top:1px solid #EEF2F7}.destination-side-cta{background:#FF4B6C;color:#fff;text-decoration:none;text-align:center;padding:12px;border-radius:13px;font-weight:900}

/* Destinations index */
.destinations-index{margin:0;background:#F5F8FC;font-family:Inter,system-ui,sans-serif;color:#173f6d}
.destinations-index-hero{padding:76px 0 54px;background:linear-gradient(135deg,#EEF5FB,#FFF5F7)}
.destinations-index-hero h1{font-size:clamp(48px,7vw,76px);margin:5px 0 10px;color:#07366F;letter-spacing:-.05em}.destinations-index-hero>div>p:not(.destination-section-label){font-size:18px;color:#5d7897;max-width:720px}
.destination-search{display:flex;align-items:center;gap:9px;max-width:760px;margin-top:28px;background:#fff;border-radius:18px;padding:8px 9px 8px 16px;box-shadow:0 12px 30px rgba(7,54,111,.08)}.destination-search svg{width:21px;fill:none;stroke:#7186A2;stroke-width:2}.destination-search input{flex:1;border:0;outline:0;font:inherit;padding:10px}.destination-search button{border:0;background:#07366F;color:#fff;border-radius:13px;padding:12px 17px;font-weight:900}
.destination-search-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.destination-search-chips button{border:0;border-radius:999px;padding:8px 12px;background:#fff;color:#476886;font-weight:800;cursor:pointer}
.destinations-index-section{padding:42px 0 70px}.destinations-index-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.destinations-index-head h2{margin:0;color:#07366F;font-size:30px}.destinations-index-head p{margin:4px 0 0;color:#8194ad}
.destination-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.destination-directory-card{display:block;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(7,54,111,.055);transition:transform .16s ease,box-shadow .16s ease}.destination-directory-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(7,54,111,.1)}.destination-directory-card__media{height:200px;background:#EAF2F9;overflow:hidden}.destination-directory-card__media img{width:100%;height:100%;object-fit:cover}.destination-card-placeholder{height:100%;background:linear-gradient(135deg,#dceaf6,#f5f8fc)}.destination-directory-card__body{padding:18px}.destination-directory-card__body>span{font-size:11px;color:#8194ad;text-transform:uppercase;font-weight:800}.destination-directory-card h3{font-size:23px;color:#07366F;margin:5px 0 7px}.destination-directory-card p{font-size:13px;line-height:1.5;color:#7186A2;margin:0 0 12px}.destination-directory-card b{font-size:12px;color:#FF4B6C}.destination-directory-card[hidden]{display:none}.destination-no-results{text-align:center;padding:50px;color:#7186A2}

@media(max-width:1000px){.footer__grid{grid-template-columns:1fr 1fr}.destination-page-grid{grid-template-columns:1fr}.destination-aside{display:none}.destination-directory{grid-template-columns:1fr 1fr}.destination-poi-layout{grid-template-columns:1fr}.destination-poi-list{max-height:none;display:grid;grid-template-columns:1fr 1fr}.itinerary-grid,.destination-card-grid{grid-template-columns:1fr 1fr}.food-name-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column}.destination-page-hero{min-height:560px}.destination-page-hero__content{padding-top:130px}.destination-headline{font-size:17px}.destination-hero-actions{flex-direction:column;align-items:flex-start}.destination-article>section{padding:22px}.destination-article h2{font-size:25px}.itinerary-grid,.destination-card-grid,.destination-poi-list,.food-name-grid,.destination-directory{grid-template-columns:1fr}.destination-full-map{min-height:380px}.destinations-index-hero{padding-top:48px}.destination-search button{display:none}.site-header--shared .nav{display:none}}


/* =========================================================
   KamLetíme v5.5 — deep guide reference (Rome)
   ========================================================= */
.logo img,.footer-brand img{display:block;width:auto!important;object-fit:contain}
.site-header .logo img{height:38px!important;max-width:210px}
.site-header--overlay .logo img{filter:none}
.footer-brand img{height:auto!important;max-width:190px!important}

.section-heading-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}
.section-heading-row h2{margin-bottom:5px!important}.section-heading-row p,.section-intro-copy{color:#7186A2;line-height:1.55;margin:0 0 18px;font-size:14px}
.section-map-toggle{border:0;background:#EEF5FB;color:#07366F;padding:10px 14px;border-radius:12px;font-weight:850;cursor:pointer;white-space:nowrap}

.transport-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.transport-card{background:#F7FAFD;border-radius:20px;padding:18px;display:flex;flex-direction:column;min-height:265px}
.transport-card__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.transport-card__top h3{margin:0;color:#07366F}.transport-card__top strong{color:#FF4B6C;white-space:nowrap}
.transport-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.transport-meta span{background:#EEF5FB;color:#476886;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}
.transport-card p{font-size:13px;line-height:1.55;color:#5d7897}.transport-card small{display:block;color:#7186A2;line-height:1.45;margin-top:auto}
.transport-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.transport-actions a{display:inline-flex;text-decoration:none;padding:9px 11px;border-radius:11px;background:#fff;color:#07366F;font-size:11px;font-weight:850}
.affiliate-cta{background:#FF4B6C!important;color:#fff!important}
.expand-map{height:410px;border-radius:20px;overflow:hidden;background:#EEF5FB;margin-top:15px}

.poi-practical-mini{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.poi-practical-mini b{background:#fff;color:#476886;border-radius:999px;padding:4px 7px;font-size:9px}
.map-poi-popup--deep{min-width:230px}.map-poi-popup__facts{margin-top:9px;padding-top:8px;border-top:1px solid #edf2f7;color:#476886;font-size:11px;line-height:1.5}.map-poi-popup__actions{margin-top:9px}.map-poi-popup__actions a{display:inline-flex;background:#07366F;color:#fff;text-decoration:none;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:850}

.deep-food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.deep-food-card{background:#F7FAFD;border-radius:21px;overflow:hidden}.deep-food-image{aspect-ratio:16/10;background:#eaf2f9;overflow:hidden}.deep-food-image a{display:block;width:100%;height:100%}.deep-food-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.deep-food-card:hover img{transform:scale(1.025)}
.deep-food-image.skeleton{background:linear-gradient(110deg,#e8f0f7 8%,#f5f8fc 18%,#e8f0f7 33%);background-size:200% 100%;animation:foodSkeleton 1.5s linear infinite}@keyframes foodSkeleton{to{background-position-x:-200%}}
.deep-food-body{padding:17px}.deep-food-body h3{margin:0 0 8px;color:#07366F;font-size:18px}.deep-food-body p{color:#5d7897;line-height:1.55;font-size:13px;margin:0 0 12px}.deep-food-body small{display:block;color:#7186A2;line-height:1.45;margin-top:6px}

.deep-trips{display:grid;gap:10px}.deep-trip{background:#F7FAFD;border-radius:20px;overflow:hidden}.deep-trip summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px}.deep-trip summary::-webkit-details-marker{display:none}.deep-trip summary span{color:#FF4B6C;font-size:10px;text-transform:uppercase;font-weight:900}.deep-trip summary h3{margin:4px 0 2px;color:#07366F;font-size:19px}.deep-trip summary p{margin:0;color:#7186A2;font-size:12px}.deep-trip summary>b{color:#476886;font-size:12px;white-space:nowrap}.deep-trip__content{padding:0 18px 18px}.deep-trip__content>p{color:#5d7897;line-height:1.55}
.trip-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:16px 0}.trip-timeline div{background:#fff;border-radius:13px;padding:10px}.trip-timeline time{display:block;color:#FF4B6C;font-size:11px;font-weight:900;margin-bottom:4px}.trip-timeline span{display:block;color:#476886;font-size:11px;line-height:1.35}
.trip-map-slot{height:330px;border-radius:17px;overflow:hidden;background:#EEF5FB;margin-top:12px}

@media(max-width:900px){
  .transport-options{grid-template-columns:1fr}
  .deep-food-grid{grid-template-columns:1fr 1fr}
  .trip-timeline{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .section-heading-row{display:block}.section-map-toggle{margin-top:10px}
  .deep-food-grid{grid-template-columns:1fr}.trip-timeline{grid-template-columns:1fr}
  .site-header .logo img{height:32px!important;max-width:175px}
}


/* =========================================================
   KamLetíme v5.6 — technical + UX fixes
   ========================================================= */

/* Real SVG wordmark: no broken raster fallbacks. */
.logo{display:inline-flex;align-items:center;min-width:170px}
.logo img{display:block;width:190px!important;height:auto!important;max-width:none!important}
.logo__light{display:none!important}
.site-header--overlay .logo__dark{display:none!important}
.site-header--overlay .logo__light{display:block!important}
.site-header--light .logo__dark{display:block!important}
.site-header--light .logo__light{display:none!important}
.footer-brand img{width:190px!important;max-width:190px!important;height:auto!important}

/* Leaflet popup: leave room around the balloon and improve contrast. */
.destination-full-map .leaflet-popup,
.guide-map .leaflet-popup{margin-bottom:18px!important}
.destination-full-map .leaflet-popup-content-wrapper,
.guide-map .leaflet-popup-content-wrapper{
  border-radius:16px!important;
  box-shadow:0 16px 40px rgba(7,54,111,.22)!important;
}
.destination-full-map .leaflet-popup-content,
.guide-map .leaflet-popup-content{
  margin:16px 17px 17px!important;
  min-width:230px;
}
.map-poi-popup--deep{padding-top:1px}
.map-poi-popup__actions a{
  background:#FF4B6C!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(255,75,108,.22)!important;
}
.map-poi-popup__actions a:hover{filter:brightness(.97)}

/* Airport route accordion – same interaction language as FAQ. */
.airport-map-accordion{
  margin-top:16px;
  background:#F7FAFD;
  border-radius:18px;
  overflow:hidden;
}
.airport-map-accordion summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  cursor:pointer;
  color:#07366F;
  font-weight:850;
}
.airport-map-accordion summary::-webkit-details-marker{display:none}
.accordion-arrow{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:#EEF5FB;
  transition:transform .18s ease;
  font-size:18px;
}
.airport-map-accordion[open] .accordion-arrow{transform:rotate(180deg)}
.airport-map-accordion__body{padding:0 14px 14px}
.airport-map-accordion .expand-map{margin-top:0}

/* Correct CTA destination landing context. */
.destination-primary,
.destination-side-cta{
  box-shadow:0 10px 24px rgba(255,75,108,.20);
}

@media(max-width:650px){
  .logo img{width:165px!important}
  .footer-brand img{width:170px!important;max-width:170px!important}
}


/* =========================================================
   KamLetíme v5.7 — Rome master guide
   ========================================================= */
.deep-itinerary-days{display:grid;gap:10px}
.deep-itinerary-day{background:#F7FAFD;border-radius:20px;overflow:hidden}
.deep-itinerary-day>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer}
.deep-itinerary-day>summary::-webkit-details-marker{display:none}
.deep-itinerary-day>summary span{font-size:10px;color:#FF4B6C;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.deep-itinerary-day>summary h3{margin:4px 0 3px;color:#07366F;font-size:20px}.deep-itinerary-day>summary p{margin:0;color:#7186A2;font-size:12px}
.deep-itinerary-day[open] .accordion-arrow{transform:rotate(180deg)}
.deep-itinerary-day__content{padding:0 18px 18px}.deep-day-summary{color:#5d7897;line-height:1.6}
.crowd-note{background:#FFF7E6;color:#76551a;border-radius:14px;padding:12px 14px;font-size:12px;margin:12px 0 15px}
.deep-itinerary-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:12px}
.deep-itinerary-map{min-height:520px;border-radius:20px;overflow:hidden;background:#EEF5FB}
.deep-itinerary-timeline{display:flex;flex-direction:column;gap:7px;max-height:520px;overflow:auto;padding-right:3px}
.itinerary-stop{border:0;background:#fff;border-radius:16px;display:grid;grid-template-columns:58px 1fr;gap:10px;padding:11px;text-align:left;cursor:pointer;box-shadow:0 5px 15px rgba(7,54,111,.04)}
.itinerary-stop:hover{background:#EEF5FB}.itinerary-stop time{color:#FF4B6C;font-weight:900;font-size:12px}.itinerary-stop h4{margin:0;color:#07366F;font-size:13px}.itinerary-stop small{display:block;color:#8194ad;margin:3px 0}.itinerary-stop p{margin:0;color:#5d7897;font-size:10.5px;line-height:1.35}
.route-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.route-btn{border:0;border-radius:12px;padding:10px 13px;background:#07366F;color:#fff;font-weight:850;cursor:pointer}.route-gpx{background:#EEF5FB;color:#07366F}

.food-map-link{display:block;color:#07366F;text-decoration:none;font-size:12px;line-height:1.45;margin-top:7px}.food-map-link:hover{text-decoration:underline}

.deep-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.deep-area-card{background:#F7FAFD;border-radius:21px;overflow:hidden}.deep-area-image{aspect-ratio:16/8;background:#EEF5FB;overflow:hidden}.deep-area-image img{width:100%;height:100%;object-fit:cover}.deep-area-body{padding:17px}.deep-area-body>span{font-size:10px;text-transform:uppercase;color:#FF4B6C;font-weight:900}.deep-area-body h3{margin:5px 0 8px;color:#07366F}.deep-area-body p{font-size:13px;line-height:1.55;color:#5d7897}.deep-area-body small{display:block;color:#7186A2;line-height:1.4;margin-top:6px}.deep-area-body a{display:inline-flex;margin-top:12px;text-decoration:none;color:#07366F;font-weight:850;font-size:12px}

.deep-trips--visual .deep-trip summary{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;padding:12px}
.deep-trip-thumb{height:105px;border-radius:15px;overflow:hidden;background:#EEF5FB}.deep-trip-thumb img{width:100%;height:100%;object-fit:cover}
.deep-trip-summary-copy{align-self:center}.deep-trip-summary-copy h3{margin:4px 0}.trip-link-row{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.trip-link-row a{display:inline-flex;text-decoration:none;border-radius:11px;padding:9px 12px;background:#EEF5FB;color:#07366F;font-size:11px;font-weight:850}

.nightlife-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.nightlife-area-card{background:#F7FAFD;border-radius:18px;overflow:hidden}.nightlife-area-image{aspect-ratio:16/9;background:#EEF5FB;overflow:hidden}.nightlife-area-image img{width:100%;height:100%;object-fit:cover}.nightlife-area-card>div:last-child{padding:13px}.nightlife-area-card span{font-size:9px;color:#FF4B6C;text-transform:uppercase;font-weight:900}.nightlife-area-card h3{margin:4px 0 6px;color:#07366F;font-size:16px}.nightlife-area-card p{margin:0;color:#7186A2;font-size:11px;line-height:1.45}
.nightlife-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:12px}.nightlife-map{min-height:420px;border-radius:20px;overflow:hidden;background:#EEF5FB}.nightlife-venues{display:flex;flex-direction:column;gap:7px}.nightlife-venue{border:0;background:#F7FAFD;border-radius:15px;padding:12px;text-align:left;cursor:pointer}.nightlife-venue strong{display:block;color:#07366F}.nightlife-venue span,.nightlife-venue small{display:block;color:#7186A2;font-size:11px;margin-top:3px}

.skeleton{background:linear-gradient(110deg,#e8f0f7 8%,#f5f8fc 18%,#e8f0f7 33%);background-size:200% 100%;animation:foodSkeleton 1.5s linear infinite}

@media(max-width:1000px){
  .deep-itinerary-layout,.nightlife-layout{grid-template-columns:1fr}
  .deep-itinerary-map{min-height:420px}.deep-itinerary-timeline{max-height:none}
  .nightlife-area-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .deep-area-grid,.nightlife-area-grid{grid-template-columns:1fr}
  .deep-trips--visual .deep-trip summary{grid-template-columns:90px 1fr}.deep-trips--visual .deep-trip summary>b{grid-column:2}
  .route-actions{flex-direction:column}.route-btn{width:100%}
}


/* =========================================================
   KamLetime v5.8 — UI polish / modal guide / brand fixes
   ========================================================= */
.destination-hero-bubble{background:rgba(10,42,82,.12)!important}
.destination-nav--prev{left:calc(3.5vw - 55px)!important}
.destination-nav--next{right:calc(3.5vw - 55px)!important}
@media(max-width:1100px){.destination-nav--prev{left:12px!important}.destination-nav--next{right:12px!important}}

.logo{min-width:220px!important}.logo img{width:238px!important;height:auto!important;max-width:238px!important}
.site-header--overlay .logo__dark,.site-header--overlay .logo__light{display:block!important}
.footer-brand__logo-pill{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 40px rgba(0,0,0,.12);margin-bottom:16px}
.footer-brand__logo-pill img{display:block;width:220px;height:auto}
.footer--expanded{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(3,35,74,.96),rgba(7,54,111,.96)), radial-gradient(circle at top right, rgba(240,190,73,.18), transparent 32%), radial-gradient(circle at left center, rgba(255,75,108,.18), transparent 30%)!important}
.footer--expanded::before{content:'';position:absolute;inset:0;background-image:linear-gradient(135deg, rgba(255,255,255,.03) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.03) 50%, rgba(255,255,255,.03) 75%, transparent 75%, transparent);background-size:26px 26px;opacity:.16;pointer-events:none}
.footer--expanded>*{position:relative;z-index:1}
.footer-brand p{max-width:430px}

.trip-hub-guide__head--cta{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important}
.trip-hub-guide__full{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;text-decoration:none;background:#07366F;color:#fff!important;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:850;box-shadow:0 10px 26px rgba(7,54,111,.18)}
.trip-hub-guide__full:hover{filter:brightness(.97)}
.guide-teaser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;margin-bottom:16px}
.guide-teaser-card{background:#fff;border-radius:20px;padding:18px 18px 16px;box-shadow:0 12px 32px rgba(7,54,111,.06)}
.guide-teaser-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.guide-teaser-card__top h4{margin:0;color:#07366F;font-size:17px!important}
.guide-teaser-card__top a{white-space:nowrap;text-decoration:none;color:#07366F;font-size:12px;font-weight:800}
.guide-teaser-list{display:flex;flex-direction:column;gap:10px}
.guide-teaser-list__item{display:grid;gap:4px;padding:10px 0;border-top:1px solid #EAF0F6}
.guide-teaser-list__item:first-child{padding-top:0;border-top:0}
.guide-teaser-list__item strong{color:#07366F;font-size:14px}
.guide-teaser-list__item span{color:#7186A2;font-size:12.5px;line-height:1.5}
.guide-teaser-bullets{margin:0;padding-left:18px;color:#5d7897;font-size:13px;line-height:1.6}
.guide-food-card p{margin:6px 0 0;color:#6a819a;font-size:12px;line-height:1.45}
.guide-food-card small{display:block;margin-top:7px}
.destination-more-wrap{margin-top:14px}
.destination-more-btn{font-size:14px!important}
.guide-map-section,.guide-food-section{margin-top:18px}

.travel-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.travel-service-card{background:#F7FAFD;border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(7,54,111,.05)}
.travel-service-card__icon{display:inline-flex;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#FF4B6C;margin-bottom:10px}
.travel-service-card h3{margin:0 0 8px;color:#07366F;font-size:18px}
.travel-service-card p{margin:0;color:#5d7897;font-size:13px;line-height:1.6}
.travel-service-card a{display:inline-flex;margin-top:13px;text-decoration:none;background:#07366F;color:#fff;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:850}
.travel-service-card small{display:block;margin-top:14px;color:#8194ad;line-height:1.5}
.nightlife-area-card h3 a{color:#07366F;text-decoration:none}.nightlife-area-card h3 a:hover{text-decoration:underline}
.nightlife-map-link{display:inline-flex;margin-top:10px;color:#07366F;text-decoration:none;font-size:11px;font-weight:800}
.nightlife-map-link:hover{text-decoration:underline}
.deep-area-body a,.food-map-link,.trip-link-row a,.transport-actions a{font-weight:800}
.map-poi-popup__actions a{box-shadow:0 8px 20px rgba(7,54,111,.15)}
.guide-map .leaflet-popup,.destination-full-map .leaflet-popup{margin-bottom:22px!important}
.guide-map .leaflet-popup-content-wrapper,.destination-full-map .leaflet-popup-content-wrapper{border-radius:16px!important}

@media(max-width:1000px){
  .guide-teaser-grid,.travel-service-grid{grid-template-columns:1fr}
  .trip-hub-guide__head--cta{display:block!important}
  .trip-hub-guide__full{margin-top:12px}
}
@media(max-width:700px){
  .logo{min-width:150px!important}.logo img{width:175px!important;max-width:175px!important}
  .footer-brand__logo-pill img{width:170px}
}


/* =========================================================
   KamLetíme v5.9 — visual polish
   ========================================================= */

/* Footer as a real visual closing section */
.footer--expanded{
  min-height:360px;
  padding:64px 0 24px!important;
  background-image:
    linear-gradient(90deg,rgba(3,31,67,.96),rgba(3,31,67,.78)),
    url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2200&q=82")!important;
  background-position:center!important;
  background-size:cover!important;
}
.footer--expanded::before{
  background:linear-gradient(180deg,rgba(4,43,91,.08),rgba(4,43,91,.42))!important;
  opacity:1!important;
}
.footer__grid{gap:52px!important}
.footer-col strong{font-size:14px!important;color:#fff}
.footer-col a,.footer-col span,.footer-col small,.footer-brand p{color:rgba(255,255,255,.78)!important}
.footer-col a:hover{color:#fff!important}
.footer-brand__logo-pill{
  background:#fff!important;
  padding:13px 18px!important;
  border-radius:20px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
}
.footer-social .social-icon{
  background:rgba(255,255,255,.11)!important;
  backdrop-filter:blur(8px);
}
.footer__bottom{border-top-color:rgba(255,255,255,.18)!important}

/* Destination modal guide becomes visually useful, not a text dump */
.guide-teaser-card{
  padding:0 18px 16px!important;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.guide-teaser-card:hover{
  transform:translateY(-2px);
  box-shadow:0 17px 40px rgba(7,54,111,.10);
}
.guide-teaser-card__media{
  height:112px;
  margin:0 -18px 16px;
  background:
    linear-gradient(135deg,#EAF3FB,#F8FAFD);
  background-size:cover;
  background-position:center;
  position:relative;
}
.guide-teaser-card__media::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(5,43,91,.08));
}
.guide-teaser-card__media--practical{
  background:
    radial-gradient(circle at 25% 30%,rgba(255,75,108,.18),transparent 28%),
    radial-gradient(circle at 75% 60%,rgba(7,54,111,.16),transparent 32%),
    #F4F8FC;
}
.guide-teaser-card__top a{
  padding:7px 10px;
  border-radius:10px;
  background:#EEF5FB;
}
.guide-teaser-card__top a:hover{background:#E3EEF8}
.guide-teaser-list__item{cursor:default}
.guide-teaser-list__item strong{font-size:14.5px!important}
.guide-teaser-list__item span{font-size:13px!important}
.trip-hub-guide__full{
  background:#FF4B6C!important;
  box-shadow:0 11px 26px rgba(255,75,108,.22)!important;
}
.destination-more-btn{
  background:#07366F!important;
  box-shadow:0 10px 26px rgba(7,54,111,.16)!important;
}

/* Full guide image cards */
.deep-food-card,.deep-area-card,.deep-trip,.nightlife-area-card{
  box-shadow:0 10px 28px rgba(7,54,111,.055);
}
.deep-food-card,.deep-area-card,.nightlife-area-card{
  transition:transform .18s ease,box-shadow .18s ease;
}
.deep-food-card:hover,.deep-area-card:hover,.nightlife-area-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(7,54,111,.10);
}
.deep-food-image,.deep-area-image,.nightlife-area-image{position:relative}
.deep-food-image::after,.deep-area-image::after,.nightlife-area-image::after,.deep-trip-thumb::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 56%,rgba(5,43,91,.14));
}
.deep-trip-thumb{position:relative}
.media-fallback-label{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:12px;
  color:#476886;
  font-weight:850;
  font-size:13px;
  background:
    radial-gradient(circle at top left,rgba(255,75,108,.12),transparent 34%),
    radial-gradient(circle at bottom right,rgba(7,54,111,.14),transparent 36%),
    #EEF5FB;
}

/* Day-trip cards feel more like a destination preview */
.deep-trips--visual .deep-trip summary{
  min-height:130px;
  align-items:stretch!important;
}
.deep-trip-summary-copy{padding:10px 0}
.deep-trip-summary-copy h3{font-size:20px!important}
.deep-trip summary>b{
  align-self:center;
  padding:8px 11px;
  border-radius:999px;
  background:#EEF5FB;
}
.trip-link-row a:first-child{
  background:#07366F!important;
  color:#fff!important;
}

/* Areas / stay section prepared for Booking */
.deep-area-body>a{
  padding:9px 11px;
  border-radius:11px;
  background:#EEF5FB;
}
.deep-area-body>a:hover{background:#E3EEF8}
.travel-service-card{
  position:relative;
  overflow:hidden;
  min-height:210px;
}
.travel-service-card::before{
  content:'';
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  right:-55px;top:-60px;
  background:rgba(7,54,111,.05);
}
.travel-service-card>*{position:relative;z-index:1}

/* Nightlife areas: map links are now first-class actions */
.nightlife-map-link{
  padding:8px 10px;
  border-radius:10px;
  background:#EEF5FB;
}
.nightlife-map-link:hover{
  text-decoration:none!important;
  background:#E3EEF8;
}

/* Map popups get breathing room */
.destination-full-map .leaflet-popup-content-wrapper,
.guide-map .leaflet-popup-content-wrapper{
  max-width:min(340px,calc(100vw - 80px));
}
.map-poi-popup__actions a{
  padding:8px 11px!important;
  font-size:11px!important;
}

/* Destination directory: even fallback cards look intentional */
.destination-card-placeholder{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 25% 25%,rgba(255,75,108,.14),transparent 28%),
    radial-gradient(circle at 70% 65%,rgba(7,54,111,.16),transparent 36%),
    linear-gradient(135deg,#EAF3FB,#F7FAFD)!important;
}
.destination-card-placeholder::after{
  content:'KamLetíme';
  position:absolute;
  right:18px;
  bottom:16px;
  color:rgba(7,54,111,.20);
  font-weight:900;
  font-size:20px;
  letter-spacing:-.04em;
}

@media(max-width:900px){
  .footer--expanded{padding-top:48px!important}
  .guide-teaser-card__media{height:96px}
}


/* =========================================================
   KamLetíme v6.0 — cleanup after visual review
   ========================================================= */

/* No accidental shadows in the modal hero/title. */
.destination-hero__title h2,
.destination-hero__title p,
.destination-hero-bubble h3{
  text-shadow:none!important;
}

/* Stable SVG/icon dimensions. */
.kl-icon{
  display:block!important;
  width:18px;
  height:18px;
  flex:0 0 auto;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.icon-btn svg,.social-icon svg{
  display:block!important;
  flex:0 0 auto;
}

/* Replace stray character arrows with a CSS chevron. */
.accordion-arrow{
  position:relative;
  display:inline-grid!important;
  place-items:center;
  width:30px!important;
  height:30px!important;
  min-width:30px;
  border-radius:10px;
  background:#EEF5FB;
  font-size:0!important;
}
.accordion-arrow::before{
  content:'';
  width:7px;
  height:7px;
  border-right:2px solid #07366F;
  border-bottom:2px solid #07366F;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}
details[open]>.accordion-arrow::before,
details[open]>summary .accordion-arrow::before{
  transform:rotate(225deg) translate(-1px,-1px);
}

/* Modal guide: calmer, denser, more editorial cards. */
.guide-teaser-grid{
  gap:12px!important;
}
.guide-teaser-card{
  padding:0 16px 16px!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(7,54,111,.055)!important;
  background:#fff!important;
}
.guide-teaser-card__media{
  height:86px!important;
  margin:0 -16px 14px!important;
}
.guide-teaser-card__top{
  margin-bottom:9px!important;
}
.guide-teaser-card__top h4{
  font-size:16px!important;
}
.guide-teaser-card__top a{
  padding:6px 9px!important;
  font-size:11px!important;
  background:#EEF5FB!important;
}
.guide-teaser-list{
  gap:0!important;
}
.guide-teaser-list__item{
  padding:9px 0!important;
}
.guide-teaser-list__item strong{
  font-size:13.5px!important;
}
.guide-teaser-list__item span{
  font-size:12px!important;
  line-height:1.42!important;
}

/* "Než vyrazíte" is no longer a bullet-list bubble. */
.guide-teaser-card--practical{
  padding-top:16px!important;
}
.guide-practical-list{
  display:grid;
  gap:8px;
}
.guide-practical-row{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:start;
  padding:10px;
  border-radius:14px;
  background:#F7FAFD;
}
.guide-practical-row__icon{
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#07366F;
  background:#EEF5FB;
}
.guide-practical-row__icon .kl-icon{
  width:16px!important;
  height:16px!important;
}
.guide-practical-row strong{
  display:block;
  color:#07366F;
  font-size:12px;
  margin-bottom:3px;
}
.guide-practical-row p{
  margin:0;
  color:#7186A2;
  font-size:11.5px;
  line-height:1.4;
}

/* Food gallery is informative, not an image-only Wikimedia dump. */
.guide-food-gallery{
  gap:12px!important;
}
.guide-food-card{
  border-radius:18px!important;
}
.guide-food-card__image{
  aspect-ratio:16/9!important;
}
.guide-food-card>div{
  padding:13px 14px 15px!important;
}
.guide-food-card strong{
  font-size:14px!important;
  color:#07366F!important;
}
.guide-food-card p{
  margin:6px 0 0!important;
  font-size:11.8px!important;
  line-height:1.45!important;
  color:#617995!important;
}
.guide-food-card small{
  margin-top:8px!important;
  font-size:10.5px!important;
  color:#8194ad!important;
}

/* Full-page food cards: more editorial spacing. */
.deep-food-body h3{
  font-size:19px!important;
  margin-bottom:9px!important;
}
.deep-food-body p{
  font-size:13px!important;
  line-height:1.62!important;
}
.deep-food-body small,
.food-map-link{
  font-size:11.5px!important;
}

/* One footer. Same colors and layout on homepage, listing and guides. */
.footer.footer--expanded{
  margin-top:0!important;
  border-top:0!important;
  min-height:0!important;
  padding:54px 0 24px!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,75,108,.14),transparent 25%),
    radial-gradient(circle at 82% 25%,rgba(240,190,73,.10),transparent 24%),
    linear-gradient(135deg,#042B5B 0%,#07366F 58%,#052F63 100%)!important;
  color:#fff!important;
}
.footer.footer--expanded::before{
  display:none!important;
}
.footer.footer--expanded .footer__grid,
.footer.footer--expanded .footer__bottom{
  color:#fff!important;
}
.footer.footer--expanded .footer-col strong,
.footer.footer--expanded .footer-col a,
.footer.footer--expanded .footer-col span,
.footer.footer--expanded .footer-col small,
.footer.footer--expanded .footer-brand p,
.footer.footer--expanded .footer__bottom{
  color:#fff!important;
}
.footer.footer--expanded .footer-col a,
.footer.footer--expanded .footer-col span,
.footer.footer--expanded .footer-col small,
.footer.footer--expanded .footer-brand p{
  opacity:.76!important;
}
.footer.footer--expanded .footer-col a:hover{
  opacity:1!important;
}
.footer-brand__logo-pill{
  display:inline-flex!important;
  background:#fff!important;
  padding:11px 16px!important;
  border-radius:18px!important;
}
.footer-brand__logo-pill img{
  width:210px!important;
  max-width:210px!important;
  height:auto!important;
  margin:0!important;
}
.footer.footer--expanded .social-icon{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
}

/* Keep the modal guide CTA obvious and reliable. */
.trip-hub-guide__full,
.destination-more-btn{
  text-decoration:none!important;
}
.trip-hub-guide__full{
  background:#FF4B6C!important;
  color:#fff!important;
}

/* Give map popups a little more top breathing room. */
.guide-map .leaflet-popup,
.destination-full-map .leaflet-popup{
  margin-bottom:28px!important;
}

@media(max-width:700px){
  .guide-teaser-grid{grid-template-columns:1fr!important}
  .guide-teaser-card__media{height:76px!important}
}


/* =========================================================
   KamLetíme v6.1 — header + nightlife image fix
   ========================================================= */

/* Header contains a single approved logo image. */
.site-header .logo{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
}
.site-header .logo img{
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
}
.site-header--overlay .logo img,
.site-header--light .logo img{
  display:block!important;
}

/* Kill all old two-logo variant rules. */
.site-header .logo__dark,
.site-header .logo__light{
  display:none!important;
}

/* Nightlife images must be clearly visible.
   IMPORTANT: use background-color only. The background shorthand would reset
   an inline background-image and, with !important, hide the loaded photo. */
.nightlife-area-image{
  min-height:128px!important;
  background-color:#EEF5FB!important;
}
.nightlife-area-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.nightlife-area-card{
  overflow:hidden!important;
}
.nightlife-area-card>div:last-child{
  padding:15px!important;
}
.nightlife-area-card h3{
  margin:5px 0 7px!important;
}

/* If an external picture cannot load, fallback is still intentionally styled. */
.nightlife-area-image:empty:not(.has-initial-image){
  background:
    radial-gradient(circle at 25% 25%,rgba(255,75,108,.12),transparent 28%),
    radial-gradient(circle at 75% 65%,rgba(7,54,111,.16),transparent 35%),
    #EEF5FB!important;
}

@media(max-width:700px){
  .site-header .logo img{
    width:175px!important;
    max-width:175px!important;
  }
}


/* =========================================================
   KamLetíme v6.2 — moving scrollbar + balanced modal guide
   ========================================================= */

.destination-scrollbar{
  pointer-events:auto!important;
  cursor:pointer;
}
.destination-scrollbar span{
  transition:height .12s ease, background .15s ease;
  transform:translate3d(0,0,0);
}
.destination-scrollbar:hover span{
  background:rgba(55,82,113,.72)!important;
}

/* Desktop: cards keep two columns but have a real visual header. */
.guide-teaser-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:22px!important;
  margin-bottom:22px!important;
}
.guide-teaser-card{
  min-width:0;
  border-radius:22px!important;
  padding:0 22px 22px!important;
  overflow:hidden;
  background:#fff!important;
  box-shadow:0 11px 32px rgba(7,54,111,.065)!important;
}
.guide-teaser-card__media{
  display:block!important;
  height:168px!important;
  min-height:168px!important;
  margin:0 -22px 20px!important;
  background-position:center!important;
  background-size:cover!important;
  border-radius:0!important;
}
.guide-teaser-card__media.is-fallback-image{
  filter:saturate(.82);
}
.guide-teaser-card__top{
  align-items:center!important;
  margin-bottom:12px!important;
}
.guide-teaser-card__top h4{
  font-size:20px!important;
  line-height:1.2!important;
}
.guide-teaser-card__top a{
  padding:8px 11px!important;
  font-size:12px!important;
}
.guide-teaser-list__item{
  padding:12px 0!important;
}
.guide-teaser-list__item strong{
  font-size:15.5px!important;
  line-height:1.25!important;
}
.guide-teaser-list__item span{
  font-size:13.5px!important;
  line-height:1.52!important;
}

.guide-teaser-card--practical{
  padding-top:0!important;
}
.guide-practical-list{
  gap:10px!important;
}
.guide-practical-row{
  grid-template-columns:40px 1fr!important;
  gap:12px!important;
  padding:12px 13px!important;
  border-radius:15px!important;
}
.guide-practical-row__icon{
  width:38px!important;
  height:38px!important;
}
.guide-practical-row strong{
  font-size:13px!important;
  margin-bottom:4px!important;
}
.guide-practical-row p{
  font-size:12.5px!important;
  line-height:1.48!important;
}

.trip-hub-guide__head h3{
  font-size:30px!important;
  line-height:1.12!important;
}
.trip-hub-guide__quick article small{
  font-size:12px!important;
}
.trip-hub-guide__quick article strong{
  font-size:28px!important;
}
.trip-hub-guide__quick article p{
  font-size:14px!important;
  line-height:1.55!important;
}
.guide-section-title h4{
  font-size:24px!important;
}
.guide-poi strong{
  font-size:14px!important;
}
.guide-poi em{
  font-size:12px!important;
}

.guide-food-card__image{
  aspect-ratio:16/8!important;
  min-height:155px;
}
.guide-food-card>div{
  padding:15px 16px 17px!important;
}
.guide-food-card strong{
  font-size:16px!important;
}
.guide-food-card p{
  font-size:13px!important;
  line-height:1.52!important;
}
.guide-food-card small{
  font-size:11.5px!important;
}

@media(max-width:1000px){
  .guide-teaser-grid{
    grid-template-columns:1fr!important;
  }
  .guide-teaser-card__media{
    height:150px!important;
    min-height:150px!important;
  }
}
@media(max-width:650px){
  .guide-teaser-card{
    padding:0 17px 18px!important;
    border-radius:19px!important;
  }
  .guide-teaser-card__media{
    height:142px!important;
    min-height:142px!important;
    margin:0 -17px 17px!important;
  }
  .guide-teaser-card__top h4{
    font-size:18px!important;
  }
  .guide-teaser-list__item strong{
    font-size:15px!important;
  }
  .guide-teaser-list__item span{
    font-size:13px!important;
  }
  .trip-hub-guide__head h3{
    font-size:25px!important;
  }
  .guide-food-card__image{
    min-height:140px!important;
  }
}


/* =========================================================
   KamLetíme v6.3 — modal guide flow
   ========================================================= */

/* Every summary card, including "Než vyrazíte", has the same visual header. */
.guide-teaser-card--practical .guide-teaser-card__media{
  display:block!important;
  height:168px!important;
  min-height:168px!important;
  margin:0 -22px 20px!important;
  background-position:center!important;
  background-size:cover!important;
}

/* Cards are summaries, not navigation controls. */
.guide-teaser-card__top{
  min-height:28px;
}
.guide-teaser-card__top h4{
  margin:0!important;
}
.guide-teaser-card__top a{
  display:none!important;
}

/* One explicit context-switch action at the end of the modal guide. */
.destination-more-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  padding-top:4px;
}
.destination-more-btn{
  position:relative;
  gap:10px!important;
}
.destination-more-btn::before{
  content:'Otevře se v nové kartě · ';
  font-size:10px;
  font-weight:700;
  opacity:.72;
}

/* The top guide title no longer needs space reserved for a second CTA. */
.trip-hub-guide__head{
  display:block!important;
}
.trip-hub-guide__head>div{
  max-width:820px;
}

@media(max-width:1000px){
  .guide-teaser-card--practical .guide-teaser-card__media{
    height:150px!important;
    min-height:150px!important;
  }
}
@media(max-width:650px){
  .guide-teaser-card--practical .guide-teaser-card__media{
    height:142px!important;
    min-height:142px!important;
    margin:0 -17px 17px!important;
  }
  .destination-more-wrap{
    justify-content:stretch!important;
  }
  .destination-more-btn{
    width:100%;
    justify-content:center;
    text-align:center;
    flex-wrap:wrap;
  }
}


/* =========================================================
   KamLetíme v6.4 — quick facts + reliable guide media
   ========================================================= */

.trip-hub-guide__quick{
  grid-template-columns:minmax(170px,.58fr) minmax(340px,1.25fr) minmax(390px,1.4fr)!important;
  gap:14px!important;
}
.trip-hub-guide__quick article.quick-fact{
  min-height:118px!important;
  padding:18px 20px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.quick-fact>small{
  margin-bottom:12px!important;
}
.quick-fact--duration strong{
  font-size:31px!important;
}

.quick-route{
  display:grid;
  grid-template-columns:auto minmax(120px,1fr) auto;
  align-items:center;
  gap:10px;
}
.quick-route__node{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 11px;
  border-radius:12px;
  background:#EEF5FB;
  color:#07366F;
  font-size:11px;
  font-weight:900;
  text-align:center;
}
.quick-route__line{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:44px;
  text-align:center;
  color:#07366F;
}
.quick-route__line::before{
  content:'';
  position:absolute;
  left:0;right:0;top:50%;
  height:2px;
  background:#C9D9E9;
  z-index:0;
}
.quick-route__line::after{
  content:'→';
  position:absolute;
  right:-3px;top:50%;
  transform:translateY(-54%);
  color:#8299B2;
  background:#fff;
  padding-left:4px;
  z-index:1;
}
.quick-route__line b,.quick-route__line small{
  position:relative;
  z-index:2;
  background:#fff;
  padding:0 7px;
}
.quick-route__line b{font-size:11px}
.quick-route__line small{margin-top:3px;color:#8194ad;font-size:10px}
.quick-transfer-text{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:9px;
  align-items:start;
  color:#5d7897;
  font-size:12.5px;
  line-height:1.45;
}
.quick-transfer-text .kl-icon{color:#07366F;width:18px!important;height:18px!important}

.quick-months{
  display:grid;
  grid-template-columns:repeat(12,minmax(25px,1fr));
  gap:4px;
}
.quick-months span{
  min-height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#F3F7FB;
  color:#9AADBF;
  font-size:9px;
  font-weight:800;
}
.quick-months span.is-best{
  background:#FFF1F4;
  color:#BE3150;
  box-shadow:inset 0 0 0 1px rgba(255,75,108,.12);
}
.quick-season-generic{
  display:flex;align-items:center;gap:9px;
  color:#5d7897;font-size:12.5px;line-height:1.45;
}
.quick-season-generic .kl-icon{color:#FF4B6C;width:18px!important;height:18px!important}
.quick-muted{color:#8194ad;font-size:12px}

.guide-deep-note{
  margin-top:20px;
  padding:13px 15px;
  border-radius:15px;
  background:#F7FAFD;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:start;
  color:#7186A2;
}
.guide-deep-note__icon{
  width:32px;height:32px;border-radius:10px;
  display:grid;place-items:center;
  background:#EEF5FB;color:#07366F;
}
.guide-deep-note__icon .kl-icon{width:16px!important;height:16px!important}
.guide-deep-note p{margin:2px 0 0;font-size:12.5px;line-height:1.5}
.guide-deep-note a{color:#07366F;font-weight:850;text-decoration:none}
.guide-deep-note a:hover{text-decoration:underline}

@media(max-width:1150px){
  .trip-hub-guide__quick{grid-template-columns:1fr 1fr!important}
  .quick-fact--season{grid-column:1/-1}
}
@media(max-width:700px){
  .trip-hub-guide__quick{grid-template-columns:1fr!important}
  .quick-fact--season{grid-column:auto}
  .quick-months{grid-template-columns:repeat(6,1fr)}
  .quick-route{grid-template-columns:auto minmax(90px,1fr) auto}
}


/* =========================================================
   KamLetíme v6.5 — guide header note + deterministic media
   ========================================================= */

.trip-hub-guide__head--with-note{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,520px);
  gap:28px;
  align-items:start!important;
}
.trip-hub-guide__title{
  min-width:0;
}
.trip-hub-guide__note{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:12px 14px;
  border-radius:15px;
  background:#F7FAFD;
  color:#7186A2;
  max-width:520px;
  justify-self:end;
}
.trip-hub-guide__note-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#07366F;
  background:#EEF5FB;
}
.trip-hub-guide__note-icon .kl-icon{
  width:17px!important;
  height:17px!important;
}
.trip-hub-guide__note p{
  margin:3px 0 0;
  font-size:12px;
  line-height:1.48;
}

/* Restore one clear red CTA at the bottom. */
.destination-more-wrap{
  margin-top:20px!important;
  display:flex!important;
  justify-content:flex-end!important;
}
.destination-more-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  padding:12px 16px!important;
  border-radius:13px!important;
  background:#FF4B6C!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:13px!important;
  box-shadow:0 10px 24px rgba(255,75,108,.20)!important;
}
.destination-more-btn::before{
  display:none!important;
}
.destination-more-btn .kl-icon{
  width:15px!important;
  height:15px!important;
}

/* All full-guide media blocks have a photo immediately.
   The item-specific photo can replace the hero fallback asynchronously. */
.deep-food-image,
.deep-area-image,
.deep-trip-thumb,
.nightlife-area-image{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.deep-food-image.has-initial-image,
.deep-area-image.has-initial-image,
.deep-trip-thumb.has-initial-image,
.nightlife-area-image.has-initial-image{
  animation:none!important;
}
.deep-food-image.has-initial-image::before,
.deep-area-image.has-initial-image::before,
.deep-trip-thumb.has-initial-image::before,
.nightlife-area-image.has-initial-image::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 64%,rgba(5,43,91,.10));
  pointer-events:none;
}
.deep-food-image,
.deep-area-image,
.deep-trip-thumb,
.nightlife-area-image{
  position:relative!important;
  overflow:hidden!important;
}

/* Remove obsolete empty media labels once every slot has a photo fallback. */
.media-fallback-label{
  display:none!important;
}

@media(max-width:1050px){
  .trip-hub-guide__head--with-note{
    grid-template-columns:1fr!important;
    gap:14px;
  }
  .trip-hub-guide__note{
    justify-self:stretch;
    max-width:none;
  }
}
@media(max-width:650px){
  .destination-more-wrap{
    justify-content:stretch!important;
  }
  .destination-more-btn{
    width:100%!important;
    justify-content:center!important;
  }
}


/* =========================================================
   KamLetíme v6.6 — info alignment + scroll-to-top + media guarantee
   ========================================================= */

/* Clickable guide info block; icon is truly centered. */
.trip-hub-guide__note{
  text-decoration:none!important;
  color:#7186A2!important;
  align-items:center!important;
  transition:background .16s ease, transform .16s ease;
}
.trip-hub-guide__note:hover{
  background:#EEF5FB!important;
  transform:translateY(-1px);
}
.trip-hub-guide__note-icon{
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.trip-hub-guide__note-icon .kl-icon{
  display:block!important;
  margin:0!important;
}
.trip-hub-guide__note p{
  align-self:center!important;
  margin:0!important;
}

/* Global back-to-top control. */
.scroll-top-btn{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:1200;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:#07366F;
  color:#fff;
  box-shadow:0 12px 30px rgba(4,43,91,.24);
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.94);
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .18s ease;
}
.scroll-top-btn.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.scroll-top-btn:hover{
  background:#042B5B;
  transform:translateY(-2px) scale(1);
}
.scroll-top-btn span{
  width:10px;
  height:10px;
  border-left:2px solid currentColor;
  border-top:2px solid currentColor;
  transform:rotate(45deg) translate(2px,2px);
}
@media(max-width:650px){
  .scroll-top-btn{
    right:16px;
    bottom:16px;
    width:42px;
    height:42px;
  }
}

/* Full-guide media must never look empty:
   hero fallback is rendered by PHP before JS enhancement. */
.deep-food-image,
.deep-area-image,
.deep-trip-thumb,
.nightlife-area-image{
  background-color:#EAF2F9!important;
}
.deep-food-image:not(.has-initial-image),
.deep-area-image:not(.has-initial-image),
.deep-trip-thumb:not(.has-initial-image),
.nightlife-area-image:not(.has-initial-image){
  background-image:
    radial-gradient(circle at 25% 25%,rgba(255,75,108,.12),transparent 28%),
    radial-gradient(circle at 75% 65%,rgba(7,54,111,.14),transparent 35%),
    linear-gradient(135deg,#EAF3FB,#F7FAFD);
}


/* Loaded images keep their inline background-image. */
.nightlife-area-image.has-initial-image{
  background-color:#EEF5FB!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* =========================================================
   KamLetíme v6.8 — background shorthand fix
   ========================================================= */
/* Never use `background: ... !important` on media containers that receive
   inline background-image. Color fallback is separate from image. */
.deep-food-image,
.deep-area-image,
.deep-trip-thumb,
.nightlife-area-image{
  background-color:#EAF2F9!important;
}
.deep-food-image.has-initial-image,
.deep-area-image.has-initial-image,
.deep-trip-thumb.has-initial-image,
.nightlife-area-image.has-initial-image{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* =========================================================
   KamLetíme v6.9 — curated guide media policy
   ========================================================= */
.deep-food-image,
.deep-area-image,
.deep-trip-thumb,
.nightlife-area-image{
  background-color:#EEF5FB!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
}
.deep-food-image.has-initial-image,
.deep-area-image.has-initial-image,
.deep-trip-thumb.has-initial-image,
.nightlife-area-image.has-initial-image{
  background-color:#EEF5FB!important;
}

/* KamLetíme v7.0 — Barcelona uses locked v6.9/v6.8 visual system. */


/* KamLetíme v7.1 — Barcelona correctness fixes */
.guide-teaser-card__media.has-curated-image{filter:none!important}


/* =========================================================
   KamLetíme v7.2 — scroll-to-top inside destination modal
   ========================================================= */

/* Modal is z-index 4000, so the global button must sit above it. */
body.detail-open .scroll-top-btn,
.scroll-top-btn.is-modal-scroll{
  z-index:4105!important;
  right:calc(3vw + 18px)!important;
  bottom:calc(3vh + 18px)!important;
  background:#07366F!important;
  box-shadow:0 12px 32px rgba(4,43,91,.30)!important;
}

/* Keep the control visually inside the fullscreen mobile modal. */
@media(max-width:650px){
  body.detail-open .scroll-top-btn,
  .scroll-top-btn.is-modal-scroll{
    right:16px!important;
    bottom:16px!important;
  }
}

/* KamLetíme v7.3 — Paris content layer on the locked modal/guide visual system. */

/* KamLetíme v7.4 — Bari content layer on locked modal/guide system. */

/* KamLetíme v8.0 — batch of 15 destination content packages; locked visual system. */


/* =========================================================
   KamLetíme v8.1 — MULTI-SOURCE MEDIA POLICY
   ========================================================= */

/* Content cards never use the destination/provider hero as a silent fallback. */
.deep-food-image,
.deep-area-image,
.deep-trip-thumb,
.nightlife-area-image,
.guide-teaser-card__media,
.guide-food-card__image,
.result-card__media,
.featured-image,
.compare-hero,
.destination-hero{
  position:relative;
}

/* Branded neutral placeholder: visible only until a real, semantically matched image loads. */
.deep-food-image.media-placeholder:not(.has-initial-image),
.deep-area-image.media-placeholder:not(.has-initial-image),
.deep-trip-thumb.media-placeholder:not(.has-initial-image),
.nightlife-area-image.media-placeholder:not(.has-initial-image),
.guide-teaser-card__media.is-placeholder:not(.has-image),
.guide-food-card__image--empty.media-placeholder{
  background-color:#eef5fb!important;
  background-image:
    radial-gradient(circle at 18% 20%,rgba(255,75,108,.10),transparent 27%),
    radial-gradient(circle at 82% 72%,rgba(7,54,111,.10),transparent 34%)!important;
  background-size:cover!important;
}

.deep-food-image.media-placeholder:not(.has-initial-image)::before,
.deep-area-image.media-placeholder:not(.has-initial-image)::before,
.deep-trip-thumb.media-placeholder:not(.has-initial-image)::before,
.nightlife-area-image.media-placeholder:not(.has-initial-image)::before,
.guide-teaser-card__media.is-placeholder:not(.has-image)::before{
  content:"Foto doplňujeme";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  color:#7186a2;
  white-space:nowrap;
}

/* Small copyright/source control in the lower-right corner.
   Full source/author/license is shown only on hover/focus. */
.media-credit-badge{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  z-index:8!important;
  width:22px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(2,31,69,.72)!important;
  color:#fff!important;
  font:700 11px/1 Inter,system-ui,sans-serif!important;
  text-decoration:none!important;
  box-shadow:0 2px 8px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

.media-credit-badge>span{
  position:absolute;
  right:0;
  bottom:28px;
  width:max-content;
  max-width:260px;
  padding:7px 9px;
  border-radius:8px;
  background:rgba(2,31,69,.94);
  color:#fff;
  font:600 11px/1.3 Inter,system-ui,sans-serif;
  opacity:0;
  visibility:hidden;
  transform:translateY(4px);
  transition:.16s ease;
  pointer-events:none;
  white-space:normal;
  text-align:left;
}

.media-credit-badge:hover>span,
.media-credit-badge:focus-visible>span{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.guide-food-card__image .media-credit-badge{
  right:7px!important;
  bottom:7px!important;
}

@media (max-width:700px){
  .media-credit-badge{
    width:20px!important;
    height:20px!important;
    right:6px!important;
    bottom:6px!important;
  }
  .media-credit-badge>span{
    max-width:210px;
  }
}

/* KamLetíme v8.2 — Pexels production media enabled. */

/* KamLetíme v8.3 — media cache/API compatibility fix. */


/* KamLetíme v8.4 — exact-food media policy */
.media-credit-badge[data-provider="wikimedia-exact"],
.media-credit-badge[data-provider="openverse-exact"],
.media-credit-badge[data-provider="pexels-food-strict"]{
  opacity:.92;
}

/* KamLetíme v8.5 — strict metadata + per-section image de-duplication. */

/* KamLetíme v8.8 — fast media: no runtime Vision verification. */


/* =========================================================
   KamLetíme v8.9 — STATIC CURATED MEDIA + NAPLES FOOD PREMIUM
   Reference: approved Naples gastronomy visual.
   ========================================================= */
.naples-food-premium{
  position:relative;overflow:hidden;padding:42px 42px 30px!important;
  border-radius:30px!important;background:#fff!important;box-shadow:0 20px 55px rgba(7,54,111,.08)!important;
  isolation:isolate;
}
.naples-food-premium::before{
  content:"";position:absolute;z-index:-2;inset:0 0 auto 0;height:250px;
  background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 42%,rgba(255,255,255,.65) 70%,rgba(255,255,255,.08) 100%),var(--naples-food-bg);
  background-size:cover;background-position:center 43%;opacity:.92;
}
.naples-food-premium::after{content:"";position:absolute;z-index:-1;inset:160px 0 auto;height:120px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 88%)}
.naples-food-premium__heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:24px;min-height:115px}
.naples-food-premium__heading h2{font-size:38px!important;letter-spacing:-.035em;margin:3px 0 8px!important;color:#07366F}
.naples-food-premium__heading .section-intro-copy{max-width:670px!important;margin:0!important;color:#607b9c!important;font-size:14px!important}
.naples-food-premium__script{font-family:"Brush Script MT","Segoe Script",cursive;font-size:32px;line-height:.82;color:#07366F;transform:rotate(-5deg);margin:0 70px 0 0;text-align:center;font-weight:500;opacity:.96}
.naples-food-premium__script span{margin-left:34px;font-size:39px}.naples-food-premium__script i{display:block;width:65px;height:3px;background:linear-gradient(90deg,#159447 0 33%,#fff 33% 66%,#e53c4d 66%);margin:10px 0 0 75px;transform:rotate(-8deg);border-radius:4px}
.naples-food-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.naples-food-card{grid-column:span 2;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(7,54,111,.105);min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.naples-food-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(7,54,111,.14)}
.naples-food-card--wide{grid-column:span 3}.naples-food-cta{grid-column:span 3}
.naples-food-card__image{height:185px;background:#edf4fa center/cover no-repeat;position:relative;overflow:hidden}
.naples-food-card--wide .naples-food-card__image{height:165px}
.naples-food-card__image.media-placeholder::before{content:"Foto doplňujeme";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:800;font-size:12px;color:#7186A2}
.naples-food-badge{position:absolute;right:14px;top:14px;padding:8px 13px;border-radius:999px;color:#fff;font-size:10px;line-height:1;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.naples-food-badge--coral{background:#ff4b6c}.naples-food-badge--blue{background:#5b75ec}.naples-food-badge--green{background:#39b54a}.naples-food-badge--orange{background:#ff9b12}
.naples-food-card__body{padding:15px 18px 17px}.naples-food-card__body h3{font-size:20px!important;line-height:1.1;margin:0 0 5px!important;color:#07366F}.naples-food-card__body>p{font-size:13px;line-height:1.45;color:#607b9c;margin:0 0 12px}
.naples-food-card__where{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#526f91;border-top:1px solid #edf2f7;padding-top:10px}.naples-food-card__where b{color:#07366F}.naples-food-card__where a{white-space:nowrap;color:#1266f1;text-decoration:none;font-weight:850}.naples-food-card__where a:hover{text-decoration:underline}
.naples-food-tip{display:flex;align-items:center;gap:9px;border-radius:10px;padding:9px 10px;margin-top:11px;font-size:11px;line-height:1.3}.naples-food-tip span{font-size:17px}.naples-food-tip p{margin:0}.naples-food-tip--coral{background:#fff0f3;color:#355779}.naples-food-tip--blue{background:#eef4ff;color:#355779}.naples-food-tip--green{background:#eefaf0;color:#355779}.naples-food-tip--orange{background:#fff6e8;color:#355779}
.naples-food-cta{min-height:329px;border-radius:21px;overflow:hidden;position:relative;background-image:linear-gradient(90deg,#072f62 0%,rgba(7,47,98,.93) 50%,rgba(7,47,98,.16) 100%),var(--naples-food-bg);background-size:cover;background-position:center;box-shadow:0 14px 38px rgba(7,54,111,.14);color:#fff;padding:34px 36px;display:flex;align-items:center}.naples-food-cta__shade{position:absolute;inset:0;background:radial-gradient(circle at 85% 75%,rgba(255,255,255,.08),transparent 35%);pointer-events:none}.naples-food-cta__copy{position:relative;z-index:2;max-width:390px}.naples-food-cta__copy small{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900;color:#9db4cf}.naples-food-cta__copy h3{font-size:27px!important;line-height:1.2;margin:8px 0 13px!important;color:#fff!important}.naples-food-cta__copy p{font-size:13px;line-height:1.45;color:#e6eef7;margin:0 0 18px}.naples-food-cta__copy a{display:inline-flex;align-items:center;gap:18px;padding:12px 17px;border-radius:12px;background:#ff4b6c;color:#fff;text-decoration:none;font-weight:850;font-size:13px;box-shadow:0 8px 20px rgba(255,75,108,.28)}.naples-food-cta__script{position:absolute;right:30px;bottom:28px;z-index:2;font-family:"Brush Script MT","Segoe Script",cursive;font-size:23px;line-height:1.05;transform:rotate(-6deg);color:rgba(255,255,255,.82);text-align:center}
.naples-food-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:22px 6px 0}.naples-food-benefits>div{display:flex;align-items:center;justify-content:center;gap:13px}.naples-food-benefits>div>span{font-size:26px;color:#07366F;min-width:32px;text-align:center}.naples-food-benefits p{margin:0}.naples-food-benefits b,.naples-food-benefits small{display:block}.naples-food-benefits b{font-size:12px;color:#07366F}.naples-food-benefits small{font-size:10px;color:#7890ac;margin-top:2px}

/* Naples premium gastronomy inside destination modal */
.guide-food-gallery--premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.guide-food-card--premium{border-radius:20px!important;box-shadow:0 12px 34px rgba(7,54,111,.09)!important;overflow:hidden}.guide-food-card__image--premium{position:relative;aspect-ratio:16/8.8!important}.guide-food-card__image--premium img{width:100%;height:100%;object-fit:cover;display:block}.guide-food-badge{position:absolute;top:11px;right:11px;padding:7px 10px;border-radius:999px;color:#fff;font-size:9px;font-weight:900;line-height:1}.guide-food-badge--coral{background:#ff4b6c}.guide-food-badge--blue{background:#5b75ec}.guide-food-badge--green{background:#39b54a}.guide-food-badge--orange{background:#ff9b12}.guide-food-card--premium .guide-food-card__body{padding:14px 15px 15px}.guide-food-card--premium strong{font-size:16px!important}.guide-food-card--premium p{font-size:12px!important;line-height:1.45!important;margin:5px 0 10px!important}.guide-food-card__where{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-food-card__where small{margin:0!important;color:#7087a3!important}.guide-food-card__where a{font-size:10px;font-weight:850;color:#1266f1;text-decoration:none;white-space:nowrap}.guide-food-card__tip{margin-top:10px;border-radius:9px;padding:8px 9px;font-size:10px;color:#355779}.guide-food-card__tip--coral{background:#fff0f3}.guide-food-card__tip--blue{background:#eef4ff}.guide-food-card__tip--green{background:#eefaf0}.guide-food-card__tip--orange{background:#fff6e8}

@media(max-width:1150px){.naples-food-premium{padding:34px 28px 26px!important}.naples-food-premium__script{margin-right:20px}.naples-food-card{grid-column:span 3}.naples-food-card--wide,.naples-food-cta{grid-column:span 3}.naples-food-card__image{height:205px}}
@media(max-width:760px){.naples-food-premium{padding:27px 18px 22px!important;border-radius:22px!important}.naples-food-premium__heading{min-height:auto}.naples-food-premium__heading h2{font-size:30px!important}.naples-food-premium__script{display:none}.naples-food-grid{grid-template-columns:1fr}.naples-food-card,.naples-food-card--wide,.naples-food-cta{grid-column:auto}.naples-food-card__image,.naples-food-card--wide .naples-food-card__image{height:205px}.naples-food-cta{min-height:310px;padding:28px 24px}.naples-food-cta__script{font-size:19px;right:20px}.naples-food-benefits{grid-template-columns:1fr;gap:12px}.naples-food-benefits>div{justify-content:flex-start;padding-left:12px}.guide-food-gallery--premium{grid-template-columns:1fr}}

/* =========================================================
   KamLetíme MASTER 1.0 — locked visual system
   Stable v8.9 baseline + one consolidated final layer only.
   ========================================================= */
:root{
  --kl-navy:#07366F;
  --kl-text:#617995;
  --kl-muted:#7C91AA;
  --kl-coral:#FF4B6C;
  --kl-soft:#F5F9FD;
  --kl-soft-2:#EEF5FB;
  --kl-shadow-sm:0 8px 22px rgba(7,54,111,.05);
  --kl-shadow-md:0 14px 32px rgba(7,54,111,.07);
  --kl-shadow-hover:0 18px 40px rgba(7,54,111,.11);
}

/* ---------- shared ---------- */
.media-credit-badge{
  right:7px!important;bottom:7px!important;width:18px!important;height:18px!important;
  border:0!important;border-radius:50%!important;background:rgba(255,255,255,.88)!important;
  color:rgba(7,54,111,.66)!important;font:800 9px/1 Inter,system-ui,sans-serif!important;
  box-shadow:0 2px 7px rgba(7,54,111,.09)!important;backdrop-filter:blur(4px);
}
.media-credit-badge>span{right:-2px!important;bottom:24px!important;border-radius:10px!important;}

/* =========================================================
   MODAL
   ========================================================= */
.destination-modal .trip-hub-provider,
.destination-modal .trip-hub-guide{
  border:0!important;border-radius:28px!important;background:#FBFDFF!important;
  box-shadow:var(--kl-shadow-md)!important;
}
.destination-modal .trip-hub-provider::before,
.destination-modal .trip-hub-provider::after,
.destination-modal .trip-hub-guide::before,
.destination-modal .trip-hub-guide::after{content:none!important;display:none!important;}

/* hero helper labels */
.destination-modal .destination-hero__story{
  display:grid!important;grid-template-columns:repeat(2,minmax(260px,360px))!important;
  gap:12px!important;max-width:760px!important;margin:18px 0 0!important;
}
.destination-modal .destination-hero-bubble{
  display:flex!important;gap:13px!important;align-items:flex-start!important;min-height:0!important;
  padding:13px 14px!important;border:0!important;border-radius:20px!important;
  background:rgba(255,255,255,.90)!important;backdrop-filter:none!important;
  box-shadow:0 10px 25px rgba(3,24,53,.12)!important;
}
.destination-modal .destination-hero-bubble__icon{
  width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;
  background:#fff!important;color:#10386F!important;box-shadow:0 6px 14px rgba(7,54,111,.08)!important;
}
.destination-modal .destination-hero-bubble h3{margin:0 0 4px!important;color:#10386F!important;font-size:15px!important;line-height:1.2!important;}
.destination-modal .destination-hero-bubble p,
.destination-modal .destination-hero-bubble li{margin:0!important;color:#536F91!important;font-size:13px!important;line-height:1.45!important;}

/* guide heading + complete-guide callout */
.destination-modal .trip-hub-guide__head--with-note{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:24px!important;align-items:start!important;margin-bottom:18px!important;
}
.destination-modal .trip-hub-guide__title>span,
.destination-modal .trip-hub-provider__head>div>span,
.destination-modal .guide-section-title span{
  display:inline-block!important;width:auto!important;padding:0!important;margin:0 0 7px!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:#FF5D78!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.09em!important;
}
.destination-modal .trip-hub-guide__head h3,
.destination-modal .trip-hub-provider__head h3{color:var(--kl-navy)!important;}
.destination-modal .trip-hub-guide__note{
  display:flex!important;align-items:flex-start!important;gap:11px!important;padding:15px 16px!important;
  border:0!important;border-radius:17px!important;background:#F5F9FD!important;
  box-shadow:var(--kl-shadow-sm)!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease!important;
}
.destination-modal .trip-hub-guide__note:hover{transform:translateY(-2px)!important;box-shadow:var(--kl-shadow-md)!important;}
.destination-modal .trip-hub-guide__note-icon{
  width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;
  background:#fff!important;color:var(--kl-navy)!important;box-shadow:0 6px 14px rgba(7,54,111,.06)!important;
}
.destination-modal .trip-hub-guide__note p{margin:1px 0 0!important;color:#64809F!important;font-size:13px!important;line-height:1.5!important;}

/* quick facts */
.destination-modal .trip-hub-guide__quick{
  display:grid!important;grid-template-columns:minmax(210px,.7fr) minmax(360px,1.15fr) minmax(390px,1.2fr)!important;
  gap:16px!important;margin:16px 0 18px!important;
}
.destination-modal .trip-hub-guide__quick article.quick-fact{
  position:relative!important;overflow:hidden!important;min-height:124px!important;padding:18px 20px!important;
  border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--kl-shadow-sm)!important;
}
.destination-modal .trip-hub-guide__quick article.quick-fact::before,
.destination-modal .trip-hub-guide__quick article.quick-fact::after{content:none!important;display:none!important;}
.destination-modal .quick-fact>small{
  display:inline-flex!important;width:max-content!important;margin:0 0 12px!important;padding:7px 10px!important;
  border:0!important;border-radius:999px!important;background:#F2F7FB!important;color:#607B98!important;
  box-shadow:none!important;font-size:10px!important;font-weight:800!important;
}
.destination-modal .quick-fact--duration strong{font-size:34px!important;line-height:1!important;color:var(--kl-navy)!important;}
.destination-modal .quick-route{display:grid!important;grid-template-columns:auto minmax(180px,1fr) auto!important;gap:12px!important;align-items:center!important;}
.destination-modal .quick-route__node{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 12px!important;
  border:0!important;border-radius:12px!important;background:#EEF5FB!important;color:var(--kl-navy)!important;font-size:11px!important;font-weight:900!important;
}
.destination-modal .quick-route__line{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:44px!important;text-align:center!important;}
.destination-modal .quick-route__line::before{
  content:''!important;position:absolute!important;left:0!important;right:0!important;top:50%!important;height:1px!important;
  background:linear-gradient(90deg,#C9D9E9 0 37%,transparent 37% 63%,#C9D9E9 63% 100%)!important;
}
.destination-modal .quick-route__line::after{content:'→'!important;position:absolute!important;right:-2px!important;top:50%!important;transform:translateY(-54%)!important;color:#8299B2!important;background:transparent!important;font-size:13px!important;}
.destination-modal .quick-route__line b,
.destination-modal .quick-route__line small{position:relative!important;z-index:1!important;background:#fff!important;padding:0 7px!important;}
.destination-modal .quick-route__line b{font-size:12px!important;color:var(--kl-navy)!important;}
.destination-modal .quick-route__line small{margin-top:2px!important;font-size:10px!important;color:#8194AD!important;}
.destination-modal .quick-months{display:grid!important;grid-template-columns:repeat(12,minmax(25px,1fr))!important;gap:4px!important;}
.destination-modal .quick-months span{min-height:32px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;background:#F3F7FB!important;color:#9AADBF!important;font-size:9px!important;font-weight:800!important;box-shadow:none!important;}
.destination-modal .quick-months span.is-best{background:#FFF1F4!important;color:#BE3150!important;}

/* teaser cards */
.destination-modal .guide-teaser-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:18px 0!important;}
.destination-modal .guide-teaser-card{
  min-width:0!important;padding:0 0 16px!important;border:0!important;border-radius:23px!important;
  background:#fff!important;overflow:hidden!important;box-shadow:var(--kl-shadow-md)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.destination-modal .guide-teaser-card:hover{transform:translateY(-2px)!important;box-shadow:var(--kl-shadow-hover)!important;}
.destination-modal .guide-teaser-card__media,
.destination-modal .guide-teaser-card--practical .guide-teaser-card__media{
  display:block!important;width:100%!important;height:145px!important;min-height:145px!important;margin:0 0 14px!important;
  border:0!important;border-radius:23px 23px 0 0!important;background-position:center!important;background-size:cover!important;
}
.destination-modal .guide-teaser-card__top,
.destination-modal .guide-teaser-list,
.destination-modal .guide-practical-list{padding-left:16px!important;padding-right:16px!important;}
.destination-modal .guide-teaser-card__top{margin:0 0 9px!important;}
.destination-modal .guide-teaser-card__top h4{margin:0!important;color:var(--kl-navy)!important;font-size:18px!important;}
.destination-modal .guide-teaser-list,
.destination-modal .guide-practical-list{display:grid!important;gap:8px!important;}
.destination-modal .guide-teaser-list__item,
.destination-modal .guide-practical-row{margin:0!important;padding:10px 11px!important;border:0!important;border-radius:14px!important;background:#F7FAFD!important;box-shadow:none!important;}
.destination-modal .guide-teaser-list__item strong{display:block!important;margin:0 0 3px!important;color:var(--kl-navy)!important;font-size:14px!important;}
.destination-modal .guide-teaser-list__item span,
.destination-modal .guide-practical-row p{margin:0!important;color:#6983A0!important;font-size:12px!important;line-height:1.42!important;}
.destination-modal .guide-practical-row{display:grid!important;grid-template-columns:34px 1fr!important;gap:10px!important;align-items:start!important;}
.destination-modal .guide-practical-row__icon{width:34px!important;height:34px!important;border:0!important;border-radius:10px!important;background:#fff!important;box-shadow:0 5px 12px rgba(7,54,111,.05)!important;}

/* modal map */
.destination-modal .guide-map-section{margin-top:20px!important;padding-top:0!important;border-top:0!important;}
.destination-modal .guide-map-section::before,.destination-modal .guide-map-section::after{content:none!important;display:none!important;}
.destination-modal .guide-section-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 13px!important;padding:0!important;border:0!important;}
.destination-modal .guide-section-title h4{margin:0!important;color:var(--kl-navy)!important;font-size:22px!important;line-height:1.15!important;}
.destination-modal .guide-section-title>small{color:#93A5B9!important;font-size:10px!important;}
.destination-modal .guide-map{border:0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:var(--kl-shadow-sm)!important;}
.destination-modal .guide-poi-list{background:#F7FAFD!important;border:0!important;border-radius:20px!important;padding:10px!important;}
.destination-modal .guide-poi{border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 16px rgba(7,54,111,.04)!important;}

/* modal gastronomy — Naples uses a dedicated 4-card row on desktop */
.destination-modal .guide-food-section{
  margin-top:20px!important;padding:0!important;border:0!important;border-top:0!important;background:transparent!important;box-shadow:none!important;
}
.destination-modal .guide-food-section::before,
.destination-modal .guide-food-section::after,
.destination-modal .guide-food-section .guide-section-title::before,
.destination-modal .guide-food-section .guide-section-title::after{content:none!important;display:none!important;}
.destination-modal .guide-food-section .guide-section-title{display:block!important;margin:0 0 14px!important;padding:0!important;border:0!important;}
.destination-modal .guide-food-section .guide-section-title span{
  display:inline-block!important;margin:0 0 6px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:#FF5D78!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.09em!important;
}
.destination-modal .guide-food-section .guide-section-title small{display:none!important;}
.destination-modal .guide-food-section .guide-section-title h4{margin:0!important;color:var(--kl-navy)!important;font-size:22px!important;line-height:1.15!important;}
.destination-modal .guide-food-gallery--premium{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}
.destination-modal .guide-food-gallery--premium-four{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.destination-modal .guide-food-card--premium{
  display:flex!important;flex-direction:column!important;height:100%!important;border:0!important;border-radius:20px!important;overflow:hidden!important;
  background:#fff!important;box-shadow:var(--kl-shadow-md)!important;transition:transform .18s ease,box-shadow .18s ease!important;
}
.destination-modal .guide-food-card--premium:hover{transform:translateY(-2px)!important;box-shadow:var(--kl-shadow-hover)!important;}
.destination-modal .guide-food-card__image--premium{position:relative!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;}
.destination-modal .guide-food-card__image--premium img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;}
.destination-modal .guide-food-card__body{display:flex!important;flex-direction:column!important;gap:6px!important;flex:1 1 auto!important;padding:13px 15px 14px!important;}
.destination-modal .guide-food-card__body strong{margin:0!important;color:var(--kl-navy)!important;font-size:16px!important;line-height:1.2!important;}
.destination-modal .guide-food-card__body p{margin:0!important;min-height:0!important;color:#68819E!important;font-size:12px!important;line-height:1.45!important;}
.destination-modal .guide-food-card__where--simple{display:block!important;margin-top:auto!important;padding:2px 0 0!important;border:0!important;}
.destination-modal .guide-food-card__where--simple small{margin:0!important;color:#7188A3!important;font-size:11px!important;line-height:1.35!important;}
.destination-modal .guide-food-card__where a,
.destination-modal .guide-food-card__tip{display:none!important;}
.destination-modal .guide-food-badge{box-shadow:none!important;}

/* =========================================================
   COMPLETE GUIDE — MASTER CARD LANGUAGE
   ========================================================= */
.destination-page .destination-section-label{
  display:inline-block!important;width:auto!important;padding:0!important;margin:0 0 7px!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;color:#FF5D78!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.09em!important;
}
.destination-page .destination-article>section{
  border:0!important;background:#fff!important;box-shadow:0 12px 30px rgba(7,54,111,.055)!important;
}

/* all visual cards */
.destination-page .deep-food-card,
.destination-page .deep-area-card,
.destination-page .nightlife-area-card,
.destination-page .deep-trip,
.destination-page .transport-card,
.destination-page .travel-service-card,
.destination-page .nightlife-venue{
  border:0!important;background:#fff!important;box-shadow:var(--kl-shadow-md)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.destination-page .deep-food-card:hover,
.destination-page .deep-area-card:hover,
.destination-page .nightlife-area-card:hover,
.destination-page .deep-trip:hover,
.destination-page .transport-card:hover,
.destination-page .travel-service-card:hover,
.destination-page .nightlife-venue:hover{
  transform:translateY(-2px)!important;box-shadow:var(--kl-shadow-hover)!important;
}
.destination-page .deep-food-card,
.destination-page .deep-area-card,
.destination-page .nightlife-area-card,
.destination-page .travel-service-card{border-radius:22px!important;overflow:hidden!important;}
.destination-page .deep-food-image,
.destination-page .deep-area-image,
.destination-page .nightlife-area-image{border-radius:22px 22px 0 0!important;}
.destination-page .deep-food-body,
.destination-page .deep-area-body,
.destination-page .nightlife-area-card>div:last-child{padding:16px!important;}
.destination-page .deep-area-body>span,
.destination-page .nightlife-area-card span,
.destination-page .travel-service-card__icon{
  display:inline-flex!important;width:max-content!important;padding:6px 10px!important;border:0!important;border-radius:999px!important;
  background:#FFF1F4!important;color:#FF4B6C!important;box-shadow:none!important;font-weight:900!important;
}
.destination-page .deep-area-body>a,
.destination-page .nightlife-map-link{
  display:inline-flex!important;padding:9px 11px!important;border:0!important;border-radius:11px!important;background:#EEF5FB!important;color:#07366F!important;text-decoration:none!important;font-weight:850!important;
}

/* day trips: image fills entire left side of header */
.destination-page .deep-trips{gap:14px!important;}
.destination-page .deep-trips--visual .deep-trip{border-radius:22px!important;overflow:hidden!important;}
.destination-page .deep-trips--visual .deep-trip summary{
  display:grid!important;grid-template-columns:190px minmax(0,1fr) auto!important;gap:0!important;padding:0!important;align-items:stretch!important;min-height:132px!important;
}
.destination-page .deep-trip-thumb{
  height:100%!important;min-height:132px!important;border-radius:22px 0 0 22px!important;background-position:center!important;background-size:cover!important;overflow:hidden!important;
}
.destination-page .deep-trip-summary-copy{align-self:center!important;padding:18px!important;}
.destination-page .deep-trip-summary-copy h3{margin:5px 0 3px!important;font-size:20px!important;color:#07366F!important;}
.destination-page .deep-trip summary>b{
  align-self:center!important;margin:0 18px 0 8px!important;padding:9px 12px!important;border:0!important;border-radius:999px!important;background:#EEF5FB!important;color:#476886!important;box-shadow:none!important;
}
.destination-page .deep-trip__content{padding:0 18px 18px!important;}

/* practical tips: restore checkmark cards */
.destination-page #prakticky .destination-tips{
  list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important;
}
.destination-page #prakticky .destination-tips li{
  position:relative!important;display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:14px 16px!important;
  border:0!important;border-radius:17px!important;background:#fff!important;color:#607B98!important;box-shadow:var(--kl-shadow-sm)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.destination-page #prakticky .destination-tips li:hover{transform:translateY(-1px)!important;box-shadow:var(--kl-shadow-md)!important;}
.destination-page #prakticky .destination-tips li::before{
  content:'✓'!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;
  border-radius:10px!important;background:#EEF5FB!important;color:#07366F!important;font-weight:900!important;box-shadow:none!important;
}

/* travel services */
.destination-page .travel-service-card{padding:20px!important;min-height:210px!important;}
.destination-page .travel-service-card::before{content:none!important;display:none!important;}

/* nightlife venues */
.destination-page .nightlife-venue{border-radius:15px!important;padding:12px!important;background:#fff!important;}

/* retain clean maps */
.destination-page .nightlife-map,
.destination-page .destination-full-map{border:0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:var(--kl-shadow-sm)!important;}

/* ---------- responsive ---------- */
@media(max-width:1400px){
  .destination-modal .guide-food-gallery--premium-four{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1150px){
  .destination-modal .trip-hub-guide__quick{grid-template-columns:1fr 1fr!important;}
  .destination-modal .quick-fact--season{grid-column:1/-1!important;}
  .destination-modal .trip-hub-guide__head--with-note{grid-template-columns:1fr!important;}
}
@media(max-width:900px){
  .destination-modal .guide-food-gallery--premium,
  .destination-modal .guide-food-gallery--premium-four{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:700px){
  .destination-modal .destination-hero__story{grid-template-columns:1fr!important;}
  .destination-modal .trip-hub-guide__quick{grid-template-columns:1fr!important;}
  .destination-modal .quick-fact--season{grid-column:auto!important;}
  .destination-modal .quick-months{grid-template-columns:repeat(6,1fr)!important;}
  .destination-modal .guide-teaser-grid{grid-template-columns:1fr!important;}
  .destination-modal .guide-food-gallery--premium,
  .destination-modal .guide-food-gallery--premium-four{grid-template-columns:1fr!important;}
  .destination-page .deep-trips--visual .deep-trip summary{grid-template-columns:1fr!important;padding-bottom:14px!important;}
  .destination-page .deep-trip-thumb{min-height:160px!important;border-radius:22px 22px 0 0!important;}
  .destination-page .deep-trip summary>b{justify-self:start!important;margin:0 0 0 18px!important;}
}

/* =========================================================
   KamLetíme MASTER 8 — FINAL LOCK
   One override layer only. Responsive modal grids + calm cards + robust trip-time bubbles.
   ========================================================= */
:root{
  --kl-shadow-sm:0 5px 14px rgba(7,54,111,.035);
  --kl-shadow-md:0 7px 18px rgba(7,54,111,.045);
  --kl-shadow-hover:0 9px 20px rgba(7,54,111,.055);
}

/* Keep guide-card hover effects restrained; no overlapping shadows. */
.destination-modal .guide-teaser-card,
.destination-modal .guide-food-card,
.destination-page .deep-food-card,
.destination-page .deep-area-card,
.destination-page .nightlife-area-card,
.destination-page .deep-trip,
.destination-page .transport-card,
.destination-page .travel-service-card,
.destination-page .nightlife-venue{
  box-shadow:var(--kl-shadow-md)!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
.destination-modal .guide-teaser-card:hover,
.destination-modal .guide-food-card:hover,
.destination-page .deep-food-card:hover,
.destination-page .deep-area-card:hover,
.destination-page .nightlife-area-card:hover,
.destination-page .deep-trip:hover,
.destination-page .transport-card:hover,
.destination-page .travel-service-card:hover,
.destination-page .nightlife-venue:hover{
  transform:translateY(-1px)!important;
  box-shadow:var(--kl-shadow-hover)!important;
}

/* MODAL — first-look cards: 4 on Full HD, 3 on common desktop, 2 tablet. */
.destination-modal .guide-teaser-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:18px 0!important;
}
.destination-modal .guide-teaser-card{
  min-width:0!important;
}
@media(min-width:1500px){
  .destination-modal .guide-teaser-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:1050px){
  .destination-modal .guide-teaser-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .destination-modal .guide-teaser-grid{
    grid-template-columns:1fr!important;
  }
}

/* MODAL FOOD — same generic/Rome structure for Naples, 4 cards on Full HD. */
.destination-modal .guide-food-section{
  margin-top:20px!important;
  padding:0!important;
  border:0!important;
  border-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.destination-modal .guide-food-section::before,
.destination-modal .guide-food-section::after,
.destination-modal .guide-food-section .guide-section-title::before,
.destination-modal .guide-food-section .guide-section-title::after{
  content:none!important;
  display:none!important;
}
.destination-modal .guide-food-section .guide-section-title{
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
}
.destination-modal .guide-food-section .guide-section-title span{
  display:inline-block!important;
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#FF5D78!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
}
.destination-modal .guide-food-section .guide-section-title small{display:none!important;}
.destination-modal .guide-food-section .guide-section-title h4{
  margin:0!important;
  color:#07366F!important;
  font-size:22px!important;
  line-height:1.15!important;
}
.destination-modal #destinationFoodGallery.guide-food-gallery{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
@media(min-width:1500px){
  .destination-modal #destinationFoodGallery.guide-food-gallery{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:1000px){
  .destination-modal #destinationFoodGallery.guide-food-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  .destination-modal #destinationFoodGallery.guide-food-gallery{
    grid-template-columns:1fr!important;
  }
}
.destination-modal #destinationFoodGallery .guide-food-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.destination-modal #destinationFoodGallery .guide-food-card > .guide-food-card__image{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9.4!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#EEF5FB!important;
}
.destination-modal #destinationFoodGallery .guide-food-card > .guide-food-card__image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.destination-modal #destinationFoodGallery .guide-food-card > div:not(.guide-food-card__image){
  flex:1 1 auto!important;
  padding:12px 14px 14px!important;
}

/* COMPLETE GUIDE — trip times. Supports BOTH current trip-flow markup and legacy trip-timeline. */
.destination-page .trip-flow,
.destination-page .trip-timeline{
  list-style:none!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  margin:20px 0 18px!important;
  padding:0!important;
  align-items:stretch!important;
}
.destination-page .trip-flow > .trip-flow__step,
.destination-page .trip-timeline > div{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  min-height:74px!important;
  margin:0!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:15px!important;
  background:#EEF5FB!important;
  box-shadow:0 4px 12px rgba(7,54,111,.035)!important;
}
.destination-page .trip-flow > .trip-flow__step time,
.destination-page .trip-timeline > div time{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:27px!important;
  margin:0!important;
  padding:6px 10px!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#FF4B6C!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}
.destination-page .trip-flow > .trip-flow__step span,
.destination-page .trip-timeline > div span{
  display:block!important;
  margin:0!important;
  color:#476886!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.destination-page .trip-flow > .trip-flow__step:not(:last-child)::after,
.destination-page .trip-timeline > div:not(:last-child)::after{
  content:'→'!important;
  position:absolute!important;
  top:50%!important;
  right:-11px!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#8196AC!important;
  box-shadow:0 3px 8px rgba(7,54,111,.05)!important;
  font-size:10px!important;
  font-weight:900!important;
}
@media(max-width:1100px){
  .destination-page .trip-flow,
  .destination-page .trip-timeline{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .destination-page .trip-flow > .trip-flow__step::after,
  .destination-page .trip-timeline > div::after{display:none!important;}
}
@media(max-width:760px){
  .destination-page .trip-flow,
  .destination-page .trip-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  .destination-page .trip-flow,
  .destination-page .trip-timeline{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   KamLetíme MASTER 10 — final hover/shadow cleanup
   One calm hover system for modal + complete guide cards.
   ========================================================= */
:root{
  --kl-shadow-sm:0 3px 10px rgba(7,54,111,.020);
  --kl-shadow-md:0 4px 14px rgba(7,54,111,.026);
  --kl-shadow-hover:0 7px 18px rgba(7,54,111,.034);
}

/* Base card shadows: soft enough not to bleed into neighbouring cards. */
.destination-modal .guide-teaser-card,
.destination-modal .guide-food-card,
.destination-modal .guide-poi,
.destination-modal .guide-practical-row,
.destination-modal .trip-hub-card,
.destination-modal .trip-hub-card--clickable,
.destination-modal .trip-hub-guide__note,
.destination-modal .quick-fact,
.destination-page .deep-food-card,
.destination-page .deep-area-card,
.destination-page .nightlife-area-card,
.destination-page .deep-trip,
.destination-page .transport-card,
.destination-page .travel-service-card,
.destination-page .nightlife-venue,
.destination-page .destination-poi-card,
.destination-page .itinerary-stop,
.destination-page #prakticky .destination-tips li{
  box-shadow:0 4px 14px 0px rgb(7 54 111 / 9%)!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}

/* Hover: keep the requested 2px lift, but only a very small shadow change. */
.destination-modal .guide-teaser-card:hover,
.destination-modal .guide-food-card:hover,
.destination-modal .guide-poi:hover,
.destination-modal .guide-practical-row:hover,
.destination-modal .trip-hub-card:hover,
.destination-modal .trip-hub-card--clickable:hover,
.destination-modal .trip-hub-guide__note:hover,
.destination-page .deep-food-card:hover,
.destination-page .deep-area-card:hover,
.destination-page .nightlife-area-card:hover,
.destination-page .deep-trip:hover,
.destination-page .transport-card:hover,
.destination-page .travel-service-card:hover,
.destination-page .nightlife-venue:hover,
.destination-page .destination-poi-card:hover,
.destination-page .itinerary-stop:hover,
.destination-page #prakticky .destination-tips li:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 5px 15px 0px rgb(7 54 111 / 10%)!important;
}

/* Static/active states must not jump to legacy heavy shadows. */
.destination-modal .guide-poi.is-active,
.destination-page .destination-poi-card.is-active{
  box-shadow:0 5px 15px rgba(7,54,111,.032)!important;
}

/* Timeline stays as in MASTER 9: bubbles, no arrows, just a very soft resting shadow. */
.destination-page .trip-flow,
.destination-page .trip-timeline{
  gap:14px!important;
}
.destination-page .trip-flow > .trip-flow__step,
.destination-page .trip-timeline > div{
  box-shadow:0 3px 10px rgba(7,54,111,.022)!important;
}
.destination-page .trip-flow > .trip-flow__step:not(:last-child)::after,
.destination-page .trip-timeline > div:not(:last-child)::after{
  content:none!important;
  display:none!important;
}
.destination-page .trip-flow > .trip-flow__step span,
.destination-page .trip-timeline > div span{
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
.destination-page .trip-flow > .trip-flow__step time,
.destination-page .trip-timeline > div time{
  font-size:11.5px!important;
}


/* =========================================================
   KamLetíme MASTER 11 — button hover system
   Restores clear interaction feedback without reintroducing heavy card shadows.
   ========================================================= */

/* shared motion for button-like controls */
.header-cta,
.btn-primary,
.btn-ghost,
.featured-cta,
.package-cta,
.newsletter button,
.global-search-form button,
.destination-search button,
.destination-search-chips button,
.section-map-toggle,
.route-btn,
.detail-back,
.detail-close,
.destination-nav,
.reset-search,
.icon-btn,
.discover-submit,
.destination-more-btn,
.trip-hub-guide__full,
.trip-hub-card__cta,
.seo-primary-cta,
.seo-side-cta,
.destination-guide-cta-top a,
.destination-side-cta,
.transport-actions a,
.trip-link-row a,
.deep-area-body>a,
.nightlife-map-link,
.food-map-link,
.affiliate-cta,
.scroll-top-btn{
  transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

/* primary navy buttons */
.header-cta:hover,
.btn-primary:hover,
.global-search-form button:hover,
.destination-search button:hover,
.section-map-toggle:hover,
.route-btn:not(.route-gpx):hover,
.trip-hub-card__cta:hover,
.destination-guide-cta-top a:hover,
.seo-primary-cta:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.045)!important;
  box-shadow:0 6px 15px rgba(7,54,111,.12)!important;
}

/* coral / conversion CTAs */
.featured-cta:hover,
.package-cta:hover,
.newsletter button:hover,
.destination-more-btn:hover,
.trip-hub-guide__full:hover,
.destination-side-cta:hover,
.seo-side-cta:hover,
.affiliate-cta:hover{
  transform:translateY(-1px)!important;
  filter:brightness(.985)!important;
  box-shadow:0 7px 16px rgba(255,75,108,.16)!important;
}

/* soft / secondary buttons */
.btn-ghost:hover,
.route-gpx:hover,
.destination-search-chips button:hover,
.transport-actions a:not(.affiliate-cta):hover,
.trip-link-row a:not(.affiliate-cta):hover,
.deep-area-body>a:hover,
.nightlife-map-link:hover,
.food-map-link:hover{
  transform:translateY(-1px)!important;
  background:#E3EEF8!important;
  color:#07366F!important;
  box-shadow:0 4px 10px rgba(7,54,111,.045)!important;
  text-decoration:none!important;
}

/* icon / navigation controls */
.detail-back:hover,
.detail-close:hover,
.destination-nav:hover,
.icon-btn:hover,
.scroll-top-btn:hover{
  transform:translateY(-1px) scale(1.025)!important;
  box-shadow:0 5px 13px rgba(7,54,111,.10)!important;
}

/* search/reset actions should react, but stay quiet */
.reset-search:hover,
.discover-submit:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 4px 10px rgba(7,54,111,.07)!important;
}

/* keyboard users get the same visual cue */
.header-cta:focus-visible,
.btn-primary:focus-visible,
.btn-ghost:focus-visible,
.featured-cta:focus-visible,
.package-cta:focus-visible,
.destination-more-btn:focus-visible,
.trip-hub-card__cta:focus-visible,
.destination-side-cta:focus-visible,
.section-map-toggle:focus-visible,
.route-btn:focus-visible,
.detail-back:focus-visible,
.detail-close:focus-visible,
.destination-nav:focus-visible{
  outline:2px solid rgba(18,102,241,.38)!important;
  outline-offset:3px!important;
}


/* =========================================================
   KamLetíme MASTER 12 — definitive button hover states
   Card hover shadows from MASTER 10/11 remain untouched.
   ========================================================= */

/* Modal: final complete-guide CTA must visibly react */
.destination-modal .destination-more-btn{
  transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.destination-modal .destination-more-btn:hover{
  transform:translateY(-2px)!important;
  background:#ff3f64!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(255,75,108,.18)!important;
  filter:none!important;
}
.destination-modal .destination-more-btn:hover .kl-icon{
  transform:translateX(2px)!important;
}
.destination-modal .destination-more-btn .kl-icon{
  transition:transform .16s ease!important;
}

/* Complete guide: unified interactive buttons/links */
.destination-page .route-btn,
.destination-page .transport-actions a,
.destination-page .trip-link-row a,
.destination-page .deep-area-body>a,
.destination-page .nightlife-map-link,
.destination-page .food-map-link,
.destination-page .travel-service-card a,
.destination-page .destination-side-cta,
.destination-page .section-map-toggle,
.destination-page .map-poi-popup__actions a{
  transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

/* Primary navy actions */
.destination-page .route-btn:not(.route-gpx):hover,
.destination-page .travel-service-card a:hover,
.destination-page .map-poi-popup__actions a:hover{
  transform:translateY(-2px)!important;
  background:#0a477f!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(7,54,111,.11)!important;
  filter:none!important;
  text-decoration:none!important;
}

/* Soft secondary actions */
.destination-page .route-gpx:hover,
.destination-page .transport-actions a:not(.affiliate-cta):hover,
.destination-page .trip-link-row a:not(.affiliate-cta):hover,
.destination-page .deep-area-body>a:hover,
.destination-page .nightlife-map-link:hover,
.destination-page .food-map-link:hover,
.destination-page .section-map-toggle:hover{
  transform:translateY(-2px)!important;
  background:#dfeaf5!important;
  color:#07366f!important;
  box-shadow:0 5px 12px rgba(7,54,111,.055)!important;
  filter:none!important;
  text-decoration:none!important;
}

/* Coral conversion actions */
.destination-page .affiliate-cta:hover,
.destination-page .destination-side-cta:hover{
  transform:translateY(-2px)!important;
  background:#ff3f64!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(255,75,108,.16)!important;
  filter:none!important;
  text-decoration:none!important;
}

/* Sticky guide navigation links are interactive too */
.destination-page .destination-sticky>a:not(.destination-side-cta){
  transition:color .14s ease,transform .14s ease,background-color .14s ease!important;
  border-radius:8px!important;
  padding:4px 6px!important;
  margin-left:-6px!important;
}
.destination-page .destination-sticky>a:not(.destination-side-cta):hover{
  color:#07366f!important;
  background:#eef5fb!important;
  transform:translateX(2px)!important;
  text-decoration:none!important;
}

/* Keyboard focus mirrors hover without oversized shadows */
.destination-modal .destination-more-btn:focus-visible,
.destination-page .route-btn:focus-visible,
.destination-page .transport-actions a:focus-visible,
.destination-page .trip-link-row a:focus-visible,
.destination-page .deep-area-body>a:focus-visible,
.destination-page .nightlife-map-link:focus-visible,
.destination-page .food-map-link:focus-visible,
.destination-page .travel-service-card a:focus-visible,
.destination-page .destination-side-cta:focus-visible{
  outline:2px solid rgba(18,102,241,.35)!important;
  outline-offset:2px!important;
}


/* =========================================================
   KamLetíme MASTER 13 — final micro polish
   ========================================================= */

/* Day-trip timeline: one rounded bubble per stop. No nested white time pill. */
.destination-page .trip-flow,
.destination-page .trip-timeline{
  gap:12px!important;
}
.destination-page .trip-flow__step,
.destination-page .trip-timeline>div,
.destination-page .trip-timeline__step{
  background:#F5F9FD!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  box-shadow:0 4px 12px rgba(7,54,111,.028)!important;
}
.destination-page .trip-flow__step time,
.destination-page .trip-timeline>div time,
.destination-page .trip-timeline__step time{
  display:block!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 6px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#FF4B6C!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
.destination-page .trip-flow__step span,
.destination-page .trip-timeline>div span,
.destination-page .trip-timeline__step span{
  display:block!important;
  color:#476886!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

/* Side navigation: larger labels, text-only hover, no background highlight. */
.destination-page .destination-sticky{
  gap:12px!important;
}
.destination-page .destination-sticky>strong{
  font-size:18px!important;
  line-height:1.2!important;
}
.destination-page .destination-sticky>a:not(.destination-side-cta){
  font-size:14.5px!important;
  line-height:1.25!important;
  padding:2px 0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:color .16s ease,transform .16s ease!important;
}
.destination-page .destination-sticky>a:not(.destination-side-cta):hover,
.destination-page .destination-sticky>a:not(.destination-side-cta):focus-visible{
  background:transparent!important;
  color:#07366F!important;
  transform:translateX(2px)!important;
  box-shadow:none!important;
}


/* =========================================================
   KamLetíme MASTER 14 — final header CTA + timeline lock
   ========================================================= */

/* Header CTA hover states — explicit selectors for the complete-guide hero. */
.destination-page .destination-hero-actions .destination-primary,
.destination-page .destination-hero-actions .destination-secondary{
  transition:transform .16s ease, background-color .16s ease, box-shadow .16s ease, color .16s ease!important;
}
.destination-page .destination-hero-actions .destination-primary:hover{
  transform:translateY(-2px)!important;
  background:#F33F62!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(255,75,108,.16)!important;
}
.destination-page .destination-hero-actions .destination-secondary:hover{
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(2,31,69,.12)!important;
}
.destination-page .destination-hero-actions .destination-primary:focus-visible,
.destination-page .destination-hero-actions .destination-secondary:focus-visible{
  outline:2px solid rgba(255,255,255,.75)!important;
  outline-offset:3px!important;
}

/* Timeline: time is plain coral text inside one unified bubble. */
.destination-page .trip-flow > .trip-flow__step{
  background:#F5F9FD!important;
  border-radius:16px!important;
  padding:13px 14px!important;
  box-shadow:0 4px 12px rgba(7,54,111,.028)!important;
}
.destination-page .trip-flow > .trip-flow__step .trip-flow__time{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:#FF4B6C!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
.destination-page .trip-flow > .trip-flow__step span{
  font-size:13.5px!important;
  font-weight:700!important;
  color:#476886!important;
  line-height:1.3!important;
}


/* =========================================================
   KamLetíme MASTER 18 — resilient transport cards
   Prevent long verified fares/names from colliding or escaping cards.
   ========================================================= */
.destination-page .transport-options{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.destination-page .transport-card{
  min-width:0!important;
  height:100%!important;
  padding:20px!important;
}
.destination-page .transport-card__top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  align-items:start!important;
}
.destination-page .transport-card__top h3{
  min-width:0!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.22!important;
  overflow-wrap:anywhere!important;
}
.destination-page .transport-card__price,
.destination-page .transport-card__top strong{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  color:#FF4B6C!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:850!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.destination-page .transport-meta{
  margin:12px 0 10px!important;
}
.destination-page .transport-meta span{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
@media (max-width:820px){
  .destination-page .transport-options{
    grid-template-columns:1fr!important;
  }
}

/* MASTER 28 — modal food placeholder must stay visually centered. */
.destination-modal #destinationFoodGallery .guide-food-card > .guide-food-card__image--empty.media-placeholder{
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
}
.destination-modal #destinationFoodGallery .guide-food-card > .guide-food-card__image--empty.media-placeholder .kl-icon{
  display:block!important;
  margin:0!important;
}


/* =========================================================
   MASTER47 — full-width homepage discovery area
   Search + quick mood chips use the whole hero container.
   Typography keeps its original readable line length.
   ========================================================= */

.hero__copy{
  max-width:none;
  width:100%;
}

.hero__copy > h1,
.hero__copy > p{
  max-width:760px;
}

.discover-box{
  width:100%;
  max-width:none;
  grid-template-columns:minmax(0,1fr) 220px;
}

.discover-moods{
  width:100%;
  max-width:none;
}

/* Filters stay compact, while the search/mood area can breathe. */
.discover-filters{
  max-width:100%;
}

@media (max-width:860px){
  .discover-box{
    grid-template-columns:1fr;
  }
  .discover-submit{
    min-height:58px;
  }
}


/* =========================================================
   MASTER48 — homepage quick tags: full width + all visible
   The previous "single-row" rule forced horizontal scrolling,
   so the last quick choices could sit outside the visible hero.
   Keep every quick choice visible and let the row wrap naturally.
   ========================================================= */

@media (min-width: 861px){
  .hero__copy{
    width:100%!important;
    max-width:none!important;
  }

  .discover-box{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
  }

  .discover-moods,
  .discover-moods--single-row{
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:10px!important;
    padding:2px 0 8px!important;
  }

  .discover-moods--single-row .mood-chip{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  /* Enough vertical room if the quick choices need a second line
     on a narrower desktop/notebook. */
  .hero{
    min-height:840px!important;
  }
}

/* Medium desktop/notebook: two clean rows instead of a hidden horizontal strip. */
@media (min-width: 861px) and (max-width: 1220px){
  .hero{
    min-height:900px!important;
  }

  .discover-moods,
  .discover-moods--single-row{
    max-width:100%!important;
  }
}

/* Mobile/tablet: chips stay visible and wrap; no sideways hunt for options. */
@media (max-width: 860px){
  .discover-moods,
  .discover-moods--single-row{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:8px!important;
    padding:2px 0 8px!important;
  }

  .discover-moods--single-row .mood-chip{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

/* =========================================================
   MASTER51 — clear hero CTA + complete quick inspiration
   Keep the decorative note away from the search controls and
   leave enough space for all quick links without horizontal scroll.
   ========================================================= */

@media (min-width: 1221px){
  .hero__content{
    position:relative!important;
  }

  .hero__copy{
    position:relative!important;
    z-index:2!important;
  }

  .hero__note{
    top:132px!important;
    right:18px!important;
    bottom:auto!important;
    z-index:3!important;
    max-width:190px!important;
    pointer-events:none!important;
    transform:rotate(-5deg)!important;
  }

  .discover-box{
    max-width:1120px!important;
  }

  .discover-moods,
  .discover-filters{
    max-width:1120px!important;
  }

  .hero{
    min-height:880px!important;
  }
}

@media (min-width: 861px) and (max-width: 1220px){
  .hero__note{
    display:none!important;
  }

  .hero{
    min-height:940px!important;
  }
}

@media (max-width: 860px){
  .hero__note{
    display:none!important;
  }

  .mood-chip{
    min-height:46px;
  }
}

/* =========================================================
   MASTER52 — progressive destination results
   The control belongs after the list it expands, not in the heading.
   ========================================================= */

.results-load-more{
  display:flex;
  justify-content:center;
  width:100%;
  margin:34px 0 4px;
}

.results-load-more__button{
  min-width:290px;
  min-height:56px;
  padding:14px 24px;
  border:1px solid rgba(7,54,111,.14);
  border-radius:16px;
  background:#fff;
  color:var(--navy);
  box-shadow:0 14px 34px rgba(10,42,82,.10);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:15px;
  font-weight:900;
}

.results-load-more__button:hover{
  transform:translateY(-2px);
  border-color:rgba(255,75,108,.32);
  box-shadow:0 18px 40px rgba(10,42,82,.14);
}

.results-load-more__button small{
  color:#7d91aa;
  font-size:12px;
}

.results-load-more__button[hidden]{
  display:none!important;
}

@media (max-width:680px){
  .results-load-more{
    margin-top:24px;
  }

  .results-load-more__button{
    width:100%;
    min-width:0;
  }
}

/* MASTER57 — Pelikán documented affiliate search inside destination detail */
.pelikan-flight-search{
  margin-top:18px;
  border:1px solid #dbe7f3;
  border-radius:22px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 14px 34px rgba(7,54,111,.07);
  overflow:hidden;
}
.pelikan-flight-search__intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px 12px;
}
.pelikan-flight-search__eyebrow{
  display:block;
  margin-bottom:6px;
  color:#ff4f72;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
}
.pelikan-flight-search h4{
  margin:0;
  color:#07366f;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.6px;
  font-weight:900;
}
.pelikan-flight-search__intro p{
  max-width:760px;
  margin:8px 0 0;
  color:#67809e;
  font-size:14px;
  line-height:1.55;
}
.pelikan-flight-search__toggle{
  flex:0 0 auto;
  min-height:48px;
  padding:0 18px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#ff4668,#ff617d);
  color:#fff;
  font-weight:900;
  box-shadow:0 10px 24px rgba(255,70,104,.22);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.pelikan-flight-search__toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.pelikan-flight-search__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:0 24px 18px;
  color:#6e86a2;
  font-size:12px;
  font-weight:800;
}
.pelikan-flight-search__meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:#eef5fb;
}
.pelikan-flight-search__meta svg{width:14px;height:14px;stroke:#3973af;fill:none;stroke-width:1.8}
.pelikan-flight-search__body{
  border-top:1px solid #e4edf6;
  padding:18px 20px 20px;
  background:#fff;
}
.pelikan-flight-search__loading{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#6d84a0;
  font-size:14px;
  font-weight:700;
}
.pelikan-flight-search__loading.is-error{
  justify-content:flex-start;
  min-height:auto;
  margin-bottom:12px;
  padding:12px 14px;
  border-radius:12px;
  background:#fff4f6;
  color:#93485b;
}
.pelikan-flight-search__mount{
  width:100%;
  min-height:0;
  overflow:visible;
}
.pelikan-flight-search__loading[hidden]{display:none!important}
.pelikan-flight-search__shadow-host{
  display:block;
  width:100%;
  min-height:245px;
  background:#fff;
}
.pelikan-flight-search.is-widget-ready .pelikan-flight-search__mount{
  min-height:245px;
}
.pelikan-flight-search__foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #eef3f8;
  color:#8194aa;
  font-size:12px;
}
.pelikan-flight-search__foot a{
  color:#07366f;
  text-decoration:none;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.pelikan-flight-search__foot svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
@media (max-width:900px){
  .pelikan-flight-search__intro{align-items:flex-start;flex-direction:column}
  .pelikan-flight-search__toggle{width:100%}
  .pelikan-flight-search__foot{align-items:flex-start;flex-direction:column}
}

/* MASTER62 — isolated official Pelikán widget iframe */
.pelikan-flight-search__iframe{display:block;width:100%;min-height:280px;border:0;background:transparent;overflow:hidden}
.pelikan-flight-search__mount{overflow:hidden;background:#fff}
.pelikan-flight-search__shadow-host{display:none!important}

/* MASTER63 — Pelikán exact search in a dedicated full-viewport modal. */
.pelikan-flight-search__body,
.pelikan-flight-search__mount,
.pelikan-flight-search__iframe,
.pelikan-flight-search__foot{display:none!important}
body.pelikan-search-modal-open{overflow:hidden!important}
.pelikan-search-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px}
.pelikan-search-modal__backdrop{position:absolute;inset:0;background:rgba(7,28,54,.68);backdrop-filter:blur(5px)}
.pelikan-search-modal__dialog{position:relative;z-index:1;width:min(1240px,calc(100vw - 36px));height:min(900px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid rgba(219,231,243,.95);border-radius:24px;box-shadow:0 30px 80px rgba(3,27,57,.32);overflow:hidden}
.pelikan-search-modal__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #e5edf5;background:linear-gradient(135deg,#fff,#f7fbff)}
.pelikan-search-modal__eyebrow{display:block;margin-bottom:4px;color:#ff4f72;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:900}
.pelikan-search-modal__header h3{margin:0;color:#07366f;font-size:24px;line-height:1.1;letter-spacing:-.5px}
.pelikan-search-modal__header p{margin:5px 0 0;color:#7087a2;font-size:13px}
.pelikan-search-modal__close{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:14px;background:#eef5fb;color:#07366f;display:grid;place-items:center;cursor:pointer}
.pelikan-search-modal__close svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}
.pelikan-search-modal__body{position:relative;min-height:0;overflow:auto;background:#fff}
.pelikan-search-modal__loading{position:absolute;z-index:2;inset:0 0 auto 0;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#6d84a0;font-size:13px;font-weight:800}
.pelikan-search-modal__loading[hidden]{display:none!important}
.pelikan-search-modal__iframe{display:block;width:100%;height:980px;border:0;background:#fff}
.pelikan-search-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 20px;border-top:1px solid #edf2f7;color:#8093a9;background:#fbfdff;font-size:12px}
.pelikan-search-modal__footer a{display:inline-flex;align-items:center;gap:6px;color:#07366f;text-decoration:none;font-weight:900}
.pelikan-search-modal__footer svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
@media(max-width:700px){
  .pelikan-search-modal{padding:0}
  .pelikan-search-modal__dialog{width:100vw;height:100dvh;border-radius:0;border:0}
  .pelikan-search-modal__header{padding:14px 15px}
  .pelikan-search-modal__header h3{font-size:20px}
  .pelikan-search-modal__header p{font-size:12px}
  .pelikan-search-modal__iframe{height:1180px}
  .pelikan-search-modal__footer{align-items:flex-start;flex-direction:column;padding:10px 14px}
}

/* MASTER65: Pelikán custom cssUrl skin; provider/modal behaviour unchanged. */

/* MASTER66 — robust vendor isolation. The Pelikán component itself is left
   completely untouched and uses its official default stylesheet. KamLetíme
   styles only the outer modal shell. */
.pelikan-search-modal__dialog{height:min(760px,calc(100vh - 40px));}
.pelikan-search-modal__body{overflow:hidden;background:#fff;}
.pelikan-search-modal__iframe{display:block!important;width:100%;height:100%!important;min-height:0;border:0;background:#fff;}
.pelikan-search-modal__footer{min-height:44px;}
@media(max-width:700px){
  .pelikan-search-modal__dialog{height:100dvh;}
  .pelikan-search-modal__iframe{height:100%!important;}
}

/* MASTER70 — polished own exact-date flight form with custom datepicker. */
.kl-flight-own{margin-top:14px;padding:18px 18px 20px;border:1px solid #dbe7f2;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(10,42,82,.05)}
.kl-flight-own__intro{padding-bottom:8px}
.kl-flight-own__intro h4{margin:0;color:#103e79;font-size:25px;line-height:1.04;font-weight:900;letter-spacing:-.8px}
.kl-flight-own__intro p{margin:8px 0 0;color:#6c84a1;font-size:15px;line-height:1.48;max-width:760px}
.kl-flight-own__note{margin-top:8px;color:#7c90a9;font-size:12px;line-height:1.45}
.kl-flight-form{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(150px,.95fr) minmax(150px,.95fr) minmax(130px,.78fr) auto;gap:12px;align-items:end;padding:6px 0 2px}
.kl-flight-form__field{min-width:0}
.kl-flight-form__field>label{display:block;margin:0 0 7px;color:#6d86a1;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.kl-flight-form select,.kl-flight-form__readonly,.kl-date-trigger{box-sizing:border-box;width:100%;height:54px;border:1px solid #dbe7f1;border-radius:16px;background:#f7faff;color:#07366f;padding:0 14px;font:800 15px/1.1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.kl-flight-form select,.kl-date-trigger{appearance:none;-webkit-appearance:none}
.kl-flight-form select:focus,.kl-date-trigger:focus{border-color:#9bb9d8;background:#fff;box-shadow:0 0 0 3px rgba(48,112,176,.09)}
.kl-flight-form select{padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#6583a7 50%),linear-gradient(135deg,#6583a7 50%,transparent 50%);background-position:calc(100% - 19px) 24px,calc(100% - 13px) 24px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.kl-flight-form__readonly{display:flex;align-items:center;gap:9px;pointer-events:none}
.kl-flight-form__readonly svg,.kl-date-trigger svg{width:18px;height:18px;color:#477aa9;flex:0 0 auto}
.kl-flight-form__readonly span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.kl-flight-form__readonly small{margin-left:4px;color:#8ba1b9;font-size:11px;font-weight:800}
.kl-date-trigger{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;cursor:pointer;position:relative}
.kl-date-trigger::after{content:'';position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #6f87a4;border-bottom:2px solid #6f87a4;transform:translateY(-65%) rotate(45deg)}
.kl-date-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:14px}
.kl-flight-form__submit{height:54px;border:0;border-radius:16px;background:#ff4f72;color:#fff;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:900 14px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 12px 25px rgba(255,79,114,.2);white-space:nowrap;min-width:172px}
.kl-flight-form__submit:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(255,79,114,.25)}
.kl-flight-form__submit svg{width:17px;height:17px}
.kl-flight-form__submit .kl-icon:last-child{display:none}
.kl-datepicker{position:fixed;z-index:9999}
.kl-datepicker__panel{width:320px;background:#fff;border:1px solid #dbe7f2;border-radius:22px;box-shadow:0 22px 50px rgba(10,42,82,.18);padding:14px}
.kl-datepicker__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.kl-datepicker__title{font-weight:900;color:#0b2d5f;font-size:16px;text-transform:capitalize}
.kl-datepicker__nav{width:36px;height:36px;border-radius:12px;border:1px solid #dbe7f2;background:#f7faff;color:#0b2d5f;font-size:24px;line-height:1}
.kl-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}
.kl-datepicker__weekdays span{font-size:12px;font-weight:800;color:#7d93ac;text-align:center;padding:4px 0}
.kl-datepicker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.kl-datepicker__day{height:38px;border-radius:12px;border:1px solid #e4edf6;background:#fff;color:#0b2d5f;font-weight:800}
.kl-datepicker__day:hover{border-color:#b9d0e6;background:#f7fbff}
.kl-datepicker__day.is-muted{color:#9bb0c5;background:#fbfdff}
.kl-datepicker__day.is-selected{background:#ff4f72;border-color:#ff4f72;color:#fff;box-shadow:0 8px 18px rgba(255,79,114,.25)}
.kl-datepicker__day.is-today{border-color:#7aa6d6}
.kl-datepicker__day.is-disabled{opacity:.45;cursor:not-allowed}
.kl-datepicker__foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.kl-datepicker__link{border:0;background:none;color:#54779e;font-weight:800;padding:6px 2px}
@media(max-width:1260px){.kl-flight-form{grid-template-columns:repeat(3,minmax(0,1fr))}.kl-flight-form__submit{width:100%;grid-column:1/-1}}
@media(max-width:840px){.kl-flight-form{grid-template-columns:1fr 1fr}.kl-flight-form__field--origin,.kl-flight-form__field--destination,.kl-flight-form__submit{grid-column:1/-1}.kl-datepicker__panel{width:min(320px,calc(100vw - 24px))}}
@media(max-width:540px){.kl-flight-form{grid-template-columns:1fr}.kl-flight-form__field,.kl-flight-form__submit{grid-column:1}.kl-flight-own{padding:16px}.kl-flight-own__intro h4{font-size:22px}}


/* MASTER73 — compact custom flight controls; single UI layer only. */
.kl-flight-own{padding:16px 18px 16px!important}
.kl-flight-own__intro{padding-bottom:4px!important}
.kl-flight-own__intro h4{font-size:23px!important;letter-spacing:-.55px!important}
.kl-flight-own__intro p{font-size:13.5px!important;line-height:1.45!important;max-width:720px!important}
.kl-flight-form{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(142px,.9fr) minmax(142px,.9fr) minmax(124px,.72fr) minmax(158px,.82fr)!important;gap:10px!important;padding:4px 0 0!important}
.kl-flight-form__field>label{font-size:10px!important;margin-bottom:5px!important;text-transform:none!important}
.kl-flight-form__readonly,.kl-date-trigger,.kl-select-trigger{height:48px!important;border:1px solid #dbe7f1!important;border-radius:14px!important;background:#f7faff!important;color:#07366f!important;padding:0 13px!important;font:800 13px/1.1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;outline:none!important;box-sizing:border-box!important}
.kl-flight-form__readonly{display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important}
.kl-flight-form__readonly svg,.kl-date-trigger svg{width:16px!important;height:16px!important}
.kl-flight-form__readonly small{font-size:9.5px!important}
.kl-date-trigger{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;text-align:left!important;position:relative!important;padding-right:36px!important}
.kl-date-trigger::after{right:14px!important;width:7px!important;height:7px!important}
.kl-date-trigger span,.kl-select-trigger span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
.kl-select-native{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}
.kl-select-trigger{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;cursor:pointer!important;text-align:left!important}
.kl-select-trigger i{width:7px;height:7px;border-right:2px solid #6884a4;border-bottom:2px solid #6884a4;transform:rotate(45deg) translateY(-2px);flex:0 0 auto}
.kl-date-trigger:hover,.kl-date-trigger:focus,.kl-select-trigger:hover,.kl-select-trigger:focus{background:#fff!important;border-color:#adc6df!important;box-shadow:0 0 0 3px rgba(48,112,176,.07)!important}
.kl-flight-form__submit{height:48px!important;min-width:158px!important;border-radius:14px!important;font-size:13px!important;padding:0 15px!important}
.kl-flight-own__note{font-size:10.5px!important;margin-top:7px!important;line-height:1.35!important}
.kl-datepicker__panel{width:288px!important;border-radius:18px!important;padding:11px!important;box-shadow:0 18px 44px rgba(10,42,82,.18)!important}
.kl-datepicker__head{margin-bottom:8px!important}
.kl-datepicker__title{font-size:14px!important}
.kl-datepicker__nav{width:32px!important;height:32px!important;border-radius:10px!important;font-size:21px!important}
.kl-datepicker__weekdays{gap:4px!important;margin-bottom:5px!important}
.kl-datepicker__weekdays span{font-size:10px!important;padding:2px 0!important}
.kl-datepicker__grid{gap:4px!important}
.kl-datepicker__day{height:32px!important;border-radius:10px!important;font-size:11.5px!important}
.kl-datepicker__foot{margin-top:8px!important}
.kl-datepicker__link{font-size:11px!important;padding:4px 2px!important}
.kl-select-menu{position:fixed;z-index:10000;max-height:310px;overflow:auto;background:#fff;border:1px solid #dbe7f2;border-radius:15px;box-shadow:0 18px 44px rgba(10,42,82,.18);padding:6px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.kl-select-menu__option{display:block;width:100%;border:0;background:#fff;border-radius:10px;padding:9px 10px;text-align:left;color:#0b2d5f;font-size:12.5px;font-weight:800;cursor:pointer}
.kl-select-menu__option:hover{background:#f4f8fc}.kl-select-menu__option.is-selected{background:#fff0f4;color:#e64263}
@media(max-width:1280px){.kl-flight-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.kl-flight-form__submit{grid-column:1/-1!important;width:100%!important}}
@media(max-width:760px){.kl-flight-form{grid-template-columns:1fr 1fr!important}.kl-flight-form__field--origin,.kl-flight-form__field--destination,.kl-flight-form__submit{grid-column:1/-1!important}.kl-datepicker__panel{width:min(288px,calc(100vw - 24px))!important}}
@media(max-width:500px){.kl-flight-form{grid-template-columns:1fr!important}.kl-flight-form__field,.kl-flight-form__submit{grid-column:1!important}}

/* =========================================================
   MASTER74 — homepage exact selection + compact one-row moods
   ========================================================= */
@media (min-width: 1180px){
  .discover-moods{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:8px!important;
    max-width:1120px!important;
    padding:2px 0 8px!important;
    overflow:visible!important;
  }
  .discover-moods .mood-chip{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 10px!important;
    font-size:12.5px!important;
    gap:7px!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .discover-moods .mood-chip__icon svg{width:16px!important;height:16px!important}
  .hero{min-height:790px!important}
  .hero.is-exact-open{min-height:930px!important}
}

.discover-exact{
  width:min(1120px,100%);
  margin-top:8px;
}
.discover-exact__toggle{
  border:0;
  background:rgba(255,255,255,.88);
  color:var(--navy);
  min-height:44px;
  border-radius:14px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-shadow:0 8px 20px rgba(10,42,82,.06);
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
}
.discover-exact__toggle-main{display:flex;align-items:center;gap:9px;min-width:0}
.discover-exact__toggle-main>svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.discover-exact__toggle-main strong{font-size:13px;font-weight:900;white-space:nowrap}
.discover-exact__toggle-main small{font-size:11px;color:#7890ab;font-weight:700;white-space:nowrap}
.discover-exact__chevron{width:8px;height:8px;border-right:2px solid #6884a4;border-bottom:2px solid #6884a4;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
.discover-exact__toggle[aria-expanded="true"] .discover-exact__chevron{transform:rotate(225deg) translate(-1px,-1px)}
.discover-exact__toggle:hover{background:#fff;box-shadow:0 10px 24px rgba(10,42,82,.09)}

.discover-exact__panel{
  margin-top:10px;
  padding:14px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(219,231,242,.95);
  border-radius:18px;
  box-shadow:0 16px 34px rgba(10,42,82,.09);
  backdrop-filter:blur(10px);
}
.discover-exact__grid{
  display:grid;
  grid-template-columns:minmax(150px,.9fr) minmax(190px,1.15fr) minmax(145px,.85fr) minmax(145px,.85fr) minmax(125px,.72fr) minmax(125px,.72fr);
  gap:10px;
  align-items:end;
}
.discover-exact__field{min-width:0;position:relative}
.discover-exact__field>label{
  display:block;
  margin:0 0 6px;
  color:#6d86a1;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.discover-exact__field .kl-select-trigger,
.discover-exact__date,
.discover-exact__destination-wrap{
  height:46px!important;
  border-radius:13px!important;
  background:#f7faff!important;
  border:1px solid #dbe7f1!important;
  box-shadow:none!important;
}
.discover-exact__field .kl-select-trigger,
.discover-exact__date{
  font-size:12.5px!important;
  padding:0 12px!important;
}
.discover-exact__destination-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.discover-exact__destination-wrap:focus-within{
  background:#fff!important;
  border-color:#adc6df!important;
  box-shadow:0 0 0 3px rgba(48,112,176,.07)!important;
}
.discover-exact__destination-wrap>svg{
  width:16px;height:16px;stroke:#477aa9;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto
}
.discover-exact__destination-wrap input[type="text"]{
  border:0!important;
  background:transparent!important;
  outline:0!important;
  padding:0!important;
  min-width:0;
  width:100%;
  color:#07366f;
  font:800 12.5px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.discover-exact__destination-wrap input::placeholder{color:#8ca1b8;font-weight:700}
.discover-exact__date{width:100%;display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;text-align:left!important;position:relative!important}
.discover-exact__date svg{width:16px!important;height:16px!important;flex:0 0 auto!important}
.discover-exact__date span{font-size:12.5px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.discover-exact__date::after{right:13px!important;width:7px!important;height:7px!important}
.discover-exact__footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:0 2px;color:#7a90aa;font-size:10.5px;line-height:1.4}
.discover-exact__footer .reset-search{margin:0!important;flex:0 0 auto}

.kl-destination-menu{
  position:fixed;
  z-index:10020;
  max-height:330px;
  overflow:auto;
  background:#fff;
  border:1px solid #dbe7f2;
  border-radius:15px;
  box-shadow:0 18px 44px rgba(10,42,82,.18);
  padding:6px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.kl-destination-menu__option{
  width:100%;border:0;background:#fff;border-radius:11px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:#0b2d5f
}
.kl-destination-menu__option:hover{background:#f4f8fc}
.kl-destination-menu__option span{display:flex;flex-direction:column;min-width:0}
.kl-destination-menu__option strong{font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-destination-menu__option small{margin-top:2px;color:#7e94ad;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-destination-menu__option b{font-size:10.5px;color:#8ba0b7;background:#f1f6fb;padding:5px 7px;border-radius:8px;flex:0 0 auto}
.kl-destination-menu__empty{padding:12px;color:#7f94ad;font-size:12px;font-weight:700}

/* Reuse the modal/detail controls, but keep homepage menus compact. */
.discover-exact .kl-select-native{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}

@media (max-width:1179px){
  .discover-moods{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;max-width:100%!important}
  .discover-moods .mood-chip{width:100%!important;justify-content:center!important;min-width:0!important;font-size:12.5px!important;padding:0 10px!important}
  .discover-exact{width:100%;max-width:100%}
  .discover-exact__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero{min-height:860px!important}
  .hero.is-exact-open{min-height:1030px!important}
}
@media (max-width:760px){
  .discover-moods{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .discover-moods .mood-chip{height:42px!important;font-size:12px!important}
  .discover-exact__toggle{width:100%}
  .discover-exact__toggle-main small{display:none}
  .discover-exact__grid{grid-template-columns:1fr 1fr}
  .discover-exact__field--destination{grid-column:1/-1}
  .discover-exact__footer{align-items:flex-start;flex-direction:column}
  .hero{min-height:980px!important}
  .hero.is-exact-open{min-height:1260px!important}
}
@media (max-width:500px){
  .discover-exact__grid{grid-template-columns:1fr}
  .discover-exact__field--destination{grid-column:auto}
  .discover-exact__panel{padding:12px}
  .hero.is-exact-open{min-height:1500px!important}
}


/* MASTER75 — explicit exact-search submit + stable custom menus. */
.discover-exact__footer{align-items:center!important}
.discover-exact__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.discover-exact__submit{height:42px;border:0;border-radius:13px;padding:0 16px;background:linear-gradient(135deg,var(--coral),var(--coral-soft));color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12.5px;font-weight:900;box-shadow:0 10px 22px rgba(255,75,108,.2);white-space:nowrap}
.discover-exact__submit:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(255,75,108,.25)}
.discover-exact__submit b{font-size:16px;line-height:1}
.discover-exact.is-applied .discover-exact__toggle{background:#fff;border-color:rgba(255,75,108,.22);box-shadow:0 10px 26px rgba(255,75,108,.10)}
.discover-exact.is-applied .discover-exact__toggle-main strong::after{content:' · aktivní';color:var(--coral);font-size:10.5px;font-weight:900}
.kl-destination-menu,.kl-select-menu{overscroll-behavior:contain;scrollbar-gutter:stable}
.kl-destination-menu{scroll-behavior:auto}
@media(max-width:760px){.discover-exact__actions{width:100%;justify-content:stretch}.discover-exact__submit{flex:1}.discover-exact__footer .reset-search{flex:1}}

/* MASTER76 — exact-search journey continuity */
button.featured-cta{
  border:0;
  cursor:pointer;
  font:inherit;
}
.compare-option__link{
  border:0;
  background:none;
  padding:0;
  color:#ff4969;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
}
.compare-option__link:hover{color:#e93e5d}


/* MASTER77 — Booking.com Demand API car-rental scaffold */
.booking-cars-panel{margin-top:14px;border:1px solid #dbe7f2;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);padding:14px 16px;box-shadow:0 10px 24px rgba(10,42,82,.04)}
.booking-cars-panel__head{display:flex;align-items:center;gap:11px}
.booking-cars-panel__icon{width:40px;height:40px;border-radius:13px;background:#edf5ff;color:#0b4f91;display:grid;place-items:center;flex:0 0 auto}
.booking-cars-panel__icon .kl-icon{width:20px;height:20px}
.booking-cars-panel__head small{display:block;color:#7186a2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.booking-cars-panel__head strong{display:block;color:#07366f;font-size:15px;margin-top:2px}
.booking-cars-panel__status{margin-left:auto;padding:7px 10px;border-radius:999px;background:#eef5fb;color:#4c7098;font-size:10px;font-weight:900;white-space:nowrap}
.booking-cars-panel.is-loading .booking-cars-panel__status{animation:klCarsPulse 1s ease-in-out infinite alternate}
.booking-cars-panel__body{margin-top:10px}
.booking-cars-panel__body>p{margin:0;color:#6f86a3;font-size:12px;line-height:1.5}
.booking-cars-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.booking-car-result{border:1px solid #e4edf6;border-radius:15px;padding:11px;background:#fff;display:flex;gap:10px;justify-content:space-between;align-items:flex-end}
.booking-car-result small{display:block;color:#8297ae;font-size:9px;font-weight:800;text-transform:uppercase}
.booking-car-result strong{display:block;color:#07366f;font-size:17px;margin-top:2px}
.booking-car-result span{display:block;color:#6f86a3;font-size:10px;margin-top:3px}
.booking-car-result a{flex:0 0 auto;text-decoration:none;color:#ff4f72;font-size:10px;font-weight:900;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.booking-car-result a .kl-icon{width:14px;height:14px}
@keyframes klCarsPulse{from{opacity:.55}to{opacity:1}}
@media(max-width:900px){.booking-cars-results{grid-template-columns:1fr}.booking-car-result{align-items:center}}


/* MASTER78 — distinguish cheapest-flight CTA from exact-date CTA. */
.trip-hub-card__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.trip-hub-card__actions .trip-hub-card__cta{margin:0!important;min-width:0!important;max-width:none!important;width:auto!important;flex:1 1 180px;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important}
.trip-hub-card__cta--secondary{background:#eef5fb!important;color:#0b3a72!important;border:1px solid #d5e4f1!important;box-shadow:none!important}
.trip-hub-card__cta--secondary:hover{background:#e4eff8!important;border-color:#bfd6e8!important;color:#082f60!important;transform:translateY(-1px)}
.trip-hub-card__cta--primary{background:#ff4f72!important;color:#fff!important;border:1px solid #ff4f72!important;box-shadow:0 10px 22px rgba(255,79,114,.18)!important}
.trip-hub-card__choice-note{margin-top:10px!important;margin-bottom:0!important;font-size:13px!important;color:#617c9b!important}
@media(max-width:640px){.trip-hub-card__actions{flex-direction:column}.trip-hub-card__actions .trip-hub-card__cta{width:100%!important;flex-basis:auto}}

/* ==========================================================
   MASTER82 — homepage destination-first discovery rails
   ========================================================== */
.homepage-discovery{display:flex;flex-direction:column;gap:34px;margin-top:8px}
.homepage-discovery[hidden]{display:none!important}
.homepage-discovery__group{display:block}
.homepage-discovery__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px}
.homepage-discovery__head h3{margin:0;color:var(--navy);font-size:28px;line-height:1.05;letter-spacing:-1px;font-weight:900}
.homepage-discovery__title{appearance:none;border:0;background:none;padding:0;margin:0;color:inherit;font:inherit;letter-spacing:inherit;display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-align:left}
.homepage-discovery__title b{font-size:.9em;line-height:1;transition:transform .18s ease;color:var(--coral)}
.homepage-discovery__title:hover span,.homepage-discovery__title:focus-visible span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.homepage-discovery__title:hover b,.homepage-discovery__title:focus-visible b{transform:translateX(4px)}
.homepage-discovery__title:focus-visible,.homepage-discovery__more:focus-visible{outline:3px solid rgba(255,89,111,.25);outline-offset:4px;border-radius:8px}
.homepage-discovery__more{appearance:none;border:0;background:none;padding:6px 0;color:var(--coral);font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.homepage-discovery__more b{transition:transform .18s ease}
.homepage-discovery__more:hover b,.homepage-discovery__more:focus-visible b{transform:translateX(4px)}
.homepage-discovery__head p{margin:6px 0 0;color:#7188a3;font-size:14px;line-height:1.45}
.homepage-discovery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.result-card--home{display:flex;flex-direction:column;min-width:0}
.result-card--home .result-card__media{height:160px}
.result-card--home .result-card__body{display:flex;flex-direction:column;flex:1;padding:13px 15px 15px}
.result-card--home .result-card__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px;margin:10px 0 8px}
.result-card--home .result-card__actions{margin-top:auto}
.homepage-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.homepage-card-tags span{padding:5px 8px;border-radius:999px;background:#fff1f4;color:#0a376d;font-size:10px;font-weight:800}
.homepage-card-offer{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:14px;background:#f4f8fc;margin:0 0 10px;color:#6f87a3}
.homepage-card-offer>span{width:31px;height:31px;border-radius:10px;background:#fff;display:grid;place-items:center;color:#477aa9;flex:0 0 auto}
.homepage-card-offer .kl-icon{width:17px;height:17px}
.homepage-card-offer div{min-width:0}
.homepage-card-offer small{display:block;font-size:10px;color:#7d91aa;margin-bottom:2px}
.homepage-card-offer strong{display:block;color:#07366f;font-size:15px;line-height:1.1}
.homepage-card-offer em{display:block;margin-top:3px;font-style:normal;font-size:9px;font-weight:800;color:#bb7b00}
body:not(.search-mode) #destinace .results-load-more{display:none}
.search-mode #homepageDiscovery{display:none!important}

@media(max-width:1180px){
  .homepage-discovery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .homepage-discovery{gap:26px}
  .homepage-discovery__head h3{font-size:24px}
  .homepage-discovery__grid{grid-template-columns:1fr}
  .result-card--home .result-card__media{height:190px}
}

/* =========================================================
   MASTER83 — live-priced homepage + compact holiday summary
   ========================================================= */
.result-card--home .result-card__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.result-card--home .result-card__actions .btn-ghost,
.result-card--home .result-card__actions .btn-primary{min-width:0!important;width:100%!important;white-space:nowrap!important;font-size:12px!important;padding-left:8px!important;padding-right:8px!important;line-height:1!important}
.homepage-card-offers{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 10px}
.homepage-card-offers.has-package{grid-template-columns:1fr 1fr}
.homepage-card-offers .homepage-card-offer{margin:0!important;min-width:0;padding:9px 9px!important;gap:8px!important}
.homepage-card-offers .homepage-card-offer>span{width:29px;height:29px;border-radius:9px}
.homepage-card-offers .homepage-card-offer small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homepage-card-offers .homepage-card-offer strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homepage-card-offers .homepage-card-offer em{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homepage-card-offer--package{background:#fff4f6!important}
.homepage-card-offer--package>span{color:#e84365!important}
.homepage-card-offer--package em{color:#a36c7a!important}
.result-card--home .result-card__temp .temp-loading{font-size:10px;font-weight:800;color:#7990aa;line-height:1}
@media(max-width:1180px){
  .homepage-card-offers.has-package{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .homepage-card-offers.has-package{grid-template-columns:1fr 1fr}
  .result-card--home .result-card__actions{grid-template-columns:1fr 1fr!important}
}

/* MASTER86 — stabilní dvousloupcová nabídka během asynchronního načítání zájezdu. */
.homepage-card-offer--loading{opacity:.82}
.homepage-card-offer--loading strong{font-size:11px!important;color:#7b8fa9!important}
.homepage-card-offer--loading em{color:#9aaabd!important}


/* MASTER87 — three cards per row, six destinations per discovery theme */
@media(min-width:1181px){
  .homepage-discovery__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
  .result-card--home .result-card__description{font-size:14px!important;line-height:1.48!important}
  .homepage-card-offers .homepage-card-offer strong{font-size:14px!important}
  .result-card--home .result-card__actions .btn-ghost,.result-card--home .result-card__actions .btn-primary{font-size:13px!important}
}
@media(min-width:761px) and (max-width:1180px){.homepage-discovery__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.homepage-discovery__grid{grid-template-columns:1fr!important}}


/* MASTER88 — one internal CTA, package price is available on first paint */
.result-card__actions--single{display:block!important}
.result-card__actions--single .btn-primary{width:100%!important;min-width:0!important;white-space:nowrap!important}
.result-card--home .result-card__actions--single{display:block!important}
.result-card--home .result-card__actions--single .btn-primary{width:100%!important;font-size:13px!important;padding-left:14px!important;padding-right:14px!important}
.homepage-card-offer--loading{display:none!important}

/* =========================================================
   MASTER89 — search transition loader and controlled reveal
   ========================================================= */
.kl-search-loader[hidden]{display:none!important}
.kl-search-loader{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(6,30,61,.24);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.kl-search-loader.is-visible{opacity:1;visibility:visible}
.kl-search-loader__card{width:min(430px,calc(100vw - 32px));box-sizing:border-box;padding:28px 30px 24px;border:1px solid rgba(210,225,239,.95);border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 26px 70px rgba(6,30,61,.22);text-align:center;color:#07366f}
.kl-search-loader__eyebrow{margin-bottom:11px;color:#ff4f72;font-size:11px;font-weight:900;letter-spacing:.12em}
.kl-search-loader__spinner{height:28px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 10px}
.kl-search-loader__spinner span{width:8px;height:8px;border-radius:50%;background:#ff4f72;animation:klSearchDot 1s ease-in-out infinite}
.kl-search-loader__spinner span:nth-child(2){animation-delay:.14s}.kl-search-loader__spinner span:nth-child(3){animation-delay:.28s}
@keyframes klSearchDot{0%,70%,100%{transform:translateY(0);opacity:.38}35%{transform:translateY(-7px);opacity:1}}
.kl-search-loader__card strong{display:block;font-size:23px;line-height:1.12;letter-spacing:-.55px;font-weight:900}
.kl-search-loader__card p{min-height:22px;margin:9px 0 15px;color:#69819e;font-size:14px;line-height:1.45}
.kl-search-loader__card small{display:block;margin-top:12px;color:#91a3b8;font-size:10px;line-height:1.4}
.kl-search-loader__bar{position:relative;height:5px;overflow:hidden;border-radius:999px;background:#edf3f8}
.kl-search-loader__bar span{position:absolute;inset:0 auto 0 -42%;width:42%;border-radius:999px;background:linear-gradient(90deg,#ff4f72,#f3bb42);animation:klSearchBar 1.15s ease-in-out infinite}
@keyframes klSearchBar{0%{left:-42%}100%{left:100%}}
body.is-search-loading{cursor:progress}
body.is-search-loading #discover button,body.is-search-loading #exactSearchSubmit,body.is-search-loading .mood-chip,body.is-search-loading .mood-card{pointer-events:none}
#destinace[aria-busy="true"]{min-height:260px}
@media(max-width:560px){.kl-search-loader__card{padding:24px 20px 21px;border-radius:22px}.kl-search-loader__card strong{font-size:20px}.kl-search-loader__card p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.kl-search-loader,.kl-search-loader__bar span,.kl-search-loader__spinner span{animation:none!important;transition:none!important}}

@media(max-width:760px){.homepage-discovery__more{display:none}.homepage-discovery__title{gap:8px}}


/* =========================================================
   MASTER114 — obvious + robust homepage category drill-down
   ========================================================= */
.homepage-discovery__title{
  text-decoration:none!important;
}
.homepage-discovery__intro{
  min-width:0;
}
.homepage-discovery__cta{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:9px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff1f4;
  color:var(--coral);
  font-size:13px;
  line-height:1;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.homepage-discovery__cta b{
  transition:transform .18s ease;
}
.homepage-discovery__cta:hover,
.homepage-discovery__cta:focus-visible{
  background:#ffe5ea;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(255,89,111,.12);
}
.homepage-discovery__cta:hover b,
.homepage-discovery__cta:focus-visible b{
  transform:translateX(4px);
}
.homepage-discovery__cta:focus-visible{
  outline:3px solid rgba(255,89,111,.23);
  outline-offset:3px;
}
.homepage-discovery__more{
  text-decoration:none!important;
}
@media(min-width:761px){
  .homepage-discovery__cta{display:none}
}
@media(max-width:760px){
  .homepage-discovery__more{display:none!important}
  .homepage-discovery__title{display:inline-flex!important}
  .homepage-discovery__cta{display:inline-flex}
}

.homepage-discovery__more{
  padding:10px 14px!important;
  border:1px solid rgba(255,89,111,.22)!important;
  border-radius:999px!important;
  background:#fff7f8!important;
  box-shadow:0 4px 14px rgba(12,54,111,.05);
}
.homepage-discovery__more:hover,
.homepage-discovery__more:focus-visible{
  background:#fff0f3!important;
  border-color:rgba(255,89,111,.38)!important;
}


/* MASTER436: site-shell-v152.css */
/* KamLetíme MASTER127 — unified site shell
   Shared navbar, search, footer and common static pages. */

:root{
  --kl-navy:#07366f;
  --kl-navy-deep:#042a59;
  --kl-coral:#ff4b6c;
  --kl-gold:#edbd55;
  --kl-shell:#ffffff;
  --kl-shell-line:rgba(7,54,111,.10);
}

/* ---------- Shared header ---------- */
.site-header.site-header--shared{
  width:100%;
  z-index:80!important;
  padding:16px 0 0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header.site-header--shared.site-header--overlay{
  position:absolute!important;
  inset:0 0 auto 0!important;
}
.site-header.site-header--shared.site-header--home,
.site-header.site-header--shared.site-header--light{
  position:relative!important;
}
.site-header--shared .site-header__inner{
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  padding:9px 12px 9px 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.91)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  box-shadow:0 12px 34px rgba(4,42,89,.12)!important;
}
.site-header--shared .site-logo{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  min-width:0!important;
}
.site-header--shared .site-logo img{
  width:206px!important;
  height:46px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header--shared .site-nav{
  display:flex!important;
  align-items:center!important;
  gap:26px!important;
  margin-left:auto!important;
}
.site-header--shared .site-nav a{
  position:relative!important;
  color:var(--kl-navy)!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  padding:13px 0!important;
}
.site-header--shared .site-nav a::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:5px;
  height:2px;border-radius:999px;
  background:var(--kl-coral);
  transition:right .18s ease;
}
.site-header--shared .site-nav a:hover::after,
.site-header--shared .site-nav a[aria-current="page"]::after{right:0}
.site-header--shared .site-nav a[aria-current="page"]{color:var(--kl-coral)!important}
.site-header--shared .header-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:4px!important;
}
.site-header--shared .icon-btn{
  width:42px!important;height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(7,54,111,.11)!important;
  border-radius:13px!important;
  background:#f6f9fd!important;
  color:var(--kl-navy)!important;
  box-shadow:none!important;
}
.site-header--shared .icon-btn:hover{background:#edf4fb!important}
.site-header--shared .icon-btn svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.site-header--shared .header-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:42px!important;
  padding:0 17px!important;
  border-radius:13px!important;
  background:var(--kl-coral)!important;
  color:#fff!important;
  box-shadow:0 9px 18px rgba(255,75,108,.20)!important;
  font-size:14px!important;font-weight:900!important;text-decoration:none!important;
}
.site-header--shared .header-cta:hover{transform:translateY(-1px);filter:saturate(1.06)}
.site-nav-toggle{display:none;border:0;background:transparent;padding:9px;width:42px;height:42px;border-radius:12px}
.site-nav-toggle span{display:block;width:22px;height:2px;background:var(--kl-navy);border-radius:2px;margin:4px auto;transition:.2s}

.site-header--shared .global-search-panel{
  position:absolute!important;
  left:0!important;right:0!important;top:100%!important;
  z-index:95!important;
  padding:10px 0 0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header--shared .global-search-panel[hidden]{display:none!important}
.site-header--shared .global-search-panel .container{display:flex;justify-content:flex-end}
.site-header--shared .global-search-form{
  width:min(760px,100%)!important;
  margin:0!important;
  padding:8px 8px 8px 14px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  border-radius:17px!important;
  border:1px solid rgba(7,54,111,.09)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 45px rgba(4,42,89,.18)!important;
}
.site-header--shared .global-search-form svg{width:20px!important;height:20px!important;flex:0 0 20px!important;fill:none!important;stroke:#6f86a3!important;stroke-width:1.8!important}
.site-header--shared .global-search-form input{
  min-width:0!important;flex:1!important;border:0!important;outline:0!important;background:transparent!important;
  color:var(--kl-navy)!important;font:inherit!important;font-size:14px!important;padding:10px 4px!important;
}
.site-header--shared .global-search-form button{
  border:0!important;border-radius:12px!important;background:var(--kl-navy)!important;color:#fff!important;
  min-height:42px!important;padding:0 17px!important;font-weight:900!important;
}

/* Homepage hero: slightly more generous, image crop stays scenic. */
body:not(.destination-page):not(.destinations-index):not(.about-page) .hero{min-height:700px!important}
body:not(.destination-page):not(.destinations-index):not(.about-page) .hero__media{
  background-image:url("https://images.unsplash.com/photo-1756807397744-953d3ddd0998?auto=format&fit=crop&w=2200&q=86");
  background-position:center 55%!important;
  background-size:cover!important;
}
body:not(.destination-page):not(.destinations-index):not(.about-page) .hero__overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.67) 34%,rgba(255,255,255,.22) 61%,rgba(7,54,111,.10) 100%),linear-gradient(180deg,rgba(7,54,111,.02),rgba(7,54,111,.15))!important;
}

/* ---------- Shared footer ---------- */
.footer.footer--expanded.site-footer-v126{
  position:relative!important;
  overflow:hidden!important;
  margin-top:72px!important;
  padding:0 0 22px!important;
  color:#fff!important;
  background-color:#052c5d!important;
  background-image:
    linear-gradient(90deg,rgba(3,31,67,.97) 0%,rgba(4,42,89,.93) 46%,rgba(4,42,89,.76) 100%),
    url("https://images.unsplash.com/photo-1609186796344-b9222f036f84?auto=format&fit=crop&w=2200&q=82")!important;
  background-size:cover!important;
  background-position:center 48%!important;
}
.footer.footer--expanded.site-footer-v126::before{
  content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 34%),radial-gradient(circle at 80% 15%,rgba(237,189,85,.14),transparent 30%)!important;
  opacity:1!important;pointer-events:none!important;
}
.site-footer-v126>*{position:relative!important;z-index:1!important}
.site-footer-v126 .footer-cta-panel{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:44px!important;
  padding:42px 0 34px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.site-footer-v126 .footer-eyebrow{display:block!important;margin-bottom:8px!important;color:#ffd67b!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:11px!important;font-weight:900!important}
.site-footer-v126 .footer-cta-panel h2{margin:0 0 9px!important;color:#fff!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important}
.site-footer-v126 .footer-cta-panel p{max-width:720px!important;margin:0!important;color:rgba(255,255,255,.76)!important;font-size:15px!important;line-height:1.65!important}
.site-footer-v126 .footer-main-cta{display:inline-flex!important;align-items:center!important;gap:16px!important;text-decoration:none!important;color:#052c5d!important;background:#f0bf56!important;border-radius:15px!important;padding:15px 19px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:0 10px 28px rgba(0,0,0,.14)!important}
.site-footer-v126 .footer-main-cta:hover{transform:translateY(-2px)}
.site-footer-v126 .footer__grid{
  display:grid!important;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,1fr))!important;
  gap:48px!important;padding:34px 0 30px!important;
}
.site-footer-v126 .footer-brand{display:block!important}
.site-footer-v126 .footer-brand__logo-pill{display:inline-flex!important;background:rgba(255,255,255,.94)!important;border-radius:14px!important;padding:7px 12px!important;margin-bottom:16px!important}
.site-footer-v126 .footer-brand__logo-pill img{width:190px!important;height:auto!important;margin:0!important}
.site-footer-v126 .footer-brand p,.site-footer-v126 .footer-col p{margin:0!important;color:rgba(255,255,255,.68)!important;line-height:1.65!important;font-size:13px!important;max-width:370px!important}
.site-footer-v126 .footer-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important}
.site-footer-v126 .footer-col strong{margin-bottom:3px!important;color:#fff!important;font-size:13px!important;letter-spacing:.015em!important}
.site-footer-v126 .footer-col a{color:rgba(255,255,255,.76)!important;text-decoration:none!important;font-size:13px!important;line-height:1.4!important}
.site-footer-v126 .footer-col a:hover{color:#fff!important;transform:translateX(2px)}
.site-footer-v126 .footer__bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:18px 0 0!important;color:rgba(255,255,255,.52)!important;font-size:12px!important}

/* ---------- About page ---------- */
.about-page{background:#f5f9fd;color:#15365f}
.about-hero{position:relative;overflow:hidden;padding:0 0 78px;background:#eef5fb}
.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,249,253,.98) 0%,rgba(245,249,253,.90) 48%,rgba(245,249,253,.42) 100%),url("https://images.unsplash.com/photo-1758538025972-8f53032e33f4?auto=format&fit=crop&w=2200&q=82") center/cover no-repeat;opacity:.95}
.about-hero>*{position:relative;z-index:1}
.about-hero__content{padding-top:76px;max-width:820px}
.about-kicker{display:inline-block;margin:0 0 12px;color:#ff4b6c;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.about-hero h1{margin:0;color:#07366f;font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em}
.about-hero__lead{max-width:730px;margin:22px 0 0;font-size:20px;line-height:1.6;color:#365c83}
.about-main{padding:70px 0 0}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:start}
.about-card{background:#fff;border:1px solid #e1ebf4;border-radius:24px;padding:30px;box-shadow:0 16px 38px rgba(7,54,111,.06)}
.about-card h2{margin:0 0 14px;color:#07366f;font-size:30px;letter-spacing:-.035em}
.about-card h3{margin:0 0 9px;color:#07366f;font-size:19px}
.about-card p{margin:0;color:#587493;line-height:1.75;font-size:15px}
.about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-principle{padding:24px;border-radius:20px;background:#fff;border:1px solid #e1ebf4}
.about-principle span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0f3;color:#ff4b6c;font-weight:900;margin-bottom:15px}
.about-principle p{font-size:14px}
.about-wide{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-contact{margin-top:28px;padding:34px;border-radius:24px;background:#07366f;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.about-contact h2{margin:0 0 8px;font-size:28px}.about-contact p{margin:0;color:#cbd9e8}.about-contact a{display:inline-flex;background:#ff4b6c;color:#fff;text-decoration:none;padding:13px 18px;border-radius:13px;font-weight:900;white-space:nowrap}

@media(max-width:1100px){
  .site-header--shared .site-nav{gap:18px!important}
  .site-header--shared .site-nav a{font-size:13px!important}
  .site-header--shared .site-logo img{width:180px!important}
  .site-footer-v126 .footer__grid{grid-template-columns:1.4fr repeat(3,1fr)!important;gap:28px!important}
}
@media(max-width:900px){
  .site-header.site-header--shared{padding-top:10px!important}
  .site-header--shared .site-header__inner{min-height:64px!important;padding:7px 9px 7px 13px!important;gap:8px!important}
  .site-header--shared .site-logo img{width:172px!important;height:42px!important}
  .site-nav-toggle{display:block!important;margin-left:auto!important}
  .site-header--shared .site-nav{
    display:none!important;position:absolute!important;left:20px!important;right:20px!important;top:78px!important;
    margin:0!important;padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
    border-radius:16px!important;background:#fff!important;border:1px solid rgba(7,54,111,.10)!important;box-shadow:0 18px 42px rgba(4,42,89,.18)!important;
  }
  .site-header--shared .site-nav.is-open{display:flex!important}
  .site-header--shared .site-nav a{padding:13px 12px!important;border-radius:10px!important}
  .site-header--shared .site-nav a:hover{background:#f4f8fc!important}
  .site-header--shared .site-nav a::after{display:none!important}
  .site-header--shared .header-cta{display:none!important}
  .site-header--shared .global-search-panel{top:76px!important;padding:0 20px!important}
  .site-header--shared .global-search-panel .container{width:100%!important;padding:0!important}
  .site-header--shared .global-search-form{width:100%!important}
  body:not(.destination-page):not(.destinations-index):not(.about-page) .hero{min-height:680px!important}
  .site-footer-v126 .footer-cta-panel{grid-template-columns:1fr!important;gap:22px!important}
  .site-footer-v126 .footer__grid{grid-template-columns:1.3fr 1fr 1fr!important}
  .site-footer-v126 .footer-col--note{grid-column:1/-1!important;max-width:720px!important}
  .about-story-grid{grid-template-columns:1fr}.about-wide{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .site-header--shared .site-logo img{width:150px!important}
  .site-header--shared .icon-btn{width:40px!important;height:40px!important;flex-basis:40px!important}
  .site-header--shared .global-search-form{padding:7px 7px 7px 12px!important}
  .site-header--shared .global-search-form input{font-size:13px!important}
  .site-header--shared .global-search-form button{padding:0 13px!important}
  body:not(.destination-page):not(.destinations-index):not(.about-page) .hero{min-height:730px!important}
  .site-footer-v126 .footer-cta-panel h2{font-size:28px!important}
  .site-footer-v126 .footer__grid{grid-template-columns:1fr!important;gap:28px!important}
  .site-footer-v126 .footer-col--note{grid-column:auto!important}
  .site-footer-v126 .footer__bottom{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  .about-hero{padding-bottom:56px}.about-hero__content{padding-top:52px}.about-hero__lead{font-size:17px}.about-main{padding-top:44px}.about-card{padding:24px}.about-principles,.about-wide{grid-template-columns:1fr}.about-contact{align-items:flex-start;flex-direction:column}
}

.about-more-link{display:inline-flex;margin-top:14px;color:#07366f!important;text-decoration:none;font-weight:850;font-size:13px}.about-more-link:hover{color:#ff4b6c!important}


/* MASTER127 — homepage hero fallback.
   The old hero-clean.jpg contains the backpack portrait. Keep a scenic fallback
   even before app-master127.js selects a hero image. Inline JS may override it. */
body:not(.destination-page):not(.destinations-index):not(.about-page) .hero__media{
  background-image:url("https://images.unsplash.com/photo-1756807397744-953d3ddd0998?auto=format&fit=crop&w=2200&q=86");
  background-position:center 55%!important;
  background-size:cover!important;
}


/* MASTER130 — visual mood interlude inside homepage discovery */
.homepage-mood-interlude{
  margin:64px 0 70px;
  padding:38px 0 8px;
  border-top:1px solid rgba(13,43,102,.10);
  border-bottom:1px solid rgba(13,43,102,.08);
}
.homepage-mood-interlude__head{
  margin-bottom:22px;
}
.homepage-mood-interlude__head h3{
  margin:0;
  color:#082d67;
  font-size:clamp(34px,4vw,52px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:900;
}
.homepage-mood-interlude__head p{
  margin:10px 0 0;
  color:#6d85a7;
  font-size:16px;
  line-height:1.55;
}
.homepage-moods-grid{
  margin-top:24px;
}
@media (max-width:760px){
  .homepage-mood-interlude{
    margin:42px 0 48px;
    padding-top:28px;
  }
  .homepage-mood-interlude__head h3{
    font-size:36px;
  }
}


/* =========================================================
   MASTER137 — destination navigation + long modal UX
   ========================================================= */

/* Destination pages are long: keep navigation available while scrolling. */
body.destinations-index .site-header.site-header--shared,
body.destination-page .site-header.site-header--shared{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:2400!important;
  padding-top:12px!important;
}

body.destinations-index .site-header--shared .site-header__inner,
body.destination-page .site-header--shared .site-header__inner{
  box-shadow:0 12px 34px rgba(4,42,89,.15)!important;
}

/* Search panel belongs to the fixed header and must stay above page content. */
body.destinations-index .site-header--shared .global-search-panel,
body.destination-page .site-header--shared .global-search-panel{
  z-index:2450!important;
  pointer-events:auto!important;
}

.site-header--shared .global-search-panel.is-open{
  display:block!important;
}

/* Listing hero needs room for the fixed navbar. */
body.destinations-index .destinations-index-hero{
  padding-top:150px!important;
}

/* Destination detail already has generous hero top padding, just protect small screens. */
@media(max-width:900px){
  body.destinations-index .destinations-index-hero{
    padding-top:122px!important;
  }
  body.destination-page .destination-page-hero__content{
    padding-top:138px!important;
  }
}

/* Homepage destination modal: close button always follows the viewport.
   The user can close a long modal from any scroll position. */
body.detail-open .destination-modal .detail-close{
  position:fixed!important;
  top:max(18px, calc(env(safe-area-inset-top) + 12px))!important;
  right:max(22px, calc(env(safe-area-inset-right) + 14px))!important;
  z-index:4700!important;
  width:48px!important;
  height:48px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:999px!important;
  background:rgba(4,42,89,.92)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(2,31,69,.28)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}

body.detail-open .destination-modal .detail-close:hover{
  transform:translateY(-1px)!important;
  background:#07366f!important;
}

body.detail-open .destination-modal .detail-close .kl-icon,
body.detail-open .destination-modal .detail-close svg{
  width:20px!important;
  height:20px!important;
}

@media(max-width:650px){
  body.detail-open .destination-modal .detail-close{
    top:max(10px, calc(env(safe-area-inset-top) + 8px))!important;
    right:max(10px, calc(env(safe-area-inset-right) + 8px))!important;
    width:44px!important;
    height:44px!important;
  }
}


/* =========================================================
   MASTER138 — Destinace hero + normal navbar + subtle modal close
   ========================================================= */

/* MASTER137 fixed header is intentionally reverted. Destination navigation
   behaves like the rest of the site and scrolls away naturally. */
body.destinations-index .site-header.site-header--shared,
body.destination-page .site-header.site-header--shared{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:80!important;
  padding-top:16px!important;
}

body.destinations-index .site-header--shared .site-header__inner,
body.destination-page .site-header--shared .site-header__inner{
  box-shadow:0 12px 34px rgba(4,42,89,.12)!important;
}

body.destinations-index .site-header--shared .global-search-panel,
body.destination-page .site-header--shared .global-search-panel{
  z-index:95!important;
}

/* Destinations gets the same full hero treatment as the other editorial pages. */
body.destinations-index .destinations-index-hero{
  position:relative;
  overflow:hidden;
  padding:0 0 62px!important;
  background:#eef5fb!important;
}

body.destinations-index .destinations-index-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(245,249,253,.97) 0%,rgba(245,249,253,.90) 46%,rgba(245,249,253,.42) 100%),
    url("https://images.unsplash.com/photo-1516483638261-f4dbaf036963?auto=format&fit=crop&w=2200&q=84") center 46%/cover no-repeat;
  opacity:.98;
}

body.destinations-index .destinations-index-hero>*{
  position:relative;
  z-index:1;
}

body.destinations-index .destinations-index-hero__content{
  padding-top:58px!important;
}

body.destinations-index .destinations-index-hero h1{
  margin-top:6px;
}

.destination-search-hint{
  margin:11px 0 0!important;
  color:#557594!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.destination-search-hint button{
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  color:#07366f;
  font:inherit;
  font-weight:850;
  text-decoration:underline;
  text-decoration-color:rgba(255,75,108,.48);
  text-underline-offset:3px;
  cursor:pointer;
}

.destination-search-hint button:hover{
  color:#ff4b6c;
}

/* MASTER137 fixed viewport close is replaced by a sticky action that remains
   physically inside the modal panel. It is intentionally quiet until hover. */
body.detail-open .destination-modal .destination-modal__sticky-close{
  position:sticky;
  top:12px;
  z-index:4700;
  height:0;
  display:flex;
  justify-content:flex-end;
  padding:0 14px;
  pointer-events:none;
}

body.detail-open .destination-modal .detail-close{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  width:38px!important;
  height:38px!important;
  margin-top:12px!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:auto;
  border:1px solid rgba(7,54,111,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  color:#355a7f!important;
  box-shadow:0 5px 18px rgba(4,42,89,.10)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
  opacity:.82;
}

body.detail-open .destination-modal .detail-close:hover,
body.detail-open .destination-modal .detail-close:focus-visible{
  transform:none!important;
  opacity:1;
  color:#07366f!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 7px 20px rgba(4,42,89,.14)!important;
}

body.detail-open .destination-modal .detail-close .kl-icon,
body.detail-open .destination-modal .detail-close svg{
  width:17px!important;
  height:17px!important;
}

@media(max-width:900px){
  body.destinations-index .site-header.site-header--shared,
  body.destination-page .site-header.site-header--shared{
    padding-top:10px!important;
  }
  body.destinations-index .destinations-index-hero__content{
    padding-top:38px!important;
  }
  body.destination-page .destination-page-hero__content{
    padding-top:72px!important;
  }
}

@media(max-width:650px){
  body.detail-open .destination-modal .destination-modal__sticky-close{
    top:8px;
    padding:0 9px;
  }
  body.detail-open .destination-modal .detail-close{
    width:36px!important;
    height:36px!important;
    margin-top:8px!important;
  }
}


/* =========================================================
   MASTER139 — destination imagery + tighter detail hero
   ========================================================= */

/* Navbar is already in normal flow inside the hero.
   The old 130–155px offset created the large empty band visible in the detail. */
body.destination-page .destination-page-hero__content{
  padding-top:38px!important;
  padding-bottom:60px!important;
}

body.destination-page .destination-breadcrumbs{
  margin-bottom:22px;
}

.destination-directory-card__media{
  position:relative;
}
.destination-directory-card__media img{
  display:block;
}
.destination-directory-card__media .destination-card-placeholder[hidden]{
  display:none!important;
}

@media(max-width:900px){
  body.destination-page .destination-page-hero__content{
    padding-top:28px!important;
  }
}

@media(max-width:650px){
  body.destination-page .destination-page-hero__content{
    padding-top:24px!important;
    padding-bottom:46px!important;
  }
}


/* =========================================================
   MASTER143 — mobile route/trips + quieter media credits
   ========================================================= */

/* Copyright/source marker stays accessible, but no longer competes with the photo. */
.media-credit-badge{
  width:15px!important;
  height:15px!important;
  right:6px!important;
  bottom:6px!important;
  font-size:8px!important;
  font-weight:700!important;
  background:rgba(2,31,69,.44)!important;
  color:rgba(255,255,255,.88)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.08)!important;
  opacity:.42!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  transition:opacity .16s ease, background .16s ease!important;
}
.media-credit-badge:hover,
.media-credit-badge:focus-visible{
  opacity:.95!important;
  background:rgba(2,31,69,.78)!important;
}
.media-credit-badge>span{
  bottom:20px!important;
  font-size:10px!important;
  padding:6px 8px!important;
}

/* Long airport names + transport labels must never overflow modal on mobile. */
@media(max-width:700px){
  .destination-modal .quick-fact--route{
    overflow:visible!important;
  }
  .destination-modal .quick-route{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
  }
  .destination-modal .quick-route__node{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    padding:9px 11px!important;
  }
  .destination-modal .quick-route__line{
    min-width:0!important;
    min-height:54px!important;
    width:100%!important;
  }
  .destination-modal .quick-route__line::before{
    left:50%!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    height:100%!important;
    transform:translateX(-50%)!important;
    background:#C9D9E9!important;
  }
  .destination-modal .quick-route__line::after{
    content:'↓'!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-3px!important;
    transform:translateX(-50%)!important;
    background:#fff!important;
    padding:0 4px!important;
  }
  .destination-modal .quick-route__line b,
  .destination-modal .quick-route__line small{
    max-width:88%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Day-trip photo becomes a real full-width image instead of a narrow strip. */
  .destination-page .deep-trips--visual .deep-trip summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    padding:0 0 14px!important;
    overflow:hidden!important;
  }
  .destination-page .deep-trip-thumb{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    border-radius:22px 22px 0 0!important;
    background-position:center!important;
    background-size:cover!important;
    justify-self:stretch!important;
  }
  .destination-page .deep-trip-summary-copy{
    width:100%!important;
    box-sizing:border-box!important;
    padding:16px 18px 8px!important;
  }
  .destination-page .deep-trip summary>b{
    grid-column:1!important;
    justify-self:start!important;
    margin:0 18px!important;
  }

  .media-credit-badge{
    width:13px!important;
    height:13px!important;
    right:5px!important;
    bottom:5px!important;
    font-size:7px!important;
    opacity:.36!important;
  }
}


/* =========================================================
   MASTER145 — green result tags: icon next to text
   ========================================================= */
.match-reasons span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  line-height:1.15!important;
}

.match-reasons span .kl-icon{
  display:inline-block!important;
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  margin:0!important;
  vertical-align:middle!important;
}


/* MASTER436: app-v175-overrides.css */
/* MASTER173 – unified ski/package cards + ski media hydration */

/* Own Invia form: keep the CTA compact and aligned with the fields. */
.holiday-own-search{
  display:grid !important;
  grid-template-columns:minmax(170px,1.35fr) minmax(145px,.85fr) minmax(145px,.85fr) auto !important;
  gap:12px !important;
  align-items:end !important;
}
.holiday-own-search .holiday-own-search__submit{
  width:auto !important;
  min-width:190px !important;
  max-width:220px !important;
  height:52px !important;
  padding:0 18px !important;
  border-radius:14px !important;
  white-space:nowrap !important;
  justify-content:center !important;
  gap:8px !important;
  box-shadow:0 10px 24px rgba(255,75,111,.20) !important;
}
.holiday-own-search .holiday-own-search__submit .kl-icon{width:17px;height:17px;}

/* Image header belongs to the actual KamLetíme guide, not only to the partner dialog. */
.trip-hub-guide__hero{
  min-height:185px;
  border-radius:22px;
  margin:0 0 18px;
  padding:28px 30px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  position:relative;
  color:#fff;
  box-shadow:0 12px 32px rgba(17,54,95,.10);
}
.trip-hub-guide__hero-copy{position:relative;z-index:2;max-width:760px;}
.trip-hub-guide__hero-copy>span{
  display:block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff6c83;
  margin-bottom:6px;
}
.trip-hub-guide__hero-copy h3{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.08;}
.trip-hub-guide__hero-copy p{margin:9px 0 0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.45;max-width:680px;}
.trip-hub-guide__head--region-note,
.trip-hub-guide__head--ski-note{margin-top:0;align-items:center;}
.guide-teaser-grid--ski .guide-teaser-card{min-height:270px;}

/* Dedicated skiing discovery – these cards are resorts/areas, not generic cities. */
.ski-discovery{
  margin:20px 0 28px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,#f4f8fd 0%,#eef5fc 55%,#f9fbfe 100%);
  border:1px solid #dce8f5;
  box-shadow:0 12px 34px rgba(10,46,92,.06);
}
.ski-discovery__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px;}
.ski-discovery__head>div>span{display:block;color:#ff4f6f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;}
.ski-discovery__head h3{margin:0;color:#0a356b;font-size:28px;line-height:1.12;}
.ski-discovery__head p{margin:7px 0 0;color:#6782a4;max-width:760px;font-size:14px;line-height:1.5;}
.ski-discovery__hint{flex:0 0 auto;background:#fff;border:1px solid #e1ebf5;border-radius:999px;padding:10px 14px;color:#496b91;font-size:12px;font-weight:700;}
.ski-discovery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.ski-destination-card{background:#fff;border:1px solid #e1eaf4;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(10,46,92,.07);display:flex;flex-direction:column;min-width:0;}
.ski-destination-card__media{height:148px;border:0;width:100%;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;background:#dfeaf6 center/cover no-repeat;cursor:pointer;text-align:left;}
.ski-destination-card__country,.ski-destination-card__offer{background:rgba(255,255,255,.94);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:#0b356b;box-shadow:0 3px 10px rgba(5,43,91,.12);}
.ski-destination-card__offer{color:#148445;}
.ski-destination-card__body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;}
.ski-destination-card__body h4{margin:0 0 5px;font-size:19px;color:#0b356b;}
.ski-destination-card__body p{margin:0;color:#6680a1;font-size:13px;line-height:1.45;}
.ski-destination-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.ski-destination-card__meta span{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#557596;background:#f4f8fc;border-radius:999px;padding:6px 9px;}
.ski-destination-card__meta .kl-icon{width:14px;height:14px;}
.ski-destination-card__cta{border:0;background:#ff4f70;color:#fff;font-weight:800;border-radius:13px;min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.ski-destination-card__cta .kl-icon{width:16px;height:16px;}
.ski-destination-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(10,46,92,.11);transition:.18s ease;}

.trip-hub-card__cta--secondary.js-open-holiday-search{margin-top:8px;background:#fff !important;color:#ff4f70 !important;border:1px solid rgba(255,79,112,.25) !important;}

@media (max-width:1100px){
  .ski-discovery__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .holiday-own-search{grid-template-columns:1fr 1fr !important;}
  .holiday-own-search .holiday-own-search__submit{max-width:none !important;width:100% !important;}
}
@media (max-width:680px){
  .ski-discovery{padding:16px;border-radius:18px;}
  .ski-discovery__head{display:block;}
  .ski-discovery__hint{display:inline-block;margin-top:12px;}
  .ski-discovery__grid{grid-template-columns:1fr;}
  .ski-destination-card__media{height:175px;}
  .trip-hub-guide__hero{min-height:160px;border-radius:18px;padding:22px 20px;}
  .holiday-own-search{grid-template-columns:1fr !important;}
  .holiday-own-search .holiday-own-search__submit{min-width:0 !important;width:100% !important;}
}

.ski-transport-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 18px;padding:14px 16px;border:1px solid #dbe8f5;background:#f6f9fd;border-radius:16px;}
.ski-transport-strip>div:first-child{display:flex;align-items:center;gap:10px;min-width:0;}
.ski-transport-strip>div:first-child>span{width:38px;height:38px;border-radius:12px;background:#e8f3ff;color:#0c5fa8;display:grid;place-items:center;flex:0 0 auto;}
.ski-transport-strip p{margin:0;display:grid;gap:2px;color:#0a356b;}
.ski-transport-strip p small{font-weight:500;color:#6a84a4;}
.ski-transport-strip__actions{display:flex;gap:9px;flex:0 0 auto;}
.ski-transport-strip__actions a,.ski-transport-strip__actions button{min-height:40px;padding:0 13px;border-radius:11px;border:1px solid #d7e4f2;background:#fff;color:#0a356b;font-weight:800;display:inline-flex;align-items:center;gap:7px;text-decoration:none;cursor:pointer;font:inherit;font-size:12px;}
.ski-transport-strip__actions button{background:#ff4f70;border-color:#ff4f70;color:#fff;}
.ski-transport-strip__actions .kl-icon{width:15px;height:15px;}
@media (max-width:760px){.ski-transport-strip{display:block}.ski-transport-strip__actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.ski-transport-strip__actions a,.ski-transport-strip__actions button{justify-content:center;}}

/* MASTER170 – plain guide heading + section media, snow status, clean partner header */
.trip-hub-guide__title--plain{min-width:0;}
.trip-hub-guide__title--plain>span{display:block;color:#ff4f6f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;}
.trip-hub-guide__title--plain h3{margin:0;color:#0a356b;font-size:clamp(27px,3vw,38px);line-height:1.08;}
.trip-hub-guide__head--region-note,.trip-hub-guide__head--ski-note{margin-bottom:18px;}

.guide-teaser-card{overflow:hidden;}
.guide-teaser-card__media{
  height:112px;
  margin:-1px -1px 10px;
  border-radius:18px 18px 0 0;
  background:#e7eef7 center/cover no-repeat;
  position:relative;
  overflow:hidden;
}
.guide-teaser-card__media.is-missing{display:none;}
.guide-teaser-card__media .media-credit{font-size:8px;right:7px;bottom:6px;}
.guide-teaser-grid--ski .guide-teaser-card__media{height:118px;}

.holiday-partner-head{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;
  padding:22px 24px 18px;border-bottom:1px solid #e6edf6;background:#f8fbff;color:#0b2e5d;
}
.holiday-partner-head small{display:block;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6d86a7;font-size:12px;}
.holiday-partner-head h3{margin:5px 0 6px;font-size:28px;color:#0b2e5d;line-height:1.12;}
.holiday-partner-head p{margin:0;color:#617c9d;font-size:14px;}
.holiday-partner-head button{border:0;background:#fff;border-radius:999px;width:42px;height:42px;cursor:pointer;font-size:24px;line-height:1;color:#112f55;box-shadow:0 5px 18px rgba(17,47,85,.10);flex:0 0 auto;}

.ski-snow-status{
  min-height:38px;border:1px solid #dce9f6;background:#f5f9fd;border-radius:12px;padding:9px 11px;
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#557596;font-size:11px;line-height:1.25;
}
.ski-snow-status .kl-icon{width:15px;height:15px;color:#1975b9;flex:0 0 auto;}
.ski-snow-status span{font-weight:700;color:#315d88;}
.ski-snow-status small{width:100%;padding-left:22px;color:#7f95af;font-size:9px;}
.ski-snow-status.has-data{background:#eef8ff;border-color:#d4e9f7;}
.ski-snow-status__loading{font-weight:600 !important;color:#7a91aa !important;}
.trip-hub-guide>.ski-snow-status{margin:-4px 0 16px;padding:10px 13px;}

.ski-destination-card__body .ski-snow-status{margin-top:-2px;}

@media (max-width:680px){
  .guide-teaser-card__media{height:132px;}
  .holiday-partner-head{padding:18px 18px 15px;}
  .holiday-partner-head h3{font-size:24px;}
}


/* MASTER173 – Ski discovery follows the same clean card language as holiday offers.
   No decorative section/card borders; hierarchy comes from spacing, white surfaces and soft shadow. */
.ski-discovery{
  padding:0 !important;
  margin:22px 0 30px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.ski-discovery__head{margin-bottom:18px !important;}
.ski-discovery__hint{
  border:0 !important;
  background:#fff !important;
  box-shadow:0 7px 22px rgba(10,46,92,.07);
}
.ski-destination-card{
  border:0 !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(10,46,92,.08) !important;
}
.ski-destination-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(10,46,92,.12) !important;
}
.ski-destination-card__media{
  border:0 !important;
  background-color:#e9f0f7 !important;
  background-position:center !important;
  background-size:cover !important;
}
.ski-snow-status,
.ski-snow-status.has-data{
  border:0 !important;
  background:#f2f7fb !important;
  box-shadow:none !important;
}
.ski-destination-card__meta span{border:0 !important;}
@media (max-width:680px){
  .ski-discovery{padding:0 !important;border-radius:0 !important;}
}


/* MASTER174 – modal performance hardening. Keep the snow row height stable while async data arrives. */
.trip-hub-guide>.ski-snow-status{
  min-height:68px;
  align-content:center;
}
.ski-snow-status{
  min-height:64px;
}
.destination-scrollbar span{
  will-change:transform;
}


/* MASTER175 — clean borderless ski/detail UI + compact snow fact. */
#intentSummary.intent-summary,
.intent-summary.intent-summary--results{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.intent-chip,
.intent-chip span{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.ski-discovery{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.ski-discovery__hint,
.ski-destination-card,
.ski-destination-card__media,
.ski-destination-card__meta span,
.ski-snow-status,
.ski-snow-status.has-data{
  border:0 !important;
  outline:0 !important;
}

.trip-hub-provider,
.pelikan-flight-search,
.kl-flight-own,
.ski-transport-strip,
.trip-hub-guide{
  border:0 !important;
  outline:0 !important;
}
.ski-transport-strip__actions a,
.ski-transport-strip__actions button,
.trip-hub-card__cta--secondary.js-open-holiday-search{
  border:0 !important;
  outline:0 !important;
}
.holiday-partner-head{border-bottom:0 !important;}

/* Snow details in destination modal are intentionally compact and live in the hero facts. */
.destination-hero__snow-fact{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.destination-hero__snow-fact[hidden]{display:none !important;}
.destination-hero__snow-fact .kl-icon{width:16px;height:16px;}
.destination-hero__snow-fact strong{font-weight:800;}

/* The guide no longer carries a large snow-status row. Homepage cards keep their compact status. */
.trip-hub-guide > .ski-snow-status{display:none !important;}

/* Package-like visual language for ski cards: clean surface + subtle shadow, no decorative line. */
.ski-destination-card{
  box-shadow:0 10px 28px rgba(10,46,92,.08) !important;
}
.guide-teaser-card{
  border:0 !important;
  outline:0 !important;
  box-shadow:0 8px 24px rgba(10,46,92,.06) !important;
}

/* Side modal navigation remains visually clean. */
.destination-nav{border:0 !important;outline:0 !important;}


/* MASTER436: app-v190-overrides.css */
/* MASTER181 — strong background grouping: flight + hotel together, package visually separate */
.trip-hub-provider__grid--planner{
  display:grid !important;
  grid-template-columns:minmax(0,1.85fr) minmax(270px,.95fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.trip-build,
.trip-package-alt{
  min-width:0;
  border-radius:22px;
  overflow:hidden;
}
.trip-build{
  padding:18px 18px 16px;
  border:0 !important;
  background:linear-gradient(135deg,#dfefff 0%,#edf6ff 55%,#e5f2ff 100%) !important;
  box-shadow:0 14px 34px rgba(10,46,92,.075);
}
.trip-package-alt{
  display:flex;
  flex-direction:column;
  padding:18px;
  border:0 !important;
  background:linear-gradient(145deg,#f1f2f5 0%,#f7f8fa 100%) !important;
  box-shadow:0 14px 30px rgba(10,46,92,.055);
}
.trip-build__head,
.trip-package-alt__head{
  position:relative;
  padding:0 2px 14px;
}
.trip-build__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.trip-build__head span,
.trip-package-alt__head span{
  display:block;
  margin-bottom:4px;
  color:#65758a;
  font-size:11px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.trip-build__head h4,
.trip-package-alt__head strong{
  margin:0;
  color:#0a2f5f;
  line-height:1.15;
}
.trip-build__head h4{font-size:20px;}
.trip-package-alt__head strong{display:block;font-size:18px;}
.trip-package-alt__head span{color:#7a8190;}
.trip-package-alt .trip-hub-card__icon{background:rgba(255,255,255,.72);}
.trip-build__head small{
  max-width:190px;
  color:#718096;
  font-size:11px;
  line-height:1.35;
  text-align:right;
}
.trip-build__parts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.trip-build__part{
  min-width:0;
  padding:14px 14px 12px;
  border-radius:18px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.trip-build__part:first-child{padding-top:14px;}
.trip-build__part + .trip-build__part{border-top:0 !important;}
.trip-build .trip-hub-card,
.trip-package-alt > .trip-hub-card{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.trip-build .trip-hub-card{border-radius:0 !important;}
.trip-build .trip-hub-card:hover,
.trip-package-alt > .trip-hub-card:hover{transform:none !important;box-shadow:none !important;}
.trip-build .trip-hub-card__head,
.trip-package-alt > .trip-hub-card .trip-hub-card__head{margin-bottom:8px;}
.trip-build .trip-hub-card > p{margin-top:8px;margin-bottom:10px;}
.trip-package-alt .trip-hub-card__head > div > small{display:none;}
.trip-package-alt .trip-hub-card__cta{margin-top:auto;}
.trip-build__addon{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-top:12px;
  padding:12px 13px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(0,113,194,.055),rgba(0,53,128,.035));
}
.trip-build__addon[hidden]{display:none !important;}
.trip-build__addon-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:#fff;
  color:#006ce4;
  box-shadow:0 5px 15px rgba(10,46,92,.07);
}
.trip-build__addon-icon .kl-icon{width:18px;height:18px;}
.trip-build__addon small{display:block;color:#718096;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.trip-build__addon strong{display:block;margin-top:1px;color:#0a356b;font-size:13px;}
.trip-build__addon p{margin:3px 0 0;color:#6b7788;font-size:11px;line-height:1.35;}
.trip-build__addon a{
  white-space:nowrap;
  text-decoration:none;
  color:#006ce4;
  font-size:12px;
  font-weight:850;
}
.trip-build .booking-cars-panel{margin-top:10px !important;border-radius:15px !important;box-shadow:none !important;}
@media(max-width:1100px){
  .trip-build__parts{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .trip-hub-provider__grid--planner{grid-template-columns:1fr !important;}
  .trip-package-alt{min-height:0;}
}
@media(max-width:620px){
  .trip-build,.trip-package-alt{border-radius:18px;}
  .trip-build{padding:15px 14px 13px;}
  .trip-package-alt{padding:15px 14px;}
  .trip-build__head{display:block;}
  .trip-build__head small{display:block;max-width:none;margin-top:5px;text-align:left;}
  .trip-build__part{padding:13px 13px 11px;}
  .trip-build__addon{grid-template-columns:auto minmax(0,1fr);}
  .trip-build__addon a{grid-column:2;justify-self:start;margin-top:2px;}
}


/* MASTER182 — richer Booking links, connector between flight and hotel, ski card parity */
.trip-build__parts{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:10px;align-items:center;}
.trip-build__connector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7a8ca3;text-align:center}
.trip-build__connector span{display:grid;place-items:center;width:54px;height:54px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 8px 20px rgba(10,46,92,.08)}
.trip-build__connector .kl-icon{width:20px;height:20px}
.trip-build__connector small{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.kl-booking-strip__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kl-booking-link{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 13px;border-radius:16px;background:#fff;color:#0a356b;text-decoration:none;box-shadow:0 8px 20px rgba(6,43,92,.07);transition:transform .18s ease,box-shadow .18s ease}
.kl-booking-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(6,43,92,.11)}
.kl-booking-link__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#eaf4ff,#f7fbff);color:#006ce4}
.kl-booking-link__copy{display:flex;flex-direction:column;min-width:0}
.kl-booking-link__copy strong{font-size:13px;line-height:1.2}
.kl-booking-link__copy small{margin-top:2px;color:#6b7788;font-size:11px;line-height:1.35}
.kl-booking-link__arrow{margin-left:auto;display:grid;place-items:center;color:#8ba0b6}
.guide-teaser-list__item--booking{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.guide-teaser-list__copy{min-width:0}
.guide-teaser-list__cta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;color:#006ce4;font-size:12px;font-weight:800}
.ski-discovery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.destination-hero-bubble--snow .destination-hero-bubble__icon{background:rgba(255,255,255,.18)}
@media(max-width:1100px){.trip-build__parts{grid-template-columns:1fr}.trip-build__connector{flex-direction:row;justify-content:flex-start;padding:0 14px 8px}.trip-build__connector span{width:42px;height:42px}.trip-build__connector .kl-icon{transform:rotate(90deg)}.ski-discovery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.kl-booking-strip__links{grid-template-columns:1fr}.guide-teaser-list__item--booking{display:block}.guide-teaser-list__cta{margin-top:6px}}
@media(max-width:680px){.ski-discovery__grid{grid-template-columns:1fr}}


/* MASTER185 — stronger step connector between flight and hotel */
.trip-build__parts{
  grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);
  gap:0;
  align-items:stretch;
  position:relative;
}
.trip-build__part{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.38) !important;
  box-shadow:0 10px 24px rgba(10,46,92,.055) !important;
}
.trip-build__part--flight{border-radius:18px 11px 11px 18px;}
.trip-build__part--hotel{border-radius:11px 18px 18px 11px;}
.trip-build__connector{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:0 -8px;
  color:#244f7f;
  text-align:center;
  pointer-events:none;
}
.trip-build__connector .trip-build__chevron{
  display:grid;
  place-items:center;
  width:76px;
  height:104px;
  border-radius:22px;
  background:linear-gradient(145deg,#7fa9d2 0%,#5d87b5 100%);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:78px;
  font-weight:300;
  line-height:.78;
  padding:0 0 8px 6px;
  text-shadow:0 2px 3px rgba(0,24,55,.20);
  box-shadow:0 13px 28px rgba(18,62,106,.24),inset 0 1px 0 rgba(255,255,255,.32);
}
.trip-build__connector small{
  margin-top:-1px;
  color:#4a6f96;
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
@media(max-width:1100px){
  .trip-build__parts{grid-template-columns:1fr;gap:0;}
  .trip-build__connector{margin:-5px 0;flex-direction:row;justify-content:center;padding:0;}
  .trip-build__connector .trip-build__chevron{width:64px;height:48px;border-radius:16px;font-size:50px;line-height:.75;padding:0 0 6px 3px;transform:rotate(90deg);}
  .trip-build__part--flight,.trip-build__part--hotel{border-radius:16px;}
}


/* MASTER186 — connected chevron between flight and hotel, no fake transfer prefill */
.trip-build__parts{gap:0 !important;}
.trip-build__part--flight{border-radius:18px 0 0 18px;padding-right:34px;}
.trip-build__part--hotel{border-radius:0 18px 18px 0;padding-left:34px;}
.trip-build__connector{
  position:relative;
  z-index:4;
  width:64px;
  margin:0 -32px;
  gap:8px;
  color:#3d648f;
}
.trip-build__connector .trip-build__chevron{
  display:block;
  width:auto;
  height:auto;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  font-family:Arial,sans-serif;
  font-size:150px;
  font-weight:400;
  line-height:.72;
  color:#5b86b5;
  text-shadow:0 6px 16px rgba(18,62,106,.18),0 2px 3px rgba(255,255,255,.32);
  padding:0;
}
.trip-build__connector small{
  margin-top:-28px;
  background:rgba(234,243,252,.92);
  padding:2px 7px;
  border-radius:999px;
  box-shadow:0 4px 12px rgba(18,62,106,.08);
}
@media(max-width:1100px){
  .trip-build__part--flight,.trip-build__part--hotel{padding-left:13px;padding-right:13px;border-radius:16px;}
  .trip-build__connector{width:auto;margin:-4px 0 2px;}
  .trip-build__connector .trip-build__chevron{font-size:98px;line-height:.62;transform:rotate(90deg);}
  .trip-build__connector small{margin-top:0;}
}


/* MASTER187 — connector redesign: elegant linked chevron between flight and hotel */
.trip-build__parts{gap:0 !important;align-items:stretch !important;}
.trip-build__part--flight{border-radius:18px 0 0 18px !important;padding-right:38px !important;}
.trip-build__part--hotel{border-radius:0 18px 18px 0 !important;padding-left:38px !important;}
.trip-build__connector{
  position:relative;
  z-index:5;
  width:74px;
  min-width:74px;
  margin:0 -37px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  pointer-events:none;
}
.trip-build__connector .trip-build__chevron{
  position:relative;
  display:block;
  width:74px;
  height:124px;
  font-size:0;
  color:transparent;
  text-indent:-9999px;
  overflow:hidden;
}
.trip-build__connector .trip-build__chevron::before,
.trip-build__connector .trip-build__chevron::after{
  content:'';
  position:absolute;
  right:8px;
  width:58px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(180deg,#5d88b6 0%,#4874a3 100%);
  box-shadow:0 9px 20px rgba(22,61,103,.16), inset 0 1px 0 rgba(255,255,255,.24);
  transform-origin:right center;
}
.trip-build__connector .trip-build__chevron::before{top:31px;transform:rotate(28deg);}
.trip-build__connector .trip-build__chevron::after{top:82px;transform:rotate(-28deg);}
.trip-build__connector small{
  margin-top:-8px;
  color:#50739b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.15;
  text-align:center;
}
@media(max-width:1100px){
  .trip-build__part--flight,.trip-build__part--hotel{padding-left:13px !important;padding-right:13px !important;border-radius:16px !important;}
  .trip-build__connector{width:auto;min-width:0;margin:-4px 0 4px;gap:6px;}
  .trip-build__connector .trip-build__chevron{width:102px;height:54px;}
  .trip-build__connector .trip-build__chevron::before,
  .trip-build__connector .trip-build__chevron::after{right:22px;width:44px;height:8px;transform-origin:right center;}
  .trip-build__connector .trip-build__chevron::before{top:11px;transform:rotate(118deg);}
  .trip-build__connector .trip-build__chevron::after{top:35px;transform:rotate(62deg);}
  .trip-build__connector small{margin-top:-4px;}
}


/* MASTER188 — bold elegant flow connector between flight and hotel */
.trip-build__parts{gap:0 !important;align-items:stretch !important;}
.trip-build__part--flight{border-radius:18px 0 0 18px !important;padding-right:44px !important;}
.trip-build__part--hotel{border-radius:0 18px 18px 0 !important;padding-left:44px !important;}
.trip-build__connector{
  position:relative;
  z-index:7;
  width:92px;
  min-width:92px;
  margin:0 -46px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.trip-build__connector small{display:none !important;}
.trip-build__connector .trip-build__chevron{
  position:relative;
  display:block;
  width:86px;
  height:132px;
  font-size:0;
  color:transparent;
  text-indent:-9999px;
  overflow:hidden;
  filter:drop-shadow(0 14px 24px rgba(21,61,106,.16));
}
.trip-build__connector .trip-build__chevron::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#6d96c1 0%,#4e79a8 100%);
  clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,27% 50%);
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(31,76,122,.12);
}
.trip-build__connector .trip-build__chevron::after{
  content:'';
  position:absolute;
  left:14px;
  top:16px;
  width:58px;
  height:100px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03));
  clip-path:polygon(0 0,66% 0,100% 50%,66% 100%,0 100%,24% 50%);
  border-radius:14px;
}
@media(max-width:1100px){
  .trip-build__part--flight,.trip-build__part--hotel{padding-left:13px !important;padding-right:13px !important;border-radius:16px !important;}
  .trip-build__connector{width:auto;min-width:0;margin:-2px 0 4px;}
  .trip-build__connector .trip-build__chevron{width:118px;height:62px;filter:drop-shadow(0 10px 16px rgba(21,61,106,.14));}
  .trip-build__connector .trip-build__chevron::before{clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,22% 50%);}
  .trip-build__connector .trip-build__chevron::after{left:14px;top:10px;width:78px;height:42px;clip-path:polygon(0 0,66% 0,100% 50%,66% 100%,0 100%,18% 50%);}
}


/* MASTER189 — revert flow connector to round icon version from the first proposal */
.trip-build__parts{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;gap:10px !important;align-items:center !important;}
.trip-build__part--flight{border-radius:18px !important;padding-right:14px !important;}
.trip-build__part--hotel{border-radius:18px !important;padding-left:14px !important;}
.trip-build__connector{
  position:relative !important;
  z-index:4 !important;
  width:88px !important;
  min-width:88px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#5d7591 !important;
  text-align:center !important;
  pointer-events:none !important;
}
.trip-build__connector .trip-build__chevron{
  display:grid !important;
  place-items:center !important;
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  background:linear-gradient(145deg,#7ea6d0 0%,#5c86b4 100%) !important;
  color:#fff !important;
  font-family:Arial,sans-serif !important;
  font-size:54px !important;
  font-weight:300 !important;
  line-height:1 !important;
  padding:0 0 5px 3px !important;
  text-shadow:0 2px 3px rgba(0,24,55,.20) !important;
  box-shadow:0 12px 24px rgba(18,62,106,.20), inset 0 1px 0 rgba(255,255,255,.32) !important;
  filter:none !important;
}
.trip-build__connector .trip-build__chevron::before,
.trip-build__connector .trip-build__chevron::after{content:none !important;display:none !important;}
.trip-build__connector small{
  display:block !important;
  margin-top:0 !important;
  color:#4a6f96 !important;
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  line-height:1.15 !important;
}
@media(max-width:1100px){
  .trip-build__parts{grid-template-columns:1fr !important;gap:0 !important;}
  .trip-build__connector{width:auto !important;min-width:0 !important;margin:-5px 0 0 !important;flex-direction:row !important;justify-content:center !important;}
  .trip-build__connector .trip-build__chevron{width:48px !important;height:48px !important;font-size:42px !important;padding:0 0 4px 2px !important;transform:rotate(90deg) !important;}
  .trip-build__part--flight,.trip-build__part--hotel{border-radius:16px !important;}
}


/* MASTER190 — flow connector SVG + Booking handoff polish */
.trip-build__connector .trip-build__chevron{
  padding:0 !important;
  font-size:0 !important;
}
.trip-build__connector .trip-build__chevron .kl-icon{
  display:block !important;
  width:26px !important;
  height:26px !important;
  color:#fff !important;
  stroke:currentColor !important;
  transform:none !important;
}
@media(max-width:1100px){
  .trip-build__connector .trip-build__chevron{padding:0 !important;transform:none !important;}
  .trip-build__connector .trip-build__chevron .kl-icon{transform:rotate(90deg) !important;}
}


/* MASTER436: app-v293-overrides.css */
/* MASTER293 — ski modal regression repair only. Keep M291 visual language. */
.ski-destination-card{position:relative;isolation:isolate;cursor:pointer;}
.ski-destination-card__media,.ski-destination-card__cta{position:relative;z-index:2;pointer-events:auto;}
.ski-destination-card .ski-snow-status{pointer-events:none;}
.destination-modal__panel--ski #destinationProviderHub{display:block;}


/* MASTER436: app-v331-search-clear.css */
/* MASTER331 — tiny search UX patch only. */
.discover-input{
  position:relative;
}
.discover-input input{
  padding-right:48px;
}
.discover-input__clear{
  position:absolute;
  top:50%;
  right:9px;
  z-index:3;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(7,54,111,.08);
  color:#07366f;
  font:600 22px/1 Arial,sans-serif;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .16s ease,transform .16s ease;
}
.discover-input__clear:hover{
  background:rgba(7,54,111,.14);
  transform:translateY(-50%) scale(1.04);
}
.discover-input__clear:focus-visible{
  outline:2px solid rgba(7,54,111,.45);
  outline-offset:2px;
}
.discover-input__clear[hidden]{
  display:none !important;
}
@media (max-width:820px){
  .discover-input input{
    padding-right:44px;
  }
  .discover-input__clear{
    right:7px;
    width:30px;
    height:30px;
    font-size:21px;
  }
}


/* MASTER436: app-v347-ski-more.css */
/* MASTER335 — only ski "show more" control. */
.ski-discovery__more{
  display:block;
  margin:22px auto 0;
  min-width:190px;
  padding:11px 18px;
  border:1px solid rgba(7,54,111,.14);
  border-radius:999px;
  background:#fff;
  color:#07366f;
  font:700 14px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(7,54,111,.07);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.ski-discovery__more:hover{
  transform:translateY(-1px);
  background:#f7fbff;
  box-shadow:0 11px 28px rgba(7,54,111,.11);
}
.ski-discovery__more:focus-visible{
  outline:2px solid rgba(7,54,111,.45);
  outline-offset:3px;
}


/* MASTER347 — ensure hidden ski cards really stay hidden.
   Some card display rules can override the browser's default [hidden] rule. */
.ski-destination-card[hidden]{
  display:none !important;
}


/* MASTER436: home-autocomplete-mobile-v416.css */
/* MASTER413 — after all existing CSS. Mobile fixes scoped to homepage. */
#discover, #discover .discover-input, #discover .discover-submit {min-width:0;max-width:100%;box-sizing:border-box}
#discover .discover-input{position:relative;width:100%;min-width:0;}
#discover #discoverQuery{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
#discover .discover-submit{width:100%;min-width:0}
#discover{width:100%;max-width:100%;box-sizing:border-box}
#kl416-main-suggest{position:fixed;z-index:1100;border:1px solid #dce6f2;border-radius:15px;background:#fff;color:#172b45;box-shadow:0 16px 40px rgba(11,35,60,.18);padding:6px;box-sizing:border-box;max-height:min(350px,48vh);overflow:auto;overscroll-behavior:contain}
#kl416-main-suggest[hidden]{display:none!important}
#kl416-main-suggest button{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;width:100%;border:0;border-radius:10px;padding:11px 12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
#kl416-main-suggest button:hover,#kl416-main-suggest button[aria-selected=true]{background:#eef5ff}
#kl416-main-suggest strong{display:block;font-size:14px}#kl416-main-suggest small{display:block;color:#62768a;font-size:12px;margin-top:3px}#kl416-main-suggest .iata{font-size:11px;font-weight:800;background:#edf3f9;border-radius:6px;padding:4px 7px;flex-shrink:0}
@media(max-width:860px){
  #top.hero .hero__content{padding-top:12px!important}
  #top.hero .hero__copy{padding-top:55px!important;max-width:100%;min-width:0}
  #top.hero .hero__copy h1{font-size:clamp(32px,8.5vw,44px);line-height:1.03;letter-spacing:-1.7px}
  #discover{grid-template-columns:minmax(0,1fr)!important;gap:12px}
  #discover .discover-input,#discover .discover-submit{height:58px;max-width:100%;min-width:0}
  #discover .discover-input{padding-inline:13px;gap:9px;border-radius:15px}
  #discover #discoverQuery{font-size:16px!important;flex:1 1 auto;min-width:0}
  #discover .discover-submit{font-size:17px;border-radius:15px}
}
@media(max-width:560px){
  #top.hero .hero__content{padding-top:8px!important}
  #top.hero .hero__copy{padding-top:30px!important}
  #top.hero .hero__copy h1{margin-bottom:12px}
  #top.hero .hero__copy p{margin-bottom:18px}
  #discover .discover-input__icon{flex:0 0 auto}
  #discover .discover-input__clear{flex:0 0 auto}
}

@media(max-width:860px){#top.hero,#top.hero .hero__content,#top.hero .hero__copy{max-width:100%;min-width:0}#discover{max-width:100%;min-width:0}#discover .discover-input,#discover .discover-submit{box-sizing:border-box;max-width:100%;min-width:0}}