/**
* Swiper 12.1.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2026 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: March 24, 2026
*/
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
.swiper-slide,
.swiper-cube-shadow {
transform-style: preserve-3d;
}
}
/* CSS Mode */
.swiper-css-mode {
> .swiper-wrapper {
overflow: auto;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
&::-webkit-scrollbar {
display: none;
}
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
&.swiper-horizontal {
> .swiper-wrapper {
scroll-snap-type: x mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-slides-offset-before);
scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-inline-end: var(--swiper-slides-offset-after);
}
}
&.swiper-vertical {
> .swiper-wrapper {
scroll-snap-type: y mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-slides-offset-before);
scroll-margin-block-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-block-end: var(--swiper-slides-offset-after);
}
}
&.swiper-free-mode {
> .swiper-wrapper {
scroll-snap-type: none;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
}
&.swiper-centered {
> .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
}
&.swiper-centered.swiper-horizontal {
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
}
&.swiper-centered.swiper-vertical {
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
}
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom,
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
.swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 4px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
width: var(--swiper-navigation-size);
height: var(--swiper-navigation-size);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
&.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
&.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled & {
display: none !important;
}
::slotted(svg),
svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
fill: currentColor;
pointer-events: none;
}
}
.swiper-button-lock {
display: none;
}
.swiper-button-prev,
.swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
::slotted(.swiper-navigation-icon),
.swiper-navigation-icon {
transform: rotate(180deg);
}
}
.swiper-button-next {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-horizontal {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
margin-left: 0;
}
.swiper-button-prev,
& ~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
}
.swiper-button-next,
& ~ .swiper-button-next,
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-button-prev,
& ~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
::slotted(.swiper-navigation-icon),
.swiper-navigation-icon {
transform: rotate(180deg);
}
}
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
::slotted(.swiper-navigation-icon),
.swiper-navigation-icon {
transform: rotate(0deg);
}
}
}
.swiper-vertical {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
left: var(--swiper-navigation-top-offset, 50%);
right: auto;
margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
margin-top: 0;
}
.swiper-button-prev,
~ .swiper-button-prev {
top: var(--swiper-navigation-sides-offset, 4px);
bottom: auto;
::slotted(.swiper-navigation-icon),
.swiper-navigation-icon {
transform: rotate(-90deg);
}
}
.swiper-button-next,
~ .swiper-button-next {
bottom: var(--swiper-navigation-sides-offset, 4px);
top: auto;
::slotted(.swiper-navigation-icon),
.swiper-navigation-icon {
transform: rotate(90deg);
}
}
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
&.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > &,
&.swiper-pagination-disabled {
display: none !important;
}
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
.swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
button& {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable & {
cursor: pointer;
}
&:only-child {
display: none !important;
}
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
.swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
&.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
.swiper-pagination-bullet {
display: inline-block;
transition:
200ms transform,
200ms top;
}
}
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
.swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
&.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
.swiper-pagination-bullet {
transition:
200ms transform,
200ms left;
}
}
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:
200ms transform,
200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
.swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl & .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > &,
&.swiper-pagination-horizontal,
.swiper-vertical > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > &,
&.swiper-pagination-vertical,
.swiper-horizontal > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
}
.swiper-pagination-lock {
display: none;
}
.swiper-thumbs {
.swiper-slide-thumb-active {
/* Styles for active thumb slide */
}
}
.swiper-fade {
&.swiper-free-mode {
.swiper-slide {
transition-timing-function: ease-out;
}
}
.swiper-slide {
pointer-events: none;
transition-property: opacity;
.swiper-slide {
pointer-events: none;
}
}
.swiper-slide-active {
pointer-events: auto;
& .swiper-slide-active {
pointer-events: auto;
}
}
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
:root {
/*
--swiper-scrollbar-border-radius: 10px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 4px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 1%;
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
--swiper-scrollbar-size: 4px;
*/
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
.swiper-scrollbar-disabled > &,
&.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > &,
&.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > &,
&.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.consent-checkbox[data-v-12795629] {
--size: 20px;
display: flex;
justify-content: center;
align-items: center;
max-width: var(--size);
min-width: var(--size);
max-height: var(--size);
min-height: var(--size);
border: 1px solid white;
border-radius: 20%;
cursor: pointer;
}
@media only screen and (max-width: 1430px) {
.consent-checkbox[data-v-12795629] {
--size: 16px;
}
}
.consent-checkbox[data-v-12795629]:has(input:checked)::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.14641 11.2071L14.1464 2.20711C14.5369 1.81658 14.5369 1.18342 14.1464 0.792893C13.7559 0.402369 13.1227 0.402369 12.7322 0.792893L5.14641 8.37868L1.91414 5.14641C1.52361 4.75588 0.890449 4.75588 0.499924 5.14641C0.1094 5.53693 0.1094 6.1701 0.499924 6.56062L3.7322 9.79289L4.08571 10.1464C4.08592 10.1466 4.08613 10.1468 4.08633 10.147L5.14641 11.2071Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 75%;
height: 75%;
display: flex;
justify-content: center;
align-items: center;
}
.consent-checkbox input[data-v-12795629] {
cursor: pointer;
position: absolute;
opacity: 0;
width: var(--size);
height: var(--size);
}
.footer-form[data-v-66348b42] {
padding: 20px;
background: #8BA189;
border-radius: 8px;
color: white;
}
@media only screen and (max-width: 1850px) {
.footer-form[data-v-66348b42] {
padding: 14px;
}
}
@media only screen and (max-width: 1430px) {
.footer-form[data-v-66348b42] {
padding: 18px 85px 14px 35px;
}
}
@media only screen and (max-width: 1430px) {
.footer-form[data-v-66348b42] {
padding: 18px 85px 14px 35px;
}
}
@media only screen and (max-width: 1265px) {
.footer-form[data-v-66348b42] {
padding: 18px 40px 18px 35px;
}
}
@media only screen and (max-width: 1023px) {
.footer-form[data-v-66348b42] {
padding: 18px 51px 24px 35px;
}
}
@media only screen and (max-width: 767px) {
.footer-form[data-v-66348b42] {
padding: 20px;
}
}
.footer-form__wrapper[data-v-66348b42] {
grid-area: form;
padding-right: 56px;
height: fit-content;
border-right: 1px solid #eeebe7;
}
@media only screen and (max-width: 1850px) {
.footer-form__wrapper[data-v-66348b42] {
padding-right: 38px;
}
}
@media only screen and (max-width: 1430px) {
.footer-form__wrapper[data-v-66348b42] {
padding-right: 0;
border-right: none;
padding-bottom: 24px;
margin-bottom: 25px;
border-bottom: 1px solid #eeebe7;
width: 100%;
}
}
@media only screen and (max-width: 1265px) {
.footer-form__wrapper[data-v-66348b42] {
padding-bottom: 0;
margin-bottom: 35px;
border-bottom: none;
}
}
.footer-form__main-content[data-v-66348b42] {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
}
@media only screen and (max-width: 1430px) {
.footer-form__main-content[data-v-66348b42] {
flex-direction: row;
}
}
@media only screen and (max-width: 767px) {
.footer-form__main-content[data-v-66348b42] {
flex-direction: column;
}
}
@media only screen and (max-width: 1430px) {
.footer-form br[data-v-66348b42] {
display: none;
}
}
@media only screen and (max-width: 1265px) {
.footer-form br[data-v-66348b42] {
display: block;
}
}
.footer-form__header[data-v-66348b42] {
margin-bottom: 5px;
}
@media only screen and (max-width: 1850px) {
.footer-form__header[data-v-66348b42] {
font-size: 14px;
line-height: 18px;
}
}
@media only screen and (max-width: 1430px) {
.footer-form__header[data-v-66348b42] {
font-size: 20px;
line-height: 22px;
}
}
.footer-form__under-header[data-v-66348b42] {
font-size: 14px;
line-height: 20px;
}
@media only screen and (max-width: 1850px) {
.footer-form__under-header[data-v-66348b42] {
font-size: 12px;
line-height: 16px;
}
}
.footer-form__input-box[data-v-66348b42] {
position: relative;
width: 100%;
}
.footer-form__input-box input[data-v-66348b42] {
width: 100%;
padding-bottom: 10px;
border-bottom: 2px solid white;
color: rgba(255, 255, 255, 0.8);
}
.footer-form__input-box input[data-v-66348b42]:focus::placeholder {
opacity: 0.4;
}
.footer-form__input-box input[data-v-66348b42]::placeholder {
color: white;
opacity: 0.8;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.25px;
vertical-align: middle;
transition: opacity 0.3s;
}
.footer-form__input-box button[data-v-66348b42] {
position: absolute;
right: 0;
top: 35%;
transform: translateY(-50%);
cursor: pointer;
}
.footer-form__input-box button .arrow[data-v-66348b42] {
display: block;
width: 35px;
height: 16px;
opacity: 0.3;
background: url('data:image/svg+xml,');
}
.footer-form__input-box button .spinner[data-v-66348b42] {
display: inline-block;
margin: 0 8px;
border-radius: 50%;
width: 1.5em;
height: 1.5em;
border: 0.215em solid transparent;
vertical-align: middle;
font-size: 16px;
border-top-color: #b4a498;
animation: spin 1s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
}
.footer-form form[data-v-66348b42] {
display: flex;
flex-direction: column;
gap: 10px;
}
@media only screen and (max-width: 1430px) {
.footer-form form[data-v-66348b42] {
justify-content: center;
max-width: 450px;
}
}
@media only screen and (max-width: 1023px) {
.footer-form form[data-v-66348b42] {
max-width: 290px;
}
}
@media only screen and (max-width: 767px) {
.footer-form form[data-v-66348b42] {
max-width: none;
}
}
.footer-form__consent[data-v-66348b42] {
display: flex;
gap: 10px;
}
.footer-form__consent .text[data-v-66348b42] {
font-weight: 500;
font-size: 12px;
line-height: 100%;
opacity: 0.5;
}
@media only screen and (max-width: 1850px) {
.footer-form__consent .text[data-v-66348b42] {
font-size: 8px;
line-height: 100%;
}
}
@media only screen and (max-width: 1430px) {
.footer-form__consent .text[data-v-66348b42] {
font-size: 10px;
}
}
@media only screen and (max-width: 1023px) {
.footer-form__consent .text[data-v-66348b42] {
font-size: 8px;
}
}
.footer-form__consent .text a[data-v-66348b42] {
text-decoration: underline;
}
.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 36px;
}
@media only screen and (max-width: 1850px) {
.footer-bottom {
display: grid;
grid-auto-flow: column;
grid-template-columns: repeat(4, auto);
grid-template-rows: 1fr 1fr;
column-gap: none;
row-gap: 5px;
}
}
@media only screen and (max-width: 1265px) {
.footer-bottom {
margin-top: 15px;
}
}
@media only screen and (max-width: 1023px) {
.footer-bottom {
grid-template-columns: repeat(3, auto);
grid-template-rows: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 767px) {
.footer-bottom {
display: flex;
flex-direction: column;
gap: 8px;
}
}
.footer-bottom-item {
color: #6D615A;
opacity: 0.5;
}
@media only screen and (max-width: 1265px) {
.footer-bottom-item {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 1023px) {
.footer-bottom-item:last-child {
grid-row: 3/4;
grid-column: 1/-1;
}
}
.arrow[data-v-4ea964f3] {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: transform 0.2s ease;
}
@media only screen and (min-width: 1265px) {
.arrow[data-v-4ea964f3] {
display: none;
}
}
.footer-nav-header[data-v-4ea964f3] {
--border-width: 1px;
}
@media only screen and (max-width: 1265px) {
.footer-nav-header[data-v-4ea964f3] {
padding: 15px 0;
border-top: 1px solid #eeebe7;
}
}
@media only screen and (max-width: 1265px) {
.footer-nav-header.active[data-v-4ea964f3] {
background: #f8f7f5;
color: #b4a498;
border-color: transparent;
}
}
@media only screen and (max-width: 1265px) {
.footer-nav-header.active[data-v-4ea964f3]::after, .footer-nav-header.active[data-v-4ea964f3]::before {
content: "";
position: absolute;
background: #f8f7f5;
width: calc(50vw - 50%);
height: calc(100% + var(--border-width));
top: calc(-1 * var(--border-width));
z-index: -1;
border-bottom: 1px solid #f8f7f5;
pointer-events: none;
}
.footer-nav-header.active[data-v-4ea964f3]::after {
right: 100%;
}
.footer-nav-header.active[data-v-4ea964f3]::before {
left: 100%;
}
}
.footer-nav-header.active .arrow[data-v-4ea964f3] {
transform: translateY(-50%) rotate(180deg);
}
.down[data-v-22d5960a],
.down-active[data-v-22d5960a] {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.5s;
display: none;
}
@media only screen and (max-width: 1265px) {
.down[data-v-22d5960a],
.down-active[data-v-22d5960a] {
display: block;
}
}
.down-active[data-v-22d5960a] {
opacity: 0;
visibility: hidden;
}
.work-schedule[data-v-4f3c8643] >p {
margin: 0;
max-width: none;
}
.checkbox-container[data-v-c926a2c6] {
width: var(--checkmark-size);
height: var(--checkmark-size);
}
.checkbox-container .checkmark[data-v-c926a2c6] {
margin: 0;
}
.checkbox-container input[data-v-c926a2c6] {
display: block;
position: absolute;
opacity: 0;
width: var(--checkmark-size);
height: var(--checkmark-size);
cursor: pointer;
z-index: 2;
}
.checkbox-container.sm[data-v-c926a2c6] {
--checkmark-size: 20px;
}
.checkbox-container.sm .checkmark[data-v-c926a2c6]::after {
width: 14px;
height: 11px;
right: -3px;
}
@media only screen and (max-width: 1430px) {
.checkbox-container.sm[data-v-c926a2c6] {
--checkmark-size: 16px;
}
.checkbox-container.sm .checkmark[data-v-c926a2c6]::after {
width: 11px;
height: 9px;
right: -2px;
}
}
.product-addition {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #EEEBE7;
border-radius: 8px;
height: 55px;
padding-inline: 16px;
margin-block: 15px;
cursor: pointer;
}
@media only screen and (max-width: 1265px) {
.product-addition {
padding-inline: 10px;
}
}
@media only screen and (max-width: 1023px) {
.product-addition {
padding-inline: 16px;
}
}
.product-addition .right {
display: flex;
gap: 8px;
}
.product-addition .right .main-price-b {
font-size: 14px;
line-height: 26px;
min-width: max-content;
}
@media only screen and (max-width: 1265px) {
.product-addition .right .form-counter {
transform: scale(0.8);
transform-origin: 100% 50%;
}
}
@media only screen and (max-width: 1023px) {
.product-addition .right .form-counter {
transform: none;
}
}
@media only screen and (max-width: 450px) {
.product-addition .right .form-counter {
transform: scale(0.8);
}
}
.product-addition .left {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
@media only screen and (max-width: 1265px) {
.product-addition .left {
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.product-addition .left {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.product-addition .left {
font-size: 12px;
}
}
.product-addition .left .addition-input {
--checkmark-border-color: #EEEBE7;
margin-right: 15px;
}
@media only screen and (max-width: 1265px) {
.product-addition .left .addition-input {
margin-right: 10px;
}
}
@media only screen and (max-width: 1023px) {
.product-addition .left .addition-input {
margin-right: 15px;
}
}
@media only screen and (max-width: 767px) {
.product-addition .left .addition-input {
margin-right: 10px;
}
}
.product-addition .left img {
width: 55px;
max-height: 50px;
margin-right: 10px;
}
@media only screen and (max-width: 1265px) {
.product-addition .left img {
margin-right: 5px;
}
}
@media only screen and (max-width: 1023px) {
.product-addition .left img {
margin-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.product-addition .left img {
margin-right: 5px;
}
}
.product-addition .text {
display: flex;
flex-direction: column;
}
.product-addition .text .for {
font-size: 12px;
color: #b4a498;
}
:root{--vc-picker-bg: #f8f8f8;--vc-body-bg: #fff;--vc-input-bg: #fff;--vc-input-text: #333;--vc-input-label: #969696;--vc-input-border: #dadada;--vc-chrome-toggle-btn-highlighted: #eee;--vc-ps-bg: #dcdcdc;--vc-ps-title-bg-gradient-start: #f0f0f0;--vc-ps-title-bg-gradient-end: #d4d4d4;--vc-ps-title-border: #B1B1B1;--vc-ps-title-color: #4d4d4d;--vc-ps-slider-border: #b3b3b3;--vc-ps-slider-border-bottom: #f0f0f0;--vs-ps-picker-border-dark: #555;--vs-ps-picker-border-white: #fff;--vc-ps-btn-gradient-start: #fff;--vc-ps-btn-gradient-end: #e6e6e6;--vc-ps-btn-border: #878787;--vc-ps-btn-shadow: #EAEAEA;--vc-ps-btn-color: #000;--vc-ps-preview-border: #000;--vc-ps-label: #000;--vc-ps-input-border: #888;--vc-ps-input-shadow-dark: rgba(0,0,0,.1);--vc-ps-input-shadow-light: #ececec;--vc-sketch-input-label: #222;--vc-sketch-presets-border: #eee;--vc-twitter-input-bg: #fff;--vc-twitter-input-border: #f0f0f0;--vc-twitter-input-color: #666;--vc-twitter-hash-bg: #f0f0f0;--vc-twitter-hash-color: #98A1A4}:root.dark{--vc-body-bg: #424242;--vc-picker-bg: #d0d0d0;--vc-input-bg: #2c2c2c;--vc-input-text: #d0d0d0;--vc-input-label: #bbbbbb;--vc-input-border: #555555;--vc-chrome-toggle-btn-highlighted: #5c5c5c;--vc-sketch-input-label: #bbbbbb;--vc-sketch-presets-border: #5a5a5a;--vc-twitter-input-border: #383838;--vc-twitter-input-color: #bbbbbb;--vc-twitter-hash-bg: #383838;--vc-twitter-hash-color: #a0acaf;--vc-twitter-input-bg: #555;--vc-ps-bg: #424242;--vc-ps-title-bg-gradient-start: #4e4e4e;--vc-ps-title-bg-gradient-end: #3a3a3a;--vc-ps-title-border: #5a5a5a;--vc-ps-title-color: #bbbbbb;--vc-ps-slider-border: #5c5c5c;--vc-ps-slider-border-bottom: #4a4a4a;--vs-ps-picker-border-dark: #b8b8b8;--vs-ps-picker-border-white: #bbbbbb;--vc-ps-btn-gradient-start: #505050;--vc-ps-btn-gradient-end: #3a3a3a;--vc-ps-btn-border: #6a6a6a;--vc-ps-btn-shadow: #2a2a2a;--vc-ps-btn-color: #bbbbbb;--vc-ps-preview-border: #3a3a3a;--vc-ps-label: #bbbbbb;--vc-ps-input-border: #666666;--vc-ps-input-shadow-dark: rgba(0, 0, 0, .45);--vc-ps-input-shadow-light: #2d2d2d}.bg[data-v-55e78f52]{cursor:crosshair;position:absolute;top:0;left:0;right:0;bottom:0;touch-action:none}.white[data-v-55e78f52]{background:linear-gradient(to right,#fff,#fff0)}.black[data-v-55e78f52]{background:linear-gradient(to top,#000,#0000)}.picker-wrap[data-v-55e78f52]{cursor:pointer;position:absolute;outline:none}.picker[data-v-55e78f52]{cursor:move;width:4px;height:4px;box-shadow:0 0 0 1.6px var(--vc-picker-bg),inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.vc-base-slider[data-v-6bf663b3]{position:relative;width:100%;height:100%;touch-action:none}.background[data-v-6bf663b3],.slider[data-v-6bf663b3]{position:absolute;top:0;right:0;bottom:0;left:0}.background[data-v-6bf663b3]{overflow:hidden}.slider[data-v-6bf663b3]{cursor:pointer;z-index:2}.picker-wrap[data-v-6bf663b3]{position:absolute;z-index:2;outline:none}.picker[data-v-6bf663b3]{width:4px;height:8px;margin-top:1px;border-radius:1px;box-shadow:0 0 2px #0009;background:var(--vc-picker-bg);cursor:pointer;transform:translate(-2px)}.vc-hue-slider[data-v-e997a65d]{cursor:crosshair;touch-action:none}.gradient[data-v-e997a65d]{width:100%;height:100%;border-radius:2px;background:var(--42f361a1)}.vc-checkerboard[data-v-9ab5bcdd]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain}.vc-alpha-slider[data-v-2b852c76] .vc-checkerboard{border-radius:2px}.gradient[data-v-2b852c76]{position:absolute;top:0;right:0;bottom:0;left:0}.vc-editable-input[data-v-bc51586d]{position:relative}.vc-input-input[data-v-bc51586d]{width:100%;padding:0;border:0;outline:none}.vc-input-label[data-v-bc51586d]{text-transform:capitalize}.vc-chrome-picker[data-v-6eb422c1]{width:225px;box-sizing:initial;border-radius:2px;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d;font-family:Menlo,Consolas,Courier New,monospace}.controls[data-v-6eb422c1]{display:flex}.color-wrap[data-v-6eb422c1]{position:relative;width:36px}.active-color[data-v-6eb422c1]{position:relative;width:30px;height:30px;border-radius:15px;overflow:hidden;z-index:1}.color-wrap[data-v-6eb422c1] .vc-checkerboard{width:30px;height:30px;border-radius:15px;background-size:auto}.sliders[data-v-6eb422c1]{flex:1}.fieldsWrap[data-v-6eb422c1]{display:flex;padding-top:16px}.fields[data-v-6eb422c1]{display:flex;margin-left:-6px;flex:1}.field[data-v-6eb422c1]{padding-left:6px;width:100%}.toggle-btn[data-v-6eb422c1]{width:32px;text-align:right;position:relative}.toggle-icon[data-v-6eb422c1]{position:relative;margin-right:-4px;margin-top:12px;cursor:pointer;z-index:2;color:var(--vc-input-text)}.toggle-icon_highlighted[data-v-6eb422c1]{position:absolute;width:24px;height:28px;top:10px;left:12px;background:var(--vc-chrome-toggle-btn-highlighted);border-radius:4px}.hue-wrap[data-v-6eb422c1]{position:relative;height:10px;margin-bottom:8px}.alpha-wrap[data-v-6eb422c1]{position:relative;height:10px}.hue-wrap[data-v-6eb422c1] .container,.alpha-wrap[data-v-6eb422c1] .gradient{border-radius:2px}.hue-wrap[data-v-6eb422c1] .picker,.alpha-wrap[data-v-6eb422c1] .picker{width:12px;height:12px;border-radius:6px;transform:translate(-6px,-2px);box-shadow:0 1px 4px #0000005e}.body[data-v-6eb422c1]{padding:16px 16px 12px;background-color:var(--vc-body-bg)}.saturation[data-v-6eb422c1]{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.saturation[data-v-6eb422c1] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.fields[data-v-6eb422c1] .vc-input-input{width:100%;height:21px;border-radius:2px;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:11px;text-align:center}.fields[data-v-6eb422c1] .vc-input-label{display:block;margin-top:12px;font-size:11px;color:var(--vc-input-label);line-height:11px;text-transform:uppercase;text-align:center}.alpha-disabled[data-v-6eb422c1] .active-color{width:18px;height:18px}.alpha-disabled[data-v-6eb422c1] .color-wrap{width:30px}.alpha-disabled[data-v-6eb422c1] .hue-wrap{margin-top:4px;margin-bottom:4px}.vc-compact-picker[data-v-d0787cb1]{width:245px;padding-top:5px;padding-left:5px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-d0787cb1]{overflow:hidden;padding:0;margin:0}.color-item[data-v-d0787cb1]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-d0787cb1]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-d0787cb1]{background:#000}.dot[data-v-d0787cb1]{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.vc-grayscale-picker[data-v-b08dfcd2]{padding-top:5px;padding-left:5px;width:245px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-b08dfcd2]{overflow:hidden;padding:0;margin:0}.color-item[data-v-b08dfcd2]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-b08dfcd2]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-b08dfcd2]{background:#000}.dot[data-v-b08dfcd2]{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.vc-material-picker[data-v-e26444c7]{position:relative;width:98px;height:98px;padding:16px;border-radius:2px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.vc-material-picker[data-v-e26444c7] .vc-input-input{width:100%;height:30px;margin-top:12px;background-color:var(--vc-body-bg);color:var(--vc-input-text);font-size:15px}.vc-material-picker[data-v-e26444c7] .vc-input-label{position:absolute;top:0;left:0;font-size:11px;color:var(--vc-input-label)}.hex[data-v-e26444c7]{border-bottom-width:2px;border-bottom-style:solid}.rgb[data-v-e26444c7]{display:flex;margin-right:-10px;padding-top:11px}.color[data-v-e26444c7]{flex:1;padding-right:10px}.vc-photoshop-picker[data-v-23086e00]{width:513px;background:var(--vc-ps-bg);border-radius:4px;box-shadow:0 0 0 1px #00000040,0 8px 16px #00000026;box-sizing:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.fields_disabled[data-v-23086e00]{width:390px}.title[data-v-23086e00]{height:23px;background-image:linear-gradient(-180deg,var(--vc-ps-title-bg-gradient-start) 0%,var(--vc-ps-title-bg-gradient-end) 100%);border-bottom:1px solid var(--vc-ps-title-border);border-radius:4px 4px 0 0;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000005;color:var(--vc-ps-title-color);font-size:13px;line-height:24px;text-align:center}.body[data-v-23086e00]{padding:15px;display:flex}.saturation[data-v-23086e00]{width:256px;height:256px;position:relative;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);overflow:hidden}.saturation[data-v-23086e00] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.hue[data-v-23086e00]{height:256px;width:19px;margin-left:10px;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom)}.hue-picker[data-v-23086e00]{position:relative}.hue-picker-left[data-v-23086e00],.hue-picker-right[data-v-23086e00]{position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vs-ps-picker-border-dark);cursor:pointer}.hue-picker-left[data-v-23086e00]:after,.hue-picker-right[data-v-23086e00]:after{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--vs-ps-picker-border-white);position:absolute;top:1px;left:1px;transform:translate(-8px,-5px)}.hue-picker-left[data-v-23086e00]{transform:translate(-10px,-4px)}.hue-picker-right[data-v-23086e00]{transform:translate(21px,-4px) rotate(180deg)}.controls[data-v-23086e00]{width:180px;margin-left:10px;display:flex}.controls_fields_disabled[data-v-23086e00]{width:auto}.actions[data-v-23086e00]{margin-left:20px;flex:1}.action-btn[data-v-23086e00]{height:20px;margin-bottom:10px;background-image:linear-gradient(-180deg,var(--vc-ps-btn-gradient-start) 0%,var(--vc-ps-btn-gradient-end) 100%);border:1px solid var(--vc-ps-btn-border);border-radius:2px;box-shadow:0 1px 0 0 var(--vc-ps-btn-shadow);cursor:pointer;color:var(--vc-ps-btn-color);font-size:14px;line-height:20px;text-align:center}.preview[data-v-23086e00]{width:60px}.preview-swatches[data-v-23086e00]{border:1px solid var(--vc-ps-slider-border);border-bottom:1px solid var(--vc-ps-slider-border-bottom);margin-bottom:2px;margin-top:1px}.preview-color[data-v-23086e00]{height:34px;box-shadow:inset 1px 0 var(--vc-ps-preview-border),inset -1px 0 var(--vc-ps-preview-border),inset 0 1px var(--vc-ps-preview-border)}.preview-label[data-v-23086e00]{color:var(--vc-ps-label);font-size:14px;text-align:center}.fields[data-v-23086e00]{padding-top:5px;padding-bottom:9px;width:80px;position:relative}.fields[data-v-23086e00] .vc-input-input{width:40%;height:18px;margin-left:40%;margin-right:10px;margin-bottom:5px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);background-color:var(--vc-input-bg);color:var(--vc-ps-label);font-size:13px}.fields[data-v-23086e00] .vc-input-label,.fields[data-v-23086e00] .vc-input-desc{position:absolute;top:0;height:18px;color:var(--vc-ps-label);font-size:13px;line-height:22px;text-transform:uppercase}.fields[data-v-23086e00] .vc-input-label{left:0;width:34px}.fields[data-v-23086e00] .vc-input-desc{right:0;width:0}.fields-divider[data-v-23086e00]{height:5px}.hex[data-v-23086e00] .vc-input-input{width:80%;height:18px;margin-left:20%;margin-bottom:6px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);font-size:13px}.hex[data-v-23086e00] .vc-input-label{position:absolute;top:0;left:0;width:14px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px}.vc-sketch-picker[data-v-acb9acef]{position:relative;width:200px;padding:10px 10px 0;box-sizing:initial;background:var(--vc-body-bg);border-radius:4px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026;font-family:Menlo,Consolas,Courier New,monospace}.saturation[data-v-acb9acef]{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.controls[data-v-acb9acef]{display:flex}.sliders[data-v-acb9acef]{padding:4px 0;flex:1}.hue[data-v-acb9acef] .container,.alpha[data-v-acb9acef] .gradient{border-radius:2px}.hue[data-v-acb9acef]{position:relative;height:10px}.alpha[data-v-acb9acef]{position:relative;height:10px;margin-top:4px;overflow:hidden}.color[data-v-acb9acef]{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:2px;overflow:hidden}.active-color[data-v-acb9acef]{position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 4px #00000040;z-index:2}.color[data-v-acb9acef] .vc-checkerboard{background-size:auto}.field[data-v-acb9acef]{display:flex;padding-top:4px}.field[data-v-acb9acef] .vc-input-input{width:90%;padding:4px 0 3px 10%;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:10px}.field[data-v-acb9acef] .vc-input-label{display:block;padding-top:3px;padding-bottom:4px;color:var(--vc-sketch-input-label);font-size:11px;text-align:center}.field_single[data-v-acb9acef]{flex:1;padding-left:6px}.field_double[data-v-acb9acef]{flex:2}.presets[data-v-acb9acef]{margin-right:-10px;margin-left:-10px;padding-left:10px;padding-top:10px;border-top:1px solid var(--vc-sketch-presets-border)}.preset-color[data-v-acb9acef]{border-radius:3px;overflow:hidden;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}.preset-color[data-v-acb9acef] .vc-checkerboard{box-shadow:inset 0 0 0 1px #00000026;border-radius:3px}.alpha-disabled .color[data-v-acb9acef]{height:10px}.vc-slider-picker[data-v-6f04ef25]{position:relative;width:410px}.hue[data-v-6f04ef25]{height:12px;position:relative}.hue[data-v-6f04ef25] .picker,.alpha[data-v-6f04ef25] .picker{width:14px;height:14px;border-radius:6px;box-shadow:0 1px 4px #0000005e;transform:translate(-7px,-2px)}.alpha[data-v-6f04ef25]{height:12px;position:relative;margin-top:20px}.swatches[data-v-6f04ef25]{display:flex;margin-top:20px}.swatch[data-v-6f04ef25]{margin-right:1px;flex:1;width:20%}.swatch[data-v-6f04ef25]:first-child{margin-right:1px}.swatch:first-child .picker[data-v-6f04ef25]{border-radius:2px 0 0 2px}.swatch[data-v-6f04ef25]:last-child{margin-right:0}.swatch:last-child .picker[data-v-6f04ef25]{border-radius:0 2px 2px 0}.picker[data-v-6f04ef25]{cursor:pointer;height:12px}.swatch:nth-child(n) .picker_active[data-v-6f04ef25]{transform:scaleY(1.8);border-radius:3.6px/2px}.picker_white[data-v-6f04ef25]{box-shadow:inset 0 0 0 1px #ddd}.picker_active.picker_white[data-v-6f04ef25]{box-shadow:inset 0 0 0 .6px #ddd}.vc-swatches-picker[data-v-080ed8c6]{width:320px;height:240px;overflow-y:scroll;background-color:var(--vc-body-bg);box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.box[data-v-080ed8c6]{padding:16px 0 6px 16px;overflow:hidden}.colorGroup[data-v-080ed8c6]{padding-bottom:10px;width:40px;float:left;margin-right:10px}.color[data-v-080ed8c6]{box-sizing:border-box;width:40px;height:24px;margin-bottom:1px;cursor:pointer;overflow:hidden;border-radius:2px 2px 0 0}.color_white[data-v-080ed8c6]{border:1px solid #ddd}.picker[data-v-080ed8c6]{display:block;fill:#fff;margin-left:8px}.color_white .picker[data-v-080ed8c6]{fill:#333}.vc-twitter-picker[data-v-52f6f7e7]{position:relative;background:var(--vc-body-bg);border:0 solid rgba(0,0,0,.25);box-shadow:0 1px 4px #00000040;border-radius:4px}.triangle[data-v-52f6f7e7]{position:absolute;width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent var(--vc-body-bg) transparent}.triangle_shadow[data-v-52f6f7e7]{width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent rgba(0,0,0,.1) transparent;position:absolute}.body[data-v-52f6f7e7]{padding:15px 9px 9px 15px}.vc-twitter-picker[data-v-52f6f7e7] .vc-editable-input{position:relative}.vc-twitter-picker[data-v-52f6f7e7] .vc-input-input{float:left;width:100px;height:28px;padding:1px 1px 1px 8px;outline:none;box-shadow:inset 0 0 0 1px var(--vc-twitter-input-border);box-sizing:content-box;border:0px;border-radius:0 4px 4px 0;background-color:var(--vc-twitter-input-bg);color:var(--vc-twitter-input-color);font-size:14px}.vc-twitter-picker[data-v-52f6f7e7] .vc-editable-input span{display:none}.hash[data-v-52f6f7e7]{float:left;display:flex;align-items:center;justify-content:center;height:30px;width:30px;border-radius:4px 0 0 4px;background:var(--vc-twitter-hash-bg);color:var(--vc-twitter-hash-color)}.swatch[data-v-52f6f7e7]{width:30px;height:30px;float:left;border-radius:4px;margin:0 6px 6px 0;cursor:pointer;position:relative;outline:none}.clear[data-v-52f6f7e7]{clear:both}.tri_hide .triangle[data-v-52f6f7e7],.tri_hide .triangle_shadow[data-v-52f6f7e7]{display:none}.tri_top_left .triangle[data-v-52f6f7e7]{top:-10px;left:12px}.tri_top_left .triangle_shadow[data-v-52f6f7e7]{top:-11px;left:12px}.tri_top_right .triangle[data-v-52f6f7e7]{top:-10px;right:12px}.tri_top_right .triangle_shadow[data-v-52f6f7e7]{top:-11px;right:12px}.vc-hue-wrap[data-v-db06adab]{height:8px}.vc-hue-wrap[data-v-db06adab] .slider{border-radius:4px}.vc-hue-wrap[data-v-db06adab] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;background-color:var(--a25d4faa);transform:translate(-12px) translateY(-8px)}.vc-hsl-sliders[data-v-091ba351]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-091ba351]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-091ba351]:last-of-type{margin-bottom:0}.label[data-v-091ba351]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsl-sliders[data-v-091ba351] .vc-base-slider{margin-top:5px;height:14px}.vc-hsl-sliders[data-v-091ba351] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-091ba351]{width:100%;height:100%}.vc-hsl-sliders[data-v-091ba351] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-091ba351] .picker{background-color:var(--39913e0a)}.s-slider[data-v-091ba351] .picker,.l-slider[data-v-091ba351] .picker{background-color:var(--a03fca6a)}.vc-hsl-sliders[data-v-091ba351] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsl-sliders[data-v-091ba351] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-hsv-sliders[data-v-dec480d8]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-dec480d8]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-dec480d8]:last-of-type{margin-bottom:0}.label[data-v-dec480d8]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsv-sliders[data-v-dec480d8] .vc-base-slider{margin-top:5px;height:14px}.vc-hsv-sliders[data-v-dec480d8] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-dec480d8]{width:100%;height:100%}.vc-hsv-sliders[data-v-dec480d8] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-dec480d8] .picker{background-color:var(--71707920)}.s-slider[data-v-dec480d8] .picker,.b-slider[data-v-dec480d8] .picker{background-color:var(--30d75e3e)}.vc-hsv-sliders[data-v-dec480d8] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsv-sliders[data-v-dec480d8] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-rgb-sliders[data-v-fd219a5b]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-fd219a5b]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-fd219a5b]:last-of-type{margin-bottom:0}.label[data-v-fd219a5b]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-rgb-sliders[data-v-fd219a5b] .vc-base-slider{margin-top:5px;height:14px}.vc-rgb-sliders[data-v-fd219a5b] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-fd219a5b]{width:100%;height:100%}.vc-rgb-sliders[data-v-fd219a5b] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.slider-wrap[data-v-fd219a5b]:not(.a-slider) .picker{background-color:var(--726a8035)}.vc-rgb-sliders[data-v-fd219a5b] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-rgb-sliders[data-v-fd219a5b] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}
.cond-row[data-v-1fb3b0c3] {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 8px;
flex-wrap: wrap;
}
.cond-type[data-v-1fb3b0c3] {
min-width: 180px;
}
.cond-entity[data-v-1fb3b0c3] {
min-width: 320px;
max-width: max-content;
}
.cond-qty[data-v-1fb3b0c3] {
width: 140px;
}
.extra-products-list[data-v-b3725b1e] {
display: flex;
flex-direction: column;
margin-top: 16px;
gap: 16px;
border-radius: 4px;
border: 1px solid #f1f1f1;
padding: 4px;
}
.extra-product[data-v-b3725b1e] {
border-radius: 4px;
border: 1px solid #ccc;
padding: 8px;
}
.extra-product > label[data-v-b3725b1e] {
display: block;
color: black;
margin-bottom: 8px;
}
.extra-product__options[data-v-b3725b1e] {
display: flex;
flex-direction: column;
gap: 8px;
}
.extra-product__options .option > label[data-v-b3725b1e] {
margin-right: 8px;
}
.badge.cart-label {
padding: 8px 12px;
border-radius: 3px;
text-transform: uppercase;
display: flex;
align-items: center;
width: fit-content;
}
.pp[data-v-337a3bd9] {
--border-radius: 8px;
}
.pp.dnone-media[data-v-337a3bd9] img {
display: none;
}
[data-v-4ec61588] .pp__content,
.wrapper[data-v-4ec61588] {
border-radius: 15px;
}
@media only screen and (max-width: 374px) {
[data-v-4ec61588] .pp__content,
.wrapper[data-v-4ec61588] {
border-radius: 0;
}
}
[data-v-4ec61588] .pp__content {
width: auto;
background-color: #fff;
max-width: calc(100vw - 32px);
overflow: visible;
}
@media only screen and (max-width: 767px) {
[data-v-4ec61588] .pp__content {
max-width: 375px;
}
}
.wrapper[data-v-4ec61588] {
display: grid;
grid-template-columns: auto 393px;
overflow: hidden;
}
@media only screen and (max-width: 1265px) {
.wrapper[data-v-4ec61588] {
grid-template-columns: auto 270px;
}
.wrapper[data-v-4ec61588]:has(.success) {
grid-template-columns: auto 393px;
}
}
@media only screen and (max-width: 1023px) {
.wrapper[data-v-4ec61588]:has(.success) {
grid-template-columns: auto 271px;
}
}
@media only screen and (max-width: 767px) {
.wrapper[data-v-4ec61588] {
grid-template-columns: auto;
}
.wrapper[data-v-4ec61588]:has(.success) {
grid-template-columns: auto;
}
}
.content[data-v-4ec61588] {
padding: 50px;
color: #b4a498;
max-width: 549px;
}
@media only screen and (max-width: 1265px) {
.content[data-v-4ec61588] {
max-width: 475px;
padding: 36px;
}
}
@media only screen and (max-width: 1023px) {
.content[data-v-4ec61588] {
max-width: 380px;
padding: 36px 72px 18px 36px;
}
}
@media only screen and (max-width: 767px) {
.content[data-v-4ec61588] {
max-width: 375px;
padding: 26px 16px 26px 14px;
}
}
@media only screen and (max-width: 374px) {
.content[data-v-4ec61588] {
height: calc(100vh - 234px);
}
}
.content.success[data-v-4ec61588] {
padding: 88px 43px 92px 48px;
}
@media only screen and (max-width: 1265px) {
.content.success[data-v-4ec61588] {
padding: 67px 62px 108px 36px;
}
}
@media only screen and (max-width: 767px) {
.content.success[data-v-4ec61588] {
padding: 26px 24px 26px 20px;
}
}
.content.success p[data-v-4ec61588] {
margin: 0;
max-width: auto;
}
.content .h2[data-v-4ec61588] {
font-weight: 600;
font-size: 36px;
line-height: 120%;
letter-spacing: 0px;
color: #6D615A;
}
@media only screen and (max-width: 1265px) {
.content .h2[data-v-4ec61588] {
font-size: 26px;
}
}
@media only screen and (max-width: 767px) {
.content .h2[data-v-4ec61588] {
text-align: center;
}
}
.content .h3[data-v-4ec61588] {
font-weight: 500;
font-size: 27px;
line-height: 100%;
letter-spacing: 0px;
color: #6D615A;
margin-top: 36px;
margin-bottom: 36px;
}
@media only screen and (max-width: 1265px) {
.content .h3[data-v-4ec61588] {
font-size: 20px;
margin-top: 28px;
margin-bottom: 28px;
}
}
@media only screen and (max-width: 767px) {
.content .h3[data-v-4ec61588] {
text-align: center;
}
}
.content p[data-v-4ec61588] {
font-weight: 500;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
margin-top: 18px;
margin-bottom: 36px;
}
@media only screen and (max-width: 1265px) {
.content p[data-v-4ec61588] {
font-size: 16px;
margin-top: 13px;
margin-bottom: 34px;
}
}
@media only screen and (max-width: 767px) {
.content p[data-v-4ec61588] {
text-align: center;
padding: 0 10px;
}
}
form .consent[data-v-4ec61588] {
display: flex;
gap: 10px;
margin-top: 16px;
font-weight: 500;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
}
@media only screen and (max-width: 1023px) {
form .consent[data-v-4ec61588] {
margin-right: -72px;
}
}
@media only screen and (max-width: 767px) {
form .consent[data-v-4ec61588] {
margin-right: 0;
}
}
form .consent a[data-v-4ec61588] {
text-decoration: underline;
}
form .consent .error[data-v-4ec61588] {
color: #FF7F93;
}
form .consent .error[data-v-4ec61588] .checkmark {
border-color: #FF7F93;
}
form input[name=email][data-v-4ec61588] {
width: 100%;
height: 56px;
padding: 16px 16px 16px 27px;
color: #6D615A;
}
form input[name=email][data-v-4ec61588]::placeholder {
color: rgba(109, 97, 90, 0.5);
}
form input[name=email][data-v-4ec61588] {
border: 1px solid #E4E0DB;
border-radius: 6px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.25px;
transition: all ease 0.1s;
}
@media only screen and (max-width: 1265px) {
form input[name=email][data-v-4ec61588] {
font-size: 14px;
line-height: 24px;
height: 50px;
padding: 13px 13px 13px 21px;
}
}
form input[name=email][data-v-4ec61588]:hover {
border-color: #6D615A;
}
form input[name=email].error[data-v-4ec61588] {
color: #FF7F93;
}
form input[name=email].error[data-v-4ec61588]::placeholder {
color: #FF7F93;
}
form input[name=email].error[data-v-4ec61588] {
border-color: #FF7F93;
}
form button[data-v-4ec61588] {
display: block;
width: 100%;
padding: 16px 10px;
margin-top: 20px;
border-radius: 6px;
background-color: #b4a498;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
text-align: center;
text-transform: uppercase;
color: #fff;
}
@media only screen and (max-width: 1265px) {
form button[data-v-4ec61588] {
margin-top: 14px;
font-size: 14px;
line-height: 20px;
height: 48px;
}
}
form button[data-v-4ec61588] {
cursor: pointer;
}
form button[data-v-4ec61588]:hover {
background-color: #6D615A;
}
form button[data-v-4ec61588] {
transition: all ease 0.2s;
}
.image-wrapper[data-v-4ec61588] {
position: relative;
}
.image-wrapper img[data-v-4ec61588] {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: left;
}
@media only screen and (max-width: 767px) {
.image-wrapper[data-v-4ec61588] {
height: 234px;
order: -1;
}
}
.close[data-v-4ec61588] {
position: absolute;
top: 28px;
right: 27px;
cursor: pointer;
color: #fff;
width: 16px;
height: 16px;
}
.close svg[data-v-4ec61588] {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1265px) {
.close[data-v-4ec61588] {
top: 28px;
right: 22px;
}
}
@media only screen and (max-width: 1023px) {
.close[data-v-4ec61588] {
top: 20px;
right: 17px;
}
}
.welcome-funnel {
position: relative;
padding: 35px 124px 35px 90px;
margin-top: 12px;
margin-bottom: -8px;
max-height: 182px;
border-radius: 8px;
background: #8BA189;
color: white;
}
@media only screen and (max-width: 1850px) {
.welcome-funnel {
max-height: 176px;
padding: 35px 120px 35px 65px;
}
.welcome-funnel__img {
display: none;
}
}
@media only screen and (max-width: 1430px) {
.welcome-funnel {
max-height: 171px;
padding: 35px 80px 35px 65px;
}
}
@media only screen and (max-width: 1265px) {
.welcome-funnel {
max-height: 161px;
padding: 30px 80px 30px 50px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel {
max-height: 135px;
padding: 20px 60px 20px 50px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel {
max-height: none;
padding: 20px 20px 10px 20px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel:has(.welcome-funnel__success) {
height: 260px;
}
}
.welcome-funnel__success {
display: flex;
padding: 6px 0 6px 0;
justify-content: space-between;
}
@media only screen and (max-width: 1265px) {
.welcome-funnel__success {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__success {
flex-direction: column;
height: 100%;
gap: 10px;
}
}
.welcome-funnel__success-images {
display: flex;
}
@media only screen and (max-width: 767px) {
.welcome-funnel__success-images {
align-items: center;
}
}
.welcome-funnel__success-text {
font-weight: 600;
font-size: 32px;
line-height: 40px;
align-self: center;
}
@media only screen and (max-width: 1265px) {
.welcome-funnel__success-text {
font-size: 26px;
line-height: 32px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel__success-text {
font-size: 24px;
line-height: 24px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__success-text {
font-size: 20px;
line-height: 100%;
align-self: flex-start;
}
}
.welcome-funnel__success svg.plane {
width: auto;
height: 100px;
}
@media only screen and (max-width: 767px) {
.welcome-funnel__success svg.plane {
width: 20%;
height: auto;
}
}
.welcome-funnel__success svg.curve {
align-self: flex-end;
}
@media only screen and (max-width: 1850px) {
.welcome-funnel__success svg.curve {
display: none;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__success svg.curve {
display: initial;
width: 80%;
}
}
.welcome-funnel__main-content {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 767px) {
.welcome-funnel__main-content {
flex-direction: column;
align-items: start;
}
}
.welcome-funnel__main-content {
padding-right: 38px;
}
@media only screen and (max-width: 1850px) {
.welcome-funnel__main-content {
padding-right: 0;
}
}
.welcome-funnel__text {
width: 300px;
}
@media only screen and (max-width: 1265px) {
.welcome-funnel__text {
width: 250px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel__text .h4 {
font-size: 20px;
line-height: 28px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__text .h4 {
font-size: 20px;
line-height: 100%;
}
}
.welcome-funnel__text p {
margin-top: 5px;
font-weight: 600;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
.welcome-funnel__text p {
font-size: 12px;
line-height: 24px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__text p {
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-transform: none;
}
}
.welcome-funnel__form {
max-width: 700px;
}
@media only screen and (max-width: 1430px) {
.welcome-funnel__form {
max-width: 600px;
}
}
@media only screen and (max-width: 1265px) {
.welcome-funnel__form {
max-width: 500px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__form {
max-width: none;
}
}
.welcome-funnel__form #funnel_email {
width: 100%;
height: 64px;
padding: 10px 18px;
border-radius: 5px;
line-height: initial;
color: #6D615A;
background-color: #F8F7F5;
font-size: 20px;
}
@media only screen and (max-width: 1430px) {
.welcome-funnel__form #funnel_email {
height: 45px;
font-size: 18px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel__form #funnel_email {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__form #funnel_email {
font-size: 14px;
}
}
.welcome-funnel__form #funnel_email:focus::placeholder {
opacity: 0.4;
}
.welcome-funnel__form #funnel_email::placeholder {
font-size: 20px;
color: #6D615A;
}
@media only screen and (max-width: 1430px) {
.welcome-funnel__form #funnel_email::placeholder {
font-size: 18px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel__form #funnel_email::placeholder {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__form #funnel_email::placeholder {
font-size: 14px;
}
}
.welcome-funnel__form #funnel_email::placeholder {
transition: opacity 0.3s;
}
.welcome-funnel__form-wrapper {
display: flex;
gap: 8px;
}
@media only screen and (max-width: 767px) {
.welcome-funnel__form-wrapper {
margin-top: 30px;
}
}
.welcome-funnel__form-inputs {
display: flex;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.welcome-funnel__form-inputs {
flex-direction: column;
}
}
.welcome-funnel__form-consent {
display: flex;
gap: 10px;
font-weight: 500;
font-size: 14px;
line-height: 100%;
vertical-align: middle;
color: rgba(255, 251, 246, 0.5019607843);
margin-top: 14px;
}
@media only screen and (max-width: 1265px) {
.welcome-funnel__form-consent {
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel__form-consent {
font-size: 10px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__form-consent {
font-size: 8px;
margin-top: 10px;
}
}
.welcome-funnel__form-consent a {
text-decoration: underline;
}
.welcome-funnel .pp__close {
align-self: center;
position: absolute;
top: 45px;
right: 52px;
width: 20px;
height: 20px;
}
@media only screen and (max-width: 1430px) {
.welcome-funnel .pp__close {
top: 28px;
right: 28px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel .pp__close {
top: 20px;
right: 20px;
}
}
.welcome-funnel .pp__close .close__lane {
background-color: white;
}
.welcome-funnel__btn {
display: flex;
align-items: center;
justify-content: center;
height: 64px;
padding: 20px 40px;
background-color: #6D615A;
color: white;
opacity: 1 !important;
font-weight: 400;
font-size: 20px;
line-height: 100%;
text-transform: uppercase;
text-wrap-mode: nowrap;
}
@media only screen and (max-width: 1430px) {
.welcome-funnel__btn {
height: 45px;
padding: 15px 25px;
font-size: 18px;
}
}
@media only screen and (max-width: 1023px) {
.welcome-funnel__btn {
height: 45px;
padding: 15px 20px;
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.welcome-funnel__btn {
font-size: 14px;
}
}
.welcome-funnel__btn:hover {
background-color: #6D615A;
color: white;
}
.welcome-funnel .sub_spinner {
display: inline-block;
margin: 0 8px;
border-radius: 50%;
width: 1.5em;
height: 1.5em;
border: 0.215em solid transparent;
vertical-align: middle;
font-size: 16px;
border-top-color: white;
animation: spin 1s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
}
.welcome-funnel .sub_primary {
display: flex;
align-items: center;
}
form[data-v-4cb99635] {
border-radius: 6px;
background-color: #F8F7F5;
height: 160px;
padding: 6px 9px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (max-width: 1850px) {
form[data-v-4cb99635] {
height: 144px;
padding: 5px 6px 6px;
}
}
form .preview[data-v-4cb99635] {
width: 56px;
height: 56px;
object-fit: contain;
}
form a[data-v-4cb99635]:has(.preview) {
height: 56px;
display: block;
}
form .name[data-v-4cb99635] {
font-weight: 600;
font-size: 12px;
line-height: 120%;
letter-spacing: 0.25px;
margin-top: 2px;
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media only screen and (max-width: 1850px) {
form .name[data-v-4cb99635] {
font-size: 10px;
}
}
form .size[data-v-4cb99635] {
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.25px;
margin-top: 2px;
opacity: 0.6;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media only screen and (max-width: 1850px) {
form .size[data-v-4cb99635] {
font-size: 10px;
}
}
form .bottom[data-v-4cb99635] {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 8px;
padding-right: 4px;
}
@media only screen and (max-width: 1850px) {
form .bottom[data-v-4cb99635] {
margin-top: 2px;
padding-right: 0;
}
}
form .product__form-price[data-v-4cb99635] {
margin: 0;
font-weight: 700;
font-size: 15px;
line-height: 24px;
letter-spacing: 0px;
}
@media only screen and (max-width: 1850px) {
form .product__form-price[data-v-4cb99635] {
font-size: 12px;
line-height: 21px;
}
}
form .product__form-price.--old[data-v-4cb99635] {
font-size: 12px;
}
@media only screen and (max-width: 1850px) {
form .product__form-price.--old[data-v-4cb99635] {
font-size: 10px;
}
form .product__form-price.--old[data-v-4cb99635]::after {
margin-left: 2px;
width: 6px;
height: 9px;
}
}
@media only screen and (max-width: 1430px) {
form .product__form-price.--old[data-v-4cb99635] {
font-size: 8px;
}
form .product__form-price.--old[data-v-4cb99635]::after {
margin-left: 1px;
width: 4px;
height: 6px;
}
}
@media only screen and (max-width: 1265px) {
form .product__form-price.--old[data-v-4cb99635] {
font-size: 10px;
}
form .product__form-price.--old[data-v-4cb99635]::after {
margin-left: 2px;
width: 6px;
height: 9px;
}
}
form .product__form-price[data-v-4cb99635]::after {
width: 8px;
height: 10px;
margin-left: 3px;
margin-top: 0.5px;
}
@media only screen and (max-width: 1850px) {
form .product__form-price[data-v-4cb99635]::after {
width: 7px;
height: 9px;
}
}
form .product__form-price-wrapper[data-v-4cb99635] {
display: flex;
align-items: center;
gap: 6px;
}
form .btn[data-v-4cb99635] {
height: 27px;
width: 27px;
padding: 0;
}
.cart-dop-head {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.cart-dop-header {
font-size: 20px;
line-height: 26px;
letter-spacing: 0px;
}
@media only screen and (max-width: 1850px) {
.cart-dop-header {
font-size: 17px;
line-height: 22px;
letter-spacing: 1%;
}
}
@media only screen and (max-width: 767px) {
.cart-dop-header {
font-size: 20px;
line-height: 26px;
letter-spacing: 0px;
}
}
.cart-dop-items {
padding-top: 32px;
padding-bottom: 19px;
margin-left: 80px;
margin-right: 80px;
}
@media only screen and (max-width: 1850px) {
.cart-dop-items {
padding-top: 28px;
padding-bottom: 0;
margin-left: 40px;
margin-right: 40px;
}
}
@media only screen and (max-width: 1430px) {
.cart-dop-items {
padding-top: 19px;
padding-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
}
}
@media only screen and (max-width: 767px) {
.cart-dop-items {
padding-top: 20px;
padding-bottom: 20px;
margin-left: 15px;
margin-right: 15px;
flex: 1;
}
}
.cart-pp-content .cart-footer-divider {
display: block;
width: 100%;
height: 1px;
background-color: #E5E5E5;
margin-bottom: 18px;
}
@media only screen and (max-width: 1850px) {
.cart-pp-content .cart-footer-divider {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 1265px) {
.cart-pp-content .cart-footer-divider {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.cart-pp-content .cart-footer-divider {
margin-bottom: 16px;
}
}
form[data-v-46489094] {
height: 100%;
margin: 0;
}
form .size[data-v-46489094] {
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.25px;
margin-top: 2px;
opacity: 0.6;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media only screen and (max-width: 1265px) {
form .popular-price[data-v-46489094] {
gap: 7px;
}
}
@media only screen and (max-width: 1265px) {
form .popular-btns[data-v-46489094] {
margin: 0 !important;
}
}
.related-swiper[data-v-46489094] {
overflow: visible;
}
.progress__swiper-pagination[data-v-46489094] {
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: auto;
bottom: -35px;
border-radius: 2px;
background: var(--lightBeige);
}
.product__form[data-v-22ef1d21] {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
gap: 8px;
}
.popular-select[data-v-22ef1d21] {
margin-bottom: 0;
}
@media only screen and (max-width: 1850px) {
.second-price-s[data-v-22ef1d21] {
font-size: 14px;
margin-left: 8px;
}
}
@media only screen and (max-width: 1430px) {
.second-price-s[data-v-22ef1d21] {
font-size: 12px;
margin-left: 6px;
}
}
.popular-price[data-v-22ef1d21] {
width: 100%;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 1850px) {
.price-discount .main-price-b[data-v-22ef1d21] {
font-size: 16px;
}
}
@media only screen and (max-width: 1430px) {
.price-discount .main-price-b[data-v-22ef1d21] {
font-size: 14px;
}
}
@media only screen and (max-width: 1430px) {
.popular-btn.btn.btn-l.btn-s[data-v-22ef1d21] {
padding: 6px 16px;
}
}
.product__swipers {
width: 63.21%;
}
@media only screen and (max-width: 1850px) {
.product__swipers {
width: 738px;
}
}
@media only screen and (max-width: 1430px) {
.product__swipers {
width: 646px;
}
}
@media only screen and (max-width: 1265px) {
.product__swipers {
width: 590px;
}
}
@media only screen and (max-width: 1023px) {
.product__swipers {
width: 100%;
}
}
.pp-product__swipers {
width: 100%;
height: 100%;
padding: 35px 33px;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1850px) {
.pp-product__swipers {
padding: 40px 24px;
}
}
@media only screen and (max-width: 1430px) {
.pp-product__swipers {
padding: 51px 23px;
}
}
@media only screen and (max-width: 1265px) {
.pp-product__swipers {
padding: 50px 62px;
flex-direction: column-reverse;
justify-content: center;
}
}
@media only screen and (max-width: 1023px) {
.pp-product__swipers {
padding: 50px 40px;
}
}
@media only screen and (max-width: 767px) {
.pp-product__swipers {
padding: 50px 0;
}
}
.pp-product__swiper {
margin-left: 10.89%;
width: 65.69%;
position: relative;
overflow: visible;
}
@media only screen and (max-width: 1850px) {
.pp-product__swiper {
margin-left: 17.52%;
width: 58.26%;
}
}
@media only screen and (max-width: 1430px) {
.pp-product__swiper {
margin-left: 15.88%;
width: 56.96%;
}
}
@media only screen and (max-width: 1265px) {
.pp-product__swiper {
margin-bottom: 62px;
margin-left: 0;
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.pp-product__swiper {
margin-bottom: 62px;
margin-left: 0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.pp-product__swiper {
margin-bottom: 20px;
}
}
.pp-product__swiper[vertical] {
margin: 0 auto;
--ratio: calc(525 / 734);
--image-height: 80vh;
--image-width: min(90vw, calc(var(--image-height) * var(--ratio)));
width: var(--image-width);
}
.pp-product__swiper[vertical] .pp-product__swiper-slide-photo {
padding-bottom: calc(var(--image-width) / var(--ratio));
}
@media only screen and (max-width: 1850px) {
.pp-product__thumbs-box:has(> [vertical]) {
width: 80px;
max-height: 378px;
}
}
@media only screen and (max-width: 1265px) {
.pp-product__thumbs-box:has(> [vertical]) {
width: 543px;
max-height: 115px;
height: 115px;
margin-top: 10px;
}
}
.root-container[data-v-36580334] {
display: flex;
align-items: center;
--thumbs-width: 120px;
}
@media only screen and (max-width: 1850px) {
.root-container[data-v-36580334] {
--thumbs-width: 79px;
}
}
@media only screen and (max-width: 1430px) {
.root-container[data-v-36580334] {
--thumbs-width: 66px;
}
}
@media only screen and (max-width: 1265px) {
.root-container[data-v-36580334] {
--thumbs-width: 0px;
flex-direction: column-reverse;
justify-content: center;
}
}
.product__thumbs-box[data-v-36580334] {
position: relative;
width: 120px;
height: 640px;
flex-shrink: 0;
}
.product__thumbs-box[vertical][data-v-36580334] {
--slide-height: 163px;
--slides-per-page: 4;
--gap: 10px;
width: var(--thumbs-width);
height: calc(var(--slide-height) * var(--slides-per-page) + var(--gap) * (var(--slides-per-page) - 1));
}
@media only screen and (max-width: 1850px) {
.product__thumbs-box[vertical][data-v-36580334] {
--slide-height: 105px;
--slides-per-page: 4;
--gap: 6px;
}
}
@media only screen and (max-width: 1430px) {
.product__thumbs-box[vertical][data-v-36580334] {
--slide-height: 89px;
--slides-per-page: 4;
--gap: 5px;
}
}
@media only screen and (max-width: 1265px) {
.product__thumbs-box[vertical][data-v-36580334] {
width: 100%;
height: 89px;
}
}
@media only screen and (max-width: 1850px) {
.product__thumbs-box[data-v-36580334] {
width: 80px;
height: 432px;
}
}
@media only screen and (max-width: 1430px) {
.product__thumbs-box[data-v-36580334] {
width: 70px;
height: 377px;
}
}
@media only screen and (max-width: 1265px) {
.product__thumbs-box[data-v-36580334] {
width: 542px;
height: 101px;
}
}
@media only screen and (max-width: 1023px) {
.product__thumbs-box[data-v-36580334] {
display: none;
}
}
@media only screen and (max-width: 767px) {
.product__back-btn[data-v-36580334] {
width: 19px;
height: 15px;
position: absolute;
top: 16px;
left: 15px;
z-index: 2;
background: url("/img/icons/back-btn-arrow.svg") no-repeat center;
background-size: contain;
}
}
.product__btn[data-v-36580334] {
width: 20px;
height: 11px;
position: absolute;
z-index: 1;
left: 50%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
transition: all 0.3s;
}
@media only screen and (max-width: 1850px) {
.product__btn[data-v-36580334] {
width: 13px;
height: 8px;
}
}
@media only screen and (max-width: 1430px) {
.product__btn[data-v-36580334] {
width: 11px;
height: 7px;
}
}
@media only screen and (max-width: 1265px) {
.product__btn[data-v-36580334] {
width: 11px;
height: 7px;
left: -14px;
}
}
.product__btn[data-v-36580334]:hover {
opacity: 0.6;
}
.product__btn.prev-btn[data-v-36580334] {
top: -17px;
background-image: url("/img/icons/product-thumbs-arrow-up.svg");
transform: translate(-50%, -100%);
}
@media only screen and (max-width: 1850px) {
.product__btn.prev-btn[data-v-36580334] {
top: -10px;
}
}
@media only screen and (max-width: 1430px) {
.product__btn.prev-btn[data-v-36580334] {
top: -9px;
}
}
@media only screen and (max-width: 1265px) {
.product__btn.prev-btn[data-v-36580334] {
top: 50%;
transform: translate(-100%, -50%) rotate(-90deg);
}
}
.product__btn.next-btn[data-v-36580334] {
bottom: -17px;
background-image: url("/img/icons/product-thumbs-arrow-down.svg");
transform: translate(-50%, 100%);
}
@media only screen and (max-width: 1850px) {
.product__btn.next-btn[data-v-36580334] {
bottom: -10px;
}
}
@media only screen and (max-width: 1430px) {
.product__btn.next-btn[data-v-36580334] {
bottom: -9px;
}
}
@media only screen and (max-width: 1265px) {
.product__btn.next-btn[data-v-36580334] {
bottom: auto;
top: 50%;
left: auto;
right: -14px;
transform: translate(100%, -50%) rotate(-90deg);
}
}
.product__swiper-thumbs[data-v-36580334] {
height: 100%;
}
@media only screen and (max-width: 1265px) {
.product__swiper-thumbs[data-v-36580334] {
width: 100%;
}
}
.product__swiper-thumbs-slide[data-v-36580334] {
overflow: hidden;
position: relative;
width: 100%;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s;
background: #f8f7f5;
}
.product__swiper-thumbs-slide .video-box__btn[data-v-36580334] {
max-width: 42px;
max-height: 42px;
}
.product__swiper-thumbs-slide img[data-v-36580334] {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.product__swiper-thumbs-slide[data-v-36580334]:hover, .product__swiper-thumbs-slide.swiper-slide-thumb-active[data-v-36580334] {
opacity: 0.5;
}
.product__swiper[vertical][data-v-36580334] {
--margin-r: 48px;
--margin-l: 60px;
width: calc(100% - var(--thumbs-width) - var(--margin-l) - var(--margin-r));
margin-right: var(--margin-r);
}
@media only screen and (max-width: 1850px) {
.product__swiper[vertical][data-v-36580334] {
--margin-l: 36px;
--margin-r: 47px;
}
}
@media only screen and (max-width: 1430px) {
.product__swiper[vertical][data-v-36580334] {
--margin-l: 22px;
--margin-r: 0px;
}
}
@media only screen and (max-width: 1265px) {
.product__swiper[vertical][data-v-36580334] {
--margin-l: 0px;
--margin-r: 0px;
margin-bottom: 11px;
}
}
.product__swiper[vertical] .product__swiper-slide[data-v-36580334] {
--width: 525px;
--height: 734px;
max-width: var(--width);
}
@media only screen and (max-width: 1850px) {
.product__swiper[vertical] .product__swiper-slide[data-v-36580334] {
--width: 347px;
--height: 485px;
}
}
@media only screen and (max-width: 1430px) {
.product__swiper[vertical] .product__swiper-slide[data-v-36580334] {
--width: 333px;
--height: 466px;
}
}
@media only screen and (max-width: 1265px) {
.product__swiper[vertical] .product__swiper-slide[data-v-36580334] {
--width: 389px;
--height: 545px;
}
}
@media only screen and (max-width: 1023px) {
.product__swiper[vertical] .product__swiper-slide[data-v-36580334] {
--width: 100%;
--height: 988px;
}
}
@media only screen and (max-width: 767px) {
.product__swiper[vertical] .product__swiper-slide[data-v-36580334] {
--height: 141%;
}
}
.product__swiper[vertical] .product__swiper-slide-photo[data-v-36580334] {
padding-bottom: var(--height);
}
select[data-v-52543f81] {
display: none;
}
.select-vue[data-v-52543f81] {
position: relative;
}
.select-vue.active .select__placeholder[data-v-52543f81] {
background: var(--veryLightBeige);
}
.select-vue.active .select__placeholder[data-v-52543f81]::after {
transform: translateY(-25%) rotate(180deg);
}
.select-vue.active .select__box[data-v-52543f81] {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.select__placeholder[data-v-52543f81] {
max-width: 330px;
display: flex;
align-items: center;
padding: 0 32px 0 13px;
}
@media only screen and (max-width: 1265px) {
.select__placeholder[data-v-52543f81] {
padding: 0 24px 0 8px;
height: 28px;
}
}
.select__placeholder[data-v-52543f81]:hover {
background: var(--veryLightBeige);
}
.select__placeholder[data-v-52543f81]::after {
top: 50%;
transform: translateY(-25%);
transition: transform 0.2s ease;
}
@media only screen and (max-width: 1265px) {
.select__placeholder[data-v-52543f81]::after {
right: 8px;
}
}
.select__box[data-v-52543f81] {
--vertical-gap: 8px;
}
@media only screen and (max-width: 1265px) {
.select__box[data-v-52543f81] {
width: 300px;
}
}
.select__box.bottom-left[data-v-52543f81] {
top: calc(100% + var(--vertical-gap));
bottom: auto;
right: 0;
left: auto;
}
.select__box.bottom-right[data-v-52543f81] {
top: calc(100% + var(--vertical-gap));
bottom: auto;
right: auto;
left: 0;
}
.select__box.top-left[data-v-52543f81] {
top: auto;
bottom: calc(100% + var(--vertical-gap));
right: 0;
left: auto;
}
.select__box.top-right[data-v-52543f81] {
top: auto;
bottom: calc(100% + var(--vertical-gap));
right: auto;
left: 0;
}
.wrapper[data-v-5fec2f42] {
width: 100%;
padding-bottom: 19px;
border-bottom: 1px solid #EEEBE7;
}
.wrapper .header[data-v-5fec2f42] {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding-right: 10px;
}
.wrapper .header[data-v-5fec2f42]::after {
content: "";
display: block;
width: 14px;
height: 8px;
background-color: #6D615A;
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-size: contain;
}
.wrapper .header__text[data-v-5fec2f42] {
font-weight: 600;
font-size: 22px;
line-height: 20px;
letter-spacing: 0.25px;
}
.wrapper .values[data-v-5fec2f42] {
display: none;
margin-top: 19px;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
.wrapper .values.show[data-v-5fec2f42] {
display: grid;
}
.wrapper label[data-v-5fec2f42] {
display: flex;
align-items: center;
gap: 15px;
}
.wrapper label span[data-v-5fec2f42] {
font-weight: 400;
font-size: 18px;
line-height: 32px;
letter-spacing: 0px;
color: #6D615A;
opacity: 0.6;
}
.wrapper label[data-v-5fec2f42] {
cursor: pointer;
}
.pp[data-v-68c57150] {
opacity: 1;
}
[data-v-68c57150] .pp__content {
top: 0;
right: 0;
max-width: 700px;
height: 100vh;
height: 100dvh;
border-radius: 0;
translate: 100% 0;
transform: none;
border-radius: 0;
opacity: 1;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
}
[data-v-68c57150] .pp__content::-webkit-scrollbar {
width: 6px;
background: transparent;
}
[data-v-68c57150] .pp__content::-webkit-scrollbar-track {
background: transparent;
}
[data-v-68c57150] .pp__content::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #6D615A;
}
[data-v-68c57150] .pp__content {
transition: translate 0.3s ease-in-out;
transition-delay: 0s !important;
}
@media only screen and (max-width: 1850px) {
[data-v-68c57150] .pp__content {
max-width: 522px;
}
}
@media only screen and (max-width: 1430px) {
[data-v-68c57150] .pp__content {
max-width: 519px;
}
}
@media only screen and (max-width: 1265px) {
[data-v-68c57150] .pp__content {
max-width: 469px;
}
}
@media only screen and (max-width: 767px) {
[data-v-68c57150] .pp__content {
max-width: 100vw;
}
}
.pp.show[data-v-68c57150] .pp__content {
translate: none;
}
[data-v-d20216a8] .pp__content {
display: flex;
flex-direction: column;
}
.content-wrapper[data-v-d20216a8] {
flex: 1;
padding: 40px 80px 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1850px) {
.content-wrapper[data-v-d20216a8] {
padding: 40px 54px 0 42px;
}
}
@media only screen and (max-width: 1430px) {
.content-wrapper[data-v-d20216a8] {
padding: 40px 51px 0 40px;
}
}
@media only screen and (max-width: 1265px) {
.content-wrapper[data-v-d20216a8] {
padding: 40px 51px 0 51px;
}
}
@media only screen and (max-width: 767px) {
.content-wrapper[data-v-d20216a8] {
padding: 45px 14px 0;
}
}
.header[data-v-d20216a8] {
font-weight: 600;
font-size: 32px;
line-height: 40px;
letter-spacing: 0px;
margin-bottom: 50px;
}
.filters-list[data-v-d20216a8] {
display: flex;
flex-direction: column;
gap: 28px;
overflow-y: scroll;
height: 100%;
}
.footer[data-v-d20216a8] {
bottom: 0;
background-color: white;
padding: 48px 80px 41px;
}
@media only screen and (max-width: 1850px) {
.footer[data-v-d20216a8] {
padding: 48px 54px 41px 42px;
}
}
@media only screen and (max-width: 1430px) {
.footer[data-v-d20216a8] {
padding: 48px 51px 41px 40px;
}
}
@media only screen and (max-width: 1265px) {
.footer[data-v-d20216a8] {
padding: 35px 51px 26px 51px;
}
}
@media only screen and (max-width: 767px) {
.footer[data-v-d20216a8] {
padding: 20px 14px 25px;
}
}
.footer .btn[data-v-d20216a8] {
width: 100%;
height: 50px;
padding-block: 0;
}
@media only screen and (max-width: 1850px) {
.footer .btn[data-v-d20216a8] {
height: 44px;
}
}
@media only screen and (max-width: 1265px) {
.footer .btn[data-v-d20216a8] {
height: 48px;
}
}
.footer .filters-reset[data-v-d20216a8] {
width: 100%;
margin-top: 5px;
cursor: pointer;
font-weight: 400;
font-size: 14px;
line-height: 32px;
letter-spacing: 0;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: #6D615A;
opacity: 0.6;
}
@media only screen and (max-width: 1850px) {
.footer .filters-reset[data-v-d20216a8] {
margin-top: 13px;
}
}
@media only screen and (max-width: 1430px) {
.footer .filters-reset[data-v-d20216a8] {
margin-top: 5px;
}
}
@media only screen and (max-width: 1265px) {
.footer .filters-reset[data-v-d20216a8] {
margin-top: 9px;
}
}
[data-v-d8762038] .pp__content {
max-width: 700px;
width: 100%;
max-height: 40vh;
top: auto;
bottom: 0;
overflow-y: scroll;
border-top-left-radius: var(--border-radius, 8px);
border-top-right-radius: var(--border-radius, 8px);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
translate: 0 100%;
transform: none;
}
@media only screen and (max-width: 767px) {
[data-v-d8762038] .pp__content {
max-width: none;
border-radius: 0;
max-height: 70vh;
left: 0;
}
}
.pp.show[data-v-d8762038] .pp__content {
translate: none;
}
.option[data-v-699845c5] {
display: flex;
align-items: center;
padding: 15px 20px;
border-bottom: 1px solid #EEEBE7;
cursor: pointer;
}
.option .label[data-v-699845c5] {
margin-left: 12px;
font-size: 16px;
line-height: 24px;
}
.catalog__view-btns[data-v-7624aa25] {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1265px) {
.catalog__view-btns[data-v-7624aa25] {
display: none;
}
}
.catalog__view-btn[data-v-7624aa25] {
margin-right: 22px;
width: 18px;
height: 18px;
cursor: pointer;
transition: all 0.3s;
color: #b4a498;
}
.catalog__view-btn.active[data-v-7624aa25] {
pointer-events: none;
color: #6D615A;
}
.catalog__view-btn[data-v-7624aa25]:last-child {
margin-right: 0;
}
.catalog__controls[data-v-7624aa25] {
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 1850px) {
.catalog__controls[data-v-7624aa25] {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 1265px) {
.catalog__controls[data-v-7624aa25] {
margin-bottom: 20px;
padding: 10px 0;
border-top: 1px solid #EEEBE7;
border-bottom: 1px solid #EEEBE7;
}
}
@media only screen and (max-width: 1023px) {
.catalog__controls[data-v-7624aa25] {
margin-bottom: 27px;
}
}
@media only screen and (max-width: 767px) {
.catalog__controls[data-v-7624aa25] {
margin-bottom: 19px;
padding: 16px 0;
}
}
.catalog__filters[data-v-7624aa25] {
margin-right: 24px;
}
@media only screen and (max-width: 1265px) {
.catalog__filters[data-v-7624aa25] {
margin-right: 0;
}
}
.catalog__filters > span[data-v-7624aa25] {
color: #6D615A;
opacity: 0.4;
line-height: 24px;
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.catalog__filters > span[data-v-7624aa25] {
display: none;
}
}
.catalog__sorts[data-v-7624aa25] {
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.catalog__sorts[data-v-7624aa25] {
display: none;
}
}
.catalog__sort-item[data-v-7624aa25] {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1265px) {
.catalog__sort-item[data-v-7624aa25] {
margin-right: 24px;
}
}
.catalog__sort-head[data-v-7624aa25] {
line-height: 24px;
font-weight: 400;
opacity: 0.4;
margin-right: 8px;
font-size: 16px;
}
.catalog__products-count[data-v-7624aa25] {
font-size: 16px;
font-weight: 400;
opacity: 1;
margin-right: 42px;
}
@media only screen and (max-width: 1430px) {
.catalog__products-count[data-v-7624aa25] {
margin-right: 36px;
}
}
@media only screen and (max-width: 1265px) {
.catalog__products-count[data-v-7624aa25] {
display: none;
}
}
@media only screen and (max-width: 1265px) {
.favorites .catalog__products-count[data-v-7624aa25] {
display: block;
}
}
.right[data-v-7624aa25] {
display: flex;
align-items: center;
}
.sorts-mob-btn[data-v-7624aa25] {
display: none;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.sorts-mob-btn[data-v-7624aa25] {
display: block;
}
}
.filters-mob-btn[data-v-7624aa25] {
display: none;
cursor: pointer;
margin-left: 13px;
}
@media only screen and (max-width: 767px) {
.filters-mob-btn[data-v-7624aa25] {
display: block;
}
}
.catalog__nav-mobile[data-v-7624aa25] {
display: none;
padding-right: 20px;
position: relative;
color: var(--beige);
margin-right: auto;
}
@media only screen and (max-width: 1265px) {
.catalog__nav-mobile[data-v-7624aa25] {
display: block;
}
}
@media only screen and (max-width: 1265px) {
.catalog__nav-mobile[data-v-7624aa25]::after {
content: "";
width: 10px;
height: 6px;
position: absolute;
top: 7px;
right: 0;
background: url("../img/icons/select-arrow-icon-beige.svg") no-repeat center;
background-size: contain;
transition: all 0.3s;
}
}
.search-results__nav-count {
color: #b4a498;
font-size: 16px;
font-weight: 500;
line-height: 24px;
flex: 0 0 auto;
}
@media only screen and (max-width: 1850px) {
.search-results__nav-count {
font-size: 14px;
}
}
.search-results__nav > .catalog__nav-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 5px 20px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1850px) {
.search-results__nav > .catalog__nav-head {
font-size: 14px;
line-height: 20px;
}
}
.search-results__nav .catalog__nav-body {
padding-left: 16px;
}
.search-results__nav-item {
margin-top: 5px;
padding-bottom: 5px;
border-bottom: unset;
}
.search-results__nav-item:has(> .acc__body) > .catalog__nav-head.active .catalog__nav-head-text::after {
background: url("/img/downActive.svg") no-repeat center;
background-size: contain;
}
.search-results__nav-item:has(> .acc__body) > .catalog__nav-head > .catalog__nav-head-text {
position: relative;
padding-right: 15px;
}
.search-results__nav-item:has(> .acc__body) > .catalog__nav-head > .catalog__nav-head-text::after {
content: "";
display: inline-block;
width: 10px;
height: 6px;
background: url("/img/arrowDown.svg") no-repeat center;
background-size: contain;
transition: all 0.3s;
transform: rotate(0deg);
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
}
.search-results__nav-item .acc__body .search-results__nav-item {
margin-top: 0;
padding-bottom: 0;
}
.search-results__nav-item .acc__body span:not(.search-results__nav-count) {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
@media only screen and (max-width: 1850px) {
.search-results__nav-item .acc__body span:not(.search-results__nav-count) {
font-size: 14px;
line-height: 20px;
}
}
.search-results__nav-item .catalog__nav-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 5px 20px;
font-weight: 600;
}
@media only screen and (max-width: 1850px) {
.search-results__nav-item .catalog__nav-head {
font-size: 14px;
line-height: 20px;
}
}
[data-v-3e301fca] .search-results__nav {
margin-top: 8px;
}
[data-v-3e301fca] .search-results__nav .catalog__nav-head {
max-width: 100%;
}
[data-v-3e301fca] .search-results__nav .catalog__nav-body .catalog__nav-head {
max-width: 100%;
}
.search-results[data-v-50bc1ee8] {
padding-top: 26px;
}
.search-results__top[data-v-50bc1ee8] {
margin-bottom: 52px;
}
@media only screen and (max-width: 1265px) {
.search-results__top[data-v-50bc1ee8] {
margin-bottom: 21px;
}
}
.search-results__layout[data-v-50bc1ee8] {
display: grid;
grid-template-columns: 310px minmax(0, 1fr);
gap: 40px;
align-items: start;
}
@media only screen and (max-width: 1265px) {
.search-results__layout[data-v-50bc1ee8] {
grid-template-columns: 1fr;
gap: 24px;
}
}
.search-results__layout .catalog__aside[data-v-50bc1ee8],
.search-results__layout .catalog__inner[data-v-50bc1ee8] {
width: initial !important;
min-width: 0;
}
@media only screen and (max-width: 1265px) {
.search-results__layout .catalog__aside[data-v-50bc1ee8] {
display: none;
}
}
.search-results__controls[data-v-50bc1ee8] {
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
@media only screen and (max-width: 1265px) {
.search-results__controls[data-v-50bc1ee8] {
margin-bottom: 20px;
padding: 10px 0;
border-top: 1px solid #EEEBE7;
border-bottom: 1px solid #EEEBE7;
}
}
.search-results__controls-left[data-v-50bc1ee8] {
display: flex;
align-items: center;
gap: 54px;
min-width: 0;
}
@media only screen and (max-width: 1265px) {
.search-results__controls-left[data-v-50bc1ee8] {
gap: 0;
flex: 0 0 auto;
}
}
@media only screen and (max-width: 767px) {
.search-results__controls-left[data-v-50bc1ee8] {
display: none;
}
}
.search-results__controls-right[data-v-50bc1ee8] {
display: flex;
align-items: center;
flex: 0 0 auto;
}
@media only screen and (max-width: 1265px) {
.search-results__controls-right[data-v-50bc1ee8] {
display: none;
}
}
@media only screen and (max-width: 767px) {
.search-results__controls-right[data-v-50bc1ee8] {
display: flex;
}
}
.search-results__sort[data-v-50bc1ee8] {
display: flex;
align-items: center;
gap: 8px;
}
.search-results__sort-label[data-v-50bc1ee8] {
opacity: 0.4;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.search-results__count[data-v-50bc1ee8] {
font-size: 16px;
font-weight: 400;
line-height: 24px;
white-space: nowrap;
}
@media only screen and (max-width: 1265px) {
.search-results__count[data-v-50bc1ee8] {
display: none;
}
}
.search-results__form[data-v-50bc1ee8] {
position: relative;
display: flex;
align-items: center;
height: 56px;
gap: 12px;
border: 1px solid rgba(180, 164, 152, 0.45);
border-radius: 8px;
background: #fff;
padding: 0 18px 0 50px;
margin-bottom: 26px;
}
@media only screen and (max-width: 1850px) {
.search-results__form[data-v-50bc1ee8] {
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.search-results__form[data-v-50bc1ee8] {
padding: 0 12px 0 42px;
}
}
.search-results__form-icon[data-v-50bc1ee8] {
position: absolute;
top: 50%;
left: 18px;
transform: translateY(-50%);
width: 16px;
height: 16px;
color: #6D615A;
}
.search-results__form-icon svg[data-v-50bc1ee8] {
width: 16px;
height: 16px;
}
@media only screen and (max-width: 767px) {
.search-results__form-icon[data-v-50bc1ee8] {
left: 14px;
}
}
.search-results__input[data-v-50bc1ee8] {
flex: 1;
border: 0;
background: transparent;
color: #6D615A;
font-size: 16px;
line-height: 24px;
min-width: 0;
}
.search-results__input[data-v-50bc1ee8]::placeholder {
color: #b4a498;
}
.search-results__input[data-v-50bc1ee8]:focus {
outline: none;
}
.search-results__input[data-v-50bc1ee8]::-webkit-search-decoration, .search-results__input[data-v-50bc1ee8]::-webkit-search-cancel-button, .search-results__input[data-v-50bc1ee8]::-webkit-search-results-button, .search-results__input[data-v-50bc1ee8]::-webkit-search-results-decoration {
appearance: none;
}
.search-results__input[data-v-50bc1ee8]::-ms-clear, .search-results__input[data-v-50bc1ee8]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
@media only screen and (max-width: 1850px) {
.search-results__input[data-v-50bc1ee8] {
height: 50px;
font-size: 14px;
}
}
.search-results__clear[data-v-50bc1ee8] {
width: 20px;
height: 20px;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
flex: 0 0 auto;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.search-results__clear img[data-v-50bc1ee8] {
width: 20px;
height: 20px;
display: block;
}
.search-results__clear.visible[data-v-50bc1ee8] {
opacity: 1;
pointer-events: auto;
}
.search-results[data-v-50bc1ee8] .search-results__suggestions {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
.search-results[data-v-50bc1ee8] .search-results__suggestions {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
}
.search-results[data-v-50bc1ee8] .search-results__suggestions::-webkit-scrollbar {
display: none;
}
.search-results[data-v-50bc1ee8] .search-results__suggestion {
color: #6D615A;
opacity: 0.5;
transition: opacity 0.2s ease;
}
.search-results[data-v-50bc1ee8] .search-results__suggestion:hover {
opacity: 0.25;
}
@media only screen and (max-width: 1430px) {
.search-results[data-v-50bc1ee8] .search-results__suggestion {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.search-results[data-v-50bc1ee8] .search-results__suggestion {
flex: 0 0 auto;
white-space: nowrap;
}
}
.search-results[data-v-50bc1ee8] .search-results__empty {
min-height: 420px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
@media only screen and (max-width: 1850px) {
.search-results[data-v-50bc1ee8] .search-results__empty-btn {
padding: 14px 34px;
}
}
@media only screen and (max-width: 1265px) {
.search-results[data-v-50bc1ee8] .search-results__empty-btn {
padding: 12px 30px;
}
}
@media only screen and (max-width: 1265px) {
.search-results[data-v-50bc1ee8] .search-results__empty-btn {
padding: 12px 30px;
}
}
@media only screen and (max-width: 767px) {
.search-results[data-v-50bc1ee8] .search-results__empty-btn {
padding: 14px 30px;
}
}
.search-results[data-v-50bc1ee8] .search-results__empty-media {
margin-bottom: 31px;
}
@media only screen and (max-width: 1850px) {
.search-results[data-v-50bc1ee8] .search-results__empty-media {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.search-results[data-v-50bc1ee8] .search-results__empty-media {
margin-bottom: 20px;
}
}
.search-results[data-v-50bc1ee8] .search-results__empty-media img {
height: 310px;
max-width: 100%;
}
@media only screen and (max-width: 1850px) {
.search-results[data-v-50bc1ee8] .search-results__empty-media img {
height: 228px;
}
}
@media only screen and (max-width: 767px) {
.search-results[data-v-50bc1ee8] .search-results__empty-media img {
height: auto;
width: 100%;
}
}
.search-results[data-v-50bc1ee8] .search-results__empty-text {
margin-bottom: 32px;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: 0px;
color: #6D615A;
}
@media only screen and (max-width: 1850px) {
.search-results[data-v-50bc1ee8] .search-results__empty-text {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
}
}
@media only screen and (max-width: 1265px) {
.search-results[data-v-50bc1ee8] .search-results__empty-text {
margin-bottom: 34px;
}
}
@media only screen and (max-width: 767px) {
.search-results[data-v-50bc1ee8] .search-results__empty-text {
margin-bottom: 21px;
}
}
.search-results[data-v-50bc1ee8] .catalog__cards > .catalog__card-wrapper {
min-width: 0;
}
.search-results[data-v-50bc1ee8] .catalog__cards.grid-big {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.search-results[data-v-50bc1ee8] .catalog__cards.grid-small {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
.search-results[data-v-50bc1ee8] .catalog__cards.grid-big,
.search-results[data-v-50bc1ee8] .catalog__cards.grid-small {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 12px;
grid-row-gap: 26px;
}
}
.catalog__nav-mobile[data-v-50bc1ee8] {
display: none;
padding-right: 20px;
position: relative;
color: #b4a498;
margin-right: auto;
align-items: center;
gap: 8px;
cursor: pointer;
}
@media only screen and (max-width: 1265px) {
.catalog__nav-mobile[data-v-50bc1ee8] {
display: flex;
}
}
@media only screen and (max-width: 1265px) {
.catalog__nav-mobile[data-v-50bc1ee8]::after {
content: "";
width: 10px;
height: 6px;
position: absolute;
top: 10px;
right: 0;
background: url("/img/icons/select-arrow-icon-beige.svg") no-repeat center;
background-size: contain;
transition: all 0.3s;
}
}
.catalog__nav-mobile-count[data-v-50bc1ee8] {
min-width: 26px;
height: 26px;
padding: 0 8px;
border-radius: 13px;
background: #b4a498;
color: white;
opacity: 0.6;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
line-height: 1;
flex: 0 0 auto;
}
.catalog__view-btns[data-v-50bc1ee8] {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1265px) {
.catalog__view-btns[data-v-50bc1ee8] {
display: none;
}
}
.catalog__view-btn[data-v-50bc1ee8] {
width: 18px;
height: 18px;
margin-right: 22px;
cursor: pointer;
color: #b4a498;
transition: color 0.3s;
}
.catalog__view-btn[data-v-50bc1ee8]:last-child {
margin-right: 0;
}
.catalog__view-btn.active[data-v-50bc1ee8] {
color: #6D615A;
pointer-events: none;
}
.sorts-mob-btn[data-v-50bc1ee8] {
display: none;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.sorts-mob-btn[data-v-50bc1ee8] {
display: block;
}
}
.swiper[data-v-6c9dd432] {
width: 100%;
aspect-ratio: 1920/660;
}
@media only screen and (max-width: 1850px) {
.swiper[data-v-6c9dd432] {
aspect-ratio: 1440/495;
}
}
@media only screen and (max-width: 1430px) {
.swiper[data-v-6c9dd432] {
aspect-ratio: 1280/478;
}
}
@media only screen and (max-width: 1265px) {
.swiper[data-v-6c9dd432] {
aspect-ratio: 1024/706;
}
}
@media only screen and (max-width: 1023px) {
.swiper[data-v-6c9dd432] {
aspect-ratio: 768/640;
}
}
@media only screen and (max-width: 767px) {
.swiper[data-v-6c9dd432] {
aspect-ratio: 375/483;
}
}
.swiper .swiper-slide[data-v-6c9dd432] {
display: flex;
align-items: center;
justify-content: center;
}
.swiper .swiper-slide > picture[data-v-6c9dd432] {
width: 100%;
height: 100%;
}
.swiper .swiper-slide > picture[data-v-6c9dd432] > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper[data-v-6c9dd432] .swiper-pagination {
display: flex;
gap: 16px;
left: 138px;
bottom: 32px;
width: auto;
cursor: pointer;
}
@media only screen and (max-width: 1850px) {
.swiper[data-v-6c9dd432] .swiper-pagination {
gap: 12px;
left: 105px;
bottom: 26px;
}
}
@media only screen and (max-width: 1430px) {
.swiper[data-v-6c9dd432] .swiper-pagination {
gap: 12px;
left: 80px;
bottom: 55px;
}
}
@media only screen and (max-width: 1265px) {
.swiper[data-v-6c9dd432] .swiper-pagination {
gap: 17px;
left: 53px;
bottom: 52px;
}
}
@media only screen and (max-width: 1023px) {
.swiper[data-v-6c9dd432] .swiper-pagination {
gap: 17px;
left: 51px;
bottom: 46px;
}
}
@media only screen and (max-width: 767px) {
.swiper[data-v-6c9dd432] .swiper-pagination {
gap: 17px;
left: 24px;
bottom: 24px;
}
}
.swiper[data-v-6c9dd432] .swiper-pagination .swiper-pagination-bullet {
--size: 8px;
--marker-size: 14px;
--marker-width: 1px;
position: relative;
margin: 0;
width: var(--size);
height: var(--size);
border-radius: 50%;
background-color: #b4a498;
opacity: 0.5;
}
@media only screen and (max-width: 1850px) {
.swiper[data-v-6c9dd432] .swiper-pagination .swiper-pagination-bullet {
--size: 8px;
--marker-size: 12px;
}
}
@media only screen and (max-width: 1265px) {
.swiper[data-v-6c9dd432] .swiper-pagination .swiper-pagination-bullet {
--size: 10px;
--marker-size: 16px;
}
}
.swiper[data-v-6c9dd432] .swiper-pagination .swiper-pagination-bullet::after {
--scale: 0%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(var(--scale));
display: block;
content: "";
width: var(--marker-size);
height: var(--marker-size);
border: var(--marker-width) solid #b4a498;
border-radius: 50%;
transition: --scale 0.3s ease;
}
.swiper[data-v-6c9dd432] .swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
}
.swiper[data-v-6c9dd432] .swiper-pagination .swiper-pagination-bullet-active::after {
--scale: 100%;
}
.swiper .button-prev[data-v-6c9dd432],
.swiper .button-next[data-v-6c9dd432] {
--offset: 28px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
height: 40%;
width: 30%;
cursor: pointer;
color: white;
}
@media only screen and (max-width: 1430px) {
.swiper .button-prev[data-v-6c9dd432],
.swiper .button-next[data-v-6c9dd432] {
display: none;
}
}
.swiper .button-prev > .icon[data-v-6c9dd432],
.swiper .button-next > .icon[data-v-6c9dd432] {
position: relative;
top: 50%;
transform: translateY(-50%);
width: fit-content;
height: 48px;
}
@media only screen and (max-width: 1850px) {
.swiper .button-prev > .icon[data-v-6c9dd432],
.swiper .button-next > .icon[data-v-6c9dd432] {
--offset: 20px;
height: 36px;
}
}
.swiper .button-prev > .icon > svg[data-v-6c9dd432],
.swiper .button-next > .icon > svg[data-v-6c9dd432] {
width: auto;
height: 100%;
}
.swiper .button-next[data-v-6c9dd432] {
right: 0;
}
.swiper .button-next > .icon[data-v-6c9dd432] {
right: calc(-100% + var(--offset));
transform: translate(-100%, -50%);
}
.swiper .button-prev[data-v-6c9dd432] {
left: 0;
}
.swiper .button-prev > .icon[data-v-6c9dd432] {
left: var(--offset);
transform: translate(0, -50%) rotate(180deg);
}
.bar[data-v-31ef67e2] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 52px;
color: #b4a498;
background-color: rgba(180, 164, 152, 0.3);
font-weight: 600;
font-size: 17px;
line-height: 24px;
letter-spacing: 1%;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.bar[data-v-31ef67e2] {
font-size: 14px;
}
}
@media only screen and (max-width: 1265px) {
.bar[data-v-31ef67e2] {
font-size: 12px;
gap: 8px;
}
}
@media only screen and (max-width: 1023px) {
.bar[data-v-31ef67e2] {
padding-inline: 32px;
font-size: 12px;
line-height: 16px;
gap: 32px;
height: 62px;
}
}
@media only screen and (max-width: 767px) {
.bar[data-v-31ef67e2] {
font-size: 14px;
line-height: 16px;
height: 54px;
}
}
.bar > div[data-v-31ef67e2] {
display: flex;
align-items: center;
gap: 6px;
-webkit-user-select: none;
user-select: none;
}
.bar > div > svg[data-v-31ef67e2] {
min-width: 26px;
}
@media only screen and (max-width: 767px) {
.bar > div[data-v-31ef67e2] {
position: absolute;
justify-content: center;
width: 100%;
padding: 0 21px 0 37px;
top: 50%;
transform: translate(0, -50%);
left: 0;
opacity: 0;
will-change: opacity;
transition: opacity 0.4s ease;
}
.bar > div[active][data-v-31ef67e2] {
opacity: 1;
}
}
[data-v-75ac76ae] .pp__content {
display: flex;
flex-direction: column;
align-items: center;
max-height: 900px;
padding: 48px 64px 54px;
border-radius: 8px;
overflow-y: scroll;
}
@media only screen and (max-width: 1850px) {
[data-v-75ac76ae] .pp__content {
width: 850px;
padding: 52px 48px 32px;
}
}
@media only screen and (max-width: 1265px) {
[data-v-75ac76ae] .pp__content {
padding: 48px 48px 32px;
}
}
@media only screen and (max-width: 1023px) {
[data-v-75ac76ae] .pp__content {
width: 650px;
padding: 48px 32px 32px;
}
}
@media only screen and (max-width: 767px) {
[data-v-75ac76ae] .pp__content {
width: 95vw;
max-height: 90vh;
padding: 16px;
}
}
@media only screen and (max-width: 767px) {
[data-v-75ac76ae] .pp__content .pp__close {
top: 20px;
right: 20px;
}
}
[data-v-75ac76ae] .pp__content .text-wrapper {
width: 100%;
}
[data-v-75ac76ae] .pp__content .text-wrapper p + p {
margin-top: 16px;
}
[data-v-75ac76ae] .pp__content .img-wrapper {
width: 100%;
}
@media only screen and (max-width: 767px) {
[data-v-75ac76ae] .pp__content .img-wrapper {
max-width: 480px;
}
}
[data-v-75ac76ae] .pp__content .img-wrapper img {
border-radius: 8px;
}
[data-v-75ac76ae] .pp__content .text-wrapper {
margin-top: 32px;
}
[data-v-75ac76ae] .pp__content .btn {
margin-top: 32px;
}
.container[data-v-7325ea14] {
margin-inline: auto;
width: 100%;
}
.btn[data-v-7325ea14] {
position: absolute;
bottom: 96px;
left: 138px;
}
@media only screen and (max-width: 1850px) {
.btn[data-v-7325ea14] {
left: 105px;
bottom: 70px;
padding: 14px 34px;
}
}
@media only screen and (max-width: 1430px) {
.btn[data-v-7325ea14] {
left: 80px;
bottom: 95px;
padding: 10px 30px;
}
}
@media only screen and (max-width: 1265px) {
.btn[data-v-7325ea14] {
left: 53px;
bottom: 175px;
padding: 10px 30px;
}
}
@media only screen and (max-width: 1023px) {
.btn[data-v-7325ea14] {
left: 51px;
bottom: 125px;
padding: 10px 30px;
}
}
@media only screen and (max-width: 767px) {
.btn[data-v-7325ea14] {
left: 24px;
bottom: 73px;
width: calc(100% - 48px);
padding: 14px 34px;
}
}
[data-v-74c3b8ba] .pp__content {
width: 100%;
max-height: 100vh;
top: auto;
bottom: 0;
overflow-y: scroll;
border-radius: 0;
translate: 0 100%;
transform: none;
}
.pp.show[data-v-74c3b8ba] .pp__content {
translate: none;
}
.title[data-v-2a826400] {
margin-bottom: 13px;
}
@media only screen and (max-width: 767px) {
.title[data-v-2a826400] {
display: none;
}
}
[data-v-2a826400] .pp__content {
padding: 37px 90px 30px 90px;
}
@media only screen and (max-width: 1850px) {
[data-v-2a826400] .pp__content {
padding: 23px 74px 20px 74px;
}
}
@media only screen and (max-width: 1430px) {
[data-v-2a826400] .pp__content {
padding: 19px 72px 15px 72px;
}
}
@media only screen and (max-width: 1265px) {
[data-v-2a826400] .pp__content {
padding: 32px 34px 10px 34px;
}
}
@media only screen and (max-width: 1023px) {
[data-v-2a826400] .pp__content {
padding: 38px 31px 7px 31px;
}
}
@media only screen and (max-width: 767px) {
[data-v-2a826400] .pp__content {
padding: 36px 14px 0px 14px;
}
}
@media only screen and (max-width: 767px) {
.pp__close[data-v-2a826400] {
display: none;
}
}
.pp__close-mob[data-v-2a826400] {
display: none;
}
@media only screen and (max-width: 767px) {
.pp__close-mob[data-v-2a826400] {
display: flex;
}
}
.pp__close-mob[data-v-2a826400] {
justify-content: center;
}
.pp__close-mob span[data-v-2a826400] {
text-transform: uppercase;
color: var(--beige);
cursor: pointer;
font-size: 18px;
font-weight: 600;
position: relative;
padding-top: 30px;
padding-bottom: 16px;
}
.pp__close-mob span[data-v-2a826400]::after {
content: "";
width: 14px;
height: 8px;
position: absolute;
top: 55%;
margin-left: 10px;
transform: translateY(0%);
background-size: contain;
background: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.61279 0.909041L8.48779 7.98047L15.3628 0.909041' stroke='%23B4A498' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
transition: all 0.3s;
}
.swiper-card[data-v-2a826400] {
width: 100%;
}
.swiper-slide[data-v-d09f911a] {
width: 100%;
height: 100%;
background-color: #b4a498;
}
.swiper-slide > img[data-v-d09f911a],
.swiper-slide > video[data-v-d09f911a] {
width: 100%;
height: 100%;
object-fit: cover;
}
.stories-progress[data-v-d09f911a] {
position: absolute;
top: 18px;
left: 12px;
right: 12px;
z-index: 4;
display: flex;
gap: 4px;
pointer-events: none;
}
@media only screen and (max-width: 1850px) {
.stories-progress[data-v-d09f911a] {
top: 14px;
}
}
@media only screen and (max-width: 1265px) {
.stories-progress[data-v-d09f911a] {
top: 16px;
}
}
@media only screen and (max-width: 767px) {
.stories-progress[data-v-d09f911a] {
top: 24px;
left: 32px;
right: 32px;
}
}
.stories-progress-item[data-v-d09f911a] {
position: relative;
flex: 1;
height: 3px;
background: rgba(255, 255, 255, 0.3);
overflow: hidden;
}
.stories-progress-fill[data-v-d09f911a] {
width: 100%;
height: 100%;
background: white;
transform-origin: left center;
transform: scaleX(0);
}
.stories-progress-fill.completed[data-v-d09f911a] {
transform: scaleX(1);
}
.stories-progress-fill.active[data-v-d09f911a] {
animation-name: stories-progress-fill-d09f911a;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
@keyframes stories-progress-fill-d09f911a {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
.swiper-slide-content[data-v-d09f911a] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.swiper-slide-content[data-v-d09f911a]::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
transition: opacity var(--transition-duration, 300ms);
opacity: 0;
z-index: 1;
pointer-events: none;
}
.swiper-slide-content[data-v-d09f911a]:not(.active)::after {
opacity: 0.7;
}
.swiper-slide-content:not(.active) .stories-progress[data-v-d09f911a] {
display: none;
}
.slide-button-prev[data-v-d09f911a],
.slide-button-next[data-v-d09f911a] {
position: absolute;
top: 0;
width: 50%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.slide-button-next[data-v-d09f911a] {
right: 0;
}
.slide-button-prev[data-v-d09f911a] {
left: 0;
}
.story-content[data-v-2ef3b6c1] {
--arrow-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.61255 9.09096L8.48755 2.01953L15.3625 9.09096' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
position: absolute;
overflow: hidden;
width: var(--active-slide-width-px);
max-height: 100%;
height: auto;
aspect-ratio: var(--active-slide-width)/var(--active-slide-height);
background-color: #b4a498;
border-radius: 8px;
transform: scale(calc(var(--slide-width) / var(--active-slide-width)));
transition: transform var(--transition-duration, 300ms) ease;
}
@media only screen and (max-width: 767px) {
.story-content[data-v-2ef3b6c1] {
width: auto;
max-width: 100%;
height: 100%;
max-height: 100vh;
max-height: 100dvh;
border-radius: 0;
}
}
.story-content--active[data-v-2ef3b6c1] {
transform: scale(1);
}
.story-title[data-v-2ef3b6c1] {
position: absolute;
top: 42px;
left: 26px;
z-index: 1;
display: flex;
align-items: center;
gap: 14px;
color: white;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.25px;
}
@media only screen and (max-width: 1850px) {
.story-title[data-v-2ef3b6c1] {
top: 30px;
left: 12px;
gap: 10px;
font-size: 16px;
}
}
@media only screen and (max-width: 1430px) {
.story-title[data-v-2ef3b6c1] {
display: none;
}
}
.story-title > img[data-v-2ef3b6c1] {
--size: 60px;
}
@media only screen and (max-width: 1850px) {
.story-title > img[data-v-2ef3b6c1] {
--size: 42px;
}
}
.story-title > img[data-v-2ef3b6c1] {
width: var(--size);
height: var(--size);
border: 2px solid white;
border-radius: 50%;
}
.story-link[data-v-2ef3b6c1] {
position: absolute;
bottom: 32px;
left: 50%;
transform: translateX(-50%);
width: max-content;
color: white;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 1px;
pointer-events: none;
opacity: 0;
transition: opacity var(--transition-duration, 300ms) ease;
}
@media only screen and (max-width: 1850px) {
.story-link[data-v-2ef3b6c1] {
bottom: 30px;
font-size: 16px;
}
}
@media only screen and (max-width: 1430px) {
.story-link[data-v-2ef3b6c1] {
bottom: 28px;
font-size: 14px;
}
}
@media only screen and (max-width: 1265px) {
.story-link[data-v-2ef3b6c1] {
bottom: 30px;
font-size: 14px;
}
}
@media only screen and (max-width: 1023px) {
.story-link[data-v-2ef3b6c1] {
bottom: 30px;
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.story-link[data-v-2ef3b6c1] {
bottom: 40px;
font-size: 18px;
}
}
.story-link--shown[data-v-2ef3b6c1] {
pointer-events: auto;
opacity: 1;
}
.story-link[data-v-2ef3b6c1]::after {
content: "";
width: 0.8em;
height: 1em;
position: absolute;
top: 50%;
margin-left: 5px;
transform: translateY(-50%) rotate(90deg);
background: var(--arrow-image) no-repeat center;
background-size: contain;
}
.story-products-link[data-v-2ef3b6c1] {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
width: max-content;
padding: 16px 27px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 6px;
cursor: pointer;
color: white;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
pointer-events: none;
opacity: 0;
transition: opacity var(--transition-duration, 300ms) ease;
}
@media only screen and (max-width: 1850px) {
.story-products-link[data-v-2ef3b6c1] {
bottom: 24px;
padding: 16px 18px;
font-size: 16px;
}
}
@media only screen and (max-width: 1430px) {
.story-products-link[data-v-2ef3b6c1] {
bottom: 20px;
padding: 13px 14px;
font-size: 14px;
}
}
@media only screen and (max-width: 1265px) {
.story-products-link[data-v-2ef3b6c1] {
bottom: 24px;
}
}
@media only screen and (max-width: 767px) {
.story-products-link[data-v-2ef3b6c1] {
bottom: 22px;
padding: 16px 25px;
font-size: 18px;
}
}
.story-products-link--shown[data-v-2ef3b6c1] {
pointer-events: auto;
opacity: 1;
}
.story-products-link[data-v-2ef3b6c1]::after {
content: "";
width: 15px;
height: 9px;
background: var(--arrow-image) no-repeat center;
background-size: contain;
}
@media only screen and (max-width: 1850px) {
.story-products-link[data-v-2ef3b6c1]::after {
width: 14px;
}
}
@media only screen and (max-width: 1430px) {
.story-products-link[data-v-2ef3b6c1]::after {
width: 12px;
}
}
@media only screen and (max-width: 767px) {
.story-products-link[data-v-2ef3b6c1]::after {
width: 15px;
}
}
.wrapper[data-v-48be87d2] {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100dvh;
background-color: rgba(0, 0, 0, 0.9);
}
.wrapper.show[data-v-48be87d2] {
display: flex;
z-index: 100;
}
.swiper-all[data-v-48be87d2] {
width: 100%;
height: 100%;
--transition-duration: 300ms;
--active-slide-width: 440;
--active-slide-width-px: calc(var(--active-slide-width) * 1px);
--active-slide-added-gap: 60;
--active-slide-added-gap-px: calc(var(--active-slide-added-gap) * 1px);
--active-slide-height: calc(784 / 440 * var(--active-slide-width));
--active-slide-height-px: calc(var(--active-slide-height) * 1px);
--slide-width: 300;
--slide-width-px: calc(var(--slide-width) * 1px);
--navigation-margin-px: 45px;
}
@media only screen and (max-width: 1850px) {
.swiper-all[data-v-48be87d2] {
--active-slide-width: 340;
--active-slide-added-gap: 12;
--slide-width: 260;
--navigation-margin-px: 24px;
}
}
@media only screen and (max-width: 1430px) {
.swiper-all[data-v-48be87d2] {
--active-slide-width: 270;
--active-slide-added-gap: 12;
--slide-width: 200;
--navigation-margin-px: 20px;
}
}
@media only screen and (max-width: 1265px) {
.swiper-all[data-v-48be87d2] {
--active-slide-width: 340;
--active-slide-added-gap: 40;
--slide-width: 260;
--navigation-margin-px: 40px;
}
}
@media only screen and (max-width: 1023px) {
.swiper-all[data-v-48be87d2] {
--active-slide-width: 340;
--active-slide-added-gap: 0;
--slide-width: 260;
--navigation-margin-px: 20px;
}
}
.swiper-slide[data-v-48be87d2] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: var(--slide-width-px);
}
@media only screen and (max-width: 767px) {
.swiper-slide[data-v-48be87d2] {
width: 100%;
}
}
.swiper-slide-active[data-v-48be87d2] {
width: calc(var(--active-slide-width-px) + var(--active-slide-added-gap-px) * 2);
padding: 0 var(--active-slide-added-gap-px);
}
@media only screen and (max-width: 767px) {
.swiper-slide-active[data-v-48be87d2] {
width: 100%;
padding: 0;
}
}
.button-prev[data-v-48be87d2],
.button-next[data-v-48be87d2] {
position: absolute;
display: flex;
align-items: center;
bottom: 50%;
transform: translateY(50%);
color: white;
width: 80px;
height: 100px;
z-index: 1;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.button-prev[data-v-48be87d2],
.button-next[data-v-48be87d2] {
width: 60px;
}
}
.button-prev > .icon[data-v-48be87d2],
.button-next > .icon[data-v-48be87d2] {
position: relative;
height: 28px;
}
@media only screen and (max-width: 1850px) {
.button-prev > .icon[data-v-48be87d2],
.button-next > .icon[data-v-48be87d2] {
height: 23px;
}
}
@media only screen and (max-width: 1430px) {
.button-prev > .icon[data-v-48be87d2],
.button-next > .icon[data-v-48be87d2] {
height: 20px;
}
}
@media only screen and (max-width: 1265px) {
.button-prev > .icon[data-v-48be87d2],
.button-next > .icon[data-v-48be87d2] {
height: 28px;
}
}
@media only screen and (max-width: 1023px) {
.button-prev > .icon[data-v-48be87d2],
.button-next > .icon[data-v-48be87d2] {
height: 26px;
}
}
@media only screen and (max-width: 767px) {
.button-prev > .icon[data-v-48be87d2],
.button-next > .icon[data-v-48be87d2] {
height: 44px;
}
}
.button-prev > .icon > svg[data-v-48be87d2],
.button-next > .icon > svg[data-v-48be87d2] {
width: auto;
height: 100%;
}
.button-next[data-v-48be87d2] {
right: calc(50% - var(--active-slide-width-px) / 2 - var(--navigation-margin-px));
transform: translate(100%, 50%);
}
@media only screen and (max-width: 767px) {
.button-next[data-v-48be87d2] {
right: 0;
transform: none;
}
}
.button-next > .icon[data-v-48be87d2] {
left: 0;
}
.button-prev[data-v-48be87d2] {
left: calc(50% - var(--active-slide-width-px) / 2 - var(--navigation-margin-px));
transform: translate(-100%, 50%);
}
@media only screen and (max-width: 767px) {
.button-prev[data-v-48be87d2] {
left: 0;
transform: none;
}
}
.button-prev > .icon[data-v-48be87d2] {
left: 100%;
transform: rotate(180deg) translateX(100%);
}
.close[data-v-48be87d2] {
--size: 30px;
position: absolute;
top: 32px;
right: 48px;
width: var(--size);
height: var(--size);
z-index: 2;
color: white;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.close[data-v-48be87d2] {
top: 52px;
right: 32px;
}
}
html:has(.stories-modal.show),
body:has(.stories-modal.show) {
overflow: hidden !important;
}
.stories-preview {
--size: 116;
--color: #6D615A;
--hover-color: #b4a498;
}
.stories-preview.sales {
--color: #E7A183;
--hover-color: #E7A183;
}
.stories-preview {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
cursor: pointer;
width: calc(var(--size) * 1px);
}
@media only screen and (max-width: 1850px) {
.stories-preview {
--size: 104;
}
}
@media only screen and (max-width: 1430px) {
.stories-preview {
--size: 100;
}
}
@media only screen and (max-width: 1265px) {
.stories-preview {
--size: 78;
gap: 8px;
}
}
.stories-preview:hover .stories-preview__title {
color: var(--hover-color);
}
.stories-preview:hover .stories-preview__image-wrapper::after {
transform: scale(1);
}
.stories-preview__title {
font-weight: 600;
font-size: 16px;
letter-spacing: 0.25px;
text-align: center;
color: var(--color);
transition: color 0.1s ease;
}
@media only screen and (max-width: 1265px) {
.stories-preview__title {
font-size: 12px;
}
}
.stories-preview__image-wrapper {
--circle-offset: 5;
--circle-width: 2;
position: relative;
width: calc(var(--size) * 1px);
height: calc(var(--size) * 1px);
}
.stories-preview__image-wrapper::after {
--circle-size: calc(var(--size) + var(--circle-offset) * 2 + var(--circle-width) * 2);
content: "";
position: absolute;
top: calc(50% - var(--circle-size) / 2 * 1px);
left: calc(50% - var(--circle-size) / 2 * 1px);
width: calc(var(--circle-size) * 1px);
height: calc(var(--circle-size) * 1px);
border: calc(var(--circle-width) * 1px) solid #b4a498;
border-radius: 50%;
transform: scale(calc((var(--size) - 2) / var(--circle-size)));
transform-origin: center;
transition: transform 0.1s ease;
}
@media only screen and (max-width: 1265px) {
.stories-preview__image-wrapper {
--circle-offset: 3;
--circle-width: 2;
}
}
@media only screen and (max-width: 1023px) {
.stories-preview__image-wrapper {
--circle-offset: 3;
--circle-width: 1;
}
}
.stories-preview__image-wrapper img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.grid[data-v-0ce1dbfe] {
overflow: visible;
margin-top: 28px;
margin-bottom: 92px;
gap: 40px;
}
@media only screen and (max-width: 1850px) {
.grid[data-v-0ce1dbfe] {
margin-bottom: 68px;
gap: 34px;
}
}
@media only screen and (max-width: 1265px) {
.grid[data-v-0ce1dbfe] {
margin-top: 20px;
margin-bottom: 53px;
gap: 28px;
}
}
@media only screen and (max-width: 1023px) {
.grid[data-v-0ce1dbfe] {
margin-top: 16px;
margin-bottom: 46px;
gap: 24px;
}
}
@media only screen and (max-width: 767px) {
.grid[data-v-0ce1dbfe] {
margin-top: 20px;
margin-bottom: 29px;
gap: 24px;
}
}
.swiper-slide[data-v-0ce1dbfe] {
width: auto;
}
.wrapper-row[data-v-57a1a9fc] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 71px;
position: relative;
margin-bottom: 24px;
}
@media only screen and (max-width: 1850px) {
.wrapper-row[data-v-57a1a9fc] {
gap: 18px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 1430px) {
.wrapper-row[data-v-57a1a9fc] {
gap: 36px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1265px) {
.wrapper-row[data-v-57a1a9fc] {
gap: 32px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1023px) {
.wrapper-row[data-v-57a1a9fc] {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.wrapper-row[data-v-57a1a9fc] {
margin-bottom: 20px;
}
}
.wrapper-row[data-v-57a1a9fc]::before {
display: none;
}
.wrapper-row > a[data-v-57a1a9fc] {
text-wrap: nowrap;
opacity: 1;
color: #b4a498;
padding-right: 20px;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: 0px;
}
@media only screen and (max-width: 1850px) {
.wrapper-row > a[data-v-57a1a9fc] {
font-size: 16px;
padding-right: 18px;
}
}
@media only screen and (max-width: 1023px) {
.wrapper-row > a[data-v-57a1a9fc] {
font-size: 14px;
padding-right: 14px;
}
}
@media only screen and (max-width: 767px) {
.wrapper-row > a[data-v-57a1a9fc] {
padding-right: 0;
}
}
.wrapper-row > a[data-v-57a1a9fc]:hover {
color: #6D615A;
}
.wrapper-row > a[data-v-57a1a9fc]:hover::before {
transform: translateX(4px) translateY(-50%);
}
.wrapper-row > a[data-v-57a1a9fc]::before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 8px;
height: 16px;
transform: translateX(0%) translateY(-50%);
transition: 0.2s;
background: currentColor;
mask-image: url(../img/ar-right.svg);
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
@media only screen and (max-width: 1850px) {
.wrapper-row > a[data-v-57a1a9fc]::before {
width: 7px;
height: 14px;
}
}
@media only screen and (max-width: 1023px) {
.wrapper-row > a[data-v-57a1a9fc]::before {
width: 7px;
height: 12px;
}
}
@media only screen and (max-width: 767px) {
.wrapper-row > a[data-v-57a1a9fc]::before {
display: none;
}
}
.line[data-v-57a1a9fc] {
width: 100%;
height: 1px;
background-color: #EEEBE7;
flex: 1;
}
@media only screen and (max-width: 767px) {
.line[data-v-57a1a9fc] {
display: none;
}
}
section[data-v-57a1a9fc] {
overflow: hidden;
}
.circled-arrow-icon {
--size: 50px;
}
.circled-arrow-icon--brown {
--bg-color: #6D615A;
--inner-color: white;
}
.circled-arrow-icon--white {
--bg-color: white;
--inner-color: #6D615A;
}
.circled-arrow-icon {
position: relative;
width: var(--size);
height: var(--size);
border-radius: 50%;
background-color: var(--bg-color, #6D615A);
box-shadow: 2px 2px 17px 0px rgba(0, 0, 0, 0.0509803922);
}
.circled-arrow-icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
width: calc(var(--size) * 0.22);
height: calc(var(--size) * 0.36);
}
.swiper-slide[data-v-05c30e28] {
height: 100%;
}
.items-swiper[data-v-05c30e28] {
overflow: visible;
--slide-width: 490px;
--photos-half-height: calc(var(--slide-width) / 2);
}
@media only screen and (max-width: 1850px) {
.items-swiper[data-v-05c30e28] {
--slide-width: 390px;
}
}
@media only screen and (max-width: 1430px) {
.items-swiper[data-v-05c30e28] {
--slide-width: 315px;
}
}
@media only screen and (max-width: 1265px) {
.items-swiper[data-v-05c30e28] {
--slide-width: 280px;
}
}
@media only screen and (max-width: 1023px) {
.items-swiper[data-v-05c30e28] {
--slide-width: 220px;
}
}
@media only screen and (max-width: 767px) {
.items-swiper[data-v-05c30e28] {
--slide-width: 220px;
}
}
.items-swiper--vertical[data-v-05c30e28] {
--photos-half-height: calc(var(--slide-width) * 2 / 3);
}
.items-swiper[data-v-05c30e28] .swiper-wrapper {
align-items: stretch;
}
.items-swiper__slide > *[data-v-05c30e28] {
width: 100%;
display: flex;
flex-direction: column;
}
.items-swiper__slide[data-v-05c30e28] {
height: auto;
display: flex;
width: 490px;
}
@media only screen and (max-width: 1850px) {
.items-swiper__slide[data-v-05c30e28] {
width: 390px;
}
}
@media only screen and (max-width: 1430px) {
.items-swiper__slide[data-v-05c30e28] {
width: 315px;
}
}
@media only screen and (max-width: 1265px) {
.items-swiper__slide[data-v-05c30e28] {
width: 280px;
}
}
@media only screen and (max-width: 1023px) {
.items-swiper__slide[data-v-05c30e28] {
width: 220px;
}
}
@media only screen and (max-width: 767px) {
.items-swiper__slide[data-v-05c30e28] {
width: 220px;
}
}
.prev-btn[data-v-05c30e28],
.next-btn[data-v-05c30e28] {
position: absolute;
top: var(--photos-half-height);
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
--size: 56px;
--offset: 20px;
}
@media only screen and (max-width: 1850px) {
.prev-btn[data-v-05c30e28],
.next-btn[data-v-05c30e28] {
--size: 56px;
--offset: 2px;
}
}
@media only screen and (max-width: 1430px) {
.prev-btn[data-v-05c30e28],
.next-btn[data-v-05c30e28] {
--size: 46px;
--offset: -15px;
}
}
@media only screen and (max-width: 1265px) {
.prev-btn[data-v-05c30e28],
.next-btn[data-v-05c30e28] {
--size: 40px;
--offset: -6px;
}
}
@media only screen and (max-width: 1023px) {
.prev-btn[data-v-05c30e28],
.next-btn[data-v-05c30e28] {
--size: 33px;
--offset: -8px;
}
}
@media only screen and (max-width: 767px) {
.prev-btn[data-v-05c30e28],
.next-btn[data-v-05c30e28] {
--size: 33px;
--offset: 8px;
}
}
.prev-btn[data-v-05c30e28] {
left: var(--offset);
transform: rotate(180deg) translateY(50%);
}
.next-btn[data-v-05c30e28] {
right: var(--offset);
}
section[data-v-82d8c274] {
margin-bottom: var(--index-section-gap);
}
.index-hero + section[data-v-82d8c274] {
margin-top: var(--index-section-gap);
}
.third-header > span[data-v-82d8c274] {
color: #b4a498;
}
section[data-v-6e86ecbe] {
margin-bottom: var(--index-section-gap);
}
@media only screen and (max-width: 1023px) {
.third-header[data-v-6e86ecbe] {
display: grid;
}
}
.third-header > span[data-v-6e86ecbe] {
color: #b4a498;
}
.categories-tiles[data-v-6e86ecbe] {
--size: 335px;
--width: var(--size);
--height: var(--size);
--gap: 20px;
--transition-duration: 0.2s;
overflow: visible;
}
@media only screen and (max-width: 1850px) {
.categories-tiles[data-v-6e86ecbe] {
--size: 260px;
--gap: 16px;
}
}
@media only screen and (max-width: 1430px) {
.categories-tiles[data-v-6e86ecbe] {
--size: 228px;
--gap: 14px;
}
}
@media only screen and (max-width: 1265px) {
.categories-tiles[data-v-6e86ecbe] {
--size: 280px;
--gap: 11px;
}
}
@media only screen and (max-width: 1023px) {
.categories-tiles[data-v-6e86ecbe] {
--size: 212px;
--gap: 13px;
}
}
@media only screen and (max-width: 767px) {
.categories-tiles[data-v-6e86ecbe] {
--width: 150px;
--height: 167px;
--gap: 6px;
}
}
.categories-tiles__slide[data-v-6e86ecbe] {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, var(--height));
grid-auto-columns: var(--width);
gap: var(--gap);
width: max-content;
}
@media only screen and (max-width: 1265px) {
.categories-tiles__slide[data-v-6e86ecbe] {
grid-template-rows: repeat(3, var(--height));
}
}
.category-tile[data-v-6e86ecbe] {
position: relative;
display: block;
overflow: hidden;
border-radius: 8px;
width: 100%;
height: 100%;
cursor: pointer;
}
.category-tile[data-v-6e86ecbe]:first-child {
grid-column: span 2;
grid-row: span 2;
}
@media only screen and (max-width: 1265px) {
.category-tile[data-v-6e86ecbe]:first-child {
grid-column: span 1;
grid-row: span 1;
}
}
@media only screen and (min-width: 1265px) {
.category-tile:first-child .category-tile__title[data-v-6e86ecbe] {
font-size: 24px;
}
}
@media only screen and (min-width: 1430px) {
.category-tile:first-child .category-tile__title[data-v-6e86ecbe] {
font-size: 28px;
}
}
@media only screen and (min-width: 1850px) {
.category-tile:first-child .category-tile__title[data-v-6e86ecbe] {
font-size: 38px;
}
}
.category-tile[data-v-6e86ecbe]::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(63, 56, 56, 0) 12.5%, rgba(24, 22, 22, 0.38) 63.14%);
}
.category-tile[data-v-6e86ecbe]::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity var(--transition-duration, 0.3s) ease;
}
@media only screen and (min-width: 1265px) {
.category-tile[data-v-6e86ecbe]:hover::after {
opacity: 1;
}
.category-tile:hover .category-tile__title[data-v-6e86ecbe] {
transform: translate(-50%, 0);
}
.category-tile:hover .category-tile__undertitle[data-v-6e86ecbe] {
transform: translate(-50%, 0);
opacity: 1;
}
}
.category-tile__title[data-v-6e86ecbe] {
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
width: max-content;
max-width: calc(100% - 20px);
z-index: 1;
font-weight: 600;
font-size: 24px;
line-height: 120%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: white;
will-change: transform;
transition: transform var(--transition-duration, 0.3s) ease;
}
@media only screen and (max-width: 1850px) {
.category-tile__title[data-v-6e86ecbe] {
font-size: 16px;
}
}
@media only screen and (max-width: 1430px) {
.category-tile__title[data-v-6e86ecbe] {
font-size: 16px;
}
}
@media only screen and (max-width: 1265px) {
.category-tile__title[data-v-6e86ecbe] {
font-size: 18px;
}
}
@media only screen and (max-width: 1023px) {
.category-tile__title[data-v-6e86ecbe] {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.category-tile__title[data-v-6e86ecbe] {
font-size: 13px;
}
}
.category-tile__undertitle[data-v-6e86ecbe] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
text-decoration: underline;
text-decoration-style: solid;
color: white;
opacity: 0;
will-change: opacity transform;
transition: opacity var(--transition-duration, 0.3s) ease, transform var(--transition-duration, 0.3s) ease;
}
@media only screen and (max-width: 1850px) {
.category-tile__undertitle[data-v-6e86ecbe] {
font-size: 13px;
line-height: 21px;
}
}
@media only screen and (max-width: 1430px) {
.category-tile__undertitle[data-v-6e86ecbe] {
font-size: 12px;
line-height: 19px;
}
}
.category-tile__link[data-v-6e86ecbe] {
display: block;
width: 100%;
height: 100%;
}
.category-tile__image[data-v-6e86ecbe] {
width: 100%;
height: 100%;
object-fit: cover;
}
.prev-btn[data-v-6e86ecbe],
.next-btn[data-v-6e86ecbe] {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
--size: 56px;
--offset: 20px;
}
@media only screen and (max-width: 1850px) {
.prev-btn[data-v-6e86ecbe],
.next-btn[data-v-6e86ecbe] {
--size: 56px;
--offset: 44px;
}
}
@media only screen and (max-width: 1430px) {
.prev-btn[data-v-6e86ecbe],
.next-btn[data-v-6e86ecbe] {
--size: 46px;
--offset: -15px;
}
}
@media only screen and (max-width: 1265px) {
.prev-btn[data-v-6e86ecbe],
.next-btn[data-v-6e86ecbe] {
display: none;
}
}
.prev-btn[data-v-6e86ecbe] {
left: var(--offset);
transform: rotate(180deg) translateY(50%);
}
.next-btn[data-v-6e86ecbe] {
right: var(--offset);
}
.btn[data-v-6e86ecbe] {
display: none;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
padding: 0;
margin-top: 20px;
}
@media only screen and (max-width: 1265px) {
.btn[data-v-6e86ecbe] {
display: flex;
}
}
@media only screen and (max-width: 1023px) {
.btn[data-v-6e86ecbe] {
display: none;
}
}
@media only screen and (max-width: 767px) {
section[data-v-6e86ecbe] .wrapper-row > a {
display: none;
}
}
.show-all-mob[data-v-6e86ecbe] {
display: none;
width: 100%;
margin-top: 16px;
color: #b4a498;
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.show-all-mob[data-v-6e86ecbe] {
display: block;
}
}
.show-all-mob:hover > span[data-v-6e86ecbe] {
color: #6D615A;
}
.show-all-mob:hover > span[data-v-6e86ecbe]::before {
transform: translateX(4px) translateY(calc(-50% + 0.1em));
}
.show-all-mob > span[data-v-6e86ecbe] {
position: relative;
padding-right: 14px;
}
.show-all-mob > span[data-v-6e86ecbe]::before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 7px;
height: 12px;
transform: translateX(0%) translateY(calc(-50% + 0.1em));
transition: 0.2s;
mask: url(../img/ar-right.svg) no-repeat center/contain;
background-color: currentColor;
}
.product-page-constructor-button {
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
padding: 0 16px;
color: #B7CA9A;
border-radius: 8px;
background-color: rgba(183, 202, 154, 0.16);
cursor: pointer;
font-size: 14px;
}
@media only screen and (max-width: 1265px) {
.product-page-constructor-button {
padding: 0 10px;
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.product-page-constructor-button {
padding: 0 16px 0 10px;
}
}
.product-page-constructor-button__left {
display: flex;
align-items: center;
gap: 8px;
}
.product-page-constructor-button__right {
font-weight: 700;
display: flex;
align-items: baseline;
gap: 8px;
}
.product-page-constructor-button__right::after {
content: "";
display: block;
mask: url('data:image/svg+xml,') no-repeat center;
mask-size: contain;
width: 8px;
height: 12px;
background-color: currentColor;
}
@media only screen and (max-width: 1265px) {
.product-page-constructor-button__right::after {
width: 6px;
height: 10px;
}
}
.constructor-steps {
--border-size: 1px;
--border-color: #EEEBE7;
--separator-size: 20px;
display: flex;
width: 100%;
height: 120px;
border: var(--border-size) solid var(--border-color);
border-radius: 14px;
}
@media only screen and (max-width: 1430px) {
.constructor-steps {
--separator-size: 16px;
height: 90px;
}
}
@media only screen and (max-width: 767px) {
.constructor-steps {
--separator-size: 14px;
height: 76px;
}
}
.constructor-steps__item {
display: flex;
align-items: center;
justify-content: end;
flex-direction: column;
flex: 1;
gap: 8px;
padding-bottom: 12px;
height: 100%;
color: #b4a498;
}
@media only screen and (max-width: 1430px) {
.constructor-steps__item {
gap: 6px;
padding-bottom: 9px;
}
}
@media only screen and (max-width: 767px) {
.constructor-steps__item {
gap: 2px;
padding-bottom: 8px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-steps__item > svg {
height: 41px;
}
}
@media only screen and (max-width: 767px) {
.constructor-steps__item > svg {
height: 32px;
}
}
.constructor-steps__item > span {
color: rgba(180, 164, 152, 0.6);
font-weight: 600;
font-size: 16px;
line-height: 28px;
letter-spacing: 1%;
vertical-align: middle;
text-transform: uppercase;
}
@media only screen and (max-width: 1430px) {
.constructor-steps__item > span {
font-size: 12px;
line-height: 20px;
}
}
@media only screen and (max-width: 767px) {
.constructor-steps__item > span {
font-size: 10px;
line-height: 20px;
}
}
.constructor-steps__separator {
width: var(--separator-size);
height: 100%;
background-color: var(--border-color);
clip-path: polygon(0% 0%, calc(100% - var(--border-size)) 50%, 0% 100%, var(--border-size) 100%, 100% 50%, var(--border-size) 0%);
}
.constructor-link-modal {
display: flex;
flex-direction: column;
align-items: center;
gap: 38px;
}
@media only screen and (max-width: 1430px) {
.constructor-link-modal {
gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.constructor-link-modal {
gap: 27px;
}
}
.constructor-link-modal__title {
font-weight: 600;
font-size: 36px;
line-height: 120%;
letter-spacing: 0px;
text-align: center;
}
@media only screen and (max-width: 1430px) {
.constructor-link-modal__title {
font-size: 28px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-link-modal__title {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.constructor-link-modal__title {
font-size: 24px;
line-height: 110%;
}
}
.constructor-link-modal__title span {
color: #b4a498;
}
.constructor-link-modal > .btn {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 0 44px;
font-size: 16px;
}
@media only screen and (max-width: 1430px) {
.constructor-link-modal > .btn {
height: 48px;
padding: 0 34px;
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.constructor-link-modal > .btn {
padding: 0 26px;
}
}
[data-v-c276d698] .pp__content {
border-radius: 15px;
max-width: 810px;
padding: 56px 64px 50px;
}
@media only screen and (max-width: 1430px) {
[data-v-c276d698] .pp__content {
max-width: 652px;
padding: 56px 60px 47px;
}
}
@media only screen and (max-width: 767px) {
[data-v-c276d698] .pp__content {
max-width: calc(100% - 28px);
padding: 41px 15px 24px;
}
}
.pp__close[data-v-c276d698] {
top: 21px;
right: 19px;
}
.pp__close > svg[data-v-c276d698] {
width: 16px;
height: 16px;
}
@media only screen and (max-width: 767px) {
.pp__close[data-v-c276d698] {
top: 10px;
right: 10px;
}
}
.product-page-constructor-link {
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
padding: 0 16px;
color: #B7CA9A;
border-radius: 8px;
background-color: rgba(183, 202, 154, 0.16);
cursor: pointer;
font-size: 14px;
}
@media only screen and (max-width: 1265px) {
.product-page-constructor-link {
padding: 0 10px;
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.product-page-constructor-link {
padding: 0 16px 0 10px;
}
}
.product-page-constructor-link__left {
display: flex;
align-items: center;
gap: 8px;
}
.product-page-constructor-link__right {
font-weight: 700;
display: flex;
align-items: baseline;
gap: 8px;
}
.product-page-constructor-link__right::after {
content: "";
display: block;
mask: url('data:image/svg+xml,') no-repeat center;
mask-size: contain;
width: 8px;
height: 12px;
background-color: currentColor;
}
@media only screen and (max-width: 1265px) {
.product-page-constructor-link__right::after {
width: 6px;
height: 10px;
}
}
.constructor-section {
z-index: 0;
--section-height: 720px;
position: relative;
height: var(--section-height);
border: 1px solid #b4a498;
border-radius: 12px;
overflow: hidden;
margin-bottom: var(--index-section-gap);
}
@media only screen and (max-width: 1850px) {
.constructor-section {
--section-height: 545px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section {
--section-height: 512px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section {
--section-height: 462px;
}
}
.constructor-section__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
z-index: 10;
}
@media only screen and (max-width: 767px) {
.constructor-section__content {
width: calc(100% - 72px);
}
}
.constructor-section__title {
font-weight: 600;
font-size: 87px;
line-height: 100%;
letter-spacing: 0.24px;
text-align: center;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.constructor-section__title {
font-size: 72px;
letter-spacing: 0.18px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section__title {
font-size: 62px;
letter-spacing: 0.16px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section__title {
font-size: 52px;
letter-spacing: 0.16px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section__title {
font-size: 46px;
letter-spacing: 0.16px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section__title {
font-size: 25px;
line-height: 110%;
letter-spacing: 0.16px;
}
}
.constructor-section__title > span {
color: #b4a498;
}
.constructor-section__description {
max-width: 700px;
font-weight: 400;
font-size: 22px;
line-height: 120%;
letter-spacing: 0px;
text-align: center;
color: rgb(160.4773869347, 147.8743718593, 140.5226130653);
margin-top: 30px;
}
@media only screen and (max-width: 1850px) {
.constructor-section__description {
max-width: 475px;
font-size: 16px;
margin-top: 20px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section__description {
max-width: 330px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section__description {
max-width: 330px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section__description {
max-width: 323px;
margin-top: 35px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section__description {
max-width: 100%;
margin-top: 18px;
}
}
.constructor-section__btn {
margin-top: 53px;
}
@media only screen and (max-width: 1850px) {
.constructor-section__btn {
margin-top: 24px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section__btn {
margin-top: 32px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section__btn {
margin-top: 24px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section__btn {
margin-top: 26px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section__btn {
margin-top: 18px;
}
}
.constructor-section > .image {
position: absolute;
top: 0;
color: #b4a498;
z-index: 1;
}
.constructor-section > .image.pillow > svg {
height: 375px;
rotate: 42.19deg;
}
@media only screen and (max-width: 1850px) {
.constructor-section > .image.pillow > svg {
height: 284px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section > .image.pillow > svg {
height: 245px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section > .image.pillow > svg {
height: 227px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section > .image.pillow > svg {
height: 193px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section > .image.pillow > svg {
height: 163px;
}
}
.constructor-section > .image.pillow.sm > svg {
height: 175px;
rotate: 137.81deg;
}
@media only screen and (max-width: 1850px) {
.constructor-section > .image.pillow.sm > svg {
height: 133px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section > .image.pillow.sm > svg {
height: 115px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section > .image.pillow.sm > svg {
height: 107px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section > .image.pillow.sm > svg {
height: 151px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section > .image.pillow.sm > svg {
height: 115px;
}
}
.constructor-section > .image.pillow.p1 {
left: 148px;
animation: fall-down 9s linear -4s infinite;
}
@media only screen and (max-width: 1850px) {
.constructor-section > .image.pillow.p1 {
left: 64px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section > .image.pillow.p1 {
left: 64px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section > .image.pillow.p1 {
left: 16px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section > .image.pillow.p1 {
left: -88px;
}
}
.constructor-section > .image.pillow.p2 {
right: 200px;
animation: fall-down 6s linear -1s infinite;
z-index: 2;
}
@media only screen and (max-width: 1850px) {
.constructor-section > .image.pillow.p2 {
right: 110px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section > .image.pillow.p2 {
right: 110px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section > .image.pillow.p2 {
right: 70px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section > .image.pillow.p2 {
right: 40px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section > .image.pillow.p2 {
right: 70px;
}
}
.constructor-section > .image.pillow.p3 {
left: 200px;
animation: fall-down 9s linear -1s infinite;
z-index: 2;
}
@media only screen and (max-width: 1850px) {
.constructor-section > .image.pillow.p3 {
left: 200px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section > .image.pillow.p3 {
left: 100px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section > .image.pillow.p3 {
left: 100px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section > .image.pillow.p3 {
left: 16px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section > .image.pillow.p3 {
display: none;
}
}
.constructor-section > .image.sheet.s1 {
right: -60px;
animation: fall-down 12s linear -7s infinite;
}
@media only screen and (max-width: 1850px) {
.constructor-section > .image.sheet.s1 {
right: -100px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section > .image.sheet.s1 {
right: -120px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section > .image.sheet.s1 {
right: -180px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section > .image.sheet.s1 {
right: -230px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section > .image.sheet.s1 {
right: -230px;
}
}
.constructor-section > .image.sheet.s1 > svg {
rotate: 25.86deg;
height: 274px;
}
@media only screen and (max-width: 1850px) {
.constructor-section > .image.sheet.s1 > svg {
height: 210px;
}
}
@media only screen and (max-width: 1430px) {
.constructor-section > .image.sheet.s1 > svg {
height: 193px;
}
}
@media only screen and (max-width: 1265px) {
.constructor-section > .image.sheet.s1 > svg {
height: 174px;
}
}
@media only screen and (max-width: 1023px) {
.constructor-section > .image.sheet.s1 > svg {
height: 183px;
}
}
@media only screen and (max-width: 767px) {
.constructor-section > .image.sheet.s1 > svg {
height: 183px;
}
}
@keyframes fall-down {
from {
transform: translateY(calc(-50px - 100%));
}
to {
transform: translateY(calc(var(--section-height) + 50px));
}
}
section[data-v-38ea383e] {
--grid-gap: 20px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--grid-gap);
margin-bottom: var(--index-section-gap);
overflow: hidden;
}
@media only screen and (max-width: 1850px) {
section[data-v-38ea383e] {
--grid-gap: 15px;
}
}
@media only screen and (max-width: 1430px) {
section[data-v-38ea383e] {
--grid-gap: 13px;
}
}
@media only screen and (max-width: 1265px) {
section[data-v-38ea383e] {
--grid-gap: 10px;
}
}
@media only screen and (max-width: 1023px) {
section[data-v-38ea383e] {
--grid-gap: 13px;
}
}
@media only screen and (max-width: 767px) {
section[data-v-38ea383e] {
display: block;
}
}
.item[data-v-38ea383e] {
--left-padding: 86px;
position: relative;
width: 100%;
aspect-ratio: 950/743;
height: auto;
color: white;
}
@media only screen and (max-width: 1850px) {
.item[data-v-38ea383e] {
--left-padding: 64px;
}
}
@media only screen and (max-width: 1430px) {
.item[data-v-38ea383e] {
--left-padding: 57px;
}
}
@media only screen and (max-width: 1265px) {
.item[data-v-38ea383e] {
--left-padding: 45px;
}
}
@media only screen and (max-width: 1023px) {
.item[data-v-38ea383e] {
--left-padding: 30px;
}
}
.item > *[data-v-38ea383e] {
position: absolute;
z-index: 2;
}
.item a[data-v-38ea383e] {
bottom: 47px;
left: var(--left-padding);
}
@media only screen and (max-width: 1850px) {
.item a[data-v-38ea383e] {
bottom: 35px;
}
}
@media only screen and (max-width: 1430px) {
.item a[data-v-38ea383e] {
bottom: 56px;
}
}
@media only screen and (max-width: 1265px) {
.item a[data-v-38ea383e] {
bottom: 45px;
}
}
@media only screen and (max-width: 1023px) {
.item a[data-v-38ea383e] {
bottom: 33px;
}
}
.item > .text[data-v-38ea383e] {
display: flex;
flex-direction: column;
gap: 14px;
bottom: 147px;
left: var(--left-padding);
width: 516px;
}
@media only screen and (max-width: 1850px) {
.item > .text[data-v-38ea383e] {
gap: 10px;
bottom: 110px;
width: 426px;
}
}
@media only screen and (max-width: 1430px) {
.item > .text[data-v-38ea383e] {
gap: 9px;
bottom: 123px;
width: 344px;
}
}
@media only screen and (max-width: 1265px) {
.item > .text[data-v-38ea383e] {
gap: 7px;
bottom: 99px;
width: 275px;
}
}
@media only screen and (max-width: 1023px) {
.item > .text[data-v-38ea383e] {
gap: 7px;
bottom: 86px;
width: 272px;
}
}
.item > .text > .title[data-v-38ea383e] {
font-weight: 600;
font-size: 60px;
line-height: 120%;
letter-spacing: -5%;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.item > .text > .title[data-v-38ea383e] {
font-size: 45px;
}
}
@media only screen and (max-width: 1430px) {
.item > .text > .title[data-v-38ea383e] {
font-size: 40px;
}
}
@media only screen and (max-width: 1265px) {
.item > .text > .title[data-v-38ea383e] {
font-size: 32px;
}
}
@media only screen and (max-width: 1023px) {
.item > .text > .title[data-v-38ea383e] {
font-size: 28px;
}
}
.item > .text > .subtitle[data-v-38ea383e] {
width: 360px;
font-weight: 600;
font-size: 26px;
line-height: 30px;
letter-spacing: 0px;
vertical-align: middle;
}
@media only screen and (max-width: 1850px) {
.item > .text > .subtitle[data-v-38ea383e] {
width: 272px;
font-size: 18px;
line-height: 22.5px;
}
}
@media only screen and (max-width: 1430px) {
.item > .text > .subtitle[data-v-38ea383e] {
width: 242px;
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (max-width: 1265px) {
.item > .text > .subtitle[data-v-38ea383e] {
width: 216px;
font-size: 16px;
line-height: 16px;
}
}
@media only screen and (max-width: 1023px) {
.item > .text > .subtitle[data-v-38ea383e] {
width: 216px;
font-size: 16px;
line-height: 16px;
}
}
.item > img[data-v-38ea383e] {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
}
.item[data-v-38ea383e]::after {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(63, 56, 56, 0) 12.5%, rgba(24, 22, 22, 0.38) 63.14%);
}
.item[data-v-38ea383e]:first-child {
grid-column: span 2;
height: 304px;
background-color: #64554A;
}
@media only screen and (max-width: 1850px) {
.item[data-v-38ea383e]:first-child {
height: 228px;
}
}
@media only screen and (max-width: 1430px) {
.item[data-v-38ea383e]:first-child {
height: 203px;
}
}
@media only screen and (max-width: 1265px) {
.item[data-v-38ea383e]:first-child {
height: 162px;
}
}
@media only screen and (max-width: 1023px) {
.item[data-v-38ea383e]:first-child {
height: 188px;
}
}
.item:first-child > a[data-v-38ea383e] {
bottom: 49px;
left: calc(50% + var(--left-padding) + var(--grid-gap) / 2);
}
@media only screen and (max-width: 1850px) {
.item:first-child > a[data-v-38ea383e] {
bottom: 37px;
}
}
@media only screen and (max-width: 1430px) {
.item:first-child > a[data-v-38ea383e] {
bottom: 32px;
}
}
@media only screen and (max-width: 1265px) {
.item:first-child > a[data-v-38ea383e] {
bottom: 25px;
}
}
.item:first-child > .text[data-v-38ea383e] {
justify-content: space-between;
top: 52px;
left: var(--left-padding);
width: 711px;
height: 214px;
}
@media only screen and (max-width: 1850px) {
.item:first-child > .text[data-v-38ea383e] {
top: 38px;
width: 533px;
height: 155px;
}
}
@media only screen and (max-width: 1430px) {
.item:first-child > .text[data-v-38ea383e] {
top: 34px;
width: 474px;
height: 138px;
}
}
@media only screen and (max-width: 1265px) {
.item:first-child > .text[data-v-38ea383e] {
top: 27px;
width: 380px;
height: 110px;
}
}
@media only screen and (max-width: 1023px) {
.item:first-child > .text[data-v-38ea383e] {
top: 25px;
width: 315px;
height: 138px;
}
}
.item:first-child > .text > .title[data-v-38ea383e] {
font-size: 66px;
line-height: 80px;
}
@media only screen and (max-width: 1850px) {
.item:first-child > .text > .title[data-v-38ea383e] {
font-size: 45px;
line-height: 120%;
}
}
@media only screen and (max-width: 1430px) {
.item:first-child > .text > .title[data-v-38ea383e] {
font-size: 40px;
}
}
@media only screen and (max-width: 1265px) {
.item:first-child > .text > .title[data-v-38ea383e] {
font-size: 32px;
}
}
@media only screen and (max-width: 1023px) {
.item:first-child > .text > .title[data-v-38ea383e] {
font-size: 28px;
}
}
.item:first-child > img[data-v-38ea383e] {
right: 0;
width: 50%;
height: 100%;
}
.item[data-v-38ea383e]:first-child::after {
display: none;
}
a[data-v-38ea383e] {
border-radius: 8px;
padding: 18px 44px;
color: #64554A;
background-color: white;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
vertical-align: middle;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
a[data-v-38ea383e] {
border-radius: 6px;
padding: 13.5px 33px;
font-size: 12px;
line-height: 18px;
}
}
@media only screen and (max-width: 1430px) {
a[data-v-38ea383e] {
border-radius: 4px;
padding: 10px 20px;
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 1265px) {
a[data-v-38ea383e] {
border-radius: 3.2px;
padding: 8px 16px;
font-size: 11px;
line-height: 16px;
}
}
.swiper[data-v-38ea383e] {
overflow: visible;
}
.swiper-slide[data-v-38ea383e] {
width: 265px;
height: 390px;
}
.promo-slide-content[data-v-38ea383e] {
--left-padding: 23px;
position: relative;
width: 100%;
height: 100%;
}
.promo-slide-content[data-v-38ea383e]::after {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(63, 56, 56, 0) 12.5%, rgba(24, 22, 22, 0.38) 63.14%);
}
.promo-slide-content > img[data-v-38ea383e] {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.promo-slide-content > *[data-v-38ea383e] {
position: absolute;
z-index: 2;
}
.promo-slide-content > a[data-v-38ea383e] {
left: var(--left-padding);
bottom: 22px;
}
.promo-slide-content > .text[data-v-38ea383e] {
left: var(--left-padding);
bottom: 75px;
display: flex;
flex-direction: column;
gap: 7px;
color: white;
}
.promo-slide-content > .text > .title[data-v-38ea383e] {
font-weight: 600;
font-size: 28px;
line-height: 120%;
letter-spacing: -5%;
text-transform: uppercase;
}
.promo-slide-content > .text > .subtitle[data-v-38ea383e] {
font-weight: 600;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
vertical-align: middle;
}
[data-v-4fdc2ed2] .wrapper-row {
margin-bottom: 26px;
}
section[data-v-4fdc2ed2] {
margin-bottom: var(--index-section-gap);
}
.hits-title-wrap[data-v-4fdc2ed2] {
display: flex;
align-items: center;
gap: 44px;
width: 100%;
flex: 1;
min-width: 0;
}
@media only screen and (max-width: 1265px) {
.hits-title-wrap[data-v-4fdc2ed2] {
flex-wrap: wrap;
gap: 16px;
}
}
@media only screen and (max-width: 767px) {
.hits-title-wrap[data-v-4fdc2ed2] {
gap: 12px;
}
}
.hits-title[data-v-4fdc2ed2] {
margin: 0;
font-weight: 600;
font-size: 36px;
line-height: 100%;
letter-spacing: 0.25px;
white-space: nowrap;
}
.hits-title__primary[data-v-4fdc2ed2] {
color: #6D615A;
}
.hits-title__secondary[data-v-4fdc2ed2] {
color: #B4A498;
}
.hits-tabs[data-v-4fdc2ed2] {
flex: 1;
min-width: 0;
width: 100%;
margin: 0;
}
@media only screen and (max-width: 1265px) {
.hits-tabs[data-v-4fdc2ed2] {
flex: 1 1 100%;
}
}
@media only screen and (max-width: 767px) {
.hits-tabs[data-v-4fdc2ed2] {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}
}
.hits-tabs__slide[data-v-4fdc2ed2] {
width: auto;
}
.hits-tab[data-v-4fdc2ed2] {
flex-shrink: 0;
white-space: nowrap;
border: 1px solid #EEEBE7;
background: #fff;
border-radius: 999px;
font-weight: 600;
font-size: 16px;
line-height: 28px;
letter-spacing: 0.01em;
text-transform: uppercase;
padding: 0 16px;
color: #6D615A;
transition: 0.2s;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.hits-tab[data-v-4fdc2ed2] {
font-size: 12px;
line-height: 20px;
padding: 2px 12px;
letter-spacing: 0;
}
}
.hits-tab--active[data-v-4fdc2ed2] {
background: #B4A498;
border-color: #B4A498;
color: #FFFFFF;
}
.top-banner {
color: white;
}
.top-banner > .grid {
overflow: hidden;
position: relative;
min-height: 340px;
padding: 86px 53px 60px;
display: flex;
align-items: end;
}
@media only screen and (max-width: 1850px) {
.top-banner > .grid {
min-height: 260px;
padding: 61px 65px 35px;
}
}
@media only screen and (max-width: 1430px) {
.top-banner > .grid {
min-height: 230px;
padding: 50px 70px 50px;
}
}
@media only screen and (max-width: 1265px) {
.top-banner > .grid {
min-height: 200px;
padding: 42px 49px 23px;
}
}
@media only screen and (max-width: 1023px) {
.top-banner > .grid {
min-height: 400px;
padding: 27px 49px 27px;
}
}
@media only screen and (max-width: 767px) {
.top-banner > .grid {
min-height: 500px;
padding: 32px 20px;
margin-top: 38px;
}
}
.top-banner__content {
position: relative;
z-index: 1;
max-width: 877px;
}
.top-banner__subtitle {
margin-bottom: 14px;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.top-banner__subtitle {
margin-bottom: 6px;
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 1430px) {
.top-banner__subtitle {
margin-bottom: 6px;
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 1265px) {
.top-banner__subtitle {
margin-bottom: 0px;
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 1023px) {
.top-banner__subtitle {
margin-bottom: 0px;
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 767px) {
.top-banner__subtitle {
margin-bottom: 10px;
font-size: 16px;
line-height: 100%;
}
}
.top-banner__title {
font-weight: 600;
font-size: 44px;
line-height: 52px;
letter-spacing: -1%;
}
@media only screen and (max-width: 1850px) {
.top-banner__title {
font-size: 34px;
line-height: 52px;
}
}
@media only screen and (max-width: 1430px) {
.top-banner__title {
font-size: 34px;
line-height: 52px;
}
}
@media only screen and (max-width: 1265px) {
.top-banner__title {
font-size: 34px;
line-height: 52px;
}
}
@media only screen and (max-width: 1023px) {
.top-banner__title {
font-size: 34px;
line-height: 52px;
}
}
@media only screen and (max-width: 767px) {
.top-banner__title {
font-size: 26px;
line-height: 100%;
letter-spacing: -2%;
}
}
.top-banner__description {
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: 0px;
margin-top: 22px;
}
@media only screen and (max-width: 1850px) {
.top-banner__description {
margin-top: 20px;
font-size: 16px;
line-height: 24px;
}
}
@media only screen and (max-width: 1430px) {
.top-banner__description {
margin-top: 20px;
font-size: 14px;
line-height: 18px;
}
}
@media only screen and (max-width: 1265px) {
.top-banner__description {
margin-top: 15px;
font-size: 14px;
line-height: 18px;
}
}
@media only screen and (max-width: 1023px) {
.top-banner__description {
margin-top: 15px;
font-size: 15px;
line-height: 22px;
}
}
@media only screen and (max-width: 767px) {
.top-banner__description {
margin-top: 28px;
font-size: 14px;
line-height: 22px;
}
}
.top-banner__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.top-banner__background::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(63, 56, 56, 0) 12.5%, rgba(24, 22, 22, 0.38) 63.14%);
}
.top-banner__background img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-post-preview {
--transition-duration: 0.2s;
display: flex;
flex-direction: column;
gap: 16px;
}
@media only screen and (max-width: 1850px) {
.blog-post-preview {
gap: 12px;
}
}
.blog-post-preview__image-wrapper {
position: relative;
width: 100%;
aspect-ratio: 225/170;
overflow: hidden;
border-radius: 8px;
background-color: #EEEBE7;
}
.blog-post-preview__image-wrapper > img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity var(--transition-duration) ease;
}
.blog-post-preview__image-wrapper.loaded > img {
opacity: 1;
}
.blog-post-preview__image-hover {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity var(--transition-duration) ease;
color: white;
text-decoration: underline;
font-weight: 400;
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
}
.blog-post-preview__content {
display: flex;
flex-direction: column;
gap: 22px;
}
@media only screen and (max-width: 1850px) {
.blog-post-preview__content {
gap: 16px;
}
}
.blog-post-preview__meta {
display: flex;
gap: 12px;
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: 0.25px;
color: #b4a498;
}
@media only screen and (max-width: 1850px) {
.blog-post-preview__meta {
gap: 8px;
font-size: 12px;
letter-spacing: 0.18px;
}
}
@media only screen and (max-width: 1265px) {
.blog-post-preview__meta {
flex-direction: column;
gap: 4px;
font-size: 10px;
letter-spacing: 0.18px;
}
}
@media only screen and (max-width: 767px) {
.blog-post-preview__meta {
flex-direction: row;
gap: 8px;
font-size: 12px;
letter-spacing: 0.2px;
}
}
.blog-post-preview__meta svg {
--size: 20px;
width: var(--size);
height: var(--size);
}
@media only screen and (max-width: 1850px) {
.blog-post-preview__meta svg {
--size: 14px;
}
}
@media only screen and (max-width: 767px) {
.blog-post-preview__meta svg {
--size: 16px;
}
}
.blog-post-preview__meta .sep {
width: 1px;
height: 100%;
background-color: rgba(180, 164, 152, 0.7);
}
@media only screen and (max-width: 1265px) {
.blog-post-preview__meta .sep {
display: none;
}
}
@media only screen and (max-width: 767px) {
.blog-post-preview__meta .sep {
display: block;
}
}
.blog-post-preview__read-time, .blog-post-preview__pub-date {
display: flex;
align-items: center;
gap: 8px;
}
.blog-post-preview__title {
font-weight: 600;
font-size: 22px;
line-height: 120%;
letter-spacing: 0.25px;
color: #6D615A;
transition: color var(--transition-duration) ease;
}
@media only screen and (max-width: 1850px) {
.blog-post-preview__title {
font-size: 16px;
letter-spacing: 0.18px;
}
}
@media only screen and (max-width: 1265px) {
.blog-post-preview__title {
font-size: 14px;
letter-spacing: 0.18px;
}
}
@media only screen and (max-width: 767px) {
.blog-post-preview__title {
font-size: 18px;
letter-spacing: 0.2px;
}
}
.blog-post-preview__description {
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: 0px;
color: rgba(109, 97, 90, 0.8);
margin-top: 12px;
}
@media only screen and (max-width: 1850px) {
.blog-post-preview__description {
margin-top: 8px;
font-size: 14px;
}
}
@media only screen and (max-width: 1265px) {
.blog-post-preview__description {
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.blog-post-preview__description {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
.blog-post-preview__description {
margin-top: 9px;
font-size: 14px;
}
}
.blog-post-preview:hover .blog-post-preview__title {
color: rgba(109, 97, 90, 0.6);
}
.blog-post-preview:hover .blog-post-preview__image-hover {
opacity: 1;
}
.blog-posts-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
row-gap: 54px;
column-gap: 24px;
}
@media only screen and (max-width: 1850px) {
.blog-posts-grid {
gap: 16px;
}
}
@media only screen and (max-width: 1430px) {
.blog-posts-grid {
gap: 12px;
}
}
@media only screen and (max-width: 1023px) {
.blog-posts-grid {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
}
@media only screen and (max-width: 767px) {
.blog-posts-grid {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
}
.vue-btn {
border-radius: 8px;
padding: 18px 44px;
background-color: #b4a498;
color: white;
cursor: pointer;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
vertical-align: middle;
transition: all 0.2s ease;
}
.vue-btn--primary {
background-color: #b4a498;
color: white;
}
.vue-btn--primary:hover {
background-color: #6D615A;
}
.vue-btn--opaque-white {
color: white;
border: 1px solid white;
background: rgba(255, 255, 255, 0.1019607843);
}
.vue-btn--opaque-white:hover {
color: #b4a498;
background-color: white;
}
.vue-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
@media only screen and (max-width: 1850px) {
.vue-btn {
border-radius: 6px;
padding: 14px 32px;
font-size: 12px;
line-height: 18px;
letter-spacing: 1%;
}
}
@media only screen and (max-width: 1430px) {
.vue-btn {
border-radius: 4px;
padding: 10px 30px;
font-size: 14px;
line-height: 20px;
letter-spacing: 1%;
}
}
@media only screen and (max-width: 767px) {
.vue-btn {
border-radius: 6px;
padding: 14px 32px;
}
}
.blog-index-content[data-v-00ea4fc2] {
margin-top: 20px;
}
.grid[data-v-00ea4fc2] {
display: flex;
flex-direction: column;
align-items: center;
gap: 54px;
}
@media only screen and (max-width: 1850px) {
.grid[data-v-00ea4fc2] {
gap: 60px;
}
}
@media only screen and (max-width: 1430px) {
.grid[data-v-00ea4fc2] {
gap: 74px;
}
}
@media only screen and (max-width: 1265px) {
.grid[data-v-00ea4fc2] {
gap: 50px;
}
}
@media only screen and (max-width: 1023px) {
.grid[data-v-00ea4fc2] {
gap: 60px;
}
}
@media only screen and (max-width: 767px) {
.grid[data-v-00ea4fc2] {
gap: 45px;
}
}
@media only screen and (max-width: 767px) {
.grid > button[data-v-00ea4fc2] {
width: 100%;
}
}
.grid > .blog-posts-grid[data-v-00ea4fc2] {
margin-top: 100px;
}
@media only screen and (max-width: 1850px) {
.grid > .blog-posts-grid[data-v-00ea4fc2] {
margin-top: 70px;
}
}
@media only screen and (max-width: 1430px) {
.grid > .blog-posts-grid[data-v-00ea4fc2] {
margin-top: 67px;
}
}
@media only screen and (max-width: 1265px) {
.grid > .blog-posts-grid[data-v-00ea4fc2] {
margin-top: 64px;
}
}
@media only screen and (max-width: 1023px) {
.grid > .blog-posts-grid[data-v-00ea4fc2] {
margin-top: 57px;
}
}
@media only screen and (max-width: 767px) {
.grid > .blog-posts-grid[data-v-00ea4fc2] {
margin-top: 46px;
}
}
.blog-related-products[data-v-b8320b78] {
margin-top: 30px;
}
.blog-related-products__header[data-v-b8320b78] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-bottom: 18px;
}
.blog-related-products__more[data-v-b8320b78] {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 24px;
border-radius: 4px;
background-color: #B4A498;
color: white;
text-decoration: none;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.01em;
text-transform: uppercase;
vertical-align: middle;
transition: background-color 0.2s ease;
}
.blog-related-products__more[data-v-b8320b78]:hover {
background-color: #6D615A;
color: white;
}
.blog-sidebar-card[data-v-f42dffbe] {
--padding-inline: 22px;
--aspect-ratio: 409 / 398;
position: relative;
display: block;
width: 100%;
height: auto;
aspect-ratio: var(--aspect-ratio);
text-decoration: none;
border-radius: 8px;
overflow: hidden;
background-color: #EEEBE7;
flex-shrink: 0;
}
@media only screen and (max-width: 1850px) {
.blog-sidebar-card[data-v-f42dffbe] {
--padding-inline: 20px;
}
}
@media only screen and (max-width: 1430px) {
.blog-sidebar-card[data-v-f42dffbe] {
--padding-inline: 14px;
}
}
@media only screen and (max-width: 1265px) {
.blog-sidebar-card[data-v-f42dffbe] {
--padding-inline: 20px;
flex: 1;
width: auto;
min-width: 0;
height: 300px;
}
}
@media only screen and (max-width: 1023px) {
.blog-sidebar-card[data-v-f42dffbe] {
--padding-inline: 14px;
height: 269px;
}
}
.blog-sidebar-card__image[data-v-f42dffbe] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.2s ease;
}
.blog-sidebar-card__image.loaded[data-v-f42dffbe] {
opacity: 1;
}
.blog-sidebar-card__overlay[data-v-f42dffbe] {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.55) 100%);
pointer-events: none;
}
.blog-sidebar-card__title[data-v-f42dffbe] {
position: absolute;
left: var(--padding-inline);
right: var(--padding-inline);
bottom: 106px;
color: white;
font-weight: 600;
font-size: 22px;
line-height: 105%;
letter-spacing: 0.25px;
}
@media only screen and (max-width: 1850px) {
.blog-sidebar-card__title[data-v-f42dffbe] {
bottom: 84px;
font-size: 16px;
}
}
@media only screen and (max-width: 1430px) {
.blog-sidebar-card__title[data-v-f42dffbe] {
bottom: 78px;
}
}
@media only screen and (max-width: 1265px) {
.blog-sidebar-card__title[data-v-f42dffbe] {
bottom: 84px;
}
}
@media only screen and (max-width: 1023px) {
.blog-sidebar-card__title[data-v-f42dffbe] {
bottom: 78px;
font-size: 14px;
}
}
.blog-sidebar-card__btn[data-v-f42dffbe] {
--bottom-offset: 22px;
--horizontal-offset: var(--padding-inline);
--height: 60px;
position: absolute;
left: var(--horizontal-offset);
bottom: var(--bottom-offset);
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - var(--horizontal-offset) * 2);
height: var(--height);
background-color: #B4A498;
color: white;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.01em;
text-transform: uppercase;
vertical-align: middle;
transition: background-color 0.2s ease;
}
@media only screen and (max-width: 1850px) {
.blog-sidebar-card__btn[data-v-f42dffbe] {
--bottom-offset: 20px;
--height: 48px;
border-radius: 6px;
font-size: 12px;
line-height: 18px;
}
}
@media only screen and (max-width: 1430px) {
.blog-sidebar-card__btn[data-v-f42dffbe] {
--bottom-offset: 14px;
}
}
@media only screen and (max-width: 1265px) {
.blog-sidebar-card__btn[data-v-f42dffbe] {
--bottom-offset: 20px;
}
}
@media only screen and (max-width: 1023px) {
.blog-sidebar-card__btn[data-v-f42dffbe] {
--bottom-offset: 14px;
}
}
.blog-sidebar-card:hover .blog-sidebar-card__btn[data-v-f42dffbe] {
background-color: #6D615A;
}
.blog-related-posts__title[data-v-4ecf69a3] {
font-weight: 600;
font-size: 22px;
line-height: 120%;
letter-spacing: 0.25px;
color: #6D615A;
margin-bottom: 20px;
}
@media only screen and (max-width: 1265px) {
.blog-related-posts__title[data-v-4ecf69a3] {
font-family: Inter, sans-serif;
font-weight: 600;
font-size: 26.65px;
line-height: 120%;
letter-spacing: 0;
}
}
.blog-related-posts__list[data-v-4ecf69a3] {
display: flex;
flex-direction: column;
gap: 20px;
}
@media only screen and (max-width: 1265px) {
.blog-related-posts__list[data-v-4ecf69a3] {
flex-direction: row;
gap: 12px;
}
}
.share-button {
position: relative;
width: fit-content;
}
.share-button__button {
--size: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
@media only screen and (max-width: 1265px) {
.share-button__button {
--size: 50px;
}
}
.share-button__button--dark {
background-color: #EEEBE7;
color: #6D615A;
}
.share-button__button--light {
background-color: white;
border: 1px solid #EEEBE7;
color: #6D615A;
}
.share-button__button {
cursor: pointer;
width: var(--size);
height: var(--size);
}
.share-button__variants {
display: flex;
align-items: center;
gap: 8px;
}
.share-button__modal {
--vertical-offset: -15px;
display: flex;
align-items: center;
gap: 18px;
position: absolute;
padding: 16px 20px 16px 24px;
border-radius: 8px;
background-color: white;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.0784313725);
font-weight: 600;
font-size: 20px;
line-height: 120%;
letter-spacing: 0px;
opacity: 0;
pointer-events: none;
transition: opacity 0.1s ease;
}
@media only screen and (max-width: 1430px) {
.share-button__modal {
padding: 12px 12px 12px 16px;
}
}
.share-button__modal.topright {
top: var(--vertical-offset);
left: 0;
transform: translateY(-100%);
}
.share-button__modal.topleft {
top: var(--vertical-offset);
right: 0;
transform: translateY(-100%);
}
.share-button__modal.bottomright {
top: calc(100% - var(--vertical-offset));
left: 0;
transform: translateY(0);
}
.share-button__modal.bottomleft {
top: calc(100% - var(--vertical-offset));
right: 0;
transform: translateY(0);
}
.share-button__modal.open {
opacity: 1;
pointer-events: auto;
}
.post-content {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 409px;
gap: 200px;
margin-top: 106px;
}
@media only screen and (max-width: 1850px) {
.post-content {
grid-template-columns: 1fr 312px;
gap: 130px;
margin-top: 44px;
}
}
@media only screen and (max-width: 1430px) {
.post-content {
grid-template-columns: 1fr 276px;
gap: 156px;
margin-top: 56px;
}
}
@media only screen and (max-width: 1265px) {
.post-content {
margin-top: 47px;
grid-template-columns: 1fr;
gap: 0;
}
}
@media only screen and (max-width: 1023px) {
.post-content {
margin-top: 42px;
}
}
@media only screen and (max-width: 767px) {
.post-content {
margin-top: 30px;
}
}
.post-content__sidebar {
align-self: start;
min-width: 0;
}
@media only screen and (max-width: 1265px) {
.post-content__sidebar {
margin-top: 40px;
}
}
.post-content__main {
min-width: 0;
}
.post-content__main > .sep {
width: 100%;
height: 1px;
background-color: #EEEBE7;
margin-top: 20px;
}
.post-header {
margin-bottom: 38px;
}
@media only screen and (max-width: 767px) {
.post-header {
margin-bottom: 37px;
}
}
.post-header__title {
font-weight: 600;
font-size: 52px;
line-height: 52px;
letter-spacing: 0px;
color: #6D615A;
}
@media only screen and (max-width: 1850px) {
.post-header__title {
font-size: 38px;
line-height: 40px;
}
}
@media only screen and (max-width: 1430px) {
.post-header__title {
font-size: 38px;
line-height: 40px;
}
}
@media only screen and (max-width: 1265px) {
.post-header__title {
font-size: 32px;
line-height: 40px;
}
}
@media only screen and (max-width: 1023px) {
.post-header__title {
font-size: 28px;
line-height: 40px;
}
}
@media only screen and (max-width: 767px) {
.post-header__title {
font-size: 24px;
line-height: 120%;
}
}
.post-header__meta {
display: flex;
align-items: center;
gap: 12px;
margin-top: 46px;
color: #b4a498;
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: 0.25px;
}
@media only screen and (max-width: 767px) {
.post-header__meta {
margin-top: 19px;
}
}
.post-header__meta .sep {
width: 1px;
background-color: #b4a498;
opacity: 0.2;
align-self: stretch;
}
.post-header__pub-date, .post-header__read-time {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.post-header__banner {
overflow: hidden;
border-radius: 8px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.post-header__banner {
margin-top: 16px;
}
}
.post-header__banner {
width: 100%;
}
.post-header__banner img {
display: block;
width: 100%;
height: auto;
}
.post-header__author-bar {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.post-header__author-bar {
margin-top: 16px;
}
}
.post-header__share .share-button__modal.topright, .post-header__share .share-button__modal.topleft {
transform: translate(-60%, -100%);
}
.post-header__share .share-button__modal.bottomright, .post-header__share .share-button__modal.bottomleft {
transform: translateX(-60%);
}
@media only screen and (max-width: 1265px) {
.post-header__share .share-button__modal.topright, .post-header__share .share-button__modal.topleft {
transform: translate(0px, -100%);
}
.post-header__share .share-button__modal.bottomright, .post-header__share .share-button__modal.bottomleft {
transform: translateX(0px);
}
}
.post-header__author {
display: flex;
align-items: center;
gap: 12px;
}
.post-header__author-avatar {
--size: 55px;
width: var(--size);
height: var(--size);
border-radius: 50%;
object-fit: cover;
}
.post-header__author-info {
display: flex;
flex-direction: column;
gap: 2px;
color: #6D615A;
}
.post-header__author-name {
font-weight: 500;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.25px;
}
.post-header__author-title {
font-weight: 500;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.25px;
}
.post-header > .sep {
width: 100%;
height: 1px;
background-color: #EEEBE7;
margin-top: 17px;
}
.post-body {
color: #6D615A;
font-weight: 400;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.25px;
overflow-wrap: break-word;
}
.post-body > *:first-child {
margin-top: 0;
}
.post-body > *:last-child {
margin-bottom: 0;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
font-weight: 600;
letter-spacing: 0px;
text-transform: none;
margin: 40px 0 16px;
}
@media only screen and (max-width: 767px) {
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
margin: 28px 0 12px;
}
}
.post-body h1 {
font-size: 32px;
line-height: 40px;
}
@media only screen and (max-width: 767px) {
.post-body h1 {
font-size: 24px;
line-height: 30px;
}
}
.post-body h2 {
font-size: 28px;
line-height: 120%;
}
@media only screen and (max-width: 767px) {
.post-body h2 {
font-size: 22px;
line-height: 120%;
}
}
.post-body h3 {
font-size: 24px;
line-height: 32px;
}
@media only screen and (max-width: 767px) {
.post-body h3 {
font-size: 20px;
line-height: 26px;
}
}
.post-body h4 {
font-weight: 600;
font-size: 20px;
line-height: 24px;
letter-spacing: 1%;
}
@media only screen and (max-width: 767px) {
.post-body h4 {
font-size: 18px;
line-height: 24px;
}
}
.post-body h5,
.post-body h6 {
font-size: 18px;
line-height: 24px;
}
@media only screen and (max-width: 767px) {
.post-body h5,
.post-body h6 {
font-size: 16px;
line-height: 22px;
}
}
.post-body p {
margin: 0 0 16px;
}
.post-body p:empty {
margin: 0;
min-height: 16px;
}
.post-body a {
display: inline;
text-decoration: underline;
text-underline-offset: 2px;
color: #64554A;
}
.post-body a:hover {
opacity: 0.7;
}
.post-body strong,
.post-body b {
font-weight: 600;
}
.post-body ul,
.post-body ol {
padding-left: 24px;
margin: 0 0 16px;
}
.post-body li {
margin-bottom: 8px;
}
.post-body li:last-child {
margin-bottom: 0;
}
.post-body li > ul,
.post-body li > ol {
margin: 8px 0 0;
}
.post-body ul li {
list-style-type: disc;
display: list-item;
}
.post-body ol li {
list-style-type: decimal;
display: list-item;
}
.post-body ul li::marker,
.post-body ol li::marker {
color: #6D615A;
}
.post-body blockquote {
margin: 24px 0;
padding: 4px 0 4px 20px;
border-left: 2px solid #b4a498;
font-style: italic;
}
.post-body blockquote > *:last-child {
margin-bottom: 0;
}
.post-body img {
display: block;
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 24px 0;
}
.post-body figure {
margin: 24px 0;
}
.post-body figure img {
margin: 0;
}
.post-body figure figcaption {
margin-top: 8px;
font-size: 14px;
line-height: 20px;
color: #b4a498;
}
.post-body hr {
height: 1px;
border: none;
background-color: #EEEBE7;
margin: 32px 0;
}
.post-body table {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-collapse: collapse;
border: none;
margin: 24px 0;
}
.post-body table th,
.post-body table td {
padding-inline: 10px;
}
.post-body iframe,
.post-body video,
.post-body embed,
.post-body object {
max-width: 100%;
}
.post-body pre {
margin: 24px 0;
padding: 16px;
border-radius: 8px;
background-color: #EEEBE7;
overflow-x: auto;
}
.third-header > span[data-v-41bf8e56] {
color: #b4a498;
}
@media only screen and (max-width: 767px) {
.swiper-slide[data-v-41bf8e56] {
width: 227px;
}
}
.cart-count {
background: #b4a498;
border: 2px solid #F0EDEA;
border-radius: 50%;
color: #fff;
font-size: 9px;
line-height: 9px;
width: 19px;
height: 19px;
position: absolute;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 1430px) {
.cart-count {
width: 14px;
height: 14px;
font-size: 8px;
line-height: 8px;
}
}
@media only screen and (max-width: 1265px) {
.cart-count {
width: 15px;
height: 15px;
border: 2px solid white;
}
}
.card-container[data-v-5f6e8dcf] {
display: flex;
align-items: center;
color: #6D615A;
position: relative;
transition: 0.2s ease;
cursor: pointer;
padding: 12px 20px;
background-color: rgba(180, 164, 152, 0.2);
border-radius: 5px;
}
@media only screen and (max-width: 1850px) {
.card-container[data-v-5f6e8dcf] {
padding: 7px 8px 5px;
}
}
@media only screen and (max-width: 1430px) {
.card-container[data-v-5f6e8dcf] {
padding: 5px 8px;
}
}
@media only screen and (max-width: 1265px) {
.card-container[data-v-5f6e8dcf] {
margin-top: 0;
padding: 0;
background: none;
width: 26px;
height: 26px;
}
}
.card-container p[data-v-5f6e8dcf] {
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.card-container p[data-v-5f6e8dcf] {
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 1265px) {
.card-container p[data-v-5f6e8dcf] {
display: none;
}
}
@media only screen and (max-width: 1430px) {
.card-container img[data-v-5f6e8dcf] {
margin-right: 13px;
}
}
@media only screen and (max-width: 1265px) {
.card-container img[data-v-5f6e8dcf] {
margin-right: 0px;
}
}
.card-container[data-v-5f6e8dcf]:hover {
color: #b4a498;
}
.card-container.active[data-v-5f6e8dcf]::before {
content: attr(data-count);
position: absolute;
width: 22px;
height: 22px;
top: -7px;
left: 15px;
background: #b4a498;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: 600;
font-size: 12px;
line-height: 15px;
}
.card-container .card-desk[data-v-5f6e8dcf] {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1265px) {
.card-container .card-desk[data-v-5f6e8dcf] {
color: #b4a498;
}
}
.card-container .btn-text-caps[data-v-5f6e8dcf] {
line-height: 130%;
}
.card-icon-wrapper[data-v-5f6e8dcf] {
--size: 22px;
position: relative;
width: var(--size);
height: var(--size);
margin-right: 15px;
}
@media only screen and (max-width: 1850px) {
.card-icon-wrapper[data-v-5f6e8dcf] {
margin-right: 10px;
}
}
@media only screen and (max-width: 1430px) {
.card-icon-wrapper[data-v-5f6e8dcf] {
--size: 16px;
}
}
@media only screen and (max-width: 1265px) {
.card-icon-wrapper[data-v-5f6e8dcf] {
margin-right: 0;
--size: 26px;
}
}
.cart-count[data-v-5f6e8dcf] {
right: -9px;
top: -8px;
}
@media only screen and (max-width: 1850px) {
.cart-count[data-v-5f6e8dcf] {
top: -6px;
}
}
@media only screen and (max-width: 1430px) {
.cart-count[data-v-5f6e8dcf] {
top: -5px;
right: -7px;
}
}
@media only screen and (max-width: 1265px) {
.cart-count[data-v-5f6e8dcf] {
right: -5px;
}
}
.mob .nav-hidden.past-bel-wrapper {
display: block;
}
.mob .nav-hidden.past-bel-wrapper .past-bel-ul {
overflow: visible;
}
.nav-list-mobile .nav-item--link {
z-index: 2;
position: relative;
}
.content[data-v-f0195c4a] {
display: flex;
flex-direction: column;
padding: 40px 15px 70px;
}
@media only screen and (max-width: 767px) {
.content[data-v-f0195c4a] {
padding: 45px 14px 0;
}
}
.nav-mob-text[data-v-f0195c4a] {
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.nav-mob-text[data-v-f0195c4a] {
font-size: 12px;
}
}
.nav-mob-text > p[data-v-f0195c4a]:first-of-type {
margin-bottom: 10px;
}
.nav-socs[data-v-f0195c4a] {
display: flex;
align-items: center;
margin-top: 8px;
margin-bottom: 5px;
}
.nav-socs a[data-v-f0195c4a]:not(:last-child) {
margin-right: 16px;
}
.free-delivery-mob[data-v-f0195c4a] {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #b4a498;
text-transform: uppercase;
margin-bottom: 15px;
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.free-delivery-mob[data-v-f0195c4a] {
margin-bottom: 30px;
margin-top: 25px;
}
}
.nav-list[data-v-35df194a] {
gap: 18px;
display: flex;
align-items: center;
justify-content: start;
}
@media only screen and (max-width: 1850px) {
.nav-list[data-v-35df194a] {
gap: 16px;
}
}
@media only screen and (max-width: 1430px) {
.nav-list[data-v-35df194a] {
gap: 12px;
}
}
nav > ul > li.nav-item[data-v-35df194a],
nav > ul > li.nav-item-wrapper > .nav-item[data-v-35df194a] {
color: var(--nav-color, #6D615A);
}
nav > ul > li.nav-item[data-v-35df194a]:hover, nav > ul > li.nav-item.open[data-v-35df194a],
nav > ul > li.nav-item-wrapper > .nav-item[data-v-35df194a]:hover,
nav > ul > li.nav-item-wrapper > .nav-item.open[data-v-35df194a] {
color: var(--nav-hover-color, #b4a498);
}
nav > ul > li.nav-item > .nav-item--link[data-v-35df194a],
nav > ul > li.nav-item-wrapper > .nav-item > .nav-item--link[data-v-35df194a] {
font-weight: 600;
font-size: 17px;
line-height: 24px;
letter-spacing: 1%;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
nav > ul > li.nav-item > .nav-item--link[data-v-35df194a],
nav > ul > li.nav-item-wrapper > .nav-item > .nav-item--link[data-v-35df194a] {
font-size: 12px;
line-height: 20px;
}
}
@media only screen and (max-width: 1430px) {
nav > ul > li.nav-item > .nav-item--link[data-v-35df194a],
nav > ul > li.nav-item-wrapper > .nav-item > .nav-item--link[data-v-35df194a] {
font-size: 12px;
line-height: 18px;
}
}
.dnone-img img[data-v-35df194a],
.dnone-img video[data-v-35df194a] {
display: none;
}
.head-down {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 9px;
transition: transform 0.2s ease;
}
.nav-item-wrapper:hover .head-down,
.nav-item:hover .head-down,
.nav-item.open .head-down {
transform: rotate(180deg) translateY(50%);
}
:not(.past-bel-ul) > .nav-item.mob {
color: var(--nav-color, #6D615A);
}
:not(.past-bel-ul) > .nav-item.mob:hover, :not(.past-bel-ul) > .nav-item.mob.open {
color: var(--nav-hover-color, #b4a498);
}
.nav-list[data-v-5b55744e] {
gap: 18px;
display: flex;
align-items: center;
justify-content: start;
}
@media only screen and (max-width: 1850px) {
.nav-list[data-v-5b55744e] {
gap: 16px;
}
}
@media only screen and (max-width: 1430px) {
.nav-list[data-v-5b55744e] {
gap: 12px;
}
}
.header-search[data-v-6b5d5c85] {
display: flex;
align-items: center;
}
.header-search__toggle[data-v-6b5d5c85] {
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
color: #6D615A;
transition: color 0.3s;
}
@media only screen and (max-width: 1430px) {
.header-search__toggle[data-v-6b5d5c85] {
width: 15px;
height: 15px;
}
}
@media only screen and (max-width: 1265px) {
.header-search__toggle[data-v-6b5d5c85] {
width: 26px;
height: 26px;
color: #b4a498;
}
}
.header-search__toggle svg[data-v-6b5d5c85] {
object-fit: contain;
width: 100%;
height: 100%;
transition: color 0.2s;
}
.header-search__toggle[data-v-6b5d5c85]:hover {
color: #b4a498;
}
.header-search__panel[data-v-6b5d5c85] {
--bg-color: white;
position: absolute;
top: 100%;
right: 0;
z-index: 2;
padding: 77px 0 60px;
opacity: 0;
visibility: hidden;
pointer-events: none;
background-color: var(--bg-color);
box-shadow: 0 30px 56px rgba(0, 0, 0, 0.05);
transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media only screen and (max-width: 1850px) {
.header-search__panel[data-v-6b5d5c85] {
padding: 70px 0 41px;
}
}
@media only screen and (max-width: 1430px) {
.header-search__panel[data-v-6b5d5c85] {
padding: 57px 0 38px;
}
}
@media only screen and (max-width: 1265px) {
.header-search__panel[data-v-6b5d5c85] {
padding: 49px 0 38px;
}
}
@media only screen and (max-width: 1023px) {
.header-search__panel[data-v-6b5d5c85] {
padding: 26px 0 27px;
}
}
@media only screen and (max-width: 767px) {
.header-search__panel[data-v-6b5d5c85] {
padding: 21px 0 32px;
}
}
.header-search__panel[data-v-6b5d5c85]::after, .header-search__panel[data-v-6b5d5c85]::before {
content: "";
position: absolute;
background-color: var(--bg-color);
width: 100%;
height: 100%;
top: 0;
z-index: 2;
}
.header-search__panel[data-v-6b5d5c85]::before {
left: -100%;
box-shadow: -35px 30px 56px rgba(0, 0, 0, 0.05);
}
.header-search__panel[data-v-6b5d5c85]::after {
right: -100%;
box-shadow: 35px 30px 56px rgba(0, 0, 0, 0.05);
}
.header-search--open .header-search__panel[data-v-6b5d5c85] {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.header-search__sheet[data-v-6b5d5c85] {
position: relative;
top: 100%;
height: fit-content;
overflow-y: auto;
background: white;
pointer-events: auto;
}
@media only screen and (max-width: 767px) {
.header-search__sheet[data-v-6b5d5c85] {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.header-search__sheet[data-v-6b5d5c85] .grid {
width: 100%;
}
}
.header-search__sheet-inner[data-v-6b5d5c85] {
background: var(--white);
border-radius: 0;
box-shadow: none;
min-height: 430px;
}
@media only screen and (max-width: 1430px) {
.header-search__sheet-inner[data-v-6b5d5c85] {
min-height: 360px;
}
}
.header-search__head[data-v-6b5d5c85] {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1850px) {
.header-search__head[data-v-6b5d5c85] {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-search__head[data-v-6b5d5c85] {
gap: 12px;
margin-bottom: 18px;
}
}
.header-search__form[data-v-6b5d5c85] {
flex: 1;
position: relative;
}
.header-search__form-icon[data-v-6b5d5c85] {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #6D615A;
}
.header-search__form-icon img[data-v-6b5d5c85] {
width: 16px;
height: 16px;
}
.header-search__input[data-v-6b5d5c85] {
width: 100%;
height: 50px;
border: 1px solid #E4E0DB;
border-radius: 8px;
background: #fff;
color: #6D615A;
padding: 0 44px;
font-size: 16px;
line-height: 20px;
}
@media only screen and (max-width: 1850px) {
.header-search__input[data-v-6b5d5c85] {
font-size: 14px;
}
}
.header-search__input[data-v-6b5d5c85]::placeholder {
color: #6D615A;
opacity: 0.5;
}
.header-search__input[data-v-6b5d5c85]:focus {
outline: none;
}
.header-search__input[data-v-6b5d5c85]::-webkit-search-decoration, .header-search__input[data-v-6b5d5c85]::-webkit-search-cancel-button, .header-search__input[data-v-6b5d5c85]::-webkit-search-results-button, .header-search__input[data-v-6b5d5c85]::-webkit-search-results-decoration {
appearance: none;
}
.header-search__input[data-v-6b5d5c85]::-ms-clear, .header-search__input[data-v-6b5d5c85]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.header-search__clear[data-v-6b5d5c85] {
width: 20px;
height: 20px;
position: relative;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
flex: 0 0 auto;
}
.header-search__clear img[data-v-6b5d5c85] {
width: 20px;
height: 20px;
display: block;
}
.header-search__clear[data-v-6b5d5c85] {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.header-search__clear.visible[data-v-6b5d5c85] {
opacity: 1;
pointer-events: auto;
}
.header-search__content[data-v-6b5d5c85] {
min-height: 260px;
}
.header-search .main-price-b[data-v-6b5d5c85] {
font-size: 18px;
line-height: 100%;
}
.header-search .popular-title[data-v-6b5d5c85] {
font-size: 14px;
line-height: 100%;
}
@media only screen and (max-width: 1850px) {
.header-search .btn-text-second[data-v-6b5d5c85] {
font-size: 8px;
}
}
.search-autocomplete__inner[data-v-6b5d5c85] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media only screen and (max-width: 767px) {
.search-autocomplete__inner[data-v-6b5d5c85] {
grid-template-columns: 1fr;
}
}
.search-autocomplete__inner--cards-only[data-v-6b5d5c85], .search-autocomplete__inner--suggestions-only[data-v-6b5d5c85] {
grid-template-columns: 1fr;
}
.search-autocomplete__suggestions[data-v-6b5d5c85] {
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 2px;
}
@media only screen and (max-width: 1265px) {
.search-autocomplete__suggestions[data-v-6b5d5c85] {
order: 1;
}
}
@media only screen and (max-width: 767px) {
.search-autocomplete__suggestions[data-v-6b5d5c85] {
gap: 12px;
}
}
.search-autocomplete__suggestion[data-v-6b5d5c85] {
width: 100%;
padding: 0;
border: 0;
background: transparent;
text-align: left;
font: inherit;
color: #6D615A;
font-size: 14px;
line-height: 1.5;
cursor: pointer;
transition: color 0.2s ease;
}
.search-autocomplete__suggestion[data-v-6b5d5c85]:hover {
color: #b4a498;
}
@media only screen and (max-width: 767px) {
.search-autocomplete__suggestion[data-v-6b5d5c85] {
font-size: 12px;
}
}
.search-autocomplete__cards[data-v-6b5d5c85] {
display: grid;
grid-template-columns: repeat(4, 314px);
gap: 9px;
order: 2;
}
@media only screen and (max-width: 1850px) {
.search-autocomplete__cards[data-v-6b5d5c85] {
grid-template-columns: repeat(4, 204px);
gap: 14px;
}
}
@media only screen and (max-width: 1430px) {
.search-autocomplete__cards[data-v-6b5d5c85] {
grid-template-columns: repeat(3, 204px);
gap: 14px;
}
.search-autocomplete__cards .catalog__card-wrapper[data-v-6b5d5c85]:nth-child(n+4) {
display: none;
}
}
@media only screen and (max-width: 1265px) {
.search-autocomplete__cards[data-v-6b5d5c85] {
grid-template-columns: repeat(2, 276px);
gap: 14px;
}
.search-autocomplete__cards .catalog__card-wrapper[data-v-6b5d5c85]:nth-child(n+3) {
display: none;
}
}
@media only screen and (max-width: 1023px) {
.search-autocomplete__cards[data-v-6b5d5c85] {
grid-template-columns: repeat(1, 228px);
gap: 17px;
justify-self: end;
}
}
@media only screen and (max-width: 767px) {
.search-autocomplete__cards[data-v-6b5d5c85] {
display: none;
}
}
.search-autocomplete__cards > .catalog__card-wrapper[data-v-6b5d5c85] {
min-width: 0;
width: 100%;
}
.search-autocomplete__cards .catalog__card[data-v-6b5d5c85] {
width: 100%;
}
.search-autocomplete__cards .catalog__card-bottom[data-v-6b5d5c85],
.search-autocomplete__cards .preview-colors[data-v-6b5d5c85],
.search-autocomplete__cards .catalog__card-dolyame[data-v-6b5d5c85],
.search-autocomplete__cards .commerce[data-v-6b5d5c85],
.search-autocomplete__cards .price .sale.percent[data-v-6b5d5c85] {
display: none;
}
.search-autocomplete__cards .add_to_favourites[data-v-6b5d5c85] {
top: 12px;
right: 12px;
}
.search-autocomplete__cards .popular-item__photos[data-v-6b5d5c85] {
margin-bottom: 14px;
}
.search-autocomplete__all[data-v-6b5d5c85] {
margin-top: 24px;
height: 48px;
border: 1px solid #B4A498;
border-radius: 8px;
font-size: 16px;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #b4a498;
transition: color 0.2s ease, border-color 0.2s ease;
}
@media only screen and (max-width: 1850px) {
.search-autocomplete__all[data-v-6b5d5c85] {
font-size: 14px;
line-height: 20px;
}
}
.search-autocomplete__all[data-v-6b5d5c85]:hover {
border-color: #6D615A;
color: #6D615A;
}
.search-autocomplete__empty[data-v-6b5d5c85] {
color: #6D615A;
}
@media only screen and (max-width: 767px) {
.search-autocomplete__empty[data-v-6b5d5c85] {
font-size: 12px;
}
}
.header-top-menu__item {
position: relative;
display: inline-block;
padding-bottom: 8px;
color: #b4a498;
}
.header-top-menu__item a {
position: relative;
cursor: pointer;
}
.header-top-menu__item a.--with-dropdown {
padding-right: 12px;
}
.header-top-menu__item a.--with-dropdown::after {
position: absolute;
content: "";
display: block;
mask-image: url("/img/arrowDown.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
background-color: #b4a498;
width: 8px;
height: 8px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.header-top-menu__item a.--constructor {
color: #E7A183;
padding-left: 20px;
}
.header-top-menu__item a.--constructor .scissors-icon {
position: absolute;
height: 1em;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.header-top-menu__item:hover .header-top-menu__dropdown {
display: block;
opacity: 1;
visibility: visible;
}
.header-top-menu__dropdown {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
padding: 12px 12px 12px;
border-radius: 6px;
background-color: white;
box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.0901960784);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.header-top-menu__dropdown > ul {
display: flex;
flex-direction: column;
gap: 1lh;
}
.header-top-menu__dropdown a {
text-wrap: nowrap;
}
.header-top-menu {
display: flex;
gap: 28px;
font-weight: 600;
font-size: 12px;
line-height: 100%;
letter-spacing: 1%;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.header-top-menu {
font-size: 10px;
gap: 24px;
}
}
.logo-wrapper {
--height: 106px;
--scroll-height: 74px;
--scroll-translate: calc(var(--scroll-height) - var(--height));
position: absolute;
z-index: 9;
width: 155px;
height: var(--height);
background: #b4a498;
border-radius: 0 0 10px 10px;
display: flex;
flex-direction: column;
align-items: center;
transition: var(--transition-duration) ease;
}
@media only screen and (max-width: 1850px) {
.logo-wrapper {
width: 114px;
--height: 75px;
--scroll-height: 65px;
}
}
@media only screen and (max-width: 1430px) {
.logo-wrapper {
width: 101px;
--height: 67px;
--scroll-height: 55px;
}
}
@media only screen and (max-width: 1265px) {
.logo-wrapper {
width: 105px;
--height: 70px;
--scroll-height: var(--height);
}
}
@media only screen and (max-width: 1023px) {
.logo-wrapper {
width: 102px;
--height: 67px;
}
}
@media only screen and (max-width: 767px) {
.logo-wrapper {
width: 85px;
--height: 56px;
}
}
.logo-wrapper.scroll {
transform: translateY(var(--scroll-translate));
}
@media only screen and (min-width: 1265px) {
.logo-wrapper.scroll .logo-top {
opacity: 0;
visibility: hidden;
}
}
.logo-wrapper.scroll .logo-bot {
bottom: var(--scroll-bottom);
}
.logo-top {
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
object-fit: contain;
height: auto;
transition: var(--transition-duration) ease;
}
@media only screen and (max-width: 1850px) {
.logo-top {
top: 12px;
width: 28px;
}
}
@media only screen and (max-width: 1430px) {
.logo-top {
top: 10px;
width: 25px;
}
}
@media only screen and (max-width: 1265px) {
.logo-top {
top: 6px;
width: 30px;
}
}
@media only screen and (max-width: 1023px) {
.logo-top {
top: 6px;
width: 30px;
}
}
@media only screen and (max-width: 767px) {
.logo-top {
top: 4px;
width: 25px;
}
}
.logo-bot {
--bottom: 19px;
--scroll-bottom: 27px;
position: absolute;
bottom: var(--bottom);
left: 50%;
transform: translateX(-50%);
object-fit: contain;
transition: var(--transition-duration) ease;
}
@media only screen and (max-width: 1850px) {
.logo-bot {
--bottom: 12px;
--scroll-bottom: 24px;
width: 63px;
}
}
@media only screen and (max-width: 1430px) {
.logo-bot {
--bottom: 10px;
--scroll-bottom: 13px;
width: 56px;
}
}
@media only screen and (max-width: 1265px) {
.logo-bot {
--bottom: 10px;
--scroll-bottom: var(--bottom);
width: 70px;
}
}
@media only screen and (max-width: 1023px) {
.logo-bot {
--bottom: 9px;
--scroll-bottom: var(--bottom);
width: 67px;
}
}
@media only screen and (max-width: 767px) {
.logo-bot {
--bottom: 5px;
--scroll-bottom: var(--bottom);
width: 56px;
}
}
.header {
--height: 134px;
--scroll-height: 62px;
--transition-duration: 0.5s;
max-height: var(--height);
height: 100vh;
transition: var(--transition-duration) ease;
}
@media only screen and (max-width: 1850px) {
.header {
--height: 96px;
--scroll-height: 52px;
}
}
@media only screen and (max-width: 1430px) {
.header {
--height: 85px;
--scroll-height: 44px;
}
}
@media only screen and (max-width: 1265px) {
.header {
--height: 60px;
--scroll-height: var(--height);
}
}
@media only screen and (max-width: 1023px) {
.header {
--height: 60px;
--scroll-height: var(--height);
}
}
@media only screen and (max-width: 767px) {
.header {
--height: 56px;
--scroll-height: 44px;
}
}
.header.scroll {
max-height: var(--scroll-height);
}
.header > .grid {
height: 100%;
}
.header-content {
position: relative;
flex: 1;
margin-left: 185px;
}
@media only screen and (max-width: 1850px) {
.header-content {
margin-left: 134px;
}
}
@media only screen and (max-width: 1430px) {
.header-content {
margin-left: 118px;
}
}
@media only screen and (max-width: 1265px) {
.header-content {
margin-left: 0;
}
}
.header-container {
display: flex;
position: relative;
height: 100%;
}
.header-top[data-v-2cdd1454] {
--height: 34px;
position: absolute;
display: flex;
justify-content: space-between;
align-items: start;
top: 0;
width: 100%;
height: var(--height);
padding: 10px 0 0;
border-bottom: 1px solid rgba(180, 164, 152, 0.1803921569);
transition: var(--transition-duration) ease;
}
@media only screen and (max-width: 1850px) {
.header-top[data-v-2cdd1454] {
--height: 32px;
padding: 10px 0 0;
}
}
@media only screen and (max-width: 1430px) {
.header-top[data-v-2cdd1454] {
--height: 28px;
padding: 8px 0 0;
}
}
@media only screen and (max-width: 1265px) {
.header-top[data-v-2cdd1454] {
display: none;
}
}
.header-top.scroll[data-v-2cdd1454] {
top: calc(-1 * var(--height));
}
.header-bottom[data-v-2cdd1454] {
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
top: 52px;
width: 100%;
color: #6D615A;
transition: var(--transition-duration) ease;
}
@media only screen and (max-width: 1850px) {
.header-bottom[data-v-2cdd1454] {
top: 41px;
}
}
@media only screen and (max-width: 1430px) {
.header-bottom[data-v-2cdd1454] {
top: 36px;
}
}
@media only screen and (max-width: 1265px) {
.header-bottom[data-v-2cdd1454] {
top: 0;
height: 100%;
flex-direction: row;
justify-content: flex-end;
border-bottom: 1px solid #eeebe7;
}
}
@media only screen and (max-width: 767px) {
.header-bottom[data-v-2cdd1454] {
border-bottom: 0px solid #eeebe7;
}
}
@media only screen and (min-width: 1265px) {
.header-bottom.scroll[data-v-2cdd1454] {
top: 50%;
translate: 0 -50%;
}
}
@media only screen and (max-width: 1265px) {
.header-bottom.menu[data-v-2cdd1454] {
border: 0;
}
}
@media only screen and (max-width: 1265px) {
.header-bottom > .nav-wrapper[data-v-2cdd1454] {
display: none;
}
}
.phone-text > p[data-v-2cdd1454] {
text-transform: uppercase;
color: #b4a498;
margin: 0;
font-weight: 400;
font-weight: 600;
font-size: 12px;
line-height: 100%;
letter-spacing: 1%;
text-align: right;
text-transform: uppercase;
}
.phone-text > p > a[data-v-2cdd1454] {
text-decoration: underline;
text-decoration-style: solid;
}
@media only screen and (max-width: 1850px) {
.phone-text > p[data-v-2cdd1454] {
font-size: 10px;
line-height: 12px;
}
}
.burger-wrapper[data-v-2cdd1454] {
display: none;
cursor: pointer;
color: #b4a498;
}
@media only screen and (max-width: 1265px) {
.burger-wrapper[data-v-2cdd1454] {
display: block;
margin-left: 28px;
}
}
@media only screen and (max-width: 1023px) {
.burger-wrapper[data-v-2cdd1454] {
margin-left: 27px;
}
}
@media only screen and (max-width: 767px) {
.burger-wrapper[data-v-2cdd1454] {
margin-left: 22px;
}
}
@media only screen and (max-width: 374px) {
.burger-wrapper[data-v-2cdd1454] {
margin-left: 16px;
}
}
.order-back {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
margin-left: auto;
transition: 0.2s;
color: #b4a498;
}
.order-back:hover {
opacity: 0.5;
}
.order-back .order-back__text {
margin-top: 2px;
}
@media only screen and (max-width: 767px) {
.order-back p {
display: none;
}
}
picture[data-v-0a8d7627] > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cart-banner[data-v-0a8d7627] {
width: 100%;
aspect-ratio: 4.6842105263;
margin-bottom: 20px;
border-radius: 6px;
overflow: hidden;
}
@media only screen and (max-width: 1850px) {
.cart-banner[data-v-0a8d7627] {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 1265px) {
.cart-banner[data-v-0a8d7627] {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.cart-banner[data-v-0a8d7627] {
aspect-ratio: 2.4507042254;
}
}
.price-line[data-v-6a84a4dc] {
height: 7px;
margin-bottom: 8px;
}
@media only screen and (max-width: 1850px) {
.price-line[data-v-6a84a4dc] {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1265px) {
.price-line[data-v-6a84a4dc] {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 767px) {
.price-line[data-v-6a84a4dc] {
margin-bottom: 0;
margin-top: 9px;
}
}
.price-line > span[data-v-6a84a4dc] {
height: 7px;
background-color: #E7A183;
}
.price-line-wrapper[data-v-6a84a4dc] {
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.price-line-wrapper[data-v-6a84a4dc] {
flex-direction: column-reverse;
}
}
.price-line-text[data-v-6a84a4dc] {
margin-bottom: 0;
}
.price-line-text .cart-notice[data-v-6a84a4dc] {
color: #E7A183;
opacity: 1;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
}
@media only screen and (max-width: 1265px) {
.price-line-text .cart-notice[data-v-6a84a4dc] {
font-weight: 400;
font-size: 13px;
line-height: 100%;
letter-spacing: 0.25px;
}
}
@media only screen and (max-width: 767px) {
.price-line-text .cart-notice[data-v-6a84a4dc] {
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
}
}
picture[data-v-02068a76] > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.order-cart-banner[data-v-02068a76] {
width: 100%;
aspect-ratio: 4.6842105263;
border-radius: 6px;
overflow: hidden;
}
@media only screen and (max-width: 1850px) {
.order-cart-banner[data-v-02068a76] {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 1265px) {
.order-cart-banner[data-v-02068a76] {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.order-cart-banner[data-v-02068a76] {
aspect-ratio: 2.4507042254;
}
}
.order-cart-banner__wrapper[data-v-02068a76] {
--vertical-gap: 18px;
padding-top: var(--vertical-gap);
border-top: 1px solid #eeebe7;
margin: 16px var(--order-cart-padding-right) var(--vertical-gap) var(--order-cart-padding-left);
}
@media only screen and (max-width: 1850px) {
.order-cart-banner__wrapper[data-v-02068a76] {
--vertical-gap: 20px;
}
}
@media only screen and (max-width: 1265px) {
.order-cart-banner__wrapper[data-v-02068a76] {
border-top: none;
padding-top: 0;
}
}
@media only screen and (max-width: 1023px) {
.order-cart-banner__wrapper[data-v-02068a76] {
--vertical-gap: 16px;
}
}
@media only screen and (max-width: 767px) {
.order-cart-banner__wrapper[data-v-02068a76] {
margin-top: 4px;
--vertical-gap: 18px;
}
}
.product__article {
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.25px;
color: #6D615A;
opacity: 0.6;
margin-top: 12px;
}
@media only screen and (max-width: 1850px) {
.product__article {
margin-top: 22px;
}
}
@media only screen and (max-width: 1430px) {
.product__article {
margin-top: 18px;
}
}
@media only screen and (max-width: 1265px) {
.product__article {
margin-top: 23px;
}
}
@media only screen and (max-width: 1023px) {
.product__article {
margin-top: 18px;
}
}
@media only screen and (max-width: 767px) {
.product__article {
margin-top: 10px;
}
}
.product__stock-info {
margin-top: 14px;
font-weight: 600;
font-size: 16px;
line-height: 24px;
display: flex;
align-items: center;
letter-spacing: 0.01em;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.product__stock-info {
font-size: 14px;
}
}
@media only screen and (max-width: 1265px) {
.product__stock-info {
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.product__stock-info {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.product__stock-info {
font-size: 12px;
}
}
.product__stock-info--high {
color: #B7CA9A;
}
.product__stock-info--high::before {
content: "";
display: inline-block;
margin-right: 8px;
width: 12px;
height: 10px;
background: url("data:image/svg+xml,%3Csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1%204.55556L5%209L11%201'%20stroke='%23B7CA9A'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
}
.product__stock-info--low {
color: #E7A183;
}
.product__stock-info--low::before {
content: "";
display: inline-block;
margin-right: 8px;
width: 17px;
height: 16px;
margin-bottom: -2.5px;
background: url("data:image/svg+xml,%3Csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.3258%2014.8396C12.2098%2014.8396%2015.3584%2011.691%2015.3584%207.807C15.3584%203.92301%2012.2098%200.774414%208.3258%200.774414C4.44181%200.774414%201.29321%203.92301%201.29321%207.807C1.29321%2011.691%204.44181%2014.8396%208.3258%2014.8396Z'%20stroke='%23E7A183'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3E%3Cpath%20d='M7.71673%204.6416C7.71676%204.64155%207.71793%204.64161%207.72013%204.64192L7.71673%204.6416ZM8%204.64205V4H9V4.64205H8ZM9.28148%204.64162C9.28151%204.64167%209.28044%204.64182%209.27819%204.64193L9.28148%204.64162ZM9.28181%204.00045C9.28178%204.0005%209.28064%204.00044%209.2785%204.00013L9.28181%204.00045ZM7.71706%204.00044C7.71703%204.00039%207.71812%204.00024%207.72043%204.00012L7.71706%204.00044ZM7.76297%2010.9995C7.763%2010.9995%207.76415%2010.9996%207.76632%2010.9999L7.76297%2010.9995ZM8.04564%2011V6.81174H8.95499V11H8.04564ZM9.2374%2010.9995C9.23743%2010.9996%209.23635%2010.9997%209.23405%2010.9998L9.2374%2010.9995ZM9.23713%206.81221C9.2371%206.81226%209.23596%206.8122%209.2338%206.81189L9.23713%206.81221ZM7.7636%206.81217C7.76357%206.81213%207.76464%206.81197%207.76692%206.81186L7.7636%206.81217Z'%20fill='%23B4A498'%20stroke='%23E7A183'/%3E%3C/svg%3E") no-repeat;
background-size: contain;
}
.product__stock-info--none {
color: #E7A183;
}
.product__stock-info--none::before {
content: "";
display: inline-block;
margin-right: 7px;
width: 14px;
height: 14px;
margin-bottom: -1.5px;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
}
.product__footer {
margin-top: 52px;
font-size: 16px;
line-height: 30px;
}
@media only screen and (max-width: 1850px) {
.product__footer {
margin-top: 24px;
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 1430px) {
.product__footer {
margin-top: 18px;
}
}
@media only screen and (max-width: 1265px) {
.product__footer {
margin-top: 15px;
}
}
@media only screen and (max-width: 1023px) {
.product__footer {
margin-top: 26px;
}
}
@media only screen and (max-width: 767px) {
.product__footer {
margin-top: 19px;
font-size: 12px;
line-height: 18px;
}
}
@media only screen and (max-width: 1023px) {
.product__footer p {
display: inline;
}
}
@media only screen and (max-width: 767px) {
.product__footer p {
display: block;
}
}
@media only screen and (max-width: 1265px) {
.product__footer p + p {
margin-top: 8px;
}
}
@media only screen and (max-width: 1023px) {
.product__footer p + p {
margin-top: 0;
}
}
.attention-wrapper {
color: #b4a498;
display: flex;
align-items: center;
padding: 25px 30px;
background: #f8f7f5;
border-radius: 8px;
will-change: transform;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.attention-wrapper {
align-items: flex-start;
padding: 19px 15px;
}
}
.attention-wrapper > img {
margin-right: 25px;
}
@media only screen and (max-width: 767px) {
.attention-wrapper > img {
margin-right: 12px;
width: 22px;
}
}
.wrapper[data-v-47d4720a] {
position: relative;
}
@media only screen and (max-width: 1265px) {
.items-swiper[data-v-47d4720a] {
overflow: visible;
}
}
.items-swiper[data-v-47d4720a] .swiper-wrapper {
align-items: stretch;
}
.items-swiper__slide > *[data-v-47d4720a] {
width: 100%;
display: flex;
flex-direction: column;
}
.items-swiper__slide[data-v-47d4720a] {
height: auto;
display: flex;
}
@media only screen and (max-width: 1265px) {
.items-swiper__slide[data-v-47d4720a] {
width: 340px;
}
}
@media only screen and (max-width: 1023px) {
.items-swiper__slide[data-v-47d4720a] {
width: 308px;
}
}
@media only screen and (max-width: 767px) {
.items-swiper__slide[data-v-47d4720a] {
width: 146px;
}
}
.prev-btn[data-v-47d4720a],
.next-btn[data-v-47d4720a] {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
}
@media only screen and (max-width: 1850px) {
.prev-btn[data-v-47d4720a],
.next-btn[data-v-47d4720a] {
--size: 36px;
}
}
@media only screen and (max-width: 1265px) {
.prev-btn[data-v-47d4720a],
.next-btn[data-v-47d4720a] {
display: none;
}
}
.prev-btn.hidden[data-v-47d4720a],
.next-btn.hidden[data-v-47d4720a] {
display: none;
}
.prev-btn[data-v-47d4720a] {
left: calc(var(--size) / -2);
transform: rotate(180deg) translateY(50%);
}
.next-btn[data-v-47d4720a] {
right: calc(var(--size) / -2);
}
section[data-v-40571b58] {
margin-top: 105px;
}
@media only screen and (max-width: 1265px) {
section[data-v-40571b58] {
margin-top: 72px;
}
}
.swiper[data-v-26e5883b] {
width: 100%;
height: 100%;
overflow: visible;
--slider-gap: 16px;
}
@media only screen and (max-width: 1850px) {
.swiper[data-v-26e5883b] {
--slider-gap: 12px;
}
}
.swiper-slide[data-v-26e5883b] {
--transition-duration: 0.3s;
width: auto;
height: 100%;
aspect-ratio: 446/610;
}
.swiper-slide a[data-v-26e5883b] {
position: relative;
width: 100%;
height: 100%;
border-radius: 8px;
overflow: hidden;
}
.swiper-slide a[data-v-26e5883b]::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 85%;
z-index: 2;
background: linear-gradient(180deg, rgba(63, 56, 56, 0) 12.5%, rgba(24, 22, 22, 0.38) 63.14%);
}
.swiper-slide a:hover .title[data-v-26e5883b] {
transform: translate(-50%, 0);
}
.swiper-slide a:hover .undertitle[data-v-26e5883b] {
transform: translate(-50%, 0);
opacity: 1;
}
.swiper-slide a .title[data-v-26e5883b] {
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
z-index: 3;
font-weight: 600;
font-size: 26px;
line-height: 120%;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: white;
will-change: transform;
transition: transform var(--transition-duration, 0.3s) ease;
}
@media only screen and (max-width: 1850px) {
.swiper-slide a .title[data-v-26e5883b] {
font-size: 20px;
}
}
@media only screen and (max-width: 1265px) {
.swiper-slide a .title[data-v-26e5883b] {
font-size: 14px;
}
}
.swiper-slide a .undertitle[data-v-26e5883b] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
opacity: 0;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
text-decoration: underline;
text-decoration-style: solid;
color: white;
will-change: opacity transform;
transition: opacity var(--transition-duration, 0.3s) ease, transform var(--transition-duration, 0.3s) ease;
}
@media only screen and (max-width: 1265px) {
.swiper-slide a .undertitle[data-v-26e5883b] {
font-size: 12px;
line-height: 14px;
}
}
.swiper-slide img[data-v-26e5883b] {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.swiper-slide__title[data-v-26e5883b] {
padding-right: calc(var(--gap) - var(--slider-gap));
}
@media only screen and (max-width: 1023px) {
.swiper-slide__title[data-v-26e5883b] {
display: none;
}
}
.title-container[data-v-26e5883b] {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: start;
width: var(--text-block-width);
height: 100%;
}
@media only screen and (max-width: 1023px) {
.title-container[data-v-26e5883b] {
flex-direction: row;
align-items: center;
width: 100%;
height: auto;
}
}
.title-container .title[data-v-26e5883b] {
width: 100%;
height: auto;
}
@media only screen and (max-width: 1023px) {
.title-container .title[data-v-26e5883b] {
width: auto;
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.title-container .title[data-v-26e5883b] {
width: 100%;
height: auto;
}
}
.title-container .description[data-v-26e5883b] {
font-weight: 500;
font-size: 20px;
line-height: 140%;
letter-spacing: 1%;
vertical-align: middle;
text-transform: uppercase;
color: #b4a498;
max-width: 440px;
}
@media only screen and (max-width: 1850px) {
.title-container .description[data-v-26e5883b] {
font-size: 16px;
max-width: 100%;
}
}
@media only screen and (max-width: 1265px) {
.title-container .description[data-v-26e5883b] {
font-size: 14px;
}
}
@media only screen and (max-width: 1023px) {
.title-container .description[data-v-26e5883b] {
max-width: 275px;
}
}
@media only screen and (max-width: 767px) {
.title-container .description[data-v-26e5883b] {
display: none;
}
}
section[data-v-ff29999c] {
padding-top: 40px;
border-top: 1px solid #EEEBE7;
}
@media only screen and (max-width: 1023px) {
section[data-v-ff29999c] {
padding-top: 14px;
}
}
@media only screen and (max-width: 767px) {
section[data-v-ff29999c] {
padding-top: 0;
border-top: none;
}
}
.content[data-v-ff29999c] {
--block-height: 610px;
--gap: 150px;
--text-block-width: 520px;
height: var(--block-height);
}
@media only screen and (max-width: 1850px) {
.content[data-v-ff29999c] {
--block-height: 495px;
--gap: 44px;
--text-block-width: 374px;
}
}
@media only screen and (max-width: 1265px) {
.content[data-v-ff29999c] {
--block-height: 345px;
--gap: 44px;
--text-block-width: 280px;
}
}
@media only screen and (max-width: 1023px) {
.content[data-v-ff29999c] {
--gap: 20px;
height: var(--block-height);
}
}
@media only screen and (max-width: 767px) {
.content[data-v-ff29999c] {
--block-height: 302px;
}
}
.content > *[data-v-ff29999c] {
min-width: 0;
height: var(--block-height);
}
section[data-v-f269005c] {
margin-top: 38px;
}
@media only screen and (max-width: 1850px) {
section[data-v-f269005c] {
margin-top: 20px;
}
}
@media only screen and (max-width: 1265px) {
section[data-v-f269005c] {
margin-top: 21px;
}
}
@media only screen and (max-width: 1023px) {
section[data-v-f269005c] {
margin-top: 36px;
}
}
@media only screen and (max-width: 767px) {
section[data-v-f269005c] {
margin-top: 23px;
}
}
.swiper-container[data-v-f269005c] {
display: flex;
align-items: center;
--gap: 24px;
}
.arrow[data-v-f269005c] {
position: relative;
color: #b4a498;
top: 50%;
transform: translateY(-50%);
}
.arrow.mirror[data-v-f269005c] {
transform: translateY(-50%) rotate(180deg);
}
.arrow svg[data-v-f269005c] {
height: 11px;
}
.swiper-button[data-v-f269005c] {
position: relative;
height: 56px;
cursor: pointer;
}
.swiper-button.prev[data-v-f269005c] {
padding-right: var(--gap);
}
.swiper-button.next[data-v-f269005c] {
padding-left: var(--gap);
}
.swiper[data-v-f269005c] {
width: 100%;
}
.items[data-v-f269005c] {
display: grid;
grid-template-columns: repeat(5, auto);
gap: 27px;
}
@media only screen and (max-width: 1850px) {
.items[data-v-f269005c] {
gap: 20px;
}
}
@media only screen and (max-width: 1430px) {
.items[data-v-f269005c] {
gap: 17px;
}
}
@media only screen and (max-width: 1265px) {
.items[data-v-f269005c] {
gap: 28px;
}
}
@media only screen and (max-width: 1023px) {
.items[data-v-f269005c] {
gap: 12px;
}
}
.item[data-v-f269005c] {
flex: 1;
}
.item[data-v-f269005c],
.swiper-slide[data-v-f269005c] {
display: flex;
gap: 12px;
align-items: center;
}
@media only screen and (max-width: 1850px) {
.item[data-v-f269005c],
.swiper-slide[data-v-f269005c] {
gap: 9px;
}
}
@media only screen and (max-width: 1430px) {
.item[data-v-f269005c],
.swiper-slide[data-v-f269005c] {
gap: 8px;
}
}
@media only screen and (max-width: 1265px) {
.item[data-v-f269005c],
.swiper-slide[data-v-f269005c] {
gap: 6px;
}
}
@media only screen and (max-width: 1023px) {
.item[data-v-f269005c],
.swiper-slide[data-v-f269005c] {
gap: 6px;
}
}
@media only screen and (max-width: 767px) {
.item[data-v-f269005c],
.swiper-slide[data-v-f269005c] {
gap: 12px;
}
}
.item > svg[data-v-f269005c],
.swiper-slide > svg[data-v-f269005c] {
width: auto;
height: 78px;
}
@media only screen and (max-width: 1850px) {
.item > svg[data-v-f269005c],
.swiper-slide > svg[data-v-f269005c] {
height: 60px;
}
}
@media only screen and (max-width: 1430px) {
.item > svg[data-v-f269005c],
.swiper-slide > svg[data-v-f269005c] {
height: 52px;
}
}
@media only screen and (max-width: 1265px) {
.item > svg[data-v-f269005c],
.swiper-slide > svg[data-v-f269005c] {
height: 48px;
}
}
@media only screen and (max-width: 1023px) {
.item > svg[data-v-f269005c],
.swiper-slide > svg[data-v-f269005c] {
height: 42px;
}
}
@media only screen and (max-width: 767px) {
.item > svg[data-v-f269005c],
.swiper-slide > svg[data-v-f269005c] {
height: 56px;
}
}
.item > span[data-v-f269005c],
.swiper-slide > span[data-v-f269005c] {
flex: 1;
opacity: 0.8;
font-weight: 400;
font-size: 20px;
line-height: 120%;
letter-spacing: 0px;
text-wrap: nowrap;
}
@media only screen and (max-width: 1850px) {
.item > span[data-v-f269005c],
.swiper-slide > span[data-v-f269005c] {
font-size: 16px;
}
}
@media only screen and (max-width: 1430px) {
.item > span[data-v-f269005c],
.swiper-slide > span[data-v-f269005c] {
font-size: 14px;
}
}
@media only screen and (max-width: 1265px) {
.item > span[data-v-f269005c],
.swiper-slide > span[data-v-f269005c] {
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.item > span[data-v-f269005c],
.swiper-slide > span[data-v-f269005c] {
font-size: 10px;
}
}
@media only screen and (max-width: 767px) {
.item > span[data-v-f269005c],
.swiper-slide > span[data-v-f269005c] {
font-size: 16px;
}
}
.container[data-v-76b33da9] {
margin-inline: auto;
width: 100%;
}
.btn[data-v-76b33da9] {
position: absolute;
bottom: 130px;
left: 50%;
transform: translateX(-50%);
border-radius: 10px;
padding: 17px 40px;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
vertical-align: middle;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.btn[data-v-76b33da9] {
bottom: 96px;
}
}
@media only screen and (max-width: 1430px) {
.btn[data-v-76b33da9] {
bottom: 84px;
}
}
@media only screen and (max-width: 1265px) {
.btn[data-v-76b33da9] {
bottom: 175px;
}
}
@media only screen and (max-width: 1023px) {
.btn[data-v-76b33da9] {
bottom: 77px;
}
}
@media only screen and (max-width: 767px) {
.btn[data-v-76b33da9] {
bottom: 40px;
}
}
.swiper[data-v-76b33da9] .swiper-pagination {
position: absolute;
left: 50%;
bottom: 28px;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
}
@media only screen and (max-width: 1850px) {
.swiper[data-v-76b33da9] .swiper-pagination {
bottom: 32px;
gap: 12px;
}
}
@media only screen and (max-width: 1430px) {
.swiper[data-v-76b33da9] .swiper-pagination {
bottom: 21px;
gap: 12px;
}
}
@media only screen and (max-width: 1265px) {
.swiper[data-v-76b33da9] .swiper-pagination {
bottom: 32px;
gap: 17px;
}
}
@media only screen and (max-width: 1023px) {
.swiper[data-v-76b33da9] .swiper-pagination {
display: none;
}
}
.items[data-v-304f09bd] {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 36px;
}
@media only screen and (max-width: 1850px) {
.items[data-v-304f09bd] {
gap: 24px;
}
}
@media only screen and (max-width: 1265px) {
.items[data-v-304f09bd] {
gap: 13px;
}
}
@media only screen and (max-width: 1023px) {
.items[data-v-304f09bd] {
margin-top: 13px;
gap: 8px;
}
}
@media only screen and (max-width: 767px) {
.items[data-v-304f09bd] {
grid-template-columns: repeat(1, 1fr);
}
}
.card[data-v-304f09bd] {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
border-radius: 12px;
overflow: hidden;
max-height: 642px;
}
@media only screen and (max-width: 1850px) {
.card[data-v-304f09bd] {
max-height: 448px;
}
}
@media only screen and (max-width: 1430px) {
.card[data-v-304f09bd] {
max-height: 428px;
}
}
@media only screen and (max-width: 1265px) {
.card[data-v-304f09bd] {
max-height: 342px;
}
}
@media only screen and (max-width: 1023px) {
.card[data-v-304f09bd] {
max-height: 247px;
}
}
@media only screen and (max-width: 767px) {
.card[data-v-304f09bd] {
max-height: 242px;
}
}
.card[data-v-304f09bd] {
width: 100%;
aspect-ratio: 447/597;
}
.card__image[data-v-304f09bd] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.card__overlay[data-v-304f09bd] {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(63, 56, 56, 0.06) 40%, rgba(24, 22, 22, 0.42) 100%);
}
.card__title[data-v-304f09bd] {
position: relative;
z-index: 1;
padding: 46px 42px 0;
width: 100%;
color: #FFFFFF;
font-weight: 600;
font-size: 24px;
line-height: 140%;
letter-spacing: 1%;
white-space: pre-line;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.card__title[data-v-304f09bd] {
padding: 34px 31px 0;
font-size: 18px;
padding-top: 24px;
}
}
@media only screen and (max-width: 1430px) {
.card__title[data-v-304f09bd] {
padding: 28px 31px 0;
font-size: 18px;
padding-top: 24px;
}
}
@media only screen and (max-width: 1265px) {
.card__title[data-v-304f09bd] {
padding: 24px 22px 0;
font-size: 14px;
padding-top: 16px;
}
}
@media only screen and (max-width: 1023px) {
.card__title[data-v-304f09bd] {
padding: 18px 16px 0;
font-size: 14px;
padding-top: 16px;
}
}
@media only screen and (max-width: 767px) {
.card__title[data-v-304f09bd] {
font-size: 17px;
}
}
.card__num[data-v-304f09bd] {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
border-radius: 50%;
font-family: "Noto Serif Display";
font-size: 38px;
font-style: italic;
font-weight: 400;
letter-spacing: 0%;
background: linear-gradient(79.11deg, #6D615A -1.55%, #D3BCAE 88%);
background-clip: text;
color: transparent;
}
@media only screen and (max-width: 1850px) {
.card__num[data-v-304f09bd] {
font-size: 28px;
}
}
@media only screen and (max-width: 1430px) {
.card__num[data-v-304f09bd] {
font-size: 24px;
}
}
@media only screen and (max-width: 1265px) {
.card__num[data-v-304f09bd] {
font-size: 18px;
}
}
@media only screen and (max-width: 1023px) {
.card__num[data-v-304f09bd] {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.card__num[data-v-304f09bd] {
font-size: 22px;
}
}
.card__num_wrapper[data-v-304f09bd] {
position: relative;
z-index: 1;
width: 66px;
height: 66px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #ffffff;
margin: 0 0 24px 24px;
}
@media only screen and (max-width: 1850px) {
.card__num_wrapper[data-v-304f09bd] {
width: 50px;
height: 50px;
}
}
@media only screen and (max-width: 1430px) {
.card__num_wrapper[data-v-304f09bd] {
width: 44px;
height: 44px;
}
}
@media only screen and (max-width: 1265px) {
.card__num_wrapper[data-v-304f09bd] {
width: 36px;
height: 36px;
margin: 0 0 19px 16px;
}
}
@media only screen and (max-width: 1023px) {
.card__num_wrapper[data-v-304f09bd] {
width: 27px;
height: 27px;
margin: 0 0 14px 12px;
}
}
@media only screen and (max-width: 767px) {
.card__num_wrapper[data-v-304f09bd] {
width: 39px;
height: 39px;
margin: 0 0 14px 12px;
}
}
.card__num-icon[data-v-304f09bd] {
width: 40%;
}
@media only screen and (max-width: 1265px) {
.card__num-icon[data-v-304f09bd] {
width: 44%;
}
}
.banner[data-v-270c8b78] {
position: relative;
display: grid;
grid-template-columns: minmax(0, 43%) minmax(0, 1fr);
align-items: center;
background: linear-gradient(300deg, #6D615A 0%, #D3BCAE 100%);
border-radius: 8px;
overflow: hidden;
min-height: 577px;
padding-block: 32px;
}
@media only screen and (max-width: 1850px) {
.banner[data-v-270c8b78] {
min-height: 438px;
}
}
@media only screen and (max-width: 1430px) {
.banner[data-v-270c8b78] {
min-height: 378px;
}
}
@media only screen and (max-width: 1265px) {
.banner[data-v-270c8b78] {
min-height: 302px;
}
}
@media only screen and (max-width: 1023px) {
.banner[data-v-270c8b78] {
grid-template-columns: 1fr;
gap: 24px;
min-height: 320px;
padding: 24px 16px;
}
}
@media only screen and (max-width: 767px) {
.banner[data-v-270c8b78] {
min-height: 547px;
grid-template-columns: 1fr;
gap: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.decor[data-v-270c8b78] {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
pointer-events: none;
}
@media only screen and (max-width: 1430px) {
.decor[data-v-270c8b78] {
height: 252px;
object-fit: cover;
bottom: 20px;
}
}
@media only screen and (max-width: 1265px) {
.decor[data-v-270c8b78] {
height: 195px;
object-fit: cover;
bottom: 20px;
}
}
@media only screen and (max-width: 1023px) {
.decor[data-v-270c8b78] {
height: 152px;
object-fit: cover;
bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
.decor[data-v-270c8b78] {
display: none;
}
}
.text[data-v-270c8b78] {
position: absolute;
top: 30px;
left: 53.4px;
z-index: 1;
max-height: 242px;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1850px) {
.text[data-v-270c8b78] {
left: -65px;
max-height: 182px;
}
}
@media only screen and (max-width: 1430px) {
.text[data-v-270c8b78] {
left: 30px;
max-height: 182px;
}
}
@media only screen and (max-width: 1430px) {
.text svg[data-v-270c8b78] {
max-width: 480px;
max-height: 160px;
}
}
@media only screen and (max-width: 1265px) {
.text svg[data-v-270c8b78] {
max-width: 380px;
max-height: 120px;
}
}
@media only screen and (max-width: 1023px) {
.text svg[data-v-270c8b78] {
max-width: 314px;
max-height: 95px;
}
}
.text .gift-title[data-v-270c8b78] {
margin: 0;
display: flex;
flex-direction: column;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", serif;
font-weight: 400;
line-height: 0.95;
}
.text .gift-title__top[data-v-270c8b78] {
font-size: clamp(48px, 5.6vw, 100px);
}
.text .gift-title__bottom[data-v-270c8b78] {
font-style: italic;
font-size: clamp(48px, 6vw, 108px);
}
@media only screen and (max-width: 1023px) {
.text .gift-title[data-v-270c8b78] {
line-height: 1.05;
}
.text .gift-title__top[data-v-270c8b78] {
font-size: 44px;
}
.text .gift-title__bottom[data-v-270c8b78] {
font-size: 50px;
}
}
@media only screen and (max-width: 767px) {
.text .gift-title__top[data-v-270c8b78] {
font-size: 34px;
}
.text .gift-title__bottom[data-v-270c8b78] {
font-size: 38px;
}
}
.description[data-v-270c8b78] {
position: absolute;
bottom: 63px;
left: 334px;
max-width: 457px;
color: #FFFFFF;
font-weight: 400;
font-size: 20px;
line-height: 130%;
letter-spacing: 0;
}
@media only screen and (max-width: 1850px) {
.description[data-v-270c8b78] {
font-size: 16px;
bottom: 43px;
left: 253px;
}
}
@media only screen and (max-width: 1430px) {
.description[data-v-270c8b78] {
font-size: 14px;
margin-left: 0;
bottom: 43px;
left: 220px;
max-width: 320px;
}
}
@media only screen and (max-width: 1265px) {
.description[data-v-270c8b78] {
font-size: 12px;
margin-left: 0;
bottom: 28px;
left: 175px;
max-width: 275px;
}
}
@media only screen and (max-width: 1023px) {
.description[data-v-270c8b78] {
font-size: 12px;
margin-left: 0;
bottom: 37px;
left: 115px;
max-width: 275px;
}
}
@media only screen and (max-width: 767px) {
.description[data-v-270c8b78] {
font-size: 14px;
max-width: none;
position: relative;
width: 100%;
left: auto;
top: auto;
}
}
.photo[data-v-270c8b78] {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (max-width: 1023px) {
.photo[data-v-270c8b78] {
order: 2;
aspect-ratio: 375/240;
border-radius: 8px;
}
}
.text[data-v-270c8b78] {
position: absolute;
font-family: "Noto Serif Display";
font-weight: 400;
font-size: 126px;
line-height: 106%;
letter-spacing: 0%;
color: white;
background-clip: text;
font-style: italic;
top: 30px;
left: 53px;
}
.text span[data-v-270c8b78] {
margin-left: 280px;
}
@media only screen and (max-width: 1850px) {
.text span[data-v-270c8b78] {
margin-left: 210px;
}
}
@media only screen and (max-width: 1430px) {
.text span[data-v-270c8b78] {
margin-left: 183px;
}
}
@media only screen and (max-width: 1265px) {
.text span[data-v-270c8b78] {
margin-left: 146px;
}
}
@media only screen and (max-width: 1023px) {
.text span[data-v-270c8b78] {
margin-left: 143px;
}
}
@media only screen and (max-width: 767px) {
.text span[data-v-270c8b78] {
margin-left: 118px;
}
}
@media only screen and (max-width: 1850px) {
.text[data-v-270c8b78] {
font-size: 94px;
top: 23px;
left: 44px;
}
}
@media only screen and (max-width: 1430px) {
.text[data-v-270c8b78] {
font-size: 83.5px;
top: 20px;
left: 33px;
}
}
@media only screen and (max-width: 1265px) {
.text[data-v-270c8b78] {
font-size: 66px;
top: 16px;
left: 26px;
}
}
@media only screen and (max-width: 1023px) {
.text[data-v-270c8b78] {
font-size: 48px;
top: 23px;
left: 16px;
}
}
@media only screen and (max-width: 767px) {
.text[data-v-270c8b78] {
font-size: 52px;
top: 30px;
left: 21px;
}
}
.btn[data-v-270c8b78] {
position: absolute;
z-index: 2;
top: 68px;
right: 72px;
width: 320px;
display: flex;
align-items: center;
justify-content: center;
padding: 21px 58px;
background-color: rgba(255, 255, 255, 0.14);
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 12px;
backdrop-filter: blur(2px);
color: #FFFFFF;
font-weight: 600;
font-size: 18px;
line-height: 166%;
letter-spacing: 0.18px;
transition: background-color 0.2s;
text-transform: uppercase;
}
.btn[data-v-270c8b78]:hover {
background-color: rgba(255, 255, 255, 0.28);
}
@media only screen and (max-width: 1850px) {
.btn[data-v-270c8b78] {
top: 40px;
right: 40px;
padding: 16px 44px;
font-size: 14px;
width: 244px;
}
}
@media only screen and (max-width: 1430px) {
.btn[data-v-270c8b78] {
padding: 0;
width: 211px;
height: 48px;
font-size: 14px;
}
}
@media only screen and (max-width: 1265px) {
.btn[data-v-270c8b78] {
padding: 0;
width: 168px;
height: 38px;
font-size: 12px;
top: 35px;
right: 36px;
}
}
@media only screen and (max-width: 767px) {
.btn[data-v-270c8b78] {
padding: 0;
height: 58px;
font-size: 16px;
top: inherit;
width: 100%;
position: relative;
bottom: 0;
left: auto;
margin: 0 auto;
right: auto;
}
}
.decor_mobile[data-v-270c8b78] {
display: none;
}
@media only screen and (max-width: 767px) {
.decor_mobile[data-v-270c8b78] {
display: block;
width: 100%;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
}
.features-swiper[data-v-070b0838] {
display: none;
}
@media only screen and (max-width: 767px) {
.features-swiper[data-v-070b0838] {
display: block;
overflow: visible;
margin-top: 25px;
}
.features-swiper__slide[data-v-070b0838] {
height: auto;
}
}
.head[data-v-070b0838] {
display: flex;
flex-direction: column;
align-items: center;
}
.head .row[data-v-070b0838] {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 159px;
width: 100%;
height: 272px;
margin-bottom: 88px;
}
@media only screen and (max-width: 1850px) {
.head .row[data-v-070b0838] {
min-height: 200px;
height: 204px;
gap: 40px;
align-items: center;
margin-bottom: 66px;
}
}
@media only screen and (max-width: 1430px) {
.head .row[data-v-070b0838] {
height: 182px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1265px) {
.head .row[data-v-070b0838] {
height: 162px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1023px) {
.head .row[data-v-070b0838] {
display: block;
width: 100%;
height: auto;
min-height: auto;
margin-bottom: 30px;
transform: scaleY(1.15);
}
}
@media only screen and (max-width: 767px) {
.head .row[data-v-070b0838] {
display: block;
height: auto;
min-height: auto;
margin-bottom: 33px;
}
}
@media only screen and (min-width: 1850px) {
.head .row[data-v-070b0838] {
height: 272px;
}
}
.head .mulberry-title[data-v-070b0838] {
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
font-size: 82px;
line-height: 1.02;
text-align: center;
font-family: "Noto Serif Display";
font-weight: 400;
letter-spacing: 0%;
background: linear-gradient(79.11deg, #6D615A -1.55%, #D3BCAE 88%);
background-clip: text;
color: transparent;
}
.head .mulberry-title span[data-v-070b0838] {
font-style: italic;
}
@media only screen and (max-width: 1023px) {
.head .mulberry-title span[data-v-070b0838] {
line-height: 125%;
}
}
@media only screen and (max-width: 767px) {
.head .mulberry-title span[data-v-070b0838] {
line-height: 125%;
}
}
@media only screen and (max-width: 1850px) {
.head .mulberry-title[data-v-070b0838] {
height: 100%;
font-size: 60px;
}
}
@media only screen and (max-width: 1430px) {
.head .mulberry-title[data-v-070b0838] {
height: 100%;
font-size: 60px;
}
}
@media only screen and (max-width: 1265px) {
.head .mulberry-title[data-v-070b0838] {
font-size: 42px;
}
}
@media only screen and (max-width: 767px) {
.head .mulberry-title[data-v-070b0838] {
font-size: 47px;
line-height: 85.9%;
}
}
.head .subline[data-v-070b0838] {
margin-top: 0;
color: #b4a498;
font-weight: 500;
font-size: 20px;
line-height: 140%;
letter-spacing: 0.2px;
text-align: center;
text-transform: uppercase;
}
@media only screen and (max-width: 1430px) {
.head .subline[data-v-070b0838] {
font-size: 16px;
}
}
@media only screen and (max-width: 1265px) {
.head .subline[data-v-070b0838] {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.head .subline[data-v-070b0838] {
font-size: 12px;
}
}
.bento[data-v-070b0838] {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-top: 40px;
}
.bento__image[data-v-070b0838] {
width: 100%;
height: 100%;
aspect-ratio: 911/378;
object-fit: cover;
}
@media only screen and (max-width: 1023px) {
.bento__image[data-v-070b0838] {
display: none;
}
}
@media only screen and (max-width: 767px) {
.bento__image[data-v-070b0838] {
display: none;
}
}
.features[data-v-070b0838] {
width: 1835px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(6, 1fr);
justify-content: space-between;
gap: 24px 12px;
margin-top: 18px;
}
@media only screen and (max-width: 1850px) {
.features[data-v-070b0838] {
gap: 20px 10px;
width: 1393px;
}
}
@media only screen and (max-width: 1430px) {
.features[data-v-070b0838] {
width: 1204px;
}
}
@media only screen and (max-width: 1265px) {
.features[data-v-070b0838] {
width: 956px;
}
}
@media only screen and (max-width: 1023px) {
.features[data-v-070b0838] {
width: 706px;
grid-template-columns: repeat(3, 1fr);
justify-content: stretch;
gap: 28px 16px;
margin-top: 32px;
}
}
@media only screen and (max-width: 767px) {
.features[data-v-070b0838] {
display: none;
}
}
.feature[data-v-070b0838] {
--card-height: 255px;
--card-color: #fcfaf6;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 67px 31px 38px 31px;
height: 338px;
width: 100%;
background-color: var(--card-color);
overflow: hidden;
border-radius: 12px;
}
@media only screen and (max-width: 1850px) {
.feature[data-v-070b0838] {
min-width: 222px;
height: 254px;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 27px;
gap: 40px;
}
}
@media only screen and (max-width: 1430px) {
.feature[data-v-070b0838] {
width: auto;
min-width: auto;
height: 226px;
padding: 30px 6px;
gap: 10px;
}
}
@media only screen and (max-width: 1265px) {
.feature[data-v-070b0838] {
width: auto;
height: 180px;
min-width: auto;
padding: 30px 6px;
padding-top: 15px;
gap: 10px;
}
}
@media only screen and (max-width: 1023px) {
.feature[data-v-070b0838] {
width: auto;
height: 154px;
padding: 26px 24px;
padding-top: 16px;
gap: 18px;
}
}
@media only screen and (max-width: 767px) {
.feature[data-v-070b0838] {
min-width: 167px;
height: 168px;
padding: 12px 15px;
gap: 0;
}
}
.feature__icon[data-v-070b0838] {
height: 90px;
width: auto;
}
@media only screen and (max-width: 1850px) {
.feature__icon[data-v-070b0838] {
height: 68px;
}
}
@media only screen and (max-width: 1265px) {
.feature__icon[data-v-070b0838] {
height: 48px;
}
}
@media only screen and (max-width: 1023px) {
.feature__icon[data-v-070b0838] {
height: 48px;
}
}
@media only screen and (max-width: 767px) {
.feature__icon[data-v-070b0838] {
height: 59px;
}
}
.feature__text[data-v-070b0838] {
color: #6D615A;
font-weight: 400;
font-size: 18px;
line-height: 120%;
letter-spacing: 0;
text-align: center;
height: 100px;
white-space: pre-line;
}
@media only screen and (max-width: 1850px) {
.feature__text[data-v-070b0838] {
font-size: 14px;
height: 65px;
}
}
@media only screen and (max-width: 1265px) {
.feature__text[data-v-070b0838] {
font-size: 11px;
}
}
@media only screen and (max-width: 1023px) {
.feature__text[data-v-070b0838] {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
.feature__text[data-v-070b0838] {
font-size: 12px;
}
}
.items-swiper[data-v-4724447c] {
overflow: visible;
margin-top: 25px;
}
.items-swiper[data-v-4724447c] .swiper-slide {
width: calc((100% - 60px) / 4);
}
@media only screen and (max-width: 1850px) {
.items-swiper[data-v-4724447c] .swiper-slide {
width: calc((100% - 60px) / 4);
}
}
@media only screen and (max-width: 1430px) {
.items-swiper[data-v-4724447c] .swiper-slide {
width: calc((100% - 24px) / 2.5);
}
}
@media only screen and (max-width: 1023px) {
.items-swiper[data-v-4724447c] .swiper-slide {
width: calc((100% - 12px) / 1.15);
}
}
.tile[data-v-4724447c] {
position: relative;
display: block;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 1/1;
}
.tile__image[data-v-4724447c] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.tile__overlay[data-v-4724447c] {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(63, 56, 56, 0) 30%, rgba(24, 22, 22, 0.48) 100%), rgba(43, 38, 36, 0.18);
}
.tile__title[data-v-4724447c] {
position: absolute;
inset: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
padding-inline: 16px;
color: #FFFFFF;
font-weight: 600;
font-size: 31px;
line-height: 115%;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
}
@media only screen and (max-width: 1850px) {
.tile__title[data-v-4724447c] {
font-size: 24px;
}
}
@media only screen and (max-width: 1265px) {
.tile__title[data-v-4724447c] {
font-size: 16px;
}
}
@media only screen and (max-width: 1023px) {
.tile__title[data-v-4724447c] {
line-height: 13.9;
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.tile__title[data-v-4724447c] {
font-size: 20px;
}
}
section[data-v-5cd124c0] {
height: 687px;
}
@media only screen and (max-width: 1850px) {
section[data-v-5cd124c0] {
height: 516px;
}
}
@media only screen and (max-width: 1430px) {
section[data-v-5cd124c0] {
height: 468px;
}
}
@media only screen and (max-width: 1265px) {
section[data-v-5cd124c0] {
height: 380px;
}
}
@media only screen and (max-width: 1023px) {
section[data-v-5cd124c0] {
height: auto;
}
}
.premium[data-v-5cd124c0] {
margin-left: 15%;
}
@media only screen and (max-width: 1850px) {
.premium[data-v-5cd124c0] {
margin-left: 15%;
}
}
@media only screen and (max-width: 1430px) {
.premium[data-v-5cd124c0] {
margin-left: 15%;
}
}
@media only screen and (max-width: 1265px) {
.premium[data-v-5cd124c0] {
margin-left: 0;
}
}
.inner[data-v-5cd124c0] {
display: grid;
grid-template-columns: minmax(0, 24%) minmax(0, 1fr);
gap: clamp(24px, 6%, 95px);
height: 100%;
}
@media only screen and (max-width: 1850px) {
.inner[data-v-5cd124c0] {
gap: 42px;
}
}
@media only screen and (max-width: 1265px) {
.inner[data-v-5cd124c0] {
gap: 30px;
}
}
.title span[data-v-5cd124c0] {
font-family: "Noto Serif Display";
font-weight: 400;
font-size: 98px;
line-height: 106%;
letter-spacing: 0%;
background: linear-gradient(79.11deg, #6D615A -1.55%, #D3BCAE 88%);
background-clip: text;
color: transparent;
font-style: italic;
}
@media only screen and (max-width: 1850px) {
.title span[data-v-5cd124c0] {
font-size: 74px;
}
}
@media only screen and (max-width: 1430px) {
.title span[data-v-5cd124c0] {
font-size: 64px;
}
}
@media only screen and (max-width: 1265px) {
.title span[data-v-5cd124c0] {
font-size: 48px;
}
}
@media only screen and (max-width: 1023px) {
.title span[data-v-5cd124c0] {
font-size: 48px;
}
}
@media only screen and (max-width: 767px) {
.title span[data-v-5cd124c0] {
font-size: 47px;
line-height: 96%;
font-style: normal;
}
}
.title__production[data-v-5cd124c0] {
text-align: left;
}
@media only screen and (max-width: 1850px) {
.title__production[data-v-5cd124c0] {
text-align: left;
}
}
@media only screen and (max-width: 1430px) {
.title__production[data-v-5cd124c0] {
text-align: left;
}
}
@media only screen and (max-width: 1265px) {
.title__production[data-v-5cd124c0] {
text-align: left;
display: flex;
flex-direction: column;
}
}
@media only screen and (max-width: 1023px) {
.title__production[data-v-5cd124c0] {
text-align: left;
display: flex;
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.title__production[data-v-5cd124c0] {
text-align: center;
display: flex;
flex-direction: column;
gap: 15px;
}
}
@media only screen and (max-width: 767px) {
.title__production span[data-v-5cd124c0] {
transform: scaleY(1.15);
}
}
.title__premium[data-v-5cd124c0] {
width: 100%;
justify-content: end;
display: flex;
flex-direction: column;
align-items: end;
}
.title__premium_row[data-v-5cd124c0] {
display: flex;
gap: 59px;
width: 85%;
margin-top: 88px;
}
@media only screen and (max-width: 1850px) {
.title__premium_row[data-v-5cd124c0] {
margin-top: 60px;
gap: 40px;
width: 85%;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 1430px) {
.title__premium_row[data-v-5cd124c0] {
margin-top: 60px;
gap: 40px;
width: 85%;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 1265px) {
.title__premium_row[data-v-5cd124c0] {
width: 100%;
gap: 14px;
margin-top: 38px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 1023px) {
.title__premium_row[data-v-5cd124c0] {
width: 100%;
gap: 14px;
margin-top: 45px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.title__premium_row[data-v-5cd124c0] {
display: flex;
flex-direction: column;
width: 100%;
text-align: center;
font-size: 14px;
gap: 18px;
}
}
.title__premium_button[data-v-5cd124c0] {
width: 85%;
margin-top: 95px;
display: flex;
}
@media only screen and (max-width: 1850px) {
.title__premium_button[data-v-5cd124c0] {
margin-top: 70px;
width: 85%;
}
}
@media only screen and (max-width: 1430px) {
.title__premium_button[data-v-5cd124c0] {
margin-top: 60px;
width: 85%;
}
}
@media only screen and (max-width: 1265px) {
.title__premium_button[data-v-5cd124c0] {
width: 100%;
margin-top: 50px;
}
}
@media only screen and (max-width: 1023px) {
.title__premium_button[data-v-5cd124c0] {
width: 100%;
margin-top: 45px;
}
}
@media only screen and (max-width: 767px) {
.title__premium_button[data-v-5cd124c0] {
margin-top: 29px;
width: 100%;
text-transform: uppercase;
}
}
@media only screen and (max-width: 767px) {
.title[data-v-5cd124c0] {
font-size: 26px;
line-height: 1.18;
}
.title__accent[data-v-5cd124c0] {
font-size: 27px;
}
}
.text[data-v-5cd124c0] {
color: #6D615A;
font-weight: 400;
font-size: 20px;
line-height: 28px;
max-width: 530px;
}
@media only screen and (max-width: 1850px) {
.text[data-v-5cd124c0] {
font-size: 14px;
max-width: 400px;
}
}
@media only screen and (max-width: 1265px) {
.text[data-v-5cd124c0] {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.text[data-v-5cd124c0] {
width: 100%;
max-width: none;
}
}
.stats[data-v-5cd124c0] {
display: flex;
flex-direction: column;
gap: 18px;
margin-top: 36px;
}
.stat[data-v-5cd124c0] {
display: flex;
align-items: baseline;
gap: 16px;
}
.stat__value[data-v-5cd124c0] {
min-width: 170px;
color: #6D615A;
font-weight: 600;
font-size: 32px;
line-height: 120%;
letter-spacing: 0.3px;
}
@media only screen and (max-width: 1850px) {
.stat__value[data-v-5cd124c0] {
font-size: 26px;
min-width: 140px;
}
}
@media only screen and (max-width: 767px) {
.stat__value[data-v-5cd124c0] {
font-size: 22px;
min-width: 118px;
}
}
.stat__label[data-v-5cd124c0] {
color: #6D615A;
opacity: 0.8;
font-weight: 400;
font-size: 18px;
line-height: 130%;
}
@media only screen and (max-width: 1850px) {
.stat__label[data-v-5cd124c0] {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.stat__label[data-v-5cd124c0] {
font-size: 14px;
}
}
.photo[data-v-5cd124c0] {
width: 100%;
height: 100%;
aspect-ratio: 771/1147;
object-fit: cover;
border-radius: 12px;
}
@media only screen and (max-width: 1023px) {
.photo[data-v-5cd124c0] {
display: none;
aspect-ratio: 349/240;
order: 1;
}
}
@media only screen and (max-width: 767px) {
.photo[data-v-5cd124c0] {
order: 1;
}
}
.btn[data-v-5cd124c0] {
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
padding: 21px 58px;
background-color: rgba(255, 255, 255, 0.14);
border: 1px solid #B4A498;
border-radius: 12px;
backdrop-filter: blur(2px);
width: fit-content;
color: #B4A498;
font-weight: 600;
font-size: 18px;
line-height: 166%;
letter-spacing: 0.18px;
transition: background-color 0.2s;
text-transform: uppercase;
}
.btn[data-v-5cd124c0]:hover {
background-color: rgba(255, 255, 255, 0.28);
}
@media only screen and (max-width: 1850px) {
.btn[data-v-5cd124c0] {
top: 40px;
right: 40px;
padding: 16px 44px;
font-size: 12px;
height: 46px;
}
}
@media only screen and (max-width: 1430px) {
.btn[data-v-5cd124c0] {
height: 46px;
font-size: 12px;
}
}
@media only screen and (max-width: 1265px) {
.btn[data-v-5cd124c0] {
height: 46px;
font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.btn[data-v-5cd124c0] {
position: static;
order: 3;
align-self: flex-start;
margin-top: 8px;
height: 46px;
}
}
@media only screen and (max-width: 767px) {
.btn[data-v-5cd124c0] {
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.inner[data-v-5cd124c0] {
grid-template-columns: 1fr;
gap: 20px;
}
}
.banners[data-v-68a6f135] {
--sub-banner-aspect: calc(530 / 466);
--height: 466px;
display: grid;
grid-template-columns: 1fr calc(var(--sub-banner-aspect) * var(--height));
grid-template-rows: var(--height);
gap: 23px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1850px) {
.banners[data-v-68a6f135] {
--height: 353px;
gap: 17px;
}
}
@media only screen and (max-width: 1430px) {
.banners[data-v-68a6f135] {
--height: 306px;
gap: 14px;
margin-bottom: 16px;
}
}
@media only screen and (max-width: 1265px) {
.banners[data-v-68a6f135] {
--height: 244px;
gap: 10px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1023px) {
.banners[data-v-68a6f135] {
--height: 180px;
gap: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.banners[data-v-68a6f135] {
grid-template-columns: 1fr;
grid-template-rows: 161px;
margin-bottom: 12px;
}
}
.banners img[data-v-68a6f135] {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner[data-v-68a6f135], .sub-banner[data-v-68a6f135] {
border-radius: 8px;
overflow: hidden;
}
@media only screen and (max-width: 1850px) {
.banner[data-v-68a6f135], .sub-banner[data-v-68a6f135] {
border-radius: 6px;
}
}
@media only screen and (max-width: 1430px) {
.banner[data-v-68a6f135], .sub-banner[data-v-68a6f135] {
border-radius: 5px;
}
}
@media only screen and (max-width: 1265px) {
.banner[data-v-68a6f135], .sub-banner[data-v-68a6f135] {
border-radius: 4px;
}
}
@media only screen and (max-width: 1023px) {
.banner[data-v-68a6f135], .sub-banner[data-v-68a6f135] {
border-radius: 3px;
}
}
@media only screen and (max-width: 767px) {
.banner[data-v-68a6f135], .sub-banner[data-v-68a6f135] {
border-radius: 2px;
}
}
.banner[data-v-68a6f135] {
position: relative;
}
.banner[data-v-68a6f135]::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(63, 56, 56, 0) 12.5%, rgba(24, 22, 22, 0.38) 63.14%);
}
.banner span[data-v-68a6f135] {
position: absolute;
bottom: 53px;
left: 59px;
font-weight: 600;
font-size: 32px;
line-height: 120%;
letter-spacing: 0px;
text-align: center;
text-transform: uppercase;
color: white;
}
@media only screen and (max-width: 1850px) {
.banner span[data-v-68a6f135] {
bottom: 35px;
left: 39px;
font-size: 24px;
}
}
@media only screen and (max-width: 1430px) {
.banner span[data-v-68a6f135] {
bottom: 35px;
left: 39px;
font-size: 20px;
}
}
@media only screen and (max-width: 1265px) {
.banner span[data-v-68a6f135] {
bottom: 27px;
left: 29px;
font-size: 16px;
}
}
@media only screen and (max-width: 1023px) {
.banner span[data-v-68a6f135] {
bottom: 17px;
left: 21px;
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.banner span[data-v-68a6f135] {
bottom: 15px;
left: 20px;
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.sub-banner[data-v-68a6f135] {
display: none;
}
}
.video-reviews-modal[data-v-9331b9fc] {
position: fixed;
inset: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
user-select: none;
}
.bg[data-v-9331b9fc] {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.9);
}
.close[data-v-9331b9fc] {
--size: 30px;
position: absolute;
top: 32px;
right: 48px;
z-index: 4;
width: var(--size);
height: var(--size);
color: white;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.close[data-v-9331b9fc] {
top: 52px;
right: 32px;
}
}
.content[data-v-9331b9fc] {
--width: 484px;
position: relative;
width: var(--width);
height: calc(var(--width) / 9 * 16);
}
@media only screen and (max-width: 1850px) {
.content[data-v-9331b9fc] {
--width: 374px;
}
}
@media only screen and (max-width: 1430px) {
.content[data-v-9331b9fc] {
--width: 297px;
}
}
@media only screen and (max-width: 1265px) {
.content[data-v-9331b9fc] {
--width: 374px;
}
}
@media only screen and (max-width: 767px) {
.content[data-v-9331b9fc] {
width: 100vw;
height: 100%;
}
}
.stories-swiper[data-v-9331b9fc] {
width: 100%;
height: 100%;
overflow: visible;
touch-action: none;
}
.story[data-v-9331b9fc] {
position: relative;
height: 100%;
}
@media only screen and (max-width: 767px) {
.story[data-v-9331b9fc] {
width: 100%;
height: 100vh;
height: 100dvh;
}
}
.story-line[data-v-9331b9fc] {
position: absolute;
top: 15px;
left: 50%;
z-index: 2;
width: 90%;
height: 3px;
overflow: hidden;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.5s;
}
.swiper-slide-active .story-line[data-v-9331b9fc] {
background: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.story-line__fill[data-v-9331b9fc] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #fff;
transition: width 0.5s;
}
.story-line__fill--image[data-v-9331b9fc] {
transition: none;
animation-name: story-line-fill-9331b9fc;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
@keyframes story-line-fill-9331b9fc {
from {
width: 0;
}
to {
width: 100%;
}
}
.story-content[data-v-9331b9fc] {
position: relative;
display: flex;
width: 100%;
height: 100%;
border-radius: 8px;
overflow: hidden;
transform: scale(0.78);
transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
.story-content[data-v-9331b9fc] {
border-radius: 0;
transform: none;
}
}
.swiper-slide-active .story-content[data-v-9331b9fc] {
transform: scale(1);
}
.story-content[data-v-9331b9fc]::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: rgba(0, 0, 0, 0.7);
transition: opacity 0.5s;
}
.swiper-slide-active .story-content[data-v-9331b9fc]::before {
opacity: 0;
pointer-events: none;
}
.story-content__media[data-v-9331b9fc] {
width: 100%;
height: 100%;
object-fit: cover;
}
.story-content > img[data-v-9331b9fc] {
background-color: #f8f7f5;
}
.nav-zone[data-v-9331b9fc] {
position: absolute;
bottom: 0;
z-index: 3;
width: 30%;
height: 90%;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.nav-zone[data-v-9331b9fc] {
background-size: 16px 28px;
background-repeat: no-repeat;
}
}
.nav-zone--prev[data-v-9331b9fc] {
left: 0;
}
@media only screen and (max-width: 767px) {
.nav-zone--prev[data-v-9331b9fc] {
background-position: center left 20%;
background-image: url("/img/swiper-arrow-prev.svg");
}
}
.nav-zone--next[data-v-9331b9fc] {
right: 0;
}
@media only screen and (max-width: 767px) {
.nav-zone--next[data-v-9331b9fc] {
background-position: center right 20%;
background-image: url("/img/swiper-arrow-next.svg");
}
}
.arrow[data-v-9331b9fc] {
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
width: 20%;
height: 30%;
margin: auto 0;
padding: 0;
border: none;
background-color: transparent;
background-repeat: no-repeat;
background-size: 16px 28px;
background-position: center;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s;
}
@media only screen and (min-width: 1265px) {
.arrow[data-v-9331b9fc]:hover {
opacity: 1;
}
}
@media only screen and (max-width: 1265px) {
.arrow[data-v-9331b9fc] {
opacity: 1;
}
}
@media only screen and (max-width: 767px) {
.arrow[data-v-9331b9fc] {
display: none;
}
}
.arrow--prev[data-v-9331b9fc] {
left: -20%;
background-image: url("/img/swiper-arrow-prev.svg");
}
.arrow--next[data-v-9331b9fc] {
right: -20%;
background-image: url("/img/swiper-arrow-next.svg");
}
html:has(.video-reviews-modal),
body:has(.video-reviews-modal) {
overflow: hidden !important;
}
[data-v-c67ca00c] .block-title {
font-family: Inter;
font-weight: 600;
font-size: 36px;
line-height: 118%;
letter-spacing: -0.1px;
color: #6D615A;
}
[data-v-c67ca00c] .block-title .accent {
color: #b4a498;
}
@media only screen and (max-width: 1850px) {
[data-v-c67ca00c] .block-title {
font-size: 30px;
line-height: 36px;
}
}
@media only screen and (max-width: 1430px) {
[data-v-c67ca00c] .block-title {
font-size: 28px;
line-height: 33px;
}
}
@media only screen and (max-width: 767px) {
[data-v-c67ca00c] .block-title {
font-size: 22px;
line-height: 27px;
}
}
.reviews-section[data-v-c67ca00c] {
overflow: hidden;
}
.reviews-swiper[data-v-c67ca00c] {
overflow: visible;
width: 100%;
}
.reviews-scrollbar[data-v-c67ca00c] {
display: none;
}
@media only screen and (max-width: 1265px) {
.reviews-scrollbar[data-v-c67ca00c] {
display: block;
bottom: 2px !important;
height: 2px !important;
}
}
.reviews-arrow[data-v-c67ca00c] {
--size: 56px;
--offset: 20px;
position: absolute;
top: 50%;
z-index: 5;
width: var(--size);
height: var(--size);
border-radius: 50%;
background-color: #fff;
box-shadow: 2px 2px 17px 0 rgba(0, 0, 0, 0.05);
cursor: pointer;
}
@media only screen and (max-width: 1850px) {
.reviews-arrow[data-v-c67ca00c] {
--offset: 44px;
}
}
@media only screen and (max-width: 1430px) {
.reviews-arrow[data-v-c67ca00c] {
--size: 46px;
--offset: -15px;
}
}
@media only screen and (max-width: 1265px) {
.reviews-arrow[data-v-c67ca00c] {
display: none;
}
}
.reviews-arrow svg[data-v-c67ca00c] {
position: absolute;
top: 50%;
left: 50%;
width: calc(var(--size) * 0.22);
height: calc(var(--size) * 0.36);
transform: translate(-40%, -50%);
}
.reviews-arrow.swiper-button-disabled[data-v-c67ca00c] {
opacity: 0;
pointer-events: none;
}
.reviews-prev[data-v-c67ca00c] {
left: var(--offset);
transform: rotate(180deg) translateY(50%);
}
.reviews-next[data-v-c67ca00c] {
right: var(--offset);
transform: translateY(-50%);
}
.review-slide[data-v-c67ca00c] {
display: flex;
flex-direction: column;
gap: 12px;
flex-shrink: 0;
box-sizing: border-box;
width: 350px;
min-width: 200px;
max-width: 350px;
height: auto;
}
@media only screen and (max-width: 1590px) {
.review-slide[data-v-c67ca00c] {
width: 22vw;
}
}
@media only screen and (max-width: 909px) {
.review-slide[data-v-c67ca00c] {
width: 200px;
}
}
.review-media[data-v-c67ca00c] {
position: relative;
display: flex;
overflow: hidden;
width: 100%;
aspect-ratio: 9/16;
border-radius: 8px;
background-color: #f8f7f5;
will-change: transform;
cursor: pointer;
}
.review-media__content[data-v-c67ca00c] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
transition: transform 0.5s;
}
.review-media__play[data-v-c67ca00c] {
position: absolute;
top: 22px;
right: 25px;
}
@media only screen and (max-width: 1430px) {
.review-media__play[data-v-c67ca00c] {
top: 14px;
right: 16px;
width: 28px;
height: 28px;
}
}
@media only screen and (min-width: 1265px) {
.review-media:hover .review-media__content[data-v-c67ca00c] {
transform: scale(1.05);
}
}
.review-product[data-v-c67ca00c] {
display: flex;
align-items: stretch;
gap: 12px;
padding: 16px;
border-radius: 6px;
background-color: #F8F7F5;
text-decoration: none;
}
@media only screen and (max-width: 1265px) {
.review-product[data-v-c67ca00c] {
flex-direction: column;
height: 215px;
}
}
.review-product__preview[data-v-c67ca00c] {
flex: 0 0 87px;
width: 87px;
height: 87px;
border-radius: 6px;
overflow: hidden;
}
.review-product__preview img[data-v-c67ca00c] {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-product__content[data-v-c67ca00c] {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
min-height: 87px;
}
@media only screen and (max-width: 1265px) {
.review-product__content[data-v-c67ca00c] {
justify-content: flex-end;
width: 100%;
min-height: 0;
margin-top: auto;
}
}
.review-product__title[data-v-c67ca00c] {
font-weight: 600;
font-size: 16px;
line-height: 120%;
letter-spacing: 0.25px;
color: #6d615a;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media only screen and (max-width: 1430px) {
.review-product__title[data-v-c67ca00c] {
font-size: 12px;
}
}
@media only screen and (max-width: 1265px) {
.review-product__title[data-v-c67ca00c] {
font-size: 10px;
}
}
.review-product__variation[data-v-c67ca00c] {
margin-top: 4px;
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0.2px;
color: #6d615a;
opacity: 0.7;
}
@media only screen and (max-width: 1430px) {
.review-product__variation[data-v-c67ca00c] {
font-size: 12px;
}
}
@media only screen and (max-width: 1265px) {
.review-product__variation[data-v-c67ca00c] {
font-size: 10px;
}
}
.review-product__price[data-v-c67ca00c] {
display: flex;
align-items: center;
gap: 8px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #6d615a;
white-space: nowrap;
}
@media only screen and (max-width: 1430px) {
.review-product__price[data-v-c67ca00c] {
gap: 6px;
}
}
@media only screen and (max-width: 1265px) {
.review-product__price[data-v-c67ca00c] {
gap: 8px;
font-size: 12px;
line-height: 120%;
}
}
@media only screen and (max-width: 767px) {
.review-product__price[data-v-c67ca00c] {
font-size: 16px;
line-height: 28px;
letter-spacing: 0.15px;
}
}
.review-product__price-current[data-v-c67ca00c]:has(+ .review-product__price-old) {
color: #E7A183;
}
@media only screen and (max-width: 1430px) {
.review-product__price-current[data-v-c67ca00c]:has(+ .review-product__price-old) {
font-size: 14px;
}
}
.review-product__price-old[data-v-c67ca00c] {
font-weight: 500;
font-size: 12px;
color: #b4a498;
text-decoration: line-through;
}
@media only screen and (max-width: 1430px) {
.review-product__price-old[data-v-c67ca00c] {
font-size: 10px;
}
}
@media only screen and (max-width: 767px) {
.review-product__price-old[data-v-c67ca00c] {
font-size: 12px;
}
}
.review-product__arrow[data-v-c67ca00c] {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 31px;
border-radius: 6px;
background-color: #b4a498;
}
.review-product__arrow > img[data-v-c67ca00c] {
height: 11px;
}
@media only screen and (max-width: 767px) {
.review-product__arrow > img[data-v-c67ca00c] {
height: 16px;
}
}
.review-product__bottom[data-v-c67ca00c] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: auto;
}
@media only screen and (max-width: 1430px) {
.review-product__bottom[data-v-c67ca00c] {
gap: 6px;
}
}
[data-v-de46f744] .block-title {
font-family: Inter;
font-weight: 600;
font-size: 36px;
line-height: 118%;
letter-spacing: -0.1px;
color: #6D615A;
}
[data-v-de46f744] .block-title .accent {
color: #b4a498;
}
@media only screen and (max-width: 1850px) {
[data-v-de46f744] .block-title {
font-size: 30px;
line-height: 36px;
}
}
@media only screen and (max-width: 1430px) {
[data-v-de46f744] .block-title {
font-size: 28px;
line-height: 33px;
}
}
@media only screen and (max-width: 767px) {
[data-v-de46f744] .block-title {
font-size: 22px;
line-height: 27px;
}
}
.silk[data-v-de46f744] .block-title {
font-family: "Noto Serif Display";
font-weight: 400;
font-size: 60px;
line-height: 125%;
letter-spacing: 0%;
background: linear-gradient(79.11deg, #6D615A -1.55%, #D3BCAE 88%);
background-clip: text;
color: transparent;
display: flex;
gap: 5px;
}
.silk[data-v-de46f744] .block-title .accent {
color: transparent;
font-style: italic;
}
@media only screen and (max-width: 1850px) {
.silk[data-v-de46f744] .block-title {
font-size: 36px;
}
}
@media only screen and (max-width: 1430px) {
.silk[data-v-de46f744] .block-title {
font-size: 36px;
}
}
@media only screen and (max-width: 1265px) {
.silk[data-v-de46f744] .block-title {
font-size: 28px;
}
}
@media only screen and (max-width: 1023px) {
.silk[data-v-de46f744] .block-title {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.silk[data-v-de46f744] .block-title {
font-size: 26px;
}
}
.sections[data-v-de46f744] {
display: flex;
flex-direction: column;
gap: 120px;
}
@media only screen and (max-width: 1850px) {
.sections[data-v-de46f744] {
margin-top: 60px;
gap: 80px;
}
}
@media only screen and (max-width: 1430px) {
.sections[data-v-de46f744] {
gap: 60px;
}
}
@media only screen and (max-width: 1265px) {
.sections[data-v-de46f744] {
margin-top: 100px;
}
}
@media only screen and (max-width: 1023px) {
.sections[data-v-de46f744] {
margin-top: 60px;
}
}
@media only screen and (max-width: 767px) {
.sections[data-v-de46f744] {
margin-top: 60px;
gap: 40px;
}
}
.updown[data-v-77639f48] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 34px;
color: #22a7f0;
}
.updown .up[data-v-77639f48],
.updown .down[data-v-77639f48] {
cursor: pointer;
width: 14px;
height: 50%;
position: relative;
}
.updown .up.disabled[data-v-77639f48],
.updown .down.disabled[data-v-77639f48] {
pointer-events: none;
opacity: 0.3;
}
.updown .up i[data-v-77639f48] {
position: absolute;
top: 4px;
height: 0;
}
.updown .down i[data-v-77639f48] {
position: absolute;
bottom: 25px;
height: 0;
}
.item[data-v-c271d976] {
display: flex;
align-items: center;
max-width: 320px;
gap: 8px;
}
.catalog-items-select__loader {
padding: 6px 20px;
text-align: center;
color: #999;
}
.vs__dropdown-option--selected {
background: #f0f0f0;
}
.vs__dropdown-option--selected.vs__dropdown-option--highlight {
background: var(--vs-dropdown-option--active-bg, #5897fb);
color: var(--vs-dropdown-option--active-color, #fff);
}
.slide[data-v-2a141c04] {
display: flex;
gap: 16px;
align-items: stretch;
padding: 15px;
margin-bottom: 10px;
}
.fields[data-v-2a141c04] {
flex: 1;
min-width: 0;
}
.actions[data-v-2a141c04] {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 15px;
border-left: 1px solid #f1f1f1;
}
.images[data-v-2a141c04] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 0 16px;
}
.image-field[data-v-2a141c04] {
display: flex;
flex-direction: column;
gap: 8px;
}
.image-field .preview[data-v-2a141c04] {
display: flex;
align-items: flex-start;
gap: 8px;
}
.image-field img[data-v-2a141c04] {
object-fit: contain;
object-position: left;
width: auto;
max-width: 100%;
height: 120px;
}
.image-field .btn[data-v-2a141c04] {
margin: 0;
}
.detail[data-v-0b6f5a6c] {
padding: 15px;
max-width: 900px;
display: flex;
gap: 16px;
align-items: stretch;
}
.actions[data-v-0b6f5a6c] {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 15px;
border-left: 1px solid #f1f1f1;
}
.text-fields[data-v-0b6f5a6c],
.image-field[data-v-0b6f5a6c] {
flex: 1;
}
.image-field[data-v-0b6f5a6c] {
display: flex;
flex-direction: column;
gap: 8px;
}
.image-field img[data-v-0b6f5a6c] {
object-fit: cover;
width: auto;
height: 200px;
}
.image-field img[data-v-1a15250f] {
object-fit: cover;
width: auto;
height: 200px;
margin-bottom: 8px;
}
.image-field img.big[data-v-1a15250f] {
aspect-ratio: 1256/466;
}
.image-field img.small[data-v-1a15250f] {
aspect-ratio: 530/466;
}
.review[data-v-7bd42103] {
display: flex;
gap: 16px;
align-items: stretch;
padding: 15px;
margin-bottom: 10px;
}
.media[data-v-7bd42103] {
flex: 0 0 auto;
width: 135px;
height: 240px;
border-radius: 6px;
overflow: hidden;
background-color: #f8f7f5;
}
.media video[data-v-7bd42103],
.media img[data-v-7bd42103] {
width: 100%;
height: 100%;
object-fit: cover;
}
.media-empty[data-v-7bd42103] {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: #999;
}
.fields[data-v-7bd42103] {
flex: 1;
min-width: 0;
}
.actions[data-v-7bd42103] {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 15px;
border-left: 1px solid #f1f1f1;
}
.image-field img[data-v-0d6a008f] {
object-fit: cover;
width: auto;
height: 200px;
margin-bottom: 8px;
}
.image-field img.desktop[data-v-0d6a008f] {
aspect-ratio: 1836/437;
}
.image-field img.mobile[data-v-0d6a008f] {
aspect-ratio: 350/547;
}
.image-field .preview[data-v-0d6a008f] {
display: flex;
align-items: flex-start;
gap: 8px;
}
.image-field .btn[data-v-0d6a008f] {
margin: 0;
}
.image-field img[data-v-78fa654f] {
object-fit: cover;
width: auto;
height: 200px;
margin-bottom: 8px;
aspect-ratio: 771/1147;
}
.image-field .preview[data-v-78fa654f] {
display: flex;
align-items: flex-start;
gap: 8px;
}
.image-field .btn[data-v-78fa654f] {
margin: 0;
}
h2[data-v-4ad77918] {
position: relative;
cursor: pointer;
margin: 0;
}
h2.open[data-v-4ad77918]::after {
content: "\e047";
}
h2[data-v-4ad77918]::after {
content: "\e038";
font-family: Voyager;
position: absolute;
right: 1em;
}
.name-container[data-v-4ad77918] {
flex: 1;
}
.rename[data-v-4ad77918] {
margin-left: 0.25em;
font-size: 0.7em;
vertical-align: middle;
color: #999;
cursor: pointer;
}
.rename[data-v-4ad77918]:hover {
color: #22a7f0;
}
.block-header[data-v-4ad77918] {
display: flex;
align-items: center;
justify-content: space-between;
}
.block-header.open[data-v-4ad77918] {
margin-bottom: 1em;
}
.block-header .drag-handle[data-v-4ad77918] {
cursor: grab;
height: 100%;
padding-right: 1em;
}
.block-header .drag-handle h3[data-v-4ad77918] {
margin: 0;
}
.actions[data-v-4ad77918] {
display: flex;
justify-content: flex-end;
gap: 4px;
}
.name-editing[data-v-4ad77918] {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
}
.name-editing .form-control[data-v-4ad77918] {
max-width: 480px;
}
.name-hint[data-v-4ad77918] {
margin-top: -0.5em;
margin-bottom: 1em;
color: #999;
}
.blocks[data-v-6b8a7bfe] {
display: flex;
flex-direction: column;
}
.block.dragging[data-v-6b8a7bfe] {
opacity: 0.5;
}
.block.drop-before[data-v-6b8a7bfe], .block.drop-after[data-v-6b8a7bfe] {
z-index: 1;
}
.block.drop-before[data-v-6b8a7bfe] {
box-shadow: 0 -3px 0 #22a7f0;
}
.block.drop-after[data-v-6b8a7bfe] {
box-shadow: 0 3px 0 #22a7f0;
}