.pair-page{background:#f3f6f4}
.pair-hero{
  position:relative;overflow:hidden;
  min-height:470px;display:flex;align-items:center;
  background:
    radial-gradient(circle at 70% 45%,rgba(123,195,152,.16),transparent 24%),
    linear-gradient(105deg,rgba(7,24,15,.95),rgba(7,24,15,.80) 48%,rgba(7,24,15,.50)),
    url('/images/h/snimek-obrazovky-2026-02-24-v-19.39.36-66.jpg') center/cover no-repeat;
  border-bottom:1px solid rgba(15,70,40,.18);
}
.pair-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.025) 50%,transparent 64%);
}
.pair-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:50px;align-items:center}
.pair-hero-copy h3{
  margin:0 0 12px!important;color:#9ee0b8!important;
  font:800 12px/1.2 Arial,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important
}
.pair-hero-copy h1{
  max-width:720px;margin:0!important;color:#fff!important;
  font:400 clamp(44px,7vw,78px)/1.02 Georgia,"Times New Roman",serif!important;
  text-shadow:0 12px 35px rgba(0,0,0,.28)
}

/* abstraktní obrys páru / propojení */
.pair-symbol{position:relative;width:300px;height:300px;margin:auto;opacity:.95}
.pair-orbit{position:absolute;border:1px solid rgba(160,233,188,.28);border-radius:50%}
.pair-orbit-a{inset:18px}.pair-orbit-b{inset:48px;transform:rotate(34deg);border-style:dashed}
.pair-person{position:absolute;bottom:55px;width:92px;height:145px;border:2px solid rgba(206,248,222,.72);border-top:0;border-radius:48% 48% 44% 44% / 55% 55% 38% 38%}
.pair-person span{position:absolute;left:50%;top:-54px;transform:translateX(-50%);width:54px;height:54px;border:2px solid rgba(206,248,222,.82);border-radius:50%}
.pair-person-a{left:57px;transform:rotate(5deg)}.pair-person-b{right:57px;transform:rotate(-5deg)}
.pair-center{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(57,255,145,.62);box-shadow:0 0 30px rgba(57,255,145,.13)}
.pair-center::after{content:"";position:absolute;inset:10px;border:1px solid rgba(57,255,145,.32)}

.pair-zone{padding-top:55px}
.pair-content{max-width:1000px}
.pair-content > div{display:contents}
.pair-content p{max-width:850px;margin-left:auto;margin-right:auto}
.pair-content h2,.pair-content h3,.pair-content h4{max-width:880px;margin-left:auto;margin-right:auto}
.pair-content h2{margin-top:44px!important}
.pair-content h2::before{content:"";display:block;width:44px;height:3px;margin-bottom:13px;border-radius:99px;background:#0a9b50}
.pair-content a{color:#08783e;text-decoration:underline;text-underline-offset:3px}
.pair-content ul{max-width:850px;margin:20px auto;padding-left:1.5em;list-style:disc}
.pair-content li{display:list-item}
.pair-content img{max-width:100%;height:auto;border-radius:16px}
.pair-content table{width:100%;border-collapse:collapse;margin:22px 0}
.pair-content td,.pair-content th{padding:11px 13px;border-bottom:1px solid #dce5df;text-align:left}

/* anchors původní stránky */
.pair-content a[name]{display:block;position:relative;top:-90px;visibility:hidden}

/* ceníkový blok */
.pair-content h1{font-size:34px!important;margin-top:54px!important}
.pair-content h1 + h2{margin-top:18px!important}

@media(max-width:760px){
  .pair-hero{min-height:390px;padding:70px 0 45px;background-position:58% center}
  .pair-hero-inner{grid-template-columns:1fr;gap:18px}
  .pair-symbol{position:absolute;right:-52px;bottom:-62px;width:220px;height:220px;opacity:.34}
  .pair-hero-copy{position:relative;z-index:2;padding-right:15px}
  .pair-hero-copy h1{font-size:44px!important}
  .pair-content{padding:22px 18px}
}


/* v30 – oživení stránky Pobyt ve tmě pro dva */
.pair-hero{
  min-height:560px;
  background:
    radial-gradient(circle at 76% 38%,rgba(123,195,152,.22),transparent 26%),
    linear-gradient(105deg,rgba(7,24,15,.93),rgba(7,24,15,.78) 48%,rgba(7,24,15,.54)),
    url('/images/h/snimek-obrazovky-2026-02-24-v-19.39.36-66.jpg') center/cover no-repeat;
}
.pair-hero-inner{
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  gap:62px;
}
.pair-hero-copy h1{margin-bottom:18px!important}
.pair-hero-lead{
  max-width:640px;
  margin:0 0 22px!important;
  color:rgba(244,252,247,.92)!important;
  font:400 clamp(18px,2vw,22px)/1.7 Georgia,"Times New Roman",serif!important;
}
.pair-hero-badges,
.pair-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
}
.pair-hero-badges{margin:0 0 22px}
.pair-hero-badges span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:9px 16px;
  border:1px solid rgba(162,242,193,.28);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#ecfbf2;
  font:700 13px/1.2 Arial,sans-serif;
  letter-spacing:.03em;
}
.pair-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:14px;
  background:#dff7e8;
  color:#09351f!important;
  text-decoration:none!important;
  font:700 14px/1 Arial,sans-serif!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16);
}
.pair-hero-btn:hover{transform:translateY(-1px)}
.pair-hero-btn-secondary{
  background:transparent;
  border:1px solid rgba(224,250,234,.34);
  color:#f2fff6!important;
}
.pair-illustration{
  position:relative;
  width:min(100%,390px);
  margin:auto;
  filter:drop-shadow(0 28px 35px rgba(0,0,0,.22));
}
.pair-illustration::before{
  content:"";
  position:absolute;
  inset:12% 10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(66,255,146,.12),transparent 62%);
  filter:blur(10px);
}
.pair-illustration svg{display:block;width:100%;height:auto}

.pair-zone{padding-top:60px;padding-bottom:28px}
.pair-content{max-width:1080px}
.pair-content > div{display:contents}
.pair-content p{max-width:880px;margin-left:auto;margin-right:auto}
.pair-content h2,.pair-content h3,.pair-content h4,.pair-content h1{max-width:920px;margin-left:auto;margin-right:auto}
.pair-content .pair-lead{
  font-size:1.17rem;
  line-height:1.9;
  color:#113624;
}
.pair-intro-panel{
  max-width:920px;
  margin:0 auto 26px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(240px,.7fr);
  gap:24px;
  align-items:stretch;
}
.pair-intro-copy{
  padding:28px 30px;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff,#f8fbf8);
  box-shadow:0 18px 42px rgba(8,46,26,.06);
  border:1px solid rgba(17,96,53,.08);
}
.pair-intro-copy p:last-child{margin-bottom:0}
.pair-quote-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:28px 26px;
  border-radius:26px;
  background:linear-gradient(150deg,#123323,#0a2217);
  color:#effbf3;
  box-shadow:0 22px 46px rgba(8,46,26,.14);
}
.pair-quote-card strong{
  font:400 34px/1.08 Georgia,"Times New Roman",serif;
}
.pair-quote-card span{
  color:rgba(240,253,244,.82);
  font:700 14px/1.5 Arial,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.pair-benefit-grid{
  max-width:920px;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.pair-benefit-card{
  padding:22px 20px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(16,91,51,.08);
  box-shadow:0 16px 32px rgba(10,44,26,.06);
}
.pair-benefit-card h3{
  margin:0 0 10px!important;
  color:#113624!important;
  font:700 20px/1.2 Georgia,"Times New Roman",serif!important;
}
.pair-benefit-card p{
  margin:0!important;
  color:#355445;
  font-size:15px;
  line-height:1.7;
}
.pair-practical-note{
  max-width:920px!important;
  margin:0 auto 18px!important;
  padding:16px 20px;
  border-left:4px solid #0aa04f;
  border-radius:0 16px 16px 0;
  background:rgba(10,160,79,.08);
}
.pair-reason-links{
  max-width:920px;
  margin:18px auto 22px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.pair-reason-pill{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:10px 16px;
  border-radius:999px;
  text-decoration:none!important;
  background:#fff;
  border:1px solid rgba(16,91,51,.12);
  box-shadow:0 10px 24px rgba(10,44,26,.05);
  color:#0d5a31!important;
  font:700 14px/1.35 Arial,sans-serif;
}
.pair-mini-summary{
  max-width:920px;
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.pair-mini-summary div{
  padding:18px 20px;
  border-radius:18px;
  background:linear-gradient(180deg,#eef8f1,#ffffff);
  border:1px solid rgba(16,91,51,.08);
  color:#274436;
  line-height:1.7;
}

.pair-story-title{
  position:relative;
  margin-top:48px!important;
  padding:0 0 0 26px;
}
.pair-story-title::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:10px;
  height:46px;
  border-radius:999px;
  background:linear-gradient(180deg,#18b45f,#0a6b39);
}
.pair-content h2::before{width:54px;background:#0a9b50}
.pair-content h2{margin-top:46px!important}
.pair-content h3{margin-top:28px!important}
.pair-content blockquote{
  max-width:920px;
  margin:18px auto;
  padding:18px 22px;
  border-radius:20px;
  background:#f5faf6;
  border-left:4px solid #0a9b50;
}
.pair-price-banner{
  max-width:920px;
  margin:56px auto 8px;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px 24px;
  border-radius:22px;
  background:linear-gradient(135deg,#102f1f,#0a2016);
  color:#f3fbf6;
}
.pair-price-banner span{
  color:#9be6b7;
  font:800 12px/1.2 Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.pair-price-banner strong{
  font:400 32px/1.08 Georgia,"Times New Roman",serif;
}

/* Skrytí prázdných pomocných bloků po původním exportu */
.pair-content > div:empty{display:none}

@media(max-width:980px){
  .pair-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pair-intro-panel{grid-template-columns:1fr}
  .pair-mini-summary{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pair-hero{
    min-height:470px;
    padding:88px 0 58px;
    background-position:60% center;
  }
  .pair-hero-inner{grid-template-columns:1fr;gap:20px}
  .pair-hero-copy{padding-right:0}
  .pair-hero-copy h1{font-size:46px!important}
  .pair-hero-lead{font-size:18px!important}
  .pair-hero-badges span,
  .pair-hero-btn{width:auto}
  .pair-illustration{
    width:260px;
    opacity:.72;
    margin:10px 0 0 auto;
  }
  .pair-content{padding:22px 18px}
  .pair-intro-copy,.pair-quote-card{padding:24px 22px}
  .pair-quote-card strong{font-size:28px}
  .pair-benefit-grid{grid-template-columns:1fr}
  .pair-reason-links{gap:10px}
  .pair-reason-pill{
    width:100%;
    justify-content:flex-start;
    border-radius:18px;
  }
  .pair-story-title{padding-left:20px}
}


/* v42 – Pobyt ve tmě pro dva: méně "tlačítkový" hero, více vizuální hierarchie */

/* informační body v hero už nejsou pill tlačítka */
.pair-hero-badges{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0!important;
  max-width:720px;
  margin:4px 0 26px!important;
  border-top:1px solid rgba(184,242,205,.16);
  border-bottom:1px solid rgba(184,242,205,.16);
}
.pair-hero-badges .pair-hero-feature{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:15px 18px 15px 0;
  min-height:66px;
}
.pair-hero-badges .pair-hero-feature + .pair-hero-feature{
  padding-left:18px;
  border-left:1px solid rgba(184,242,205,.16);
}
.pair-hero-feature-num{
  color:#57d98b;
  font:800 10px/1 "Courier New",monospace;
  letter-spacing:.12em;
}
.pair-hero-feature-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.pair-hero-feature-text strong{
  color:#f5fff8;
  font:700 13px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.02em;
}
.pair-hero-feature-text small{
  color:rgba(239,255,245,.58);
  font:500 11px/1.35 Arial,Helvetica,sans-serif;
}

/* aktivní zůstává jen Volné termíny */
.pair-hero-actions{
  display:flex!important;
  align-items:center;
  gap:20px!important;
}
.pair-hero-btn-primary{
  min-height:50px;
  padding:0 22px!important;
  border-radius:12px!important;
  background:#dff7e8!important;
  color:#09351f!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
}
.pair-hero-btn-primary::after{
  content:" ↗";
  margin-left:6px;
}

/* sekundární akce jako obyčejný textový odkaz, ne tlačítko */
.pair-hero-text-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 2px;
  color:#effbf3!important;
  text-decoration:none!important;
  font:700 13px/1 Arial,Helvetica,sans-serif!important;
}
.pair-hero-text-link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:7px;
  height:1px;
  background:rgba(178,239,201,.55);
  transition:background .18s ease,transform .18s ease;
  transform-origin:left center;
}
.pair-hero-text-link:hover::after{
  background:#8be3ac;
  transform:scaleX(.82);
}

/* původní sekundární "button" už nepoužívat */
.pair-hero-btn-secondary{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* intro pod hero – první blok více editorial, méně jako další sada tlačítek */
.pair-content > div > div > p:first-of-type{
  font-size:1.12rem;
  line-height:1.9;
}

/* odkazy na důvody necháme jako přehledný seznam, ne jako tlačítka */
.pair-content h2#duvody + p,
.pair-content h2#duvody + p + p,
.pair-content h2#duvody + p + p + p,
.pair-content h2#duvody + p + p + p + p,
.pair-content h2#duvody + p + p + p + p + p{
  position:relative;
  max-width:880px;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:10px 0 10px 34px;
  border-bottom:1px solid rgba(15,91,50,.10);
}
.pair-content h2#duvody + p::before,
.pair-content h2#duvody + p + p::before,
.pair-content h2#duvody + p + p + p::before,
.pair-content h2#duvody + p + p + p + p::before,
.pair-content h2#duvody + p + p + p + p + p::before{
  position:absolute;
  left:2px;
  top:11px;
  color:#0a8b49;
  font:800 11px/1 Arial,sans-serif;
}
.pair-content h2#duvody + p::before{content:"01"}
.pair-content h2#duvody + p + p::before{content:"02"}
.pair-content h2#duvody + p + p + p::before{content:"03"}
.pair-content h2#duvody + p + p + p + p::before{content:"04"}
.pair-content h2#duvody + p + p + p + p + p::before{content:"05"}

.pair-content h2#duvody + p a,
.pair-content h2#duvody + p + p a,
.pair-content h2#duvody + p + p + p a,
.pair-content h2#duvody + p + p + p + p a,
.pair-content h2#duvody + p + p + p + p + p a{
  display:block;
  color:#234534!important;
  text-decoration:none!important;
  font-weight:700;
  line-height:1.55;
}
.pair-content h2#duvody + p a:hover,
.pair-content h2#duvody + p + p a:hover,
.pair-content h2#duvody + p + p + p a:hover,
.pair-content h2#duvody + p + p + p + p a:hover,
.pair-content h2#duvody + p + p + p + p + p a:hover{
  color:#08783e!important;
}

/* lepší kotva při sticky headeru */
#duvody{scroll-margin-top:110px}

@media(max-width:760px){
  .pair-hero-badges{
    grid-template-columns:1fr!important;
    border-bottom:0;
  }
  .pair-hero-badges .pair-hero-feature{
    padding:10px 0!important;
    border-left:0!important;
    border-bottom:1px solid rgba(184,242,205,.14);
    min-height:0;
  }
  .pair-hero-actions{
    align-items:flex-start;
    flex-direction:column;
    gap:10px!important;
  }
  .pair-hero-text-link{
    min-height:36px;
  }
}