/* 1. Main Floating Container - Optimized Lower Position */
html body .mobile-nav-inner.fixed.bottom-0.left-0.right-0.z-50.w-full {
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    left: 14px !important;
    right: 14px !important;
    width: calc(100% - 28px) !important;
    height: 72px !important;
    margin: 0 auto !important;
    border-radius: 28px !important;
    background: transparent !important;
    overflow: visible !important; 
    display: block !important;
    z-index: 99999 !important;
}

/* 2. High-End Pink Icy Sheet */
html body ul#mobile-nav {
    position: relative !important;
    display: flex !important;
    height: 72px !important;
    background: rgba(255, 182, 205, 0.78) !important;
    backdrop-filter: blur(25px) saturate(220%) contrast(1.1) !important;
    -webkit-backdrop-filter: blur(25px) saturate(220%) contrast(1.1) !important;
    border-radius: 28px !important;
    border: 2px solid rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 4px 12px rgba(180, 50, 80, 0.15), inset 0 0 30px rgba(255, 255, 255, 0.5) !important;
    overflow: visible !important; 
    margin: 0 !important;
    padding: 0 10px !important;
    justify-content: space-around !important;
    align-items: center !important;
}

/* 3. The Frost Grain Overlay */
html body ul#mobile-nav::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.3 !important;
    pointer-events: none !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 1'/%3E%3CfeFuncG type='discrete' tableValues='0 1'/%3E%3CfeFuncB type='discrete' tableValues='0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") !important;
    mix-blend-mode: soft-light !important;
    z-index: 1 !important;
    border-radius: 28px !important;
}

/* 4. Navigation Items */
ul#mobile-nav .mob-n-li { flex: 1 !important; z-index: 5 !important; position: relative !important; height: 100% !important; }
ul#mobile-nav .mob-n-li .mobile-nav--item {
    color: #7a3a4e !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

ul#mobile-nav .mob-n-li .mobile-nav--item i,
ul#mobile-nav .mob-n-li .mobile-nav--item svg { font-size: 22px !important; margin-bottom: 2px !important; fill: currentColor !important; }
ul#mobile-nav .mob-n-li .mobile-nav--item span { font-size: 10px !important; font-weight: 500 !important; }

/* 5. Full-Height Active State Crystal Selection */
ul#mobile-nav .mob-n-li.active .mobile-nav--item {
    color: #800020 !important;
}

ul#mobile-nav .mob-n-li.active .mobile-nav--item::before {
    content: "" !important;
    position: absolute !important;
    top: -2px !important;
    bottom: -2px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 70px !important;
    height: calc(100% + 4px) !important;
    background: rgba(255, 255, 255, 0.45) !important;
    border-left: 1.2px solid rgba(255, 255, 255, 0.8) !important;
    border-right: 1.2px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 20px !important;
    z-index: -1 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5) !important;
}

ul#mobile-nav .mob-n-li.active span { font-weight: 700 !important; }
ul#mobile-nav .mob-n-li.active i, ul#mobile-nav .mob-n-li.active svg { margin-bottom: 0px !important; }

/* 6. Cleanup Salla dynamic elements */
.s-cart-summary-count { background-color: #800020 !important; border: 1px solid white !important; }

/* 7. WhatsApp Widget Customization */
div#wa-widget {
    background-color: #8e0f2e !important;
    border: 1px solid white !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* 8. Remove Calories from Product Cards */
.product-block__info .font-sm.mt-5.mb-10 {
    display: none !important;
}