/**
 * Khan Dry Fruit — Mobile Premium Polish (3 Oct 2026)
 * Refined, subtle, elegant. Keeps original badges/tags untouched.
 * Mobile-first: best looking on phones.
 */

/* ===== Mobile Product Cards: Clean & Premium ===== */
@media (max-width: 768px) {
  /* Cards: soft shadow, smooth corners */
  .product-single-hover,
  .flash_deal_product,
  .nv-deal__card {
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(15, 61, 46, 0.07) !important;
    border: 1px solid rgba(15, 61, 46, 0.05) !important;
    overflow: hidden;
  }

  /* Product images: crisp */
  .product-single-hover img,
  .flash_deal_product img {
    border-radius: 12px 12px 0 0;
  }

  /* Titles: better readability */
  .product-single-hover .product-title,
  .flash_deal_product .product-title {
    font-size: 0.85rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Prices: clear hierarchy */
  .product-single-hover .current-price,
  .flash_deal_product .current-price {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #0f3d2e !important;
  }

  /* Section spacing: breathing room */
  .kdf-home-page > section,
  .nv-deal {
    margin-bottom: 4px !important;
  }

  /* Deal section: clean padding */
  .nv-dotd-premium__inner,
  .nv-camp-premium__inner {
    padding: 18px 14px !important;
  }

  /* Countdown: perfectly centered, readable */
  .nv-dotd-premium__units,
  .nv-camp-premium__units {
    gap: 6px !important;
    justify-content: center;
  }

  .nv-dotd-premium__unit b,
  .nv-camp-premium__unit b {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
  }

  /* Search: no iOS zoom */
  input[type="search"], input[type="text"] {
    font-size: 16px !important;
  }

  /* Bottom nav: crisp */
  .mobile-bottom-nav, .kdf-mobile-nav {
    box-shadow: 0 -2px 16px rgba(0,0,0,0.08) !important;
  }
}

/* ===== Desktop: Subtle Polish ===== */
@media (min-width: 769px) {
  .product-single-hover,
  .flash_deal_product {
    transition: box-shadow 0.25s ease !important;
  }

  .product-single-hover:hover,
  .flash_deal_product:hover {
    box-shadow: 0 8px 24px rgba(15, 61, 46, 0.1) !important;
  }
}