html,
body {
    margin: 0;
    margin-top: 0 !important;
    width: 100%;
    height: 100%;
    font-family: "Playfair Display", serif;
    font-size: clamp(12px, 1.481cqw, 16px);
    background-color: #fff;
}

:root {
    --font-2: "Inter", sans-serif;
}

.dark td,
.dark th {
    border-color: rgb(255 255 255 / 30%);
}

.title h1 {
    font-size: 6.260cqw;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: normal;
}

.title h1 strong {
    color: var(--primary-color);
}

.title h2 {
    font-size: 4.305cqw;
    margin: 0 0 10px;
}

.title p {
    font-family: var(--font-2);
    font-size: 2.408cqw;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0;
}

.wrap-section .section-content {
    padding: 5.3811cqw;
}

.button.btn-main {
    font-size: 3.049cqw;
    border-radius: 16px !important;
    line-height: 7.623cqw;
    font-weight: 500;
    font-family: var(--font-2);
}

.button.btn-main.primary {
    background: linear-gradient(180deg, #E1C1A8 0%, #84613B 100%);
    color: #000;
}

a.button.btn-main .tooltipster-base,
div#masthead,
.absolute-footer {
    display: none !important;
}

div#wrapper {
    width: min(100vw, calc(100dvh * 9 / 16), 1080px);
    margin: 0 auto;
    container-type: inline-size;
    position: relative;
    overflow: hidden;
}

div#wide-nav {
    padding: 5.3811cqw;
}

.header .flex-row {
    padding: 0;
}

.back-link {
    font-size: 5cqw;
    color: #fff;
    width: 4cqw;
    line-height: 1;
    display: none;
}

div#wide-nav.not-home .flex-row.container {
    width: max-content;
    margin: 0;
    margin-left: auto;
}

div#wide-nav.not-home li.header-contact-wrapper {
    margin-right: 2cqw !important;
}

div#wide-nav.not-home .back-link {
    display: block;
}

.nav>li>a {
    padding: 0;
    font-size: clamp(12px, 1.481cqw, 16px);
}

.nav-dropdown {
    min-width: 100px;
    padding: 0;
}

.nav-dropdown>li>a {
    padding: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-dropdown>li>a i.icon-image {
    top: -3px;
}

.header .icon-phone:before {
    width: 3.767cqw;
    height: 3.767cqw;
    background: url(../icons/phone.svg) center / contain no-repeat;
    display: block;
    content: "";
}

.header-nav>li>.header-language-dropdown__link {
    font-size: 3.057cqw;
    color: #fff;
}

.header-language-dropdown__link::before {
    content: "";
    width: 3.767cqw;
    height: 3.767cqw;
    background: url(../icons/global.svg) center / contain no-repeat;
    margin-right: 0.837cqw;
}

.header-language-dropdown__link img {
    display: none;
}

.header-language-dropdown .nav-dropdown>li>a {
    font-size: 3.057cqw;
}

ul.nav.header-bottom-nav.nav-center.mobile-nav {
    justify-content: space-between;
}

footer {
    position: absolute;
    z-index: 99;
    bottom: 0;
}

.menu_bottom {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 3.587cqw 10.762cqw;
    border-top: 1px solid #fff;
}

.menu_bottom a {
    display: flex;
    align-items: center;
    color: #fff;
    flex-direction: column;
    font-size: clamp(12px, 2.153cqw, 23.25px);
    text-transform: uppercase;
    font-family: var(--font-2);
}

.menu_bottom a img {
    width: 40px;
    width: clamp(20px, 4.305cqw, 46.49px);
    height: clamp(20px, 4.305cqw, 46.49px);
}

.home .menu_bottom {
    padding: 5.3811cqw;
    gap: 2.153cqw;
    border: 0;
    bottom: 150px;
}

.home .menu_bottom .item {
    flex: 1;
}

.home .menu_bottom a {
    flex-direction: row;
    font-size: clamp(12px, 2.511cqw, 27.12px);
    border: 1.2px solid #C09B78;
    flex: 1;
    width: 100%;
    height: 12.287cqw;
    justify-content: center;
    border-radius: 16px;
    gap: 1.481cqw;
}

.home .menu_bottom .active a {
    background: url(../images/bg-menu.png) center / cover no-repeat;
}

.main-section {
    width: 100%;
    aspect-ratio: 9 / 16;
    height: auto;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
}

.main-section .section-content {
    height: 100%;
}

.slider-main {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.banner-main-desc {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 5.4cqw;
    text-transform: uppercase;
}

.banner-main-desc h1 {
    font-size: 9.59cqw;
    font-weight: 800;
    padding-bottom: 1.852cqw;
    margin-bottom: 1.852cqw;
    position: relative;
    text-transform: uppercase;
}

.banner-main-desc h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30.19%;
    height: 1px;
    background-color: #fff;
}

.banner-main-desc p {
    margin: 0;
    font-size: 3.767cqw;
}

.banner-main-desc em {
    background: linear-gradient(0deg, #C09B78, #C09B78),
        linear-gradient(91.22deg, #ECC591 9.3%, #FAE2B8 25.39%, #FEEDC1 42.52%, #F9EED1 60.67%, #F4D7AE 80.72%, #ECCE91 95.83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
    text-transform: none;
}

.product-detail {
    background-color: #000;
    position: relative;
    height: 100%;
}

.product-gallery {
    position: relative;
}

.product-gallery-silder button.flickity-button.flickity-prev-next-button {
    z-index: 99;
    opacity: 1;
}

.product-gallery-silder::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0 0 0) 0, rgba(255, 255, 255, 0) 71%);
}

.product-info {
    position: absolute;
    z-index: 2;
    bottom: 13.889cqw;
    left: 0;
    width: 100%;
    padding: 5.3811cqw;
    overflow: hidden;
    font-family: var(--font-2);
    font-size: 2.331cqw;
}

.product-info-cat {
    font-size: 1.794cqw;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
}

.product-info h1 {
    font-size: 5.92cqw;
    color: #C09B78;
    margin: 0;
}

.product-info .entry-content {
    padding: 0;
}

.product-action {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 6.481cqw;
}

.collection-section .section-content {
    padding: 5.3811cqw;
    background: #000;
}

.collection-section-title {
    padding-top: 10cqw;
    padding-bottom: 6cqw;
}

.product-cat-item {
    display: block;
    background-color: #000;
    border: 1px solid #EED6B0;
    border-radius: 16px;
    padding: 6.759cqw 4.036cqw;
}

.product-cat-item h3 {
    font-size: 5.686cqw;
    font-weight: normal;
    margin: 0;
    white-space: normal;
    text-transform: uppercase;
    line-height: normal;
    max-width: 1px;
}

.product-cat-item p {
    font-size: 1.794cqw;
    margin-bottom: 2.153cqw;
    font-family: var(--font-2);
    text-transform: uppercase;
}

.product-item span,
.product-cat-item span {
    width: 4.306cqw;
    height: 4.306cqw;
    background: url(../icons/circle-arrow-up-right.svg) center / contain no-repeat;
    display: block;
}

.product-cat-list {
    display: grid;
    gap: 2.153cqw;
    grid-template-columns: repeat(2, 1fr);
}

.product-cat-item:nth-child(1),
.product-cat-item:nth-child(2) {
    grid-column: 1/3;
}

.product-wrap {
    overflow: hidden;
    height: calc(100% - 49cqw);
}

.product-wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 28.611cqw;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(47, 40, 32, 0) 0%, #14110E 100%);
}

.product-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.435cqw;
    position: relative;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 28.611cqw;
}

.product-list::-webkit-scrollbar {
    width: 0px;
}

.product-item {
    position: relative;
    padding-top: 72.47%;
    border: 1px solid #EED6B0;
    border-radius: 8px;
    overflow: hidden;
    font-family: var(--font-2);
}

.product-item::before {
    position: absolute;
}

.product-item-desc {
    position: absolute;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    bottom: 0;
    left: 0;
    padding: 2.153cqw;
    color: #fff;
    height: 50%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.product-item h3 {
    font-size: 2.869cqw;
    margin: 0;
}

.product-item p {
    margin: 0;
    font-size: 2.037cqw;
}

.product-item span {
    position: absolute;
    top: 1.389cqw;
    right: 1.389cqw;
}

.banner-main {
    height: 100vh;
}

.banner-main .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-color: transparent !important;
    height: 70%;
    bottom: 0;
    top: auto;
}

.banner-main .text-box {
    padding: 5.3811cqw;
    bottom: 44.815cqw !important;
    top: auto !important;
}

.banner-main .title p {
    text-transform: none;
}

.action-main {
    position: absolute;
    bottom: 30cqw;
    z-index: 99;
    right: 0;
    left: 0;
    margin: 0 auto;
    justify-content: center;
    gap: 3.22cqw;
}

.cus-slider .previous {
    display: none;
}

.slide-counter,
.cus-slider .flickity-page-dots,
.cus-slider .flickity-button {
    top: auto;
    bottom: 43cqw;
    transform: none !important;
    opacity: 1;
}

.slide-counter {
    position: absolute;
    left: 5.3811cqw;
    font-size: 2.511cqw;
    color: #fff;
    z-index: x;
}

.cus-slider li.dot {
    border: 0;
    background-color: #8E8E93;
    width: 2.331cqw;
    height: 5px;
    border-radius: 30px !important;
    opacity: 1;
}

.cus-slider li.dot.is-selected {
    background: #C09B78 !important;
    opacity: 1;
    border: 0;
}

.banner-layers.container {
    margin: 0;
    padding: 0 !important;
}

.offer-main {
    position: absolute;
    top: 18cqw;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 89.236cqw;
    height: 15.8cqw;
    gap: 10px;
    background: url(../images/bg-box.png) left / contain no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-left: 16cqw;
    gap: 2cqw;
    justify-content: space-between;
    padding-right: 0cqw;
    font-size: 1.874cqw;
}

.offer-main-2 {
    position: fixed;
    z-index: 999;
    width: 73.704cqw;
    height: 48.008cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/bg-box-2.png) left / contain no-repeat;
    color: #fff;
    padding: 2.963cqw;
    display: none;
}

.offer-main-close {
    position: absolute;
    right: 2.869cqw;
    top: 6cqw;
    background: url(../icons/close.svg) center / contain no-repeat;
    width: 2.869cqw;
    height: 2.869cqw;
}

.offer-main-desc,
.offer-main-count {
    width: 46%;
}

.offer-main-desc * {
    margin: 0;
}

.offer-main-desc strong {
    color: #FEEDC1;
    font-size: 2.869cqw;
}

.offer-main-desc {
    margin: 0;
    font-size: 1.794cqw;
}

.offer-main-2 .offer-main-count {
    margin-top: 5cqw;
}

.offer-main-2 .offer-main-desc {
    margin-top: 2cqw;
    width: 100%;
    font-size: 2.966cqw;
}

.offer-main-2 .offer-main-desc strong {
    font-size: 4.664cqw;
}

a.offer-main-btn {
    width: 100%;
    display: block;
    background: linear-gradient(180deg, #E1C1A8 0%, #84613B 100%);
    line-height: 7.623cqw;
    text-align: center;
    color: #000;
    border-radius: 20px;
    font-size: 3.408cqw;
    margin-top: 1cqw;
}

.offer-main-bg {
    position: fixed;
    background: rgb(0 0 0 / 65%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99;
}

.date-label {
    font-size: 13px;
    color: #7a6a50;
    letter-spacing: 0.1em;
    margin-bottom: 1.5rem;
    text-transform: uppercase
}

.flip-clock {
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 20px;
    margin-top: 6px !important;
}

.flip-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.flip-label {
    font-size: 11px;
    color: #7a6a50;
    letter-spacing: 0.12em;
    text-transform: uppercase
}

.flip-pair {
    display: flex;
    gap: 4px;
}

.card {
    position: relative;
    width: 4.352cqw;
    height: 5.463cqw;
    perspective: 400px
}

.card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.136cqw;
    font-weight: 700;
    font-family: 'Courier New', monospace;
    color: #f0e6d0;
    background: #2a1f10;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6), 0 3px 10px rgba(0, 0, 0, 0.5);
    user-select: none;
    overflow: hidden;
    border: 1.12px solid #C09B78;
    line-height: 1;
}

.card-face::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.5)
}

.card-face::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 7px 7px 0 0;
    pointer-events: none
}

.card.flip .card-face {
    animation: flipAnim 0.4s ease-in-out
}


.sep {
    font-size: 20px;
    font-weight: 700;
    color: #7a5a2a;
    margin-top: -8px;
    line-height: 1;
    font-family: 'Courier New', monospace
}

.form-section .section-content {
    padding: 5.3811cqw;
}

.form-section .title {
    margin-top: 14cqw;
}

.form-section .title p {
    font-size: 2.869cqw;
    letter-spacing: normal;
}

.form-section .title p strong {
    color: #FAE2B8;
    text-transform: none;
}

.form-main {
    border: 0.97px solid #EED6B0;
    backdrop-filter: blur(96.85924530029297px);
    padding: 5.741cqw;
    border-radius: 2.153cqw;
    margin-top: 10cqw;
}

.form-main h2::before {
    content: "";
    border-top: 0.97px solid #FFFFFF;
    width: 12.197cqw;
    display: block;
    margin-bottom: 2.153cqw;
}

.form-main h2 {
    font-size: 4.843cqw;
    margin: 0;
    text-transform: uppercase;
    margin-top: 6cqw;
}

.form-main h3 {
    font-size: 2.869cqw;
    margin: 0 0 3cqw;
    font-family: var(--font-2);
    font-weight: normal;
}

.form-main label {
    font-size: 2.869cqw;
    font-family: var(--font-2);
}

.form-main label span {
    color: #FF383C;
}

.form-main input.wpcf7-form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 0 2.153cqw;
    font-family: var(--font-2);
    font-size: 2.511cqw;
}

.form-main .action-form {
    margin-top: 3cqw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3cqw;
}

.form-main .action-form .button.btn-main {
    flex: 1;
    margin: 0;
}

.form-note {
    position: fixed;
    display: none;
    z-index: 999;
    width: 73.704cqw;
    height: 48.008cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 2.963cqw;
    background: url(../images/bg-sss.png) center / cover no-repeat;
    border-radius: 2.153cqw;
    border: 0.97px solid #C09B78;
    text-align: center;
}

.form-note-icon {
    background: url(../icons/tick-circle.svg) center / cover no-repeat;
    width: 8.431cqw;
    height: 8.431cqw;
    margin: 0 auto 2cqw;
}

.form-note-title {
    font-size: 4.843cqw;
    text-transform: uppercase;
    line-height: normal;
}

.form-note-action {
    font-size: 4.843cqw;
    color: #C09B78;
    text-transform: uppercase;
    font-weight: 600;
}

.form-note-desc {
    font-size: 2.331cqw;
    max-width: 57%;
    margin: 0 auto;
    font-family: var(--font-2);
}

.form-note a {
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        linear-gradient(180deg, #E1C1A8 0%, #84613B 100%);
    line-height: 7.623cqw;
    border-radius: 1.977cqw;
    margin-top: 2cqw;
    color: #000;
    text-transform: uppercase;
    font-family: var(--font-2);
    font-size: 3.049cqw;
}

.showroom-section .section-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 26cqw;
}

.showroom-section .title {
    z-index: 99;
    position: relative;
    margin-top: 10cqw;
}

.showroom-section .title h1 {
    font-size: 8.704cqw;
}

.box-contact {
    display: flex;
    flex-direction: row-reverse;
    font-family: var(--font-2);
    gap: 13px;
}

.box-contact .box-image {
    width: 25.917cqw !important;
}

.box-contact .box-text {
    flex: 1;
    padding: 0;
    background: #00000059;
    backdrop-filter: blur(48.429622650146484px);
    border: 0.97px solid #C09B78;
    border-radius: 2.153cqw;
    padding: 3cqw;
}

.box-contact .box-text-inner {
    display: grid;
    flex-wrap: wrap;
    font-size: 2.511cqw;
    gap: 2.153cqw;
    grid-template-columns: repeat(2, 1fr);
}

.box-contact .icon-box:nth-child(1) {
    grid-column: 1/3;
    border-bottom: 1px solid #fff;
    padding-bottom: 1.852cqw;
    margin-bottom: 0px;
}

.box-contact .icon-box:nth-child(1) .icon-box-img {
    width: 4.723cqw !important;
}

.box-contact .icon-box .icon-box-img {
    width: 2.511cqw !important;
}

.box-contact .icon-box-text {
    padding-left: 10px !important;
}

.box-contact .icon-box-text h3 {
    font-size: 4cqw
}

.contact-section .box-contact {
    flex-direction: column;
    margin-bottom: 20cqw;
    gap: 6cqw;
}

.contact-section .box-contact .box-image {
    width: 42.778cqw !important;
}

@keyframes flipAnim {
    0% {
        transform: rotateX(0deg)
    }

    49% {
        transform: rotateX(-90deg)
    }

    50% {
        transform: rotateX(90deg)
    }

    100% {
        transform: rotateX(0deg)
    }
}

@supports (height: 100dvh) {

    div#wrapper {
        width: min(100vw, 56.25dvh, 1080px);
    }
}