@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans+SemiExpanded:ital,wght@0,200..900;1,200..900&display=swap');

@font-face {
	font-family: 'Anecor Gheroos Regular'; font-style: normal; font-weight: normal;
	src: local('Anecor Gheroos Regular'), url('../assets/fonts/AnecorGheroos.woff2') format('woff2');
}

:root { 
	/* cores */
    --primary: #212121;
    --primary-hover: #343434;
    --primary-active: #424242;
    --secondary: #BFB8AA;
    --secondary-hover: #ada89f;
    --secondary-active: #9e9a91;
    --tertiary: #764B3A;
    --tertiary-hover: #633f31;
    --tertiary-active: #57372b;
    --green:#4B5C26;
	--green-hover: #435223;
	--green-active: #3b4720;
    --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: #4a4a4a;
	--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: 12px;
	--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: 'Zalando Sans SemiExpanded', sans-serif;
    --font-secondary: 'Anecor Gheroos Regular', 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: #fff;
    --btn-product-thumb-hover: #f6f6f6;
    --btn-product-thumb-active: #f1f1f1;
    --btn-product-thumb-color: #000;
    --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: 40px;	
	/* produto */
	
	/* variações */
	--variant-button-background-color: #f1f1f1;
	--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: 12px;
	--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: 150px;
    --text: #151414;
    --text-gray: #6A6262;
	--background: #fff;
    --container-xxl: 1680px;
    --container-small: var(--container-xxl);
    --container-large: 1920px;
    --logo-max-height: 42px;

	--coupons-available-bg: #BFB8AA;
	@media (max-width: 991px) {
		--header-svg-width: 22px;
		--header-svg-height: 22px;

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

@media (max-width: 1200px) {
	.header_wishlist, .header-bottom, .header-wrapper .header-account-mobile, .tracking, .header-wrapper .menu-advanced-mobile {display: none;}
	.header-wrapper.header-wrapper-flex {padding: 16px 0;}
	.header-wrapper.header-wrapper-grid {padding: 16px 0;}
	#header .logo-wrapper {display: flex; justify-content: center; flex: 1}
	.header-wrapper, .header-left, .header-right {gap: 16px;}
	.top-bar {padding: 12px 0;}
	.button-canvas-mobile {order: -2;}
	.header-wrapper .header-search {order: -1;}
}

body {background: #f1f1f1;}

.heading-title {font-family: var(--font-secondary); font-weight: 600; font-size: 40px; line-height: 42px; letter-spacing: 2px;}

.offcanvas-menu-mobile .offcanvas-body, .offcanvas-menu-mobile .offcanvas-footer {padding-left: 46px;}

.promotional-bar {margin: calc(var(--spacing-sections-home) * -0.5) 0;}
.promotional-bar .title {color: var(--primary); font-size: 13px; font-weight: 500; 
	/* font-family: var(--font-secondary); font-size: 18px; letter-spacing: 2px; */
}
.promotional-bar svg {width: 32px; height: 32px;}
.promotional-bar svg path {fill: var(--tertiary);}

.product-list-carousel-bg {background: #bfb8aa26;}

.carousel-categories .position-relative {max-width: 1400px; margin: auto;}
.carousel-categories .swiper {max-width: none;}
.carousel-categories .bg-item-category {display: none;}
.carousel-categories .wrapper-bg-image {overflow: hidden; border-radius: 24px;}
.carousel-categories .wrapper-bg-image img {aspect-ratio: 3/4; object-fit: cover; transform: none; max-width: none;}
.carousel-categories .wrapper-bg-image img:hover {transform: scale(1.05);}

.depoiments {margin: 0;}
.depoiments .depoiments-thumb {border: 1px solid #dcdcdc; background: #f4f4f4; border-radius: 16px;}

.banners-home img, .blog-thumb img, .product-thumb .image {border-radius: 24px;}

.about-us {background: #BFB8AA; margin-bottom: calc(var(--spacing-sections-home) * -1); padding: 48px 0;}
.about-us-description {line-height: 175%; font-size: 15px; color: #242424;}

.product-thumb .btn-product-thumb {border-radius: 12px;}
.product-thumb .product-thumb-buttons {padding: 0 12px; top: -60px;}
@media (max-width: 991px) {
	.heading-title {font-size: 30px;}
}

.footer-logo {max-height: 32px;}
footer .footer-informations p {max-width: 90%;}

.container-product {max-width: 1440px;}

#product .shipping-simulator .shipping-simulator-input,
#product .bootstrap-touchspin #inputQuantity, 
#product-product .product-tabs .nav-link.active,
.filter .accordion-item {background: #f1f1f1;}

.product-price .product-pix {background: #dfdfdf;}
#product .shipping-simulator .btn-shipping-simulator {background: var(--primary);}
#product .shipping-simulator .btn-shipping-simulator:hover {background: var(--primary-hover);}

.product-images-carousel {gap: 24px;}

#product .btn-installment {margin-top: calc((var(--spacing-product-column-right) * -1) + 16px);}

.product-price .product-short-installments {color: #080808;}

.whatsapp-wrapper {right: 12px; bottom: 24px;}
@media (max-width: 991px) {
	.coupons-available .btn.btn-open-coupons {width: 46px; height: 46px;}
	.coupons-available .btn-open-coupons svg {width: 16px; height: 16px;}
	.coupons-available .btn-open-coupons::before {width: 13px; height: 13px;}
}