/* ═══════════════════════════════════════════════════════
   DJAMAL PARFUMES — Premium Luxury UI Effects
   Отдельный файл, не изменяет существующие стили
═══════════════════════════════════════════════════════ */

/* ── СТЕКЛЯННЫЕ КАРТОЧКИ ── */
.product-card, .product,
.prod-card {
  background: rgba(18, 18, 18, 0.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(198, 165, 92, 0.25);
  border-radius: 14px;
  transition: transform 0.45s ease,
              box-shadow 0.45s ease,
              border-color 0.45s ease;
}
.product-card:hover, .product:hover,
.prod-card:hover {
  transform: translateY(-10px);
  border-color: rgba(232, 208, 138, 0.6);
  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.45),
    0 0 24px rgba(198, 165, 92, 0.18);
}

/* ── ЗОЛОТОЕ СВЕЧЕНИЕ КНОПОК ── */
.btn-lux--gold,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  position: relative;
  box-shadow: 0 4px 20px rgba(198, 165, 92, 0.2);
  transition: box-shadow 0.45s ease, transform 0.3s ease;
}
.btn-lux--gold:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  box-shadow:
    0 8px 40px rgba(198, 165, 92, 0.45),
    0 0 16px rgba(232, 208, 138, 0.3);
  transform: translateY(-2px);
}

/* ── ЭФФЕКТ СВЕЧЕНИЯ ЛОГОТИПА ── */
.logo__name {
  transition: text-shadow 0.4s ease;
}
.logo:hover .logo__name {
  text-shadow:
    0 0 20px rgba(198, 165, 92, 0.5),
    0 0 40px rgba(198, 165, 92, 0.2);
}

/* ── ЗОЛОТЫЕ РАЗДЕЛИТЕЛИ ── */
.sec-label__line {
  background: linear-gradient(to right, #C6A55C, #E8D08A, transparent) !important;
  height: 1px;
  box-shadow: 0 0 8px rgba(198, 165, 92, 0.3);
}

/* ── GLASSMORPHISM — CART SIDEBAR ── */
#cart-sidebar {
  background: rgba(8, 6, 18, 0.92);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-left: 1px solid rgba(198, 165, 92, 0.2);
}

/* ── GLASSMORPHISM — AUTH MODAL ── */
.modal-box {
  background: rgba(11, 9, 22, 0.94);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border: 1px solid rgba(198, 165, 92, 0.25);
  box-shadow:
    0 40px 80px rgba(0, 0, 0, 0.6),
    0 0 40px rgba(198, 165, 92, 0.08);
}

/* ── GLOW — STORY FEATURES ── */
.story-feat {
  transition: transform 0.35s ease,
              border-color 0.35s ease,
              box-shadow 0.35s ease;
}
.story-feat:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3),
              0 0 16px rgba(198, 165, 92, 0.12);
}

/* ── LOYALTY STEPS GLOW ── */
.loyalty-step {
  transition: transform 0.35s ease,
              border-color 0.35s ease,
              box-shadow 0.35s ease;
  border: 1px solid transparent;
}
.loyalty-step:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 165, 92, 0.25);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35),
              0 0 20px rgba(198, 165, 92, 0.1);
}

/* ── REVIEW CARDS GLOW ── */
.review-card {
  border: 1px solid transparent;
  transition: transform 0.35s ease,
              border-color 0.35s ease,
              box-shadow 0.35s ease;
}
.review-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 165, 92, 0.2);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35),
              0 0 20px rgba(198, 165, 92, 0.1);
}

/* ── SHOWCASE ITEMS ── */
.showcase-item {
  transition: box-shadow 0.45s ease;
}
.showcase-item:hover {
  box-shadow: inset 0 0 0 1px rgba(198, 165, 92, 0.3),
              0 0 30px rgba(198, 165, 92, 0.08);
}

/* ── INPUT FOCUS GLOW ── */
.fi:focus {
  box-shadow: 0 0 0 2px rgba(198, 165, 92, 0.15),
              0 0 12px rgba(198, 165, 92, 0.1);
}

/* ── NEWSLETTER FORM ── */
.newsletter-form:focus-within {
  box-shadow: 0 0 0 1px rgba(198, 165, 92, 0.4),
              0 0 20px rgba(198, 165, 92, 0.1);
}

/* ── STORE ITEMS ── */
.store-item {
  transition: border-color 0.3s ease, padding-left 0.3s ease;
}
.store-item:hover {
  border-color: rgba(198, 165, 92, 0.5);
  padding-left: 1.4rem;
}

/* ── FOOTER SOCIAL ICONS ── */
.footer-social a {
  transition: border-color 0.3s ease,
              color 0.3s ease,
              box-shadow 0.3s ease,
              transform 0.3s ease;
}
.footer-social a:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(198, 165, 92, 0.2);
}

/* ── HERO STATS — subtle underline glow ── */
.hlx-stat__num {
  text-shadow: 0 0 20px rgba(198, 165, 92, 0.35);
}

/* ── SCROLL REVEAL — smoother ── */
.reveal {
  transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1),
              transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}