/* LEVIN */

:root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-24: 1.25vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-48: 2.5vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-100: 5.208vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-160: 8.333vw; --gap-180: 9.375vw; --gap-200: 10.417vw; --gap-240: 12.5vw; --fs-10: 0.521vw; --fs-12: 0.625vw; --fs-14: 0.729vw; --fs-16: 0.833vw; --fs-18: 0.938vw; --fs-20: 1.042vw; --fs-24: 1.25vw; --fs-30: 1.563vw; --fs-36: 1.875vw; --fs-48: 2.5vw; --fs-64: 3.333vw; --fs-170: 8.854vw; --black: #1B1A19; --lblack: #3F3B38; --gray: #B8B8B8; --lgray: #E2E1DF; --white: #fff; --font-1: 'Alef-Regular'; --font-2: 'alef-bold'; --font-3: 'LibreBaskerville-Regular'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; background: var(--white); transition: 0.3s opacity ease; font-family: var(--font-1) !important; line-height: 1; font-size: 2rem; zoom: 1 !important; position: relative; }
body:has(#SiteContainer.shown) { opacity: 1; }
body, body.modal-open { padding: 0 !important; overflow: clip !important; }
.modal { z-index: 10000; }
.modal-backdrop.in { opacity: 0.5; }
.gallery-cubes-modal { padding: 0 !important; }
.gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; }
.gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; }
.gallery-cubes-modal .flexslider a.flex-next:before,
.gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
#pageview :is(#text1, #text2) > h2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--font-2); color: var(--black); line-height: 0.9; }
.grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
:is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span,
.section-topText :is(p, li), #catalogText :is(p, li) { font-size: clamp(1.2rem, var(--fs-18), 1000rem); position: relative; line-height: 1.4; color: var(--black); letter-spacing: 0.54px; }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; }
#SiteGrid { overflow-x: clip; }
#SiteGridContainer { position: unset; }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#allSectionsWrapper { z-index: 1; }
.sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: var(--app-width); width: 100%; }
.grid-rows .grid-row { background: inherit; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container,
.grid-short-box-image .image-container { position: relative; height: 100%; }
.grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; }
.grid-boxes { display: flex; margin: 0; width: 100%; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#text1 p:last-child { margin: 0; }
#GridPage { padding: 0; }
#main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width,
.max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; }
.grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; }
.grid-text p { margin-top: 0; }
b, strong { font-weight: unset; font-family: var(--font-2); }
a:hover, a:focus { color: inherit; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.box-image-animation { outline: unset !important; }
.box-image-animation:hover img { transform: none !important; }
.box-image-animation img { object-fit: cover; }
#GridPromo { width: 100%; margin: 0; padding: 0; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.catalogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
#GridTop.noTopImage, .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after,
.grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after,
.gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before,
.clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before,
.container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after,
.form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after,
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after,
.pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after,
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before,
.container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before,
.btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after,
.panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; }

#GridTop.noTopImage.longer { height: 0; overflow: hidden; }

#PageBreadCrumps, .lobby-grid #PageBreadCrumps { color: var(--lgray); font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.4; letter-spacing: 0.54px; padding: var(--gap-16) var(--gap-40) var(--gap-160); margin: 0; max-width: unset; display: inline-flex; flex-wrap: wrap; width: 100%; justify-content: center; }
#PageBreadCrumps span { display: inline-flex; }
#PageBreadCrumps span:last-child { color: var(--black); }
#PageBreadCrumps span::after { margin: 0 5px; content: "/"; }
#PageBreadCrumps span a:hover { color: inherit; }

.categories-strip { background: transparent; }
.categories-strip .mobile-strip { display: none; }
.categories-strip ul.hidden-xs { display: flex !important; gap: var(--gap-16); flex-wrap: wrap; justify-content: center; }
.categories-strip ul.hidden-xs li { background: transparent; padding: 0; display: inline-flex; scroll-snap-align: center; }
.categories-strip ul.hidden-xs li:first-child { display: none; }
.categories-strip ul.hidden-xs li a { color: var(--black); padding: var(--gap-14) var(--gap-32); font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.5px; white-space: nowrap; transition: 0.3s all ease; text-decoration: unset; position: relative; line-height: 1.3; border: 1px solid var(--black); font-family: var(--font-2); min-width: var(--gap-180); }
.categories-strip ul.hidden-xs li.active a { background: var(--black); color: var(--white); }

@media(min-width: 1025px) {
    #SiteGridContainer { min-height: 42vw; }
    #BlogModule { overflow: visible; }

    body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; }

    .categories-strip ul.hidden-xs li:is(:hover, :focus) a { background: var(--black); color: var(--white); }
}

@media(max-width: 1024px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-62: 62px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-10: 10px; --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-28: 28px; --fs-32: 32px; --fs-40: 40px; --fs-48: 48px; --fs-56: 56px; --fs-80: 80px; }

    #SiteGrid { padding-top: var(--headerHeight); }

    .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
    :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li),
    :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: var(--fs-16); letter-spacing: 0.48px; }

    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-14); padding: var(--gap-4) var(--gap-16) var(--gap-40); }

    .categories-strip ul.hidden-xs { gap: var(--gap-8); flex-wrap: nowrap; overflow-x: auto; }
    .categories-strip ul.hidden-xs li a { font-size: var(--fs-16); padding: var(--gap-14) var(--gap-24); min-width: unset; }
}


/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#main-header, #main-header.bg { background: transparent; }
#main-header .header-container .header-left .logoHeader img { mix-blend-mode: difference; width: var(--gap-140); }
#main-header .header-container .header-right ul#menu { flex-direction: column; gap: var(--gap-4); list-style: none; }
#main-header .header-container .header-right ul#menu > li { font-size: clamp(1.2rem, var(--fs-18), 1000rem); font-family: var(--font-2); color: var(--black); transition: 0.3s all ease; text-decoration: unset; padding: var(--gap-6); background: var(--white); }
#main-header .header-container .header-right ul#menu > li.social-mobile { display: none; }
#main-header .header-container .header-right ul#menu > li > a { position: relative; display: flex; align-items: center; justify-content: center; }
#main-header .header-container .header-right ul#menu > li > a::before { content: ''; position: absolute; inset-inline-start: 0; top: 100%; width: calc(100% - var(--gap-20)); height: 1px; background: var( --black); transition: 0.3s all ease; opacity: 0; }
#main-header .header-container .header-right ul#menu > li > a::after { content: ''; display: inline-block; width: 0; height: var( --gap-12); transition: 0.3s all ease; background-repeat: no-repeat; background-position: center; background-image: url( /warehouse/dynamic/645108.svg); opacity: 0; }
#main-header .header-container .header-right ul#menu > li.active > a::before { opacity: 1; }
#main-header .header-container .header-right ul#menu > li.active > a::after { opacity: 1; margin-inline-start: var(--gap-8); width: var(--gap-12); }

#main-header .header-container .header-right .header-shop-icons { gap: var(--gap-12); }
#main-header .header-container .header-right .header-shop-icons .navShopBtn { background-repeat: no-repeat; background-position: center; background-size: contain; transition: 0.25s all ease; }
#main-header .header-container .header-right .header-shop-icons .navShopBtn svg { opacity: 0; width: var(--gap-20); }
#main-header .header-container .header-right .header-shop-icons .userBtn { background-image: url(/warehouse/dynamic/685235.svg); order: 1; }
#main-header .header-container .header-right .header-shop-icons .wishlistBtn { background-image: url(/warehouse/dynamic/685234.svg); }
#main-header .header-container .header-right .header-shop-icons .cartBtn { background-image: url(/warehouse/dynamic/685233.svg); }
#main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter { right: unset; left: unset; inset-inline-end: var(--gap-12); bottom: unset; top: -0.5vw; width: var(--gap-20); height: auto; aspect-ratio: 1; background: var(--black); color: var(--white); }
#main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter span.CartItems { font-size: var(--fs-12); left: 50%; }
#main-header .header-container .header-right .header-shop-icons :is(.navShopBtn, .navShopBtn a, .navShopBtn button) { padding: 0; }

#SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 1000; opacity: 0; pointer-events: none; }

@media(min-width:1025px) {
    body:has(.menu-sub.open) #SiteContainer::before { opacity: 0.165; }

    #main-header .header-container .header-left { position: fixed; z-index: 9999; inset-inline-end: var(--gap-16); top: var(--gap-16); }
    #main-header .header-container .header-right { position: fixed; z-index: 9999; top: var(--gap-16); height: max-content; flex-direction: column; align-items: flex-start; inset-inline-start: var(--gap-16); }
    #main-header .header-container .header-right .header-right-content { padding: var(--gap-6) var(--gap-6) var(--gap-12); }
    #main-header .header-container .header-right ul#menu > li:is(:hover, :focus) > a::before { opacity: 1; }
    #main-header .header-container .header-right ul#menu > li:is(:hover, :focus) > a::after { opacity: 1; margin-inline-start: var(--gap-8); width: var(--gap-12); }
}

@media(max-width: 1024px) {
    #main-header .header-container { padding: var(--gap-12) var(--gap-14); background: var(--white); }
    #main-header .header-container .header-left { z-index: 1000; }
    #main-header .header-container .header-left .logoHeader img { width: var(--gap-90); mix-blend-mode: unset; }
    #main-header .header-container .header-right { gap: var(--gap-24); }
    #main-header .header-container .header-right ul#menu { height: max-content; gap: var(--gap-24); padding: calc(var(--headerHeight) + var(--gap-56)) var(--gap-14) var(--gap-56); }
    #main-header .header-container .header-right ul#menu > li { font-size: var(--fs-18); padding: 0; width: max-content; }
}


/*------------------------------------------/*
 FORM
/*------------------------------------------*/
.form-container-wide:has(#DynamicFormObject) { margin: 0 auto; padding: 0; display: flex; flex-direction: row-reverse; }
.form-container-wide:has(#DynamicFormObject) .gridFormImgContainer img { height: 100%; object-fit: cover; }
.form-container-wide #DynamicFormObject { max-width: 100% !important; display: flex; width: 100%; justify-content: space-between; padding: 0 var(--gap-160) var(--gap-160); background: var(--white); margin: 0 auto; border: unset; gap: var(--gap-64); }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: max-content; font-size: 100%; text-align: start; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(1.2rem, var(--fs-48), 1000rem); margin-bottom: var(--gap-32); text-align: start; letter-spacing: 0.48px; line-height: 0.9; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .top-form { display: inline-block !important; margin: 0; font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--black); letter-spacing: 0.54px; line-height: 1.4; max-width: 19vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .contact-page .form-container-wide #DynamicFormObject .top-form { padding: 0; margin: 0; width: 100%; max-width: 42vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: var(--gap-10) var(--gap-20); display: grid; grid-template-columns: repeat(2, 1fr); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { width: 100%; max-width: 100%; padding: 0 var(--gap-10) var(--gap-10); box-shadow: none; border-radius: 0; border: unset !important; border-bottom: 1px solid var(--black) !important; margin: 0; font-size: clamp(1.3rem, var(--fs-18), 1000rem); letter-spacing: 0.54px; color: var(--black); height: var(--gap-36); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea)::placeholder { color: #585756E5 !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField textarea { height: var(--gap-90) !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { grid-column: 1 / -1; display: flex; gap: var(--gap-10); margin: var(--gap-10) 0 0; align-items: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; height: var(--gap-16); width: var(--gap-16); accent-color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(1rem, var(--fs-16), 1000rem); color: var(--black); font-weight: unset; text-align: start; letter-spacing: 0.48px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: unset; inset-inline-end: var(--gap-18); top: 50%; content: "\f107"; font-size: clamp(1.2rem, var(--fs-18), 1000rem); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { inset-inline-start: 0; top: var(--gap-6); font-size: var(--fs-16); color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField span.error { font-size: clamp(1rem, var(--fs-14), 1000rem); left: unset; inset-inline-end: 0; top: 50%; transform: translateY(-50%); font-weight: unset; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; grid-column: 1 / -1; margin-top: var(--gap-10); text-align: start; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { background-color: var(--white); height: var(--gap-48); display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; min-width: var(--gap-180); letter-spacing: 0.54px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: 2px solid var(--black); color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit .spinner { color: var(--white); }

@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button::after { content: ''; height: var(--gap-12); transition: 0.3s all ease; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/645108.svg); width: 0; filter: invert(1); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) { background: var(--black) !important; color: var(--white) !important; border-color: var(--black) !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus)::after { margin-inline-start: var(--gap-8); width: var(--gap-12); }
}

@media(max-width: 1024px) {
    .form-container-wide:has(#DynamicFormObject) { flex-direction: column-reverse; }
    .form-container-wide:has(#DynamicFormObject) .gridFormImgContainer img { height: auto; aspect-ratio: 3.75/4.38; }
    .form-container-wide #DynamicFormObject { width: 100%; border: unset; max-width: 100% !important; padding: 0 var(--gap-16) var(--gap-64); min-height: auto; flex-direction: column; gap: var(--gap-32); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-28); letter-spacing: 0.28px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .top-form { font-size: var(--fs-16); max-width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .contact-page .form-container-wide #DynamicFormObject .top-form { width: 100%; max-width: unset; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { grid-template-columns: repeat(1, 1fr); gap: var(--gap-20); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { font-size: var(--fs-16) !important; height: var(--gap-36); padding: var(--gap-8); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { margin: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: var(--fs-14); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { font-size: 100%; inset-inline-end: var(--gap-8); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { font-size: var(--fs-12); top: var(--gap-12); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField span.error { inset-inline-end: var(--gap-8); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: auto; font-size: var(--fs-16); min-width: var(--gap-140); padding: var(--gap-16) var(--gap-32); width: 100%; border-width: 1px; }
}


/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
:is(div, #LobbyModule) .section.hero-products-sec { padding: 0 0 var(--gap-160); }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox { width: 100%; padding: 0 var(--gap-160); opacity: 0 !important; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox.swiper-slide-active { opacity: 1 !important; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner { height: 100svh; gap: var(--gap-100); display: flex; flex-direction: row; justify-content: center; align-items: center; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-title-wrapper { display: flex; flex-direction: column; justify-content: center; width: 29%; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner h2.itemTitle { margin-bottom: var(--gap-12); font-size: clamp(2rem, var(--fs-64), 1000rem); letter-spacing: -0.64px; line-height: 0.9; color: var(--black); }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner h3.item-subtitle { margin: 0; font-size: clamp(1.2rem, var(--fs-20), 1000rem); letter-spacing: 0.6px; line-height: 1.4; color: var(--black); }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-box-image-container { height: 100%; width: 42%; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-box-image-container * { height: 100%; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-box-image-container .productLabel.wishlist { display: none; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content { margin: 0; display: flex; justify-content: center; width: 29%; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top { gap: var(--gap-40); }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top h4.item-subtitle.item-subtitle-custom { font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.54px; line-height: 1.4; gap: 0; color: var(--black); }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top h4.item-subtitle.item-subtitle-custom p.is-empty { display: none; }
:is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-add-to-cart #addToCartBtn { margin: 0; font-family: var(--font-2); height: var(--gap-48); border-radius: 0; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; min-width: var(--gap-180); width: max-content; padding: 0 var(--gap-32); letter-spacing: unset; align-items: center; justify-content: center; border: 2px solid; background: transparent; color: inherit; }
:is(div, #LobbyModule) .section.hero-products-sec .swiper-buttons { display: flex; gap: var(--gap-12); position: absolute; bottom: var(--gap-56); inset-inline-end: 27%; transform: translateX(-50%); z-index: 10; }
:is(div, #LobbyModule) .section.hero-products-sec .swiper-buttons .swiper-button { right: unset; position: relative; margin: 0; left: unset; top: 0; transform: scaleX(-1); background-color: transparent; border-radius: 50%; background-image: url(/warehouse/dynamic/645102.svg); background-repeat: no-repeat; background-position: center; border: none; width: var(--gap-40); height: auto; aspect-ratio: 1; overflow: hidden; transition: 0.3s all ease; background-size: var(--gap-24); }
:is(div, #LobbyModule) .section.hero-products-sec .swiper-buttons .swiper-button-next { transform: unset; }
:is(div, #LobbyModule) .section.hero-products-sec .swiper-buttons .swiper-button::after { display: none; }

:is(div, #LobbyModule) .section.big-title-sec { margin-bottom: var(--gap-160); padding: 0 var(--gap-16); }
:is(div, #LobbyModule) .section.big-title-sec .section-title { }
:is(div, #LobbyModule) .section.big-title-sec .section-title :is(h1, h2) { margin-bottom: var(--gap-160); font-family: var(--font-3); font-size: clamp(2rem, var(--fs-170), 1000rem); letter-spacing: -3.5px; }
:is(div, #LobbyModule) .section.big-title-sec .grid-text-content { margin: 0 auto; max-width: 30.5vw; }
:is(div, #LobbyModule) .section.big-title-sec .grid-text-content h2 { font-size: clamp(1.2rem, var(--fs-48), 1000rem); margin-bottom: var(--gap-48); letter-spacing: 0.48px; line-height: 0.9; }

:is(div, #LobbyModule) .section.grid-row-sec { border-block: 1px solid var(--black); margin-bottom: var(--gap-160); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { display: flex !important; align-items: center; justify-content: space-between; padding: 0; }
body:not(.home-page) :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row:nth-child(even) { background: var(--black); color: var(--white); }
body.home-page :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { background: var(--black); color: var(--white); direction: rtl !important; }
body.home-page :is(div, #LobbyModule) .section.grid-row-sec .swiper-pagination { display: flex; gap: var(--gap-12); bottom: var(--gap-56); z-index: 100; left: unset; top: unset; width: max-content; inset-inline-end: var(--gap-56); }
body.home-page :is(div, #LobbyModule) .section.grid-row-sec .swiper-pagination .swiper-pagination-bullet { margin: 0; height: var(--gap-4); width: var(--gap-40); border-radius: unset; background: var(--white); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 50%; height: 100svh; overflow: hidden; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides,
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides * { height: 100%; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging { display: flex; justify-content: center; align-items: center; bottom: var(--gap-20); gap: 8px; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging li { margin: 0; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging li a { width: var(--gap-8); height: var(--gap-8); background: var(--white); transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging li a.flex-active { background: var(--black); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 50%; display: grid !important; align-items: center; padding-block: var(--gap-56); height: 100svh; overflow-y: auto; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding: 0; margin: 0 auto; text-align: start; width: 24vw; position: unset; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { margin: 0 auto var(--gap-48); font-size: clamp(1.2rem, var(--fs-48), 1000rem); width: 100%; letter-spacing: 0.48px; line-height: 0.9; color: inherit; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2:has(+ h3) { margin: 0 auto var(--gap-24); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { margin: 0 auto var(--gap-48); font-family: var(--font-2); font-size: clamp(1.2rem, var(--fs-20), 1000rem); line-height: 1.4; letter-spacing: 0.6px; color: inherit; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(p, li) { color: inherit; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol):has(+ p:not(.is-empty), + ul, + ol),
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(p:not(.is-empty), ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-24); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { margin: var(--gap-48) 0 0; font-family: var(--font-2); height: var(--gap-48); border-radius: 0; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; min-width: var(--gap-180); padding: 0 var(--gap-32); align-items: center; justify-content: center; border: 2px solid; color: inherit; }

:is(div, #LobbyModule) .section.products-sec { margin-bottom: var(--gap-160); }
:is(div, #LobbyModule) .section.products-sec .section-title { margin: 0 auto var(--gap-48); max-width: 31vw; display: flex; flex-direction: column; gap: var(--gap-48); }
:is(div, #LobbyModule) .section.products-sec .section-title h2 { font-size: clamp(1.2rem, var(--fs-48), 1000rem); letter-spacing: 0.48px; line-height: 0.9; }
:is(div, #LobbyModule) .section.products-sec .section-title h3 { margin: 0; font-size: clamp(1.2rem, var(--fs-18), 1000rem); position: relative; line-height: 1.4; color: var(--black); letter-spacing: 0.54px; }

:is(div, #LobbyModule) .section.team-sec .section-title { position: relative; }
:is(div, #LobbyModule) .section.team-sec .section-title h2 { font-size: clamp(2rem, var(--fs-48), 1000rem); letter-spacing: 0.48px; padding: var(--gap-32) var(--gap-20); border-block: 1px solid var(--black); }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box { max-width: 28.5vw; min-width: 28.5vw; padding: var(--gap-40); border-inline-end: 1px solid var(--black); pointer-events: none; height: 100%; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-image img { aspect-ratio: 4.7/4.93; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(1.2rem, var(--fs-30), 1000rem); letter-spacing: 0.3px; font-family: var(--font-2); margin: var(--gap-40) auto 0; line-height: 0.9; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.54px; margin-top: var(--gap-8); line-height: 1.4; }

@media(min-width: 1025px) {
    :is(div, #LobbyModule) .section.grid-row-sec { border-block: 1px solid var(--black); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button::after { content: ''; height: var(--gap-12); transition: 0.3s all ease; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/645108.svg); width: 0; filter: invert(1); }
    body:not(.home-page) :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row:nth-child(even) .grid-row-cell-text .grid-row-text a.grid-row-button::after,
    body.home-page :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button::after { filter: unset; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button:is(:hover, :focus) { background: var(--black) !important; color: var(--white) !important; border-color: var(--black) !important; }
    body:not(.home-page) :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row:nth-child(even) .grid-row-cell-text .grid-row-text a.grid-row-button:is(:hover, :focus) { background: var(--white) !important; color: var(--black) !important; border-color: var(--white) !important; }
    body.home-page :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button:is(:hover, :focus) { background: var(--white) !important; color: var(--black) !important; border-color: var(--white) !important; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button:is(:hover, :focus)::after { margin-inline-start: var(--gap-8); width: var(--gap-12); }

    :is(div, #LobbyModule) .section.products-sec .grid-boxes .grid-boxes-wrapper { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); }
    :is(div, #LobbyModule) .section.products-sec .grid-boxes .grid-boxes-wrapper:not(:has(.catalogItemBox:nth-child(3))) { border-inline-start: 1px solid var(--black); margin: 0 auto; width: max-content; display: flex; justify-content: center; }

    :is(div, #LobbyModule) .section.team-sec .swiper-button { position: absolute; margin: 0; top: 50%; left: unset; inset-inline-start: var(--gap-20); transform: translateY(-50%) scale(-1); background-color: var(--white); background-image: url(/warehouse/dynamic/645102.svg); background-repeat: no-repeat; background-position: center; width: var(--gap-48); height: var(--gap-48); border-radius: 50%; overflow: hidden; border: 1px solid var(--black); transition: 0.3s all ease; background-size: var(--gap-20); }
    :is(div, #LobbyModule) .section.team-sec .swiper-button-next { inset-inline-end: var(--gap-20); transform: translateY(-50%); inset-inline-start: unset; }
    :is(div, #LobbyModule) .section.team-sec .swiper-button::after { display: none; }
    :is(div, #LobbyModule) .section.team-sec .swiper-button:hover { filter: invert(1); }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes:not(:has(.grid-box:nth-child(4))) { justify-content: center; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box:first-child { border-inline-start: 1px solid var(--black); }
}

@media(max-width: 1024px) {
    :is(div, #LobbyModule) .section.hero-products-sec { padding: 0 0 var(--gap-64); }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox { padding: 0 var(--gap-16); }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner { gap: var(--gap-32); flex-direction: column; height: auto; }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-box-image-container { width: auto; height: 100vw; aspect-ratio: 2.25/3.7; }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner h2.itemTitle { font-size: var(--fs-32); letter-spacing: -0.32px; }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner h3.item-subtitle { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content { width: 100%; text-align: center; }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top h4.item-subtitle.item-subtitle-custom { display: none; }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top { gap: 0; }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-add-to-cart { text-align: center; }
    :is(div, #LobbyModule) .section.hero-products-sec .grid-boxes-wrapper .catalogItemBox .catalogItemBoxInner .item-add-to-cart #addToCartBtn { height: auto; min-width: var(--gap-140); padding: var(--gap-16) var(--gap-32); font-size: var(--fs-16); border-width: 1px; width: 100%; }
    :is(div, #LobbyModule) .section.hero-products-sec .swiper-buttons { display: none; }

    :is(div, #LobbyModule) .section.big-title-sec { margin-bottom: var(--gap-64); }
    :is(div, #LobbyModule) .section.big-title-sec .section-title :is(h1, h2) { margin-bottom: var(--gap-64); font-size: var(--fs-48); letter-spacing: -0.98px; line-height: 1; }
    :is(div, #LobbyModule) .section.big-title-sec .grid-text-content { max-width: unset; }
    :is(div, #LobbyModule) .section.big-title-sec .grid-text-content h2 { margin-bottom: var(--gap-28); font-size: var(--fs-32); letter-spacing: 0.28px; }

    body.home-page :is(div, #LobbyModule) .section.grid-row-sec .swiper-pagination { bottom: unset; top: calc(100vw - var(--gap-20)); inset-inline-end: 50%; transform: translate(-50%); }

    :is(div, #LobbyModule) .section.grid-row-sec { margin-bottom: var(--gap-64); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { flex-direction: column; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 100%; height: auto; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides * { height: auto; aspect-ratio: 1; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { object-fit: cover; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging { bottom: var(--gap-10); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 100%; height: auto; padding: var(--gap-64) var(--gap-16); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; text-align: center; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: var(--fs-28); margin-bottom: var(--gap-32); letter-spacing: 0.28px; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { margin: var(--gap-16) auto var(--gap-12); font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p.is-empty + :is(ul,ol) { margin-top: var(--gap-24); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol):has(+ p:not(.is-empty), + ul, + ol),
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(p:not(.is-empty), ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-24); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { border-width: 1px; margin-top: var(--gap-32); font-size: var(--fs-16); height: auto; padding: var(--gap-16) var(--gap-32); min-width: var(--gap-140); }

    :is(div, #LobbyModule) .section.products-sec { margin-bottom: var(--gap-64); }
    :is(div, #LobbyModule) .section.products-sec .section-title { max-width: unset; margin: 0 auto var(--gap-32); gap: var(--gap-32); padding: 0 var(--gap-16); }
    :is(div, #LobbyModule) .section.products-sec .section-title h2 { font-size: var(--fs-28); letter-spacing: 0.28px; }
    :is(div, #LobbyModule) .section.products-sec .section-title h3 { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.products-sec .grid-boxes-wrapper { border-top: 1px solid var(--black); width: 100%; display: grid; grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; }

    :is(div, #LobbyModule) .section.team-sec .section-title h2 { font-size: var(--fs-28); letter-spacing: 0.28px; padding: var(--gap-20); }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes { width: 100%; display: grid; grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box { max-width: 80vw; min-width: 80vw; scroll-snap-align: center; padding: var(--gap-32); }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-image img { aspect-ratio: 2.36/2.47; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: var(--fs-16); letter-spacing: 0.48px; margin: var(--gap-24) auto 0; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: var(--fs-16); letter-spacing: 0.48px; }
}


/*------------------------------------------/*
 PAGES WITH LOBBYVIEW
/*------------------------------------------*/
:is(#lobbyview, #pageview) { margin: 0; display: flex; text-wrap: pretty; justify-items: center; position: relative; flex-direction: column; align-items: center; }
:is(#lobbyview, #pageview) .MainContent { width: 100%; }
:is(#lobbyview, #pageview) #headline { font-size: 100%; margin: 0 auto var(--gap-160); position: relative; }
:is(#lobbyview, #pageview) #headline:has(+ h2, + #subheadline ) { margin-bottom: var(--gap-24); }
:is(#lobbyview, #pageview) #headline:has( + .lobbyTextContainer, + .categories-strip, + #text1 ) { margin-bottom: var(--gap-48); }
:is(#lobbyview, #pageview) #headline h1 { font-size: clamp(2rem, var(--fs-64), 1000rem); letter-spacing: -0.64px; }
:is(#lobbyview, #pageview) > h2,
:is(#lobbyview, #pageview) #subheadline h2 { text-align: center; font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0 auto var(--gap-160); letter-spacing: 0.36px; }
:is(#lobbyview, #pageview) > h2:has(+ .lobbyTextContainer, + .categories-strip),
:is(#lobbyview, #pageview) #subheadline h2:has(+ .lobbyTextContainer, + .categories-strip) { margin-bottom: var(--gap-48); }
:is(#lobbyview, #pageview) .lobbyTextContainer { margin: 0 auto var(--gap-160); }
:is(#lobbyview, #pageview) .lobbyTextContainer:has( + .categories-strip) { margin-bottom: var(--gap-48); }
:is(#lobbyview, #pageview) .lobbyTextContainer #lobbyText { max-width: 32vw; }
:is(#lobbyview, #pageview) .categories-strip { margin: 0 auto var(--gap-160); }

@media(min-width: 1025px) {
    :is(#lobbyview, #pageview) { padding-inline: var(--gap-20); }
}

@media(max-width: 1024px) {
    :is(#lobbyview, #pageview) > *:not(.categories-strip) { padding-inline: 0; width: calc(100% - var(--gap-32)); }
    :is(#lobbyview, #pageview) #headline { margin: 0 auto var(--gap-64); }
    :is(#lobbyview, #pageview) #headline:has(+ h2, + #subheadline ) { margin-bottom: var(--gap-16); }
    :is(#lobbyview, #pageview) #headline:has( + .lobbyTextContainer, + .categories-strip, + #text1 ) { margin-bottom: var(--gap-32); }
    :is(#lobbyview, #pageview) #headline h1 { font-size: var(--fs-32); letter-spacing: 0.32px; }
    :is(#lobbyview, #pageview) > h2,
    :is(#lobbyview, #pageview) #subheadline h2 { font-size: var(--fs-16); margin: 0 auto var(--gap-64); letter-spacing: 0.48px; line-height: 1.4; }
    :is(#lobbyview, #pageview) > h2:has(+ .lobbyTextContainer, + .categories-strip),
    :is(#lobbyview, #pageview) #subheadline h2:has(+ .lobbyTextContainer, + .categories-strip) { margin-bottom: var(--gap-32); }
    :is(#lobbyview, #pageview) .lobbyTextContainer { margin: 0 auto var(--gap-64); }
    :is(#lobbyview, #pageview) .lobbyTextContainer:has( + .categories-strip) { margin-bottom: var(--gap-32); }
    :is(#lobbyview, #pageview) .lobbyTextContainer #lobbyText { max-width: unset; }
    :is(#lobbyview, #pageview) .categories-strip { margin: 0 auto var(--gap-64); }
}


/*------------------------------------------/*
 CONTACT PAGE
/*------------------------------------------*/
body.contact-page #SiteGrid { display: flex; }
.contact-page #SiteGrid #GridBottom { display: none; }
.contact-page #SiteGrid #GridPage { width: 50%; display: flex; align-items: center; }
.contact-page #GridWrapInner { direction: rtl; width: 100%; margin: 0 auto; display: grid; padding: var(--gap-140) 0; }
.contact-page #GridWrapInner #headline { text-align: start; font-size: 100%; width: 100%; }
.contact-page #GridWrapInner #text1 { max-width: unset; display: flex; padding: 0 var(--gap-180) var(--gap-48); text-align: start; gap: var(--gap-20); }
.contact-page #GridWrapInner #text1 * { width: max-content; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.contact-page .form-container-wide #DynamicFormObject .top-form { display: none; }

@media(min-width: 1025px) {
    .contact-page #SiteGrid #GridPage #PageBreadCrumps { padding-bottom: 0; }
    .contact-page #SiteGrid #GridTop { width: 50%; height: var(--app-height); position: sticky; top: 0; }
    .contact-page #GridWrapInner #headline { margin: 0; }
    .contact-page #GridWrapInner #headline h1 { padding: 0 var(--gap-180) var(--gap-24); }
    .contact-page #GridPromo #DynamicFormObject { padding: 0 var(--gap-200) !important; }
}

@media(max-width: 1024px) {
    .contact-page #SiteGrid { flex-direction: column; margin: 0; }
    .contact-page #SiteGrid #GridTop { width: 100%; height: auto; aspect-ratio: 3.75/2.6; margin-bottom: var(--gap-64); }
    .contact-page #SiteGrid #GridPage { width: 100%; }
    .contact-page #GridWrapInner { width: 100%; padding: 0; }
    .contact-page #GridWrapInner #text1 { padding: 0 0 var(--gap-64); }
}


/*------------------------------------------/*
 REVIEWS LOBBY PAGE
/*------------------------------------------*/
.reviews-lobby-page:not(.contentInnerPage) .blogmain-header #headline { font-size: 100%; position: relative; margin: 0; }
.reviews-lobby-page:not(.contentInnerPage) .blogmain-header #headline:has(+ #subheadline, + #text1) { margin-bottom: var(--gap-24); }
.reviews-lobby-page:not(.contentInnerPage) .blogmain-header #headline h1 { font-size: clamp(2rem, var(--gap-64), 1000rem); letter-spacing: -0.64px; }
.reviews-lobby-page:not(.contentInnerPage) .blogmain-header #subheadline h2 { text-align: center; font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.4; margin: 0 auto var(--gap-160); letter-spacing: 0.54px; font-family: var(--font-1); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) { margin: 0 auto var(--gap-160); padding-inline: var(--gap-160); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts { column-count: unset; gap: var(--gap-90) var(--gap-200); max-width: 100%; margin: 0 auto; display: flex; justify-content: center; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post { width: 100%; max-width: 20.8vw; height: auto; text-align: start; display: flex; background: var(--white); padding: 0; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content { display: flex; flex-direction: column; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content h2.blog-post-title { padding: 0; font-size: clamp(1.2rem, var(--fs-24), 1000rem); margin-bottom: var(--gap-32); line-height: 1.4; letter-spacing: 0.54px; color: var(--black); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content h2.blog-post-title a { border: unset; outline: unset; text-decoration: unset; max-width: 100%; display: block; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .blog-post-text { padding: 0; margin: 0 auto var(--gap-40); border: unset; font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.4; letter-spacing: 0.54px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--black); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .blog-post-icons { display: none; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .content-section-Btn { margin-top: auto; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button { color: var(--black); border: unset; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; align-items: center; font-family: var(--font-2); z-index: 1; letter-spacing: 0.54px; position: relative; text-decoration: underline; text-underline-offset: var(--gap-4); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button::after { content: ''; top: 50%; transform: translateY(-50%); position: absolute; inset-inline-start: calc(100% + var(--gap-8)); background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/645108.svg); width: var(--gap-12); min-width: var(--gap-12); height: var(--gap-12); overflow: hidden; transition: 0.3s all ease; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .text-center { width: 100%; margin: 0 auto var(--gap-160); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .pagination { margin: 0; border-radius: unset; display: flex; justify-content: center; gap: var(--gap-8); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .pagination li a { border-radius: 50%; display: flex; min-width: var(--gap-40); padding: 0; aspect-ratio: 1; align-items: center; justify-content: center; margin: 0; line-height: unset; background: transparent; color: var(--black); font-size: clamp(1.2rem, var(--fs-16), 1000rem); border: 1px solid var(--gray); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .pagination li.active a { background: var(--black); color: var(--white); border-color: var(--black); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .pagination li a span { opacity: 0; }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .pagination li a[rel="next"] { background-repeat: no-repeat; background-position: center; background-size: var(--gap-8); background-image: url(/warehouse/dynamic/468413.svg); }
.reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .pagination li a[rel="prev"] { background-repeat: no-repeat; background-position: center; background-size: var(--gap-8); background-image: url(/warehouse/dynamic/468412.svg); }

@media(min-width: 1025px) {
    .reviews-lobby-page:not(.contentInnerPage) .blogmain-header #text1 { max-width: 38vw; }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts:has(.blog-post:nth-child(3)) { display: grid; grid-template-columns: repeat(3, 1fr); }
}

@media(max-width: 1024px) {
    .reviews-lobby-page:not(.contentInnerPage) .blogmain-header #headline:has(+ #subheadline, + #text1) { margin-bottom: var(--gap-32); }
    .reviews-lobby-page:not(.contentInnerPage) .blogmain-header #headline h1 { font-size: var(--fs-32); letter-spacing: -0.32px; }
    .reviews-lobby-page:not(.contentInnerPage) .blogmain-header #subheadline h2 { margin: 0 auto var(--gap-64); font-size: var(--fs-16); letter-spacing: 0.48px; }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) { margin: 0 auto var(--gap-64); padding-inline: var(--gap-16); }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts { display: grid; grid-template-columns: repeat(1, 1fr); gap: var(--gap-32); }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post { max-width: 100%; }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content h2.blog-post-title { font-size: var(--fs-16); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: var(--gap-24); }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .blog-post-text { margin: 0 auto var(--gap-24); font-size: var(--fs-16); }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .content-section-Btn { }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView) .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button { font-size: var(--fs-16); }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .text-center { margin: 0 auto var(--gap-64); }
    .reviews-lobby-page:not(.contentInnerPage) :is(#BlogMain, #TagView, #paging) .pagination li a { min-width: var(--gap-32); font-size: var(--fs-16); }
}


/*------------------------------------------/*
 BLOG INNER PAGE
/*------------------------------------------*/
.reviews-lobby-page.contentInnerPage #BlogView .blog-view { width: 36.5vw; margin: 0 auto var(--gap-160); }
.reviews-lobby-page.contentInnerPage #BlogView:has(.blog-related-posts .share-strip) .blog-view { margin: 0 auto var(--gap-32); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view #headline { font-size: 100%; margin: 0 auto; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view #headline h1 { font-size: clamp(2rem, var(--fs-64), 1000rem); margin-bottom: var(--gap-48); letter-spacing: -0.64px; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view > h2 { font-size: clamp(1.2rem, var(--fs-20), 1000rem); margin-bottom: var(--gap-32); letter-spacing: 0.6px; text-align: center; line-height: 1.4; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) { max-width: unset; margin: 0; width: 100%; text-align: start; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) :is(h2, h3) { margin: var(--gap-32) auto; font-size: clamp(1.2rem, var(--fs-24), 1000rem); font-family: var(--font-2); line-height: 1.4; color: var(--black); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; display: flex; flex-direction: column; gap: var(--gap-6); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) :is(ul,ol):has(+ p:not(.is-empty), + ul, + ol),
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) :is(p:not(.is-empty), ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-32); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) p:has(img) { margin-block: var(--gap-32); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) p:has(img) img { width: 100%; object-fit: cover; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-view .blog-post-icons { display: none; }
.reviews-lobby-page.contentInnerPage #BlogView .share-strip { margin: 0 auto var(--gap-32); display: flex; align-items: center; gap: var(--gap-12); justify-content: center; float: unset; }
.reviews-lobby-page.contentInnerPage #BlogView .share-strip::before,
.reviews-lobby-page.contentInnerPage #BlogView .share-strip::after { position: relative; top: unset; width: auto; flex-grow: 1; border: unset; height: 1px; display: inline-block; background: var(--lblack); margin-inline: var(--gap-6) 0; }
.reviews-lobby-page.contentInnerPage #BlogView .share-strip::before { margin-inline: 0 var(--gap-6); }
.reviews-lobby-page.contentInnerPage #BlogView .share-strip > span { font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--black); letter-spacing: 0.54px; text-transform: lowercase; }
.reviews-lobby-page.contentInnerPage #BlogView .share-strip a.share-icon { color: var(--black); border: unset; width: var(--gap-24); height: auto; aspect-ratio: 1; display: inline-flex; margin: 0; justify-content: center; align-items: center; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .share-strip { width: 36.5vw; margin: 0 auto var(--gap-160); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .section-title { margin: 0 auto; text-align: center; width: 100%; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .section-title h2 { margin: 0; width: 100%; font-size: clamp(2rem, var(--fs-48), 1000rem); letter-spacing: 0.48px; padding: var(--gap-32) var(--gap-20); border-block: 1px solid var(--black); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: var(--gap-48) var(--gap-160) var(--gap-160); gap: var(--gap-100); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post { padding: 0; width: 100%; flex-grow: 1; max-width: 20.8vw; overflow: hidden; height: auto; text-align: start; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content { display: flex; flex-direction: column; height: 100%; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title { padding: 0; font-size: clamp(1.2rem, var(--fs-24), 1000rem); margin: 0; line-height: 1.4; color: var(--black); margin-bottom: var(--gap-32); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title a { border: unset; outline: unset; text-decoration: unset; max-width: 80%; display: block; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-text { padding: 0; margin: 0; border: unset; font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.4; letter-spacing: 0.54px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--black); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .content-section-Btn { margin-top: var(--gap-40); padding-bottom: var(--gap-4); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button { color: var(--black); border: unset; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; align-items: center; font-family: var(--font-2); z-index: 1; position: relative; text-decoration: underline; text-underline-offset: var(--gap-4); }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button::after { content: ''; top: 50%; transform: translateY(-50%); position: absolute; inset-inline-start: calc(100% + var(--gap-8)); background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/645108.svg); width: var(--gap-12); min-width: var(--gap-12); height: var(--gap-12); overflow: hidden; transition: 0.3s all ease; }
.reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-icons { display: none; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    .reviews-lobby-page.contentInnerPage #BlogView .blog-view { width: 100%; margin: 0 auto var(--gap-72); padding: 0 var(--gap-16); }
    .reviews-lobby-page.contentInnerPage #BlogView:has(.blog-related-posts .share-strip) .blog-view { margin: 0 auto var(--gap-16); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-view #headline { max-width: 100%; }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-view #headline h1 { font-size: var(--fs-32); letter-spacing: -0.32px; margin-bottom: var(--gap-32); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-view > h2 { font-size: var(--fs-16); margin-bottom: var(--gap-16); font-family: var(--font-1); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) :is(h2, h3) { margin: var(--gap-16) auto; font-size: var(--fs-24); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) p:has(img) { margin-block: var(--gap-16); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-view :is(#text1, #text2) p:has(img) img { height: 52.5vw; }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .share-strip { width: 100%; margin: 0 auto var(--gap-64); padding: 0 var(--gap-16); gap: var(--gap-12); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .section-title h2 { font-size: var(--fs-24); padding: var(--gap-20); line-height: 1; }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts { width: 100%; display: grid; grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; gap: var(--gap-32); overflow-x: auto; padding: var(--gap-32) var(--gap-16) var(--gap-60); scroll-snap-type: x mandatory; max-width: unset; }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post { width: 56vw; height: auto; max-width: unset; scroll-snap-align: center; }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title { font-size: var(--fs-16); margin-bottom: var(--gap-24); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-text { font-size: var(--fs-16); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .content-section-Btn { margin-top: var(--gap-24); }
    .reviews-lobby-page.contentInnerPage #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button { font-size: var(--fs-16); }
}


/*------------------------------------------/*
 PRODUCTS LOBBY PAGE
/*------------------------------------------*/
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) { margin-bottom: var(--gap-160); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) { }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline { width: 100%; margin: 0 auto var(--gap-160); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.catalogTextContainer #catalogText, .categories-strip) #headline { margin: 0 auto var(--gap-48); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1 { font-size: clamp(2rem, var(--fs-64), 1000rem); letter-spacing: -0.64px; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer:has(#catalogText) { width: 100%; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer #catalogText { width: 38vw; margin: 0 auto var(--gap-160); text-align: center; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.categories-strip) .catalogTextContainer #catalogText { margin: 0 auto var(--gap-48); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip { display: block; width: 100%; margin: 0 auto; padding-bottom: var(--gap-160); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip li:first-child { display: inline-flex; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList { display: none; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList { width: auto; display: grid; grid-template-columns: repeat(3, 1fr); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox { grid-row: unset; max; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn { display: none; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn:has(button.loadMoreItems) { float: none !important; grid-column: 1/-1; grid-row: auto; margin-block: var(--gap-40) 0; display: block; padding: 0; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn button.loadMoreItems { background-color: var(--black); height: 2.8vw; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; min-width: var(--gap-180); letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); border-radius: var(--gap-48); }

@media(min-width: 1025px) {
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn button.loadMoreItems:is(:hover, :focus) { color: var(--white); background: var(--black); }
}

@media(max-width: 1024px) {
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) { padding-inline: 0; margin-bottom: var(--gap-64); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) { padding: 0 var(--gap-16); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline { margin: 0 auto var(--gap-64); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.catalogTextContainer #catalogText, .categories-strip) #headline { margin: 0 auto var(--gap-32); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1 { font-size: var(--fs-32); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer #catalogText { width: 100%; margin: 0 auto var(--gap-64); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.categories-strip) .catalogTextContainer #catalogText { margin: 0 auto var(--gap-32); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip { padding: 0 0 var(--gap-64); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList { width: 100%; max-width: unset; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--black); border-inline-start: 1px solid var(--black); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .catalogLoadMoreBtn { grid-column: span 1 / -1; margin-top: var(--gap-24); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .catalogLoadMoreBtn button.loadMoreItems { height: 44px; min-width: unset; width: 100%; padding: 0 35px; font-size: 1.8rem; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox { min-width: unset; max-width: unset; width: 100%; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner { padding: var(--gap-12); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner #addToCartBtn { padding: var(--gap-16); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn:has(button.loadMoreItems) { margin-block: 0; }
}


/*------------------------------------------/*
 PRODUCT ITEM BOX
/*------------------------------------------*/
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox { padding: 0 !important; margin: 0; background: transparent; overflow: hidden; width: 100%; min-width: 33.1vw; max-width: 33.1vw; flex-grow: 1; text-align: start; grid-row: 1; border-inline-end: 1px solid var(--black); border-bottom: 1px solid var(--black); }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox.catalogItemBoxOutOfStock { pointer-events: none; opacity: 0.6; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner { height: 100%; gap: 0 var(--gap-12); padding: var(--gap-32); flex-wrap: wrap; flex-direction: row; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .productLabel.wishlist { left: unset; right: unset; top: 0; inset-inline-start: 0; padding: 0; height: max-content; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn { width: var(--gap-24); height: var(--gap-24); background: transparent; padding: 0; border-radius: unset; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn svg { display: none; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn::before { content: ''; display: block; background-image: url(/warehouse/dynamic/685234.svg); background-repeat: no-repeat; background-position: center; background-size: contain; transition: 0.3s all ease; width: 100%; height: 100%; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn.active::before { background-image: url(/warehouse/dynamic/660148.svg); }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container { overflow: unset; padding: var(--gap-120) var(--gap-140) var(--gap-100); }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container a.item-box-link-wrapper.image { align-items: center; justify-content: center; height: auto; aspect-ratio: 3/4.9; overflow: hidden; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container a.item-box-link-wrapper.image .item-image { height: 100%; aspect-ratio: unset; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content { margin: 0; padding: 0; flex-direction: column; position: relative; width: max-content; flex-grow: 1; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top { gap: var(--gap-4); width: 100%; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top h2.itemTitle { color: var(--black); line-height: 1.2; font-size: clamp(1.2rem, var(--fs-24), 1000rem); font-family: var(--font-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top h3.item-subtitle { color: var(--black); line-height: 1.4; font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.54px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top .custom-fields-container { display: none; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart { width: max-content; height: max-content; }
:is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart #addToCartBtn { width: var(--gap-180); margin: 0; font-family: var(--font-2); height: var(--gap-48); border-radius: 0; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; padding: 0 var(--gap-24); letter-spacing: unset; align-items: center; justify-content: center; border: 2px solid; background: transparent; color: inherit; }

@media(min-width: 1025px) {
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox:is(:nth-child(1), :nth-child(2), :nth-child(3)) { border-top: 1px solid var(--black); }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart #addToCartBtn::after { content: ''; height: var(--gap-12); transition: 0.3s all ease; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/645108.svg); width: 0; filter: invert(1); }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart #addToCartBtn:is(:hover, :focus) { background: var(--black) !important; color: var(--white) !important; border-color: var(--black) !important; }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart #addToCartBtn:is(:hover, :focus)::after { margin-inline-start: var(--gap-8); width: var(--gap-12); }
}

@media(max-width: 1024px) {
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox { width: 62.5vw; min-width: unset; max-width: 100%; height: 100%; scroll-snap-align: center; }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner { gap: 0; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container { padding: 0 0 var(--gap-12); }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .productLabel.wishlist { top: var(--gap-12); inset-inline-start: var(--gap-12); }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content { text-align: center; margin-bottom: var(--gap-24); width: 100%; }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top { max-width: unset; width: 100%; }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top h2.itemTitle { font-size: var(--fs-16); letter-spacing: 0.48px; }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top h3.item-subtitle { font-size: var(--fs-14); }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart { width: 100%; }
    :is(div, #CatalogModule) section:not(.hero-products-sec) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart #addToCartBtn { width: 100%; height: auto; font-size: var(--fs-16); padding: var(--gap-16) var(--gap-32); border-width: 1px; }
}


/*------------------------------------------/*
 PRODUCT PAGE
/*------------------------------------------*/
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContentWrapper { width: 100%; max-; padding: 0 var(--gap-160); margin: 0 auto var(--gap-160); gap: var(--gap-180); display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages { padding: 0; display: flex; justify-content: flex-end; max-width: 50vw; align-items: flex-start; flex-grow: 1; height: max-content; position: sticky; top: var(--headerHeight); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large { flex-grow: 1; max-width: unset; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large .item { background: transparent; padding-bottom: 0; border: unset; height: 100%; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large .item img { width: 100%; height: 100%; object-fit: cover; position: relative; left: unset; top: unset; transform: unset; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent { padding: 0; color: var(--black); display: flex; text-align: start; flex-direction: column; width: 23vw; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #headline { font-size: 100%; margin: 0 0 var(--gap-48); text-align: start; order: -4; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #headline h1 { font-size: clamp(2rem, var(--fs-64), 1000rem); letter-spacing: -0.64px; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details { order: -3; margin: 0 0 var(--gap-40); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details .custom-field { margin: 0 0 var(--gap-8); font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.4; color: var(--black); letter-spacing: 0.54px; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details .custom-field .custom-field-title { font-weight: unset; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details #customField6562 { font-size: clamp(1.2rem, var(--fs-24), 1000rem); font-family: var(--font-2); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details #customField6562 .custom-field-title { display: none; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details #customField6564 { }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #subheadline { order: -2; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #subheadline h2 { margin-bottom: var(--gap-16); font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.54px; font-family: var(--font-1); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .catalogTextContainer:not(.comments) { order: -1; margin-bottom: var(--gap-40); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .catalogTextContainer:not(.comments) #catalogText h3 { margin: 0 auto var(--gap-40); font-size: clamp(1.2rem, var(--fs-30), 1000rem); line-height: 0.9; color: var(--black); letter-spacing: 0.3px; font-family: var(--font-2); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .catalogTextContainer.comments { display: none; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-makat,
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-collections,
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #customField6565 { display: none; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-quantity:not(:has(.quantity-start)) { margin-bottom: var(--gap-40); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-quantity:not(:has(.quantity-start)) .item-quantity-options { background-color: var(--white); color: var(--black); font-size: clamp(1.2rem, var(--fs-16), 1000rem); max-width: unset; width: var(--gap-100); height: var(--gap-40); padding-inline: var(--gap-10); border: 1px solid var(--lgray); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-quantity:not(:has(.quantity-start)) .item-quantity-options button { max-width: unset; height: auto; background: transparent; width: var(--gap-24); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-quantity:not(:has(.quantity-start)) .item-quantity-options button svg * { fill: var(--blue); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-quantity:not(:has(.quantity-start)) .item-quantity-options span input[type="number"] { border: unset; outline: unset; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-quantity:not(:has(.quantity-start)) .item-quantity-options span.itemQuantityContainer { width: 50%; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions { padding: 0; border: unset; display: flex; align-items: center; gap: var(--gap-8); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .addToCart { background: transparent; height: auto; max-width: unset; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .addToCart button#addToCartBtn { transition: 0.3s all ease; max-width: unset; color: var(--white); height: var(--gap-52); font-size: clamp(1.2rem, var(--fs-18), 1000rem); background: var(--black); border: 2px solid var(--black); padding: 0 var(--gap-32); font-family: var(--font-2); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .shareBox { margin: 0; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .shareBox .openShareBox { display: none; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .shareBox button.wishListBtn { background: var(--white); background-image: url(/warehouse/dynamic/685234.svg); border: 2px solid var(--black); margin: 0; border-radius: 0; padding: 0; height: auto; aspect-ratio: 1; width: var(--gap-52); background-repeat: no-repeat; background-position: center; background-size: var(--gap-24); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .shareBox button.wishListBtn.active { background-image: url(/warehouse/dynamic/660148.svg); }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .shareBox button.wishListBtn svg { display: none; }
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-price { margin-bottom: var(--gap-40); font-size: clamp(1.2rem, var(--fs-24), 1000rem); display:none;}
.CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-price span.finalPrice { gap: var(--gap-4); }

:is(div, #LobbyModule) .section.reviews-sec { margin: 0 auto var(--gap-160); }
:is(div, #LobbyModule) .section.reviews-sec .section-title { position: relative; }
:is(div, #LobbyModule) .section.reviews-sec .section-title h2 { padding: var(--gap-32) var(--gap-20); font-size: clamp(2rem, var(--fs-48), 1000rem); letter-spacing: 0.48px; border-block: 1px solid var(--black); }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts { column-count: unset; gap: var(--gap-100); display: flex; justify-content: center; padding: var(--gap-48) var(--gap-160) 0; }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post { padding: 0; width: 20.8vw; flex-grow: 1; max-width: 20.8vw; overflow: hidden; height: auto; text-align: start; }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content { display: flex; flex-direction: column; height: 100%; }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content h2.blog-post-title { padding: 0; font-size: clamp(1.2rem, var(--fs-24), 1000rem); margin: 0; line-height: 1.4; color: var(--black); margin-bottom: var(--gap-32); }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content h2.blog-post-title a { border: unset; outline: unset; text-decoration: unset; max-width: 80%; display: block; }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content .blog-post-text { padding: 0; margin: 0 auto var(--gap-40); border: unset; font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.4; letter-spacing: 0.54px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--black); }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content .content-section-Btn { padding-bottom: var(--gap-4); margin-top: auto; }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button { color: var(--black); border: unset; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; align-items: center; font-family: var(--font-2); z-index: 1; position: relative; text-decoration: underline; text-underline-offset: var(--gap-4); }
:is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button::after { content: ''; top: 50%; transform: translateY(-50%); position: absolute; inset-inline-start: calc(100% + var(--gap-8)); background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/645108.svg); width: var(--gap-12); min-width: var(--gap-12); height: var(--gap-12); overflow: hidden; transition: 0.3s all ease; }

.CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper { /*display: flex;*/ display: none; }
.CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper .relatedItems { margin: 0 auto var(--gap-160); padding: 0; }
.CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper .relatedItems .relatedItemsTitle h2 { margin: 0; padding: var(--gap-32) var(--gap-20); font-size: clamp(2rem, var(--fs-48), 1000rem); background: transparent; letter-spacing: 0.48px; color: var(--black); border-block: 1px solid var(--black); }
.CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper .relatedItems .relatedItemsTitle::after { display: none; }
.CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox { border-top: unset; }

@media(min-width: 1025px) {
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-actions .addToCart button#addToCartBtn:is(:hover, :focus) { color: var(--black); background: var(--white); }

    :is(div, #LobbyModule) .section.reviews-sec .blog-posts:has(.blog-post:nth-child(4)) { gap: 0; justify-content: flex-start; }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts .swiper-wrapper { /* gap: var(--gap-100); */ }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts:has(.blog-post:nth-child(4)) .blog-post { padding-inline-end: var(--gap-100); width: calc(20.8vw + var(--gap-100)); max-width: calc(20.8vw + var(--gap-100)); }
    :is(div, #LobbyModule) .section.reviews-sec .swiper-button { position: absolute; margin: 0; top: 50%; left: unset; inset-inline-start: var(--gap-20); transform: translateY(-50%) scale(-1); background-color: var(--white); background-image: url(/warehouse/dynamic/645102.svg); background-repeat: no-repeat; background-position: center; width: var(--gap-48); height: var(--gap-48); border-radius: 50%; overflow: hidden; border: 1px solid var(--black); transition: 0.3s all ease; background-size: var(--gap-20); }
    :is(div, #LobbyModule) .section.reviews-sec .swiper-button-next { inset-inline-end: var(--gap-20); transform: translateY(-50%); inset-inline-start: unset; }
    :is(div, #LobbyModule) .section.reviews-sec .swiper-button::after { display: none; }
    :is(div, #LobbyModule) .section.reviews-sec .swiper-button:hover { filter: invert(1); }
}

@media(max-width: 1024px) {
    .CatalogItemPage #PageBreadCrumps { padding-bottom: var(--gap-40); }

    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContentWrapper { margin-bottom: var(--gap-64); flex-direction: column; gap: var(--gap-64); flex-wrap: nowrap; padding: 0 var(--gap-16); }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages { position: relative; top: unset; max-width: 100%; padding: 0; }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large { width: 100%; }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large .item { height: auto; aspect-ratio: 3.45/2.4; }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large .slick-dots { position: absolute; bottom: 0; margin: 0; width: 100%; text-align: center; padding: var(--gap-16); }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large .slick-dots li button { width: var(--gap-10); height: var(--gap-10); border: 1px solid var(--white); border-radius: var(--gap-10); transition: 0.3s all ease; background: transparent; }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemImages .large .slick-dots li.slick-active button { background: var(--white); }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent { width: 100%; }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #headline { margin: 0 0 var(--gap-32); }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #headline h1 { font-size: var(--fs-32); letter-spacing: -0.32px; }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details .custom-field { font-size: var(--fs-16); }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .item-custom-details #customField6562 { font-size: var(--fs-28); }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent #subheadline h2 { font-size: var(--fs-16); }
    .CatalogItemPage :is(div, #CatalogModule #CatalogItemView) .itemContent .catalogTextContainer:not(.comments) #catalogText h3 { font-size: var(--fs-16); }

    :is(div, #LobbyModule) .section.reviews-sec { margin: 0 auto; }
    :is(div, #LobbyModule) .section.reviews-sec .section-title h2 { font-size: var(--fs-28); padding: var(--gap-20); }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts { width: 100%; display: grid; grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; gap: var(--gap-32); overflow-x: auto; padding: var(--gap-32) var(--gap-16) var(--gap-60); scroll-snap-type: x mandatory; max-width: unset; }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post { width: 56vw; height: auto; max-width: unset; scroll-snap-align: center; }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content h2.blog-post-title { font-size: var(--fs-16); margin-bottom: var(--gap-24); }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content h2.blog-post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content .blog-post-text { font-size: var(--fs-16); margin: 0 auto var(--gap-24); }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content .content-section-Btn { }
    :is(div, #LobbyModule) .section.reviews-sec .blog-posts .blog-post .blog-post-content .content-section-Btn a.sec-button { font-size: var(--fs-16); }

    .CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper .relatedItems { max-width: 100%; margin-bottom: var(--gap-64); }
    .CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper .relatedItems .relatedItemsTitle h2 { font-size: var(--fs-28); padding: var(--gap-20); }
    .CatalogItemPage :is(div, #CatalogModule) .RelatedItemsWrapper .relatedItems .itemsList { display: grid; grid-auto-flow: column; align-items: start; justify-content: start; overflow-x: auto; width: 100vw; direction: rtl !important; scroll-snap-type: x mandatory; }
}


/*------------------------------------------/*
 FORM THANK YOU PAGE
/*------------------------------------------*/
.FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; }
.FormResultPage #GridTop,
.FormResultPage #GridWrapInner #GridHeader { display: none; }
.FormResultPage #GridWrapInner { padding: 0; min-height: calc(var(--app-height) - var(--headerHeight)); display: grid; place-content: center; }
.FormResultPage #SiteGrid #PageBreadCrumps { position: absolute; }
.FormResultPage #pageview .container-fluid { width: 100%; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0; }
.FormResultPage #pageview #headline h1 { font-size: clamp(2rem, var(--fs-64), 1000rem); margin: 0 0 var(--gap-48); letter-spacing: -0.64px; }
.FormResultPage #pageview #text1 { display: grid; max-width: unset; justify-items: center; }
.FormResultPage #pageview #text1 p { font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0; letter-spacing: 0.54px; line-height: 1.4; font-family: var(--font-1); }
.FormResultPage #pageview #text1 a.FormResultPageButton { font-family: var(--font-2); margin: var(--gap-24) auto 0 !important; background-color: var(--white); height: var(--gap-48); min-width: var(--gap-180); display: inline-flex !important; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; padding: 0 var(--gap-32); align-items: center; justify-content: center; color: var(--black); border: 2px solid var(--black); }

@media(min-width: 1025px) {
    .FormResultPage #pageview #text1 a.FormResultPageButton:is(:hover, :focus) { color: var(--white); background: var(--black); }
}

@media(max-width: 1024px) {
    .FormResultPage #GridWrapInner { padding: 0 var(--gap-16); border: unset; margin: 0; }
    .FormResultPage #pageview #headline h1 { font-size: var(--fs-32); margin-bottom: var(--gap-32); }
    .FormResultPage #pageview #text1 p { font-size: var(--fs-16); }
    .FormResultPage #pageview #text1 a.FormResultPageButton { margin: var(--gap-32) auto 0 !important; height: auto; min-width: var(--gap-140); font-size: var(--fs-16); padding: var(--gap-16) var(--gap-32); border-width: 1px; }
}


/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
.page-404 #SiteGrid { display: flex; align-items: center; flex-direction: column; }
.page-404 #SiteGrid #GridTop,
.page-404 #SiteGrid #GridWrapInner #GridHeader { display: none; }
.page-404 #SiteGrid #GridPage { width: 100%; height: 100%; padding: 0; }
.page-404 #SiteGrid #GridWrap { display: flex; flex-direction: column; max-width: unset; }
.page-404 #SiteGrid #GridWrapInner { padding: 0; min-height: calc(var(--app-height) - var(--headerHeight)); display: grid; place-content: center; }
.page-404 #SiteGrid #PageBreadCrumps { position: absolute; }
.page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; }
.page-404 #SiteGrid #GridPage .page-not-found #headline { margin: 0; }
.page-404 #SiteGrid #GridPage .page-not-found #headline h1 { font-size: clamp(2rem, var(--fs-64), 1000rem); margin: 0 0 var(--gap-48); letter-spacing: -0.64px; }
.page-404 #SiteGrid #GridPage .page-not-found #text1 { max-width: unset; }
.page-404 #SiteGrid #GridPage .page-not-found #subheadline h2 { font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0; letter-spacing: 0.54px; line-height: 1.4; font-family: var(--font-1); }
.page-404 #SiteGrid #GridPage .page-not-found a { font-family: var(--font-2); margin: var(--gap-24) auto 0; background-color: var(--white); height: var(--gap-48); min-width: var(--gap-180); display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; padding: 0 var(--gap-32); align-items: center; justify-content: center; color: var(--black); border: 2px solid var(--black); }

@media(min-width: 1025px) {
    .page-404 #SiteGrid #GridPage .page-not-found #text1 a:is(:hover, :focus) { color: var(--white); background: var(--black); }
}

@media(max-width: 1024px) {
    .page-404 #SiteGrid #GridWrapInner { padding: 0 var(--gap-16); border: unset; margin: 0; }
    .page-404 #SiteGrid #GridPage .page-not-found #headline h1 { font-size: var(--fs-32); margin-bottom: var(--gap-32); }
    .page-404 #SiteGrid #GridPage .page-not-found #subheadline h2 { font-size: var(--fs-16); }
    .page-404 #SiteGrid #GridPage .page-not-found #text1 a { margin: var(--gap-32) auto 0; height: auto; min-width: var(--gap-140); font-size: var(--fs-16); padding: var(--gap-16) var(--gap-32); border-width: 1px; }
}

/*------------------------------------------/*
 ACCESSABILITY PAGE
/*------------------------------------------*/
.accessabilityMainPage #GridTop { display: none; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 47.5vw; margin: 0 auto var(--gap-160); display: flex; flex-direction: column; text-align: start !important; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; display: grid; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { margin: var(--gap-32) auto; font-size: clamp(1.2rem, var(--fs-24), 1000rem); line-height: 1.4; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { margin-top: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; display: flex; flex-direction: column; gap: var(--gap-6); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol),
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(p, ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-32); }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto var(--gap-72); }
}

/*------------------------------------------/*
 PRIVACY PAGE
/*------------------------------------------*/
body.privacy #ContentRegularModule .MainContent { max-width: 47.5vw; margin: 0 auto var(--gap-160); display: flex; flex-direction: column; text-align: start !important; }
body.privacy #ContentRegularModule .MainContent :is(#text1, #text2) { text-align: start; }
body.privacy #ContentRegularModule .MainContent :is(#text1, #text2) h2 { margin: var(--gap-32) auto; font-size: clamp(1.2rem, var(--fs-24), 1000rem); line-height: 1.4; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    body.privacy #ContentRegularModule .MainContent { max-width: 100%; }
}

/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
footer { padding: 0; display: flex; overflow-x: clip; }
#SiteFooter { display: flex; flex-direction: column; background: var(--black); color: var(--white); padding: 0; }
#SiteFooter .footer-text-divided { padding: var(--gap-40) var(--gap-20); display: flex; justify-content: space-between; align-items: center; }
#SiteFooter .footer-text-divided .footer-text-right { width: max-content; padding: 0; text-align: start; display: block; }
#SiteFooter .footer-text-divided .footer-text-right ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--gap-36); }
#SiteFooter .footer-text-divided .footer-text-right ul li { font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.54px; line-height: 1.4; text-underline-offset: var(--gap-4); }
#SiteFooter .footer-text-divided .footer-text-left { width: max-content; padding: 0; text-align: end; display: flex; gap: var(--gap-24); flex-direction: row-reverse; font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.54px; line-height: 1.4; align-items: center; }
#SiteFooter .footer-text-divided .footer-text-left p img { width: 100%; height: 100%; }
#SiteFooter .footer-text-divided .footer-text-left p:has(> img) { display: inline-flex; width: var(--gap-20); height: var(--gap-20); }
#SiteFooter .site-credit.alternative { padding: var(--gap-4) 0; z-index: 1; width: 100%; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: var(--white); }
#SiteFooter a.AccessabilityLink { z-index: 1; font-size: clamp(1rem, var(--fs-14), 1000rem); }
#SiteFooter a.AccessabilityLink:hover { color: var(--white); }
#SiteFooter p.creditWrapper svg { fill: var(--white); }

@media(min-width: 1025px) {
    #SiteFooter .footer-text-divided .footer-text-right ul li:is(:hover, :focus) { text-decoration: underline; }
}

@media(max-width: 1024px) {
    #SiteFooter .footer-text-divided { display: flex; flex-direction: column-reverse; padding: var(--gap-64) var(--gap-16); gap: var(--gap-40); }
    #SiteFooter .footer-text-divided .footer-text-right { width: 100%; }
    #SiteFooter .footer-text-divided .footer-text-right ul { flex-direction: column; align-items: center; gap: var(--gap-16); }
    #SiteFooter .footer-text-divided .footer-text-right ul li { font-size: var(--fs-16); }
    #SiteFooter .footer-text-divided .footer-text-left { width: 100%; text-align: center; flex-wrap: wrap; justify-content: center; font-size: var(--fs-16); }
    #SiteFooter a.AccessabilityLink { font-size: var(--fs-14); }
}

/*------------------------------------------/*
 GSAP/ANIMATIONS RELATED
/*------------------------------------------*/
.line { overflow: hidden; }
.word { display: inline-flex !important; }
.char-wrap { display: inline-block; position: relative; overflow: hidden; }

@keyframes scrollText {
    0% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}