/* Anam section animations — shared reveal + hover system */

:root {
  --anam-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --anam-ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --anam-duration: 0.7s;
  --anam-stagger: 0.1s;
  --anam-lift: -4px;
  --anam-brand-shadow: rgba(144, 174, 172, 0.35);
}

/* ── Reveal on view ── */
.anam-reveal [data-anam-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity var(--anam-duration) var(--anam-ease-out),
    transform var(--anam-duration) var(--anam-ease-out);
  transition-delay: calc(var(--anam-index, 0) * var(--anam-stagger));
  will-change: opacity, transform;
}

.anam-reveal.is-visible [data-anam-reveal] {
  opacity: 1;
  transform: translateY(0);
}

.anam-reveal [data-anam-reveal="fade"] {
  transform: none;
}

.anam-reveal [data-anam-reveal="scale"] {
  transform: scale(0.94);
}

.anam-reveal.is-visible [data-anam-reveal="scale"] {
  transform: scale(1);
}

.anam-reveal [data-anam-reveal="slide-right"] {
  transform: translateX(-32px);
}

.anam-reveal [data-anam-reveal="slide-left"] {
  transform: translateX(32px);
}

.anam-reveal.is-visible [data-anam-reveal="slide-right"],
.anam-reveal.is-visible [data-anam-reveal="slide-left"] {
  transform: translateX(0);
}

/* ── Shared button hover ── */
.anam-btn-hover {
  transition:
    transform 0.35s var(--anam-ease-out),
    box-shadow 0.35s var(--anam-ease-out),
    background-color 0.35s ease,
    opacity 0.35s ease;
}

.anam-btn-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px var(--anam-brand-shadow);
}

.anam-btn-hover:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(144, 174, 172, 0.22);
  transition-duration: 0.15s;
}

/* ── Image link hover ── */
.anam-hover-image {
  display: block;
  overflow: hidden;
  border-radius: inherit;
}

.anam-hover-image img {
  transition: transform 0.55s var(--anam-ease-smooth);
  will-change: transform;
}

.anam-hover-image:hover img {
  transform: scale(1.06);
}

.anam-hover-image:active img {
  transform: scale(1.02);
  transition-duration: 0.2s;
}

/* ── Separator section ── */
.separator-section .separator-section-item {
  border-radius: 8px;
  transition: transform 0.4s var(--anam-ease-out), box-shadow 0.4s var(--anam-ease-out);
}

.separator-section .separator-section-item:hover {
  transform: translateY(var(--anam-lift));
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1);
}

/* ── Custom products section ── */
.custom-products-section .product-item {
  transition: transform 0.4s var(--anam-ease-out);
}

.custom-products-section .product-item:hover {
  transform: translateY(var(--anam-lift));
}

.custom-products-section .product-card-img {
  transition: transform 0.55s var(--anam-ease-smooth);
}

.custom-products-section .product-item:hover .product-card-img {
  transform: scale(1.04);
}

.custom-products-section .product-item a[class*="bg-[#90AEAC]"],
.custom-products-section .product-item button[class*="bg-[#90AEAC]"] {
  transition:
    transform 0.35s var(--anam-ease-out),
    box-shadow 0.35s var(--anam-ease-out),
    background-color 0.35s ease;
}

.custom-products-section .product-item a[class*="bg-[#90AEAC]"]:hover,
.custom-products-section .product-item button[class*="bg-[#90AEAC]"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px var(--anam-brand-shadow);
}

.custom-products-section .add-to-wishlist {
  transition: transform 0.3s var(--anam-ease-out), box-shadow 0.3s var(--anam-ease-out);
}

.custom-products-section .add-to-wishlist:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* ── Categories section ── */
.anam-categories-section .anam-category-card {
  transition: transform 0.4s var(--anam-ease-out);
}

.anam-categories-section .anam-category-card:hover {
  transform: translateY(-6px);
}

.anam-categories-section .anam-category-img-wrap {
  transition:
    transform 0.45s var(--anam-ease-out),
    box-shadow 0.45s var(--anam-ease-out);
}

.anam-categories-section .anam-category-card:hover .anam-category-img-wrap {
  transform: scale(1.05);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

.anam-categories-section .anam-category-card:hover .anam-category-name {
  color: #90AEAC;
}

.anam-categories-section .anam-category-name {
  transition: color 0.35s ease;
}

.anam-categories-section .first-flower-img,
.anam-categories-section .second-flower-img {
  opacity: 0;
  transition:
    opacity var(--anam-duration) var(--anam-ease-out),
    transform 1.2s var(--anam-ease-smooth);
  transition-delay: 0.15s;
}

.anam-categories-section.is-visible .first-flower-img,
.anam-categories-section.is-visible .second-flower-img {
  opacity: 1;
}

.anam-categories-section.is-visible .first-flower-img {
  transform: translateY(8px) rotate(3deg);
}

.anam-categories-section.is-visible .second-flower-img {
  transform: translate(-50%, -50%) rotate(-6deg) scale(1.04);
}

/* ── Offer products section ── */
.anam-offer-products-section .offer-product-item {
  transition: transform 0.4s var(--anam-ease-out), background-color 0.35s ease;
  border-radius: 8px;
}

.anam-offer-products-section .offer-product-item:hover {
  transform: translateX(4px);
}

html[dir="rtl"] .anam-offer-products-section .offer-product-item:hover,
.rtl .anam-offer-products-section .offer-product-item:hover {
  transform: translateX(-4px);
}

.anam-offer-products-section .product-item-2 .product-card-img {
  transition: transform 0.45s var(--anam-ease-smooth);
}

.anam-offer-products-section .offer-product-item:hover .product-card-img {
  transform: scale(1.06);
}

.anam-offer-products-section .product-item-2 a[class*="rounded-full"],
.anam-offer-products-section .product-item-2 button[class*="rounded-full"] {
  transition:
    transform 0.35s var(--anam-ease-out),
    box-shadow 0.35s var(--anam-ease-out),
    background-color 0.35s ease;
}

.anam-offer-products-section .product-item-2 a[class*="rounded-full"]:hover,
.anam-offer-products-section .product-item-2 button[class*="rounded-full"]:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
}

.anam-offer-products-section .offer-discount-badge {
  transition: transform 0.4s var(--anam-ease-out);
}

/* ── Store features section ── */
.anam-store-features-section .anam-feature-item {
  transition: transform 0.4s var(--anam-ease-out);
  border-radius: 12px;
  padding: 8px;
}

.anam-store-features-section .anam-feature-item:hover {
  transform: translateY(-6px);
}

.anam-store-features-section .anam-feature-item img {
  transition: transform 0.45s var(--anam-ease-out);
}

.anam-store-features-section .anam-feature-item:hover img {
  transform: scale(1.1) translateY(-3px);
}

/* ── Swiper navigation arrows (shared) ── */
.anam-swiper-wrap {
  position: relative;
}

.anam-swiper-nav {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  background-color: #C8D7C9;
  border: 1px solid #F8F3EA;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0;
  margin: 0;
  transform: translateY(-50%);
  transition:
    opacity 0.25s ease,
    transform 0.25s var(--anam-ease-out);
}

@media (min-width: 768px) {
  .anam-swiper-nav {
    width: 30px;
    height: 30px;
  }
}

.anam-swiper-nav span {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .anam-swiper-nav span {
    font-size: 16px;
  }
}

.anam-swiper-nav:hover:not(.swiper-button-disabled) {
  transform: translateY(-50%) scale(1.06);
}

.anam-swiper-nav:active:not(.swiper-button-disabled) {
  transform: translateY(-50%) scale(0.98);
}

.anam-swiper-nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.anam-swiper-nav-prev {
  inset-inline-start: 0;
}

.anam-swiper-nav-next {
  inset-inline-end: 0;
}

.custom-products-swiper-wrap {
  padding-inline: 20px;
}

.customer-reviews-swiper-wrap {
  padding-inline: 28px;
}

@media (min-width: 768px) {
  .customer-reviews-swiper-wrap {
    padding-inline: 36px;
  }
}

.customer-reviews-section .review-item {
  transition:
    transform 0.3s var(--anam-ease-out),
    box-shadow 0.3s var(--anam-ease-out);
}

.customer-reviews-section .review-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(144, 174, 172, 0.18);
}

@media (min-width: 768px) {
  .custom-products-swiper-wrap {
    padding-inline: 40px;
  }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .anam-reveal [data-anam-reveal],
  .anam-reveal.is-visible [data-anam-reveal],
  .anam-btn-hover,
  .anam-hover-image img,
  .separator-section .separator-section-item,
  .custom-products-section .product-item,
  .custom-products-section .product-card-img,
  .anam-categories-section .anam-category-card,
  .anam-categories-section .anam-category-img-wrap,
  .anam-categories-section .first-flower-img,
  .anam-categories-section .second-flower-img,
  .anam-offer-products-section .offer-product-item,
  .anam-store-features-section .anam-feature-item,
  .anam-store-features-section .anam-feature-item img {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .anam-reveal [data-anam-reveal] {
    opacity: 1;
  }
}