@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	/* cores */
    --primary: #39F50A;
    --primary-hover: #2BBA08;
    --primary-active: #259D07;
    --secondary: #131614;
    --secondary-hover: #262C28;
    --secondary-active: #4B584F;
    --green:#04C82B;
	--green-hover: #04B427;
	--green-active: #038C1E;
    --gray:#F4F6F5;
	--gray-hover: #BAC4BE;
	--gray-active: #7B8E81;
    --gray-light:#F4F6F5;
	--gray-light-hover: #BAC4BE;
	--gray-light-active: #7B8E81;
	--white: #F9FAFA;
	/* cores */

	/* header */
	--header-topbar-background-color: var(--primary);
	--header-topbar-text-color: var(--secondary);
	--header-topbar-icon-color: var(--secondary);
	--header-background-color: var(--secondary);
	--header-border-color: #BBC4BA;
	--header-color-text: var(--text);
	--header-svg-color: var(--primary);
	--header-svg-width: 24px;
	--header-svg-height: 24px;
	--header-search-background-color: var(--white);
	--header-search-background-color-focus: var(--gray);
	--header-search-color: var(--text);
	--header-menu-background: var(--secondary);
	--header-menu-color-text: var(--gray-light);
	--header-menu-color-text-hover: var(--primary-hover);
	--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: 46px;
	/* header */

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

	/* fontes */
    --font-primary: 'Montserrat', 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: transparent;
    --btn-product-thumb-hover: var(--primary);
    --btn-product-thumb-active: var(--primary-active);
    --btn-product-thumb-color: var(--primary);
    --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 */

	/* thumb */
	--thumb-product-title-color: var(--text-black);
	/* thumb */

	/* produto */
	--spacing-sections-product: 64px;	
	--spacing-product-column-right: 24px;
	--spacing-product-images: 8px;
	--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: 8px;
	--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: 80px;
    --text: var(--secondary);
	--text-secondary: var(--secondary-hover);
    --text-black: var(--secondary);
    --text-gray: var(--secondary-hover);
	--background: #f5f5f5;
	--background-secondary: #f5f5f5;
    --container-xxl: 1520px;
    --container-small: var(--container-xxl);
	--coupons-available-bg: #f7f7f7;
    --container-large: 1920px;
    --logo-max-height: 40px;
	@media (max-width: 991px) {
		--header-svg-width: 22px;
		--header-svg-height: 22px;
		--spacing-sections-home: 40px;
		--footer-space: 24px;
		--logo-max-height: 48px;
	}
	/* geral */
}

.top-bar {font-size: 11px; font-weight: 700;}
.top-bar-marquee .swiper-slide-content:after {background: var(--secondary); width: 4px; height: 4px;}
.logo-wrapper a {display: flex;}
.header-wrapper {padding: 16px; gap: 16px;}
.header-bottom {border-top: 1px solid var(--secondary-hover);}

.header-wrapper .search {border-radius: 12px;}
.header-wrapper .search svg {fill: var(--secondary); width: 16px; height: 16px;}

.header-info-label {font-size: 12px; font-weight: 400; color: var(--gray);}
.header-info-text, .header-info-text a {font-size: 13px; font-weight: 500; color: var(--gray-light);}
.header-info-text i {font-size: 10px;}

.menu-smart-item-level-2.has-children > a {font-weight: 600;}
.menu-smart-submenu-categories {padding: 24px;}
.menu-smart-link-level-1 {font-size: 12px; font-weight: 500; text-transform: uppercase;}
.menu-smart-link-level-1:hover {color: var(--gray-hover);}
.menu-smart-all-dropdown-panel {padding: 16px;}
.menu-smart-all-dropdown-link {color: var(--secondary); font-size: 13px; font-weight: 600;}
.menu-smart-all-dropdown-panel-title {color: var(--secondary); font-size: 13px; font-weight: 600; text-transform: uppercase;}

.coupon-bar {padding: 12px 0; background-color: var(--secondary);}
#coupon-name {background-color: transparent;}
#coupon-copy {padding: 8px 16px; font-size: 12px; font-weight: 700;}

.promotional-bar .title {font-weight: 600; margin-bottom: 0px;}
.promotional-bar .content {font-weight: 500;}

.carousel-categories .carousel-categories-title {font-size: 14px; font-weight: 500;}
.carousel-categories .bg-item-category {display: none;}

.heading-title {font-size: 32px; font-weight: 600; letter-spacing: -1px;}

.product-thumb {border-radius: 12px; padding: 16px; border: 1px solid var(--gray);}
.product-thumb:hover {border-color: var(--gray-hover);}
.product-thumb-top {margin-bottom: 8px;}
.product-thumb-title {font-size: 13; font-weight: 550; min-height: none; margin-bottom: 8px;}
.product-thumb .product-price-old-value {font-size: 12px; font-weight: 500;}
.product-thumb .product-price-value {display: none;}
.product-thumb .product-price-current {flex-direction: column-reverse; min-height: 24px;}
.product-thumb .product-short-installments {font-size: 12px; font-weight: 500;}
.product-thumb .btn-product-thumb {background: var(--secondary); color: var(--gray-light);font-size: 11px; padding: 12px 16px; border-radius: 8px;}
.product-thumb .btn-product-thumb:hover {background: var(--secondary-hover); color: var(--gray-light);}
.product-thumb .product-pix {padding: 0px; background: transparent; justify-content: left; gap: 4px; order: 0; margin-top: 2px; margin-bottom: 4px; border-radius: 0px; display: block;}
.product-thumb .product-pix-value {font-size: 20px;}
.product-thumb .product-pix-icon svg {display: none;}
.product-thumb .product-pix-text {font-size: 13px; font-weight: 600; letter-spacing: -0.25px;}

.product-price .product-pix {padding: 0px; background: transparent;}

.product-thumb .product-tag {color: var(--secondary); font-size: 11px; left: 12px; top: 12px; line-height: 0px; padding: 12px; border-radius: 5px; width: auto; height: auto; min-width: auto;}
.product-thumb .product-tag::before, .product-thumb .product-tag::after {display: none;}

.container-arrow i {color: var(--secondary);}

.product-list-carousel-bg {background-color: var(--secondary);}
.product-list-carousel-bg .product-thumb {padding: 20px; border-radius: 12px;}

.banners-home img {border-radius: 16px;}

.banners-home-gx {--bs-gutter-x: 8px}
.banners-home-gy {--bs-gutter-y: 8px}

.depoiments .depoiments-thumb {padding: 32px; border-radius: 20px;}

.carousel-manufacturers .carousel-manufacturers-title {font-size: 13px; font-weight: 500;}
.carousel-manufacturers .wrapper-bg-image {border-radius: 50%; overflow: hidden; display: block;}
.carousel-manufacturers img {background: #fff; padding: 12px}

.coupons-available .coupon-discount, .coupons-available .coupon-text-footer {font-size: 11px;}
.coupons-available .btn.btn-open-coupons {bottom: 100px; left: 40px;}
.footer-logo {max-height: 40px;}

.breadcrumb {font-size: 11px; font-weight: 500;}

.filter {border-radius: 12px; padding: 0px;}
.filter .accordion-item {padding: 20px;}
.filter .accordion-button {padding: 0px 0px 20px 0px;}
.filter .accordion-collapse .noUi-tooltip {background: var(--secondary)}
.filter .noUi-connect {background: var(--secondary);}
.filter .noUi-horizontal .noUi-handle {border-color: var(--secondary);}
.filter .prices-values {font-weight: 500;}
.filter .wrapper-price-slider {margin-top: 16px}

.btn.btn-toolbar, #productToolbar .nice-select {border-radius: 8px;}

.product-price .product-pix {order: -1;}
.product-price .product-price-value {display: none;}
.product-price .product-price-old {order: -1;}
.product-price .product-pix-icon svg {width: 20px; height: 20px; fill: var(--secondary);}
.product-price .product-short-installments {font-weight: 500;}
.product-price .product-short-installments i {display: none;}

.coupon-bar-product-name {font-size: 12px; background: var(--secondary);}

.btn.btn-product-wishlist {display: none;}

#product-product .product-tabs .nav-link.active {background: transparent; color: var(--secondary); border-bottom: 2px solid var(--secondary);}

.cart-modal .btn-coupon {background: var(--green)}
.cart-modal .input-coupon {border-radius: 8px;}

.coupons-available .btn.btn-open-coupons {bottom: 40px; left: 40px;}
.whatsapp-wrapper {bottom: 40px; right: 40px;}

#cart-total .items {color: var(--secondary);}

#product h1 {font-size: 24px; font-weight: 600; line-height: 125%;}
.product-flex-images .arrows-thumb-product i, .product-flex-images .arrows-product i {font-size: 12px;}
.product-infos {display: block;}
.product-infos .product-info-label {font-weight: 400;}
.product-info-value {font-weight: 600;}
.coupon-bar-product {border-color: #999; padding: 10px;}
.btn.btn-coupon-bar-product {background: #f1f1f1; color: #000;}

#product .shipping-simulator .btn-shipping-simulator {padding: 12px 16px;}
#product .countdown-timer {padding: 10px 16px; font-size: 12px; background: var(--secondary)}

@media (max-width: 991px) {
	.coupon-bar-product {flex-direction: row;}
    .coupons-available .btn.btn-open-coupons {bottom: 40px; left: 24px; width: 56px; height: 56px;}
	.coupons-available .btn-open-coupons svg {width: 24px;}
	.whatsapp-wrapper {bottom: 40px; right: 32px;}
	.whatsapp-floating {width: 54px; height: 54px;}
	.whatsapp-wrapper i {font-size: 24px;}
}