.ss-wrapper-9a01fbab {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

/* Product Filter Container */
.ss-product-filter-container-9a01fbab {
    display: flex;
    gap: 10px;
	 flex-wrap:wrap;   
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    z-index: 10;
}

.ss-product-btn-9a01fbab {
    padding: 10px 18px;
    font-family: 'claudia', 'RetorRegular', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #302624;
    background-color: #ffffff;
    border: 2px solid #302624;
    box-shadow: 3px 3px 0 #302624;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: transform 0.15s, box-shadow 0.15s, background-color 0.2s;
}

.ss-product-btn-9a01fbab small {
    font-size: 10px;
    opacity: 0.7;
}

.ss-product-btn-9a01fbab:hover:not(.disabled) {
    transform: translate(-1px, -1px);
    box-shadow: 4px 4px 0 #302624;
    background-color: #f1ebd8;
}

.ss-product-btn-9a01fbab.active {
    background-color: #FF7842 !important;
    color: #ffffff !important;
    box-shadow: 4px 4px 0 #302624;
}

.ss-product-btn-9a01fbab.disabled {
    opacity: 0.55;
    cursor: not-allowed;
    background-color: #e0e0e0;
}
.ss-search-container-9a01fbab {
    margin: 0 auto 40px auto; /* Centered horizontally */
    z-index: 10;
    display: flex;
    justify-content: center;
}

.ss-search-input-9a01fbab {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #2E2624; /* 2px border */
    background-color: #f1ebd8;
    color: #2E2624;
    font-family: serif;
    font-size: 3.23vw; /* Updated font size */
    text-align: center;
    outline: none;
    transition: border-color 0.3s;
}
.ss-slider-track-9a01fbab.ss-no-anim-9a01fbab {
    animation: none !important;
    transform: translateX(0) !important;
    transition: none !important;
}

/* Fallback for smaller screens to ensure it's not too small */
@media (max-width: 768px) {
    .ss-search-input-9a01fbab {
        font-size: 1.2rem;
    }
}


.ss-search-input-9a01fbab::placeholder {
    color: #2E2624;
    opacity: 1; /* Override default opacity */
}

.ss-search-input-9a01fbab:focus {
    border-color: #000;
}

.ss-slider-container-9a01fbab {
    width: 100%;
    overflow: visible; /* Let slides flow smoothly to the left screen boundary */
    padding-left: 10%; /* Starts with a beautiful offset distance from the left screen boundary */
    box-sizing: border-box;
}

@media (max-width: 768px) {
	 .ss-slide-9a01fbab{
        width:220px!important; /* Was 300px */
    }
	 .ss-slide-image-container-9a01fbab{
        padding:15px;
    }

    .ss-slide-image-9a01fbab{
        max-height:160px;
        object-fit:contain;
    }

    .ss-slider-track-9a01fbab{
        gap:20px;
    }

       .ss-slider-container-9a01fbab {
        padding-left:20%;
    }
	    .ss-product-filter-container-9a01fbab{
        justify-content:center;
        overflow-x:auto;
        overflow-y:hidden;
        flex-wrap:wrap;
        gap:.75rem;
        padding:0 .5rem .5rem;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .ss-product-filter-container-9a01fbab::-webkit-scrollbar{
        display:none;
    }

    .ss-product-btn-9a01fbab{
        flex:0 0 auto;
        min-width:140px;
        min-height:46px;
        padding:.75rem 1rem;
        font-size:.85rem;
    }

    .ss-product-btn-9a01fbab img{
        width:18px;
        height:18px;
    }
	 .ss-slider-track-9a01fbab {
        animation-name: scroll-mobile-9a01fbab;
    }

    @keyframes scroll-mobile-9a01fbab {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(
                calc(-100% + 100vw - 12px)
            );
        }
    }


}

.ss-slider-track-9a01fbab {
    display: flex;
    gap: 30px;
    padding: 20px 0;
    width: max-content;
    animation: scroll-9a01fbab var(--scroll-duration, 60s) linear infinite;
}




/* Hide un-matched slides entirely */
.ss-slide-9a01fbab.ss-hidden-9a01fbab {
    display: none !important;
}

@keyframes scroll-9a01fbab {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 15px)); } /* -50% because we duplicated items, -15px for half gap */
}


.ss-slide-9a01fbab {
    flex: 0 0 auto;
    width: 300px;
    position: relative;
    transition: opacity 0.3s, transform 0.3s;
}

.ss-slide-link-9a01fbab {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.ss-slide-image-container-9a01fbab {
    border: 1px solid #333;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.ss-slide-image-9a01fbab {
    width: 100%;
    display: block;
    object-fit: contain;
}
@media (min-width: 1200px) {
    .ss-product-btn-9a01fbab {
        min-height: 52px;
        padding: 12px 24px;
        font-size: 18px;
    }

    .ss-product-btn-9a01fbab small {
        font-size: 12px;
    }
}
@media (min-width: 1931px) {
    .ss-product-btn-9a01fbab {
        min-height: 52px;
        padding: 12px 24px;
        font-size: 24px;
    }

    .ss-product-btn-9a01fbab small {
        font-size: 12px;
    }
}