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

:root { 
	/* cores */
    --primary: #0f571c;
    --primary-hover: #0b4215;
    --primary-active: #18792a;
    --secondary: #24242b;
    --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: #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: 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: '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: 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: #fff;
    --container-xxl: 1840px;
    --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;
		--logo-max-height: 40px;
		--products-gutter-x: 8px;
		--products-gutter-y: 8px;
	}
	/* geral */
}

* {
 	font-family: 'Metrophobic';
}

body {background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255, 254, 248) 100%);}

header {box-shadow: none;}
.slideshow {margin-top: calc(var(--header-menu-text-height)  * -1);}
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);
}

.top-bar, .top-bar a {font-weight: 600; font-size: 12px; background: linear-gradient(90deg, rgb(138, 105, 45) 0%, rgba(210, 161, 71, 1) 50%, rgb(138, 105, 45) 100%)}
#header .logo {min-width: auto;}
body.home #header:not(.header-fixed) .logo {filter: brightness(10);}
.header-wrapper, .header-left, .header-right {gap: 20px}
.logo-wrapper {margin-right: 12px;}
#cart-total .items {background: var(--secondary);}
.header-wrapper .search svg {fill: #000;}

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

.product-thumb .promo-tag {font-weight: 700; padding: 8px 12px;}
.product-thumb .caption {text-align: center; padding: 16px 12px;}
.product-thumb .product-thumb-title {font-size: 16px; font-weight: 600;}
.product-thumb .product-thumb-title a {color: var(--text);}
.product-thumb .product-price-thumb {align-items: center;}
.product-thumb .product-price-old-value {font-size: 11px;}
.product-thumb .product-price-value {font-size: 16px;}
.product-thumb .product-price-old-value {font-size: 14px;}
.product-thumb .product-pix {order: 0; margin: 4px 0 12px}
.product-thumb .product-pix-value {font-size: 15px; font-weight: 500;}
.product-thumb .product-short-installments {margin: 0; color: #6E625E; font-size: 12px; letter-spacing: 1px;}
.product-thumb .product-thumb-bottom {display: none;}
.product-thumb .wishlist svg {fill: var(--text);}
.product-thumb .countdown-timer {bottom: 38px;}

.countdown-timer {background-color: #d2a244;}

.banners-home img {transition: all 0.5s ease;}
.banners-home img:hover {filter: brightness(0.92); transform: scale(1.004);}

.carousel-categories .swiper {max-width: none;}
.carousel-categories .container {--container-xxl: 1920px; padding: 0;}
.carousel-categories .wrapper-bg-image::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.carousel-categories .wrapper-bg-image {overflow: hidden; width: 100%;}
.carousel-categories .wrapper-bg-image img {max-width: none; transform: none;}
.carousel-categories .category-item:hover img {transform: scale(1.1); transition-timing-function: ease-out; transition-duration: 2s;}
.carousel-categories .carousel-categories-title {position: absolute; top: 50%; color: #FDFCFC; font-size: 20px; margin: 0; transform: translateY(-50%);}
.carousel-categories .vowt-pagination {display: none;}
.carousel-categories .container-arrow {border: 1.5px solid #fff;}
.carousel-categories .container-arrow svg {fill: #fff;}
.carousel-categories .vowt-next {right: 12px;}
.carousel-categories .vowt-prev {left: 12px;}

.blog-image {transition: all 0.5s ease;}
.blog-image:hover {filter: brightness(0.90);}
.img-blog-thumb {width: 100%;}

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

.btn-newsletter {background:  #0f571c} 
.btn-newsletter:hover {background:  #093812!important;} 

@media (max-width: 1600px) {
	.carousel-categories .container {max-width: 100%;}
}

@media (max-width: 991px) {
	.product-thumb .caption {padding: 12px;}
	.product-thumb .product-thumb-title {font-size: 15px;}
	.product-thumb .product-price-wrapper {margin: 0;}
	.product-thumb .product-pix {margin: 4px 0 8px;}
	.product-images-carousel {display: flex;}
	.product-images-grid {display: none;}
	.header-wrapper, .header-left, .header-right {gap: 16px;}
}