/* ============================================================================
   W-GARAGE · HARMONY — узгодження кольорової гами з головною (hero navy + Saira)
   Підключається ПІСЛЯ style.css. Не змінює світлу тему — лише гармонізує:
   mini-hero → navy, заголовки → Saira, картки Premium Light → холодна світла гама.
   Откат: прибрати <link> на цей файл.
   ============================================================================ */

/* --- ЄДИНИЙ заголовковий шрифт Saira на ВСІХ сторінках (body лишається Inter) --- */
h1,h2,h3,h4,h5,h6{font-family:'Saira','Inter',sans-serif !important;font-style:italic;letter-spacing:.005em}
.section-header h2,.section-title,.mini-hero h1{font-weight:800 !important}

/* --- mini-hero / page hero → navy як головна + Saira --- */
.mini-hero{
  background:linear-gradient(160deg,#1e2a3a 0%,#16202c 55%,#11161e 100%) !important;
  border-bottom:3px solid #e8792b}
.mini-hero h1,.mini-hero h2,.mini-hero .mini-hero-title{
  font-family:'Saira',sans-serif !important;font-style:italic;font-weight:800;
  text-transform:uppercase;letter-spacing:.005em}

/* --- картки Premium Light → холодна світла гама (родина hero) --- */
.service-card-v2--premium-light{
  background:linear-gradient(165deg,#ffffff 0%,#eef2f7 55%,#e3e9f1 100%) !important;
  border-color:rgba(30,42,58,.10) !important;
  box-shadow:0 12px 30px -12px rgba(22,32,44,.20),0 2px 6px rgba(22,32,44,.06) !important}
.service-card-v2--premium-light .sc-media{
  background:radial-gradient(ellipse at center,#ffffff 0%,#eef2f7 72%) !important}
.service-card-v2--premium-light .sc-title{
  font-family:'Saira',sans-serif !important;font-style:italic;font-weight:800 !important;
  text-transform:uppercase;letter-spacing:.005em;color:#16202c !important}
.service-card-v2--premium-light .sc-badge{
  color:#1e2a3a !important;background:rgba(255,255,255,.92) !important;
  border-color:rgba(30,42,58,.18) !important}
.service-card-v2--premium-light .sc-bullets svg{color:#1e2a3a !important}

/* --- заголовки секцій → Saira (єдиний бренд-шрифт) --- */
.section-header h2,.section-title{
  font-family:'Saira',sans-serif !important;font-style:italic;
  text-transform:uppercase;letter-spacing:.005em}

/* --- секції-послуги: легкий холодний відтінок фону замість теплого --- */
.services-landing,.section.services-landing{
  background:linear-gradient(180deg,#eef1f6 0%,#f5f7fa 100%) !important}

/* Поліровка 11.06: ціна/буллети карток у холодну гаму (були теплі коричневі від старої теми) */
.service-card-v2--premium-light .sc-price-label { color: #64748b !important; }
.service-card-v2--premium-light .sc-bullets li { color: #475569 !important; }