/* ============================================================
   SmartDocGen — ENHANCE LAYER (v1)
   Изолированный слой поверх mirror/css/main.css.
   Не меняет структуру и тексты — только визуальная «причёска»:
   кнопки, карточки, интерактив, фокус, микроанимации.
   Подключается ОДНОЙ строкой; убирается так же (обратимо).
   ============================================================ */

:root{
  --sdg-amber-1:#FFD84D;
  --sdg-amber-2:#FFBE1A;
  --sdg-amber-ink:#2b2100;          /* текст на янтарной кнопке */
  --sdg-amber-glow:255,190,26;      /* для rgba-теней */
  --sdg-ink:16,24,40;               /* тёмный для теней карточек */
  --sdg-ease:cubic-bezier(.2,.7,.3,1);
}

/* ---------- Плавность интерактива глобально ---------- */
a,.button,.link-block,.w-button{
  transition:transform .22s var(--sdg-ease), box-shadow .22s ease,
             background-color .22s ease, color .22s ease, border-color .22s ease, filter .22s ease;
}
html{ scroll-behavior:smooth; }

/* Единый видимый фокус для клавиатуры */
a:focus-visible,button:focus-visible,.button:focus-visible,.link-block:focus-visible,
input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--sdg-amber-2);
  outline-offset:3px;
  border-radius:8px;
}

/* ============================================================
   ГЛАВНЫЕ CTA-КНОПКИ  (.button.w-button — «за 399₽» и т.п.)
   Было: плоский бледно-жёлтый #FFE380, radius 5px, слабая тень.
   Стало: насыщенный янтарный градиент, объём, подъём на hover.
   ============================================================ */
.button.w-button{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background:linear-gradient(135deg,var(--sdg-amber-1) 0%,var(--sdg-amber-2) 100%) !important;
  color:var(--sdg-amber-ink) !important;
  border:0 !important;
  border-radius:14px !important;
  padding:17px 34px !important;
  font-weight:700 !important;
  letter-spacing:.2px;
  line-height:1.25;
  max-width:100%;
  white-space:normal;
  box-shadow:0 10px 26px -8px rgba(var(--sdg-amber-glow),.60),
             inset 0 1px 0 rgba(255,255,255,.55) !important;
}
.button.w-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.04) saturate(1.04);
  box-shadow:0 16px 34px -10px rgba(var(--sdg-amber-glow),.72),
             inset 0 1px 0 rgba(255,255,255,.6) !important;
}
.button.w-button:active{ transform:translateY(0);
  box-shadow:0 6px 16px -8px rgba(var(--sdg-amber-glow),.6), inset 0 1px 0 rgba(255,255,255,.5) !important; }

/* ============================================================
   HERO-КНОПКИ  (.div-block-463 > a.link-block)
   Первая «Попробовать»  -> ПЕРВИЧНАЯ (янтарная, filled)
   Вторая «Посмотреть видео» -> ВТОРИЧНАЯ (стеклянная, на фото)
   ============================================================ */
.div-block-463 a.link-block{
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  border-radius:14px !important;
  font-weight:700 !important;
  padding:16px 22px !important;
}
.div-block-463 a.link-block img{ width:22px; height:22px; object-fit:contain; }

/* Первичная */
.div-block-463 a.link-block:first-child{
  background:linear-gradient(135deg,var(--sdg-amber-1),var(--sdg-amber-2)) !important;
  color:var(--sdg-amber-ink) !important;
  border:0 !important;
  box-shadow:0 12px 30px -10px rgba(var(--sdg-amber-glow),.70),
             inset 0 1px 0 rgba(255,255,255,.5);
}
.div-block-463 a.link-block:first-child *{ color:var(--sdg-amber-ink) !important; }
.div-block-463 a.link-block:first-child:hover{
  transform:translateY(-2px); filter:brightness(1.04);
  box-shadow:0 18px 40px -12px rgba(var(--sdg-amber-glow),.82), inset 0 1px 0 rgba(255,255,255,.55);
}

/* Вторичная — стекло на фоне hero-фото */
.div-block-463 a.link-block:last-child{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1.5px solid rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:0 8px 24px -12px rgba(0,0,0,.45);
}
.div-block-463 a.link-block:last-child *{ color:#fff !important; }
.div-block-463 a.link-block:last-child:hover{
  background:rgba(255,255,255,.20) !important; transform:translateY(-2px);
  border-color:rgba(255,255,255,.8) !important;
}

/* ============================================================
   КАРТОЧКИ «Почему выбрали SmartDocGen» (.sdgcard_card)
   Мягкая рамка, глубина, лёгкий подъём на hover.
   ============================================================ */
.sdgcard_card{
  border-radius:18px !important;
  border:1px solid rgba(var(--sdg-ink),.07) !important;
  background:#fff;
  box-shadow:0 1px 2px rgba(var(--sdg-ink),.04),
             0 10px 30px -18px rgba(var(--sdg-ink),.22);
  transition:transform .25s var(--sdg-ease), box-shadow .25s ease, border-color .25s ease;
}
.sdgcard_card:hover{
  transform:translateY(-4px);
  box-shadow:0 2px 4px rgba(var(--sdg-ink),.05),
             0 22px 44px -20px rgba(var(--sdg-ink),.30);
  border-color:rgba(var(--sdg-amber-glow),.55) !important;
}
.sdgcard_cardLabel{ letter-spacing:.2px; }

/* ---------- Заголовки: чуть плотнее трекинг (современнее) ---------- */
h1,h2{ letter-spacing:-.015em; }

/* ---------- Мобильные правки кнопок ---------- */
@media (max-width:600px){
  .button.w-button{ padding:15px 22px !important; width:100%; }
  .div-block-463 a.link-block{ padding:15px 18px !important; }
}

/* ---------- Уважение к prefers-reduced-motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  a,.button,.link-block,.w-button,.sdgcard_card{ transition:none !important; }
  .button.w-button:hover,.div-block-463 a.link-block:hover,.sdgcard_card:hover{ transform:none !important; }
}