/* RESPONSIVE DESIGN */
 @media (max-width: 1200px) {
     .products-grid {
         grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
         gap: 20px;
     }
 }

 @media (max-width: 992px) {
     .products-wrapper {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .products-sidebar {
         position: relative;
         top: 0;
     }

     .products-grid {
         grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     }

     .products-toolbar {
         flex-direction: column;
         align-items: stretch;
     }

     .products-toolbar-left,
     .products-toolbar-right {
         width: 100%;
     }

     .products-count {
         display: none;
     }
 }

 @media (max-width: 768px) {
     .products-hero h1 {
         font-size: 1.8rem;
     }

     .products-hero p {
         font-size: 0.95rem;
     }

     .products-sidebar {
         display: none;
     }

     .products-grid {
         grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
         gap: 15px;
     }

     .product-card-image {
         height: 150px;
         font-size: 2rem;
     }

     .product-card-info {
         padding: 15px;
     }

     .product-card-title {
         font-size: 0.95rem;
     }

     .product-card-price-current {
         font-size: 1.1rem;
     }

     .btn-add-cart {
         padding: 6px 12px;
         font-size: 0.75rem;
     }

     .view-toggle {
         display: none;
     }

     .products-toolbar-right {
         justify-content: flex-end;
     }
 }

 @media (max-width: 576px) {
     .products-page-container {
         padding: 20px 10px;
     }

     .products-hero {
         padding: 40px 15px;
         margin-bottom: 30px;
     }

     .products-hero h1 {
         font-size: 1.5rem;
     }

     .products-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 12px;
     }

     .product-card-info {
         padding: 12px;
     }

     .product-card-title {
         font-size: 0.85rem;
     }

     .product-card-description {
         display: none;
     }

     .product-card-rating {
         display: none;
     }

     .btn-add-cart {
         flex: 1;
         padding: 6px 10px;
         font-size: 0.7rem;
     }

     .step {
         margin-bottom: 10px!important;
     }

     .checkout-steps {
         flex-direction: column !important;
         align-items: flex-start !important;
     }
 }