@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Bengali:wght@400;500;600;700;800;900&display=swap');

/**
 * Storefront Luxury Styling & High-Converting Buyer Experience
 * Part of Phase 403 (v3.262.0) - Apple & Shopify Grade Design Architecture
 * Strictly < 160 lines (Rule 3 compliant)
 */

html, body {
  font-family: 'Inter', 'Noto Sans Bengali', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

/* Hide scrollbars while preserving scroll functionality */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Line Clamp Utilities */
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Backdrop blur fallback */
.backdrop-blur-xs {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.backdrop-blur-glass {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
}

/* Smooth active states for touch buttons */
button:active, .quick-add-btn:active, .direct-order-btn:active {
  transform: scale(0.96);
}

/* 💎 Luxury Product Card Elevation */
.product-item {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
  border: 1px solid rgba(229, 231, 235, 0.9);
}
.product-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.03);
  border-color: rgba(209, 213, 219, 1);
}

/* 🏷️ Glowing Shimmer Badges */
.badge-shimmer {
  position: relative;
  overflow: hidden;
}
.badge-shimmer::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    60deg,
    rgba(255, 255, 255, 0) 20%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 80%
  );
  transform: rotate(25deg);
  animation: badgeShimmerAnim 3.5s infinite;
}
@keyframes badgeShimmerAnim {
  0% { transform: translateX(-100%) rotate(25deg); }
  25%, 100% { transform: translateX(100%) rotate(25deg); }
}

/* ⚡ 1-Tap Delivery Option Cards */
.delivery-radio-card {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  border-radius: 1rem;
}
.delivery-radio-card.active, .delivery-radio-card:has(input:checked) {
  border-color: var(--brand-color, #e11d48) !important;
  background-color: rgba(225, 29, 72, 0.04) !important;
  box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.15) !important;
}

/* 🛍️ Floating Slide Cart Drawer */
#cartDrawer {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 🎯 High-Converting Checkout Button Pulse */
.btn-checkout-pulse {
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(225, 29, 72, 0.4);
}
.btn-checkout-pulse:hover {
  filter: brightness(1.05);
}