.collection {background-color: #f7f7f7;
    width: 100%;}
     .collection .slick-prev {
     left: -10px !important;
     z-index: 9;
 }
 .collection .slick-next {
     right: -10px !important;
     z-index: 9;
 }
 .collection .slick-prev, .slick-next {
     top: 40%;
 }
     .collections-tabs-wrapper {
       display: flex;
       flex-wrap: nowrap;
       overflow-x: auto;
       gap: 10px;
       padding: 10px;
       max-width: 100%;
       scroll-behavior: smooth;
       -webkit-overflow-scrolling: touch;
       justify-content: flex-start;
     }
 
     .collections-tab-btn {
       background-color: transparent;
       color: #8b6f4e;
       border: 2px solid #8b6f4e;
       padding: 7px 12px;
       text-transform: uppercase;
       text-align: center;
       transition: all 0.3s ease;
       white-space: nowrap;
     }
 
     .collections-tab-btn.active {
       background-color: #8b6f4e;
       color: #fff;
     }
 
     .collections-tab-btn:hover {
       background-color: #8b6f4e;
       color: #fff;
     }
 
   
     .collections-tab-content {
       display: none;
       padding: 10px 10px 20px 10px;
       border-radius: 12px;
       max-width: 1200px;
       margin: 0px auto;
     }
 
     .collections-tab-content.active {
       display: block;
       opacity: 0;
       animation: fadeIn 0.5s forwards;
     }
 
     .collections-tab-btn.borderbg {
       background-color: transparent;
       color: #30373f;
       border:none;
       border-right: 2px solid #8b6f4e;
       padding: 5px 12px;
       text-transform: uppercase;
       text-align: center;
       transition: all 0.3s ease;
       white-space: nowrap;
     }
     /* ✅ Remove right border from last button */
    .collections-tab-btn.borderbg:last-child {
      border-right: none;
    }
 
     .collections-tab-btn.borderbg.active {
       background-color:transparent;
       color: #8b6f4e;
     }
 
     .collections-tab-btn.borderbg:hover {
       background-color:transparent;
       color: #8b6f4e;
     }
 
    
 
     @keyframes fadeIn {
       from { opacity: 0; }
       to { opacity: 1; }
     }
 
     .collections-slider {
       margin-top: 20px;
     }
 
     .collections-product-card {
       border-radius: 12px;
       padding: 20px;
       text-align: center;
       transition: transform 0.3s ease, box-shadow 0.3s ease;
     }
 
     .collections-product-card:hover {
       transform: translateY(-5px);
     }
 
  
 
     @media (max-width: 768px) {
       .collections-tab-btn {
         font-size: 0.85rem;
         padding: 6px 14px;
       }
 
     }
 
     @media (min-width: 769px) {
       .collections-tabs-wrapper {
         justify-content: center;
         flex-wrap: wrap;
         overflow-x: visible;
       }
     }