/* SOULNEX HOME | Lüks Dokunuşlar v1
   Yalnızca renk, mikro-animasyon ve erişilebilirlik.
   Grid ölçüleri, menüler, slider ve ürün verileri değiştirilmez. */

/* Koyu/açık yüzeylerin dengesi */
.collections {
  background: linear-gradient(145deg, #f5eee7 0%, #eee4db 100%);
}
.products {
  background: #fffbf7;
}
.snxt-showcase {
  background: linear-gradient(135deg, #faf4ee 0%, #f3e9e2 100%);
}
.story {
  background: #f7f0e9;
}

/* Bordo kalır, fakat felsefe alanı daha sıcak görünür. */
.material::before {
  background: linear-gradient(120deg,
    rgba(36, 19, 29, .72),
    rgba(86, 44, 60, .57),
    rgba(37, 21, 31, .75));
}
.color-story-info {
  background: radial-gradient(circle at 10% 10%, #593744, #2e202a 70%);
}
.social-cta {
  background: linear-gradient(115deg, #563444 0%, #2d1d28 75%);
}

/* Kartların koyu kaplamasını hafiflet: fotoğraflar net, yazılar okunaklı. */
.snx2-world::after {
  background: linear-gradient(180deg,
    rgba(18, 8, 14, .14) 0%,
    transparent 35%,
    rgba(20, 9, 15, .10) 51%,
    rgba(20, 9, 15, .76) 100%);
}
.snxt-feature::after,
.snxt-mini-grid > a::after {
  background: linear-gradient(180deg,
    transparent 35%,
    rgba(24, 11, 18, .69) 100%);
}

/* Fare ile nazik yakınlaşma: mobile taşma olmaz. */
.snx2-world img,
.snx2-product-photo img,
.snxt-image img,
.snxt-mosaic img {
  will-change: auto;
}
@media (hover: hover) and (pointer: fine) {
  .snx2-world:hover img,
  .snx2-product:hover img,
  .snxt-card:hover img,
  .snxt-mosaic a:hover img {
    transform: scale(1.045);
  }
  .snx2-world:hover,
  .snxt-card:hover {
    box-shadow: 0 20px 40px rgba(48, 25, 34, .13);
  }
}

/* Klavye erişilebilirliği */
.snx2-world:focus-visible,
.snx2-product:focus-visible,
.snxt-card:focus-visible,
.snxt-mosaic a:focus-visible {
  outline: 3px solid #b78a6b;
  outline-offset: 3px;
}

/* JS çalışıyorsa kartlar aşağıdan nazikçe gelir.
   'translate' ayrı özellik olduğundan mevcut hover 'transform' bozulmaz. */
html.snx-motion-ready .snx-motion-item {
  opacity: 0;
  translate: 0 18px;
  transition:
    opacity .65s ease var(--snx-stagger, 0ms),
    translate .65s cubic-bezier(.2,.8,.2,1) var(--snx-stagger, 0ms),
    box-shadow .35s ease,
    transform .35s ease;
}
html.snx-motion-ready .snx-motion-item.snx-motion-visible {
  opacity: 1;
  translate: 0 0;
}

/* Hareket azaltma ayarına saygı */
@media (prefers-reduced-motion: reduce) {
  html.snx-motion-ready .snx-motion-item,
  html.snx-motion-ready .snx-motion-item.snx-motion-visible {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
  .snx2-world img, .snxt-mosaic img, .snx2-product img, .snxt-card img {
    transition: none !important;
  }
}