/* Robout Thin (100) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Thin.otf") format("opentype");
	font-weight: 100;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout ExtraLight (200) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Extralight.otf") format("opentype");
	font-weight: 200;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout Light (300) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Light.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout Regular (400) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout Medium (500) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout SemiBold (600) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Semibold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout Bold (700) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout ExtraBold (800) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Extrabold.otf") format("opentype");
	font-weight: 800;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Robout Black (900) */
@font-face {
	font-family: "Robout";
	src: url("../fonts/Robout-Black.otf") format("opentype");
	font-weight: 900;
	font-style: normal;
	font-display: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

html, body {
    overflow-x: hidden !important;
}

h1 {
	line-height: 1;
}

.row {
	max-width: 1200px;
}

* {
	font-family: "Robout", sans-serif;
}

ul {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.w-30 {
	width: 30%;
}

.w-40 {
	width: 40%;
}

.w-60 {
	width: 60%;
}


a:hover {
	text-decoration: none;
}

.contact-img {
	padding: 0;
}

.col-md-3 {
	padding: 0;
}
h2 {
	font-weight: 600;
	font-size: 40px;
	line-height: 1;
}

p {
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 0;
}

header {
	background: #1E1E1E !important;
	padding: 40px 0 !important;
}

header .row {
	flex-wrap: nowrap;
}

footer {
	background-color: #1E1E1E;
	color: #EDEDE9;
	padding: 88px 0 29px;
}

footer ul,  ol {
	list-style: none;
	padding: 0;
}

footer .link-column h2 {
	font-size: 16px;
	font-weight: 600;	
    margin-bottom: 15px;
}

footer .link-column li {	
    margin-bottom: 5px;
}


footer .link-column a {
	color: #EDEDE9;
	font-weight: 300;
	font-size: 15px;
}

footer .social-footer {
	display: flex;
	gap: 8px;
}


.logo-links-col {
	justify-content: space-between;
	align-items: start !important;
}

.container {
	max-width: 1200px !important;
	padding: 0 !important;
}

div#navbar-menu {
	justify-content: center;
	align-items: center;
	width: 1200px !important;
}

.col-img-nav {
	margin-right: -107px;
}

.skip-content {
	display: none;
}

.nav-item img {
	margin-right: 28px;
}

.nav-link {
	color: #EDEDE9 !important;
	font-weight: 300;
	font-size: 10px;
    letter-spacing: 0.25em;
}

.nav-link:hover {
	color: #956934 !important;
}

.nav-active {
	color: #956934 !important;
	font-weight: bold;
}

a.nav-link.our-collection-btn-nav {
	border: solid 1px #EDEDE9;
	border-radius: 0 !important;
	padding: 11px 0 !important;
	margin-left: 28px;
    width: 255px;
	font-weight: 200;
	font-size: 12px;
	letter-spacing: 0.255em;
}

a.nav-link.our-collection-btn-nav:hover {
	color: #EDEDE9 !important;
}

.hero-banner {
	position: relative;
	height: 709px;

}

.videoOverlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 709px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.contentCta {
	color: #EDEDE9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.contentCta h1 {
	font-weight: 100;
	font-size: 100px;
	line-height: 0.9;
	margin: 0;
}

.contentCta p {
	font-size: 25px;
	font-weight: 100;
}

.btn-hero {
	margin-top: 95px;
	font-size: 12px;
	font-weight: 300;
	padding: 25px 63px;
	background-color: #3F3C25;
	color: #EDEDE9;
	letter-spacing: 0.355em;
}

.about-us-section {
	display: flex;
}

.about-us-div1 {
	background: url('/assets/images/shape.webp');
	height: 609px;
	width: 45%;
	background-repeat: no-repeat;
	background-size: cover;
}

.about-us-div2 {
	height: 609px;
	width: 55%;
	background-repeat: no-repeat;
	background: url('/assets/images/about_us.webp');
	background-position: center center;
	background-size: cover;
}

.about-us-col {
	width: 1200px;
	display: flex;
	justify-content: left;
	align-items: center;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.about-us-content {
	width: 613px;
	padding: 53px 77px;
	background-color: #EDEDE9;
	z-index: 2;
	text-align: left;
	display: flex;
	justify-content: left;
	align-items: unset;
	flex-direction: column;
	gap: 20px;
}

.about-us-content h2 {
	font-size: 38px;
    color: #3F3C25;
}

.about-us-content p {
	color: #3F3C25;
}

.btn-about-us {
	font-size: 12px;
	font-weight: 300;
	padding: 25px 63px;
	text-align: center;
	width: 100%;
	background-color: #956934;
	color: #EDEDE9;
	letter-spacing: 0.255em;
	border: none !important;
}

.personal-sanctuary-section {
    padding: 82px 0;
}

.personal-sanctuary-section .container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0;
}

.personal-sanctuary-content {
    width: 40%;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.personal-sanctuary-content h2, .personal-sanctuary-content p {
    color: #3F3C25;
}

.personal-sanctuary-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.personal-sanctuary-img img {
	object-fit: cover;
}

.vietnamita-section {
	background: url('/assets/images/vietnamita.webp');
	height: 678px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vietnamita-section h2 {
	margin-top: 40px;
	font-size: 27px !important;
	font-weight: 300;
	color: white;
	line-height: 33px;
}

.wisdom-section {
	height: 726px;
	position: relative;
	display: flex;
}

.wisdom-div1 {
	background: white;
	width: 25%;
}

.wisdom-div2 {
	height: 100%;
	width: 75%;
	background-repeat: no-repeat;
	background: url('/assets/images/wisdom-section-bg.webp');
	background-position: center center;
	background-size: cover;
}

.wisdom-col {
	width: 1200px;
	display: flex;
	justify-content: left;
	align-items: center;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.wisdom-content {
	width: 613px;
	padding: 53px 77px;
	background-color: #3F3C25;
	z-index: 2;
	text-align: left;
	display: flex;
	justify-content: left;
	align-items: unset;
	flex-direction: column;
	gap: 20px;
}

.wisdom-content h2 {
	font-size: 38px;
    color: #EDEDE9;
}

.wisdom-content p {
	color: #EDEDE9;
}

.catalog-section {
	display: flex;
	justify-content: center;
    align-items: center;
}

.catalog-div1 {
	background: white;
	height: 724px;
	width: 50%;
	background: url('/assets/images/HORIZON_CATALOG.webp');
	background-position: center center;
	background-size: cover;
}

.catalog-div2 {
	height: 100%;
	width: 50%;
	display: flex;
}

.catalog-content {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: auto 10%;
    flex-wrap: wrap;
	width: 425px;
	gap: 27px;
}

.catalog-content h2 {
	font-size: 40px;
    color: #3F3C25;
}

.catalog-content p {
	color: #272727;
}

.contact-section {
	background-color: #1E1E1E;
	padding-top: 80px;
	margin-bottom: -146px;
}

.contact-section .row {
	justify-content: space-between;
}


.location-contact {
	margin: 0 !important;
}

.contact-content {
	width: 473px;
	padding: 0 !important;
}

.contact-img {
	width: 676px;
}

.contact-content h2 {
	font-size: 40px;
	text-transform: uppercase;
    color: white;
}

.contact-content h3 {
	font-size: 22px;
	color: white;
	font-weight: 600;
}

.contact-content p {
	color: white;
	line-height: 26px;
	padding: 40px 0 60px;
}

#form-btn {
	padding: 30px 63px;
}

.form-label {
	color: white;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.15em;
}

.form-control {
	border-radius: 0;
	border: none !important;
}

.blog-section {
	background-color: white;
	padding: 130px 0 50px;
}

.blog-contact-section {
	padding-bottom: 94px;
}


.blog-section h2 {
	font-size: 38px;
    color: #3F3C25;
}

.form-title-blog {
	font-size: 40px !important;
}

#blog-contact-form .divider {
	padding: 18px 0 !important;
}

#blog-contact-form p {
	padding: 0 0 35px;
}

.contact-us-banner {
	height: 278px;
	width: 100%;
	background: url('/assets/images/contactus-banner.webp');
	background-position: center center;
	background-size: cover;
}


.contact-us-page  {
	background-color: #fff;
}
.contact-us-page .contact-section {
	background-color: #fff;
	height: auto;
	margin-bottom: 60px;
}

.contact-us-page .contact-section .row {
	gap: 50px;
	justify-content: inherit;
}

.contact-us-page .contact-content {
	padding: 0 !important;
}

.contact-us-page .contact-content .divider {
padding: 0 !important;
}

.contact-us-page .contact-img {
	position: relative;
	width: 50% !important;
	padding: 0 !important;
}

.contact-us-page .contact-img img {
	position: absolute;
    top: -266px;
}

.contact-us-page .contact-content h1 {
	font-size: 38px;
	color:#3F3C25;
	font-weight: 600;
	margin-bottom: 15px;
}

.contact-content .divider {
	padding: 35px 0 20px;
}

.contact-us-page .contact-content h2 {
	font-size: 22px;
	color:#3F3C25;
	font-weight: 600;
	text-transform: none;
}

.contact-us-page .contact-content p {
	font-size: 14px;
	color:#3F3C25;
	font-weight: 300;
	padding: 20px 0 40px;
}

.contact-us-page form input, .contact-us-page form .form-control{
	background: #EDEDE9;
}

form .form-select {
	background-color: #EDEDE9;
	background-image: url('/assets/images/Vector2.svg');
	border-radius: 0 !important;

}

.contact-us-page form .row {
	gap: 0 !important;
}

form .btn-about-us {
	font-weight: 200;
    padding: 12px 63px;
    letter-spacing: 0.34rem;
}


.contact-us-page .form-label {
	font-size: 10px;
	color:#3F3C25;
	letter-spacing: 0.15rem;
	font-weight: 400;
}

.about-us-banner-bg {
	height: 100%;
	width: 100%;
	background: url('/assets/images/banner-about-us.webp');
	background-position: center center;
	background-size: cover;
}

.aboutus-page-section {
	background-color: white;
	margin-bottom: -160px;
}

.aboutus-page-section .container {
    display: flex;
    justify-content: space-around;
    gap: 30px;
    padding: 0;
}

.aboutus-page-content {
    width: 40%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 90px;
}

.aboutus-page-content h1 {
    font-size: 100px;
	font-weight: 100;
	color: #3F3C25;
	padding: 0;
	margin: 0 0 30px 0;
}

 .aboutus-page-content p {
    color: #3F3C25;
	font-size: 14px;
	font-weight: 300;
		padding: 0;
	margin: 0;
}

.aboutus-page-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.aboutus-page-img img {
	object-fit: cover;
}

.our-mission-section {
	background: #3F3C25;
	padding: 65px 0;
}

.our-mission-section .container {
	display: flex;
}

.our-mission-section h2 {
	font-size: 20px;
	font-weight: 100;
	color: #EDEDE9;
}

.our-mission-section h3, .our-mission-section li {
	font-size: 14px;
	font-weight: 300;
	color: #EDEDE9;
}

.our-mission-div {
	width: 25%;
	padding-right: 40px;
}

.our-vision-div {
	width: 25%;
	padding: 0 40px;
	border-right: solid 0.5px #956934;
	border-left: solid 0.5px #956934;
}

.our-values-div {
	width: 50%;
	padding-left: 40px;
}

.about-icon-div {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.coming-soon-container {
	display: flex;
	margin-top: -150px;
	padding-bottom: 80px;
}

.coming-soon-div1{
	margin-top: -22px;
}

.coming-soon-div1 h1 {
	font-size: 183px;
	font-weight: 100;
	color: #3F3C25;
	line-height: 0.9;
}

.coming-soon-div1 h2 {
	font-size: 40px;
	font-weight: 600;
	color: #3F3C25;
	line-height: 1;
	margin-bottom: 40px;
}

.coming-soon-div1 h3 {
	font-size: 14px;
	font-weight: 300;
	color: #3F3C25;
	line-height: 1.2;
	padding: 40px 133px 40px 0;
	margin: 0;
}

.coming-soon-div1 p {
	font-size: 10px;
	font-weight: 300;
	color: #3F3C25;
	line-height: 1.2;
	letter-spacing: 0.33rem;
	padding-bottom: 12px;
}

.location-viet {
	height: 501px;
}

.location-contact {
	padding-bottom: 80px;
}

.catalog-hero-section {
	padding: 60px 0 102px;
}

.catalog-hero-section .container {
	align-items: center;
	justify-content: center;
	padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.catalog-sanctuary-content {
	display: flex;
	padding-bottom: 40px;
	gap: 60px;
}

.catalog-sanctuary-content h1 {
	font-size: 100px;
	font-weight: 100;
	text-align: right;
	line-height: 1;
	text-transform: uppercase;
	color: #3A261F;
}

.catalog-sanctuary-content p {
	font-size: 14px;
	font-weight: 300;
	color: #3F3C25;
}

.catalog-sanctuary-content-title {
	width: 75%;
}

.catalog-sanctuary-content-p {
	width: 39%;
}

.catalog-sanctuary-content-p p {
	margin: 10px 0 20px 0;
}

.nav-catalog {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.nav-catalog .top-row,
.nav-catalog .bottom-row {
  display: flex;
  gap: 18px;
}

.nav-catalog .top-row li,
.nav-catalog .bottom-row li {
list-style: none;
}

.nav-catalog .top-row {
  justify-content: space-between;
  width: 100%;
  max-width: 1047px;
}

.nav-catalog .bottom-row {
  justify-content: center;
  width: 100%;
  max-width: 777px;
}

.nav-catalog-custom-width-1 {
	width: 278px;
}

.nav-catalog-custom-width-2 {
	width: 423px;
}

.nav-catalog-custom-width-3 {
	width: 309px;
}

.nav-catalog-custom-width-4 {
	width: 302px;
}

.nav-catalog-custom-width-5 {
	width: 458px;
}

.nav-catalog a {
  color: #EDEDE9;
  text-decoration: none;
  display: block;
  background-color: #3F3C25;
padding: 20px;
font-family: sans-serif;
letter-spacing: 0.35rem;
font-weight: 200;
font-size: 11px;
text-transform: uppercase;
text-align: center;
color: #EDEDE9;
}
.catalog-page-vases-section {
	background: #1E1E1E;
	padding-top: 97px;
}

.catalog-page-vases-section h2 {
	color: #EDEDE9;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 158px;
	padding-bottom: 20px;
}

.catalog-vases-right {
	display: flex;
	align-items: center;
    justify-content: center;
	flex-direction: row;
}

.catalog-vases-right.reverse {
    flex-direction: row-reverse; /* inverte: texto esquerda, imagem direita */
	padding-left: 80px;
	margin: 30px 0;
}

.bg-1, .bg-2, .bg-3 {
	height: 730px;
	width: 100%;
	background-position: center center;
	background-size: cover;
}

.bg-1 {
    background-image: url('/assets/images/vases_01.webp');
}

.bg-2 {
    background-image: url('/assets/images/vases_02.webp');
}

.bg-3 {
    background-image: url('/assets/images/vases_03.webp');
}

.catalog-vases-right-div {
	width: 70%;
}

.catalog-right-copy {
	width: 30%;
}

.catalog-vases-right h3 {
 	color: #3F3C25;
	font-weight: 400;
	font-size: 30px;
}

.catalog-vases-right p {
 	color: #3F3C25;
	font-weight: 100;
	font-size: 15px;
	width: 65%;
	padding: 10px 0 50px 0;
}


/* --- ESTILOS DO CARROSSEL AJUSTADOS --- */

/* O contêiner principal do carrossel */
.carousel-container {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
	width: 262px;
}

/* Moldura visível e fixa */
.carousel-frame {
    width: 262px;
    height: 341px;
    border: 3px solid #3f3c25;
    position: relative;
    box-sizing: border-box;
	overflow: hidden;
	touch-action: pan-y;    /* permite só scroll vertical, libera o horizontal pra você */
	-ms-touch-action: pan-y; /* pra IE/Edge antigos */
}

/* Wrapper dos slides que se move horizontalmente */
.carousel-slides {
    display: flex;
    height: 100%;
	will-change: transform;
	user-select: none; 
}

/* Cada slide ocupa toda a moldura */
.carousel-slide {
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* As imagens se encaixam sem estourar */
.carousel-slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* Botões posicionados FORA da moldura */
.carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 2rem;
    color: #956934;
    cursor: pointer;
    z-index: 10;
    user-select: none;
}

/* Setas fora da moldura */
.carousel-button.prev {
    left: -40px;
}

.carousel-button.next {
    right: -40px;
}

/* Pontinhos abaixo */
.carousel-dots {
    position: absolute;
    bottom: -20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex;
    gap: 10px;
	justify-content: center !important;
}

.dot, .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #956934 !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
	opacity: 1 !important;
}


.dot.active, .swiper-pagination-bullet-active {
    background-color: #3f3c25 !important;
}

.olive-tree-section {
	height: 1538px;
	width: 100%;
	background-position: center center;
	background-size: cover;
    background-image: url('/assets/images/olive-tree-bg.webp');
	position: relative;
	margin-top: -140px;
}

.olive-tree-section h2 {
	text-transform: uppercase;
	color: #EDEDE9;
	font-size: 158px;
	font-weight: 100;
	padding: 220px 0 88px;
}

.olive-tree-img-content {
	padding: 47px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.olive-tree-copy {
	position: absolute;
    padding: 14px 25px 12px 25px;
    bottom: 0;
	width: 100%;
	color: white;
	background-color: rgba(65, 68, 26, 0.7);
}

.olive-tree-img-content h3 {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	color: white;
}

.olive-tree-img-content p {
	font-size: 11px;
	font-weight: 500;
	color: white;
}

#contact-catalog {
	background-color: white;
}

#contact-catalog .row  {
	justify-content: inherit;
	align-items: stretch;
	gap: 32px;
}


#contact-catalog .contact-img {
	object-fit: cover;
	width: 722px !important;
	padding: 0;
}

#contact-catalog .contact-content {
	padding: 0;
	width: 446px !important;
	padding: 0;
}

#contact-catalog h2, #contact-catalog p, #contact-catalog .form-label, #contact-catalog h3 {
	color: #3f3c25;
}

#contact-catalog .form-control {
	background-color: #EDEDE9;
}

.product-catalog-page {
	background-color: #1e1e1e;
}

.product-section-banner {
	width: 100%;
	background: url('/assets/images/artisan-banner.webp');
	background-position: center center;
	background-size: cover;
}

.product-section-banner h1 {
	font-weight: 100;
	font-size: 100px;
	padding: 117px 0 167px;
	text-align: center;
	color: #EDEDE9;
}

.product-catalog-page .contact-section {
	padding: 0 0 88px 0;
	background: transparent;
    margin-top: -52px;
}

.product-catalog-page .contact-img {
	width: 786px;
}

.product-catalog-page .contact-content {
	width: 30%;
}

.product-catalog-page .contact-section .row {
	align-items: center;
}

.product-catalog-page #top-p-title {
	padding-bottom: 0;
	font-size: 10px;
	font-weight: 200;
	color: #EDEDE9;
	letter-spacing: 0.6rem;
}

.product-catalog-page .contact-content h2 {
	padding-bottom: 0;
	font-size: 37px;
	font-weight: 100;
	color: #EDEDE9;
	text-transform: none;
}

.product-catalog-page .contact-content p {
	padding-bottom: 0;
	font-size: 14px;
	font-weight: 300;
	color: #EDEDE9;
}

.product-card-box-section {
	color: #EDEDE9;
	padding-top: 170px;
}

.product-card-box-section h2 {
	font-size: 40px;
	font-weight: 600;
}

.product-card-box-section h3 {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.31rem;
	text-transform: uppercase;
	padding-bottom: 37px;
}

.product-card-box-section p {
	padding: 30px 0 55px;
}

.card-container {
	margin-bottom: 70px;
	justify-content: space-between;
}


@media (min-width: 768px) {
	.card-container .col-md-3 {
        flex: 0 0 auto;
        width: 273px;
    }
}

.card-container button {
	padding: 0;
	background: none;
	width: 273px;
	border: none;
	color: #EDEDE9;
}

.card-container .col {
    padding: 0;
}

.card-text-container {
	text-align: center;
    padding: 0 30px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-text-container p {
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 0.41rem;
    padding: 0;
}

.premier-curator-section {
	width: 100%;
	background: url('/assets/images/curator.webp');
	background-position: center center;
	background-size: cover;
	padding: 174px 0;
	color: #EDEDE9;
}

.premier-curator-section h2 {
	padding-bottom: 33px;
	font-size: 37px;
	font-weight: 100;
}

.premier-curator-section p {
	padding-bottom: 33px;
}

.product-card-box-section-two {
	background-color: white;
	color: #3F3C25;
	padding-top: 70px;
}

.product-card-box-section-two h2 {
	font-size: 40px;
	font-weight: 600;
	text-transform: uppercase;
}

.product-card-box-section-two h3 {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.31rem;
	text-transform: uppercase;
	padding-bottom: 37px;
}

.product-card-box-section-two p {
	padding: 30px 0 55px;
}

.product-card-box-section-two .card-container {
    gap: 35px;
	padding-bottom: 70px;
}

.product-card-box-section-two .card-text-container {
    text-align: center;
    padding-top:50px;
}

.product-card-box-section-two .card-text-container p {
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 0.41rem;
    padding: 0;
}

.product-catalog-page footer {
	padding: 0 0 29px 0;
}

.modal-dialog {
	max-width: 843px;
}

.modal-content {
	border-radius: 0;
	background-color: #D9D9D9;
}

.modal-header {
	padding: 0;
}

.modal-body {
	padding: 45px 38px;
}

.top-title-p {
	letter-spacing: 0.41rem;
	font-size: 10px;
	font-weight: 200;
	color: #3F3C25;
	text-transform: uppercase;
}

.modal-title {
	font-size: 44px;
	font-weight: 400;
	text-transform: uppercase;
	color: #3F3C25;
	line-height: 1;
}

.modal-p {
	font-size: 12px;
	font-weight: 300;
	color: #3F3C25;
}

.modal-sizes {
	padding: 40px 0 0;
}

.modal-sizes h4 {
	font-size: 14px;
	font-weight: 300;
	color: #3F3C25;
	letter-spacing: 0.44rem;
	padding-bottom: 15px;
}

.modal-btn {
	text-align: center;
	padding: 14px 22px;
	border: none;
	font-size: 30px;
	font-weight: 100;
	color: #3f3c25;
	background-color: #D9D9D9;
	margin-right: 8px;
}

.modal-btn-active {
	background-color: #3F3C25;
	color: #D9D9D9;
}

.modal-btn:hover {
	background-color: #3F3C25;
	color: #D9D9D9;
}

.modal-inches {
	color: #000;
	font-size: 14px;
	font-weight: 300;
}

.modal-content hr {
	margin: 23px 0 23px 0;
	color: #000;
} 

.modal-sizes-title {
	font-size: 14px;
	font-weight: 300;
	color: #3F3C25;
	letter-spacing: 0.44rem;
	padding-bottom: 10px;
}

.modal-texture {
	margin-bottom: 30px;
}

#ancient-wisdom {
    background-color: #3F3C25;
}

#ancient-wisdom .product-section-banner {
    background: url(/assets/images/banner_ancientwisdom.webp);
}

#ancient-wisdom .product-card-box-section {
	padding-bottom: 95px;
}

#ancient-wisdom .premier-curator-section h2 {
	font-size: 31px;
	color: #3F3C25;
	font-weight: 300;
}

#ancient-wisdom .premier-curator-section p {
	color: #3F3C25;
}

@media (min-width: 768px) {
    #ancient-wisdom .col-md-6 {
        padding: 0 8px 0 0;
    }
}

#ancient-wisdom footer {
	padding-top: 88px;
}

#ancient-wisdom .premier-curator-section {
	background: url(/assets/images/bg-ancient.webp);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	padding: 295px 0 116px 0;
}

.blog-section-page {
	background-color: white;
	padding-bottom: 80px;
}

.blog-contact-row {
	gap: 40px;
}

.nav-category-blog {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 27px;
	padding-bottom: 28px;
}


#blog-posts .card {
	border: none;
	padding: 0;
	max-width: 355px;
}

#blog-posts .card-img-top {
	border-radius: 0 !important;
	height: 223px;
	object-fit: cover;
	width: 100%;
	max-width: 100%;
}

#blog-posts .row {
	gap: 67px;
}

.blog-section-page .card-body {
	padding: 0 30px 0 0 !important;
}

.blog-section-page .aboutus-page-content {
	width: 100%;
	justify-content: center;
	padding: 90px 0 50px;
}

.blog-category a {
	color: #3F3C25;
	letter-spacing: 0.13rem;
	font-weight: 300;
	font-size: 12px;
	text-transform: uppercase;
}

.blog-category a:hover {
	font-weight: 900;
	color: #956934;
	font-size: 12px;
}

#blog-posts h3 {
	font-size: 21px;
	font-weight: 700;
	color: #1E1E1E;
	padding: 10px 0 10px;
	margin: 0 !important
}

#blog-posts h4, .blog-section-posts .text-muted  {
	font-size: 10px;
	font-weight: 300;
	color: #3A261F !important;
	margin: 0 !important;
	letter-spacing: 0.34rem;
	text-transform: uppercase;
}

.blog-section-posts .card-title  {
	font-size: 27px;
	font-weight: 700;
	color: #1E1E1E;
	padding: 0 0 10px;
	margin: 0 !important;
	line-height: 1.2;
}

#blog-posts .text-secondary, .blog-section-posts .text-secondary{
	font-size: 12px;
	font-weight: 300;
	color: #3F3C25 !important;
	padding: 15px 0;
}

.blog-section-posts .card-body {
	padding: 0 27px;
	justify-content: space-between;
}

.blog-read-more {
	color: #956934;
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 0.28rem;
}

.blog-section-posts .blog-read-more {
	margin-top: auto;
}

.double-color-border {
  display: inline-block;
  position: relative;
  padding-bottom: 5px; /* espaço para a linha */
}

.double-color-border::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(to right, #956934 75%, white 25%);
}

.single-post-banner {
	height: 278px;
    width: 100%;
    background: url(/assets/images/contactus-banner.webp);
    background-position: center center;
    background-size: cover;
	margin-bottom: 40px;
}

.breadcrumb {
	justify-content: center;
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 33px;
	letter-spacing: 0.34rem;
}

.breadcrumb a {
	color: #3A261F;
}

.single-post-title {
	font-weight: 700;
	font-size: 65px;
	text-align: center;
}

.single-post-date-time {
	font-weight: 300;
	font-size: 10px;
	color: #3A261F;
	text-transform: uppercase;
	padding-bottom: 33px;
	letter-spacing: 0.34rem;
	margin-top: 15px;
	text-align: center;
}

.single-post-content {
	font-weight: 300;
	font-size: 20px;
	color: #3A261F;
}

.single-post-content p {
	color: #3A261F !important;
	font-family: 'Robout' !important;
	font-weight: 300 !important;
	font-size: 20px !important;
}

.back-to-blog {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    text-decoration: none;
	letter-spacing: 0.32rem;
	justify-content: center;
	padding: 109px 0 115px;
}

.back-to-blog span {
    font-size: 18px;
}


.blog-section-posts .card {
	border: none !important;
	padding: 0;
}

.most-read-card {
    width: 100%;
    max-width: 400px;
    background-color: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
}

.card-header {
    background-color: #8e8e8e;
    color: #fff;
    padding:12px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

.header-title {
    margin: 0;
	font-size: 16px !important;
	font-weight: 600;
}

.card-body {
    padding: 0 20px;
}

.article-item {
    display: flex;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
	align-items: center;
}

.article-item:last-child {
    border-bottom: none;
}

.item-number {
    font-size: 50px;
    font-weight: 100;
    color: #3F3C25;
    margin-right: 15px;
    line-height: 1;
	width: 45px;
    display: flex;
    justify-content: center;
}

.item-text {
    margin: 0;
    font-size: 12px;
    color: #3F3C25;
    line-height: 1.5;
}

.last-news-side h2 {
	font-size: 16px !important;
	padding-top: 25px;
}

.last-news-side .article-item {
	padding: 12px 0 !important;
}

.hr-single {
opacity: 1 !important;
margin: 0 !important;
}

@media screen and (max-width: 768px) {
	#navbar-menu {
		position: absolute;
		background-color: #1E1E1E;
		z-index: 99;
		top: 110px;
		padding-bottom: 50px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1088px) {
	#navbar-menu a {
		font-size: 8px;
	}

	a.nav-link.our-collection-btn-nav {
		width: auto;
		padding: 11px 15px !important;
	}

	.nav-desktop {
		width: 25% !important;
	}

}
@media screen and (max-width: 1199px) {

	header .row {
		margin: 0 !important;
	}

	div#navbar-menu {
		width: 100% !important;
	}

	.navbar-nav{
		gap: 5px;
	}

	#navbar-menu a {
		justify-content: center !important;
		margin: 0;
	}

	footer {
		padding: 45px 65px;
		text-align: center;
	}

	.logo-and-social-column {
		padding-bottom: 15px;
	}

	.link-column {
    margin-top: 20px;
	}

	footer .link-column h2 {
		letter-spacing: 1px;
		font-size: 18px;
	}

	.social-footer {
		justify-content: center;
		margin-top: 10px;
	}

	.hero-banner, .videoContainerHome, .videoContainerHome video, .videoContainerHome {
		height: 548px;
	}

	.videoOverlay {
		height: 549px;
	}

	.contentCta h1 {
		font-size: 75px;
	}

	.contentCta p {
		font-size: 20px;
		margin-bottom: 5px ;
	}

	.btn-hero {
		margin-top: 54px;
		padding: 18px 30px;
	}
	
	.about-us-section {
		flex-wrap: wrap;
	}

	.about-us-section .about-us-div1, .about-us-section .about-us-div2 {
		width: 100%;
	}

	.about-us-section .about-us-div1 {
		height: 376px;
	}

	.about-us-col {
		width: 100% !important;
		padding: 0 30px;
		top: 0;
		left: 0;
		margin-top: 36px;
    	transform: inherit;
		justify-content: center;
	}

	.about-us-content {
		padding: 45px 32px;
		text-align: center;
	}

	.about-us-content h2 {
	font-size: 35px;
	}

	.personal-sanctuary-img img {
		margin-bottom: 30px;
	}

	.personal-sanctuary-section {
		padding: 50px 0;
	}

	.personal-sanctuary-section .container {
		flex-wrap: wrap;
	}

	.personal-sanctuary-content {
		width: 100%;
		gap: 0;
		text-align: center;
		justify-content: center;
	}

	.personal-sanctuary-content h2 {
		font-size: 35px;
		padding: 0 15px;
	}

	.personal-sanctuary-content img {
		height: 100%;
	}

	.personal-sanctuary-content p {
		padding: 0 33px;
		margin-bottom: 10px;
	}

	.personal-sanctuary-img {
		gap: 0;
		width: 100%;
	}

	.vietnamita-section {
		background: url('/assets/images/vietnamita-mob.webp');
		height: 583px;
		background-size: cover;
		padding-top: 137px;
		align-items: baseline;
	}

	.vietnamita-section img {
		width: 65px;
	}

	.vietnamita-section h2 {
		margin-top: 10px;
		font-size: 17px !important;
		font-weight: 300;
		color: white;
		line-height: 1;
	}

	.wisdom-section {
		flex-wrap: wrap;
		height: auto;
	}

	.wisdom-col {
		width: 100% !important;
		padding: 0 30px;
		top: 0;
		left: 0;
		margin-top: 36px;
    	transform: inherit;
	}

	.wisdom-content {
		width: 100%;
		padding: 20px 15px;
        text-align: center;
	}
	
	.wisdom-content h2 {
		font-size: 30px;
	}
	
	.wisdom-content p  {
		padding: 0 10px;
		margin: 0;
		font-size: 12px;
		letter-spacing: 0.1em;
	}

	.wisdom-content .btn-about-us {
		font-size: 11px;
		padding: 17px 0px;
	}

	.wisdom-div1 {
		padding-top: 247px;
		width: 100%
	}

	.wisdom-div2 {
		background: url('/assets/images/wisdom-section-bg-mob.webp');
        background-size: cover;
        background-repeat: no-repeat;
        height: 696px;
		width: 100%;
		background-position-y: center;
	}

	.catalog-section  {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.catalog-content {
		padding-top: 75px;
		text-align: center;
		gap: 20px;
		margin-bottom: -30px;
    	z-index: 1;
	}

	.catalog-content h2 {
		font-size: 30px;
	}

	.catalog-div1, .catalog-div2 {
		width: 100%;
	}

	.catalog-div2 {
		justify-content: center;
	}

	.catalog-content .btn-about-us {
	padding: 17px 60px;
	}

	.catalog-div1 {
	background: url('/assets/images/HORIZON_CATALOG_MOB.webp');
	background-position: center center;
	background-size: cover;
	height: 583px;
	}

	.contact-us-page .contact-us-banner {
		height: 413px;
	}

	.contact-section {
		padding: 50px 35px 0;
		margin-bottom: -43px;
	}

	
	.location-contact {
		padding-bottom: 0;
	}


	.contact-content {
		width: 100%;
		padding: 0;
	}

	.contact-content h2 {
		font-size: 30px;
	}

	.contact-content h2 {
		text-align: center;
	}

	#p-discover {
		text-align: center !important;
	}

	.contact-us-page .contact-content h2, .contact-content p {
		text-align: left;
	}

	.contact-us-page .contact-img  {
		width: 100% !important;
		padding: 0;
	}

	.contact-us-page .contact-img img {
	height: 426px;
	object-position: top;
    object-fit: cover;
	top: -420px;
	}

	.aboutus-page-section .container {
		gap: 0;
	}

	.aboutus-page-section .aboutus-page-content {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.aboutus-page-content .object-fit-cover {
		width: 100%;
	}

	.aboutus-page-content h1 {
		font-size: 55px;
		width: 100%;
		padding: 30px 0 0;
	}

	.aboutus-page-content p {
		padding: 0 25px;
		margin: 5px 0;
	}

	.aboutus-page-section {
    margin-bottom: 30px;
	}

	.about-us-banner-bg {
		height: 534px;
	}

	.our-mission-section {
		text-align: center;
		padding: 25px 33px;
	}

	.our-mission-section .container {
		flex-wrap: wrap;
	}

	.our-mission-div, .our-vision-div, .our-values-div {
		width: 100%;
		padding: 30px 40px;
	}

	.our-vision-div {
		border-left: none;
    	border-right: none;
		border-top: solid 0.5px #956934;
    	border-bottom: solid 0.5px #956934;
	}

	.about-icon-div {
		justify-content: center;
	}

	.our-values-div .d-flex {
		flex-wrap: wrap;
    	padding: 0 15px;
	}

	.blog-section-page .aboutus-page-content {
		padding: 0;
	}

	.blog-section-page h1 {
		font-size: 55px;
		text-align: center;
		color: #3F3C25;
	}

	.nav-category-blog {
		padding: 0 15px 22px;
		flex-wrap: wrap;
		gap: 0;
	}

	.blog-category {
		padding: 0 6px;
	}

	.blog-category a {
		font-size: 8px;
	}

	#blog-posts .row {
		gap: 38px;
	}

	#blog-posts .card {
		max-width: 100%;
	}

	.blog-section-page .card-body {
		padding: 17px 32px !important;
	}

	.blog-contact-section {
		padding: 0 35px 40px;
		background: white;
	}

	.single-post-title {
	font-size: 35px;
	}

	.single-post-banner {
		height: 424px !important;
	}

	.single-post-content {
		font-size: 16px;
	}
	
	.single-post-content p {
		text-align: center !important;
        color: #3A261F !important;
        font-family: 'Robout' !important;
        font-weight: 300 !important;
        font-size: 16px !important;
	}

	.blog-section {
		padding: 80px 25px !important;
	}

	.blog-section h2 {
		font-size: 30px;
		text-align: center !important;
	}

	.p-4 {
		padding: 15px !important;
	}

	.location-map img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	}

	.coming-soon-container {
		padding: 0 30px 64px;
		flex-wrap: wrap;
	}

	.coming-soon-div1 h1 {
		font-size: 89px;
		padding-top: 100px;
	}

	.coming-soon-div1 h2 {
		font-size: 35px;
	}

	.coming-soon-div1 h3 {
		padding: 18px 0 40px;
	}

	.google-map {
		height: 235px;
		object-fit: cover;
		padding-bottom: 30px;
	}

	.catalog-hero-section {
		padding-bottom: 45px;
	}

	.catalog-sanctuary-content {
		flex-wrap: wrap;
		padding: 0 30px;
		gap: 30px;
	}
	

	.catalog-sanctuary-content-title, .catalog-sanctuary-content-p {
		width: 100%;
	}

	.catalog-sanctuary-content-title h1 {
		font-size: 43px;
		font-weight: 100;
		text-align: center;
		margin-bottom: 0 !important;
	}

	.catalog-sanctuary-content-p {
		text-align: center;
	}

	.nav-catalog {
		gap: 5px;
		padding: 0 30px;
	}

	.top-row, .bottom-row {
		flex-wrap: wrap;
	}

	.nav-catalog li {
		width: 100% !important;
	}

	.nav-catalog .top-row, .nav-catalog .bottom-row {
		gap: 5px;
	}

	.catalog-page-vases-section {
		padding-top: 45px;
	}

	.catalog-page-vases-section .product-featured h2 {
		font-size: 45px;
        text-align: center;
        padding: 0 30px 45px;
        margin: 0;
	}

	.catalog-vases-right {
		align-items: start;
		padding: 40px 30px 20px;
	}

	.catalog-vases-right-div {
		display: none;
		width: 0;
	}

	.catalog-right-copy, .catalog-right-copy p {
		width: 100% !important;
		padding-bottom: 30px;
	}

	.catalog-right-copy h3, .catalog-right-copy p {
		text-align: center;
	}

	.reverse .carousel-button {
		top: 68% !important;
	}

	.catalog-vases-right.reverse {
		padding: 40px 30px 20px;
	}

	.catalog-vases-right h3 {
		font-size: 23px;
	}

	.bg-1 {
		background-image: url('/assets/images/bg-1-mobile.webp');
		height: auto;
	}

	.bg-2 {
		background-image: url('/assets/images/milenia-bg-2.webp');
		margin-top: -10px !important;

	}

	.bg-3 {
		background-image: url('/assets/images/sculpted-mobile.webp');
		height: 795px;
	}
	
	.carousel-container {
		max-width: 330px;
		justify-content: center;
		padding-top: 300px ;
		margin: auto;
	}
	
	.bg-2 .carousel-container {
		padding-top: 150px !important;
	}

	.bg-3 .carousel-container {
	    padding-top: 230px;
	}

	.carousel-button {
		top: 74%;
	}
	.catalog-vases-right.reverse {
		margin: 0;
	}



	.olive-tree-section {
		margin-top: 15px !important;
		background-position: right;
	}

	.catalog-page-vases-section .olive-tree-section h2 {
		font-size: 45px;
        text-align: center;
        padding: 35px 30px 45px;
        margin: 0;
	}

	.olive-tree-img-content {
		padding: 30px;
	}

	.product-section-banner h1 {
		font-size: 55px;
		padding: 55px;
		margin: 0;
	}

	.product-catalog-page .contact-section {
		margin: 0 !important;
	}

	.product-catalog-page .contact-section .row {
		flex-direction: column-reverse;
	}

	.product-catalog-page .contact-img img {
		height: 314px;
		object-fit: cover;
	}

	.product-catalog-page .contact-content h2 {
		padding-bottom: 15px;
	}

	.product-catalog-page .contact-content {
		width: 100% !important;
		padding: 0 30px !important;
	}

	.product-catalog-page #top-p-title, .product-catalog-page .contact-content p {
		text-align: center;
		padding-top: 22px;
	}

	.product-card-box-section {
		padding: 0 30px;
		margin-bottom: 60px;
	}

	.product-card-box-section h2 {
		font-size: 27px;
	}

	.product-card-box-section p {
		font-size: 12px;
		padding: 15px 30px;
	}

	.product-card-box-section h3 {
		font-size: 9px;
		padding: 17px 30px 30px;
		text-transform: uppercase;
		color: white;
	}

	.product-slide {
		overflow: hidden; /* Mantém por segurança, para evitar barras de rolagem inesperadas */
	}

	/* Wrapper que alinha setas e a imagem com Flexbox */
	.carousel-main-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem; /* Espaço entre as setas e a imagem */
	}

	/* Container da imagem (item flex) */
	.product-slide .carousel-inner {
		width: 75%;
		max-width: 300px; /* Impede que a imagem fique muito grande */
		flex-shrink: 0;
	}

	/* Imagem do produto dentro do carrossel */
	.product-slide .carousel-item img {
		/* Define um tamanho fixo, como na sua última versão.
		A largura inline no HTML <img width="292px"> deve ser removida. */
		width: 292px;
		height: 376px;
		margin: 0 auto; /* Centraliza se o container for maior que a imagem */
		object-fit: cover; /* Garante que a imagem cubra a área sem distorcer */
		display: block;
	}

	/* Botão que envolve a imagem */
	.card-btn-product {
		background: none;
		border: none;
		padding: 0;
	}


	/* --- Controles de Navegação (Setas) --- */

	.product-slide .carousel-control-prev,
	.product-slide .carousel-control-next {
		position: static;   /* Controlado pelo Flexbox, não por posicionamento absoluto */
		width: auto;
		height: auto;
		background: none;
		opacity: 1;
		color: #956934;   /* Cor das setas */
	}

	/* Estilo do caractere da seta dentro do botão */
	.product-slide .carousel-control-prev span,
	.product-slide .carousel-control-next span {
		font-size: 20px;
		font-weight: bold; /* Deixa a seta um pouco mais visível */
	}


	/* --- Título e Indicadores (Pontos) --- */

	/* Container do título do produto */
	.product-slide .product-title-container {
		text-align: center;
		width: 249px;
    	margin: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 75px;
	}

	/* Estilo do texto do título */
	#productNameMobile {
		color: #fff;
		font-size: 15px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
		margin: 0;
	}

	/* Container dos indicadores (pontos) */
	.product-slide .carousel-indicators {
		position: static; /* Controlado pelo fluxo normal do documento */
		margin: 24px auto 0 auto;
		/* Reset para garantir que o flexbox do Bootstrap não interfira */
		justify-content: center;
	}

	/* Estilo de cada ponto */
	.product-slide .carousel-indicators button {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #fff;
		opacity: 1; /* Opacidade total para o padrão */
		margin: 0 5px;
		border: none;
	}

	/* Estilo do ponto ativo */
	.product-slide .carousel-indicators button.active {
		background-color: #956934; /* Cor do item ativo */
	}

	.premier-curator-section {
		padding: 55px 30px;
		background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/images/curator.webp);
	}

	.product-card-box-section-two {
		padding: 70px 30px 0;
	}

	.product-card-box-section-two h2 {
		font-size: 27px;
	}

	.product-card-box-section-two p {
        padding: 15px 15px 30px;
        font-size: 12px;
	}

	.product-card-box-section-two h3 {
		font-size: 10px;
		margin: 0;
	}

	.product-card-box-section-two .card-container {
		gap: 0;
		flex-direction: column;
	}

	.product-card-box-section-two .card-text-container p {
		font-size: 15px;
	}

	.product-card-box-section-two .card-text-container {
		padding: 15px 30px 30px;
	}

	.product-card-box-section-two .card-container img {
		height: 320px;
		object-fit: cover;
	}

	.developed-column p {
	padding: 0 50px;
	}

	.modal {
		padding: 15px;
	}

	.modal-content > div {
		flex-wrap: wrap;
	}

	.modal-body {
		padding: 20px 30px;
	}

	.modal-content .btn-close {
		display: none;
	}

	.modal-header {
		width: 100%;
	}

	.modal-header > img {
		height: 400px;
		width: 100%;
	}

	.top-title-p {
		font-size: 8px;
	}

	.modal-title {
		font-size: 34px;
	}

	.modal-sizes {
		padding-top: 25px;
	}

	.modal-sizes h4, .modal-sizes-title  {
		font-size: 12px;
		padding-bottom: 0;
		margin-bottom: 10px;
	}

	.modal-btn {
		width: 42px;
		height: 42px;
		padding: 0;
		font-size: 23px;
	}

	#ancient-wisdom .product-card-box-section {
		padding-bottom: 0 !important;
	}

	#ancient-wisdom .premier-curator-section {
		padding: 55px 30px;
		background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/images/bg-ancient.webp);
	}

	#ancient-wisdom .premier-curator-section h2, #ancient-wisdom .premier-curator-section p {
		color: white;
	}

	.form-label {
		font-size: 9px !important;
	}

	#contact-catalog .row {
		gap: 0 !important;
	}

	.blog-section-posts .card-title {
		font-size: 22px;
		padding-top: 15px;
	}

	#mobile-pagination .page-item .page-link {
      width: 24px;
      height: 24px;
      padding: 0;
      margin: 0 5px 25px 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #98672f;
      border-radius: 0;
      color: #98672f;
      background: transparent;
      font-weight: bold;
	  font-size: 10px;
    }
    /* ativo */
    #mobile-pagination .page-item.active .page-link {
      background-color: #98672f;
      color: #fff;
    }
    /* desabilitado */
    #mobile-pagination .page-item.disabled .page-link {
      opacity: 0.6;
      pointer-events: none;
    }
    /* seta "‹" (penúltimo item) */
    #mobile-pagination li:nth-last-child(2) .page-link {
      border: none;
      background: url(/assets/images/Arrow13.svg) no-repeat center;
      text-indent: -9999px;
      width: auto;
      height: auto;
    }
    /* seta "›" (último item) */
    #mobile-pagination li:last-child .page-link {
      border: none;
      background: url(/assets/images/Arrow13.svg) no-repeat center;
      transform: scaleX(-1);   /* inverte o SVG pra apontar para a direita */
      text-indent: -9999px;
      width: auto;
      height: auto;
    }

	#orderForm .modal-footer {
	justify-content: center !important;
	}

	.gallery {
	flex-direction: column;
	}


}

@media screen and (max-width: 630px) {
	.olive-tree-section {
		height: 730px;
		margin: 0 !important;
	}
}

.modal-texture {
  cursor: pointer;
}

.modal-texture.selected {
  border: 2px solid #3F3C25;
}

.modal {
	background: linear-gradient(45deg, black, transparent);
}
.olive-tree-img-content img {
	width: 100%;
}

#orderForm .form-label {
	color: #3F3C25 !important;
}

button.btn.btn-secondary.btn-cancel-order {
    border-radius: 0;
	font-family: 'Robout' !important;
	text-transform: uppercase !important;
	letter-spacing: 0.255em;
	font-weight: 300;
	border: none;
	font-size: 12px;
}

button.btn.btn-primary {
    background: #956934;
	border-radius: 0;
	text-transform: uppercase;
	font-family: 'Robout' !important;
	color: #EDEDE9;
    letter-spacing: 0.255em;
	font-weight: 300;
	border: none;
	font-size: 12px;
}

.gallery {
	display: flex;
	gap: 0.5rem;
}
.gallery .main {
	flex: 1;
}
.gallery .thumbs {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;
}
.gallery img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	cursor: pointer;
	transition: transform .2s;
}

/* --- LIGHTBOX OVERLAY --- */
#lightbox {
	position: fixed;
	top: 0; left: 0;
	width: 100vw; height: 100vh;
	background: rgba(0,0,0,0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}
#lightbox.active {
	display: flex;
}
#lightbox img {
	max-width: 90%;
	max-height: 80%;
}
/* controles */
.lightbox-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	color: #fff;
	padding: 0.5rem;
	cursor: pointer;
	user-select: none;
}
#lightbox .prev { left: 2%; }
#lightbox .next { right: 2%; }