@import url('https://use.typekit.net/zyp4ulv.css');

:root { 
	/* cores */
    --primary: #911A1E;
    --primary-hover: #5F1114;
    --primary-active: #5F1114;
    --secondary: #141414; 
    --secondary-hover: #202020;
    --secondary-active: #303030;
    --green:#1B623A;
	--green-hover: #124026;
	--green-active: #124026;
    --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: var(--background);
	--header-border-color: #DAD7D7;
	--header-color-text: var(--text);
	--header-svg-color: #231A1A;
	--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: #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: 18px;
	--header-menu-text-height: 104px;
	/* header */

	/* footer */	
	--footer-background-color: #F6F2EA;
	--footer-border-color: #DAD7D7;
	--footer-color-text: var(--text-gray);
	--footer-space: 40px;
	/* footer */

	/* fontes */
    --font-primary: 'bebas-neue-pro-expanded', sans-serif;
    --font-secondary: 'bebas-neue-pro-expanded', 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-view: var(--green);
    --btn-product-thumb-view-hover: var(--green-hover);
    --btn-product-thumb-view-active: var(--green-active);
    --btn-product-thumb-view-color: #fff;
    --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;	
	/* produto */
	
	/* variações */
	--variant-button-background-color: #FCFBF8;
	--variant-button-color: var(--text), #231A1A;
	--variant-button-border-color: #DAD7D7;
	--variant-button-selected-background-color: #fff;
	--variant-button-selected-color: var(--text), #231A1A;
	--variant-button-selected-border-color: #231A1A;
	--variant-button-border-radius: 8px;
	/* 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: #2C2626;
    --text-gray: #584B4C;
	--background: #F6F2EA;
    --container-xxl: 1840px;
    --container-small: var(--container-xxl);
    --container-large: 1920px;
    --logo-max-height: 52px;
	--spacing-sections-home-half: calc(var(--spacing-sections-home) * 0.5);
	--spacing-sections-home-double: calc(var(--spacing-sections-home) * 2);
	@media (max-width: 991px) {
		--header-svg-width: 20px;
		--header-svg-height: 20px;

		--spacing-sections-home: 16px;
		--footer-space: 24px;
		--logo-max-height: 40px;
	}
	/* geral */
}

/* header */
header {box-shadow: none; border-bottom: 1px solid #C7C2B8;}
.top-bar-marquee .swiper-slide-content:after {background: url("/itts-sero/image/catalog/icones/icon-light.svg"); background-size: contain !important; background-repeat: no-repeat !important; width: 24px; height: 24px; margin: 0 40px;}
.top-bar {font-size: 16px;}
.top-bar, .top-bar a {font-weight: 700;}
.header-wrapper, .header-left, .header-right {gap: 16px;}
.menu-advanced .item-nivel-1 .item-nivel-1-text {font-weight: 600; text-transform: uppercase;}
.logo-wrapper {margin-right: 68px;}
@media (max-width: 991px) {
	.header-wrapper, .header-left, .header-right {gap: 16px;}
	.header-wrapper .logo-wrapper {margin: auto; justify-content: center;}
	.logo-wrapper {justify-content: start; margin: 0;}
}
/* header */

.carousel-categories {margin-top: var(--spacing-sections-home);}
.carousel-categories .swiper-wrapper {justify-content: center;}
.carousel-categories .bg-item-category {background: transparent;}
.carousel-categories .heading-title {display: none;}
.carousel-categories .carousel-categories-title {order: 2; font-size: 18px; font-weight: 600; text-transform: uppercase;}

.promotional-bar .block {flex-direction: row; gap: 12px;}
.promotional-bar svg {width: 24px; height: 24px; fill: var(--text);}
.promotional-bar svg path {fill: var(--text);}
.promotional-bar .title {font-weight: 700; font-size: 20px; letter-spacing: -.2px; font-family: var(--font-secondary);}
@media (max-width: 991px) {
	.promotional-bar {margin-top: var(--spacing-sections-home);}
	.promotional-bar .title {font-size: 16px;}
}

.heading-title {font-size: 56px; line-height: 125%; letter-spacing: -1px; text-transform: uppercase; font-weight: 700; color: var(--primary);}
.product-list-content {margin: 0 0 var(--spacing-sections-home) 0;}
.product-list-description {font-size: 16px; font-weight: 500; color: var(--text); margin-top: 0;}
.product-list .product-list-link a {font-size: 16px; color: var(--text);}
@media (max-width: 991px) {
	.heading-title {font-size: 32px; letter-spacing: -1px}
	.product-list-description {font-size: 12px;}
	.product-list .product-list-link a {font-size: 12px;}
}

.container-arrow {width: 40px; height: 40px;}
.container-arrow i {font-size: 20px;}
.product-list-carousel .vowt-prev {left: 8px; transform: translateX(-50px); transition: ease all .3s; opacity: 0;}
.product-list-carousel .vowt-next {right: 8px; transform: translateX(50px); transition: ease all .3s; opacity: 0;}
.product-list-carousel:hover .vowt-prev, .product-list-carousel:hover .vowt-next {transform: translateX(0px); opacity: 1;}
.swiper-pagination-bullet {transition: ease all .5s;}
.swiper-pagination-bullet-active {background: var(--primary); width: 16px; border-radius: 50px;}
.product-list-carousel-search {margin: 0; overflow: hidden;}
@media (max-width: 991px) {
	.product-list-content {margin: var(--spacing-sections-home) 0; gap: 12px;}
	.product-list-pagination {display: flex; top: 0 !important; margin: var(--spacing-sections-home) 0}
}

/* thumb */
.product-thumb {border: 1px solid #C7C2B8; border-radius: 16px;}
.product-thumb .product-thumb-buttons {position: inherit; padding: 0; display: flex; flex: 1;}
.product-thumb .btn-product-thumb {transform: none; opacity: 1; font-size: 20px; font-weight: 600; font-family: var(--font-secondary); letter-spacing: .4px; border-radius: 12px; padding: 16px}
.product-thumb .image {filter: none;}
.product-thumb .caption {padding: 24px;}
@media (max-width: 991px) {
	.product-thumb .caption {padding: 8px;}
}
.product-thumb-top {border-radius: 24px; overflow: hidden;}

.product-thumb .product-thumb-title {font-family: var(--font-secondary); font-size: 20px; font-weight: 700; -webkit-line-clamp: 2; margin-bottom: 16px; min-height: 48px; letter-spacing: -.2px; text-transform: uppercase;}
.product-thumb .product-price-value {color: var(--green); font-size: 28px; line-height: 125%;}
.product-thumb .product-price-value::after {content: '/und'; font-size: 14px; font-weight: 500;}
.product-thumb .product-price-old-value {font-size: 16px; font-weight: 500; color: var(--primary);}
.product-thumb .product-short-installments {font-size: 16px; margin-top: 0;}
.product-thumb .product-tag {left: 24px; top: 24px; padding: 4px 16px; font-weight: 600; font-family: var(--font-secondary); letter-spacing: 1px; font-size: 16px;}
.product-thumb .product-thumb-bottom {margin-top: 16px; position: relative; padding: 0; background: transparent; opacity: 1; pointer-events: all; border: none; width: auto;}

.product-list-carousel-search .product-thumb {padding: 16px;}
.product-list-carousel-search .product-thumb .btn-product-thumb {padding: 12px; font-size: 16px;}

@media (max-width: 991px) {
	.product-thumb {padding: 10px; border-radius: 16px;}
	.product-thumb .btn-product-thumb {border-radius: 8px; font-size: 12px; padding: 10px;}
	.product-list-carousel .product-thumb .btn-product-thumb {padding: 10px 0; font-size: 15px;}
	.product-thumb .product-thumb-title {font-size: 14px; line-height: 115%; letter-spacing: 0.28px; margin-bottom: 8px; min-height: 32px;}
	.product-thumb .product-price-value {font-size: 18px;}
	.product-thumb .product-price-old-value {font-size: 12px;}
	.product-thumb .product-price-value::after {font-size: 10px;}
	.product-thumb .product-short-installments {font-size: 10px;}
	.product-thumb .product-price-wrapper {margin: 0; min-height: 42px; justify-content: end;}
	.product-thumb .product-tag {left: 16px; top: 16px; font-size: 14px; padding: 4px 12px;}
	.product-thumb .product-thumb-bottom {margin-top: 12px;}
}
/* thumb */

.content-block {padding: var(--spacing-sections-home) 0;}
.content-block .items {list-style: none; display: flex; flex-direction: column; gap: 12px; padding: 0; margin: 0; margin-top: 40px;}
.content-block .items .item {display: flex; align-items: center; font-size: 20px; font-weight: 500; color: var(--primary); gap: 10px;}
.content-block .content-block-row {align-items: center;}
.content-block .content-block-image.order-lg-first {margin-left: auto;}
.content-block .content-block-image.order-lg-last {margin-right: auto;}
.content-block img {border-radius: 24px;}
.content-block .content-block-text {margin-right: auto; margin-left: auto;}
.content-block .heading-title {text-align: start;}
.content-block .content-block-description {color: var(--text-gray); font-size: 15px; line-height: 175%;}
@media (max-width: 991px) {
	.content-block .content-block-description {font-size: 13px;}
	.content-block .items {margin-top: 16px;}
	.content-block .items .item {font-size: 16px;}
}

.marquee {background: var(--primary); padding-top: 40px; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: calc(var(--spacing-sections-home) * -1); line-height: normal;}
.marquee .swiper-slide-content:after {background: #FC6;}
.product-content .marquee {margin-bottom: calc(var(--spacing-sections-product) * -1)}

.shorts-videos {background: var(--primary); padding: 0 0 120px;}
.shorts-videos h2 {color: #fff; margin-bottom: 24px;}
.shorts-videos .video-wrapper {overflow: hidden; display: flex; align-items: center;}
.shorts-videos .plyr--video {aspect-ratio: 9/16; width: 100%; border-radius: 24px;}
.shorts-videos iframe.iframe-yt, .shorts-videos video.shorts-video {aspect-ratio: 9/16; width: 100%; border-radius: 16px;}
.shorts-videos .plyr__poster {background-size: cover;}
.shorts-videos .plyr__time, .shorts-videos .plyr__progress__container {display: none;}
@media (max-width: 991px) {
	.shorts-videos {padding: 32px 0;}
	.shorts-videos .vowt-prev, .shorts-videos .vowt-next {display: none;}
}

.athletes {padding: var(--spacing-sections-home-double) 0; background: var(--primary); overflow: hidden;}
.athletes .heading-title {color: #fff; text-align: start;}
/* .athletes .swiper {overflow-x: visible;} */
@media (max-width: 991px) {
	.athletes {padding: 40px 0;}
	.athletes .athletes-pagination {bottom: -16px; position: relative;}
	.athletes .swiper-pagination-bullet-active {background: #fff;}
}

#newsletter {background: var(--primary-active);}
#newsletter .heading-title {font-size: 40px;}
#newsletter button {background: var(--green); border-color: var(--green);}
#newsletter button:hover {background: var(--green-hover); border-color: var(--green-hover);}

.vowt-next {right: 8px;}
.vowt-prev {left: 8px;}

footer .footer-info__title, footer .footer-seal__title, footer .social-media-title {font-family: var(--font-secondary); font-size: 20px;}

.breadcrumb-wrapper {background: var(--background);}
.filter {background: var(--background); border-radius: 16px; border-color: #C7C2B8;}
.accordion-item {background: var(--background);}
.filter .accordion-button {background: var(--background);}
.category-description-wrapper {align-items: start;}
.category-description {font-size: 16px; text-align: start; max-width: none;}
.btn.btn-toolbar, #productToolbar .nice-select {border-radius: 8px; padding: 12px 24px 12px 12px;}
@media (max-width: 991px) {
	.category-title {margin: 0;}
	#productToolbar {flex-direction: column;}
}

.product-flex-images .swiper-slide {filter: none;}

#product h1 {font-family: var(--font-secondary); font-size: 32px; font-weight: 700; line-height: 125%; text-transform: uppercase;}
#product .short-description {font-size: 16px; line-height: 175%; color: var(--text-gray); padding-bottom: var(--spacing-product-column-right); border-bottom: 1px solid #C7C2B8;}
#product .btn.btn-product-wishlist {display: none;}
#product #input-quantity-wrapper {display: none;}
#product .btn-product {border-radius: 12px;}
#product .btn.btn-add-cart {font-family: var(--font-secondary); font-size: 20px; letter-spacing: 0.4px; font-weight: 600 !important;}
#product .btn.btn-add-cart i {display: none;}
#product .bootstrap-touchspin, .btn-product {min-height: 62px;}

#product .product-short-installments {order: 2; font-size: 16px;}
#product .product-short-installments i {display: none;}
#product .product-price {gap: 0;}
#product .product-price .product-pix {background: transparent; margin: 0; padding: 0;}
#product .product-pix-icon, #product .product-price-current {display: none;}
#product .product-price .product-price-old-value {color: var(--primary); font-weight: 500;}
#product .product-price .product-pix-value {font-size: 32px; color: var(--green);}
#product .product-price .product-tag {font-size: 14px; letter-spacing: 1px; font-weight: 500; font-family: var(--font-secondary);}
#product .product-price .product-pix-text {color: var(--text-gray); font-size: 16px;}

.variations .variant-button {font-size: 20px; font-family: var(--font-secondary);}

#product .shipping-simulator {border-top: 1px solid #C7C2B8; padding-top: var(--spacing-product-column-right);}
#product .shipping-simulator .btn-shipping-simulator {background: var(--text-gray); text-transform: uppercase; font-weight: 600; font-family: var(--font-secondary); letter-spacing: 0.32px; font-size: 16px; border-radius: 12px;}
#product .shipping-simulator .shipping-simulator-input {border-radius: 8px; border-color: #C7C2B8; background: #FCFBF8;}
#shippingData {background: #FCFBF8; border-color: #C7C2B8; border-radius: 16px;}

@media (max-width: 991px) {
	#product .short-description {font-size: 13px;}
	#product .product-price .product-pix-text, #product .product-short-installments {font-size: 12px;}
}

.simple-variants .simple-variant {border: 1px solid #C7C2B8; border-radius: 8px; padding: 8px; background: #fdfbf9;}
.simple-variants .simple-variant:hover {border-color: #231A1A;}
@media (max-width: 991px) {
	.simple-variants {order: -1;}
}

#product-product .product-tabs .nav-link.active {background: var(--background);}
#product-product .product-tabs {border-color: #C7C2B8;}

.comparative .comparative-description {color: var(--text-gray); font-size: 15px; line-height: 175%;}
.comparative .comparative-img {max-height: 335px; transform: translateY(-140px); margin-bottom: -100px;}
.comparative .comparative-item {background: #F3EDE2; padding: 40px; border-radius: 24px; border: 1px solid #C7C2B8; margin-top: 140px;}
.comparative .comparative-item-title {font-weight: 700; line-height: 125%; font-size: 32px; font-family: var(--font-secondary);}
.comparative .comparative-list-item {padding: 16px; border-radius: 8px; background: #C7C2B8; font-size: 20px; font-weight: 500; line-height: normal; display: flex; align-items: center; gap: 8px;}
.comparative .comparative-list-item i {color: var(--primary); font-size: 16px;}

.comparative .comparative-item-itts {background: var(--green);}
.comparative .comparative-item-itts .comparative-item-title {color: #fff;}
.comparative .comparative-item-itts .comparative-list-item {background: #F3EDE2;}
.comparative .comparative-item-itts .comparative-list-item i {color: var(--green);}
@media (max-width: 991px) {
	.comparative .comparative-item {padding: 24px;}
	.comparative .comparative-description {font-size: 13px;}
	.comparative .comparative-list-item {font-size: 14px;}
}

.product-progressive-discount .option {background: #FCFBF8; border-color: #C7C2B8; padding: 16px 24px;}

.coupons-available .btn.btn-open-coupons {left: 28px; bottom: 120px;}

.icon-fast-purchase {fill: #FFCC66 !important;}
.offcanvas .icon-fast-purchase {display: none;}
.fast-purchase .product-thumb {padding: 8px;}
.fast-purchase .variations .variant-button {font-size: 12px; padding: 6px 8px;}
.btn.btn-open-fast-purchase {background: var(--green) !important;}


@media (min-width: 1200px) {
    .container {
        max-width: var(--container-xxl, 1420px);
    }
}

.product-progressive-discount {
	.option-discount {background: #FC6; color: var(--text); padding: 4px 12px; font-size: 12px; font-weight: 700;}
	.option-qtd {font-family: var(--font-secondary); text-transform: uppercase; font-size: 20px; font-weight: 700;}
	.price-per-unit {font-size: 16px; color: var(--green); font-weight: 500;}
	.progressive-discount-price-old {color: var(--primary); font-weight: 500;}
	.progressive-discount-price {color: var(--green);}
	.option-title {gap: 8px;}
}

.banners-home img {border-radius: 24px;}