@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700;1,800&display=swap');

:root {
	/* cores */
    --primary: #2b0167;
    --primary-hover: #240155;
    --primary-active: #240155;
    --secondary: #2A1259;
    --secondary-hover: #38197A;
    --secondary-active: #1F0D45;
    --green:#00b32d;
	--green-hover: #0b8b2b;
	--green-active: #0a7023;
    --gray:#e6e6e6;
	--gray-hover: #e1e1e1;
	--gray-active: #dadada;
    --gray-light:#f3f3f3;
	--gray-light-hover: #e8e8e8;
	--gray-light-active: #e2e2e2;
	--white: #F0EFEF;
	/* cores */

	/* header */
	--header-topbar-background-color: var(--primary);
	--header-topbar-text-color: #fafafa;
	--header-topbar-icon-color: #fafafa;
	--header-background-color: #fff;
	--header-border-color: #DAD7D7;
	--header-color-text: var(--text);
	--header-svg-color: var(--primary);
	--header-svg-width: 22px;
	--header-svg-height: 22px;
	--header-search-background-color: var(--white);
	--header-search-background-color-focus: var(--gray);
	--header-search-color: var(--text);
	--header-menu-background: #fff;
	--header-menu-color-text: var(--text);
	--header-menu-color-text-hover: var(--text);
	--header-menu-mobile-color-text: var(--text);
	--header-menu-icon-color: var(--text);
	--header-menu-mobile-icon-color: var(--text);
	--header-menu-font-size: 15px;
	--header-menu-text-height: 78px;
	/* header */

	/* footer */	
	--footer-background-color: #fff;
	--footer-border-color: #DAD7D7;
	--footer-color-text: var(--text-gray);
	--footer-space: 40px;
	/* footer */

	/* fontes */
    --font-primary: 'karla', sans-serif;
	/* fontes */
   
	/* botões */
    --btn-primary:var(--primary);
    --btn-primary-hover: var(--primary-hover);
    --btn-primary-active: var(--primary-active);
    --btn-secondary: var(--secondary);
    --btn-secondary-hover: var(--secondary-hover);
    --btn-secondary-active: var(--secondary-active);

	--btn-product-thumb-purchase: #F7A61B;
	--btn-product-thumb-purchase-hover: #E0940A;
	--btn-product-thumb-purchase-active: #E0940A;
    --btn-product-thumb-purchase-color: #1A1626;
    --btn-product-thumb-view: #F7A61B;
    --btn-product-thumb-view-hover: #E0940A;
    --btn-product-thumb-view-active: #E0940A;
	--btn-product-thumb-view-color: #121212;
    --btn-product-thumb-radius: 4px;

	--btn-add-cart: #F7A61B;
	--btn-add-cart-hover: #E0940A;
	--btn-add-cart-active: #E0940A;
	--btn-add-cart-color: #1A1626;

	/* botões */

	/* produto */
	--spacing-sections-product: 40px;	
	--spacing-product-column-right: 24px;
	--product-row-x: 24px;
	--product-row-y: 24px;
	--product-images-x: 4px;
	--product-images-y: 4px;
	/* produto */
	
	/* variações */
	--variant-button-background-color: #fff;
	--variant-button-color: var(--text), #141414;
	--variant-button-border-color: #DAD7D7;
	--variant-button-selected-background-color: var(--primary);
	--variant-button-selected-color: #fff;
	--variant-button-selected-border-color: var(--primary);
	--variant-button-border-radius: var(--border-radius-default);
	/* variações */

	/* radius */
	--border-radius-default: 4px;
	--btn-border-radius: var(--border-radius-default);
	--input-border-radius: var(--border-radius-default);
	/* radius */
	
	/* geral */
	--products-gutter-x: 8px;
	--products-gutter-y: 8px;
	--product-thumb-spacing: 4px;
	--plyr-color-main: var(--primary);
	--spacing-sections-home: 40px;
    --text: #151414;
	--text-secondary: #303030;
    --text-gray: #6A6262;
	--text-black: #151414;
	--background: #fff;
    --container-xxl: 1680px;
    --container-small: var(--container-xxl);
    --container-large: 1920px;
    --logo-max-height: 52px;
	@media (max-width: 991px) {
		--header-svg-width: 22px;
		--header-svg-height: 22px;

		--spacing-sections-home: 36px;
		--footer-space: 24px;
		--logo-max-height: 40px;
	}
	/* geral */
}

.menu-smart-level-1 {justify-content: start;}

.heading-title {font-family: 'Saira Condensed', sans-serif; font-weight: 800; text-transform: uppercase;}

.product-thumb-title {font-size: 18px; font-weight: 600;}
.product-thumb .product-price-value {font-size: 16px}


#product h1 {font-size: 24px; font-weight: 600;}

.heading-title::after {content: ""; display: block; width: 46px; height: 4px; margin: 14px auto 0; background: #F7A61B; border-radius: 2px; transform: skewX(-12deg);}
.product-list.title-left .heading-title::after {margin-left: 0;}

.btn.btn-add-cart, .btn.btn-buy-now, .btn.btn-primary, .btn.btn-secondary {text-transform: uppercase; letter-spacing: .6px; font-weight: 700;}
.btn.btn-buy-now {background: #3A1A78; color: #fff; border-color: #3A1A78;}
.btn.btn-buy-now:hover {background: #2A1259; border-color: #2A1259; color: #fff;}

.carousel-categories .swiper-wrapper {justify-content: safe center;}
.carousel-categories .wrapper-bg-image {position: relative; overflow: hidden; border-radius: 14px;}
.carousel-categories .wrapper-bg-image img {display: block; width: 100%; transition: transform .5s ease;}
.carousel-categories .category-item:hover .wrapper-bg-image img {transform: scale(1.07);}
.carousel-categories .bg-item-category {position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(58, 26, 120, 0) 45%, rgb(58 26 120 / 38%) 100%)}
.carousel-categories .carousel-categories-title {text-transform: uppercase; font-weight: 800; letter-spacing: .5px; color: #3A1A78; text-align: center; margin-top: 14px; font-size: 14px;}


.depoiments-quotes, .depoiments-quotes i {color: #3A1A78;}
.depoiment-name {text-transform: uppercase; font-weight: 700; letter-spacing: .4px; color: #3A1A78;}
.depoiment-stars .bi-star-fill {color: #F7A61B;}
.depoiment-stars .bi-star {color: #E0DDEA;}


.section-newsletter .heading-title::after {display: none;}

.product-images-grid {display: block;}
.product-images-carousel {display: none;}

@media (max-width: 991px) {
	.product-images-grid {display: none;}
	.product-images-carousel {display: flex;}
	#product h1 {font-size: 18px;}

}