/* =========================================================
   The Hyper Kart — responsive.css
   Breakpoints: Desktop >1200 | Laptop 992-1199 | Tablet 768-991 | Mobile <767
   ========================================================= */

/* ---------- Laptop ---------- */
@media (max-width:1199.98px){
  .fm-hero{padding:44px 34px;}
  .fm-hero h1{font-size:2.2rem;}
  .fm-searchbox{max-width:220px;}
}

/* ---------- Tablet ---------- */
@media (max-width:991.98px){
  .fm-searchbox{display:none;}
  .fm-navbar .fm-container{flex-wrap:wrap;}
  .fm-hero{text-align:center;padding:40px 24px;}
  .fm-hero .fm-hero-img{margin-top:26px;}
  .fm-hero h1{font-size:1.9rem;}
  .fm-summary-card{position:static;margin-top:24px;}
  .fm-section-head h2{font-size:1.35rem;}
  .fm-offer-banner{text-align:center;padding:36px 24px;}
  .fm-offer-banner img{margin-top:20px;max-width:220px;margin-left:auto;margin-right:auto;}
  .fm-filter-card{margin-bottom:16px;}
  .fm-auth-card{margin-bottom:20px;}
}

/* ---------- Mobile ---------- */
@media (max-width:767.98px){
  body{font-size:14px;}
  .fm-topbar{font-size:.72rem;}
  .fm-topbar .fm-container{flex-direction:column;gap:4px;text-align:center;}
  .fm-logo{font-size:1.3rem;}
  .fm-hero{border-radius:16px;padding:32px 18px;}
  .fm-hero h1{font-size:1.6rem;}
  .fm-hero p{font-size:.92rem;}
  .fm-cat-card{padding:16px;}
  .fm-section-head{flex-direction:row;align-items:center;}
  .fm-section-head h2{font-size:1.15rem;}
  .fm-offer-banner h2{font-size:1.4rem;}
  .fm-newsletter{padding:28px 18px;}
  .fm-newsletter .input-group{flex-direction:column;gap:10px;}
  .fm-newsletter .form-control,
  .fm-newsletter button{border-radius:50px!important;width:100%;}
  .fm-footer{padding-top:40px;}
  .fm-footer .col-lg-3,.fm-footer .col-md-6{margin-bottom:28px;}
  .fm-cart-table thead{display:none;}
  .fm-cart-row{display:block;padding:14px;margin-bottom:14px;}
  .fm-cart-row td{display:flex;justify-content:space-between;align-items:center;border:none!important;padding:8px 0;border-radius:0!important;}
  .fm-cart-row td::before{content:attr(data-label);font-weight:600;color:var(--fm-text-muted);font-size:.78rem;}
  .fm-cart-row td.fm-cart-product-cell::before{display:none;}
  .fm-gallery-main{aspect-ratio:4/3;}
  .fm-trust-row{gap:14px;}
  .fm-auth-card{padding:26px 20px;}
  .fm-side-nav{margin-bottom:20px;}
  .fm-success-icon{width:86px;height:86px;}
  .fm-success-icon i{font-size:2.4rem;}
  .fm-order-card{padding:14px;}
  .fm-order-card .row>div{margin-bottom:6px;}
  .fm-breadcrumb-bar{padding:10px 0;}
  .fm-back-to-top{width:40px;height:40px;bottom:16px;right:16px;}
}

@media (max-width:575.98px){
  .fm-hero h1{font-size:1.4rem;}
  .fm-cat-card .fm-cat-img{aspect-ratio:4/3;}
  .fm-product-body{padding:12px;}
  .fm-price{font-size:.95rem;}
  .fm-add-btn{width:32px;height:32px;}
  .fm-gallery-thumbs img{width:56px;height:56px;}
}

/* No horizontal scroll safety net */
html,body{max-width:100%;overflow-x:hidden;}
/* Tablet */
@media (max-width:991px){

    .trust-box{
        padding:20px;
    }

    .trust-title{
        font-size:20px;
    }

    .trust-list li{
        font-size:15px;
    }

}

/* Mobile */
@media (max-width:767px){

    .trust-box{
        padding:18px;
        margin-bottom:20px;
    }

    .trust-title{
        font-size:18px;
        text-align:center;
    }

    .trust-list li{
        font-size:14px;
        padding:10px 0;
    }

    .trust-list li i{
        font-size:16px;
    }

}
@media (max-width:768px){

    .category-sidebar{
        margin-bottom:20px;
    }

    .category-sidebar h4{
        font-size:20px;
    }

    .category-btn{
        padding:12px;
        font-size:15px;
    }
}
@media (max-width:768px){

    .trending-products{
        padding:18px;
        margin-top:20px;
    }

    .trending-products h5{
        font-size:18px;
    }

    .best-seller-list li{
        font-size:14px;
        padding:10px 0;
    }

    .rating{
        font-size:13px;
    }

}
@media (max-width:768px){

    .sidebar-card{
        padding:18px;
        margin-top:15px;
    }

    .sidebar-card h5{
        font-size:18px;
    }

    .sidebar-card h5 i{
        font-size:20px;
    }

    .best-seller-list li{
        font-size:14px;
        padding:10px 0;
    }

}
@media(max-width:767px){

#cartBody{
    display:block;
    width:100%;
}

#cartBody tr{
    display:block;
    margin-bottom:15px;
    background:#fff;
    border-radius:12px;
    padding:15px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

#cartBody td{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:10px 0;
}

}