/* ==========================================================================
   home.css - началната страница (B2.1), само S1-S9 специфики.
   Източник: makets/final/km-final.css раздел 18 (.km-hero / .km-overlap) +
   инлайн стиловете от makets/final/nachalna.html, изнесени тук.
   Всичко общо (.km-btn, .km-card*, .km-split*, .km-ticks, .km-list*,
   .km-product-card*, .km-reviews*, .km-price-*) е в base.css и НЕ се повтаря.
   Зарежда се само на is_front_page() (inc/enqueue.php).

   ЗАБРАНЕНИ (proekt-plan): height/min-height върху текст, max-width върху
   съдържателен елемент, overflow:hidden върху текст, line-clamp,
   position:absolute за подредба. Всяко срещане - коментар „изключение: ...".
   ========================================================================== */

/* GP: main без собствени отстояния - секциите носят своите */
body.km-theme .km-home{ margin:0; padding:0; }

/* ---------- S1 hero ---------- */
/* Снимката е <img> в .km-hero__bg (LCP, fetchpriority=high), не CSS фон */
.km-hero{ position:relative; isolation:isolate; background-color:var(--km-navy); color:var(--km-white); padding-block:96px; }
/* изключение: position:absolute - overlay ::before на hero (разрешен в PLAN.md раздел 3), не подрежда съдържание */
.km-hero::before{ content:""; position:absolute; inset:0; z-index:-1; background:var(--km-overlay-hero-home); }
/* изключение: position:absolute - фоновата снимка на hero (декорация под overlay-а), не подрежда съдържание */
.km-hero__bg{ position:absolute; inset:0; z-index:-2; }
.km-hero__bg img{ width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; } /* изключение: height/max-width върху снимка (не текст) - покрива целия hero */
.km-hero__grid{ display:grid; grid-template-columns:minmax(0,632px) minmax(0,1fr); }
.km-hero__col{ min-width:0; padding:32px; }
.km-hero h1{ color:var(--km-white); margin-bottom:20px; }
.km-hero .km-hero__text{ color:var(--km-white); font-family:var(--km-font-text), Arial, sans-serif; margin:0 0 32px; }
@media (max-width:767px){
  .km-hero{ padding-block:48px; text-align:center; }
  .km-hero__grid{ grid-template-columns:minmax(0,1fr); }
  .km-hero__col{ padding:0; }
  .km-hero .km-btn--lg{ display:flex; width:100%; }
}

/* ---------- S2 три карти, застъпват hero-то с 48px ---------- */
.km-overlap{ position:relative; z-index:1; margin-top:-48px; }
@media (max-width:767px){ .km-overlap{ margin-top:0; padding-top:28px; } }
/* пясъчната карта - иконата е navy (в макета inline style) */
.km-overlap .km-card--sand .km-card__icon{ color:var(--km-navy); }
/* декоративната избледняла икона долу вдясно (в макета inline --km-card-deco): shield / gavel / везни */
.km-overlap .km-card:nth-child(3n+1){ --km-card-deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0D2A1' stroke-opacity='.55' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E"); }
.km-overlap .km-card:nth-child(3n+2){ --km-card-deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-opacity='.6' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 12.5-8 8a2.119 2.119 0 1 1-3-3l8-8'/%3E%3Cpath d='m16 16 6-6'/%3E%3Cpath d='m8 8 6-6'/%3E%3Cpath d='m9 7 8 8'/%3E%3Cpath d='m21 11-8-8'/%3E%3C/svg%3E"); }
.km-overlap .km-card:nth-child(3n){ --km-card-deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0D2A1' stroke-opacity='.55' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3E%3Cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'/%3E%3C/svg%3E"); }

/* ---------- S3 / S4 / S9 снимки в 2-кол секциите ---------- */
/* <figure> без браузърния margin (в макета inline style="margin:0") */
.km-home .km-split__media{ margin:0; }

/* ---------- S5 „Защо нас" ---------- */
.km-home-s5 .km-cards{ padding-top:16px; }

/* ---------- S7 фирмени промени ---------- */
.km-home-s7 .km-cards{ padding:10px; }

/* ---------- S9 експертът ---------- */
.km-home-s9 .km-actions{ margin-top:0; }