img{max-width:100%}
.table{min-width:720px}
.table-responsive,.admin-main{max-width:100%}
.admin-main .table{display:table}
.checkout-form .cart-table{min-width:520px}
.site-header .container{max-width:1180px}
.category-nav::-webkit-scrollbar{height:4px}
.category-nav::-webkit-scrollbar-thumb{background:#d9dedb;border-radius:10px}

@media (max-width:991px){
    .site-header{position:relative}
    .header-actions a{margin-left:10px;font-size:14px}
    .category-nav{padding-bottom:8px}
    .hero-slider img{height:auto;max-height:360px}
    .carousel-caption{left:6%;right:6%;bottom:16%}
    .carousel-caption h1{font-size:36px}
    .carousel-caption p{font-size:16px}
    .product-card .p-3{padding:12px!important}
    .product-title{font-size:15px;min-height:48px}
    .price-row strong,.detail-price strong{font-size:20px}
    .admin-sidebar{position:static;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:14px}
    .admin-sidebar strong{grid-column:1/-1}
    .admin-main{margin-left:0;padding:16px;overflow-x:hidden}
    .admin-head{align-items:flex-start;gap:12px;flex-direction:column}
    .status-filter{justify-content:flex-start}
    .admin-card{padding:16px}
    .asset-preview{height:120px}
    .product-preview{height:170px}
    .banner-preview{height:150px}
}

@media (max-width:767px){
    body{font-size:15px}
    h1{font-size:28px}
    h2{font-size:22px}
    .brand img{max-width:160px;max-height:48px}
    .header-actions{font-size:13px}
    .search-form{margin-top:12px}
    .hero-slider img{height:auto;max-height:300px}
    .carousel-caption{bottom:12%}
    .carousel-caption h1{font-size:28px}
    .carousel-caption p{display:none}
    .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .category-tile img{height:105px}
    .product-image img{height:150px}
    .product-title{min-height:54px}
    .btn-store,.btn{white-space:normal}
    .quantity-control{display:block}
    .quantity-control .form-control{width:100%;margin-bottom:10px}
    .quantity-control .input-group-append{display:block}
    .quantity-control .btn{width:100%;border-radius:4px!important}
    .table{display:block;overflow-x:auto;white-space:nowrap;min-width:640px}
    .checkout-form .table{min-width:520px}
    .totals{text-align:left}
    .site-footer .col-md-4{margin-bottom:20px}
    .login-panel{width:100%;padding:24px}
    .admin-sidebar a,.admin-sidebar button{display:block;background:rgba(255,255,255,.08);border-radius:6px;padding:8px}
    .order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pending-alert{align-items:flex-start}
    .pending-alert strong{font-size:30px}
    .pending-alert span{font-size:16px}
    .admin-thumb{width:58px;height:42px}
    .whatsapp-float{right:14px;bottom:14px;width:52px;height:52px}.whatsapp-float svg{width:30px;height:30px}
}

@media (max-width:420px){
    .container{padding-left:12px;padding-right:12px}
    .category-grid{grid-template-columns:1fr 1fr}
    .product-image img{height:130px}
    .product-title{font-size:14px}
    .order-status-grid{grid-template-columns:1fr}
    .carousel-caption h1{font-size:24px}
}