/*!
Theme Name:   Starter WooCommerce Base
Theme URI:    https://example.com/starter-woocommerce
Author:       Starter WooCommerce
Author URI:   https://example.com
Description:  Base neutra para projetos WordPress + WooCommerce com framework modular.
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  starter-woocommerce
Tags:         e-commerce, woocommerce, starter-theme
 */

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

/* #region: Geral */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

::selection {
	background-color: #3e492bbd;
	color: #F1EFE0;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	font-family: "Be Vietnam Pro", sans-serif;
	counter-reset: count-section;
	background-color: #F1EFE0;
}

.page-template-page-alojamento-local {
	background-color: #E3E1C7;
}

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

ul {
	list-style: none;
}

address {
	font-style: normal;
}

p {
	color: #6e6c5d;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 165%;
	letter-spacing: -0.6px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Fraunces', serif;
}

h1 {
	color: #242424;
	font-size: clamp(28px, 3vw, 48px);
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
	letter-spacing: -0.96px;
}

table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 20px;
}

td,
th {
	text-align: start;
}

td {
	color: #666453;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.54px;
	padding: 14px;
}

td.product-name {
	letter-spacing: -0.57px;
	font-size: 19px;
}

th {
	color: #9DA880;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -0.45px;
	padding: 0 14px;
}

table tfoot td,
table tfoot th,
table tbody td,
table tbody th {
	border-bottom: 1px solid #C5C19C;
}

table tfoot tr:last-child td,
table tfoot tr:last-child th {
	border-color: #3E492B;
}

.title-sm,
h2 {
	color: #454545;
	font-size: clamp(24px, 2.3vw, 40px);
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
	letter-spacing: -1.6px;
}

.main-container {
	max-width: 1275px;
	margin: 0 auto;
}

.container-sm {
	max-width: 775px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.main-container-secondary{
	max-width: 1180px;
	margin: 0 auto;
}

.grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

.text-center {
	text-align: center;
}

.text-balance {
	text-wrap: balance;
}

.loop-products-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 25px;
}

.screen-reader-text {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.color-light {
	color: #F1EFE0;
}

.color-secondary {
	color: #BCC79D;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mt-15 {
	margin-top: 15px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mx-auto {
	margin: 0 auto;
}

.btn {
	color: #3E492B;
	font-size: clamp(14px, 1.2vw, 19px);
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	padding: 15px 19px;
	border-radius: 37px;
	background-color: #BCC79D;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	transition: all .2s;
}

.btn:hover {
	background-color: #a4af83;
}

.btn .woocommerce-Price-amount{
	margin-left: 5px;
}

.btn.btn-secondary {
	padding: 15px 25px;
}

.btn.btn-dark {
	background-color: #3E492B;
	color: #F1EFE0;
}

.btn.btn-dark:hover{
	background-color: #2c341f;
}

.btn.btn-light {
	color: #000;
	background-color: #DBD9BD;
}

.btn.btn-light:hover {
	background-color: #bbb9a2;
}

.image-effect {
	position: relative;
	display: flex;
	background-color: #E5E3C8;
	margin: 0 auto;
	max-width: 1920px;
}

.image-effect-secondary{
	padding-top: 90px;
}

.image-drawing {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.image-with-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	mask-image: var(--mask-url);
	mask-size: 140%;
	mask-position: center;
	mask-repeat: no-repeat;
	z-index: 1;
	transition: all 2s;
}

.image-effect-reverse .image-with-mask,
.image-effect:hover .image-with-mask {
	mask-size: 60%;
}

.image-effect-reverse:hover .image-with-mask {
	mask-size: 100%;
}

/* #endregion */

/* #region: Common */
.common-hero {
	position: relative;
	display: flex;
}

.common-hero-image {
	aspect-ratio: 2.1 / 1;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
}

.common-hero-title {
	position: absolute;
	max-width: 574px;
	width: 100%;
	text-align: center;
	top: 21%;
	left: 50%;
	transform: translateX(-50%);
}

.common-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 35px;
}

.common-flex-inverted {
	flex-direction: row-reverse;
}

.common-flex-image {
	mix-blend-mode: multiply;
	max-width: 100%;
	height: auto;
	display: block;
}

.common-flex-image.common-flex-image-secondary {
	mix-blend-mode: normal;
}

.common-flex-content {
	max-width: 40.5%;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.common-flex-content-secondary {
	display: flex;
	flex-direction: column;
	max-width: 36%;
	flex: 0 0 auto;
	gap: 15px;
}

.common-title {
	overflow: hidden;
	color: #3E492B;
	font-family: "Be Vietnam Pro";
	font-size: clamp(20px, 2vw, 28px);
	font-style: normal;
	font-weight: 500;
	line-height: 128%;
	letter-spacing: -1.12px;
	margin-bottom: 5px;
}

.common-content table {
	table-layout: auto;
	margin: 15px 0 20px 0;
	white-space: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
}

.common-content table::-webkit-scrollbar {
	display: none;
}

.common-content td,
.common-content li,
.common-content p {
	margin-bottom: 10px;
	color: #666453;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 165%;
	letter-spacing: -0.5px;
}

.common-content td {
	padding: 9px 9px 5px 9px;
}

.common-content th {
	overflow: hidden;
	color: #3E492B;
	text-overflow: ellipsis;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 128%;
	letter-spacing: -0.28px;
	padding: 0;
}

.common-content li>strong,
.common-content p>strong {
	font-weight: 700;
}

.common-content ol,
.common-content ul {
	margin-bottom: 10px;
	padding-left: 20px;
}

.common-content ul {
	list-style: disc;
}

.common-content ul li::marker {
	font-size: 10px;
}

.common-content li {
	margin-bottom: 0;
}

.common-content :where(h1, h2, h3, h4, h5, h6) {
	font-family: "Be Vietnam Pro";
}

.common-content h2 {
	color: #3E492B;
	font-size: clamp(18px, 1.7vw, 28px);
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -0.55px;
	margin: 25px 0 5px 0;
}

.common-content h3 {
	color: #ACB988;
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -0.5px;
}

.common-content blockquote {
	background-color: #f1efe0;
	padding: 20px 30px;
	border-radius: 20px;
}

.common-content img {
	max-width: 100%;
	height: auto;
	border-radius: 20px;
}

.common-content .wp-caption {
	width: 100% !important;
	margin: 15px 0 10px 0;
}

.common-page-date {
	color: #6e6c5d;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.48px;
	display: block;
	margin-top: 25px;
}

.common-page-date strong {
	font-weight: 600;
}

.common-page {
	position: relative;
	padding: 180px 15px 0 15px;
	margin-bottom: 100px;
}

.common-page-title {
	margin-bottom: 10px;
	color: #ACB988;
}

/* #endregion */

/* #region: Header */
.header {
	position: absolute;
	width: 100%;
	top: 55px;
	z-index: 2;
}

.error404 .custom-logo-link,
.page-template-page-amap .custom-logo-link,
.single-post .custom-logo-link {
	filter: invert(1);
}

.error404 .menu-header>li>a,
.page-template-page-amap .menu-header>li>a,
.single-post .menu-header>li>a {
	color: #F1EFE0;
}

.error404 .menu-header>li:last-child>a,
.page-template-page-amap .menu-header>li:last-child>a,
.single-post .menu-header>li:last-child>a {
	color: #3E492B;
}

.header-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu-header {
	display: flex;
	align-items: center;
	gap: 36px;
}

.menu-header>li>a {
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	transition: all .2s;
}

.menu-header>li.current-menu-item:not(.menu-item-home)>a,
.menu-header>li>a:hover {
	text-shadow: 0.1px 0 0 currentColor, -0.2px 0 0 currentColor;
}

.menu-header>li:last-child>a {
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	border-radius: 37px;
	background-color: #BCC79D;
	padding: 15px 30px;
	text-shadow: none !important;
	transition: all .2s;
}

.single-adote .menu-header>li:last-child>a,
.page-template-page-finalizar-compras .menu-header>li:last-child>a,
.page-template-page-carrinho .menu-header>li:last-child>a,
.page-template-page-como-trabalhamos .menu-header>li:last-child>a,
.page-template-page-apresentacao .menu-header>li:last-child>a {
	background-color: #F1EFE0
}

.menu-header>li:last-child>a:hover {
	background-color: #a2ab89;
}

/* #endregion */

/* #region: Footer */
footer {
	background-color: #3E492B;
	padding: 40px 0;
	overflow: hidden;
}

.header-container,
.footer-container {
	max-width: 1920px;
	padding: 0 50px;
	margin: 0 auto;
}

.footer-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 50px;
}

.footer-logos {
	display: flex;
	align-items: center;
	gap: 45px;
}

.footer-right,
.menu-footer {
	display: flex;
	column-gap: 80px;
}

.menu-footer .sub-menu {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 16px;
}

.menu-footer .menu-item-has-children>a {
	color: #BCC79D;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
}

.menu-footer a {
	color: #F1EFE0;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
}

.footer-right-side {
	max-width: 297px;
}

.footer-right-side-title {
	color: #BCC79D;
	font-size: clamp(16px, 1.5vw, 24px);
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	margin-bottom: 8px;
	display: block;
}

.footer-right-side-text {
	color: #F1EFE0;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 151%;
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 315px;
}

.footer-contact {
	flex: 0 0 240px;
	margin-left: auto;
}


.footer-contact-text {
	color: #F1EFE0;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	transition: all .2s;
}

.menu-footer a:hover,
.footer-social-mail>a:hover,
a.footer-contact-text:hover {
	color: #fff;
}

.single-product-content strong,
.footer-contact-text>strong {
	font-weight: 600;
}

.woocommerce-message>a {
	font-weight: 700;
}

.footer-contact-text>small {
	color: #798369;
	font-size: 9px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	text-transform: uppercase;
	display: block;
}

.footer-social-mail {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 12px 0;
}

.footer-social-mail>a {
	color: #BCC79D;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	display: inline-block;
	transition: all .2s
}

.footer-biogoods-wrapper {
	display: flex;
	margin-right: 10%;
}

.footer-biogoods {
	max-width: 100%;
}

/* #endregion */

/* #region: Frontpage */
.frontpage-block,
.frontpage-blog {
	padding: 110px 0;
	overflow: hidden;
}

.block-2 {
	padding: 35px 0;
}

.frontpage-amap {
	padding: 120px 0 100px 0;
	background: linear-gradient(180deg, rgba(241, 239, 224, 0.00) 0%, #E3E1C7 100%);
}

.frontpage-hhw {
	max-width: 1920px;
	margin: 0 auto;
}

.frontpage-image-effect {
	max-height: 910px;
	overflow: hidden;
}

.frontpage-hhw-content {
	border-radius: 30px;
	background-color: #3E492B;
	margin: 50px;
	padding: 90px 0;
}

.frontpage-hero {
	min-height: 100dvh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-height: 680px) {
	.frontpage-hero {
		min-height: 680px;
	}
}

@media (min-height: 1100px) {
	.frontpage-hero {
		min-height: 1100px;
	}
}

.frontpage-hero-image,
.frontpage-hero-image-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.frontpage-hero-image {
	mask-repeat: no-repeat;
	mask-position: center 90%;
}

.mask-2 {
	animation: maskIn 6s forwards;
}

.mask-1 {
	animation: maskOut 6s forwards;
}

@keyframes maskOut {
	0% {
		mask-size: 80%;
		opacity: 1;
	}

	50% {
		mask-size: 65%;
		opacity: 0;
	}

	100% {
		mask-size: 65%;
		opacity: 0;
	}
}

@keyframes maskIn {
	0% {
		mask-size: 80%;
		opacity: 0;
	}

	50% {
		mask-size: 55%;
		opacity: 1;
	}

	100% {
		mask-size: 55%;
		opacity: 1;
	}
}

.hhw-wrapper {
	max-width: 1456px;
	margin: 0 auto;
}

.hhw-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin-top: 30px;
}

.hhw-item {
	padding: 90px 35px 35px 35px;
	border-radius: 20px;
	background-color: #F1EFE0;
	min-height: 490px;
	position: relative;
	transition: all .2s;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.hhw-item>* {
	position: relative;
	z-index: 1;
}

.hhw-item::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: #BCC79D;
	transform: translateX(-101%);
	z-index: 0;
	pointer-events: none;
}

.hhw-item-title {
	color: #3E492B;
	font-family: "Be Vietnam Pro", 'sans-serif';
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 138%;
	letter-spacing: -1.04px;
	margin: 10px 0 5px 0;
}

.hhw-item-link {
	color: #3E492B;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: -0.72px;
	opacity: 0;
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all .2s;
}

.btn-more-sm::after,
.btn-more::after,
.blog-card-more::after,
.loop-product-link::after,
.hhw-item-link::after {
	content: '';
	width: 15px;
	height: 10px;
	mask: url("assets/images/icons/icon-arrow.svg") no-repeat center / contain;
	background-color: #3E492B;
	transition: all .2s;
}

.hhw-item:hover .hhw-item-link {
	opacity: 1;
}

/* mouse enter */
.hhw-item.mouseenter.top::before {
	animation: slide--enter-top .35s forwards;
}

.hhw-item.mouseenter.right::before {
	animation: slide--enter-right .35s forwards;
}

.hhw-item.mouseenter.bottom::before {
	animation: slide--enter-bottom .35s forwards;
}

.hhw-item.mouseenter.left::before {
	animation: slide--enter-left .35s forwards;
}

/* mouse leave */
.hhw-item.mouseleave.top::before {
	animation: slide--leave-top .35s forwards;
}

.hhw-item.mouseleave.right::before {
	animation: slide--leave-right .35s forwards;
}

.hhw-item.mouseleave.bottom::before {
	animation: slide--leave-bottom .35s forwards;
}

.hhw-item.mouseleave.left::before {
	animation: slide--leave-left .35s forwards;
}

/* Entrar de cima */
@keyframes slide--enter-top {
	0% {
		transform: translateY(-101%);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes slide--enter-right {
	0% {
		transform: translateX(101%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes slide--enter-bottom {
	0% {
		transform: translateY(101%);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes slide--enter-left {
	0% {
		transform: translateX(-101%);
	}

	100% {
		transform: translateX(0);
	}
}

/* Sair para cima */
@keyframes slide--leave-top {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-101%);
	}
}

/* Sair para direita */
@keyframes slide--leave-right {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(101%);
	}
}

/* Sair para baixo */
@keyframes slide--leave-bottom {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(101%);
	}
}

/* Sair para esquerda */
@keyframes slide--leave-left {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-101%);
	}
}

.frontpage-gallery-container {
	max-width: 815px;
	margin: 0 auto;
	text-align: center;
}

.frontpage-gallery-wrapper {
	display: flex;
	gap: 15px;
	overflow-x: auto;
	scrollbar-width: none;
	cursor: grab;
	padding: 0 15px;
	padding-top: 30px;
}

.frontpage-gallery-wrapper.active {
	cursor: grabbing;
	user-select: none;
}

.frontpage-gallery-wrapper::-webkit-scrollbar {
	display: none;
}

.frontpage-gallery-image {
	flex: 0 0 auto;
	border-radius: 20px;
	width: 315px;
	height: auto;
	transition: all .2s;
}

.frontpage-gallery-image:hover{
	transform: translateY(-15px);
}

.frontpage-gallery-wrapper.active .frontpage-gallery-image {
	pointer-events: none;
}

.frontpage-hero-wrapper {
	max-width: 680px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	position: relative;
	transform: translateY(-70%);
}

.frontpage-title {
	color: #242424;
	text-align: center;
	font-size: clamp(45px, 4vw, 74px);
	font-style: normal;
	font-weight: 400;
	line-height: 86%;
	letter-spacing: -2.22px;
	text-wrap: balance;
}

.frontpage-adopt {
	padding-bottom: 110px;
	overflow: hidden;
}

.frontpage-adopt-items {
	display: flex;
	gap: 20px;
}

.frontpage-adopt-item {
	padding: 50px 40px;
	border-radius: 30px;
	background-color: #BCC79D;
	display: flex;
	flex-direction: column;
	transition: all .2s;
}

.frontpage-adopt-item:hover{
	background-color: #a8b28d;
}

.frontpage-adopt-item:last-child {
	flex: 0 0 334px;
}

.frontpage-adopt-item-title {
	color: #454545;
	font-size: clamp(30px, 3.5vw, 59px);
	font-style: normal;
	font-weight: 400;
	line-height: 90%;
	letter-spacing: -2.36px;
	max-width: 330px;
	margin-bottom: 15px;
}

.frontpage-adopt-item-text {
	color: #6e6c5d;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	letter-spacing: -0.6px;
}

.frontpage-adopt-item-image {
	mix-blend-mode: multiply;
	align-self: flex-end;
}

.frontpage-products-wrapper {
	max-width: 756px;
	margin: 0 auto 30px auto;
	text-align: center;
}

/* #endregion */

/* #region: Blog */
.container,
.blog-container {
	max-width: 1420px;
	margin: 0 auto;
}

.blog-section {
	padding: 190px 0 175px 0;
}

.blog-card {
	position: relative;
	padding: 25px;
	overflow: hidden;
	border-radius: 20px;
	aspect-ratio: 1;
}

.blog-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(29, 36, 18, 0.00) 0%, #1D2412 100%)
}

.blog-card-content {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 5px;
}

.blog-card:hover .blog-card-image {
	scale: 1.1;
}

.blog-card-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}

.blog-card-date {
	color: #FFF;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	letter-spacing: 0.13px;
	text-transform: uppercase;
}

.blog-card-title {
	overflow: hidden;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.88px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.btn-more,
.blog-card-more {
	color: #ACA87B;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 178%;
	letter-spacing: -0.72px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.btn-more-sm {
	color: #959176;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 146%;
	letter-spacing: -0.39px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.btn-more-sm::after {
	width: 13px;
	height: 9px;
}

.blog-card-more::after {
	background-color: #ACA87B;
}

.btn-more {
	color: #3E492B;
	margin-top: auto;
}

.btn-more:hover::after {
	transform: translateX(10px);
}

.navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}

.nav-links {
	display: flex;
	gap: 17px;
	align-items: center;
}

.page-numbers {
	color: #454545;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 2;
	letter-spacing: -0.39px;
}

.page-numbers.current {
	font-family: 'Fraunces';
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: -0.64px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #E3E1C7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-numbers.prev,
.page-numbers.next {
	background-image: url(assets/images/icons/icon-pagination.svg);
	background-size: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #E3E1C7;
	width: 23px;
	height: 23px;
	border-radius: 50%;
}

.page-numbers.prev {
	scale: -1;
}

/* #endregion */

/* #region Alojamento Local */
.local {
	padding: 125px 0 150px 0;
	overflow: hidden;
}

.local-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.local-image {
	mix-blend-mode: multiply;
	max-width: 360px;
	height: auto;
	margin-bottom: 30px;
}

/* #endregion */

/* #region: Como trabalhamos */

.hww {
	padding: 100px 0;
	overflow: hidden;
}

.hww:nth-child(even) {
	background-color: #E3E1C7;
}

/* #endregion */

/* #region Apresentação */
.presentation {
	padding: 50px 0;
}

.presentation:has(+ .image-effect){
	background: linear-gradient(to top, #e5e3c8 0%, rgba(241, 239, 224, 0.00) 100%);
}

.presentation:nth-of-type(odd) {
	padding: 0;
}

.values-section {
	padding: 100px 0;
	background-color: #E5E3C8;
}

.values-title {
	max-width: 632px;
	margin: 0 auto;
	text-align: center;
}

.values-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
	margin-top: 30px;
}

.value-item>img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	border-radius: 20px;
}

.hhw-item>p,
.value-item-content>p {
	color: #3E492B;
	font-size: 19px;
	font-style: normal;
	font-weight: 300;
	line-height: 152%;
	letter-spacing: -0.57px;
}

.value-item-title {
	color: #919C6E;
	font-family: "Be Vietnam Pro", sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.78px;
	margin: 15px 0 4px 0;
}

.image-effect-text {
	position: absolute;
	z-index: 1;
	max-width: 373px;
	top: 28%;
	left: 17%;
	opacity: 0;
	transition: all 1s;
	transition-delay: 0.5s;
}

.image-effect-text::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	background: #191F0D;
	filter: blur(100px);
	z-index: -1;
}

.image-effect-text:last-child {
	left: auto;
	top: 40%;
	right: 12%;
}

.image-effect-text>p {
	color: #FFF;
	text-align: right;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: -0.54px;
	margin-bottom: 10px;
}

.image-effect-text-title {
	color: #BCC79D;
	font-family: 'Fraunces', serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
	letter-spacing: -1.6px;
	text-align: right;
	display: block;
	margin-bottom: 6px;
}

.image-effect-text:last-child>p,
.image-effect-text:last-child .image-effect-text-title {
	text-align: left;
}

.image-effect:hover .image-effect-text {
	opacity: 1;
}

/* #endregion */

/* #region: Produto */
.frontpage-products {
	background-color: #E3E1C7;
	padding: 80px 0 120px 0;
}

.loop-products {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 26px;
}

.loop-product {
	border-radius: 20px;
	background-color: #DBD9C0;
	aspect-ratio: 3 / 4;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	transition: all .2s;
}

.loop-product:hover {
	background-color: #F1EFE0;
}

.loop-product-content {
	transition: all .5s;
}

.loop-product:hover .loop-product-content {
	transform: translateY(-30px);
}

.loop-product-image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 203px;
	aspect-ratio: 1;
	height: fit-content;
	align-self: center;
}

.loop-product-image-wrapper>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.woocommerce .loop-product-title,
.loop-product-title {
	color: #6e6c5d;
	font-family: "Be Vietnam Pro";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.8px;
	margin: 0;
}

.loop-product-info {
	color: #6e6c5d;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 162.5%;
	letter-spacing: -0.64px;
}

.loop-product-link {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #3E492B;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 178%;
	letter-spacing: -0.72px;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	display: flex;
	align-items: center;
	gap: 5px;
}

.loop-product:hover .loop-product-link {
	opacity: 1;
	visibility: visible;
}

.type-product {
	display: grid;
	grid-template-columns: 50% 50%;
}

.entry-summary {
	padding: 185px 0 205px 0;
	background-color: #F1EFE0;
	max-width: 660px;
	width: 100%;
	margin-left: 85px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.woocommerce-product-gallery {
	padding: 185px 0 205px 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: sticky;
	top: 0;
	height: fit-content;
	z-index: 1;
	background-color: #E3E1C7;
}

.woocommerce-product-gallery::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100dvh;
	background-color: #E3E1C7;
	display: block;
}

.woocommerce-product-gallery__image>a {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 475px;
	aspect-ratio: 1;
	margin: 0 auto;
}

.woocommerce-product-gallery__image>a>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.woocommerce-product-details__short-description>* {
	margin-bottom: 20px;
}

.single-product-content li,
.single-product-content>p {
	color: #6e6c5d;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: -0.48px;
	margin-bottom: 15px;
}

.single_add_to_cart_button,
.single-product-content li {
	margin: 0 !important;
}



.woocommerce .single-product-title,
.single-product-content>h2 {
	color: #A4B182;
	font-family: "Be Vietnam Pro";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 139%;
	letter-spacing: -0.54px;
	margin-bottom: 20px;
}

.single-product-box {
	border-radius: 15px;
	background-color: #E8E6D1;
	padding: 30px;
	margin: 20px 0;
}

.woocommerce .single-product-box-title {
	color: #A4B082;
	font-family: "Be Vietnam Pro";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 188%;
	letter-spacing: -0.48px;
	margin: 0;
}

.single-product-shop {
	border-radius: 15px;
	background-color: #E8E6D1;
	padding: 15px;
	margin-bottom: 10px;
}

.single-product-shop-wrapper {
	padding: 20px 0;
	margin: 20px 0;
	border-top: 1px solid #DBD9C0;
	border-bottom: 1px solid #DBD9C0;
}

.single-product-bottom ul {
	list-style: disc;
	padding-left: 20px;
}

.others-products {
	background-color: #E3E1C7;
	padding: 80px 0 120px 0;
	position: relative;
	z-index: 1;
}

.others-product-container {
	max-width: 1110px;
	margin: 0 auto;
}

.cart:not(.variations_form),
.woocommerce-variation-add-to-cart,
.qty-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.qty-wrap {
	max-width: 366px;
	width: 100%;
}

table.variations {
	table-layout: auto;
}

table.variations th,
table.variations .value {
	padding: 0;
	border-bottom: none;
}

.value .selection {
	background-color: #E8E6D1;
	border: none;
}

table.variations tbody {
	display: flex;
	gap: 10px;
	flex-direction: column;
}

table.variations tr {
	display: grid;
	grid-template-columns: 142px 1fr;
	align-items: baseline;
}

a.reset_variations {
	display: flex;
	justify-content: flex-end;
	transform: translateY(10px);
	font-size: 15px;
	padding-right: 10px;
}

.woocommerce .single-product-shop-title {
	color: #6e6c5d;
	font-family: "Be Vietnam Pro";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 166%;
	letter-spacing: -0.54px;
}

.single-product-shop-flex {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 15px;
	gap: 8px 15px;
	flex-wrap: wrap;
}

.single-product-shop-text {
	color: #6e6c5d;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 170%;
	letter-spacing: -0.42px;
}

.single-product-stock {
	color: #6e6c5d;
	text-align: right;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: -0.45px;
	margin-top: 10px;
	width: 100%;
	padding: 0 10px;
	display: block;
}

.flex-control-thumbs {
	list-style: none;
	display: flex;
	gap: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0 auto;
	max-width: 100%;
	z-index: 1;
	scrollbar-width: none;
	cursor: pointer;
}

.flex-control-thumbs.active{
	user-select: none;
}

.flex-control-thumbs>li {
	width: 55px;
	height: 55px;
	border: 2px solid #bcc79d;
	border-radius: 5px;
	flex: 0 0 auto;
	overflow: hidden;
	cursor: pointer;
}

.flex-control-thumbs>li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.price {
	width: 100%;
	color: #3E492B;
	text-align: right;
	font-size: 31px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: -0.93px;
	display: block;
	margin-bottom: 15px;
}

.woocommerce-variation+.price {
	font-size: 16px;
}

.stock.out-of-stock {
	font-size: 25px;
	border-top: 1px solid #6e6c5d;
	border-bottom: 1px solid #6e6c5d;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 25px 0;
	font-weight: 600;
	letter-spacing: normal;
}

/* #endregion */

/* #region: Single */
.single-blog {
	position: relative;
	padding: 18% 15px 0 15px;
}

.single-blog::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 465px;
	width: 100%;
	background: #3e492b;
	display: block;
}

.single-blog-wrapper {
	max-width: 1220px;
	border-radius: 30px;
	background-color: #E8E6D1;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	padding-bottom: 80px;
}

.single-blog-thumbnail {
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	max-width: 745px;
	width: 100%;
	height: fit-content;
	border-radius: 20px;
	object-fit: cover;
	margin-top: -15%;
}

.single-blog-container {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 30px;
}

.common-page-container {
	max-width: 840px;
	margin: 0 auto;
}

.single-blog-date {
	color: #3E492B;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	letter-spacing: 0.13px;
	text-transform: uppercase;
	display: block;
	margin: 30px 0 15px 0;
}

.othes-articles {
	padding: 100px 0;
}

p.wp-caption-text {
	color: #6e6c5d;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.39px;
}

/* #endregion */

/* #region: Adote */
.container-md {
	max-width: 1250px;
	margin: 0 auto;
}

.adopt-banner {
	background-color: #BBC79C;
	padding: 115px 0 15px 0;
}

.adopt-banner-image {
	width: 100%;
	height: auto;
}

.adopt-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.adopt-text {
	margin: 8px 0 20px 0;
}

.adopt-content {
	flex: 0 0 38%;
}

.adopt-block {
	padding: 45px 0;
}

.adopt-block:nth-child(odd) {
	background-color: #E8E6D1;
}

.adopt-benefits {
	padding: 100px 0;
}

.adopt-benefits-flex {
	display: flex;
	align-items: center;
	gap: 20px 75px;
}

.adopt-benefits-items ul {
	display: block;
	column-count: 2;
	gap: 10px;
}

.adopt-benefits-items li {
	background-color: #E8E6D1;
	border-radius: 15px;
	color: #6e6c5d;
	font-size: 17px;
	font-weight: 300;
	line-height: 140%;
	letter-spacing: -0.51px;
	display: flex;
	gap: 13px;
	padding: 13px 15px;
	margin-bottom: 10px;
	max-width: 335px;
	break-inside: avoid;
	width: 100%;
}

.adopt-benefits-items li::before {
	content: '';
	flex: 0 0 auto;
	width: 24px;
	aspect-ratio: 1;
	background-image: url(assets/images/icons/icon-checked.webp);
	background-size: contain;
	background-repeat: no-repeat;
}

.is-right-col {
	transform: translateY(15px);
}

.adopt-bottom {
	padding-bottom: 100px;
}

.adopt-bottom-card {
	padding: 40px;
	border-radius: 30px;
	background-color: #BCC79D;
	flex: 1;
	position: relative;
}

.adopt-bottom-card-wrapper {
	max-width: 320px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: space-between;
}

.adopt-bottom-title {
	color: #454545;
	font-size: clamp(32px, 3.5vw, 53px);
	font-style: normal;
	font-weight: 400;
	line-height: 97%;
	letter-spacing: -2.12px;
	text-wrap: balance;
}

.adopt-bottom-content {
	padding: 40px 50px;
	border-radius: 40px;
	border: 1px solid #DAD6B5;
	flex: 0 0 45%;
}

.adopt-bottom-flex {
	display: flex;
	gap: 25px;
}

.adopt-bottom-image {
	mix-blend-mode: multiply;
	position: absolute;
	bottom: 45px;
	right: 10px;
	width: 50%;
	height: fit-content;
}

/* #endregion */

/* #region AMAP */
.amap-banner {
	padding: 210px 0 82px 0;
	background-color: #3E492B;
	background-position: right;
	background-repeat: no-repeat;
	position: relative;
}

.amap-banner::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: var(--bg-amap);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	mix-blend-mode: multiply;
}

.amap {
	padding: 80px 0 30px 0;
}

.amap-flex {
	display: flex;
	justify-content: space-between;
}

.amap-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-width: 505px;
	flex: 0 0 auto;
}

.amap-blocks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px 34px;
	max-width: 605px;
}

.amap-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	text-align: center;
}

.amap-block-title {
	color: #919C6E;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 134%;
	letter-spacing: -0.54px;
}

.collect-wrapper {
	text-align: center;
	text-wrap: balance;
	margin: 10px 0 20px 0
}

.collect-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	max-width: 1365px;
	margin: 0 auto;
	padding: 0 6%;
}

.collect-item {
	padding: 35px;
	border-radius: 20px;
	background-color: #EBE9D3;
	flex: 0 0 445px;
	display: flex;
	flex-direction: column;
}

.collect-item-title {
	color: #6e6c5d;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.54px;
	margin-bottom: 5px;
}

.collect-item-address {
	color: #6e6c5d;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 185%;
	letter-spacing: -0.48px;
	margin-bottom: 12px;
}

.collect-item-hour {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 16px;
	color: #B4B294;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
}

.collect-item-hour>span {
	border-radius: 5px;
	background-color: #3E492B;
	color: #CBD4B2;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 165%;
	text-transform: uppercase;
	padding: 5px 12px;
}

.basket {
	padding: 100px 0;
}

.basket-container {
	max-width: 1300px;
	margin: 0 auto;
}

.basket-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 30px 0;
}

.basket-item {
	padding: 25px 30px;
	border-radius: 18px;
	background-color: #CBD4B2;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.basket-info {
	display: grid;
	grid-template-columns: 39% 16% 1fr;
	margin-top: 25px;
	column-gap: 72px;
}

.basket-info>div {
	position: relative;
	min-height: 90px;
}

.basket-info>div::after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 1px;
	right: -36px;
	background-color: #A5B37E;
}

.basket-info p {
	color: #454545;
	font-size: 17.5px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: -0.18px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.basket-info p:not(:last-child) {
	margin-bottom: 9px;
}

.basket-info-title {
	color: #919C6E;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 118%;
	letter-spacing: -0.51px;
	display: block;
	margin-bottom: 8px;
}

.basket-item-title {
	color: #454545;
	font-size: clamp(20px, 1.5vw, 26px);
	font-style: normal;
	font-weight: 400;
	line-height: 135%;
	letter-spacing: -1.04px;
	max-width: 400px;
}

.basket-bottom {
	color: #A09E8A;
	text-align: center;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
}

.basket-bottom>a {
	text-decoration: underline;
}

.basket-optional {
	color: #58623D;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 108%;
	letter-spacing: -0.13px;
	text-transform: uppercase;
	border-radius: 7px;
	background-color: #B8C398;
	padding: 4px 7px;
}

.amap-works {
	background-color: #E3E1C7;
	padding: 110px 0 144px 0;
	background-image: url(assets/images/bg/bg-works.svg);
	background-repeat: no-repeat;
	background-size: 95%;
	background-position: bottom left;
}

.amap-works-flex {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px 50px;
}

.amap-works-content {
	max-width: 748px;
}

.amap-works-content>p {
	color: #6e6c5d;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: -0.54px;
	margin-bottom: 10px;
}

.amap-works-box {
	border-radius: 15px;
	background-color: #3E492B;
	padding: 20px 24px;
	flex: 0 0 395px;
}

.amap-works-box>h3 {
	color: #919C6E;
	font-size: clamp(18px, 1.6vw, 26px);
	font-family: "Be Vietnam Pro";
	font-style: normal;
	font-weight: 600;
	line-height: 138%;
	letter-spacing: -0.78px;
	margin-bottom: 7px;
}

.amap-works-box>p {
	color: #E3E1C7;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 167%;
	letter-spacing: -0.54px;
}

.amaps-works-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	margin-top: 55px;
}

.amap-works-item-title {
	color: #919C6E;
	text-align: center;
	font-family: "Be Vietnam Pro";
	font-size: clamp(16px, 1.6vw, 26px);
	font-style: normal;
	font-weight: 600;
	line-height: 138%;
	letter-spacing: -0.78px;
}

.receive {
	padding-bottom: 80px;
}

summary::marker {
	content: "";
}

.testimonials {
	padding: 100px 0;
}

.testimony-container {
	max-width: 1530px;
	margin: 0 auto 30px auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.btn-slider {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #BCC79D;
	border: none;
	background-image: url(assets/images/icons/icon-pagination.svg);
	background-size: 7.5px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all .2s;
}

.btn-slider:hover {
	background-color: #9DA880;
}

.testemonials-items {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scrollbar-width: none;
	position: relative;
}

.testemonials-items::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 320px;
	background: linear-gradient(90deg, rgba(241, 239, 224, 0.00) 0%, #F1EFE0 100%);
	display: block;
	pointer-events: none;
	transition: all .2s;
}

.testemonials-items.is-active::after {
	opacity: 0;
}

.testemonials-items::-webkit-scrollbar {
	display: none;
}

.testimony-item {
	padding: 30px 25px;
	border-radius: 20px;
	border: 1px solid #DAD6B5;
	flex: 0 0 445px;
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.testimony-item:first-child {
	margin-left: calc((100vw - 1540px) / 2);
}

.testimony-item:last-child {
	margin-right: 15px;
}

.testimony-item-content::before {
	content: '';
	width: 40px;
	height: 35px;
	background-image: url(assets/images/icons/icon-quote.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 15px;
}

.textimony-item-title,
.testimony-item-content>p {
	color: #6e6c5d;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 165%;
	letter-spacing: -0.54px;
	margin-bottom: 5px;
}

.textimony-item-title {
	color: #919C6E;
	font-weight: 600;
	margin: 0;
}

.btn-slider-left {
	scale: -1;
}

.testimony-title {
	max-width: 480px;
	text-wrap: balance;
}

.faq {
	padding-bottom: 110px;
}

.faq-items {
	margin: 30px 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.faq-title {
	color: #919C6E;
	font-size: clamp(16px, 1.2vw, 20px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-title::after {
	content: '';
	width: 15px;
	height: 8px;
	mask-image: url(assets/images/icons/icon-select2.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: #C2BC91;
	transition: all .2s;
}

.faq-item {
	padding: 15px 30px;
	border-radius: 10px;
	background-color: #EBE9D3;
	cursor: pointer;
}

.faq-item[open] .faq-title::after {
	rotate: -180deg;
}

.faq-item::details-content {
	block-size: 0;
	overflow: hidden;
	transition-property: block-size, content-visibility;
	transition-duration: 0.5s;
	transition-behavior: allow-discrete;
}

.faq-item[open]::details-content {
	block-size: auto;
	block-size: calc-size(auto, size);
}

.faq-content {
	padding: 10px;
}

.faq-content>p {
	font-size: 16px;
}

.faq-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.faq-bottom-text {
	color: #A09E8A;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

/* #endregion */

/* #region Woocommerce */
.cart-empty {
    font-size: 20px;
}

.woocommerce-thankyou-order-details {
	margin: 20px 0;
}

.woocommerce-customer-details address,
.woocommerce-customer-details address>p,
.woocommerce-thankyou-order-details>li {
	color: #3E492B;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

.woocommerce-container {
	max-width: 910px;
	margin: 0 auto;
}

.woocommerce-banner {
	background-color: #BBC79C;
	padding: 175px 0 40px 0;
}

.woocommerce-content {
	padding: 50px 0 100px 0;
}

.woocommerce-thankyou-order-received,
.woocommerce h3 {
	color: #3E492B;
	font-family: "Be Vietnam Pro";
	font-size: clamp(20px, 1.5vw, 28px);
	font-weight: 500;
	line-height: 128%;
	letter-spacing: -1.12px;
	margin-bottom: 25px;
}

.woocommerce-thankyou-order-received {
	font-family: 'Fraunces', serif;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
	color: #454545;
	font-size: clamp(20px, 1.8vw, 28px);
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
	letter-spacing: -1.6px;
}

.woocommerce-column__title {
	margin-bottom: 20px;
}

.woocommerce h4 {
	color: #3E492B;
	font-family: "Be Vietnam Pro";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	letter-spacing: -0.8px;
}

.form-row {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1 0 300px;
}

.form-row>label {
	color: #666453;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -0.45px;
}

.input-text {
	border-radius: 52px;
	border: 1px solid #C3BD94;
	background-color: transparent;
	color: #666453;
	font-family: "Be Vietnam Pro";
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	letter-spacing: -0.45px;
	width: 100%;
	height: 47px;
	padding: 16px 19px;
}

.input-checkbox,
.input-radio {
	appearance: none;
	width: 26px;
	height: 26px;
	border-radius: 5.2px;
	border: 1px solid #C3BD94;
	flex: 0 0 auto;
}

.input-checkbox:checked,
.input-radio:checked {
	background-image: url(assets/images/icons/icon-input-check.webp);
	background-repeat: no-repeat;
	background-size: contain;
}

textarea.input-text {
	resize: none;
	min-height: 150px;
	border-radius: 20px;
}

.woocommerce-billing-fields__field-wrapper {
	gap: 15px;
	display: flex;
	flex-wrap: wrap;
}

#billing_address_2_field {
	display: none !important;
}

#customer_details {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-bottom: 40px;
}

.woocommerce-checkout-review-order {
	border-radius: 15px;
	background: #E8E6D1;
	padding: 40px 35px;
}

.single_add_to_cart_button,
.checkout-button,
#place_order {
	border-radius: 37px;
	background-color: #BCC79D;
	color: #3E492B;
	font-size: clamp(14px, 1.2vw, 19px);
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	width: 100%;
	padding: 15px 19px;
	cursor: pointer;
	border: none;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s;
}

.single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover {
	background-color: #959f76;
}

.methods {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #3E492B;
	padding-bottom: 20px;
}

.methods>li {
	border-radius: 15px;
	background-color: #F1EFE0;
	padding: 18px 20px;
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
	cursor: pointer;
}

.methods>li>label {
	color: #3E492B;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 145%;
	letter-spacing: 0.16px;
}

.payment_box {
	flex: 1 0 100%;
}

.payment_box>p {
	font-size: 15px;
}

.woocommerce-privacy-policy-text>p {
	color: #6e6c5d;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: -0.34px;
}

.woocommerce-privacy-policy-text>p a {
	font-weight: 700;
}

.checkout-inline-error-message {
	font-size: 12px;
	color: #CB3030;
	letter-spacing: normal;
}

.selection {
	background-color: transparent;
	border: 1px solid #C3BD94;
	border-radius: 52px;
	height: 47px;
	margin: 0;
	display: flex;
	cursor: pointer;
}

.select2-container {
	width: 100% !important;
}

.select2-container--default .select2-selection--single {
	all: unset;
	width: 100%;
	height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 100%;
	color: #666453;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	display: flex;
	align-items: center;
	padding: 16px 19px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	background-image: url(assets/images/icons/icon-select2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 100%;
	width: 8px;
	top: 0;
	right: 20px;
}

.woocommerce-input-wrapper>label {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #6e6c5d;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 176%;
	letter-spacing: -0.34px;
}

.woocommerce-checkout-payment-heading {
	padding: 0 15px;
}

.woocommerce-error {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 35px;
}

.woocommerce-error>li {
	font-size: 16px;
	color: #3E492B;
	background-color: #bbc79c;
	padding: 12px 20px;
	border-radius: 12px;
}

.form-row.place-order {
	display: block;
}

.woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 10px;
}

.woocommerce-cart-form__contents tbody tr:last-child {
	display: none;
}

.quantity {
	display: flex;
	border-radius: 35px;
	background: #E8E6D1;
	gap: 10px;
	height: 50px;
	max-width: 200px;
	padding: 0 5px;
	align-items: center;
}

.qty-wrap .quantity {
	flex: 0 0 245px;
	max-width: 100%;
}

.quantity .input-text {
	border: none;
	color: #6e6c5d;
	text-align: center;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	height: 100%;
	max-width: 225px;
	padding: 0;
	border-radius: 0;
}

.quantity button {
	border: none;
	background-color: transparent;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	background-image: url(assets/images/icons/icon-select2.svg);
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(-90deg);
	cursor: pointer;
	border-radius: 50%;
	transition: all .2s;
}

.product-remove>a:hover,
.quantity button:hover{
	background-color: #dbd9bc;
}

.quantity button.minus {
	transform: rotate(90deg);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.woocommerce-cart-form__contents {
	table-layout: auto;
	flex-direction: column;
}

.woocommerce-cart-form__contents tr {
	display: grid;
	grid-template-columns: 35px 150px 20% 18% 200px 1fr;
}

.woocommerce-cart-form__contents td {
	display: flex;
	align-items: center;
}

.cart-collaterals {
	border-radius: 15px;
	background-color: #E8E6D1;
	padding: 40px 35px;
}

.shop_table {
	margin-top: 20px;
}

.product-thumbnail img {
	width: 100%;
	height: auto;
}

.product-remove {
	padding: 0;
}

.product-remove>a {
	background-color: #e8e6d1;
	aspect-ratio: 1;
	border-radius: 50%;
	font-size: 24px;
	line-height: 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s;
}

.woocommerce-message {
	padding: 15px 25px;
	background-color: #e3e1c7;
	border-radius: 12px;
	font-size: 14px;
	color: #6e6c5d;
	font-weight: 500;
	margin-bottom: 15px;
}

/* #endregion */

/* #region Error 404 */
.error-404 {
	min-height: 85dvh;
	background-image: url(assets/images/bg/bg-404.webp);
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 0;
}

.error-404-container {
	max-width: 685px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.error-404-span {
	color: #F1EFE0;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	display: block;
	margin-bottom: 10px;
}

.error-404-title {
	color: #F1EFE0;
	font-size: clamp(32px, 3vw, 72px)
}

.error-404-text {
	color: #F1EFE0;
	text-align: center;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	text-wrap: balance;
	margin: 15px 0 30px 0;
}

/* #endregion */

/* #region Select2  */
.select2-search{
	display: none;
}

.select2-dropdown {
	background-color: #e8e6d1;
	border: 1px solid #bcc79d;
	border-radius: 10px;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true]{
	background-color: #e8e6d1;
}

.select2-results__option {
    padding: 10px;
	font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #dbd9c0;
    color: #000;
}

/* #endregion */

/* #region: Responsivo */
@media (max-width: 1680px) {
	.hhw-item>p,
	.value-item-content>p,
	p {
		font-size: 18px;
	}

	.textimony-item-title,
	.testimony-item-content>p,
	.menu-header>li:last-child>a {
		font-size: 17px;
	}

	.basket-info p {
		font-size: 15px;
	}

	.footer-biogoods {
		max-width: 86%;
	}

	.footer-right,
	.menu-footer {
		column-gap: 60px;
	}

	.basket-container,
	.testimony-container,
	.blog-container {
		padding: 0 6%;
	}

	.value-item-title {
		font-size: 24px;
	}

	.image-effect-text-title {
		font-size: 36px;
	}

	.basket-info-title,
	.hhw-item-link,
	.loop-product-link,
	.image-effect-text>p {
		font-size: 16px;
	}

	.frontpage-gallery-image {
		width: 280px;
	}

	.hhw-wrapper {
		padding: 0 20px;
	}

	.loop-products {
		gap: 15px;
	}

	.entry-summary {
		margin: 0;
		padding: 185px 50px;
		max-width: 100%;
	}

	.woocommerce-product-gallery {
		padding: 182px 50px;
	}

	.testimony-item:first-child {
		margin-left: 6%;
	}

	.testimony-item {
		flex: 0 0 400px;
	}

	.testimony-item-content::before {
		width: 30px;
		height: 25px;
	}

	.btn-slider {
		width: 45px;
		height: 45px;
	}

	.basket-info {
		grid-template-columns: 40% 20% 1fr;
		column-gap: 40px;
	}

	.basket-info>div::after {
		right: -20px;
	}

	.basket-info>.basket-info-serves::after {
		display: none;
	}

	.basket-optional {
		font-size: 10px;
	}

	.frontpage-hhw-content{
		margin: 50px 20px;
	}
}

@media (max-width: 1500px) {
	.header {
		top: 25px;
	}

	.frontpage-adopt-item-text {
		font-size: 18px;
	}

	.amap-works-box>p{
		font-size: 17px;
	}

	.amap-block-title,
	.adopt-benefits-items li,
	.menu-header>li>a,
	.blog-card-more,
	.hhw-item>p,
	.footer-right-side-text {
		font-size: 16px;
	}

	.hhw-item>p,
	.menu-footer .menu-item-has-children>a {
		font-size: 15px;
	}

	.menu-footer a {
		font-size: 14px;
	}

	.amap-block {
		gap: 10px;
	}

	.custom-logo-link {
		max-width: 235px;
		display: flex;
		transition: all .5s;
	}

	.custom-logo {
		width: 100%;
		height: auto;
	}

	.menu-footer .sub-menu {
		gap: 12px;
		margin-top: 12px;
	}

	.footer-bottom {
		margin-top: 240px;
	}

	.footer-right-side {
		max-width: 275px;
	}

	.blog-card-title {
		font-size: 20px;
	}

	.container,
	.main-container-secondary,
	.main-container {
		padding: 0 6%;
	}

	.hhw-item-title,
	.value-item-title {
		font-size: 22px;
	}

	.frontpage-gallery-image {
		width: 240px;
	}

	.hhw-item-title {
		line-height: 1.2;
	}

	.hhw-item {
		padding: 60px 25px 25px 25px;
		min-height: 430px;
	}

	.hhw-items {
		gap: 15px;
	}

	.frontpage-amap {
		padding: 60px 0 85px 0;
	}

	.single-blog {
		padding: 370px 15px 0 15px;
	}

	.single-blog-thumbnail {
		margin-top: -235px;
		max-width: 610px;
	}

	.adopt-benefits-items li::before {
		width: 20px;
	}

	.adopt-bottom-card,
	.adopt-bottom-content {
		padding: 30px;
	}

	.adopt-banner {
		padding: 75px 0 15px 0;
	}

	.woocommerce-banner {
		padding: 120px 0 40px 0;
	}

	.image-effect-text-title {
		font-size: 32px;
	}

	.image-effect-text {
		max-width: 330px;
	}

	.image-effect-text:last-child {
		top: 35%;
	}

	.woocommerce-product-gallery,
	.entry-summary {
		padding: 120px 50px;
	}

	.woocommerce-product-gallery__image>a {
		max-width: 350px;
	}

	.amap-content {
		max-width: 45%;
	}

	.amap-blocks {
		gap: 20px;
		max-width: 50%;
	}

	.amap-works-item>img {
		width: 100%;
		height: fit-content;
	}

	.amap-banner {
		padding: 130px 0 60px 0;
	}

	.common-page {
		padding: 120px 15px 0 15px;
	}

	.presentation {
		padding: 20px 0;
	}
}

@media (max-width: 1376px) {
	.menu-footer a {
		font-size: 13px;
	}

	.footer-right,
	.menu-footer {
		column-gap: 40px;
	}

	.footer-logos {
		gap: 30px;
	}

	.amap-works-box>p,
	.value-item-content>p {
		font-size: 16px;
	}

	.values-items {
		gap: 20px;
	}

	.hhw-item-link,
	.loop-product-link {
		font-size: 14px;
	}

	.woocommerce-error>li,
	.adopt-benefits-items li {
		font-size: 15px;
	}

	.container-md {
		padding: 0 6%;
	}

	.adopt-benefits-items li::before {
		width: 18px;
	}

	.adopt-benefits-flex {
		gap: 20px 40px;
	}

	.adopt-bottom-card-wrapper {
		max-width: 270px;
	}

	.adopt-bottom-image {
		width: 40%;
	}

	.testimony-title {
		max-width: 400px;
	}

	.amap-works {
		padding: 85px 0 115px 0;
	}
}

@media (max-width: 1280px) {
	.footer-bottom {
		margin-top: 200px;
	}

	.footer-right-side {
		max-width: 245px;
	}

	.woocommerce h4 {
		font-size: 18px;
	}

	p,
	.common-content td,
	.common-content li,
	.common-content p,
	.amap-works-content>p,
	.woocommerce .single-product-title,
	.single-product-content>h2,
	.woocommerce-input-wrapper>label,
	.frontpage-adopt-item-text,
	.woocommerce-privacy-policy-text>p,
	.menu-header>li:last-child>a {
		font-size: 16px;
	}

	.input-text,
	.menu-header>li>a,
	.footer-right-side-text {
		font-size: 15px;
	}

	.selection,
	.input-text {
		height: 45px;
	}

	.custom-logo-link {
		max-width: 200px;
	}

	.menu-header {
		gap: 30px;
	}

	.blog-card-date {
		font-size: 12px;
	}

	.local {
		padding: 80px 0 100px 0;
	}

	.values-title {
		text-wrap: balance;
	}

	.frontpage-adopt-item-image {
		max-width: 100%;
		height: fit-content;
	}

	.frontpage-adopt-item-title {
		max-width: 300px;
	}

	.frontpage-adopt-item:last-child {
		flex: 0 0 40%;
	}

	.hhw-item-title {
		font-size: 20px;
	}

	.frontpage-amap {
		padding: 20px 0 40px 0;
	}

	.adopt-bottom-image {
		bottom: 25px;
		width: 45%;
	}

	.others-product-container,
	.woocommerce-container {
		padding: 0 6%;
	}

	.woocommerce-banner {
		padding: 90px 0 30px 0;
	}

	.image-effect-text {
		max-width: 285px;
	}

	.image-effect-text-title {
		font-size: 28px;
	}

	.image-effect-text:last-child {
		top: 25%;
	}

	.image-effect-text>p {
		font-size: 14px;
	}

	.type-product {
		grid-template-columns: 40% 60%;
	}

	.woocommerce-product-gallery__image>a {
		max-width: 300px;
	}

	.testimonials {
		padding: 80px 0;
	}

	.adopt-block {
		padding: 25px 0
	}
}

@media (max-width: 1080px) {
	.common-hero-title {
		top: 25%;
		text-wrap: balance;
		max-width: 60%;
	}

	.footer-top {
		flex-direction: column;
		gap: 40px;
	}

	.footer-right {
		width: 100%;
		justify-content: space-between;
	}

	.footer-bottom {
		margin-top: 30px;
	}

	.footer-right-side {
		max-width: 276px;
	}

	.custom-logo-link {
		max-width: 180px;
		position: relative;
		z-index: 5;
	}

	.menu-header>li:last-child>a {
		padding: 14px 26px;
		font-size: 15px;
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered,
	.woocommerce-error>li,
	.adopt-benefits-items li,
	.blog-card-more,
	.menu-header>li>a {
		font-size: 14px;
	}

	.blog-card {
		padding: 20px;
	}

	#place_order,
	td.product-name,
	.blog-card-title {
		font-size: 18px;
	}

	.local {
		padding: 50px 0 85px 0;
	}

	.hww {
		padding: 75px 0;
	}

	.value-item-title {
		font-size: 20px;
	}

	.frontpage-hhw-content {
		border-radius: 0;
		margin: 50px 0;
		padding: 50px 0;
		overflow: hidden;
	}

	.hhw-items {
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.hhw-item {
		flex: 0 0 305px;
	}

	.hhw-wrapper {
		padding: 0;
	}

	.hhw-item:first-child {
		margin-left: 15px;
	}

	.hhw-item:last-child {
		margin-right: 15px;
	}

	.loop-products {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.hhw-items {
		cursor: grab;
	}

	.hhw-items.active {
		cursor: grabbing;
	}

	.input-checkbox,
	.input-radio {
		width: 22px;
		height: 22px;
	}

	.collect-item-address,
	.textimony-item-title,
	.testimony-item-content>p,
	.single-product-content li,
	.single-product-content>p,
	.methods>li>label {
		font-size: 15px;
	}

	td,
	.woocommerce-customer-details address,
	.woocommerce-customer-details address>p,
	.woocommerce-thankyou-order-details>li,
	.collect-item-title,
	.woocommerce .single-product-shop-title,
	.quantity .input-text,
	.woocommerce h4 {
		font-size: 16px;
	}

	.woocommerce-cart-form__contents tr {
		grid-template-columns: 35px 120px 20% 18% 160px 1fr;
	}

	.quantity button {
		width: 35px;
		height: 35px;
	}

	.image-effect-reverse:hover .image-with-mask {
		mask-size: 140%;
	}

	.image-effect-text {
		left: 6%;
	}

	.image-effect-text:last-child {
		top: 20%;
		right: 6%;
	}

	.cart:not(.variations_form),
	.woocommerce-variation-add-to-cart {
		align-items: flex-end;
	}

	.qty-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.quantity {
		height: 44px;
	}

	.others-products {
		padding: 45px 0;
	}

	.qty-wrap .quantity {
		flex: 0 0 auto;
	}

	.flex-control-thumbs>li {
		width: 45px;
		height: 45px;
	}

	.price {
		margin-bottom: 10px;
	}

	.testimony-item {
		flex: 0 0 360px;
	}

	.testemonials-items {
		gap: 10px;
	}

	.testimony-title {
		max-width: 325px;
	}

	.testimony-item-content::before {
		width: 25px;
		height: 20px;
	}

	.collect-items {
		gap: 12px;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.collect-item {
		padding: 30px;
		flex: 0 0 400px;
	}

	.collect-item-hour {
		flex-wrap: wrap;
	}

	.amap-works-flex {
		align-items: flex-start;
	}

	.amap-works-box {
		margin-top: 40px;
	}

	.basket {
		padding: 60px 0 80px 0;
	}

	.basket-info {
		grid-template-columns: 1fr 1fr;
		column-gap: 40px;
		row-gap: 15px;
	}

	.basket-info>div {
		min-height: auto;
	}

	.basket-info-included {
		grid-column: span 2;
	}

	.basket-info>.basket-info-included::after,
	.basket-info>.basket-info-serves::after {
		display: none;
	}

	.amap-banner {
		padding: 100px 0 45px 0;
	}

	.frontpage-adopt-item {
		padding: 30px;
	}

	.frontpage-adopt-item-image {
        max-width: 75%;
        margin-top: auto;
    }

	.receive {
		padding-bottom: 45px;
	}

	.amap-works {
        padding: 60px 0 95px 0;
    }
}

@media (max-width: 1024px) and (min-height: 600px) {
	.frontpage-hero {
		min-height: 650px;
	}

	.error-404 {
		min-height: 65dvh;
	}
}

@media (max-width: 980px) {
	.no-overflow {
		overflow: hidden;
	}

	.common-page {
		padding: 80px 15px 0 15px;
	}

	.common-content h2 {
		margin: 20px 0 5px 0;
	}

	.container-sm {
		padding: 0 6%;
	}

	.menu-menu-header-container {
		position: fixed;
		top: 0;
		right: -100vw;
		width: 50%;
		height: 100%;
		background-color: #3E492B;
		z-index: 2;
		padding: 115px 0;
		background-image: url(assets/images/bg/bg-mobile.webp);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: contain;
		transition: all 0.6s;
	}

	.menu-mobile.active+.menu-menu-header-container {
		right: 0;
	}

	.menu-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		width: 100%;
		padding: 0 30px;
		height: 100%;
	}

	.menu-header>li {
		width: 100%;
	}

	.menu-header>li:last-child {
		margin-top: auto;
	}

	.menu-header>li>a {
		font-size: 17px;
		color: #F1EFE0;
		padding-bottom: 20px;
		margin-bottom: 20px;
		display: block;
		border-bottom: 1px solid #4F5F33;
		transition: all .2s;
	}

	.menu-header>li>a:hover {
		border-color: #fff;
		padding-left: 10px;
	}

	.menu-header>li:last-child>a {
		font-size: 16px;
		display: flex;
		padding: 15px 30px;
		color: #000;
		margin-bottom: 0;
		justify-content: center;
		border: none !important;
	}

	.blog-section {
		padding: 100px 0 140px 0;
	}

	.blog-card-date {
		font-size: 10px;
	}

	.values-items {
		grid-template-columns: 1fr 1fr;
	}

	.value-item {
		display: grid;
		grid-template-columns: 35% 1fr;
		gap: 20px;
	}

	.values-section {
		padding: 55px 0 80px 0;
	}

	.frontpage-adopt-item {
		padding: 35px;
	}

	.frontpage-adopt-items {
		gap: 15px;
	}

	.frontpage-adopt-item:last-child {
		flex: 0 0 45%;
	}

	.frontpage-gallery-container {
		padding: 0 15px;
	}

	.blog-grid {
		display: flex;
		overflow-x: auto;
		margin: 30px -6vw;
		gap: 15px;
	}

	.blog-grid .blog-card {
		flex: 0 0 285px;
	}

	.blog-grid .blog-card:first-child {
		margin-left: 15px;
	}

	.blog-grid .blog-card:last-child {
		margin-right: 15px;
	}

	.single-blog-thumbnail {
		max-width: calc(100% - 120px);
		margin-top: -195px;
	}

	.single-blog {
		padding: 315px 15px 0 15px;
	}

	.type-product {
		grid-template-columns: 35% 65%;
	}

	.woocommerce-product-gallery,
	.entry-summary {
		padding: 95px 40px;
	}

	.amap-works-flex {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
	}

	.amap-works-box {
		margin-top: 0;
		flex: 0 0 auto;
	}

	.amap-works {
		padding: 80px 0;
	}

	.menu-mobile {
		width: 32px;
		height: 25px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		position: relative;
		z-index: 5;
	}

	.menu-mobile>span {
		height: 1px;
		width: 100%;
		background-image: url(assets/images/icons/icon-mobile.webp);
		display: block;
		filter: invert(1);
		position: relative;
		transition: all 0.2s;
	}

	.menu-mobile.active>span {
		filter: invert(0);
	}

	.menu-mobile.active>span:first-child {
		rotate: 45deg;
		top: 14px;
	}

	.menu-mobile.active>span:nth-child(2) {
		opacity: 0;
	}

	.menu-mobile.active>span:last-child {
		rotate: -45deg;
		bottom: 10px;
	}
}

@media (max-width: 820px) {
	.menu-footer {
		flex-direction: column;
		gap: 30px;
	}

	.footer-contact {
		margin-top: 30px;
	}

	.footer-bottom {
		margin-top: 60px;
	}

	.footer-right-side {
		max-width: 100%;
	}

	.footer-right {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.faq-bottom-text,
	.blog-card-title {
		font-size: 16px;
	}

	.form-row>label {
		font-size: 13px;
	}

	.common-flex-content {
		max-width: 48%;
	}

	.frontpage-gallery-wrapper {
		gap: 10px;
	}

	.frontpage-gallery-image {
		width: 225px;
	}

	.loop-products {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.adopt-benefits-flex {
		flex-direction: column;
		align-items: flex-start;
	}

	.adopt-benefits {
		padding: 70px 0;
	}

	@keyframes maskOut {
		0% {
			mask-size: 100%;
			opacity: 1;
		}

		50% {
			mask-size: 90%;
			opacity: 0;
		}

		100% {
			mask-size: 90%;
			opacity: 0;
		}
	}

	@keyframes maskIn {
		0% {
			mask-size: 100%;
			opacity: 0;
		}

		50% {
			mask-size: 90%;
			opacity: 1;
		}

		100% {
			mask-size: 90%;
			opacity: 1;
		}
	}

	.adopt-content {
		flex: 0 0 55%;
	}

	.image-effect-reverse .image-with-mask {
		mask-size: 140%;
	}

	.image-effect-reverse .image-effect-text {
		opacity: 1;
		top: 50%;
		transform: translateY(-50%);
	}

	.loop-products-4 {
		gap: 10px;
	}

	.loop-product-link {
		display: none;
	}

	.loop-product:hover .loop-product-content {
		transform: translateY(0);
	}

	.btn-slider {
		width: 38px;
		height: 38px;
	}

	.collect-item-address {
		font-size: 14px;
		line-height: 1.5;
	}

}

@media (max-width: 768px) {
	.common-hero-image {
		aspect-ratio: 1.2 / 1;
	}

	.image-drawing{
		height: auto;
	}

	.othes-articles {
		padding: 50px 0;
	}

	.frontpage-hero-wrapper {
		transform: translateY(-50%);
		padding: 0 15px;
	}

	.woocommerce-cart-form__contents thead {
		display: none;
	}

	.woocommerce-cart-form__contents td {
		border-bottom: none;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.woocommerce-cart-form__contents td::before {
		content: attr(data-title);
		font-size: 13px;
		line-height: 1;
		color: #bbc79c;
	}

	.quantity {
		height: 45px;
	}

	.woocommerce-cart-form__contents tr {
		grid-template-columns: 35px 130px 38% 1fr;
		border-bottom: 1px solid #C5C19C;
	}

	.quantity .input-text {
		font-size: 14px;
	}

	.product-thumbnail,
	.product-remove {
		grid-row: span 2;
		align-self: center;
	}

	.image-effect-reverse .image-with-mask {
		mask-size: 100%;
		height: auto;
	}

	.image-effect-reverse .image-effect-text {
		top: 0;
		transform: unset;
		left: 0;
		max-width: 100%;
		transition: none;
		transition-delay: unset;
		position: relative;
	}

	.image-effect-reverse .image-with-mask {
		mask-size: 100%;
		height: auto;
	}

	.image-effect-text-wrapper {
		padding: 50px 15px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}

	.image-effect {
		flex-direction: column;
	}

	.image-effect-text>p,
	.image-effect-text-title {
		text-align: start;
	}

	.image-effect-text::before {
		display: none;
	}

	.image-effect-text-title {
		font-size: 24px;
	}

	.image-effect-text>p {
		color: #454545;
	}

	.loop-products-4 {
		display: flex;
		overflow-x: auto;
		margin: 30px -6vw 0 -6vw;
		padding: 0 6vw;
		scrollbar-width: none;
	}

	.loop-products-4 .loop-product {
		flex: 0 0 165px;
	}

	.amap-works-item {
		flex: 0 0 160px;
	}

	.amap-works-item:first-child {
		margin-left: 6vw;
	}

	.amap-works-item:last-child {
		margin-right: 6vw;
	}

	.amaps-works-grid {
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
		margin: 35px -6vw;
	}

	.amaps-works-grid::-webkit-scrollbar {
		display: none;
	}

	.amap-works {
		padding: 50px 0;
	}

	.basket-item {
		padding: 20px;
	}

	.error-404-container {
		padding: 0 15px;
	}

	.common-content table {
		display: block;
	}
}

@media (max-width: 720px) {
	.grid-3 {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.loop-product-title,
	.blog-card-title {
		font-size: 18px;
	}

	.common-flex-image {
		max-width: 70%;
		margin: 0 auto;
	}

	.common-flex {
		flex-direction: column;
		gap: 15px;
	}

	
	.block-2 .common-flex,
	.common-flex-inverted-column {
		flex-direction: column-reverse;
	}

	.common-flex-content {
		max-width: 100%;
	}

	.common-flex-content {
		max-width: 100%;
		text-align: center;
	}

	.amap-content>p,
	.common-flex-content>h2 {
		text-wrap: balance;
	}

	.hww {
		padding: 40px 0 60px 0;
	}

	.value-item {
		display: block;
	}

	.frontpage-block {
		padding: 80px 0;
	}

	.loop-product-info {
		font-size: 14px;
	}

	.container-md .common-flex {
		flex-direction: row-reverse;
	}

	.common-flex-content-secondary {
		max-width: 100%;
		text-wrap: balance;
		text-align: center;
	}

	.adopt-bottom-flex {
		flex-direction: column;
		gap: 20px;
	}

	.adopt-bottom {
		padding-bottom: 65px;
	}

	.adopt-benefits {
		padding: 45px 0 55px 0;
	}

	.type-product {
		grid-template-columns: 100%;
	}

	.woocommerce-product-gallery,
	.entry-summary {
		padding: 35px 6%;
	}

	.woocommerce-product-gallery__image>a {
		max-width: 220px;
	}

	.woocommerce-product-gallery::before {
		display: none;
	}

	.amap-flex {
		flex-direction: column;
		gap: 25px;
	}

	.amap-blocks {
		max-width: 100%;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.amap-content {
		max-width: 100%;
	}

	.amap-block-title {
		font-size: 15px;
	}

	.amap {
		padding: 50px 0 30px 0;
	}
}

@media (max-width: 600px) {
	.custom-logo-link.active {
		filter: invert(1);
	}

	.woocommerce-customer-details address,
	.woocommerce-customer-details address>p,
	.woocommerce-thankyou-order-details>li,
	.amap-works-content>p,
	.woocommerce-input-wrapper>label,
	.woocommerce-privacy-policy-text>p,
	.common-content td,
	.common-content li,
	.common-content p,
	.value-item-content>p,
	p {
		font-size: 15px;
	}

	.textimony-item-title,
	.testimony-item-content>p,
	.methods>li>label {
		font-size: 14px;
	}

	.input-checkbox,
	.input-radio {
		width: 20px;
		height: 20px;
	}

	.value-item-title {
		font-size: 18px;
	}

	.main-container-secondary,
	.testimony-container,
	.container-md,
	.container,
	.woocommerce-container,
	.main-container,
	.header-container,
	.container-sm,
	.blog-container {
		padding: 0 15px;
	}

	.testimony-item:first-child {
		margin-left: 15px;
	}

	.entry-summary {
		padding: 35px 15px;
	}

	.blog-card-title {
		font-size: 16px;
	}

	.woocommerce-error>li,
	.blog-card-more {
		font-size: 12px;
	}

	.values-items {
		gap: 15px;
	}

	.frontpage-adopt-item:last-child {
		flex: 0 0 280px;
		margin-right: 15px;
	}

	.frontpage-adopt-item {
		flex: 0 0 335px;
		margin-left: 15px;
	}

	.frontpage-adopt-items {
		overflow-x: auto;
		margin: 0 -15px;
		gap: 0;
		scrollbar-width: none;
	}

	.frontpage-adopt-items::-webkit-scrollbar {
		display: none;
	}

	.frontpage-adopt-item-title {
		max-width: 200px;
	}

	.frontpage-adopt {
		padding-bottom: 80px;
	}

	.blog-grid {
		margin: 30px -15px;
	}

	.amap-blocks,
	.loop-products {
		grid-template-columns: 1fr 1fr;
	}

	.single-blog-thumbnail {
		margin-top: -140px;
		max-width: calc(100% - 40px);
	}

	.single-blog {
		padding: 225px 15px 0 15px;
	}

	.common-page::before,
	.single-blog::before {
		height: 300px;
	}

	.single-blog-date {
		font-size: 10px;
	}

	.frontpage-block {
		padding: 45px 0;
	}

	.woocommerce-content {
		padding: 50px 0 80px 0;
	}

	.woocommerce-checkout-review-order {
		padding: 30px 25px;
	}

	#place_order {
		font-size: 16px;
	}

	.woocommerce-product-gallery {
		padding: 80px 15px 30px 15px;
	}

	.faq-bottom {
		flex-direction: column;
		gap: 10px;
	}

	.faq {
		padding-bottom: 80px;
	}

	.testimony-item {
		flex: 0 0 310px;
	}

	.btns-slider {
		display: none;
	}

	.testimony-title {
		text-align: center;
		max-width: 70%;
		margin: 0 auto;
	}

	.testimonials {
		padding: 50px 0;
	}

	.basket-grid,
	.collect-items {
		grid-template-columns: 100%;
	}

	.receive {
		padding-bottom: 60px;
	}

	.basket {
		padding: 40px 0 65px 0;
	}

	.menu-menu-header-container {
		width: 100%;
	}

	.common-hero-title{
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.footer-container {
		padding: 0 15px;
	}

	.footer-right-side-text {
		font-size: 14px;
	}

	.common-flex-content {
		text-align: start;
	}

	.common-flex-image {
		max-width: 90%;
	}

	.adopt-benefits-items li {
		font-size: 12px;
		gap: 8px;
	}

	.adopt-benefits-items li::before {
		width: 14px;
	}

	.container-md .common-flex,
	.adopt-flex {
		flex-direction: column;
	}

	.common-flex-content-secondary {
		max-width: 100%;
		text-align: center;
		text-wrap: balance;
	}

	.adopt-bottom-image {
		bottom: 0;
		width: 100%;
		position: relative;
		right: 0;
	}

	.woocommerce-cart-form__contents tr {
		grid-template-columns: 30px 100px 38% 1fr;
	}

	.quantity button {
		width: 20px;
		height: 20px;
		background-size: 8px;
	}

	.cart-collaterals {
		padding: 30px 25px;
	}

	.image-effect-text-wrapper {
		grid-template-columns: 100%;
		gap: 10px;
	}

	.frontpage-hero-image {
		mask-position: center 80%;
	}

	@keyframes maskIn {
		0% {
			mask-size: 100%;
			opacity: 0;
		}

		50% {
			mask-size: 90%;
			opacity: 1;
		}

		100% {
			mask-size: 120%;
			opacity: 1;
		}
	}

	@keyframes maskOut {
		0% {
			mask-size: 100%;
			opacity: 1;
		}

		50% {
			mask-size: 90%;
			opacity: 0;
		}

		100% {
			mask-size: 100%;
			opacity: 0;
		}
	}

	.frontpage-hero-wrapper {
		transform: translateY(-65%);
	}

	.block-2 {
		padding: 0;
	}

	.block-2:nth-child(odd) {
		padding: 30px 0;
	}

	.image-effect {
		aspect-ratio: 1;
	}

    .image-drawing {
        height: 100%;
    }

	.image-effect-reverse .image-drawing{
		height: auto;
	}

	.frontpage-hhw-content {
		margin: 30px 0;
	}

	.frontpage-products {
		padding: 20px 0 55px 0;
	}

	.frontpage-blog {
		padding: 45px 0;
	}

	table.variations tr {
		display: grid;
		grid-template-columns: 115px 1fr;
	}

	.amap-works-box>p {
		font-size: 15px;
	}

	.amap-works-item {
		flex: 0 0 135px;
	}
}

@media (max-width: 420px) {
	.common-content td {
		font-size: 14px;
	}

	.common-hero-image {
		aspect-ratio: 1;
	}

	.common-flex-image {
		max-width: 100%;
	}

	.grid-3 {
		grid-template-columns: 100%;
	}

	.blog-card {
		aspect-ratio: unset;
		min-height: 230px;
	}

	.blog-card-title {
		font-size: 18px;
	}

	.frontpage-image-effect {
		aspect-ratio: 1;
	}

	.woocommerce-cart-form__contents tr {
		grid-template-columns: 120px 1fr 1fr;
		position: relative;
	}

	td.product-quantity,
	td.product-name {
		grid-column: span 2;
	}

	td.product-subtotal {
		grid-column: 3;
		grid-row: 2;
	}

	.product-remove {
		position: absolute;
		right: 15px;
		bottom: 15px;
		width: 45px;
	}
}

@media (max-width: 400px) {
	.footer-right {
		grid-template-columns: 100%;
		row-gap: 30px;
	}

	.footer-biogoods {
		max-width: 100%;
	}

	.footer-bottom {
		margin-top: 30px;
		flex-direction: column;
		align-items: center;
		row-gap: 20px;
	}

	.values-items {
		margin: 30px -15px 0 -15px;
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.value-item {
		flex: 0 0 220px;
	}

	.value-item:first-child {
		margin-left: 15px;
	}

	.value-item:last-child {
		margin-right: 15px;
	}

	.single-blog-container {
		padding: 0 20px;
	}

	.single-blog-thumbnail {
		max-width: calc(100% - 20px);
	}

	.is-right-col {
		transform: translateY(0);
	}

	.adopt-benefits-items {
		width: 100vw;
		margin: 0 -15px;
	}

	.adopt-benefits-items li {
		font-size: 14px;
		flex: 0 0 225px;
	}

	.adopt-benefits-items ul {
		display: flex;
		column-count: auto;
		gap: 10px;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0 15px;
		scrollbar-width: none;
	}

	.hhw-item {
		flex: 0 0 290px;
		padding: 50px 20px 20px 20px;
	}

	.frontpage-adopt-item {
		flex: 0 0 310px;
		padding: 30px;
	}
}

/* #endregion */