/* assets/css/styles.css */
:root{
  --card:#111827;
  --muted:#94a3b8;
  --text:#e5e7eb;
  --line:rgba(148,163,184,.25);

  /* нов акцент (по-медикъл/професионален, не зелен) */
  --accent:#3b82f6; /* blue */
  --accent2:#0ea5e9; /* cyan for hover glow */
  --max:1120px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#070a12;color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit}

.container{width:min(var(--max),92vw);margin:0 auto}
.header{position:sticky;top:0;z-index:10;background:rgba(7,10,18,.78);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px; flex-wrap: wrap;} /* Добавен flex-wrap за мобилни */
.brand{font-weight:950;letter-spacing:.2px}
.nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}
.nav__link{color:var(--muted);font-size:14px}
.nav__link:hover{color:var(--text)}

/* HERO slider */
.hero{position:relative;min-height:62vh;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.hero__bg{position:absolute;inset:0}
.hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 550ms ease}
.hero__bg img.is-on{opacity:.9}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,.38),rgba(7,10,18,.93))}
.hero__content{position:relative;padding:74px 0;text-align:center}
.h1{font-size:clamp(30px,5vw,56px);margin:0 0 10px;font-weight:950;letter-spacing:-.3px}
.sub{color:var(--muted);max-width:78ch;margin:0 auto 18px;line-height:1.6}
.btnRow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#06122a;font-weight:950;border-radius:999px;padding:12px 18px;border:0;cursor:pointer;box-shadow:0 10px 28px rgba(59,130,246,.16)}
.btn:hover{filter:brightness(1.03);box-shadow:0 14px 34px rgba(14,165,233,.18)}
.btn--ghost{background:transparent;color:var(--text);border:1px solid rgba(148,163,184,.38);box-shadow:none}
.btn--ghost:hover{border-color:rgba(229,231,235,.6)}

.hero__controls{position:absolute;inset:0;pointer-events:none}
.arrow{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(148,163,184,.38);background:rgba(7,10,18,.45);color:var(--text);display:grid;place-items:center;cursor:pointer}
.arrow:hover{background:rgba(7,10,18,.65)}
.arrow:active{transform:translateY(-50%) scale(.98)}
.arrow--prev{left:16px}
.arrow--next{right:16px}
@media (max-width:700px){.arrow{display:none}}

.dots{pointer-events:auto;position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center}
.dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:rgba(7,10,18,.35);cursor:pointer}
.dot.is-active{background:var(--accent);border-color:rgba(59,130,246,.85)}

.section{padding:54px 0}
.section__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px; flex-wrap: wrap;} /* Добавен flex-wrap */
.h2{font-size:26px;margin:0;font-weight:950}
.lead{color:var(--muted);margin:6px 0 0;line-height:1.65}

/* === ПРОМЕНЕНИ КЛАСОВЕ ЗА ГОЛЕМИТЕ СНИМКИ === */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}

.panel{background:transparent;border:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column}
.panel img{width:100%;height:100%;object-fit:cover;display:block;min-height:350px}
@media (max-width:900px){.panel img{height:250px;min-height:250px}}
.panel__pad{padding:40px;display:flex;flex-direction:column;justify-content:center;flex:1}
@media (max-width:900px){.panel__pad{padding:24px}}

.panel p{color:var(--muted);line-height:1.75}
.panel ul{color:var(--muted);line-height:1.75;margin:10px 0 0 18px}
/* ============================================= */

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.cards{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .12s ease, border-color .12s ease}
.card:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.35)}
.card__img{height:190px;object-fit:cover;width:100%}
.card__body{padding:14px}
.card__title{font-weight:950;margin-bottom:6px}
.card__link,.card__sub{color:var(--muted);font-size:14px;line-height:1.5}
.card--plain:hover{transform:none}

.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.badges{grid-template-columns:1fr}}
.badge{background:rgba(17,24,39,.6);border:1px solid var(--line);border-radius:18px;padding:14px}
.badge__title{font-weight:950}
.badge__sub{color:var(--muted);margin-top:6px;line-height:1.5}

.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media (max-width:1100px){.gallery{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.gallery{grid-template-columns:repeat(2,1fr)}} /* На телефон: 2 колони */
@media (max-width:400px){.gallery{grid-template-columns:1fr}} /* На много малък телефон: 1 колона */

.thumb{background:rgba(17,24,39,.6);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative}
.thumb img{width:100%;height:120px;object-fit:cover}
.thumb--big img{height:220px}
.thumb__cap{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));color:#e5e7eb;font-size:13px}

.certs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:900px){.certs{grid-template-columns:1fr 1fr}}
@media (max-width:500px){.certs{grid-template-columns:1fr}} /* Сертификатите 1 под друг на телефон */
.cert{background:rgba(17,24,39,.6);border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}
.cert img{height:82px;object-fit:cover;width:100%;border-radius:12px;margin-bottom:10px}
.cert__title{color:var(--muted);font-size:14px}

.newsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:900px){.newsGrid{grid-template-columns:1fr}}
.news{background:rgba(17,24,39,.6);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:180px 1fr}
.news img{width:180px;height:140px;object-fit:cover}
@media (max-width:520px){.news{grid-template-columns:1fr} .news img{width:100%;height:180px}}
.news__body{padding:12px 14px}
.news__title{font-weight:950;margin-bottom:6px}
.news__date{color:var(--muted);font-size:13px}

/* Inner pages - СВИТ ХЕДЪР */
.innerHero{min-height:120px} /* Беше 34vh, сега е тънко */
.innerHero .hero__content{padding:20px 0;text-align:left} /* Свити отстояния */
.breadcrumb{color:rgba(229,231,235,.82);font-size:13px;margin-top:8px}
.crumb__sep{opacity:.6;margin:0 6px}
.crumb__here{color:var(--muted)}

.kvGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){.kvGrid{grid-template-columns:1fr}}
.kv{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}
.kv__k{color:var(--muted);font-size:13px;margin-bottom:6px}
.kv__v a{color:var(--text)}

.form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:10px}
.input{background:#0b1220;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--text);outline:none; width: 100%;} /* width: 100% за сигурност */
textarea.input{min-height:120px;resize:vertical}
.map{width:100%;height:320px;border:0;border-radius:18px;overflow:hidden}
.facility{border-radius:18px;border:1px solid var(--line);overflow:hidden}
.facility img{width:100%;height:220px;object-fit:cover}

.footer{border-top:1px solid var(--line);padding:18px 0;color:var(--muted)}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; flex-direction: column; text-align: center;} /* Футърът се подрежда вертикално на телефон */
@media (min-width: 600px) {
  .footer__inner { flex-direction: row; text-align: left; }
}
.small{font-size:12px;color:rgba(148,163,184,.9);line-height:1.5}

/* PARTNERS STRIP */
.partners-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px 32px;
  max-width: 1300px;
  margin: 0 auto;
}

.partner {
  padding: 22px 18px;
  text-align: center;
}

.partner img {
  width: 150px;
  height: 150px;
  margin: 0 auto 12px;
  display: block;
}

.partner-country {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}

/* Tablet & Mobile for Partners */
@media (max-width: 1024px) {
  .partner img {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 768px) {
  .partners-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 колони на таблет */
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .partners-grid {
    grid-template-columns: 1fr; /* 1 колона на телефон */
  }
}

/* HERO TITLE FIX */
.hero-title {
  line-height: 1.1;
}

.hero-title .brand-line {
  display: block;
  white-space: normal; /* Променено от nowrap на normal, за да не се реже на мобилен */
}

/* Изравняване на текста (Justify) в страницата с лични данни */
[data-privacy-body] {
  text-align: justify;
  line-height: 1.6;
}

[data-privacy-body] p {
  margin-bottom: 12px; /* Добавя леко разстояние между параграфите */
}
/* ===== APP STYLE NAVBAR (само за телефон) ===== */
@media (max-width: 600px) {

  .header {
    position: sticky;
    top: 0;
    border-bottom: 1px solid rgba(148,163,184,.15);
    background: rgba(7,10,18,.95);
  }

  .header__inner {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
  }

  /* Заглавие */
  .brand {
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
  }

  /* правим "Нов Живот" на нов ред */
  .brand br {
    display: block;
  }

  /* Меню */
  .nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    justify-items: center;
  }

  .nav__link {
    width: 100%;
    padding: 6px 4px;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
    transition: 0.2s;
  }

  .nav__link:active {
    background: rgba(59,130,246,.15);
  }
}
/* FIX: партньори 2 на ред на телефон */
@media (max-width: 600px) {
  .partners-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    justify-items: center;
  }
}
/* FIX: "Виж технологии" да е като сините бутони */
.btn--ghost {
  background: #3b82f6 !important;
  color: #06122a !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(59,130,246,.16) !important;
}

.btn--ghost:hover {
  box-shadow: 0 14px 34px rgba(14,165,233,.18) !important;
}
/* assets/css/styles.css */

/* 1. Уверяваме се, че гридът прави двата елемента (формата и снимката) еднакво високи */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch; /* Това е важно за еднаква височина */
}

/* 2. Контейнерът на снимката трябва да заема цялата височина */
.facility {
  display: flex;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
}

/* 3. Самата снимка запълва всичко и не оставя празно място */
.facility img {
  width: 100%;
  height: 100%;       /* Заема 100% от височината на контейнера */
  object-fit: cover;  /* Запълва пространството, като реже леко отстрани, ако се налага */
  display: block;
}

/* Корекция за мобилни устройства, за да не изглежда огромна */
@media (max-width: 900px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
  .facility {
    height: 300px; /* Фиксирана височина на телефон, за да е компактно */
  }
}