/** Shopify CDN: Minification failed

Line 117:26 Expected identifier but found "!"
Line 169:6 Expected percentage but found "."
Line 215:0 Expected "}" to go with "{"

**/
    /* You can add your custom styles here */
    
    .section-header nav>ul>li:not(.has-megamenu) ul:before,
    .product-option-picker__chosen, 
    .product-option-picker__dropdown ul{
        background-color: #fef2d9;
        border: 1px solid #cabfa7;
    }
    
    
    /* CSS for sections to fade in and up */
    
    .section {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1),
                transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    
      will-change: opacity, transform;
    }
    
    .section.visible {
      opacity: 1;
      transform: translateY(0);
    }
    
    /* CSS for sections to fade in */
    
    .sectiontwo {
      opacity: 0;
      transition: opacity 0.6s ease-out;
      will-change: opacity;
    }
    
    .sectiontwo.visible {
      opacity: 1;
    }
    
    @media screen and (max-width: 767px) {
      .hide-on-mobile {
        display: none !important;
      }
    }
    
    
    @media (max-width: 768px) {
        .category-item img {
            width: 100%;
            height: auto;
            margin-bottom: 0;
        }
    }
    
    
    
    /* Mobile Collections Text */
    
    /* Scrollable tabs on mobile */
    @media (max-width: 768px) {
      .tabs-scroll-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }
    
      .section-featured-products-tabs-header__list {
        display: flex;
        flex-wrap: nowrap;
        min-width: max-content;
        gap: 1rem;
      }
    
      .section-featured-products-tabs-header__list-item {
        white-space: nowrap; /* Prevent wrapping */
        flex-shrink: 0;       /* Keep items from shrinking */
      }
    }
    
    
    
    @media (max-width: 768px) {
      .section-icon-cards-content {
        display: none;
      }
    }
    
    
    
    
    /* Base styles */
    .brands-section {
      background-color: #5F8161;
      padding: 60px 20px;
      text-align: center;
      overflow: hidden;
      position: relative;
    
      /* Full-width breakout */
      width: 100vw;
      margin-left: calc(-50vw + 50%);
    }
    
    .brandstitle {
      margin-bottom: 2em;
      color: white;
    }
    
    /* Slider wrapper */
    .brands-logo-slider {
      overflow: hidden;
      overflow-x: hidden; !important
      width: 100%;
    }
    
    /* Scrolling track */
    .brands-track {
      display: flex;
      gap: 40px;
      animation: scrollBrands 50s linear infinite;
      will-change: transform;
    }
    
    /* Logo styling */
    .brands-track img {
      height: 60px;
      width: 200px;
      object-fit: contain;
      filter: grayscale(100%);
      opacity: 0.8;
      transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
      flex-shrink: 0;
    }
    
    /* On hover */
    .brands-track img:hover {
      filter: none;
      opacity: 1;
      transform: scale(1.05);
    }
    
    /* Responsive*/
    @media (max-width: 768px) {
       .brands-section {
        background-color: #fef2d9;
      }
    
      .brandstitle{
        color: black;
      }
      
      }
    
    
    /* Animation */
    @keyframes scrollBrands {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    
      .brands-wrapper {
      overflow-x: hidden; !important
      width: 100%;
      position: relative;
    }
    
      .section.visible{
      overflow-x:hidden;
    }
    
    
    /* Blog post excerpt line limlit */
    .section-blog-posts-post__excerpt{
       display: -webkit-box;
      -webkit-line-clamp: 4; /* Number of lines to show */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; 
    }
    
    
    /* Responsive*/
    @media (max-width: 768px) {
       .section-blog-posts-container{
         padding-left: 5px;
         padding-right: 5px;
       }
    
      .section-container{
        padding-left: 5px;
        padding-right: 5px;
        background-color: black;
      }
      
      
    }