/* ============================================================
   IT Boss — Стили отраслевых посадочных страниц (ниши).
   Подключается после style.css, поэтому использует его переменные.
   Файл: assets/css/niche.css
   ============================================================ */

/* ── Общие секции ниши ──────────────────────────────────────── */
.niche-page section{
  min-height:auto;
  max-height:none;
  display:block;
  padding:clamp(56px,7vh,96px) 0;
}
.niche-section--alt{
  background:linear-gradient(180deg,rgba(139,92,246,.045),rgba(6,182,212,.03));
  border-top:1px solid var(--bd);
  border-bottom:1px solid var(--bd);
}

/* ── Хлебные крошки ─────────────────────────────────────────── */
.breadcrumbs{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  font-size:13px;color:var(--tx3);margin-bottom:26px;
}
.breadcrumbs a{color:var(--tx3);text-decoration:none;transition:color .25s}
.breadcrumbs a:hover{color:var(--cyan)}
.breadcrumbs span[aria-current]{color:var(--tx2)}

/* ── HERO ниши ──────────────────────────────────────────────── */
.niche-hero{
  padding-top:clamp(40px,6vh,72px)!important;
  position:relative;overflow:hidden;
}
.niche-hero::before{
  content:"";position:absolute;top:-160px;right:-120px;width:560px;height:560px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(139,92,246,.16),transparent 68%);
}
.niche-hero__grid{
  display:grid;grid-template-columns:1.55fr 1fr;
  gap:clamp(28px,4vw,64px);align-items:start;position:relative;z-index:1;
}
.niche-hero h1{
  font-size:clamp(1.75rem,3.7vw,2.9rem);
  line-height:1.16;margin:18px 0 0;letter-spacing:-.4px;
}
.niche-hero__sub{
  font-size:clamp(15px,1.25vw,17.5px);line-height:1.68;
  color:var(--tx2);margin-top:20px;max-width:62ch;
}
.niche-hero__cta{
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px;
}
.niche-hero__note{
  display:flex;align-items:center;gap:9px;
  font-size:13.5px;color:var(--tx3);margin-top:22px;
}
.niche-hero__note i{color:var(--cyan);font-size:16px}

.niche-hero__aside{
  padding:26px 24px;border-radius:var(--r-lg);
  border:1px solid var(--bd);background:rgba(20,20,25,.66);
  backdrop-filter:blur(8px);
}
.niche-hero__aside-title{
  font-size:13px;text-transform:uppercase;letter-spacing:.7px;
  color:var(--cyan);margin:0 0 12px;
}
.niche-hero__aside p{font-size:14.5px;line-height:1.62;color:var(--tx2);margin:0}

/* ── Боли ───────────────────────────────────────────────────── */
.niche-pain{
  position:relative;height:100%;padding:26px 24px 24px 66px;
  border-radius:var(--r-lg);border:1px solid var(--bd);
  background:rgba(20,20,25,.6);
  transition:border-color .3s,transform .3s;
}
.niche-pain:hover{border-color:var(--bd-a);transform:translateY(-4px)}
.niche-pain__num{
  position:absolute;left:22px;top:24px;
  width:30px;height:30px;border-radius:9px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;color:#fff;background:var(--grad);
}
.niche-pain h3{font-size:16.5px;line-height:1.35;margin:0 0 9px;color:var(--tx)}
.niche-pain p{font-size:14px;line-height:1.6;color:var(--tx2);margin:0}

/* ── Цифры ──────────────────────────────────────────────────── */
.niche-digits{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(14px,2vw,24px);
}
.niche-digit{
  text-align:center;padding:28px 18px;border-radius:var(--r-lg);
  border:1px solid var(--bd);background:rgba(20,20,25,.6);
}
.niche-digit__v{
  display:block;font-size:clamp(1.5rem,2.7vw,2.15rem);font-weight:700;
  line-height:1.1;margin-bottom:10px;
  background:var(--grad-accent);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;
}
.niche-digit__l{display:block;font-size:13px;line-height:1.5;color:var(--tx2)}

/* ── Решения ────────────────────────────────────────────────── */
.niche-sol{height:100%;padding:26px 24px}
.niche-sol__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.niche-sol__head h3{font-size:17px;line-height:1.34;margin:0;color:var(--tx)}
.niche-sol p{font-size:14px;line-height:1.62;color:var(--tx2);margin:0 0 16px}
.niche-sol__list{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;
}
.niche-sol__list li{
  position:relative;padding-left:18px;font-size:13px;line-height:1.5;color:var(--tx2);
}
.niche-sol__list li::before{
  content:"\F26E";font-family:"bootstrap-icons";position:absolute;left:0;
  color:var(--cyan);font-size:12px;
}

/* ── Кейсы ──────────────────────────────────────────────────── */
.niche-case{
  height:100%;padding:24px 22px;border-radius:var(--r-lg);
  border:1px solid var(--bd);background:rgba(20,20,25,.6);
  border-left:3px solid transparent;
  background-image:linear-gradient(rgba(20,20,25,.6),rgba(20,20,25,.6)),var(--grad);
  background-origin:border-box;background-clip:padding-box,border-box;
}
.niche-case h3{font-size:15.5px;margin:0 0 10px;color:var(--tx)}
.niche-case p{font-size:13.5px;line-height:1.6;color:var(--tx2);margin:0}

/* ── Карточки перелинковки ──────────────────────────────────── */
.niche-link-card{
  display:flex;flex-direction:column;gap:12px;height:100%;
  padding:26px 22px;border-radius:var(--r-lg);
  border:1px solid var(--bd);background:rgba(20,20,25,.6);
  text-decoration:none;color:inherit;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.niche-link-card:hover{border-color:var(--bd-a);transform:translateY(-5px);box-shadow:0 18px 44px rgba(139,92,246,.16)}
.niche-link-card__name{font-size:16px;font-weight:600;color:var(--tx);flex:1}

/* ── FAQ ────────────────────────────────────────────────────── */
.niche-faq{max-width:860px;margin:0 auto}
.niche-faq__item{
  border:1px solid var(--bd);border-radius:var(--r-md);
  background:rgba(20,20,25,.6);margin-bottom:12px;overflow:hidden;
  transition:border-color .3s;
}
.niche-faq__item[open]{border-color:var(--bd-a)}
.niche-faq__item summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;cursor:pointer;list-style:none;
  font-size:15.5px;font-weight:600;color:var(--tx);
}
.niche-faq__item summary::-webkit-details-marker{display:none}
.niche-faq__item summary i{
  flex:0 0 auto;color:var(--cyan);font-size:15px;
  transition:transform .3s;
}
.niche-faq__item[open] summary i{transform:rotate(135deg)}
.niche-faq__a{
  padding:0 22px 20px;font-size:14px;line-height:1.68;color:var(--tx2);
}

/* ── CTA-блок ───────────────────────────────────────────────── */
.niche-cta{position:relative;overflow:hidden}
.niche-cta::before{
  content:"";position:absolute;bottom:-180px;left:-140px;width:520px;height:520px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(6,182,212,.14),transparent 68%);
}
.niche-cta__grid{
  display:grid;grid-template-columns:1.15fr 1fr;
  gap:clamp(28px,4vw,60px);align-items:start;position:relative;z-index:1;
}
.niche-cta__text h2{font-size:clamp(1.4rem,2.6vw,2.05rem);line-height:1.2;margin:16px 0 0}
.niche-cta__text p{font-size:15.5px;line-height:1.68;color:var(--tx2);margin-top:18px}
.niche-cta__list{
  list-style:none;padding:0;margin:22px 0 0;
  display:flex;flex-direction:column;gap:10px;
}
.niche-cta__list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14.5px;color:var(--tx2);
}
.niche-cta__list i{color:var(--cyan);margin-top:3px}
.niche-cta__contacts{
  display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px;
}
.niche-cta__contacts a{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14.5px;color:var(--tx2);text-decoration:none;transition:color .25s;
}
.niche-cta__contacts a:hover{color:var(--cyan)}
.niche-cta__contacts i{color:var(--violet)}

/* ── 404 ────────────────────────────────────────────────────── */
.notfound{
  min-height:calc(100vh - 46px);display:flex;align-items:center;justify-content:center;
  text-align:center;padding:60px 24px;
}
.notfound__code{
  font-size:clamp(4rem,12vw,8rem);font-weight:700;line-height:1;
  background:var(--grad-accent);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;
}
.notfound h1{font-size:clamp(1.3rem,2.6vw,2rem);margin:18px 0 0}
.notfound p{color:var(--tx2);margin-top:14px;font-size:15.5px}
.notfound__links{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px;
}

/* ── Адаптив ────────────────────────────────────────────────── */
@media(max-width:1100px){
  .niche-digits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991px){
  .niche-hero__grid,
  .niche-cta__grid{grid-template-columns:1fr;gap:28px}
  .niche-pain{padding:24px 20px 20px 60px}
  .niche-pain__num{left:18px;top:20px;width:28px;height:28px;font-size:13px}
  .niche-pain:hover,.niche-link-card:hover{transform:none}
  .niche-sol__list{grid-template-columns:1fr}
}
@media(max-width:600px){
  .niche-digits{grid-template-columns:1fr;gap:12px}
  .niche-digit{padding:22px 16px;display:flex;align-items:baseline;gap:14px;text-align:left}
  .niche-digit__v{margin-bottom:0;flex:0 0 auto;min-width:88px}
  .niche-digit__l{font-size:12.5px}
  .niche-faq__item summary{padding:16px 16px;font-size:14.5px}
  .niche-faq__a{padding:0 16px 18px;font-size:13.5px}
  .niche-hero__cta{flex-direction:column;align-items:stretch}
  .niche-hero__cta .btn-cta,
  .niche-hero__cta .btn-ghost{justify-content:center;text-align:center}
}