/* চলনবিল থেকে - কাস্টম স্টাইলশীট (Custom Styling) */

* {
      font-family: 'Inter', 'Hind Siliguri', system-ui, -apple-system, sans-serif;
      box-sizing: border-box;
    }
    html {
      scroll-behavior: smooth;
    }
    /* Custom scrollbar in White & Orange */
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #ffffff;
    }
    ::-webkit-scrollbar-thumb {
      background: #fdba74;
      border-radius: 9999px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #f97316;
    }
    /* Hide scrollbars for clean horizontal slider */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .hero-pattern {
      background-color: #ffffff;
      background-image: none;
    }

    /* ========================================================
       Organic Asymmetric Shape System (Natural, Craft & Bengali Food Heritage)
       Inspired by leaf silhouettes, rice grains, mustard flower petals, 
       and flowing river contours.
       ======================================================== */
    
    /* 1. Product Card: Asymmetric organic silhouette (Top-left & bottom-right soft deep curve, others subtle) */
    .nature-card {
      border-radius: 36px 12px 34px 14px;
      transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), 
                  box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), 
                  border-color 0.2s ease;
    }
    .nature-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 32px -8px rgba(249, 115, 22, 0.14), 0 6px 14px -3px rgba(0, 0, 0, 0.04);
    }

    /* 2. Asymmetric leaf-inspired badges (each shape slightly distinct) */
    .badge-leaf-asym-1 { border-radius: 15px 4px 15px 4px; }
    .badge-leaf-asym-2 { border-radius: 4px 15px 4px 15px; }
    .badge-leaf-asym-3 { border-radius: 16px 5px 10px 4px; }
    .badge-leaf-asym-4 { border-radius: 12px 4px 16px 6px; }
    .badge-leaf-asym-5 { border-radius: 14px 6px 12px 4px; }
    .leaf-icon-badge { border-radius: 15px 5px 12px 6px; }

    /* 3. Action Buttons */
    /* Cart Button: compact leaf / rounded-flow shape */
    .organic-btn-cart {
      border-radius: 15px 5px 13px 6px;
      transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .organic-btn-cart:hover {
      transform: translateY(-1.5px);
      box-shadow: 0 6px 16px -2px rgba(249, 115, 22, 0.25);
    }
    .organic-btn-cart:active {
      transform: translateY(0) scale(0.96);
    }

    /* Order Button: slightly elongated organic capsule, uneven natural corners */
    .organic-btn-order {
      border-radius: 22px 8px 20px 10px;
      transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .organic-btn-order:hover {
      transform: translateY(-1.5px);
      box-shadow: 0 8px 20px -3px rgba(249, 115, 22, 0.3);
    }
    .organic-btn-order:active {
      transform: translateY(0) scale(0.96);
    }

    /* 'বিস্তারিত দেখুন' slim flowing organic tab/leaf outline */
    .organic-tab-details {
      border-radius: 18px 6px 16px 5px;
      transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .organic-tab-details:hover {
      transform: translateY(-1px);
    }

    /* 4. Compact circular/organic quantity control container */
    .organic-qty-pill {
      border-radius: 14px 6px 14px 6px;
    }

    /* 5. Header Cart: compact rounded-organic container */
    .organic-header-cart {
      border-radius: 18px 7px 16px 7px;
    }

    /* 6. Floating Call and WhatsApp: compact floating organic shapes */
    .floating-organic-call {
      border-radius: 18px 7px 16px 9px;
    }
    .floating-organic-wa {
      border-radius: 9px 18px 7px 16px;
    }

    /* Primary Leaf Action Buttons (modal/drawer) */
    .nature-leaf-btn {
      border-radius: 20px 7px 18px 7px;
      transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .nature-leaf-btn:hover {
      transform: translateY(-1.5px);
      box-shadow: 0 8px 20px -3px rgba(249, 115, 22, 0.25);
    }
    .nature-leaf-btn:active {
      transform: translateY(0) scale(0.97);
    }

    /* Nature Badges & Legacy fallback */
    .nature-badge {
      border-radius: 14px 5px 14px 5px;
    }

    /* Nature Tabs */
    .nature-tab-btn {
      border-radius: 16px 6px 14px 5px;
      transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .nature-tab-btn:hover {
      transform: translateY(-1px);
    }
    .nature-tab-btn:active {
      transform: scale(0.97);
    }

    /* Nature Inputs & Containers */
    .nature-input {
      border-radius: 16px 5px 16px 5px;
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    .nature-modal-box {
      border-radius: 34px 12px 30px 14px;
    }

    /* Floating Cart Badge Smooth Hovering Animation */
    @keyframes floatCart {
      0% {
        transform: translateY(-50%);
      }
      100% {
        transform: translateY(calc(-50% - 6px));
      }
    }
    .animate-float-cart {
      animation: floatCart 2s ease-in-out infinite alternate;
    }

    body {
      padding-bottom: 64px !important;
    }

    /* Featured Category Bar Normal Document Flow */
    #featured-categories-section,
    .feat-cat-card {
      position: relative !important;
      z-index: 1 !important;
    }

    /* Modal Stacking & Background Layer Isolation */
    #product-details-modal {
      position: fixed !important;
      inset: 0 !important;
      z-index: 2147483647 !important;
    }
    #product-details-modal > div {
      position: relative !important;
      z-index: 2147483647 !important;
    }
    body.product-details-open {
      overflow: hidden !important;
    }
    /* Strictly lock & hide Category Bar & floating elements behind when modal is open */
    body.product-details-open #featured-categories-section,
    body.product-details-open .feat-cat-card,
    body.product-details-open #featured-categories-section * {
      display: none !important;
      visibility: hidden !important;
      z-index: -9999 !important;
      pointer-events: none !important;
      opacity: 0 !important;
    }
    body.product-details-open header,
    body.product-details-open #nav-menu-drawer,
    body.product-details-open #mobile-bottom-nav,
    body.product-details-open #quick-cart-trigger,
    body.product-details-open aside {
      display: none !important;
      visibility: hidden !important;
      z-index: -9999 !important;
      pointer-events: none !important;
      opacity: 0 !important;
    }