/* ==========================================================
   Gadget999-inspired storefront skin
   Keeps the existing Laravel data/routes/cart/search logic.
   ========================================================== */
:root{
    --g999-orange:#ff4b0b;
    --g999-orange-dark:#f13f00;
    --g999-black:#050505;
    --g999-text:#151515;
    --g999-muted:#888;
    --g999-line:#ececec;
    --g999-container:1088px;
    --g999-radius:10px;
    --primary:var(--g999-orange)!important;
    --primary-dark:var(--g999-orange-dark)!important;
    --secondary:#111!important;
    --container:var(--g999-container)!important;
}

html{background:#fff;scroll-behavior:smooth;}
body{
    min-width:1200px;
    background:#fff!important;
    color:var(--g999-text);
    font-family:'Hind Siliguri','Roboto',sans-serif!important;
    padding-bottom:84px;
}
.container{
    width:var(--g999-container)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* ---------- Promotional top strip ---------- */
.g999-top-strip{
    width:var(--g999-container);
    height:36px;
    margin:5px auto 0;
    background:var(--g999-orange);
    color:#fff;
    border-radius:21px 21px 0 0;
    overflow:hidden;
}
.g999-top-strip .g999-top-inner{
    width:100%;
    height:36px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    align-items:center;
    text-align:center;
    font-size:13px;
    font-weight:700;
    line-height:1;
}
.g999-top-strip .g999-top-item{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 16px;
}

/* ---------- Header ---------- */
.notice-ticker,.mobile-category-scroll{display:none!important;}
.site-header{
    position:relative!important;
    top:auto!important;
    z-index:300!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.header-inner{
    width:var(--g999-container)!important;
    height:84px;
    padding:0 28px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    border-bottom:0!important;
}
.menu-toggle{
    display:inline-flex!important;
    width:36px!important;
    height:48px!important;
    padding:0!important;
    margin-right:7px!important;
    border:0!important;
    background:transparent!important;
    color:#111!important;
    font-size:28px!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer;
    flex:0 0 36px;
}
.logo{
    display:flex!important;
    align-items:center!important;
    width:238px;
    height:70px;
    flex:0 0 238px;
    margin-right:25px;
}
.logo img{
    width:100%!important;
    max-width:238px!important;
    height:64px!important;
    object-fit:contain!important;
    object-position:left center!important;
}
.mobile-search.g999-search{
    display:flex!important;
    position:relative!important;
    width:362px!important;
    height:50px!important;
    flex:0 0 362px!important;
    margin:0 44px 0 0!important;
    z-index:420!important;
}
.mobile-search.g999-search input{
    width:100%!important;
    height:50px!important;
    border:1.5px solid #151515!important;
    border-right:0!important;
    border-radius:4px 0 0 4px!important;
    padding:0 14px!important;
    background:#fff!important;
    color:#222!important;
    font-size:13px!important;
    outline:0!important;
}
.mobile-search.g999-search .g999-search-submit{
    width:54px!important;
    min-width:54px!important;
    height:50px!important;
    border:0!important;
    border-radius:0 4px 4px 0!important;
    background:#000!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:20px!important;
    cursor:pointer;
}
.mobile-search.g999-search > .search-icon{display:none!important;}
.mobile-search-results{
    top:52px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:420px!important;
    border-radius:4px!important;
    border:1px solid #ddd!important;
    box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}
.g999-header-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:52px;
    color:#111!important;
    font-size:14px!important;
    font-weight:500!important;
    white-space:nowrap;
    margin-right:15px;
}
.g999-header-link i{font-size:16px;}
.g999-header-link:hover{color:var(--g999-orange)!important;}
.header-actions{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    flex:1 1 auto!important;
    justify-content:flex-end!important;
}
.profile-btn,.btn-track{display:none!important;}
.cart-wrap{position:relative!important;}
.cart-btn{
    width:48px!important;
    height:50px!important;
    min-width:48px!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:none!important;
}
.cart-btn i{font-size:27px!important;}
.cart-btn .cart-amount{display:none!important;}
.cart-count{
    position:absolute!important;
    top:3px!important;
    right:0!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#000!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:19px!important;
    text-align:center!important;
    font-weight:700!important;
}
.cart-dropdown{
    top:calc(100% + 5px)!important;
    right:0!important;
    border:1px solid #eee!important;
    border-radius:6px!important;
    box-shadow:0 12px 32px rgba(0,0,0,.16)!important;
}

/* ---------- Off canvas menu ---------- */
.main-nav{
    display:block!important;
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:355px!important;
    max-width:355px!important;
    padding:0!important;
    background:#fff!important;
    z-index:2001!important;
    transform:translateX(-105%);
    transition:transform .25s ease!important;
    overflow-y:auto!important;
    box-shadow:7px 0 30px rgba(0,0,0,.18)!important;
}
.main-nav.open{transform:translateX(0)!important;}
.drawer-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    height:64px!important;
    padding:0 18px!important;
    border-bottom:1px solid #eee!important;
    background:var(--g999-orange)!important;
    color:#fff!important;
}
.drawer-title{font-size:18px!important;font-weight:700!important;}
.drawer-close{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    background:#fff!important;
    color:#111!important;
    border-radius:50%!important;
    font-size:18px!important;
}
.drawer-links{display:block!important;padding:10px 0 30px!important;}
.drawer-links>a,.mobile-cat-parent,.drawer-sub-parent,.drawer-child-links a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:43px!important;
    padding:8px 18px!important;
    color:#222!important;
    font-size:14px!important;
    border-bottom:1px solid #f4f4f4!important;
}
.nav-cat-desktop{display:none!important;}
.nav-cat-mobile,.drawer-only,.drawer-only-block{display:block!important;}
.mobile-cat-row,.drawer-sub-row{display:flex!important;align-items:center!important;}
.mobile-cat-parent,.drawer-sub-parent{flex:1!important;}
.mobile-sub-toggle,.drawer-child-toggle{
    width:42px!important;height:42px!important;border:0!important;background:#fff!important;
}
.drawer-sub-links,.drawer-child-links{background:#fafafa!important;}
.side-cat-icon{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover!important;}
.nav-overlay{
    position:fixed!important;inset:0!important;background:rgba(0,0,0,.45)!important;
    z-index:2000!important;opacity:0!important;visibility:hidden!important;transition:.2s!important;
}
.nav-overlay.show{opacity:1!important;visibility:visible!important;}

/* ---------- Home hero ---------- */
.app-main{background:#fff!important;}
.hero-banner{padding:0!important;margin:0!important;background:#fff!important;}
.hero-banner>.container{width:var(--g999-container)!important;}
.hero-slider{
    width:100%!important;
    height:345px!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#f5f5f5!important;
    box-shadow:none!important;
}
.hero-track,.hero-slide{height:345px!important;}
.hero-img{
    width:100%!important;
    height:345px!important;
    object-fit:cover!important;
    object-position:center!important;
}
.hero-nav{
    width:32px!important;
    height:60px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:26px!important;
    opacity:1!important;
    box-shadow:none!important;
}
.hero-prev{left:0!important;}
.hero-next{right:0!important;}
.hero-dots{display:none!important;}

/* ---------- Category circles ---------- */
.g999-category-section{padding:0!important;margin:0!important;background:#fff!important;}
.g999-category-head{
    height:45px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #e8e8e8;
    font-size:18px;
    font-weight:700;
    color:#151515;
    padding:0 10px;
}
.g999-category-list{
    display:flex;
    align-items:center;
    gap:17px;
    height:96px;
    padding:10px 10px 14px;
    overflow:hidden;
}
.g999-category-item{
    width:68px;
    min-width:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    color:#333;
}
.g999-category-icon{
    width:64px;
    height:64px;
    border:2px solid var(--g999-orange);
    border-radius:50%;
    padding:4px;
    background:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,.14);
    overflow:hidden;
}
.g999-category-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.g999-category-icon i{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;
    font-size:24px;color:var(--g999-orange);
}
.g999-category-label{display:none!important;}

/* ---------- Section headings ---------- */
.product-section,.flash-sale-section,.hot-deal-section{
    padding:0!important;
    margin:0 0 16px!important;
    background:#fff!important;
}
.product-section>.container,.flash-sale-section>.container,.hot-deal-section>.container{width:var(--g999-container)!important;}
.section-head,.flash-sale-head,.hot-deal-head{
    min-height:43px!important;
    height:43px!important;
    margin:0 10px 10px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:1px solid #eaeaea!important;
    background:transparent!important;
}
.section-head h2,.flash-sale-heading h2,.hot-deal-heading h2{
    font-size:19px!important;
    line-height:1!important;
    font-weight:700!important;
    color:#151515!important;
    margin:0!important;
}
.flash-sale-heading,.hot-deal-heading{display:block!important;}
.flash-sale-heading-text p,.hot-deal-heading-text p,.flash-sale-bolt,.hot-deal-flame,.deal-countdown{display:none!important;}
.btn-view-all,.flash-sale-viewall,.hot-deal-viewall{
    font-size:13px!important;
    color:var(--g999-orange)!important;
    font-weight:700!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
    border-radius:0!important;
}
.btn-view-all:hover,.flash-sale-viewall:hover,.hot-deal-viewall:hover{color:#d93b00!important;}

/* ---------- Product cards ---------- */
.product-grid,.product-grid--shop,.product-grid--category{
    display:grid!important;
    grid-template-columns:repeat(6,1fr)!important;
    gap:10px!important;
    padding:0 10px!important;
    align-items:stretch!important;
}
.product-card{
    min-width:0!important;
    border:1px solid #ff6b32!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transform:none!important;
    position:relative!important;
}
.product-card:hover{transform:none!important;box-shadow:0 4px 14px rgba(0,0,0,.09)!important;}
.product-thumb{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:166px!important;
    padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
    border-radius:8px 8px 0 0!important;
}
.product-thumb:before,.product-thumb:after{
    content:"";
    position:absolute;
    width:22px;height:22px;
    z-index:4;
    pointer-events:none;
}
.product-thumb:before{left:3px;top:3px;border-left:2px solid var(--g999-orange);border-top:2px solid var(--g999-orange);border-radius:7px 0 0 0;}
.product-thumb:after{right:3px;bottom:3px;border-right:2px solid var(--g999-orange);border-bottom:2px solid var(--g999-orange);border-radius:0 0 7px 0;}
.product-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:3px!important;
    transition:none!important;
}
.product-card:hover .product-thumb img{transform:none!important;}
.deal-badge,.flash-badge{
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    min-width:42px!important;
    max-width:48px!important;
    min-height:42px!important;
    margin:0!important;
    padding:5px 4px 3px!important;
    border-radius:0 8px 0 12px!important;
    background:var(--g999-orange)!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1.06!important;
    text-align:center!important;
    font-weight:800!important;
    z-index:7!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    box-shadow:none!important;
}
.deal-stockout{
    position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
    background:rgba(0,0,0,.78)!important;color:#fff!important;border-radius:3px!important;padding:5px 8px!important;font-size:11px!important;z-index:8!important;
}
.product-body{
    padding:7px 7px 0!important;
    background:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:104px!important;
}
.product-title{
    height:41px!important;
    min-height:41px!important;
    overflow:hidden!important;
    margin:0 0 5px!important;
    font-size:13.4px!important;
    line-height:1.48!important;
    font-weight:500!important;
    text-align:center!important;
    color:#111!important;
}
.product-title a{color:#111!important;}
.product-title a:hover{color:var(--g999-orange)!important;}
.product-rating{display:none!important;}
.product-price{
    height:24px!important;
    margin:0 0 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;
    color:var(--g999-orange)!important;
}
.product-price del{
    color:#aaa!important;
    font-size:12px!important;
    font-weight:500!important;
}
.product-actions{
    display:grid!important;
    grid-template-columns:42% 58%!important;
    gap:0!important;
    margin:0 -7px!important;
    margin-top:auto!important;
    height:35px!important;
    min-height:35px!important;
    overflow:hidden!important;
    border-radius:0 0 8px 8px!important;
}
.product-actions form{display:block!important;width:100%!important;height:35px!important;margin:0!important;padding:0!important;}
.btn-cart,.btn-order{
    width:100%!important;
    min-width:0!important;
    height:35px!important;
    min-height:35px!important;
    margin:0!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:600!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
.btn-cart{
    order:1!important;
    background:var(--g999-orange)!important;
    color:#fff!important;
}
.btn-order{
    order:2!important;
    background:#000!important;
    color:#fff!important;
}
.btn-cart i{display:none!important;}
.btn-cart:hover{background:var(--g999-orange-dark)!important;color:#fff!important;}
.btn-order:hover{background:#181818!important;color:#fff!important;}
.flash-progress,.flash-sold-text{display:none!important;}

/* Load more */
.section-cta{text-align:center!important;margin:16px 0 6px!important;}
.btn-load-more{
    background:var(--g999-orange)!important;color:#fff!important;border:0!important;border-radius:4px!important;
    padding:9px 22px!important;font-size:13px!important;font-weight:700!important;
}

/* Promo banners */
.promo-section{padding:0!important;margin:8px 0 16px!important;}
.promo-banner{border-radius:0!important;overflow:hidden!important;}
.promo-banner-img{width:100%!important;height:auto!important;display:block!important;}

/* Shop/category pages keep the same card language */
.shop-page{padding:18px 0 30px!important;background:#fff!important;}
.shop-toolbar{border-radius:0!important;box-shadow:none!important;border:1px solid #eee!important;}
.shop-layout{grid-template-columns:220px 1fr!important;gap:14px!important;}
.shop-sidebar{border:1px solid #eee!important;border-radius:5px!important;box-shadow:none!important;}
.shop-filter-apply,.ui-slider .ui-slider-range{background:var(--g999-orange)!important;}
.ui-slider .ui-slider-handle{background:var(--g999-orange)!important;box-shadow:0 0 0 2px var(--g999-orange)!important;}

/* ---------- Budget bar ---------- */
.g999-budget-bar{
    position:fixed;
    left:11px;
    right:11px;
    bottom:8px;
    height:73px;
    z-index:1600;
    background:rgba(255,255,255,.98);
    border-radius:19px;
    box-shadow:0 4px 23px rgba(0,0,0,.13);
    padding:11px 70px 9px;
}
.g999-budget-title{
    text-align:center;
    font-size:16px;
    font-weight:700;
    line-height:20px;
    margin-bottom:7px;
    color:#111;
}
.g999-budget-track{
    position:relative;
    width:100%;
    height:22px;
}
.g999-budget-track:before{
    content:"";
    position:absolute;
    left:0;right:0;top:9px;
    height:4px;
    border-radius:99px;
    background:var(--g999-orange);
}
.g999-budget-track input[type="range"]{
    position:absolute;
    inset:0;
    width:100%;
    height:22px;
    margin:0;
    background:transparent;
    appearance:none;
    -webkit-appearance:none;
    pointer-events:none;
    outline:0;
}
.g999-budget-track input[type="range"]::-webkit-slider-runnable-track{height:4px;background:transparent;}
.g999-budget-track input[type="range"]::-moz-range-track{height:4px;background:transparent;}
.g999-budget-track input[type="range"]::-webkit-slider-thumb{
    appearance:none;-webkit-appearance:none;pointer-events:auto;
    width:24px;height:24px;margin-top:-10px;border-radius:50%;background:#fff;
    border:4px solid #fff;box-shadow:0 0 0 3px #ffb69a,0 2px 7px rgba(0,0,0,.15);cursor:pointer;
}
.g999-budget-track input[type="range"]::-moz-range-thumb{
    pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #ffb69a;box-shadow:0 2px 7px rgba(0,0,0,.15);cursor:pointer;
}
.g999-float-tools{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:1700;
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center;
}
.g999-float-btn{
    width:48px;height:48px;border-radius:50%;border:0;background:var(--g999-orange);color:#fff!important;
    display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer;
}
.g999-float-btn:hover{background:var(--g999-orange-dark);}

/* ---------- Footer refinements ---------- */
.features-bar{margin-top:20px!important;}
.site-footer{background:#111!important;color:#eee!important;}
.site-footer a{color:#eee!important;}
.footer-bottom{background:#000!important;color:#ddd!important;}

/* ---------- Popup visual to match the reference style ---------- */
#promoPopupOverlay{background:rgba(0,0,0,.18)!important;backdrop-filter:none!important;}
#promoPopupOverlay .promo-popup-box{
    width:440px!important;max-width:440px!important;padding:0!important;border-radius:5px!important;
    border:4px solid #035bed!important;background:#fff!important;box-shadow:0 12px 36px rgba(0,0,0,.28)!important;
    overflow:visible!important;
}
#promoPopupOverlay .promo-popup-img-wrap{border-radius:0!important;overflow:hidden!important;}
#promoPopupOverlay .promo-popup-img-wrap img{width:100%!important;max-height:430px!important;object-fit:contain!important;border-radius:0!important;}
#promoPopupOverlay .promo-popup-close{
    top:-16px!important;right:-16px!important;width:31px!important;height:31px!important;border-radius:50%!important;
    background:#f41422!important;color:#fff!important;font-size:20px!important;font-weight:700!important;box-shadow:none!important;
}

/* ---------- Hide legacy desktop nav fragments that would alter the reference ---------- */
.app-home .brand-section,.app-home .vendor-section,.app-home .blog-section{margin-top:18px!important;}

/* ==========================================================
   Responsive storefront
   Mobile now uses the real device viewport instead of scaling a 1200px page.
   ========================================================== */
@media (max-width:1199px){
    html,body{min-width:0!important;max-width:100%!important;overflow-x:hidden!important;}
    .container{
        width:100%!important;
        max-width:var(--g999-container)!important;
        padding-left:12px!important;
        padding-right:12px!important;
        box-sizing:border-box!important;
    }
    .g999-top-strip{width:calc(100% - 24px)!important;max-width:var(--g999-container)!important;}
    .header-inner{width:100%!important;max-width:var(--g999-container)!important;}
    .hero-banner>.container,
    .product-section>.container,
    .flash-sale-section>.container,
    .hot-deal-section>.container{width:100%!important;max-width:var(--g999-container)!important;}
    .main-nav{width:min(355px,88vw)!important;max-width:88vw!important;}
    .product-grid,.product-grid--shop,.product-grid--category{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

@media (max-width:767px){
    :root{--g999-mobile-gutter:7px;}

    html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
    body{
        min-width:0!important;
        width:100%!important;
        padding-bottom:82px!important;
        overflow-x:hidden!important;
        background:#fff!important;
    }
    .container{
        width:100%!important;
        max-width:none!important;
        padding-left:var(--g999-mobile-gutter)!important;
        padding-right:var(--g999-mobile-gutter)!important;
    }

    /* Top orange benefit strip */
    .g999-top-strip{
        width:calc(100% - 14px)!important;
        height:32px!important;
        margin:4px 7px 0!important;
        border-radius:16px 16px 0 0!important;
    }
    .g999-top-strip .g999-top-inner{
        height:32px!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        font-size:8.5px!important;
        font-weight:700!important;
    }
    .g999-top-strip .g999-top-item{
        min-width:0!important;
        padding:0 3px!important;
        overflow:hidden!important;
        text-overflow:clip!important;
        white-space:nowrap!important;
    }

    /* Header row: hamburger | centered logo | cart, then search */
    .site-header{width:100%!important;overflow:visible!important;}
    .header-inner{
        width:100%!important;
        max-width:none!important;
        height:auto!important;
        min-height:0!important;
        padding:6px 12px 10px!important;
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr) 44px!important;
        grid-template-areas:
            "menu logo actions"
            "search search search"!important;
        grid-template-rows:58px 42px!important;
        column-gap:4px!important;
        row-gap:6px!important;
        align-items:center!important;
        box-sizing:border-box!important;
    }
    .menu-toggle{
        grid-area:menu!important;
        width:40px!important;
        min-width:40px!important;
        height:48px!important;
        margin:0!important;
        justify-self:start!important;
        font-size:25px!important;
    }
    .logo{
        grid-area:logo!important;
        width:min(180px,58vw)!important;
        max-width:180px!important;
        height:56px!important;
        min-width:0!important;
        margin:0!important;
        justify-self:center!important;
        flex:none!important;
    }
    .logo img{
        width:100%!important;
        max-width:180px!important;
        height:52px!important;
        object-fit:contain!important;
        object-position:center!important;
    }
    .header-actions{
        grid-area:actions!important;
        width:44px!important;
        min-width:44px!important;
        height:52px!important;
        flex:none!important;
        justify-self:end!important;
        justify-content:flex-end!important;
        overflow:visible!important;
    }
    .g999-header-link{display:none!important;}
    .cart-wrap{width:44px!important;height:50px!important;overflow:visible!important;}
    .cart-btn{
        width:44px!important;
        min-width:44px!important;
        height:50px!important;
        padding:0!important;
    }
    .cart-btn i{font-size:25px!important;}
    .cart-count{
        top:1px!important;
        right:-2px!important;
        min-width:20px!important;
        height:20px!important;
        line-height:20px!important;
        background:var(--g999-orange)!important;
        color:#fff!important;
        border:2px solid #fff!important;
        font-size:9px!important;
    }
    .cart-dropdown{
        position:fixed!important;
        top:92px!important;
        left:10px!important;
        right:10px!important;
        width:auto!important;
        max-width:none!important;
    }

    .mobile-search.g999-search{
        grid-area:search!important;
        display:flex!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:42px!important;
        margin:0!important;
        flex:none!important;
        position:relative!important;
        z-index:420!important;
    }
    .mobile-search.g999-search input{
        min-width:0!important;
        height:42px!important;
        border:1.5px solid var(--g999-orange)!important;
        border-right:0!important;
        border-radius:5px 0 0 5px!important;
        padding:0 15px!important;
        font-size:13px!important;
    }
    .mobile-search.g999-search .g999-search-submit{
        width:55px!important;
        min-width:55px!important;
        height:42px!important;
        border-radius:0 5px 5px 0!important;
        background:var(--g999-orange)!important;
        color:#fff!important;
        font-size:17px!important;
    }
    .mobile-search-results{
        top:44px!important;
        max-height:55vh!important;
        z-index:2500!important;
    }

    /* Home hero keeps the same compact wide ratio as the reference mobile page */
    .hero-banner{margin:0!important;padding:0!important;}
    .hero-banner>.container{padding:0 var(--g999-mobile-gutter)!important;}
    .hero-slider{
        width:100%!important;
        height:auto!important;
        aspect-ratio:4.08/1!important;
        min-height:88px!important;
        max-height:118px!important;
        border-radius:0!important;
    }
    .hero-track,.hero-slide{height:100%!important;min-height:88px!important;}
    .hero-img{
        width:100%!important;
        height:100%!important;
        min-height:88px!important;
        object-fit:cover!important;
        object-position:center!important;
    }
    .hero-nav,.hero-dots{display:none!important;}

    /* Category circles: five per row, matching the supplied phone screenshot */
    .g999-category-section>.container{padding:0 var(--g999-mobile-gutter)!important;}
    .g999-category-head{
        height:43px!important;
        padding:0!important;
        font-size:18px!important;
        border-bottom:1px solid #e6e6e6!important;
    }
    .g999-category-list{
        width:100%!important;
        height:auto!important;
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:9px 3px!important;
        padding:10px 0 13px!important;
        overflow:visible!important;
        align-items:start!important;
    }
    .g999-category-item{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:72px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
    }
    .g999-category-icon{
        width:62px!important;
        height:62px!important;
        max-width:15vw!important;
        max-height:15vw!important;
        min-width:52px!important;
        min-height:52px!important;
        padding:3px!important;
        border-width:1.5px!important;
        box-shadow:0 3px 10px rgba(0,0,0,.14)!important;
    }
    .g999-category-icon img{object-fit:contain!important;background:#fff!important;}
    .g999-category-label{display:none!important;}

    /* Product sections stay readable and never overflow the phone viewport */
    .product-section,.flash-sale-section,.hot-deal-section{margin-bottom:12px!important;}
    .product-section>.container,.flash-sale-section>.container,.hot-deal-section>.container{
        width:100%!important;
        max-width:none!important;
        padding-left:var(--g999-mobile-gutter)!important;
        padding-right:var(--g999-mobile-gutter)!important;
    }
    .section-head,.flash-sale-head,.hot-deal-head{
        min-height:42px!important;
        height:42px!important;
        margin:0 0 8px!important;
    }
    .section-head h2,.flash-sale-heading h2,.hot-deal-heading h2{font-size:18px!important;}
    .btn-view-all,.flash-sale-viewall,.hot-deal-viewall{font-size:12px!important;}
    .product-grid,.product-grid--shop,.product-grid--category{
        width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        padding:0!important;
        box-sizing:border-box!important;
    }
    .product-card{width:100%!important;min-width:0!important;max-width:100%!important;}
    .product-thumb{height:43vw!important;max-height:190px!important;min-height:145px!important;}
    .product-body{min-height:107px!important;padding:7px 6px 0!important;}
    .product-title{
        height:40px!important;
        min-height:40px!important;
        font-size:12.5px!important;
        line-height:1.45!important;
        margin-bottom:4px!important;
    }
    .product-price{font-size:13px!important;gap:5px!important;margin-bottom:6px!important;}
    .product-price del{font-size:11px!important;}
    .product-actions{margin-left:-6px!important;margin-right:-6px!important;height:34px!important;min-height:34px!important;}
    .product-actions form{height:34px!important;}
    .btn-cart,.btn-order{height:34px!important;min-height:34px!important;font-size:11px!important;padding:0 2px!important;}
    .deal-badge,.flash-badge{min-width:39px!important;max-width:44px!important;min-height:39px!important;font-size:9px!important;}

    /* Generic shop/category layouts must stack instead of forcing desktop columns */
    .shop-layout{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
    .shop-sidebar{width:100%!important;max-width:100%!important;}
    .shop-toolbar{width:100%!important;}

    /* Fixed budget bar + chat button */
    .g999-budget-bar{
        left:7px!important;
        right:7px!important;
        bottom:0!important;
        width:auto!important;
        height:75px!important;
        padding:10px 30px 8px!important;
        border-radius:18px 18px 0 0!important;
        box-shadow:0 3px 18px rgba(0,0,0,.14)!important;
        box-sizing:border-box!important;
    }
    .g999-budget-title{
        font-size:15px!important;
        line-height:20px!important;
        margin-bottom:5px!important;
    }
    .g999-budget-track{height:24px!important;}
    .g999-float-tools{
        right:19px!important;
        bottom:54px!important;
        gap:0!important;
    }
    .g999-float-btn{width:55px!important;height:55px!important;font-size:20px!important;}
    #g999ScrollTop{display:none!important;}
    .mobile-bottom-nav{display:none!important;}

    /* Popup should never escape a phone screen */
    #promoPopupOverlay .promo-popup-box{
        width:calc(100vw - 28px)!important;
        max-width:440px!important;
        margin:0 auto!important;
    }
    #promoPopupOverlay .promo-popup-img-wrap img{max-height:72vh!important;}

    /* Banners/brands/vendors/blogs remain within the viewport */
    .promo-section .container,.brand-section .container,.vendor-section .container,.blog-section .container,
    .features-bar .container,.site-footer .container{width:100%!important;max-width:none!important;}
    .promo-banner-img{max-width:100%!important;height:auto!important;}
    .brand-grid,.vendor-grid,.blog-grid{max-width:100%!important;overflow:hidden!important;}
}

@media (max-width:380px){
    .g999-top-strip .g999-top-inner{font-size:7.6px!important;}
    .header-inner{padding-left:9px!important;padding-right:9px!important;}
    .logo{width:min(165px,56vw)!important;}
    .logo img{max-width:165px!important;}
    .g999-category-list{gap:7px 1px!important;}
    .g999-category-icon{
        width:55px!important;height:55px!important;min-width:50px!important;min-height:50px!important;
    }
    .g999-category-item{height:65px!important;}
    .product-thumb{min-height:135px!important;}
    .g999-budget-bar{padding-left:24px!important;padding-right:24px!important;}
}