
/* STEP46 — Vazduh redesign */
.vazduh-hub{
  padding-top: 22px;
  padding-bottom: 44px;
}
.vazduh-hub .page-hero{
  padding: 0 !important;
  margin-bottom: 18px;
  background-position: center center !important;
}
.vazduh-hub .page-hero-inner{
  max-width: 980px;
  padding: 30px 32px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(14,37,27,.96), rgba(8,20,15,.98));
  border: 1px solid rgba(120,220,170,.18);
  box-shadow: 0 22px 48px rgba(0,0,0,.34);
}
.vazduh-hub .page-hero h1{
  font-size: clamp(2rem, 5vw, 3.25rem) !important;
  margin-bottom: 12px !important;
}
.vazduh-hub .lead{
  max-width: 70ch;
  font-size: clamp(1rem, 1.5vw, 1.08rem);
}
.anchor-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.anchor-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background: rgba(107,208,140,.12);
  border:1px solid rgba(107,208,140,.18);
  color: var(--ink);
  font-weight:700;
}
.anchor-nav a:hover{ background: rgba(107,208,140,.2); }
.compact-pillar{ margin-top: 0 !important; margin-bottom: 18px !important; }
.compact-intro{ margin-top: 0 !important; }
.compact-intro p{ max-width: 78ch; }
.compact-header{ margin-bottom: 18px !important; }
.compact-header h2{ margin-bottom: 8px !important; }
.clean-topic-cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.clean-topic-cards .topic-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height: 214px;
  text-decoration:none;
}
.topic-icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(107,208,140,.14);
  color: var(--accent);
  font-size: 1.25rem;
  line-height:1;
}
.topic-link{
  margin-top:auto;
  font-weight:700;
  color: var(--accent);
}
.section-head-inline{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
}
.btn-ghost{
  background: transparent !important;
  border:1px solid rgba(107,208,140,.24) !important;
  color: var(--ink) !important;
}
.featured-trio .vbk-card .vbk-body,
.story-archive-grid .vbk-card .vbk-body{
  min-height: 178px;
}
.story-archive-grid .vbk-card .vbk-title,
.featured-trio .vbk-card .vbk-title{
  -webkit-line-clamp: 2;
}
.story-archive-grid .vbk-card .vbk-excerpt,
.featured-trio .vbk-card .vbk-excerpt{
  -webkit-line-clamp: 3;
}
.guides-grid .topic-card{ min-height: 202px; }
.slim-container{
  max-width: 980px;
  padding: 0 !important;
}
.clean-cta{
  margin-top: 24px;
  padding: 26px 28px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(16,44,31,.98), rgba(10,25,18,.98));
  border: 1px solid rgba(120,220,170,.16);
  box-shadow: 0 18px 38px rgba(0,0,0,.22);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.clean-cta h2{
  margin: 6px 0 8px;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
}
.clean-cta p{ color: var(--muted); margin:0; }
.vazduh-hub .content-block,
.vazduh-hub .hub-pillar-card,
.vazduh-hub .clean-cta,
.vazduh-hub .page-hero-inner{
  max-width: 1180px;
  margin-left:auto;
  margin-right:auto;
}
.vazduh-hub .vbk-grid{ gap: 22px !important; }
.vazduh-hub .faq details + details{ margin-top: 12px; }
@media (max-width: 980px){
  .clean-topic-cards,
  .vazduh-hub .vbk-grid{
    grid-template-columns: 1fr !important;
  }
  .section-head-inline,
  .clean-cta{
    flex-direction:column;
    align-items:flex-start;
  }
  .vazduh-hub .page-hero-inner{ padding: 24px 22px !important; }
}

/* STEP59 — Vazduh fine polish 2 */
.vazduh-hub .page-hero{
  background-position: 72% center !important;
}
.vazduh-hub .page-hero-inner{
  max-width: 860px;
  margin-left: clamp(18px, 3vw, 34px);
  margin-right: auto;
  padding: 26px 28px !important;
  border-radius: 26px;
}
.vazduh-hub .page-hero h1{
  font-size: clamp(1.9rem, 4.6vw, 3.02rem) !important;
  line-height: 1.05;
}
.vazduh-hub .lead{
  max-width: 62ch;
}
.vazduh-hub .hero-actions{
  gap: 10px;
  margin-top: 14px;
}
.vazduh-hub .hero-actions .btn,
.vazduh-hub .anchor-nav a{
  min-height: 38px;
}
.vazduh-hub .hub-pillar-card{
  max-width: 1080px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.vazduh-hub .compact-intro p{
  max-width: 72ch;
}
.vazduh-hub .clean-cta{
  padding: 22px 24px;
}
@media (max-width: 980px){
  .vazduh-hub .page-hero-inner{
    margin-left: auto;
    margin-right: auto;
    padding: 22px 20px !important;
  }
}


/* STEP61 — Vazduh hero balance fix */
.vazduh-hub .page-hero{
  background-position: center center !important;
}
.vazduh-hub .page-hero-inner{
  max-width: 960px;
  width: min(960px, calc(100% - 56px));
  margin-left: auto;
  margin-right: auto;
  padding: 28px 32px !important;
  border-radius: 28px;
}
.vazduh-hub .page-hero h1{
  font-size: clamp(2rem, 4.8vw, 3.15rem) !important;
  line-height: 1.06;
}
.vazduh-hub .lead{
  max-width: 66ch;
}
.vazduh-hub .hero-actions{
  gap: 12px;
  margin-top: 16px;
}
.vazduh-hub .hero-actions .btn,
.vazduh-hub .anchor-nav a{
  min-height: 40px;
}
.vazduh-hub .hub-pillar-card{
  max-width: 1100px;
  padding-top: 22px;
  padding-bottom: 22px;
}
.vazduh-hub .compact-intro p{
  max-width: 74ch;
}
@media (max-width: 980px){
  .vazduh-hub .page-hero-inner{
    width: min(100%, calc(100% - 28px));
    padding: 22px 20px !important;
  }
}


/* STEP63 — Vazduh hero compact restore */
.vazduh-hub .page-hero-inner{
  max-width: 760px;
  width: min(760px, calc(100% - 44px));
  margin-left: clamp(18px, 3vw, 36px);
  margin-right: auto;
  padding: 26px 28px !important;
  border-radius: 26px;
  background: linear-gradient(90deg, rgba(10,31,23,.96) 0%, rgba(9,24,18,.95) 62%, rgba(9,24,18,.88) 100%);
}
.vazduh-hub .page-hero h1{
  font-size: clamp(1.95rem, 4.5vw, 3rem) !important;
  line-height: 1.06;
}
.vazduh-hub .lead{
  max-width: 58ch;
}
.vazduh-hub .hero-actions{
  gap: 10px;
}
.vazduh-hub .page-hero{
  background-position: 62% center !important;
}
@media (max-width: 980px){
  .vazduh-hub .page-hero-inner{
    width: min(760px, calc(100% - 28px));
    margin-left: auto;
    margin-right: auto;
    padding: 22px 20px !important;
  }
  .vazduh-hub .page-hero{
    background-position: center center !important;
  }
}


/* STEP64 — Vazduh micro polish */
.vazduh-hub .page-hero{background-position:center center !important;}
.vazduh-hub .page-hero::before{background:linear-gradient(90deg, rgba(5,16,11,.70) 0%, rgba(5,16,11,.48) 52%, rgba(5,16,11,.30) 100%) !important;}
.vazduh-hub .page-hero-inner{max-width:780px;width:min(780px, calc(100% - 36px));padding:24px 28px !important;border-radius:24px;background:linear-gradient(180deg, rgba(10,27,19,.86), rgba(6,15,11,.94));box-shadow:0 18px 38px rgba(0,0,0,.26);}
.vazduh-hub .page-hero h1{font-size:clamp(1.9rem, 4.4vw, 2.92rem) !important;line-height:1.06;}
.vazduh-hub .lead{max-width:58ch;font-size:1.02rem;}
.vazduh-hub .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.vazduh-hub .hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:14px;background:rgba(107,208,140,.10) !important;border:1px solid rgba(107,208,140,.22) !important;color:var(--ink) !important;text-decoration:none;box-shadow:none !important;}
.vazduh-hub .hero-actions .btn.primary{background:rgba(107,208,140,.18) !important;border-color:rgba(107,208,140,.34) !important;}
.vazduh-hub .anchor-nav{gap:10px;margin-top:16px;}
.vazduh-hub .anchor-nav a{min-height:38px;padding:0 13px;}
.vazduh-hub .hub-pillar-card{max-width:1040px;padding-top:20px;padding-bottom:20px;}
.vazduh-hub .compact-intro p{max-width:70ch;}
.vazduh-hub .clean-cta{padding:20px 22px;}
@media (max-width:980px){.vazduh-hub .page-hero-inner{width:min(100%, calc(100% - 24px));padding:21px 18px !important;}.vazduh-hub .hero-actions .btn{width:auto;}}


/* STEP65 — Vazduh hero centered full-image fix */
.vazduh-hub .page-hero{background-position:center center !important;}
.vazduh-hub .page-hero::before{background:linear-gradient(90deg, rgba(5,16,11,.58) 0%, rgba(5,16,11,.40) 50%, rgba(5,16,11,.28) 100%) !important;}
.vazduh-hub .page-hero-inner{max-width:920px;width:min(920px, calc(100% - 44px));margin-left:auto !important;margin-right:auto !important;padding:26px 30px !important;border-radius:26px;background:linear-gradient(180deg, rgba(10,27,19,.84), rgba(6,15,11,.92));box-shadow:0 18px 38px rgba(0,0,0,.24);}
.vazduh-hub .page-hero h1{font-size:clamp(1.95rem,4.6vw,3rem) !important;line-height:1.06;}
.vazduh-hub .lead{max-width:62ch;font-size:1.02rem;}
.vazduh-hub .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.vazduh-hub .hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:14px;background:rgba(107,208,140,.10) !important;border:1px solid rgba(107,208,140,.22) !important;color:var(--ink) !important;box-shadow:none !important;text-decoration:none;}
.vazduh-hub .hero-actions .btn.primary{background:rgba(107,208,140,.18) !important;border-color:rgba(107,208,140,.34) !important;}
.vazduh-hub .anchor-nav{justify-content:flex-start;gap:10px;margin-top:16px;}
.vazduh-hub .anchor-nav a{min-height:38px;padding:0 13px;}
@media (max-width:980px){.vazduh-hub .page-hero-inner{width:min(100%, calc(100% - 24px));padding:22px 18px !important;}}
