/* ===== Heliteam CZ — style.css ===== */
*{box-sizing:border-box;}
.visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
html{scroll-behavior:smooth;}
body{
  margin:0;background:#e9e9e9;
  font-family:'PT Sans',Arial,Helvetica,sans-serif;
  color:#333;line-height:1.5;
}
a{color:#215d7f;text-decoration:none;}
a:hover{color:#8b0304;text-decoration:underline;}
img{max-width:100%;}

.page-wrap{
  max-width:1000px;margin:0 auto;background:#fff;
  box-shadow:0 0 24px rgba(0,0,0,.14);min-height:100vh;
}

/* ---- HEADER ---- */
.site-head{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px;padding:24px 22px 18px;
}
.site-head__logo img{display:block;height:34px;width:auto;}
.hotline{text-align:right;font-size:15px;color:#666;}
.hotline__label{font-weight:700;color:#444;}
.hotline__num{color:#8b0304;font-weight:700;font-size:19px;}

/* ---- MAIN NAV ---- */
.mainnav{background:#2b2f33;position:relative;z-index:20;}
.mainnav__bar{display:flex;align-items:center;justify-content:space-between;}
.mainnav__list{
  display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;flex:1;
}
.mainnav__item{position:relative;}
.mainnav__link{
  display:block;padding:15px 16px;font-size:14px;font-weight:700;
  letter-spacing:.2px;color:#e6e8ea;
}
.mainnav__link:hover{background:#215d7f;color:#fff;text-decoration:none;}
.mainnav__link.is-active{background:#215d7f;color:#fff;}

/* desktop dropdown */
.drop{
  display:none;position:absolute;top:100%;left:0;min-width:210px;
  margin:0;padding:0;list-style:none;background:#3a3f44;
  box-shadow:0 6px 16px rgba(0,0,0,.3);z-index:30;
}
.mainnav__item:hover > .drop{display:block;}
.drop__link{
  display:block;padding:11px 16px;color:#e8e8e8;font-size:14px;font-weight:700;
}
.drop__link + .drop__link,.drop li + li .drop__link{border-top:1px solid #4a4f54;}
.drop__link:hover{background:#215d7f;color:#fff;text-decoration:none;}

/* hamburger + mobile nav */
.burger{
  display:none;background:none;border:none;color:#fff;font-size:26px;
  padding:14px 18px;cursor:pointer;line-height:1;
}
.mobilenav{margin:0;padding:0;list-style:none;border-top:1px solid #41474d;}
.mobilenav[hidden]{display:none;}
.mobilenav__link{
  display:block;padding:13px 22px;color:#e6e8ea;font-size:15px;font-weight:700;
  border-top:1px solid #41474d;
}
.mobilenav__link:hover{text-decoration:none;color:#fff;}
.mobilenav__link.is-active{background:#215d7f;color:#fff;}
.mobilenav__link--sub{color:#cfd3d7;font-size:14px;background:#33383d;}

/* ---- SLIDESHOW ---- */
.hero{position:relative;overflow:hidden;background:#000;}
.slide{
  position:absolute;top:0;left:0;width:100%;
  transition:opacity .8s;opacity:0;z-index:1;pointer-events:none;
}
.slide.is-active{position:relative;opacity:1;z-index:2;pointer-events:auto;}
.slide img{width:100%;display:block;}
.slide__cap{
  position:absolute;left:0;bottom:0;width:100%;padding:26px 30px;
  background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;
}
.slide__title{font-size:26px;font-weight:700;margin-bottom:4px;}
.slide__desc{font-size:15px;color:#e6e6e6;}
.hero__arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.4);color:#fff;border:none;font-size:22px;
  padding:14px 16px;cursor:pointer;z-index:3;
}
.hero__arrow--prev{left:0;}
.hero__arrow--next{right:0;}
.hero__dots{position:absolute;bottom:14px;right:20px;display:flex;gap:8px;z-index:3;}
.dot{
  width:11px;height:11px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.45);padding:0;
}
.dot.is-active{background:#fff;}

/* ---- MAIN LAYOUT ---- */
.main{display:flex;gap:0;padding:24px 22px 8px;}
.content{flex:1;min-width:0;padding-right:26px;}
.side{width:250px;flex:none;}
.side__box{background:#2b2f33;color:#dfe3e6;padding:16px 18px;margin-bottom:20px;}
.side__box h3{
  margin:0 0 10px;font-size:16px;color:#fff;
  border-bottom:1px solid #444;padding-bottom:8px;
}
.side__box p{margin:0;font-size:14px;line-height:1.6;}

/* ---- ARTICLES ---- */
.art{overflow:hidden;}
.art p{margin:0 0 14px;font-size:15px;line-height:1.65;}
.art h1,.art h2{
  margin:0 0 16px;font-size:26px;color:#2b2b2b;font-weight:700;
  border-bottom:2px solid #e0e0e0;padding-bottom:8px;
}
.art h3{color:#215d7f;font-size:18px;margin:0 0 10px;}
.art__img{float:left;width:260px;margin:4px 20px 12px 0;max-width:48%;}

.teaser{overflow:hidden;padding:20px 0;border-top:1px solid #eee;}
.teaser:first-child{padding-top:0;border-top:none;}
.teaser__img{float:left;width:240px;margin:6px 18px 10px 0;max-width:45%;}
.teaser h2{font-size:24px;margin:0 0 10px;}
.readmore{font-weight:700;}

/* checklist (jak to funguje) */
.checklist{list-style:none;margin:0 0 16px;padding:0;}
.checklist li{color:#8b0304;font-weight:700;padding:5px 0 5px 18px;}

.lead{color:#215d7f;}

/* ---- HELICOPTERS ---- */
.heli{margin:0 0 30px;padding-bottom:24px;border-bottom:1px solid #eee;scroll-margin-top:20px;}
.heli__name{color:#5a7791;font-size:22px;margin:0 0 8px;}
.heli__crew{color:#8b0304;font-weight:700;margin:0 0 6px;}
.heli__desc{margin:0 0 12px;color:#215d7f;font-weight:700;}
.heli__imgs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.heli__imgs img{height:150px;width:auto;max-width:100%;border:1px solid #ddd;}
.heli__label{margin:0;color:#215d7f;font-weight:700;}
.heli__specs{font-size:14px;line-height:1.9;color:#4a5a68;}

/* ---- CONTACT PAGE ---- */
.contact h3{color:#2b2b2b;font-size:19px;margin:22px 0 8px;}
.contact h3:first-of-type{margin-top:0;}

/* ---- FORM ---- */
.form{max-width:520px;}
.field{margin-bottom:14px;}
.field label{display:block;font-weight:700;margin-bottom:5px;font-size:14px;}
.field input,.field textarea{
  width:100%;padding:9px 10px;border:1px solid #ccc;border-radius:2px;
  font-size:14px;font-family:inherit;
}
.field textarea{resize:vertical;}
.btn{
  background:#215d7f;color:#fff;border:none;padding:11px 26px;font-size:15px;
  font-weight:700;border-radius:2px;cursor:pointer;font-family:inherit;
}
.btn:hover{background:#8b0304;}
.form__submit[disabled]{opacity:.7;cursor:default;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form__note{font-size:12px;color:#777;margin-top:10px;}
.form__status{padding:12px 14px;border-radius:3px;margin-bottom:16px;font-size:14px;}
.form__status--ok{background:#e6f4ea;color:#1e6b3a;border:1px solid #b7e0c4;}
.form__status--err{background:#fdecea;color:#8b0304;border:1px solid #f5c6c2;}

/* ---- REALIZACE ---- */
.realizace{padding:8px 22px 26px;}
.realizace h3{
  margin:0 0 14px;font-size:16px;color:#2b2b2b;
  border-bottom:2px solid #e0e0e0;padding-bottom:8px;
}
.realizace__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.realizace__grid img{width:100%;height:auto;display:block;border:1px solid #ddd;}

/* ---- FOOTER ---- */
.foot{background:#f4f4f4;border-top:1px solid #e2e2e2;padding:28px 22px;}
.foot__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:26px;}
.foot h3{
  margin:0 0 12px;font-size:15px;color:#2b2b2b;
  border-bottom:2px solid #d8d8d8;padding-bottom:7px;
}
.foot ul{margin:0;padding:0;list-style:none;font-size:14px;line-height:2;}
.foot p{margin:0;font-size:14px;line-height:1.8;color:#555;}
.copy{background:#2b2f33;color:#a7adb3;text-align:center;padding:16px;font-size:13px;}
.copy a{color:#a7adb3;}

/* ---- TABLET ---- */
@media (max-width:900px){
  .content{padding-right:18px;}
  .side{width:210px;}
  .foot__grid{grid-template-columns:1fr 1fr;}
}

/* ---- MOBILE ---- */
@media (max-width:680px){
  .mainnav__list{display:none;}
  .burger{display:block;}
  .main{flex-direction:column;padding:18px 16px 4px;}
  .content{padding-right:0;}
  .side{width:100%;}
  .realizace__grid{grid-template-columns:1fr 1fr;}
  .foot__grid{grid-template-columns:1fr;gap:20px;}
  .art__img,.teaser__img{float:none;width:100%;max-width:100%;margin:0 0 14px 0;}
  .art h2{font-size:22px;}
  .teaser h2{font-size:22px;}
}