/* ================================================================
   Bermuda.uz — единый стиль страниц услуг (2026)
   Приводит страницы услуг к системе токенов главной страницы.
   Подключается ПОСЛЕДНИМ — перекрывает старые инлайновые правила.
   ================================================================ */

:root{
  --sv-primary:#1A365D;      /* как на главной */
  --sv-accent:#00A3FF;
  --sv-accent-2:#E8F44D;
  --sv-ink:#2D3748;
  --sv-muted:#5A6B7D;
  --sv-line:#E2E8F0;
  --sv-bg:#F8FAFC;
  --sv-card:#FFFFFF;
  --sv-r-sm:10px; --sv-r-md:14px; --sv-r-lg:18px;
  --sv-sh-sm:0 2px 10px rgba(26,54,93,.06);
  --sv-sh-md:0 8px 26px rgba(26,54,93,.10);
}

/* ---------- база: убираем Georgia и «выключку по ширине» ---------- */
body{
  font-family:var(--font-main,'Inter',system-ui,sans-serif);
  color:var(--sv-ink);
  background:var(--sv-bg);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.custom-seo-container{max-width:900px;margin:0 auto;padding:44px 20px 72px;background:transparent}
.custom-seo-container p,
.custom-seo-container li{
  font-family:var(--font-main,'Inter',system-ui,sans-serif);
  text-align:left;                    /* justify рвёт текст «реками» на мобиле */
  color:var(--sv-ink);
  font-size:1.02rem;
  line-height:1.75;
  hyphens:none;
}

/* ---------- заголовки ---------- */
.custom-seo-container h1,
.custom-seo-container h2,
.custom-seo-container h3,
.custom-seo-container h4{
  font-family:var(--font-heading,'Montserrat',system-ui,sans-serif);
  color:var(--sv-primary);
  letter-spacing:-.01em;
}
.custom-seo-container h1{
  font-size:clamp(1.65rem,4vw,2.3rem);
  line-height:1.24;
  font-weight:800;
  border:0;
  padding:0;
  margin:0 0 14px;
}
.custom-seo-container h2{
  font-size:clamp(1.3rem,2.6vw,1.65rem);
  font-weight:800;
  line-height:1.3;
  margin:52px 0 16px;
  padding:0 0 12px;
  border:0;
  border-bottom:2px solid var(--sv-line);
  position:relative;
}
.custom-seo-container h2::after{
  content:'';position:absolute;left:0;bottom:-2px;width:56px;height:2px;background:var(--sv-accent);
}
.custom-seo-container h3{
  font-size:1.1rem;font-weight:700;color:var(--sv-primary);
  margin:28px 0 8px;padding:0;border:0;
}
.custom-seo-container h4{font-size:1rem;font-weight:700;margin:20px 0 6px}

/* строка с ценой/гарантией под H1 */
.bermuda-schema-summary span{white-space:nowrap}
.bermuda-schema-summary{
  display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;
  background:#EEF6FF;border:1px solid #D9E8F7;border-radius:var(--sv-r-sm);
  padding:11px 18px;margin:0 0 26px!important;font-size:.95rem;color:var(--sv-primary)!important
}

/* ---------- выделение ---------- */
.highlight{background:linear-gradient(180deg,transparent 62%,#FFF0B8 62%);
  padding:0 2px;border-radius:0;font-weight:600;color:inherit}

/* ---------- картинки ---------- */
.image-block{margin:28px 0}
.image-block img{border-radius:var(--sv-r-md);box-shadow:var(--sv-sh-md);display:block;width:100%;height:auto}
.image-caption{font-size:.85rem;color:var(--sv-muted);font-style:normal;margin-top:10px;text-align:center}

/* ---------- CTA ---------- */
.cta-box{
  background:linear-gradient(135deg,var(--sv-primary) 0%,#1E5490 100%);
  color:#fff;border-radius:var(--sv-r-lg);padding:30px 32px;margin:38px 0;
  box-shadow:0 10px 30px rgba(26,54,93,.22);text-align:center
}
.cta-box h2,.cta-box h3{color:#fff!important;border:0!important;padding:0!important;margin:0 0 8px!important;font-size:1.3rem}
.cta-box h2::after,.cta-box h3::after{display:none}
.cta-box p{color:rgba(255,255,255,.86)!important;margin:0 0 16px;text-align:center!important;font-size:.96rem}
.cta-box a{
  display:inline-block;background:var(--sv-accent-2);color:var(--sv-primary);
  padding:14px 32px;border-radius:var(--sv-r-sm);text-decoration:none;font-weight:800;
  box-shadow:0 4px 14px rgba(232,244,77,.35);transition:transform .18s,box-shadow .18s;min-height:44px
}
.cta-box a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(232,244,77,.45)}

/* ---------- таблицы ---------- */
.price-table,.comparison-table{
  width:100%;border-collapse:separate;border-spacing:0;margin:22px 0 34px;
  background:var(--sv-card);border-radius:var(--sv-r-md);overflow:hidden;
  box-shadow:var(--sv-sh-sm);border:1px solid var(--sv-line);font-size:.96rem
}
.price-table th,.comparison-table th{
  background:var(--sv-primary);color:#fff;padding:14px 18px;text-align:left;
  font-family:var(--font-heading,'Montserrat',sans-serif);font-weight:700;font-size:.9rem
}
.price-table td,.comparison-table td{padding:13px 18px;border-bottom:1px solid var(--sv-line);color:var(--sv-ink)}
.price-table tr:last-child td,.comparison-table tr:last-child td{border-bottom:0}
.price-table tbody tr:nth-child(even) td,
.comparison-table tbody tr:nth-child(even) td{background:#F7FAFD}
.price-table tbody tr:hover td,.comparison-table tbody tr:hover td{background:#EEF6FF}
.price-table td strong{color:#0A6E38;font-weight:800}
.table-wrap,.table-scroll{overflow-x:auto}

/* ---------- преимущества ---------- */
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:24px 0 34px}
.benefit{
  background:var(--sv-card);border:1px solid var(--sv-line);border-left:3px solid var(--sv-accent);
  border-radius:var(--sv-r-md);padding:18px 20px;font-size:.94rem;color:var(--sv-ink);
  box-shadow:var(--sv-sh-sm);transition:transform .2s,box-shadow .2s
}
.benefit:hover{transform:translateY(-3px);box-shadow:var(--sv-sh-md)}
.benefit strong{display:block;color:var(--sv-primary);margin-bottom:6px;
  font-family:var(--font-heading,'Montserrat',sans-serif);font-weight:700;font-size:.97rem}

/* карточки вредителей */
.type-card{
  background:var(--sv-card);border:1px solid var(--sv-line);border-radius:var(--sv-r-md);
  padding:18px;box-shadow:var(--sv-sh-sm);transition:transform .2s,box-shadow .2s
}
.type-card:hover{transform:translateY(-3px);box-shadow:var(--sv-sh-md)}
.type-card img{border-radius:var(--sv-r-sm);height:180px;object-fit:cover;width:100%;margin-bottom:12px}
.type-card h3,.type-card h4{margin:0 0 8px;font-size:1.02rem}
.type-card p{font-size:.9rem;color:var(--sv-muted);margin:0}

/* ---------- FAQ ---------- */
.faq-section{margin:46px 0;background:transparent;padding:0}
.faq-section h2{margin-top:0}
.faq-item{
  border:1px solid var(--sv-line);border-radius:var(--sv-r-md);margin-bottom:12px;
  overflow:hidden;background:var(--sv-card);box-shadow:var(--sv-sh-sm)
}
.faq-q{
  background:#F4F9FE;padding:16px 20px;font-weight:700;color:var(--sv-primary);
  font-family:var(--font-heading,'Montserrat',sans-serif);font-size:1rem;border:0
}
.faq-a{padding:16px 20px;background:var(--sv-card)}
.faq-a p{margin:0;color:var(--sv-ink);font-size:.96rem;line-height:1.7}

/* ---------- перелинковка ---------- */
.related-section{margin:44px 0 0}
.related-section h2{border-bottom:2px solid var(--sv-line)}
.related-grid,.int-links-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.related-card,.int-link{
  display:inline-block;background:var(--sv-card);border:1px solid #CFE0F0;
  border-radius:999px;text-decoration:none;padding:9px 18px;font-size:.9rem;font-weight:600;
  color:var(--sv-primary);transition:all .18s
}
.related-card:hover,.int-link:hover{background:var(--sv-primary);color:#fff;border-color:var(--sv-primary);transform:translateY(-2px)}
.related-card-body{padding:0}
.related-card-title{color:inherit;font-weight:600;font-size:.9rem}
.related-card:hover .related-card-title{color:#fff}
.internal-links-section{margin:34px 0}
.internal-links-section h3{margin-bottom:4px}

/* ---------- ссылки в тексте ---------- */
.custom-seo-container p a:not(.cta-box a):not(.related-card):not(.int-link){
  color:#12629E;text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px;text-decoration-color:#A9CDE8
}
.custom-seo-container p a:hover{color:var(--sv-primary);text-decoration-color:currentColor}

/* хлебные крошки */
.breadcrumbs{font-size:.85rem;color:var(--sv-muted);margin:0 0 18px}
.breadcrumbs a{color:#12629E;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}

/* ---------- доступность ---------- */
.custom-seo-container a:focus-visible,
.cta-box a:focus-visible{outline:3px solid var(--sv-accent);outline-offset:2px;border-radius:4px}

/* ---------- мобильные ---------- */
@media(max-width:768px){
  .custom-seo-container{padding:28px 16px 56px}
  .cta-box{padding:24px 20px;border-radius:var(--sv-r-md)}
  .price-table,.comparison-table{font-size:.88rem}
  .price-table th,.price-table td,
  .comparison-table th,.comparison-table td{padding:11px 12px}
  .custom-seo-container h2{margin-top:38px}
}
@media(max-width:560px){
  .benefits{grid-template-columns:1fr}
  .price-table,.comparison-table{display:block;overflow-x:auto;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .benefit,.type-card,.cta-box a,.related-card,.int-link{transition:none}
}