/* ============================================================
   ПЕРВЫЙ ЭКРАН НАПРАВЛЕНИЯ (28.09.2026) — надстройка над hero.css
   и ai-hero.css (крошки, строка цены). Отличие от главной:
   сияние цвета направления с кольцами за предметом.
   ============================================================ */
.dirh{ position:relative; isolation:isolate; overflow:clip; }

/* сияние: мягкое пятно цвета направления справа + три тонких кольца */
.dirh__aura{
  position:absolute; z-index:-1; pointer-events:none;
  right:max(-8vw, -140px); top:50%;
  width:min(62vw, 980px); aspect-ratio:1;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(closest-side, rgba(var(--accent-rgb), .16), rgba(var(--accent-rgb), .06) 55%, rgba(var(--accent-rgb), 0));
}
.dirh__aura i{
  position:absolute; inset:var(--k); border-radius:50%;
  border:1px solid rgba(var(--accent-rgb), .16);
}
.dirh__aura i:nth-child(1){ --k:14%; }
.dirh__aura i:nth-child(2){ --k:24%; border-style:dashed; border-color:rgba(var(--accent-rgb), .2); animation:dirh-turn 90s linear infinite; }
.dirh__aura i:nth-child(3){ --k:34%; }
@keyframes dirh-turn{ to{ transform:rotate(360deg); } }

/* плашка направления и быстрые ссылки сняты 28.09 по просьбе заказчика */

/* предмет: картинка на белом — multiply, чтобы белое растворилось в сиянии */
.dirh__media{
  position:relative;
  width:min(100%, 640px);
  margin-left:auto;
  aspect-ratio:4 / 3;
}
.dirh__media img{
  width:100%; height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
}
/* ролик поверх картинки: тот же кадр, белые поля источника уходят под cover */
.dirh__video{
  position:absolute; inset:0; width:100%; height:100%;
  /* по 2% с боков: cover срезает поля источника впритык, и край поля
     (у Veo там радужные блики) проступал тонкими полосками */
  clip-path:inset(0 2%);
  object-fit:cover; mix-blend-mode:multiply;
  opacity:0; transition:opacity .8s var(--ease);
}
.dirh__video.is-on{ opacity:1; }

@media (max-width: 1100px){
  .dirh__media{ margin-inline:auto; order:-1; }
  .dirh__aura{ right:50%; top:clamp(160px, 30vw, 300px); transform:translate(50%, -50%); width:min(110vw, 720px); }
}
@media (prefers-reduced-motion:reduce){ .dirh__aura i{ animation:none; } }

/* ---- три снятых риска под кнопками (29.09.2026) ---- */
.dirh__proof{
  list-style:none; margin:clamp(22px, 2.2vw, 32px) 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px;
}
.dirh__proof li{
  position:relative; padding-left:26px;
  font-size:clamp(13.5px, .95vw, 15px); line-height:1.4; color:var(--fg-lead);
}
.dirh__proof li::before{
  content:""; position:absolute; left:0; top:.05em;
  width:18px; height:18px; border-radius:50%;
  background:var(--accent-wash); border:1px solid var(--accent-line);
}
.dirh__proof li::after{
  content:""; position:absolute; left:5.5px; top:calc(.05em + 5.5px);
  width:7px; height:4px; border:solid var(--accent-1); border-width:0 0 2px 2px; transform:rotate(-45deg);
}
@media (max-width: 640px){ .dirh__proof{ flex-direction:column; gap:8px; } }