/* ===== RESPONSIVE: TABLET & MOBILE ===== */
@media(min-width:769px){
.menu-toggle,.header-search-mobile,.mobile-menu-overlay,.mobile-menu-panel{display:none!important}
.main-navigation{display:block!important}
.header-search-desktop{display:block!important}
.topbar{display:block!important}
}
@media(max-width:1024px){
.columns-4 ul.products li.product,.columns-3 ul.products li.product{width:33.33%}
.columns-4 .category-card,.columns-3 .category-card{width:33.33%}
.footer-grid{flex-wrap:wrap}
.footer-col{flex:0 0 calc(50% - 15px)}
}
@media(min-width:769px) and (max-width:1024px){
.nav-categories{width:200px}
.categories-menu,.categories-menu .sub-menu{width:200px}
}
@media(max-width:768px){
.topbar{display:none}
.menu-toggle{display:flex!important;position:absolute!important;left:12px;top:50%;transform:translateY(-50%);color:var(--shopspot-dark)!important}
.header-search-mobile{display:block!important;background:#fff!important;border-top:1px solid #eee!important}
.header-search-desktop{display:none!important}
.main-navigation{display:none!important}
.header-main{position:relative!important;justify-content:center!important;padding:12px 50px 8px!important;background:#fff!important}
.site-branding{flex:none!important;text-align:center!important}
.site-branding img{max-height:52px!important;width:auto}
.site-title{font-size:24px!important}
.site-title a{color:var(--shopspot-dark)!important}
.header-actions{position:absolute!important;right:10px;top:50%;transform:translateY(-50%)}
.header-cart{padding:4px;color:#111!important}
.header-cart-icon{font-size:26px!important}
.cart-count{top:0;right:0;min-width:18px;height:18px;font-size:9px}
.header-search-mobile .search-form{border:2px solid var(--shopspot-primary)!important;border-radius:50px!important;background:#fff!important}
.header-search-mobile .search-field{color:#333!important}
ul.products{margin:0 -6px}
ul.products li.product{padding:6px}
.columns-4 ul.products li.product,.columns-3 ul.products li.product{width:50%}
.product-block{border-radius:8px}
.product-details{padding:12px 12px 14px}
.product-title{font-size:13px}
.product-price{font-size:15px}
.features-grid{flex-wrap:wrap}
.feature-item{flex:0 0 50%}
.single-product-wrapper{padding:15px 0 30px}
.product-summary{flex-direction:column;padding:18px;gap:20px}
.product-summary .woocommerce-product-gallery,.product-summary .summary{width:100%}
.product-summary .woocommerce-product-gallery{padding:8px}
.product_title{font-size:20px;margin-bottom:6px}
.single-product-wrapper .product-summary .price{font-size:20px}
.woocommerce-product-details__short-description{font-size:13px}
.single-product-wrapper .cart{flex-direction:column;align-items:stretch}
.single-product-wrapper .cart .quantity{width:100%;justify-content:center}
.single-product-wrapper .cart button[name="add-to-cart"],
.single-product-wrapper .cart .single_add_to_cart_button{width:100%!important;justify-content:center;max-width:none!important}
.product_meta{flex-direction:column;gap:4px}
.footer-grid{flex-direction:column}
.footer-col{flex:1}
.footer-bottom-inner{flex-direction:column;gap:10px;text-align:center}
.sticky-cart-inner{flex-direction:column;gap:10px}
.sticky-product-info{width:100%}
.sticky-cart-actions{width:100%}
.woocommerce-tabs ul.tabs{flex-wrap:wrap;gap:0}
.woocommerce-tabs ul.tabs li a{padding:12px 16px;font-size:13px}
.woocommerce-tabs .panel{padding:18px 16px}
.woocommerce-tabs .shop_attributes th{width:120px;padding:10px 12px;font-size:13px}
.woocommerce-tabs .shop_attributes td{padding:10px 12px;font-size:13px}
.product-type-link{display:none!important}
.product-actions-overlay{opacity:1!important;transform:none!important;top:6px;right:6px}
.product-actions-overlay .action-btn{width:32px;height:32px}
.product-actions-overlay .action-btn .dashicons{font-size:14px}
}
@media(max-width:480px){
ul.products li.product{padding:5px}
.columns-4 ul.products li.product,.columns-3 ul.products li.product,.columns-2 ul.products li.product{width:50%}
.product-details{padding:10px 10px 12px}
.product-title{font-size:12px}
.product-price{font-size:14px}
.btn-add-to-cart{padding:8px 10px;font-size:11px}
.feature-item{flex:0 0 100%}
}