.page-header{background-color:#000000;}
.block-search .control {
    background-color: #000;
}

svg {
    filter: grayscale(1) !important;
}

.block.popular-categories {
    background: linear-gradient(45deg, #e2ffd8, #cfd8ff) !important;
}
/*
button.action.primary.vita-buy-now-btn {
        color: white !important;
}
*/
.swiper-button-prev.swiper-button-black.swiper-button-disabled, .swiper-button-next.swiper-button-black.swiper-button-disabled {
    display: none !important;
}
/*
.select2-selection__arrow {
    filter: brightness(0) saturate(100%) invert(60%) sepia(58%) saturate(414%) hue-rotate(82deg) brightness(88%) contrast(85%);
}

.icon, ::after {
    color: #4dae65 !important;
}

i.icon {
    filter: brightness(0) saturate(100%) invert(57%) sepia(3%) saturate(7147%) hue-rotate(88deg) brightness(95%) contrast(93%) !important;
}

.header-content-right * {
    color: black !important;
}

.minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart:after, .minicart-wrapper .action.showcart.active:after {
    filter: brightness(0) saturate(100%) invert(57%) sepia(3%) saturate(7147%) hue-rotate(88deg) brightness(95%) contrast(93%) !important;
}

.header.wrapper {
    background: white !important;
}

.twitter-typeahead {
    background: white !important;
}

a.action.towishlist::before, a.action.tocompare::before {
    filter: brightness(0) saturate(100%) invert(57%) sepia(3%) saturate(7147%) hue-rotate(88deg) brightness(95%) contrast(93%);
}
*/
.category-image {
    display: none;
}

.page-products .column.main .products-grid:not(.swiper-container) .product-items .product-item .product-item-name, .column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item .product-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.page-products .column.main .products-grid:not(.swiper-container) .product-items .product-item:hover .product-item-name, .column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item:hover .product-item-name {
    white-space: normal;
    -webkit-line-clamp: unset
}

.actions {
    display: inherit !important;
}

.product-info-main .box-tocart .action.tocart {
    width: 50% !important;
    margin: 0 0 0px 0 !important;
    box-sizing: border-box;
    margin-right: 5px !important;
    /*color: white;*/
}
/*
.product-info-main .box-tocart .action.tocart > span::before {
    filter: none !important;
}
*/
.fieldset > .actions {
    display: flex !important;
    width: 100%;
}
/*
.cms-index-index .jumbotron.benefits {
    background-color: aliceblue;
}
*/
#search_mini_form {
    width: 100%;
    float: none;
}
@media (min-width: 769px) {
    .block-swissup-ajaxsearch.block-search .actions .action.search {
    display: none !important;
    }
    .product-item-info {
    display: table-row-group;
    }
}

@media (max-width: 768px) {
    span.action.nav-toggle {
        filter: brightness(0.5);
    }
    .jumbotron > .container {
         overflow-x: hidden !important;
    }
    .page-header .header.content .logo img {
        max-width: 50%;
    }

    .benefits-top {
        width: 400%; /* Assuming 4 slides */
        display: flex;
        overflow: hidden;
        animation: benefits-top-child-animation 30s infinite;
    }
    .benefits-top-child.content {
    	width: fit-content;
	}
    .benefits-top-child.icon {
    	width: fit-content;
	}
    .benefits-top-child {
        text-align: center !important;
        justify-content: center;
    }
    
    .benefits-top .benefits-top-child {
        width: 100%; /* Each slide takes up the full width of the slider */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .jumbotron.benefits {
    	padding: 5px 0 5px !important;
	}
    
    @keyframes benefits-top-child-animation {
        0% { transform: translateX(0%); }
        20% { transform: translateX(0%); }
        25% { transform: translateX(-25%); }
        45% { transform: translateX(-25%); }
        50% { transform: translateX(-50%); }
        70% { transform: translateX(-50%); }
        75% { transform: translateX(-75%); }
        95% { transform: translateX(-75%); }
        100% { transform: translateX(0%); } /* Keep at last slide */
    }
    label.label {
    	filter: brightness(0.5);
	}
    .product-info-main .box-tocart .action.tocart {
    	width: 100% !important;
    	margin-bottom: 5px !important;
        margin-right: 0px !important;
	}
    .fieldset > .actions {
    	flex-direction: column !important;
	}
    .catalog-product-view .vita-buynow {
    	width: 100% !important;
	}
    .catalog-product-view .vita-buynow .vita-buy-now-btn {
    	margin-top: 5px !important;
        margin-left: 0px !important;
    }
}

.page-wrapper > .breadcrumbs .items {
     display: none;
}

.navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a:hover {
    text-decoration: underline !important;
}

div.swatch-option, div.swatch-option.text {
    border: solid;
    background: black;
    color: white;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 15%;
    justify-content: center;
}
/*
.data.switch {
    border-color: #4dae65 !important;
}
*/
.product-item {
  font-size: 1.4rem !important;
}


/*
span.product-image-wrapper {
    background: white;
}
*/

div.swatch-option, div.swatch-option.text {
    height: 2.5em;
    font-size: larger;
    align-items: center;
}

:root {
    --haircare-cat-color: #A3EE94;
    --diy-cat-color: #F6B788;
    --household-cat-color: #88CCFB;
    --toiletries-cat-color: #F7D68F;
    --health-beauty-cat-color: #FFB1CD;
}


.haircare-cat {
    background: radial-gradient(var(--haircare-cat-color), transparent);
}

.diy-cat {
    background: radial-gradient(var(--diy-cat-color), transparent);
}

.household-cat {
    background: radial-gradient(var(--household-cat-color), transparent);
}

.toiletries-cat {
    background: radial-gradient(var(--toiletries-cat-color), transparent);
}

.health-beauty-cat {
    background: radial-gradient(var(--health-beauty-cat-color), transparent);
}