/* Premium Hover Effects - Desktop Only */
@media (hover: hover) and (pointer: fine) {

  /* --- Buttons / CTAs --- */
  .btn {
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s ease, box-shadow 0.25s ease !important;
  }

  .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(211, 84, 0, 0.25);
  }

  .btn.secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  }

  /* --- Product Cards --- */
  .product-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  .product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  }

  .product-card img {
    transition: transform 0.4s ease !important;
  }

  .product-card:hover img {
    transform: scale(1.03);
  }

  /* --- Category Cards (Sidebar) --- */
  .category-list li {
    transition: transform 0.2s ease, background 0.15s, color 0.15s, box-shadow 0.2s ease !important;
  }

  .category-list li:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  }

  /* --- Navigation Links --- */
  .nav-links a {
    position: relative;
    transition: color 0.2s ease !important;
  }

  .nav-links a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: width 0.3s ease;
  }

  .nav-links a:hover::after {
    width: 100%;
  }

}


/* Premium Active/Tap Effects - Mobile Only */
@media (hover: none) and (pointer: coarse) {

  /* --- Buttons / CTAs --- */
  .btn,
  .btn.secondary {
    transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  .btn:active,
  .btn.secondary:active {
    transform: scale(0.97) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  }

  /* --- Product Cards --- */
  .product-card {
    transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  .product-card:active {
    transform: scale(0.985) !important;
  }

  .product-card img {
    transition: transform 0.15s ease !important;
  }

  .product-card:active img {
    transform: scale(0.99) !important;
  }

  /* --- Category Cards (Mobile Swipe Pills) --- */
  .category-mobile-scroll button {
    transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  .category-mobile-scroll button:active {
    transform: scale(0.97) !important;
  }

  /* --- Navigation Links --- */
  .nav-links a:active {
    opacity: 0.7;
    transition: opacity 0.1s ease !important;
  }
}

/* Featured Products Swipe Hint */
.swipe-hint-text {
  text-align: left !important;
  color: var(--primary) !important;
}

/* Mobile Featured Products Swipe Entrance Animation */
@media (max-width: 768px) {
  .container>.product-grid>.product-card {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
    transition: opacity 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  .container>.product-grid>.product-card.swipe-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}