/*
	Theme Name: Plaslak
	Theme URL: http://plaslak.com.br
	Author: Kezily Correa | Inovalize
	Author URL: http://inovalize.com.br
	Description: Tema desenvolvido por Inovalize
    Text Domain: inzco-theme
	Version: 1.0
*/

:root {
    --inz-radius: 0.8rem;
    --inz-font-sm: 0.9rem;
    --inz-whatsapp: #3ead35;
}

* {
	border: none;
	margin: 0;
}

body {
    --font-size-min: 14; 
    --font-size-max: 15;
    --font-view-min: 576;
    --font-view-max: 1280;

	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--dark);
    font-family: var(--wp--preset--font-family--primary), Arial, sans-serif;
    font-size: clamp(calc(var(--font-size-min) * 1px), calc((var(--font-size-min) * 1px) + (var(--font-size-max) - var(--font-size-min)) * ((100vw - (var(--font-view-min) * 1px)) / var(--font-view-max))), calc(var(--font-size-max) * 1px) ); 
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
	-webkit-text-rendering:optimizeLegibility;
	font-variant-numeric: lining-nums;
}

a {
	color: var(--wp--preset--color--dark);
	border: none;
	text-decoration: none;
}

a:hover {
	color: inherit;
	text-decoration: none;
}

a {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

img,
iframe,
video {
	vertical-align: bottom;
}

div,
section,
article {
	position: relative;
}

h1, h2, h3, h4 {
    font-family: var(--wp--preset--font-family--secondary);
    letter-spacing: -0.04rem;
}

/* MARGIN TOP */
.m-t-5 {margin-top: 0.3125rem;}
.m-t-10 {margin-top: 0.625rem;}
.m-t-15 {margin-top: 0.9375rem;}
.m-t-20 {margin-top: 1.25rem;}
.m-t-25 {margin-top: 1.5625rem;}
.m-t-30 {margin-top: 1.875rem;}
.m-t-35 {margin-top: 2.1875rem;}
.m-t-40 {margin-top: 2.5rem;}
.m-t-45 {margin-top: 2.8125rem;}
.m-t-50 {margin-top: 3.125rem;}
.m-t-55 {margin-top: 3.4375rem;}
.m-t-60 {margin-top: 3.75rem;}
.m-t-65 {margin-top: 4.0625rem;}
.m-t-70 {margin-top: 4.375rem;}
.m-t-75 {margin-top: 4.6875rem;}
.m-t-80 {margin-top: 5rem;}
.m-t-85 {margin-top: 5.3125rem;}
.m-t-90 {margin-top: 5.625rem;}
.m-t-95 {margin-top: 5.9375rem;}
.m-t-100 {margin-top: 6.25rem;}

.m-r-5n {
    margin-right: -4rem !important;
    position: relative;
    z-index: 2;
}

@media (min-width: 992px) {
    .m-t-10n {
        margin-top: -12rem;
    }
}

/* MARGIN BOTTOM */
.m-b-5 {margin-bottom: 0.3125rem;}
.m-b-10 {margin-bottom: 0.625rem;}
.m-b-15 {margin-bottom: 0.9375rem;}
.m-b-20 {margin-bottom: 1.25rem;}
.m-b-25 {margin-bottom: 1.5625rem;}
.m-b-30 {margin-bottom: 1.875rem;}
.m-b-35 {margin-bottom: 2.1875rem;}
.m-b-40 {margin-bottom: 2.5rem;}
.m-b-45 {margin-bottom: 2.8125rem;}
.m-b-50 {margin-bottom: 3.125rem;}
.m-b-55 {margin-bottom: 3.4375rem;}
.m-b-60 {margin-bottom: 3.75rem;}
.m-b-65 {margin-bottom: 4.0625rem;}
.m-b-70 {margin-bottom: 4.375rem;}
.m-b-75 {margin-bottom: 4.6875rem;}
.m-b-80 {margin-bottom: 5rem;}
.m-b-85 {margin-bottom: 5.3125rem;}
.m-b-90 {margin-bottom: 5.625rem;}
.m-b-95 {margin-bottom: 5.9375rem;}
.m-b-100 {margin-bottom: 6.25rem;}

/* PADDING TOP */
.p-t-5 {padding-top: 0.3125rem;}
.p-t-10 {padding-top: 0.625rem;}
.p-t-15 {padding-top: 0.9375rem;}
.p-t-20 {padding-top: 1.25rem;}
.p-t-25 {padding-top: 1.5625rem;}
.p-t-30 {padding-top: 1.875rem;}
.p-t-35 {padding-top: 2.1875rem;}
.p-t-40 {padding-top: 2.5rem;}
.p-t-45 {padding-top: 2.8125rem;}
.p-t-50 {padding-top: 3.125rem;}
.p-t-55 {padding-top: 3.4375rem;}
.p-t-60 {padding-top: 3.75rem;}
.p-t-65 {padding-top: 4.0625rem;}
.p-t-70 {padding-top: 4.375rem;}
.p-t-75 {padding-top: 4.6875rem;}
.p-t-80 {padding-top: 5rem;}
.p-t-85 {padding-top: 5.3125rem;}
.p-t-90 {padding-top: 5.625rem;}
.p-t-95 {padding-top: 5.9375rem;}
.p-t-100 {padding-top: 6.25rem;}
.p-t-120 {padding-top: 7.5rem;}

/* PADDING BOTTOM */
.p-b-5 {padding-bottom: 0.3125rem;}
.p-b-10 {padding-bottom: 0.625rem;}
.p-b-15 {padding-bottom: 0.9375rem;}
.p-b-20 {padding-bottom: 1.25rem;}
.p-b-25 {padding-bottom: 1.5625rem;}
.p-b-30 {padding-bottom: 1.875rem;}
.p-b-35 {padding-bottom: 2.1875rem;}
.p-b-40 {padding-bottom: 2.5rem;}
.p-b-45 {padding-bottom: 2.8125rem;}
.p-b-50 {padding-bottom: 3.125rem;}
.p-b-55 {padding-bottom: 3.4375rem;}
.p-b-60 {padding-bottom: 3.75rem;}
.p-b-65 {padding-bottom: 4.0625rem;}
.p-b-70 {padding-bottom: 4.375rem;}
.p-b-75 {padding-bottom: 4.6875rem;}
.p-b-80 {padding-bottom: 5rem;}
.p-b-85 {padding-bottom: 5.3125rem;}
.p-b-90 {padding-bottom: 5.625rem;}
.p-b-95 {padding-bottom: 5.9375rem;}
.p-b-100 {padding-bottom: 6.25rem;}
.p-b-120 {padding-bottom: 7.5rem;}

@media (max-width: 767px) {
    .p-t-80,
    .p-t-90,
    .p-t-100 {padding-top: 4rem;}

    .p-b-80,
    .p-b-90,
    .p-b-100 {padding-bottom: 4rem;}
}

/* FORM */

form label {
	font-size: 0.8rem;
    font-weight: 500;
}

form label .optional {
    display: none;
}

form input,
form textarea,
form select {
	width: 100%;
	padding: 0.6rem 1rem;
	margin-bottom: 1rem;
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--dark);
    font-size: 0.8rem;
	outline: none;
	position: relative;
	z-index: 1;
}

form input:focus,
form textarea:focus,
form select:focus {
    border-color: var(--wp--preset--color--primary);
}

form select {
	padding: 0.7rem 1rem;
}

form input[type=checkbox],
form input[type=radio] {
    width: auto;
    display: inline-block;
    margin: 0 5px 0 0;
}

form textarea {
	width: 100%;
	height: 110px;
	margin: 0 0 0.5rem;
	box-sizing: border-box;
	outline: none;
	resize: none !important;
}

button[type="submit"],
input[type="submit"] {
	width: auto;
	height: auto;
	padding: 0.8rem 2rem;
	margin-bottom: 0;
	background-color: var(--wp--preset--color--primary);
	border: none;
    border-radius: 2rem;
	cursor: pointer;
	color: var(--wp--preset--color--white);
	font-size: 0.8rem;
    font-family: var(--wp--preset--font-family--secondary);
    letter-spacing: 0.05rem;
	outline: none;
    text-transform: uppercase;
}

input[type="submit"]:hover {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}

input::-webkit-input-placeholder {
	color: #484848;
}

textarea::-webkit-input-placeholder {
	color: #484848;
}

input::-moz-placeholder {
	color: #484848;
}

input:-ms-input-placeholder {
	color: #484848;
}

.contact-form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#main .contact-form form.forminator-ui.forminator-design--default .forminator-label {
    margin-bottom: 0.4rem;
    font-weight: 500;
    line-height: 1.3;
}

#main .contact-form form.forminator-ui.forminator-design--default .forminator-description {
    margin-top: -0.2rem;
    margin-bottom: 0.5rem;
}

#main .contact-form form.forminator-ui.forminator-design--default .no-label .forminator-label {
    display: none;
}

#main .contact-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
    margin-bottom: 1.4rem;
}

#main .contact-form form.forminator-ui.forminator-design--default .forminator-input,
#main .contact-form form.forminator-ui.forminator-design--default .forminator-button-submit,
#main .contact-form form.forminator-ui.forminator-design--default .forminator-textarea,
#main .contact-form .forminator-ui.forminator-custom-form[data-design=default] .forminator-select .selection span[role=combobox].select2-selection--single,
#main .contact-form .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    padding: 0.8rem 1rem;
    font-size: 0.8rem;
}

#main .contact-form .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    padding: 0.6rem 1rem;
}

#main .contact-form .forminator-ui.forminator-custom-form[data-design=default] .forminator-select .selection span[role=combobox].select2-selection--single {
    padding: 0;
}

#main .contact-form form.forminator-ui.forminator-design--default .forminator-button-submit {
    width: 90%;
	padding: 1rem 2rem;
    margin: 0 auto;
    display: block;
    border-radius: 2rem;
    font-family: var(--wp--preset--font-family--secondary);
    text-transform: uppercase;
}

#main .contact-form a {
    text-decoration: underline;
}

#main .contact-form p {
    line-height: 1.2;
}

#main .contact-form p small {
    font-size: 0.74rem;
}

/* GENERAL */

.clear {
	clear: both;
}

mark, .mark {
    padding: 0 0.4rem;
    line-height: 2;
    box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
}

hr,
hr.wp-block-separator {
    margin-left: 0;
    margin-right: 0;
}

/* TITLE */

.is-style-intitle {
    font-family: var(--wp--preset--font-family--secondary);
    font-size: clamp(1.4rem, 0.65rem + 2.4vw, 2rem);
    line-height: 1.2;
}

@media (max-width: 767px) {
    .is-style-intitle br {
        display: none;
    }
}

@media (min-width: 768px) {
    .is-style-intitle {
        letter-spacing: 0.05rem;
    }
}

/* HEADER */

.main-header {
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
    position: relative;
	z-index: 999;
}

/* HEADER - NAV ICON */

.main-nav__icons {
    display: flex;
    align-items: center;
    gap: 0 0.5rem;
    justify-content: flex-end;
}

.main-nav__icons button[class*="-toggle"] {
    padding: 0.4rem;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    line-height: 1;
    outline: none !important;
    position: relative;
    vertical-align: bottom;
}

.main-nav__icons button[class*="-toggle"]:not(.navbar-toggler) {
    display: flex;
    align-items: center;
}

.main-nav__icons button .fi {
    font-size: clamp(1.2rem, 1.14rem + 0.3vw, 1.5rem);
}

.main-nav__icons button span {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

/* MAIN NAV */

.navbar-toggler {
    width: 32px;
    padding: 0;
    border: none;
    outline: none;
    text-align: left;
}

.navbar-toggler:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

.navbar-toggler img {
    max-width: 80%;
}

.navbar-brand {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 0;
    position: relative;
}

.navbar-brand h1 {
    margin: 0;
    line-height: 0;
}

.navbar-brand img {
    width: auto;
    max-height: clamp(3rem, 5vw, 4rem);
    height: auto;
    transition: all .3s ease 0s;
}

#main-nav {
	width: 100%;
	padding: 1rem 0;
	margin: 0 auto;
    text-transform: uppercase;
}

#main-nav .navbar-collapse {
    justify-content: center;
}

#main-nav .navbar-nav > li > a {
    padding: 2rem 0.8rem;
    display: block;
    font-size: 0.8rem;
    font-family: var(--wp--preset--font-family--secondary);
    font-weight: 400;
    position: relative;
}

#main-nav .navbar-nav > li > a {
    color: var(--wp--preset--color--dark);
}

#main-nav .navbar-nav > li > a:hover {
    color: var(--wp--preset--color--secondary);
}

#main-nav .navbar-nav > li > a.dropdown-toggle:after {
    content: "\e900";
    font-family: "inzicon";
    position: absolute;
    right: -0.2rem;
}

#main-nav ul>li>.dropdown-menu {
    width: 100%;
    max-width: 240px;
    padding: 1.5rem;
    margin: 0;
    background-color: var(--wp--preset--color--light);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: var(--inz-radius);
    box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
    font-size: 0.84rem;
    display: none;
    top: 90%;
}

#main-nav ul>li>.dropdown-menu.mgm-wrapper {
    max-width: 100%;
    padding: 2rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    justify-content: center;
    flex-wrap: wrap;
}

#main-nav ul>li>.dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#main-nav ul>li>.dropdown-menu li {
    padding: 0.3rem 0;
    display: block;
}

#main-nav ul>li>.dropdown-menu li a:hover {
    color: var(--wp--preset--color--dark);
    text-decoration: underline;
}

#main-nav ul>li>.dropdown-menu img {
    border-radius: var(--inz-radius);
}

#main-nav .navbar-nav > li.featured-item a {
    padding: 0.4rem 1.3rem;
    border: 1px solid var(--wp--preset--color--secondary);
    border-radius: 2rem;
    display: table;
}

#main-nav .navbar-nav > li.featured-item a:hover {
    border-color: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--white);
}

.mgm-title {
    margin-bottom: 1rem;
    color: var(--wp--preset--color--secondary);
    font-weight: 600;
}

@media (max-width: 1199px) {    
    #navbarContent {
        width: 100%;
        max-width: 575px;
        padding: 3rem 1.5rem 1.5rem;
        background-color: var(--wp--preset--color--light);
        box-shadow: 0 10px 10px rgba(0,0,0,0.05);
        position: fixed;
        top: 4.4rem;
        bottom: 0;
        left: -575px;
        transform: translateX(-100%);
        transition: transform 0.3s;
        visibility: hidden;
        transition: 0.5s;
        align-items: flex-start;
        overflow-y: auto;
        z-index: 999999;
    }

    
    #navbarContent.show {
        transform: translateX(0);
        visibility: visible;
        left: 0;
    }

    #navbarContent .navbar-nav > li > a {
        padding: 0.8rem 0;
        font-size: 1rem;
    }

    #main-nav .navbar-nav > li > a.dropdown-toggle:after {
        right: 0.5rem;
    }

    #main-nav ul>li>.dropdown-menu {
        max-width: 100%;
		padding: 1rem;
		box-shadow: none;
        font-size: 1rem;
    }

    #navbarContent ul>li>.dropdown-menu.show,
    #navbarContent ul>li>.dropdown-menu.mgm-wrapper.show {
        display: block;
        margin-bottom: 1rem;
    }

    #navbarContent ul>li>.dropdown-menu ul li {
        width: 100%;
        font-size: 1.1rem;
    }
}

@media (min-width: 1200px) {
    #main-nav .navbar-collapse,
    #main-nav .navbar-nav {
        position: static;
    }

	#main-nav .navbar-nav {
	    align-items: center;
	    gap: 1rem;
	}

    #main-nav ul > li.dropdown:hover > .dropdown-menu {
		display: block;
	}
}

/* CLOSE BUTTON */

.close-icon {
	width: 2rem;
	height: 2rem;
	color: var(--wp--preset--color--dark);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	z-index: 9;
}

/* TOP PAGE */

.top-page {
    max-width: 100%;
    margin: 0 auto;
    color: var(--wp--preset--color--light);
    overflow: hidden;
}

.top-page > .container {
    margin: 0 auto;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.top-page h1 {
    margin: 0 auto 0.5rem;
    color: var(--wp--preset--color--white);
    font-size: 2.6rem;
}

.top-page__inner p {
    font-size: clamp(1rem, 0.75rem + 0.8vw, 1.2rem);
    line-height: 1.2;
}

.top-page__img {
    width: 100%;
    height: clamp(300px, 35vw, 360px);
    margin: 0 auto;
    overflow: hidden;
}

.top-page img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.top-page__overlay {
    background-color: var(--wp--preset--color--primary);
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

@media (min-width: 768px) {
    .top-page__inner p {
        max-width: 50vw;
    }
}

.breadcrumbs {
    padding: 0;
    margin: 1rem auto 0;
    font-size: 0.68rem;
    opacity: 0.6;
    z-index: 1;
}

.breadcrumbs,
.breadcrumbs a {
    color: var(--wp--preset--color--light);
}

/* ENTRY */
.post-header {
    padding: 3rem 0;
    background-color: var(--wp--preset--color--primary);
    text-align: center;
}

.post-header,
.post-header a {
color: var(--wp--preset--color--white);
}

.post-header__title {
    max-width: 60rem;
    margin: 1.6rem auto;
    font-size: clamp(1.6rem, 0.6rem + 3.2vw, 2.4rem);
}

.post-header__author {
    font-size: 0.7rem;
}

.post-header__author time {
    font-weight: 700;
}

.post-header__cat a {
    padding: 0.6rem 1rem;
    background-color: var(--wp--preset--color--secondary);
    border-radius: 2rem;
    color: var(--wp--preset--color--white);
    font-weight: 600;
	font-size: var(--inz-font-sm);
    line-height: 1;
    letter-spacing: 0.05rem;
}

.post-header__cat a:hover {
    background-color: var(--wp--preset--color--tertiary);
}

.post-header__cat a:nth-child(n+2) {
    display: none;
}

.entry {
    font-size: 1.05rem;
    line-height: 1.7;
	position: relative;
    word-wrap: break-word;
	z-index: 1;
}

.entry__content {
    max-width: 50rem;
    margin: 0 auto;
}

.entry__content p a,
.entry__content ul a,
.entry__content li a,
.entry__content blockquote a {
    color: var(--wp--preset--color--tertiary);
    text-decoration: underline;
}

.entry__content p a:hover,
.entry__content ul a:hover,
.entry__content li a:hover,
.entry__content blockquote a:hover {
    color: var(--wp--preset--color--primary);
}

.entry__thumb img,
.entry__content img {
    max-width: 100%;
	height: auto;
    margin: 1.4rem 0;
    border-radius: var(--inz-radius);
}

.entry__thumb img {
    margin-top: 0;
}

.entry p,
.entry ul,
.entry ol {
	margin-bottom: 2rem;
}

.entry blockquote,
.entry blockquote.wp-block-quote {
    padding-left: 4rem;
    margin: 2.4rem 0;
    border: none;
    position: relative;
}

.entry blockquote:before,
.entry blockquote.wp-block-quote:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(images/quote.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 1.5rem;
    transform: translateY(-50%);
    z-index: -1;
}

.entry blockquote.wp-block-quote > blockquote.wp-block-quote {
    padding: 0;
}

.entry blockquote.wp-block-quote > blockquote.wp-block-quote:before {
    display: none;
}

.entry__content h2:not(.is-style-intitle),
.entry__content h3:not(.is-style-intitle),
.entry__content h4:not(.is-style-intitle),
.entry__content h5 {
	margin: 3rem auto 1rem;
}

.entry__content .wp-block-embed {
    margin: 2rem 0;
}

.entry__content iframe {
    border-radius: var(--inz-radius);
}

.entry__tags {
    padding: 0 0 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.entry__tags span {
    display: table;
    font-size: var(--inz-font-sm);
}

.entry__tags a,
.wp-block-tag-cloud a {
    padding: 0.5rem 0.8rem;
    margin: 0.2rem 0.1rem;
    background-color: var(--wp--preset--color--light);
    border-radius: 0.5rem;
    color: var(--wp--preset--color--white);
    display: inline-block;
    font-size: var(--inz-font-sm);
    line-height: 1;
}

.entry__tags a:hover,
.wp-block-tag-cloud a:hover {
    background-color: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}

@media (min-width: 768px) {
    .entry {
        font-size: 1.1rem;
    }

    .entry__content h2:not(.is-style-intitle) {
        font-size: 1.8rem;
    }
    
    .entry__content h3:not(.is-style-intitle) {
        font-size: 1.5rem;
    }
    
    .entry__content h4:not(.is-style-intitle) {
        font-size: 1.3rem;
    }
}

/* POSTS BLOCKS */

.wp-block-yoast-faq-block {
    padding: 1rem 1rem 0;
    margin-top: -1rem;
    margin-bottom: 2rem;
    font-size: 1rem;
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    border-radius: var(--inz-radius);
}

/* RELATED */

.related-block {
    margin-top: 2rem;
}

/* SHARE */

.entry__share {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.entry__share span {
    display: block;
    font-size: var(--inz-font-sm);
    margin-right: 0.5rem;
    text-transform: uppercase;
}

.entry__share .fi {
    width: 1.8em;
    height: 1.8em;
    font-size: 1rem;
    line-height: 1.8;
    display: block;
    text-align: center;
}

/* SINGLE - PRODUTO */

#product .breadcrumbs,
#product .breadcrumbs a {
    color: var(--wp--preset--color--dark);
}

#product .breadcrumbs {
    margin: -2.5rem 0 1rem;
}

.product-inner:before {
    content: "";
    width: 50vw;
    height: 64vh;
    background-color: var(--wp--preset--color--secondary);
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
}

.product-thumb {
    position: sticky;
    top: 2rem;
    text-align: center;
}

.product-thumb img {
    max-width: 80%;
}

.product-category {
    padding: 0.4rem 1.6rem;
    margin: 0 auto 3rem;
    background-color: var(--wp--preset--color--tertiary);
    border-radius: var(--inz-radius);
    color: var(--wp--preset--color--secondary);
    display: table;
    font-family: var(--wp--preset--font-family--secondary);
}

.product-inner h1 {
    margin-bottom: 3rem;
    color: var(--wp--preset--color--tertiary);
}

.product-infos h2 {
    margin: 2rem 0 1rem 0;
    color: var(--wp--preset--color--primary);
    font-size: 1.1rem;
}

.product-infos > h2:first-of-type {
    margin-top: 0;
}

.related-products {
    background-color: var(--wp--preset--color--light);
    margin-top: 6rem;
}

@media (min-width: 768px) {
    .product-inner:before {
        width: 24vw;
        height: 100%;
    }
}

@media (min-width: 1600px) {
    .product-inner:before {
        width: 31vw;
    }
}

/* SCROLL BAR */

.custom-scroll {
    max-height: 174px;
    padding-right: 20px;
    overflow-y: auto;
}

.custom-scroll::-webkit-scrollbar {
    width: 3px;
}
  
.custom-scroll::-webkit-scrollbar-track {
    background-color: #d0d0d0;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #858585;
}

/* WP-PAGENAVI */

nav.pagination {
    margin: 3rem 0 0;
    clear: both;
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
}

nav.pagination .total-pages {
    margin: 0 15px;
    display: inline-block;
}

/* SIDEBAR */

.aside-sidebar [class*=wp-block-] {
    margin-bottom: 2rem;
}

.aside-sidebar h2.widgettitle,
.aside-sidebar [class*=wp-block-] > h2 {
    margin: 0 0 1rem;
    color: var(--wp--preset--color--primary);
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.aside-sidebar ul {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    list-style: none;
}

.aside-sidebar ul li {
    padding: 0.2rem 0.8rem;
}

.aside-sidebar ul li:last-child {
    border-bottom: 0;
}

.aside-sidebar .wp-block-categories li {
    padding: 0.4rem 0 0.4rem 2rem;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    line-height: 1;
    position: relative;
}

.aside-sidebar .wp-block-categories li.current-cat a {
    font-weight: 700;
}

.aside-sidebar .wp-block-categories li a:hover {
    color: var(--wp--preset--color--tertiary);
    text-decoration: underline;
}

.aside-sidebar .wp-block-categories li:before {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -2px;
    background-color: var(--wp--preset--color--secondary);
    position: absolute;
    left: 0.5rem;
    top: 0.7rem;
}

p:empty {
    display: none;
}

@media (max-width: 991px) {
    .categories-dropdown {
        z-index: 2;
    }

    .categories-dropdown button {
        padding: 0.6rem 1.5rem;
        background-color: var(--wp--preset--color--primary);
        border-radius: var(--inz-radius);
        color: var(--wp--preset--color--white);
        display: block;
        font-weight: 700;
    }

    .categories-dropdown button:focus .fi:before {
        content: "\e903";
    }

    .categories-dropdown ul.wp-block-categories {
        padding: 1.4rem;
        background-color: var(--wp--preset--color--tertiary);
        border-radius: var(--inz-radius);
        box-shadow: 0.4rem 0.4rem 2rem rgba(0,0,0,0.1);
        position: absolute;
        top: 105%;
    }

    .categories-dropdown ul.wp-block-categories a {
        color: var(--wp--preset--color--light);
    }

    .categories-dropdown ul.wp-block-categories a:hover {
        color: var(--wp--preset--color--secondary);
    }
}

/* SEARCH */

#search .search-btn {
    max-width: 22rem;
    margin: 1rem 0;
    background-color: var(--wp--preset--color--secondary);
    font-size: 0.74rem;
}

.main-nav__icons button.active .fi-search:before {
    content: "\e911";
    font-family: 'inzicon';
}

.posts-search-form {
    display: flex;
}

.posts-search-form input {
    margin: 0;
    background-color: var(--wp--preset--color--light);
    border: 1px solid rgba(0,0,0,0.2);
}

.posts-search-form button {
    width: 3.4rem;
    height: 3rem;
    padding: 0.6rem 0.5rem 0.5rem;
    display: table;
    margin-left: -0.5rem;
    position: relative;
    z-index: 1;
}

.search-modal {
    width: 20rem;
    opacity: 0;
    position: absolute;
    right: 0.5rem;
    top: 3rem;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    visibility: hidden;
    z-index: 9999;
}

.search-modal.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);    
}

/* UL LIST FEAT */

ul.is-style-list-feat {
	padding: 0;
	list-style: none;
}

ul.is-style-list-feat>li {
	display: block;
	padding: 0.34em 0 0.34em 1.6em;
	position: relative;
}

ul.is-style-list-feat>li:before {
	content: "\e910";
    font: 1em 'inzicon';
    position: absolute;
    left: 0;
    top: 0.65em;
}

ul.is-style-list-feat>li a:hover {
    text-decoration: underline;
}

@media (min-width: 576px) {
    ul.columns-2,
    ol.columns-2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        column-gap: 1rem;
    }

    ul.columns-3,
    ol.columns-3 {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        column-gap: 1rem;
    }

    ul.columns-2 li,
    ol.columns-2 li,
    ul.columns-3 li,
    ol.columns-3 li {
        break-inside: avoid;
    }
}

/* UL LIST LINE */

ul.is-style-list-line {
	padding: 0 0 0 20px;
    line-height: 1.2;
}

ul.is-style-list-line>li {
	padding: 0.2rem 0;
	position: relative;
}

ul.is-style-list-line>li:not(:last-of-type):before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--wp--preset--color--primary);
    position: absolute;
    left: -16px;
    top: 14px;
}

ul.is-style-list-line li::marker {
    color: var(--wp--preset--color--primary);
    font-size: 24px;
}

/* ELEMENTS */

.is-style-img-round img {
    border-radius: var(--inz-radius);
}

.is-style-card-round {
    border-radius: var(--inz-radius);
    overflow: hidden;
}

.is-style-subtitle {
    text-transform: uppercase;
}

.sticky-card:not(.wp-block) {
    position: sticky;
    top: 2rem;
}

.full-height {
    min-height: 100vh;
}

.bg-shadow:before {
    content: "";
    background-color: var(--wp--preset--color--primary);
    border-radius: 100%;
    filter: blur(100px);
    opacity: 0.1;
    position: absolute;
    bottom: -20%;
    left: 10%;
    right: 10%;
    top: 10%;
    z-index: 0;
}

.z-index {
    z-index: 1;
}

.wp-block-cover,
:where(.wp-block-group.has-background),
.wp-block-cover-image {
    padding: 0;
}

.wp-block-image {
    z-index: 1;
}

.wp-block-image img {
	height: auto;
}

.wp-block-image figcaption {
    padding-top: 10px;
    font-size: 12px;
}

@media (max-width: 575px) {
    .sm-flex-wrap {
        flex-wrap: wrap !important;
    }

    .sm-flex-wrap img {
        max-width: 100px;
    }
}

@media (min-width: 768px) {
    .b-left {
        padding-left: 4rem;
        border-left: 1px solid var(--wp--preset--color--secondary);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .item-md-100 .b-left {
        padding-left: 0;
        border-left: 0;
    }
}

@media (min-width: 768px) {
    div.alignwide:not(.container),
    .has-text-align-wide:not(.container),
    .wp-block-image.alignwide {
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* BUTTONS */

.wp-block-button__link {
    padding: 0.8rem 3.5rem 0.8rem 2rem !important;
    display: flex;
    align-items: center;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.05rem;
    line-height: 1.2;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: scale(1);
    transition: all 300ms ease-in-out;
}

.wp-block-button__link:hover {
    filter: brightness(120%);
    transform: scale(1.05);
}

.wp-block-button__link:after {
    content: "\e906";
    margin-left: 0.5rem;
    font-family: 'inzicon';
    font-size: 1.4rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.is-style-btn-whatsapp .wp-block-button__link {
    padding-right: 1.5rem !important;
    background-color: var(--inz-whatsapp);
}

.is-style-btn-whatsapp .wp-block-button__link:after {
    display: none;
}

.is-style-btn-whatsapp .wp-block-button__link:before {
    content: "\e90d";
    display: inline-block;
    font-family: 'inzicon';
    margin-right: 0.5rem;
}

@media (max-width: 575px) {
    .wp-block-button__link {
        padding: 0.8rem 3rem 0.8rem 1rem !important;
    }
}

/* COLUMNS */

@media (min-width: 768px) and (max-width: 991px) {
    .wp-block-columns.is-layout-flex {
        flex-wrap: wrap !important;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 46% !important;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.item-md-70 {
        flex-basis: 65% !important;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.item-md-30 {
        flex-basis: 30% !important;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile).item-md-100>.wp-block-column {
        flex-basis: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.item-sm-100 {
        flex-basis: 100% !important;
    }
}

/* GDPR */

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p {
    font-size: 13px;
}

.gdpr_lightbox.gdpr_lightbox-opened {
    background: rgba(0,0,0,0.4);
}

/* MODAL */

.modal-dialog {
    width: 95%;
    max-width: 600px;
}

.modal-content {
    border: none;
    border-radius: var(--inz-radius);
}

.modal-header {
	padding: 3rem 2rem 0;
	border: none;
}

.modal-body {
    padding: 1.8rem;
}

.modal button.btn-close {
    width: 35px;
    height: 35px;
    padding: 0;
    background-color: var(--wp--preset--color--dark);
    color: var(--wp--preset--color--white);
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    opacity: 1;
    border-radius: 30px;
}

/* ALIGNMENT */

.aligncenter,
div.aligncenter {
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

img.alignright {
	float: right;
	margin: 5px 0 20px 10px;
}

img.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* WOW */

:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1
}

.wow:not(:hover) {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.wow.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.wow.delay {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

@media (prefers-reduced-motion:reduce), print {
	.wow {
		-webkit-animation-duration: 1ms;
		animation-duration: 1ms;
		-webkit-transition-duration: 1ms;
		transition-duration: 1ms;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.wow[class*=Out] {
		opacity: 0
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

/* WHATSAPP */

.whats-btn {
    position: fixed;
    bottom: 3rem;
    right: 2rem;
    z-index: 9999;
}

.whats-btn__item {
    width: 4rem;
    height: 4rem;
    background-color: var(--inz-whatsapp);
    border-radius: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    line-height: 5rem;
    text-align: center;
    transform: scale(1);
    animation: pulse 2s infinite; 
}

.whats-btn__item .fi {
    color: var(--wp--preset--color--white);
    font-size: 2rem;
}

@media (max-width: 575px) {
    .whats-btn {
        bottom: 1rem;
        right: 1rem;
    }

    .whats-btn__item {
        width: 3.5rem;
        height: 3.5rem;
        line-height: 4.5rem;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 var(--inz-whatsapp);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* INSTAGRAM */

#sbi_images img {
    border-radius: var(--inz-radius);
}

#sbi_images img:hover {
    filter: brightness(80%);
}

@media (max-width: 991px) {
    #sb_instagram {
        padding: 0 1.5rem;
    }
    #sbi_images {
        gap: 0.8rem !important;
    }
}

/* FOOTER */

.main-footer {
    width: 100%;
    margin: 0 auto;
	background-color: var(--wp--preset--color--tertiary);
	position: relative;
	bottom: 0;
}

.main-footer,
.main-footer a {
    color: var(--wp--preset--color--light);
}

.main-footer > .container {
    padding-top: 5rem;
}

.main-footer ul.menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-footer ul.menu li {
    padding: 0.2rem 0;
}

.main-footer ul.menu li a:hover {
    text-decoration: underline;
}

.main-footer .wp-block-group {
    gap: 2rem;
}

.main-footer .wp-block-group:first-of-type {
    align-items: flex-start;
}

.main-footer__copyright {
	padding: 2rem 0;
    margin-top: 5rem;
    border-top: 2px solid rgba(255,255,255,0.1);
    font-size: 0.74rem;
    line-height: 1.3;
    opacity: 0.8;
	text-align: center;
}

.main-footer__copyright p {
	margin: 0 0 0.5rem;
}

.main-footer__copyright p:not(.developer-link) a {
    text-decoration: underline;
}

.main-footer .developer-link {
    opacity: 0.5;
}

@media (max-width: 767px) {
    .main-footer .wp-block-group:first-of-type {
        flex-direction: column;
    }
}

/* MEDIA QUERIES */

@media (max-width: 767px) {
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 768px) {
    .container {
        width: 95%;
        max-width: 78rem;
    }
}

@media screen and (min-width: 90em) {
    html {
        font-size: 100%;
    }
}

@media screen and (min-width: 145em) {
    html {
        font-size: 120%;
    }
}

@media screen and (min-width: 180em) {
    html {
        font-size: 150%;
    }
}