@import url('https://fonts.googleapis.com/css?family=Fauna One');

:root { 
	/* cores */
    --primary: #C4788E;
    --primary-hover: #9E5A6E;
    --primary-active: #8a4b5e;
    --secondary: #1A1A1A;
    --secondary-hover: #373737;
    --secondary-active: #1d1d1d;
    --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: #1A1A1A;
	--header-topbar-icon-color: #1A1A1A;
	--header-background-color: #f5eee9;
	--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: 14px;
	--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: 'Fauna One', 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: var(--primary);
	--btn-product-thumb-purchase-hover: var(--primary-hover);
	--btn-product-thumb-purchase-active: var(--primary-secondary);
    --btn-product-thumb-purchase-color: #fff;
    --btn-product-thumb-view: #eee;
    --btn-product-thumb-view-hover: #f6f6f6;
    --btn-product-thumb-view-active: #f1f1f1;
	--btn-product-thumb-view-color: #121212;
    --btn-product-thumb-radius: 4px;

	--btn-add-cart: var(--green);
	--btn-add-cart-hover: var(--green-hover);
	--btn-add-cart-active: var(--green-active);
	--btn-add-cart-color: #fff;

	/* 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: 16px;
	--products-gutter-y: 16px;
	--product-thumb-spacing: 4px;
	--plyr-color-main: var(--primary);
	--spacing-sections-home: 40px;
    --text: #151414;
    --text-gray: #6A6262;
	--background: linear-gradient(90deg,rgba(245, 237, 232, 1) 0%, rgba(250, 250, 250, 1) 100%);
    --container-xxl: 1740px;
    --container-small: 1440px;
    --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;
		--products-gutter-x: 8px;
		--products-gutter-y: 8px;
	}
	/* geral */
}

.top-bar {background: linear-gradient(83deg,rgb(128, 77, 91) 0%, rgb(228, 153, 174) 51%, rgba(128, 77, 91) 100%);}
.top-bar, .top-bar a {font-weight: 600; font-size: 12px;}

header {box-shadow: none;}
#header .logo {min-width: auto;}
.header-wrapper, .header-left, .header-right {gap: 20px}
.logo-wrapper {margin-right: 12px;}
.header-wrapper .search svg {fill: #000;}

body.home #header:not(.header-fixed) {
    --header-background-color: transparent;
    --header-svg-color: var(--white);
    --header-menu-color-text: var(--white);
    --header-menu-color-text-hover: var(--white);
}

.slideshow {margin-top: calc(var(--header-menu-text-height)  * -1);}

.carousel-manufacturers .swiper-slide img {filter: grayscale(100%); opacity: .55; transition: filter .4s ease, opacity .4s ease;}
.carousel-manufacturers .swiper-slide a:hover img {filter: grayscale(0); opacity: 1;}
.carousel-manufacturers .carousel-manufacturers-title {font-size: 20px; margin-top: 8px;}
.carousel-manufacturers-marquee .swiper-wrapper {transition-timing-function: linear !important;}
.carousel-manufacturers-marquee .swiper-slide {display: flex; width: auto !important; max-width: 180px;}

.banners-home img {transition: all .5s ease;}
.banners-home img:hover {transform: scale(1.01); filter: brightness(0.95);}

.breadcrumb-wrapper {background: linear-gradient(90deg,rgba(245, 237, 232, 1) 0%, rgba(250, 250, 250, 1) 100%);}
.offcanvas-lg .offcanvas-body {background-color: #fff!important;}

.product-thumb .image {filter: none; background: #ffffff86;}
.product-thumb .product-thumb-buttons {display: none;}

.product-images-grid {display: block;}
.product-images-carousel {display: none;}
.product-price .product-pix {background-color: white;}

#cart-total .items {background: var(--primary);}

.section-newsletter {background: linear-gradient(90deg,rgba(245, 237, 232, 1) 0%, rgba(250, 250, 250, 1) 100%);}
.section-newsletter .newsletter-title {color: var(--text);}
.section-newsletter .newsletter-description {color: var(--text-gray);}

@media (max-width: 991px) {
	.header-wrapper, .header-left, .header-right {gap: 16px;}
	.product-images-grid {display: none;}
	.product-images-carousel {display: flex;}
	.header-wrapper.header-wrapper-flex {padding: 0; height: var(--header-menu-text-height);} 
}