/* Step 12 - Mobile app version for user-facing pages only.
   Desktop UI is untouched. These rules activate under 768px when JS adds .ie-mobile-app. */
.ie-app-bottom-nav,.ie-mobile-category-strip{display:none;}

@media (max-width: 767px){
  html{scroll-behavior:smooth;}
  body.ie-mobile-app{
    width:100%;
    min-height:100dvh;
    overflow-x:hidden;
    background:#f4f7fb!important;
    padding-bottom:calc(82px + env(safe-area-inset-bottom));
    -webkit-tap-highlight-color:transparent;
  }
  body.ie-mobile-app.ie-scroll-lock{overflow:hidden!important;}
  body.ie-mobile-app:not(.ie-home-page){padding-top:64px;}

  /* App header */
  body.ie-mobile-app > .bg-primaryBlue{display:none!important;}
  body.ie-mobile-app > nav,
  body.ie-mobile-app nav.ie-navbar-sticky{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:1100!important;
    min-height:64px!important;
    padding:12px 16px!important;
    background:rgba(15,23,42,.96)!important;
    color:#fff!important;
    box-shadow:0 14px 40px rgba(15,23,42,.18)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(16px)!important;
  }
  body.ie-mobile-app.ie-home-page > nav,
  body.ie-mobile-app.ie-home-page nav.ie-navbar-sticky{
    background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.78))!important;
  }
  body.ie-mobile-app nav h1{font-size:18px!important;line-height:1!important;letter-spacing:.08em!important;}
  body.ie-mobile-app nav h1 span{font-size:14px!important;}
  body.ie-mobile-app nav ul{display:none!important;}
  body.ie-mobile-app nav > div:last-child{gap:14px!important;font-size:17px!important;}
  body.ie-mobile-app .ie-mobile-menu-btn{
    width:38px!important;height:38px!important;border-radius:14px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.14)!important;
    color:#fff!important;
  }
  body.ie-mobile-app nav a[aria-label="Login"],
  body.ie-mobile-app nav a[aria-label="Search products"],
  body.ie-mobile-app nav button:not(.ie-mobile-menu-btn){display:none!important;}
  body.ie-mobile-app nav a[aria-label="Cart"]{
    width:38px!important;height:38px!important;border-radius:14px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.14)!important;
  }

  /* Mobile slide menu */
  body.ie-mobile-app .ie-mobile-panel{position:fixed!important;inset:0!important;z-index:1400!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(6px)!important;padding:78px 14px 14px!important;}
  body.ie-mobile-app .ie-mobile-menu-card{border-radius:28px!important;background:#fff!important;box-shadow:0 24px 80px rgba(15,23,42,.25)!important;overflow:hidden!important;padding:8px!important;}
  body.ie-mobile-app .ie-mobile-menu-head{padding:16px 16px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#0f172a!important;}
  body.ie-mobile-app .ie-mobile-menu-close{width:36px!important;height:36px!important;border:0!important;border-radius:14px!important;background:#f1f5f9!important;font-size:24px!important;line-height:1!important;color:#0f172a!important;}
  body.ie-mobile-app .ie-mobile-menu-card a{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:15px 16px!important;margin:3px 0!important;border-radius:18px!important;color:#111827!important;font-weight:800!important;font-size:13px!important;text-decoration:none!important;background:#f8fafc!important;}
  body.ie-mobile-app .ie-mobile-menu-card a::after{content:"›";font-size:20px;color:#94a3b8;}

  /* Bottom app navigation */
  body.ie-mobile-app .ie-app-bottom-nav{
    position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:1250;
    height:66px;display:grid!important;grid-template-columns:repeat(4,1fr);align-items:center;
    background:rgba(15,23,42,.96);border:1px solid rgba(255,255,255,.09);border-radius:26px;
    box-shadow:0 18px 55px rgba(15,23,42,.28);backdrop-filter:blur(18px);padding:6px;
  }
  body.ie-mobile-app .ie-app-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:54px;border-radius:20px;color:#cbd5e1;text-decoration:none;font-size:10px;font-weight:800;line-height:1;transition:.18s ease;}
  body.ie-mobile-app .ie-app-bottom-nav a i{font-size:17px;}
  body.ie-mobile-app .ie-app-bottom-nav a.active{background:#fff;color:#0f172a;box-shadow:0 10px 26px rgba(255,255,255,.08);}
  body.ie-mobile-app .ie-app-bottom-nav .ie-bottom-count{position:absolute;top:4px;right:14px;min-width:17px;height:17px;border-radius:999px;background:#4674E9;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #0f172a;}
  body.ie-mobile-app .ie-app-bottom-nav a.active .ie-bottom-count{border-color:#fff;}

  /* Mobile category shortcut strip */
  body.ie-mobile-app .ie-mobile-category-strip{
    display:flex!important;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
    padding:12px 14px 10px;margin:0;background:#f4f7fb;position:sticky;top:64px;z-index:900;
  }
  body.ie-mobile-app.ie-home-page .ie-mobile-category-strip{display:none!important;}
  body.ie-mobile-app .ie-mobile-category-strip::-webkit-scrollbar{display:none;}
  body.ie-mobile-app .ie-mobile-category-strip a{white-space:nowrap;text-decoration:none;border:1px solid #e5e7eb;background:#fff;color:#0f172a;padding:10px 13px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.05);}
  body.ie-mobile-app .ie-mobile-category-strip a.active{background:#4674E9;color:#fff;border-color:#4674E9;box-shadow:0 12px 26px rgba(70,116,233,.22);}

  /* Home hero app-like */
  body.ie-mobile-app #ieHeroSlider{
    height:calc(100svh - 4px)!important;min-height:620px!important;max-height:780px!important;
    border-radius:0 0 34px 34px!important;overflow:hidden!important;margin-bottom:0!important;background:#0f172a!important;
  }
  body.ie-mobile-app #ieHeroSlider .ie-hero-slide{background-size:cover!important;background-position:68% center!important;}
  body.ie-mobile-app #ieHeroSlider .ie-hero-slide:nth-child(2){background-position:70% center!important;}
  body.ie-mobile-app #ieHeroSlider .ie-hero-slide:nth-child(3){background-position:72% center!important;}
  body.ie-mobile-app #ieHeroSlider::after{background:linear-gradient(180deg,rgba(2,6,23,.86) 0%,rgba(2,6,23,.55) 44%,rgba(2,6,23,.18) 100%)!important;}
  body.ie-mobile-app #ieHeroSlider .relative.z-10{padding:0 20px!important;margin-top:70px!important;}
  body.ie-mobile-app #ieHeroSlider h1{font-size:43px!important;line-height:.96!important;letter-spacing:-.04em!important;margin-bottom:18px!important;max-width:330px!important;text-shadow:0 16px 36px rgba(0,0,0,.25)!important;}
  body.ie-mobile-app #ieHeroSlider .bg-primaryBlue{font-size:14px!important;padding:9px 15px!important;border-radius:999px!important;box-shadow:0 16px 32px rgba(70,116,233,.24)!important;}
  body.ie-mobile-app #ieHeroSlider p{font-size:13px!important;margin-left:0!important;max-width:260px!important;color:rgba(255,255,255,.86)!important;}
  body.ie-mobile-app #ieHeroSlider .absolute.bottom-24{bottom:28px!important;left:20px!important;right:20px!important;transform:none!important;justify-content:space-between!important;}
  body.ie-mobile-app #ieHeroSlider .absolute.bottom-24 > a{height:52px!important;padding:0 22px!important;border-radius:20px!important;display:inline-flex!important;align-items:center!important;box-shadow:0 18px 38px rgba(255,255,255,.14)!important;font-weight:900!important;}
  body.ie-mobile-app #ieHeroSlider .ie-hero-dots{display:flex!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:8px!important;backdrop-filter:blur(10px)!important;}

  /* Spacing cleanup */
  body.ie-mobile-app section,body.ie-mobile-app main{max-width:100%!important;}
  body.ie-mobile-app .max-w-\[1200px\],body.ie-mobile-app .max-w-\[1400px\]{max-width:100%!important;}
  body.ie-mobile-app .px-10{padding-left:16px!important;padding-right:16px!important;}
  body.ie-mobile-app .px-6{padding-left:14px!important;padding-right:14px!important;}
  body.ie-mobile-app .py-16{padding-top:32px!important;padding-bottom:32px!important;}
  body.ie-mobile-app .py-12{padding-top:28px!important;padding-bottom:28px!important;}
  body.ie-mobile-app .my-16{margin-top:28px!important;margin-bottom:28px!important;}
  body.ie-mobile-app .mb-20{margin-bottom:36px!important;}
  body.ie-mobile-app .mb-16{margin-bottom:28px!important;}
  body.ie-mobile-app .gap-8{gap:18px!important;}
  body.ie-mobile-app .gap-6{gap:12px!important;}

  /* Promo cards under hero become compact horizontal app cards */
  body.ie-mobile-app #ieHeroSlider + div{margin-top:-26px!important;margin-bottom:22px!important;padding-left:14px!important;padding-right:0!important;}
  body.ie-mobile-app #ieHeroSlider + div > div{display:flex!important;overflow-x:auto!important;gap:12px!important;padding:0 14px 4px 0!important;scrollbar-width:none!important;}
  body.ie-mobile-app #ieHeroSlider + div > div::-webkit-scrollbar{display:none;}
  body.ie-mobile-app #ieHeroSlider + div > div > div, body.ie-mobile-app #ieHeroSlider + div > div > a{min-width:250px!important;border-radius:24px!important;padding:16px!important;box-shadow:0 16px 36px rgba(15,23,42,.10)!important;}

  /* Product grids and cards */
  body.ie-mobile-app #product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body.ie-mobile-app [data-product-card]{border-radius:24px!important;padding:10px!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;border-color:#eef2f7!important;overflow:hidden!important;}
  body.ie-mobile-app [data-product-card] .h-40{height:126px!important;margin-top:0!important;border-radius:20px!important;}
  body.ie-mobile-app [data-product-card] .ie-product-visual i{font-size:28px!important;}
  body.ie-mobile-app [data-product-card] .ie-product-visual span{font-size:9px!important;letter-spacing:.08em!important;}
  body.ie-mobile-app [data-product-card] h4{font-size:12px!important;line-height:1.25!important;min-height:31px!important;font-weight:800!important;color:#0f172a!important;}
  body.ie-mobile-app [data-product-card] p{font-size:10px!important;line-height:1.25!important;min-height:auto!important;}
  body.ie-mobile-app [data-product-card] [data-cart-add]{height:40px!important;border-radius:16px!important;font-size:11px!important;margin-top:2px!important;box-shadow:0 12px 22px rgba(70,116,233,.18)!important;}
  body.ie-mobile-app [data-product-card] [class*="line-through"]{display:none!important;}
  body.ie-mobile-app [data-product-card] .absolute.bottom-2{display:none!important;}

  /* Listing/category pages */
  body.ie-mobile-app main.flex{display:block!important;}
  body.ie-mobile-app main aside{display:none!important;}
  body.ie-mobile-app main section{width:100%!important;}
  body.ie-mobile-app main .bg-white.p-4.rounded-xl{border-radius:24px!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important;}
  body.ie-mobile-app input[placeholder="Search products..."]{height:46px!important;border-radius:17px!important;background:#fff!important;}
  body.ie-mobile-app .w-full.bg-white.border-b{border:0!important;background:transparent!important;padding:20px 0 12px!important;}
  body.ie-mobile-app .w-full.bg-white.border-b h1{font-size:26px!important;letter-spacing:-.04em!important;}
  body.ie-mobile-app .w-full.bg-white.border-b p{font-size:12px!important;line-height:1.5!important;}
  body.ie-mobile-app nav.flex.text-gray-400{display:none!important;}

  /* Details page */
  body.ie-mobile-app main[data-product-detail]{padding:18px 14px 32px!important;}
  body.ie-mobile-app main[data-product-detail] section:first-child{gap:20px!important;}
  body.ie-mobile-app #ieDetailImageBox{height:330px!important;border-radius:30px!important;padding:16px!important;background:#fff!important;box-shadow:0 18px 44px rgba(15,23,42,.07)!important;}
  body.ie-mobile-app [data-detail-thumb]{height:72px!important;border-radius:18px!important;}
  body.ie-mobile-app main[data-product-detail] h1{font-size:28px!important;line-height:1.08!important;letter-spacing:-.04em!important;}
  body.ie-mobile-app main[data-product-detail] .text-3xl.font-bold{font-size:26px!important;}
  body.ie-mobile-app main[data-product-detail] [data-product-variants]{border-radius:24px!important;padding:16px!important;}
  body.ie-mobile-app main[data-product-detail] [data-cart-add],
  body.ie-mobile-app main[data-product-detail] a[href="/checkout.html"]{height:52px!important;border-radius:19px!important;}
  body.ie-mobile-app main[data-product-detail] section.mt-14{margin-top:28px!important;}
  body.ie-mobile-app main[data-product-detail] section.bg-white{border-radius:28px!important;padding:18px!important;}

  /* Cart and checkout pages */
  body.ie-mobile-app .ie-cart-page-item{grid-template-columns:74px 1fr!important;border-radius:24px!important;padding:12px!important;gap:12px!important;}
  body.ie-mobile-app .ie-cart-page-thumb{width:74px!important;height:74px!important;border-radius:19px!important;}
  body.ie-mobile-app .ie-cart-page-price{grid-column:2!important;text-align:left!important;font-size:14px!important;}
  body.ie-mobile-app .ie-cart-actions{grid-template-columns:1fr!important;}
  body.ie-mobile-app .ie-cart-drawer{width:100vw!important;border-radius:28px 28px 0 0!important;top:auto!important;bottom:0!important;height:min(86dvh,720px)!important;transform:translateY(110%)!important;border-left:0!important;}
  body.ie-mobile-app .ie-cart-drawer.is-open{transform:translateY(0)!important;}
  body.ie-mobile-app .ie-cart-overlay{backdrop-filter:blur(6px)!important;}
  body.ie-mobile-app .ie-cart-head{border-radius:28px 28px 0 0!important;}
  body.ie-mobile-app .ie-cart-head::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:999px;background:#cbd5e1;}
  body.ie-mobile-app .ie-cart-head{position:relative;padding-top:24px!important;}

  body.ie-mobile-app header.w-full.bg-white{padding:16px 0!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1100!important;box-shadow:0 12px 32px rgba(15,23,42,.08)!important;}
  body.ie-mobile-app header.w-full.bg-white + main{padding-top:92px!important;}
  body.ie-mobile-app .rounded-\[2rem\]{border-radius:28px!important;}
  body.ie-mobile-app #placeOrderBtn{height:56px!important;border-radius:20px!important;}

  /* Forms / account / contact compact app cards */
  body.ie-mobile-app input,body.ie-mobile-app textarea,body.ie-mobile-app select{font-size:16px!important;}
  body.ie-mobile-app .rounded-2xl{border-radius:22px!important;}
  body.ie-mobile-app .rounded-3xl{border-radius:28px!important;}
  body.ie-mobile-app .shadow-sm{box-shadow:0 12px 30px rgba(15,23,42,.055)!important;}

  /* Footer compact */
  body.ie-mobile-app footer{padding-bottom:96px!important;}
  body.ie-mobile-app footer .grid{gap:20px!important;}

  /* Hide noisy/less useful desktop-only empty elements on mobile */
  body.ie-mobile-app .hidden-mobile-app{display:none!important;}
}

@media (min-width: 768px){
  .ie-app-bottom-nav,.ie-mobile-category-strip{display:none!important;}
}

/* Step 14 polish: cleaner, aligned mobile bottom navigation and safer cart/checkout touch targets. */
@media (max-width: 767px){
  body.ie-mobile-app{
    padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav{
    left:14px!important;
    right:14px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    height:74px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:2px!important;
    padding:8px 8px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(226,232,240,.92)!important;
    border-radius:28px!important;
    box-shadow:0 22px 60px rgba(15,23,42,.20),0 6px 18px rgba(70,116,233,.08)!important;
    backdrop-filter:blur(20px)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a{
    min-width:0!important;
    width:100%!important;
    height:58px!important;
    border-radius:21px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    color:#64748b!important;
    font-size:9.8px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    line-height:1!important;
    overflow:visible!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a i{
    width:30px!important;
    height:26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a span{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.active{
    background:linear-gradient(180deg,#eef4ff,#ffffff)!important;
    color:#2563eb!important;
    box-shadow:inset 0 0 0 1px rgba(70,116,233,.10),0 10px 24px rgba(70,116,233,.10)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart{
    color:#fff!important;
    transform:translateY(-9px)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart i{
    width:52px!important;
    height:52px!important;
    border-radius:21px!important;
    background:linear-gradient(135deg,#4674E9,#2457d6)!important;
    color:#fff!important;
    box-shadow:0 18px 30px rgba(70,116,233,.34)!important;
    border:4px solid rgba(255,255,255,.96)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart span{
    color:#2563eb!important;
    margin-top:-1px!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart.active{
    background:transparent!important;
    box-shadow:none!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav .ie-bottom-count{
    top:-2px!important;
    right:calc(50% - 30px)!important;
    min-width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    border:2px solid #fff!important;
    box-shadow:0 8px 16px rgba(239,68,68,.24)!important;
  }
  body.ie-mobile-app .ie-cart-actions a[href="/checkout.html"],
  body.ie-mobile-app .ie-cart-actions a[href$="checkout.html"],
  body.ie-mobile-app a[href="/checkout.html"]{
    touch-action:manipulation!important;
  }
}

/* Final mobile bottom-bar polish: simple, aligned, app-like navigation. */
@media (max-width: 767px){
  body.ie-mobile-app{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav{
    left:12px!important;
    right:12px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    height:72px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    padding:7px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(226,232,240,.95)!important;
    border-radius:26px!important;
    box-shadow:0 18px 55px rgba(15,23,42,.18)!important;
    backdrop-filter:blur(18px)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a{
    height:58px!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border-radius:20px!important;
    color:#64748b!important;
    background:transparent!important;
    font-size:9.5px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    line-height:1!important;
    transform:none!important;
    box-shadow:none!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a i{
    width:28px!important;
    height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:17px!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a span{
    display:block!important;
    color:inherit!important;
    margin:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.active{
    background:#eef4ff!important;
    color:#2563eb!important;
    box-shadow:inset 0 0 0 1px rgba(70,116,233,.08)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart{
    color:#2563eb!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart i{
    width:34px!important;
    height:30px!important;
    border-radius:14px!important;
    background:#4674E9!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 10px 20px rgba(70,116,233,.28)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav .ie-bottom-count{
    top:6px!important;
    right:calc(50% - 25px)!important;
    min-width:17px!important;
    height:17px!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    border:2px solid #fff!important;
    font-size:9px!important;
    font-weight:900!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.ie-mobile-app .ie-mobile-category-strip{
    padding:10px 14px!important;
    gap:8px!important;
  }
  body.ie-mobile-app .ie-mobile-category-strip a{
    padding:9px 12px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
  }
}


/* Step 15 final: 4-item clean mobile bottom bar (Home / Cart / Shop / Account). */
@media (max-width: 767px){
  body.ie-mobile-app{
    padding-bottom:calc(114px + env(safe-area-inset-bottom))!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav{
    left:14px!important;
    right:14px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    height:78px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(226,232,240,.98)!important;
    border-radius:28px!important;
    box-shadow:0 20px 55px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(18px)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a{
    position:relative!important;
    height:62px!important;
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:22px!important;
    color:#64748b!important;
    background:transparent!important;
    font-size:10.5px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    line-height:1!important;
    transform:none!important;
    box-shadow:none!important;
    text-decoration:none!important;
    overflow:visible!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a i{
    width:32px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    line-height:1!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:inherit!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:inherit!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.active{
    background:#eef4ff!important;
    color:#2563eb!important;
    box-shadow:inset 0 0 0 1px rgba(70,116,233,.11), 0 10px 22px rgba(70,116,233,.10)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart,
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart.active{
    transform:none!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a.is-cart i{
    width:32px!important;
    height:28px!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav .ie-bottom-count{
    position:absolute!important;
    top:7px!important;
    right:calc(50% - 23px)!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    border:2px solid #fff!important;
    font-size:9px!important;
    font-weight:900!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    box-shadow:0 8px 16px rgba(239,68,68,.18)!important;
  }
  body.ie-mobile-app footer,
  body.ie-mobile-app main{
    scroll-margin-bottom:120px!important;
  }
}


/* Final clean 4-menu mobile bottom bar: Home / Cart / Shop / Account only */
@media(max-width:767px){
  body.ie-mobile-app{padding-bottom:94px!important;}
  body.ie-mobile-app .ie-app-bottom-nav{
    left:14px!important;right:14px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;
    height:68px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;gap:6px!important;padding:7px!important;background:rgba(15,23,42,.98)!important;
    border-radius:26px!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 20px 60px rgba(15,23,42,.34)!important;
  }
  body.ie-mobile-app .ie-app-bottom-nav a{min-width:0!important;height:54px!important;border-radius:20px!important;gap:4px!important;transform:none!important;position:relative!important;}
  body.ie-mobile-app .ie-app-bottom-nav a i{font-size:18px!important;line-height:1!important;display:block!important;position:static!important;transform:none!important;}
  body.ie-mobile-app .ie-app-bottom-nav a span{font-size:10.5px!important;line-height:1!important;font-weight:900!important;display:block!important;position:static!important;transform:none!important;}
  body.ie-mobile-app .ie-app-bottom-nav a.active{background:#fff!important;color:#0f172a!important;}
  body.ie-mobile-app .ie-app-bottom-nav .ie-bottom-count{top:5px!important;right:17px!important;min-width:17px!important;height:17px!important;font-size:10px!important;line-height:17px!important;}
  body.ie-mobile-app .ie-app-bottom-nav a:not([href='/']):not([href='/cart.html']):not([href='/shop.html']):not([href='/myaccount.html']){display:none!important;}
}