/* ============================================================
   TopCam — Premium polish 2026
   Грузится последним. Отключить всё = убрать <link> в header.php.
   Только глубина/свечение/микро-движение. Раскладку не трогает.
   ============================================================ */

/* ── Кнопки: градиент, объём, мягкое свечение ── */
.btn-tc, a.btn-tc, button.btn-tc {
  background-image: linear-gradient(135deg, #14c47e 0%, #0a9d63 58%, #07895480 100%) !important;
  border: none !important;
  box-shadow:
    0 6px 18px rgba(10,157,99,.30),
    0 0 34px rgba(10,157,99,.12),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition: box-shadow .28s ease, transform .15s ease, filter .28s ease !important;
}
.btn-tc:hover, a.btn-tc:hover, button.btn-tc:hover {
  box-shadow:
    0 10px 28px rgba(10,157,99,.42),
    0 0 56px rgba(10,157,99,.20),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  filter: brightness(1.04) saturate(1.05);
}
.btn-tc-outline { transition: box-shadow .28s ease, border-color .2s ease !important; }
.btn-tc-outline:hover { box-shadow: 0 6px 20px rgba(10,157,99,.16) !important; }

/* ── Карточки: мягкая глубина + верхний блик + аккуратный hover-lift ── */
.tc-card, .product-card, .hp-review-card, .hp-why-card-v2, .hp-contact-card {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 32px rgba(0,0,0,.26) !important;
  transition:
    transform .3s cubic-bezier(.2,.8,.2,1),
    box-shadow .3s ease,
    border-color .3s ease !important;
}
.tc-card:hover, .product-card:hover, .hp-review-card:hover,
.hp-why-card-v2:hover, .hp-contact-card:hover {
  transform: translateY(-4px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 18px 46px rgba(0,0,0,.34),
    0 0 40px rgba(10,157,99,.10) !important;
  border-color: rgba(10,157,99,.30) !important;
}
/* Проекты — фото-плитки: глубина + лёгкий подъём (без блика/рамки) */
.bento-tile, .rp-photo {
  box-shadow: 0 8px 28px rgba(0,0,0,.28) !important;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease !important;
}
.bento-tile:hover, .rp-photo:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.36), 0 0 34px rgba(10,157,99,.10) !important;
}

/* ── Стат-плитки: цифры с лёгким свечением акцента ── */
.hp-stat .num, .hp-stat b, .hp-stat strong {
  text-shadow: 0 0 24px rgba(10,157,99,.25);
}

/* ── Заголовки секций: чуть плотнее трекинг — премиальнее ── */
.section-title, .hero-v3-h1 { letter-spacing: -0.02em; }

/* ── Hero glow убран: читался как «перекрытый/кривой». Премиум держат кнопки+карточки. ── */

/* ── Калькулятор: выровнять под общий премиум-стиль ── */
.calc-btn-next {
  background-image: linear-gradient(135deg, #14c47e 0%, #0a9d63 58%, #07895480 100%) !important;
  border: none !important;
  box-shadow:
    0 6px 18px rgba(10,157,99,.30),
    0 0 34px rgba(10,157,99,.12),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition: box-shadow .28s ease, filter .28s ease !important;
}
.calc-btn-next:hover {
  box-shadow:
    0 10px 28px rgba(10,157,99,.42),
    0 0 56px rgba(10,157,99,.20),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  filter: brightness(1.04) saturate(1.05);
}
.cam-select-card, .storage-option, .gq-list, .gq-cta {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 32px rgba(0,0,0,.26) !important;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease !important;
}
.cam-select-card:hover, .storage-option:hover {
  transform: translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 18px 46px rgba(0,0,0,.34),
    0 0 36px rgba(10,157,99,.10) !important;
  border-color: rgba(10,157,99,.28) !important;
}