/* Replica Shoes — 首页交互增强 (仅 front page) */

/* ── 英雄区：轻微漂浮 + 光晕 ── */
.elementor-element-76txrjF8 {
  position: relative;
  overflow: hidden;
}

.elementor-element-76txrjF8::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 55% 70% at 18% 50%, rgba(0, 220, 130, 0.12), transparent 65%);
  pointer-events: none;
  z-index: 1;
  animation: rs-hero-glow 6s ease-in-out infinite alternate;
}

@keyframes rs-hero-glow {
  from { opacity: 0.5; transform: scale(1); }
  to   { opacity: 1;   transform: scale(1.03); }
}

.elementor-element-76txrjF8 .e-con-inner {
  position: relative;
  z-index: 2;
}

.elementor-element-28e7178 .elementor-heading-title {
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

/* SHOP NOW 按钮：霓虹悬停 */
.elementor-element-3c64a7b .elementor-button {
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.35s ease,
              background-color 0.3s ease;
  box-shadow: 0 4px 18px rgba(0, 200, 100, 0.25);
}

.elementor-element-3c64a7b .elementor-button:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 12px 32px rgba(0, 220, 120, 0.45);
}

/* ── 品牌网格：卡片悬停抬起 + 图片缩放 ── */
.elementor-element-d337dff .elementor-widget-image {
  overflow: hidden;
  border-radius: 6px;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.4s ease;
}

.elementor-element-d337dff .elementor-widget-image:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.elementor-element-d337dff .elementor-widget-image img {
  transition: transform 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-element-d337dff .elementor-widget-image:hover img {
  transform: scale(1.08);
}

.elementor-element-d337dff .wp-caption-text {
  transition: color 0.3s ease, letter-spacing 0.3s ease;
}

.elementor-element-d337dff .elementor-widget-image:hover .wp-caption-text {
  letter-spacing: 0.06em;
  color: #00b368;
}

/* All Shoes 左侧背景区 */
.elementor-element-L4jP2CL4 {
  transition: box-shadow 0.4s ease;
}

.elementor-element-L4jP2CL4:hover {
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.15);
}

.elementor-element-d4dbbe4 .elementor-heading-title a {
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.elementor-element-d4dbbe4 .elementor-heading-title a:hover {
  color: #00c878 !important;
  text-shadow: 0 0 20px rgba(0, 200, 120, 0.4);
}

/* ── 畅销产品区：卡片悬停 ── */
.elementor-element-d1b3496 .product-small {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.4s ease;
}

.elementor-element-d1b3496 .product-small:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.14);
  z-index: 2;
}

.elementor-element-d1b3496 .product-small .box-image img {
  transition: transform 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-element-d1b3496 .product-small:hover .box-image img {
  transform: scale(1.07);
}

.elementor-element-d1b3496 .product-small .box-text {
  transition: background-color 0.3s ease;
}

.elementor-element-d1b3496 .product-small:hover .box-text {
  background-color: #fafafa;
}

/* ── 滚动显现（JS 添加 .rs-inview） ── */
.rs-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.rs-reveal.rs-inview {
  opacity: 1;
  transform: translateY(0);
}

.rs-reveal-stagger > .e-con,
.rs-reveal-stagger > .elementor-widget {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.rs-reveal-stagger.rs-inview > .e-con,
.rs-reveal-stagger.rs-inview > .elementor-widget {
  opacity: 1;
  transform: translateY(0);
}

.rs-reveal-stagger.rs-inview > *:nth-child(1) { transition-delay: 0.05s; }
.rs-reveal-stagger.rs-inview > *:nth-child(2) { transition-delay: 0.12s; }
.rs-reveal-stagger.rs-inview > *:nth-child(3) { transition-delay: 0.19s; }
.rs-reveal-stagger.rs-inview > *:nth-child(4) { transition-delay: 0.26s; }
.rs-reveal-stagger.rs-inview > *:nth-child(5) { transition-delay: 0.33s; }
.rs-reveal-stagger.rs-inview > *:nth-child(6) { transition-delay: 0.40s; }

/* 尊重减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
  .rs-reveal,
  .rs-reveal-stagger > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .elementor-element-76txrjF8::after {
    animation: none;
  }
}
