/* BISQUE */

:root { --gap-8: 0.417vw; --gap-12: 0.625vw; --gap-15: 0.781vw; --gap-17: 0.885vw; --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-40: 2.083vw; --gap-48: 2.5vw; --gap-56: 2.917vw; --gap-64: 3.333vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-96: 5vw; --gap-120: 6.25vw; --gap-160: 8.333vw; --black: #3D342E; --red: #A33419; --lred: #C35424; --beige: #EDE6D6; --text: #7C786B; --white: #fff; --reg: 'NOTOREGULAR-2025', 'Poppins-Regular'; --bold: 'NotoSansHebrew-Bold-New', 'Poppins'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; background: var(--white); transition: 0.3s opacity ease; font-family: var(--reg) !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(--bold); color: var(--black); line-height: 1.1; }
.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.3rem, var(--gap-17), 1000rem); position: relative; line-height: 1.6; color: var(--black); letter-spacing: 0.5px; }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; }
#SiteGrid { overflow-x: clip; padding-top: var(--headerHeight); }
#SiteGrid:has(#GridTop.noTopImage) { }
#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; }
#header2 .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; }
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, #GridTop.blog { height: 22.708vw; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }

#PageBreadCrumps, .lobby-grid #PageBreadCrumps { color: var(--text); font-size: clamp(1rem, var(--gap-15), 1000rem); line-height: 1.3; padding: var(--gap-20) var(--gap-30) var(--gap-96); margin: 0; max-width: unset; display: inline-flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; }
#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-17); justify-content: center; flex-wrap: wrap; }
.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 { background: var(--white); border: 1px solid var(--black); min-width: var(--gap-160); color: var(--black); padding: var(--gap-12) var(--gap-32); font-size: clamp(1.3rem, var(--gap-17), 1000rem); letter-spacing: 0.5px; white-space: nowrap; transition: 0.3s all ease; text-decoration: unset; position: relative; line-height: 1.65; /*font-family: var(--bold); */ }
.categories-strip ul.hidden-xs li.active a { background: var(--red); border-color: var(--red); color: var(--white); }

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

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

@media(max-width: 1024px) {
    :root { --gap-6: 6px; --gap-8: 8px; --gap-12: 10px; --gap-15: 15px; --gap-17: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-40: 40px; --gap-48: 48px; --gap-56: 56px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-96: 96px; --gap-120: 120px; --gap-160: 160px; --gap-280: 280px; }

    .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(--gap-15); letter-spacing: 0.3px; }

    #GridTop, #GridTop.blog { height: var(--gap-280); }

    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--gap-12); pa; padding: var(--gap-15) var(--gap-15) var(--gap-72); }

    .categories-strip ul.hidden-xs { gap: var(--gap-12); justify-content: flex-start; flex-wrap: nowrap; scroll-snap-type: x mandatory; overflow-x: auto; padding-inline: var(--gap-15); width: 100vw; }
    .categories-strip ul.hidden-xs li a { font-size: var(--gap-15); padding: var(--gap-8) var(--gap-24); min-width: auto; }
}


/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#main-header, #main-header.bg { background: var(--white); border-bottom: 1px solid var(--beige); }
#main-header #header-top-strip .topStripContainer { background: var(--red); color: var(--white); padding: var(--gap-12); }
#main-header #header-top-strip .topStripContainer .topStripText { font-size: clamp(1.2rem, var(--gap-15), 1000rem); letter-spacing: 0.15px; }
#main-header .header-container { flex-direction: row; padding-inline: var(--gap-30); }
#main-header .header-container .header-right .menu-nav ul#menu { color: var(--black); gap: var(--gap-24); margin: 0; align-items: center; }
#main-header .header-container .header-right .menu-nav ul#menu > li { font-size: clamp(1.3rem, var(--gap-18), 1000rem); letter-spacing: 0.36px; transition: 0.3s all ease; }
#main-header .header-container .header-right .menu-nav ul#menu > li.active { color: var(--red); }
#main-header .header-container .header-right .header-shop-icons { gap: var(--gap-17); border-inline-end: 1px solid var(--beige); padding-inline-end: var(--gap-17); margin-inline-end: var(--gap-17); flex-direction: row-reverse; }
#main-header .header-container .header-right .header-shop-icons .navShopBtn { background-repeat: no-repeat; background-position: center; background-size: contain; }
#main-header .header-container .header-right .header-shop-icons .navShopBtn svg { opacity: 0; }
#main-header .header-container .header-right .header-shop-icons .userBtn { background-image: url(/warehouse/dynamic/587282.svg); }
#main-header .header-container .header-right .header-shop-icons .wishlistBtn { background-image: url(/warehouse/dynamic/586454.svg); }
#main-header .header-container .header-right .header-shop-icons .cartBtn { background-image: url(/warehouse/dynamic/587280.svg); order: 1; }
#main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter { right: unset; left: -0.3vw; bottom: unset; top: -0.3vw; width: 0.938vw; height: auto; aspect-ratio: 1; background: var(--red); color: var(--beige); }
#main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter span.CartItems { font-size: 0.677vw; left: 50%; }
#main-header .header-container .header-right .header-shop-icons :is(.navShopBtn, .navShopBtn a, .navShopBtn button) { padding: 0; }
#main-header .header-container .header-right .header-search { display: flex; align-items: center; }
#main-header .header-container .header-right .header-search .search { flex-direction: row; }
#main-header .header-container .header-right .header-search .toggle-search button { background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/587281.svg); background-size: contain; }
#main-header .header-container .header-right .header-search .toggle-search button svg { opacity: 0; }
#main-header .header-container .header-right .header-search .toggle-search button.toggle-close { background-image: url(/warehouse/dynamic/587284.svg); }
#main-header .header-container .header-right .header-search #quick-search-container { top: calc(100% + 0.5vw); outline: 1px solid var(--beige); opacity: 0; }
#main-header .header-container .header-right .header-search #quick-search-container:has(.searchResultsList) { opacity: 1; }
#main-header .header-container .header-right .header-search #quick-search-container #SearchResultContainer ul.searchResultsList { margin: 0; padding: var(--gap-24) var(--gap-32); display: flex; flex-direction: column; gap: 0.7vw; position: relative; background: var(--white); color: var(--black); }
#main-header .header-container .header-right .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a { background: transparent; padding: 0; font-size: clamp(1.3rem, var(--gap-18), 1000rem); letter-spacing: 0.36px; line-height: 1.35; }
#main-header .header-container .header-right .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a .resultArrow { display: none; }
#main-header .header-container .header-right .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a b { font-weight: unset; font-family: var(--bold); }
#main-header .header-container .header-right .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem { padding: 0; text-align: end; }
#main-header .header-container .header-right .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem a { font-family: var(--bold); font-size: clamp(1.3rem, var(--gap-18), 1000rem); letter-spacing: 0.36px; line-height: 1.35; text-decoration: underline; text-underline-offset: 2px; }
#main-header .header-container .header-left { gap: var(--gap-24); flex-direction: row-reverse; }
#main-header .header-container .header-left .social-mobile { list-style: none; }
#main-header .header-container .header-left .social-mobile a { display: flex; }
#main-header .header-container .header-left .social-mobile svg { width: var(--gap-20); fill: var(--black); }

#main-header .header-container .header-left a.logoHeader { height: 3.75vw; display: inline-flex; }
#main-header .header-container .header-left a.logoHeader img { width: 9.5vw; object-fit: contain; }

@media(min-width:1025px) {
    #main-header .header-container .header-right .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 65%; }
    #main-header .header-container .header-right .menu-nav ul#menu > li:is(:hover,:focus) { color: var(--red); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub > li:is(:hover,:focus) { color: var(--red); }
    header #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { background: transparent; color: var(--black); font-size: clamp(1.3rem, var(--gap-18), 1000rem); padding-block: var(--gap-8); border-bottom: 1px solid var(--black); }
    header .search-toggle.active #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { min-width: 11vw; }
    #main-header .header-container .header-right .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a:is(:hover, :focus) { text-decoration: underline; text-underline-offset: 2px; }
}

@media(max-width: 1024px) {
    #SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 1000; opacity: 0; transition: 0.3s all ease; pointer-events: none; }
    body:has(#main-header.open) #SiteContainer::before { opacity: 0.4; }

    #main-header #header-top-strip .topStripContainer .topStripText { font-size: 1.3rem; }
    #main-header .header-container { padding-inline: var(--gap-15); }
    #main-header .header-container .header-left { /* display: none; */ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    #main-header .header-container .header-left a.logoHeader { height: auto; }
    #main-header .header-container .header-left a.logoHeader img { width: 105px; }
    #main-header .header-container .header-right { width: 100%; height: var(--gap-56); /* padding-inline: var(--gap-17); */ }
    #main-header .header-container .header-right .menu-nav ul#menu { gap: var(--gap-17); width: 80vw; background: var(--white); padding: var(--headerHeight) 0 0; height: 100svh; overflow-y: hidden; }
    #main-header .header-container .header-right .menu-nav ul#menu > li { font-size: var(--gap-17); letter-spacing: 0.17px; }
    #main-header .header-container .header-right .menu-nav ul#menu > li:first-child { border-top: 1px solid var(--beige); padding-top: var(--gap-17); }
    #main-header .header-container .header-right .menu-nav ul#menu > li > a { padding-inline: var(--gap-15); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub { top: unset; right: unset; left: unset; min-width: unset !important; border: unset; background: #EBE6CC; margin-top: var(--gap-17); padding: var(--gap-17) var(--gap-24); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub li:not(:last-child) { margin-bottom: var(--gap-17); }
    #main-header .header-container .header-right .header-shop-icons { gap: var(--gap-12); padding: 0; margin: 0; height: auto; border: unset; }
    #main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter { left: -6px; top: -6px; width: var(--gap-17); }
    #main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter span.CartItems { font-size: 1.2rem; }
    #main-header .header-container .header-right .header-right-content { width: 100%; justify-content: space-between; flex-direction: row-reverse; }
    #main-header .header-container .header-right .header-right-content a.logoHeader { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    #main-header .header-container .header-right .header-right-content a.logoHeader img { width: 75px; }
    #main-header .header-container .header-right .header-right-content .header-search.search-toggle.active .search { background: var(--white); padding: 0 var(--gap-17); border-bottom: 1px solid var(--beige); }
    #main-header .header-container .header-right .header-right-content .header-search:not(.active) .toggle-search { /* padding-right: var(--gap-17); */ margin-right: var(--gap-12); /* border-inline-start: 1px solid var(--beige); */ display: flex; }
    #main-header .header-container .header-right .header-right-content .header-search .toggle-search button.toggle-open { background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/587281.svg); background-size: contain; }
    #main-header .header-container .header-right .header-right-content .header-search .toggle-search button.toggle-open svg { opacity: 0; }
    header #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { background: inherit; border: unset; border-bottom: 1px solid var(--text); letter-spacing: 0.17px; font-size: var(--gap-17) !important; color: var(--text); }
    #quick-search-container #SearchResultContainer { background: var(--white); border-bottom: 1px solid var(--beige); }
    #quick-search-container #SearchResultContainer .searchResultsList { padding: var(--gap-17) var(--gap-24); display: flex; flex-direction: column; gap: var(--gap-17); }
    #quick-search-container #SearchResultContainer .searchResultsList .resultItem { font-size: var(--gap-17); line-height: 1.3; color: var(--black); letter-spacing: 0.17px; }
    #quick-search-container #SearchResultContainer .searchResultsList .resultItem .resultArrow { display: none; }
    #quick-search-container #SearchResultContainer .searchResultsList .resultItem b { font-weight: unset; font-family: var(--bold); }
    #quick-search-container #SearchResultContainer .searchResultsList .finalResultItem { font-size: var(--gap-17); text-align: end; text-decoration: underline; font-family: var(--bold); line-height: 1.35; }
    #main-header svg { width: 20px; }
    #main-header .menu-nav #nav-toggle { width: 20px; }
    #nav-toggle span:before { top: -6px; }
    #nav-toggle span:after { bottom: -6px }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: unset; width: 20px; background: var(--black); }
    #nav-toggle.active span:before, #nav-toggle.active span:after { width: var(--gap-20); }
}


/*------------------------------------------/*
 FORM
/*------------------------------------------*/
.form-container-wide #DynamicFormObject { max-width: 69vw !important; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; padding: 0; background: transparent; border: unset; margin: 0 auto; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; font-size: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(1.2rem, var(--gap-32), 1000rem); margin-bottom: var(--gap-24); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin: 0 auto var(--gap-40); font-size: clamp(1.2rem, var(--gap-17), 1000rem); color: var(--black); letter-spacing: 0.5px; line-height: 1.6; max-width: 26vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: var(--gap-20); display: grid; grid-template-columns: repeat(4, 1fr); }
.en-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { direction: ltr; }
.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: var(--gap-12); box-shadow: none; border-radius: 0; border: 1px solid var(--text) !important; margin: 0; font-size: clamp(1.3rem, var(--gap-17), 1000rem); letter-spacing: 0.5px; color: var(--text); height: 2.6vw; }
.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: var(--lgray) !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField textarea { height: 5.2vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { grid-column: 1 / -1; display: flex; gap: 10px; margin: 0; align-items: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; height: var(--gap-17); width: var(--gap-17); accent-color: var(--red); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(1rem, var(--gap-17), 1000rem); color: var(--text); font-weight: unset; text-align: start; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: 0; top: 50%; content: "\f107"; font-size: clamp(1.3rem, var(--gap-18), 1000rem); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { right: unset; inset-inline-start: 0.2vw; top: 0.6vw; font-size: var(--gap-17); color: var(--text); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .error { font-size: 1.2rem; top: 1vw; left: unset; inset-inline-end: var(--gap-12); ); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { font-family: var(--bold); background-color: var(--red); height: 2.8vw; display: inline-flex; font-size: clamp(1.2rem, var(--gap-17), 1000rem); transition: 0.3s all ease; min-width: 11vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit .spinner { color: var(--white); }

@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) { background: var(--lred); }
}

@media(max-width: 1024px) {
    :is(div, #LobbyModule) section:has( + .section.form-sec) { margin-bottom: var(--gap-64); }
    .form-container-wide #DynamicFormObject { width: 100%; padding: 0 var(--gap-17); border: unset; max-width: 100% !important; !i; !; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--gap-20); margin-bottom: var(--gap-24); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: var(--gap-15); line-height: 1.3; max-width: unset; margin: 0 auto var(--gap-40); letter-spacing: 0.17px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: var(--gap-20); align-items: center; grid-template-columns: repeat(1, 1fr); }
    .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(--gap-17) !important; padding: 13px 12px; height: 50px; letter-spacing: unset; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField textarea { height: 120px !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: 1.7rem; letter-spacing: 0.51px; line-height: 1.55; font-family: var(--bold); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { font-size: 100%; left: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: 18px; right: 5px; font-size: 1.4rem; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .error { top: 10px; left: 12px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 0; width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: 45px; font-size: var(--gap-17); letter-spacing: 0.34px; min-width: 140px; width: 100%; padding: 0 var(--gap-24); }
}


/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
#home-gallery { height: max-content !important; margin-bottom: var(--gap-160); }
#home-gallery .slider-bg.stellar-bg { min-height: unset; height: calc(var(--app-height) - var(--headerHeight)) !important; }
#home-gallery .gallery-caption { top: 45%; z-index: 5; width: 100%; text-align: center; max-width: 100%; display: grid; gap: var(--gap-24); transform: translate(-50%,-50%); }
#home-gallery .gallery-caption .gallery-logo { width: max-content; }
#home-gallery .gallery-caption .gallery-logo img { width: 26.2vw; }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; white-space: normal; color: var(--white); display: grid; }
#home-gallery .gallery-caption .gallery-text span { font-size: clamp(1.2rem, var(--gap-20), 1000rem); line-height: 1.2; margin-bottom: var(--gap-32); }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { background-color: var(--red); height: 2.8vw; display: inline-flex; font-size: clamp(1.2rem, var(--gap-17), 1000rem); transition: 0.3s all ease; min-width: 11vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; font-family: var(--bold); color: var(--white); }
#home-gallery .scroll-down, #home-gallery ol.flex-control-nav.flex-control-paging, #home-gallery #player-controls, #home-gallery .gallery-caption:not(.caption-text) { display: none; }
#home-gallery .opacity-layer { opacity: 0.2 !important; z-index: 3 !important; }

:is(div, #LobbyModule) .section.big-title-sec { margin-bottom: var(--gap-160); }
:is(div, #LobbyModule) .section.big-title-sec .section-title :is(h1, h2) { width: 69vw; font-size: var(--gap-120); line-height: 0.9; letter-spacing: -3.6px; }

:is(div, #LobbyModule) .section.products-gallery-sec { margin-bottom: var(--gap-160); }
:is(div, #LobbyModule) .section.products-gallery-sec .section-title { margin: 0 0 var(--gap-64); }
:is(div, #LobbyModule) .section.products-gallery-sec .section-title h2 { font-size: clamp(2rem, var(--gap-32), 1000rem); }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes { display: flex; flex-direction: column; max-width: 69vw; margin: 0 auto; gap: var(--gap-64); position: relative; }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper:not(.swiper-wrapper) { display: flex; gap: var(--gap-30); justify-content: center; }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .content-section-Btn { display: flex; justify-content: center; gap: var(--gap-30); }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .swiper-button { width: var(--gap-40); background-image: url(/warehouse/dynamic/603808.svg); background-repeat: no-repeat; background-position: center; background-size: var(--gap-20); aspect-ratio: 1; height: auto; margin: 0; right: unset; left: unset; top: 50%; transform: translateY(-50%); }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .swiper-button::after { display: none; }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .swiper-button.swiper-button-prev { inset-inline-end: calc(100% + var(--gap-30)); }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .swiper-button.swiper-button-next { inset-inline-start: calc(100% + var(--gap-30)); transform: translateY(-50%) scaleX(-1); }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button { font-family: var(--bold); background-color: var(--red); height: 2.8vw; border-radius: 0; display: inline-flex; font-size: clamp(1.2rem, var(--gap-17), 1000rem); transition: 0.3s all ease; min-width: 11vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }
:is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button + a.sec-button { background-color: var(--black); display: none; }
body:not(.user-connected) :is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button + a.sec-button { display: inline-flex; }

:is(div, #LobbyModule) .section.grid-row-sec { padding-block: var(--gap-160); margin: 0 auto var(--gap-160); background: var(--beige); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows { max-width: 69vw; margin: 0 auto; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { display: flex !important; align-items: center; justify-content: space-between; gap: var(--gap-120); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row:nth-child(even) { direction: rtl !important; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 63%; height: 46.9vw; overflow: hidden; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box :is(.slides, .slider-item) { height: 100%; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .box-image-animation { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 125%; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { height: 100%; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 37%; display: grid !important; align-items: center; padding-inline-start: var(--gap-20); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; padding: 0; margin: 0; text-align: start; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { margin-bottom: var(--gap-24); font-size: clamp(1.2rem, var(--gap-32), 1000rem); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2:has( + h3) { margin-bottom: var(--gap-20); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { margin-bottom: var(--gap-24); font-family: var(--bold); line-height: 1.2; font-size: clamp(1.2rem, var(--gap-20), 1000rem); letter-spacing: 0.5px; color: var(--black); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: var(--gap-56); margin-inline: 0; font-family: var(--bold); background-color: var(--red); height: 2.8vw; border-radius: 0; display: inline-flex; font-size: clamp(1.2rem, var(--gap-17), 1000rem); transition: 0.3s all ease; min-width: 11vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }

:is(div, #LobbyModule) .section.regular-gallery-sec { padding: 0 0 var(--gap-160); display: grid; gap: var(--gap-64); }
:is(div, #LobbyModule) .section.regular-gallery-sec .section-title h2 { font-size: clamp(1.3rem, var(--gap-32), 1000rem); }
:is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap-30); max-width: 69vw; margin: 0 auto; }
:is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) { width: 100%; flex-grow: 1; max-width: 16.1vw; overflow: hidden; height: auto; aspect-ratio: 1/0.97; }
:is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) .boxes-images-outer-image { width: 100%; ); height: 100%; background-repeat: no-repeat; padding: 0; transition: 0.3s all ease; transform: scale(1.02); }
:is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) .boxes-images-outer-image .image-link-container { display: none; }

:is(div, #LobbyModule) .section.fw-image-sec { height: 36.5vw; margin-bottom: var(--gap-160); }
:is(div, #LobbyModule) .section.fw-image-sec .image-section-data { height: 100%; }

:is(div, #LobbyModule) .section.grid-form-section { margin-bottom: var(--gap-160); }

@media(min-width: 1025px) {
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:is(:hover, :focus) { background: var(--lred); color: var(--white); }

    :is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .content-section-Btn :is(a.sec-button, a.sec-button + a.sec-button):is(:hover, :focus) { background-color: var(--lred); }

    :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(--lred); }

    :is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes:has(> div:nth-child(4)) { display: grid; grid-template-columns: repeat(4, 1fr); }
    :is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image):hover .boxes-images-outer-image { transform: scale(1.1); }
}

@media(max-width: 1024px) {
    #home-gallery { margin-bottom: var(--gap-72); }
    #home-gallery .opacity-layer { display: block; }
    #home-gallery .gallery-caption { padding-inline: var(--gap-18); gap: var(--gap-12); }
    #home-gallery .gallery-caption .gallery-logo img { width: 230px; }
    #home-gallery .gallery-caption .gallery-text span { font-size: var(--gap-15); margin-bottom: var(--gap-40); }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { min-width: 180px; height: 44px; padding-inline: var(--gap-32); font-size: var(--gap-17); }

    :is(div, #LobbyModule) .section.big-title-sec { margin-bottom: var(--gap-32); }
    :is(div, #LobbyModule) .section.big-title-sec .section-title :is(h1, h2) { width: 100%; font-size: var(--gap-32); padding: 0 var(--gap-8); letter-spacing: -1.02px; }

    :is(div, #LobbyModule) .section.products-gallery-sec { margin-bottom: var(--gap-72); }
    :is(div, #LobbyModule) .section.products-gallery-sec .section-title { margin-bottom: var(--gap-32); }
    :is(div, #LobbyModule) .section.products-gallery-sec .section-title h2 { font-size: var(--gap-20); }
    :is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes { max-width: 100%; gap: var(--gap-32); }
    :is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper:not(.swiper-wrapper) { width: 100%; display: grid; grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; gap: var(--gap-40) var(--gap-15); overflow-y: auto; overflow-x: visible; padding-inline: var(--gap-17); scroll-snap-type: x mandatory; }
    :is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .content-section-Btn { flex-direction: column; padding-inline: var(--gap-17); gap: var(--gap-8); }
    :is(div, #LobbyModule) .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button { height: 45px; }

    :is(div, #LobbyModule) .section.grid-row-sec { margin-bottom: var(--gap-72); padding: 0; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows { max-width: 100%; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { flex-direction: column-reverse; gap: 0 }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 100%; padding: var(--gap-72) var(--gap-17); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { text-align: center; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2:has( + h3) { margin-bottom: var(--gap-24); font-size: var(--gap-20); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-family: var(--reg); font-size: var(--gap-17); line-height: 1.4; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { height: 44px; padding-inline: var(--gap-32); min-width: 180px; margin-top: var(--gap-40); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 100%; height: auto; aspect-ratio: 1/1.22; }

    :is(div, #LobbyModule) .section.regular-gallery-sec { padding: 0 0 var(--gap-72); gap: var(--gap-32); }
    :is(div, #LobbyModule) .section.regular-gallery-sec .section-title h2 { font-size: var(--gap-20); }
    :is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes { justify-content: center; gap: var(--gap-8); width: 100%; padding: 0 var(--gap-17); max-width: 100%; }
    .macOs :is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes:has(> div:nth-child(2))::after { content: ''; height: 1px; background: transparent; min-width: var(--gap-20); display: block !important; margin-inline-start: calc(var(--gap-20) * -1); }
    :is(div, #LobbyModule) .section.regular-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) { max-width: unset; min-width: 0; height: auto; width: calc(33.33% - var(--gap-8)); flex-grow: unset; }

    :is(div, #LobbyModule) .section.fw-image-sec { height: 128vw; margin-bottom: var(--gap-72); }
    :is(div, #LobbyModule) .section.fw-image-sec .image-section-data img { margin: 0 !important; width: auto; height: 100%; }

    :is(div, #LobbyModule) .section.grid-form-section { margin-bottom: var(--gap-72); }
}


/*------------------------------------------/*
 ABOUT PAGE
/*------------------------------------------*/
.about-page #lobbyview { width: 45.3vw; margin: 0 auto var(--gap-160); }
.about-page #lobbyview #headline { font-size: 100%; margin: 0; text-align: start; }
.about-page #lobbyview #headline h1 { margin-bottom: var(--gap-40); font-size: clamp(2rem, var(--gap-72), 1000rem); }
.about-page #lobbyview:has(#lobbyText > h2:first-child) #headline h1 { margin-bottom: var(--gap-24); }
.about-page #lobbyview :is(#lobbyText, #text2) { max-width: 100%; text-align: start; }
.about-page #lobbyview :is(#lobbyText, #text2) :is(h2, h3) { font-size: clamp(1.3rem, var(--gap-20), 1000rem); font-family: var(--bold); line-height: 1.4; margin: var(--gap-40) 0; color: var(--black); text-align: start; }
.about-page #lobbyview :is(#lobbyText, #text2) > :is(h2, h3):first-child { font-size: clamp(1.3rem, var(--gap-32), 1000rem); line-height: 1.1; margin: 0 0 var(--gap-40); }
.about-page #lobbyview :is(#lobbyText, #text2) h3:first-child { margin-top: 0; }
.about-page #lobbyview :is(#lobbyText, #text2) :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; display: flex; flex-direction: column; gap: var(--gap-8); }
.about-page #lobbyview :is(#lobbyText, #text2) :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
.about-page #lobbyview :is(#lobbyText, #text2) :is(ul,ol):has(+ p, + ul, + ol),
.about-page #lobbyview :is(#lobbyText, #text2) :is(p, ul, ol):has(+ ul, + ol) { margin-bottom: var(--gap-40); }
.about-page #lobbyview :is(#lobbyText, #text2) p:has(> img) { display: flex; margin: 0 0 var(--gap-40); }
.about-page #lobbyview :is(#lobbyText, #text2) p + p:has(> img) { margin: var(--gap-40) 0; }
.about-page #lobbyview :is(#lobbyText, #text2) p.is-empty { display: none; }
.about-page .GridBottomGallery { display: none; }

.en-page.about-page #lobbyview { direction: ltr; }
.en-page.about-page #lobbyview :is(#lobbyText, #text2) :is(h2, h3),
.en-page :is(div, #LobbyModule) .section.regular-gallery-sec .section-title h2 { font-weight: 800; }

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

@media(max-width: 1024px) {
    .about-page #lobbyview { width: 100%; padding: 0 var(--gap-15); margin: 0 auto var(--gap-72); }
    .about-page #lobbyview #headline h1 { font-size: var(--gap-30); }
    .about-page #lobbyview :is(#lobbyText, #text2) :is(h2, h3) { font-size: var(--gap-20); margin: var(--gap-24) 0; }
    .about-page #lobbyview :is(#lobbyText, #text2) > :is(h2, h3):first-child { font-size: var(--gap-24); }
    .about-page #lobbyview :is(#lobbyText, #text2) :is(ul,ol):has(+ p, + ul, + ol),
    .about-page #lobbyview :is(#lobbyText, #text2) :is(p, ul, ol):has(+ ul, + ol) { margin-bottom: var(--gap-24); }
    .about-page #lobbyview :is(#lobbyText, #text2) p:has(> img) { display: flex; margin: 0 0 var(--gap-24); }
    .about-page #lobbyview :is(#lobbyText, #text2) p + p:has(> img) { margin: var(--gap-24) 0; }
    .about-page #lobbyview :is(#lobbyText, #text2) p > img { width: 100%; }
}


/*------------------------------------------/*
 CONTACT PAGE
/*------------------------------------------*/
.contact-page #lobbyview #headline { font-size: 100%; margin: 0; }
.contact-page #lobbyview #headline h1 { font-size: clamp(1.2rem, var(--gap-32), 1000rem); margin-bottom: var(--gap-24); }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { display: none; }

@media(min-width: 1025px) {
    .contact-page :is(div, #LobbyModule) .section.grid-form-section { margin-bottom: var(--gap-96); }
}

@media(max-width: 1024px) {
}


/*------------------------------------------/*
 PRODUCTS LOBBY PAGE
/*------------------------------------------*/
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) { display: flex; flex-wrap: wrap; flex-direction: column; max-width: 69vw; margin: 0 auto var(--gap-160); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline { width: 100%; margin: 0 auto var(--gap-30); order: -2; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.categories-strip) #headline { margin: 0 auto var(--gap-40); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1 { font-size: clamp(2rem, var(--gap-72), 1000rem); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1:has(+ h3) { margin: 0 auto var(--gap-40); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h3 { margin: 0; font-size: clamp(1.2rem, var(--gap-15), 1000rem); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h3 button { background: transparent; border: unset; padding: 0; font-family: var(--bold); color: var(--red); text-decoration: underline; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer { display: none; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip { order: -1; margin: 0 0 var(--gap-30); width: 100%; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) { z-index: 5; order: 0; margin: 0 0 var(--gap-30); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) button.filters-title { font-size: clamp(1.2rem, var(--gap-15), 1000rem); letter-spacing: 0.15px; color: var(--black); padding: 0; line-height: 1.3; background: transparent; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper { top: calc(100% + var(--gap-12)); inset-inline-start: 0; text-align: start; position: absolute; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list { background: var(--white); min-width: unset; width: max-content; margin: 0; padding: var(--gap-24); display: flex; flex-direction: column; gap: var(--gap-8); border: 1px solid var(--text); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li { font-size: clamp(1.2rem, var(--gap-17), 1000rem); line-height: 1.1; letter-spacing: 0.5px; color: var(--black); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li.active { font-family: var(--bold); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li.active a { font-weight: unset; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap-48) var(--gap-30); }
.catalogLoadMoreBtn { display: none; }
.catalogLoadMoreBtn:has(button.loadMoreItems) { float: none !important; grid-column: 1/-1; grid-row: auto; margin-block: var(--gap-30) 0; display: block; padding: 0; }
.catalogLoadMoreBtn button.loadMoreItems { font-family: var(--bold); background-color: var(--red); height: 2.8vw; display: inline-flex; font-size: clamp(1.2rem, var(--gap-17), 1000rem); transition: 0.3s all ease; min-width: 11vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }

@media(min-width: 1025px) {
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList:has(> .catalogItemBox:nth-child(4)) { display: grid; grid-template-columns: repeat(4, 1fr); }
    .catalogLoadMoreBtn button.loadMoreItems:is(:hover, :focus) { background: var(--lred); }
}

@media(max-width: 1024px) {
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) { width: 100%; max-width: 100%; margin-bottom: var(--gap-72); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.categories-strip) #headline { margin: 0 auto var(--gap-32); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1 { font-size: var(--gap-30); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1:has(+ h3) { margin: 0 auto var(--gap-17); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) { margin-bottom: var(--gap-40); }
    .desktop-filters-list { max-height: max-content; width: auto; padding-inline: var(--gap-15); margin: 0; overflow: visible; }
    .desktop-filters-list .filters-box:after { content: none; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip { margin-bottom: var(--gap-32); }

    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList { padding-inline: var(--gap-15); gap: var(--gap-40) var(--gap-15); display: grid; grid-template-columns: repeat(2,1fr); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox { width: 100%; }
    .catalogLoadMoreBtn button.loadMoreItems { height: 45px; font-size: var(--gap-17); letter-spacing: 0.34px; min-width: 140px; padding: 0 var(--gap-24); }
}


/*------------------------------------------/*
 PRODUCT ITEM BOX
/*------------------------------------------*/
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox { padding: 0 !important; margin: 0; background: transparent; overflow: hidden; width: 100%; max-width: 16vw; flex-grow: 1; text-align: start; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox.catalogItemBoxOutOfStock { pointer-events: none; opacity: 0.6; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner { height: 100%; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container { border: 1px solid var(--beige); }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container a.item-box-link-wrapper.image { align-items: center; justify-content: center; height: auto; aspect-ratio: 1 / 1.215; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container a.item-box-link-wrapper.image .item-image { height: auto; width: 85%; aspect-ratio: unset; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .productLabel.wishlist { left: unset; right: unset; top: var(--gap-18); inset-inline-start: var(--gap-18); padding: 0; height: max-content; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .productLabel.wishlist button.wishListBtn { width: var(--gap-24); height: var(--gap-24); background: transparent; padding: 0; border-radius: unset; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .productLabel.wishlist button.wishListBtn svg { display: none; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .productLabel.wishlist button.wishListBtn::before { content: ''; display: block; background-image: url(/warehouse/dynamic/603548.svg); background-repeat: no-repeat; background-position: center; background-size: auto; width: 100%; transition: 0.3s all ease; height: 100%; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .productLabel.wishlist button.wishListBtn.active::before { background-image: url(/warehouse/dynamic/603550.svg); }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content { gap: var(--gap-28); margin: var(--gap-20) 0 0; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-price { color: var(--black); line-height: 1.3; font-size: clamp(1.2rem, var(--gap-15), 1000rem); letter-spacing: 0.15px; font-weight: 800; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top { gap: var(--gap-8); }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top h2.itemTitle { color: var(--black); line-height: 1.55; font-size: clamp(1.3rem, var(--gap-17), 1000rem); letter-spacing: 0.5px; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-text-top h4.item-subtitle { color: var(--text); line-height: 1.3; font-size: clamp(1.2rem, var(--gap-15), 1000rem); letter-spacing: 0.15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity { width: max-content; position: absolute; bottom: 0; inset-inline-end: 0; z-index: 5; height: auto; ); }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .quantity-start button { color: var(--black); border: 1px solid var(--black); line-height: 1.34; font-size: clamp(1.2rem, var(--gap-15), 1000rem); letter-spacing: 0.15px; background: transparent; width: 6.8vw; padding: var(--gap-8) var(--gap-12); height: auto; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.newCatalogItemQuantity .item-quantity-options { width: 6.8vw; font-size: clamp(1.2rem, var(--gap-15), 1000rem); letter-spacing: unset; background: transparent; min-height: 1.98vw; background: var(--black); color: var(--white); }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.newCatalogItemQuantity .item-quantity-options .itemQuantityContainer { width: 30%; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.newCatalogItemQuantity .item-quantity-options .itemQuantityContainer input[type="number"] { max-width: unset; min-width: unset; width: 100%; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.newCatalogItemQuantity .item-quantity-options button { width: 35%; background: transparent; }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.newCatalogItemQuantity .item-quantity-options button svg { width: var(--gap-8); }
:is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.newCatalogItemQuantity .item-quantity-options button svg rect.st0 { fill: var(--white); }
body:not(.user-connected) .item-quantity { display: none !important; }
.itemContent .newCatalogItemQuantity .item-quantity-options { height: 2.7vw; background-color: var(--red); color: var(--white); font-size: 1.5rem; }
#SiteGridContainer .newCatalogItemQuantity .item-quantity-options button svg * { fill: #fff; }

body:not(.user-connected).CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price,
body:not(.user-connected) :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-price { display: none; }

@media(max-width: 1024px) {
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox { width: 40vw; max-width: 100%; height: 100%; scroll-snap-align: center; }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner { height: 100%; }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container { height: 100%; overflow: visible; }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .productLabel.wishlist { top: var(--gap-8); inset-inline-start: var(--gap-8); }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content { flex-grow: 1; height: 100%; }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-link-wrapper.content .item-price { margin-block: auto 0; }
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .quantity-start button,
    :is(div, #CatalogModule) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-quantity.newCatalogItemQuantity .item-quantity-options { width: auto; min-width: 92px; height: 34px; font-size: 1.4rem; }
}


/*------------------------------------------/*
 PRODUCT PAGE
/*------------------------------------------*/
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper { gap: var(--gap-64) var(--gap-120); display: flex; width: 65%; max-; max-width: 63vw; margin: 0 auto var(--gap-120); align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages { padding: 0; width: 54%; display: flex; justify-content: space-between; gap: var(--gap-30); ); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .large { width: 27.9vw; border: 1px solid var(--beige); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .large .item { background: transparent; padding-bottom: 33.5vw; border: unset; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .large .item img { width: 62%; height: auto; aspect-ratio: 1; object-fit: contain; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs { margin: 0; padding: 0; width: 4.3vw; display: flex; flex-direction: column; align-items: center; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs .item.slick-slide { margin: 0.521vw 0; border: 1px solid var( --beige); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs .item::after { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs .item .item-inner-thumb { padding: 0; margin: 0.417vw 0; display: inline-flex; justify-content: center; align-items: center; height: 4.3vw; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs .item .item-inner-thumb img { position: relative; left: unset; top: unset; transform: unset; width: 2.8vw; height: auto; aspect-ratio: 1; object-fit: contain; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs button { padding: 0; position: relative; top: unset; left: unset; bottom: unset; right: unset; transform: rotate(-90deg); height: auto; aspect-ratio: 1; width: var(--gap-40); background-image: url(/warehouse/dynamic/603808.svg); background-repeat: no-repeat; background-position: center; background-size: var(--gap-12); ); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs button.slick-next { transform: rotate(90deg); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs button::before { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent { width: 36%; padding: 0; padding-inline-end: var(--gap-20); color: var(--black); display: flex; text-align: start; flex-direction: column; order: -1; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent #headline { font-size: 100%; margin: 0 0 var(--gap-40); text-align: start; order: -6; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent:has(.item-makat) #headline { margin-bottom: var(--gap-12); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent #headline h1 { font-size: clamp(2rem, var(--gap-32), 1000rem); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-makat { margin: 0; font-size: clamp(1.2rem, var(--gap-15), 1000rem); color: var(--text); line-height: 1.3; letter-spacing: 0.15px; order: -5; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .catalogTextContainer:not(.comments) { order: -4; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .catalogTextContainer:not(.comments) #catalogText { margin-bottom: var(--gap-40); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .catalogTextContainer.comments { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details { display: flex; flex-direction: column; order: -3; margin-bottom: var(--gap-40); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details .custom-field { margin: 0; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details .custom-field span { line-height: 1.55; letter-spacing: 0.5px; font-size: clamp(1.3rem, var(--gap-17), 1000rem); color: var(--black); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details .custom-field span.custom-field-title { font-weight: unset; font-family: var(--bold); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details .custom-field#customField6180 { margin-bottom: var(--gap-40); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details .custom-field#customField6180 span.custom-field-title { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details .custom-field#customField6179 { order: -1; margin-bottom: var(--gap-40); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details .custom-field#customField6179 span { font-size: clamp(1.2rem, var(--gap-15), 1000rem); color: var(--text); line-height: 1.3; letter-spacing: 0.15px; font-family: var(--reg); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-collections { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price { order: -2; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price span.finalPrice { gap: 0; font-size: clamp(1.3rem, var(--gap-32), 1000rem); color: var(--black); font-family: var(--bold); margin-bottom: var(--gap-12); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent:has(.priceComment) .item-price span.finalPrice { margin-bottom: var(--gap-8); justify-content: flex-start; align-items: flex-end; gap: var(--gap-8); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent:has(.priceComment) .item-price span.finalPrice::after { content: "\f20b"; font-size: 50%; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 0; line-height: 1.4; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .priceComment { order: -1; font-size: clamp(1rem, var(--gap-12), 1000rem); color: var(--text); margin-bottom: var(--gap-12); }
body:not(.user-connected).CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .priceComment { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-quantity { flex-grow: 1; max-width: 13.021vw; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-quantity button { transition: 0.3s all ease; max-width: unset; color: var(--white); height: 2.7vw; font-size: clamp(1.2rem, var(--gap-15), 1000rem); background: var(--red); border: unset; letter-spacing: 0.15px; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-quantity button:is(:hover, :focus) { background: var(--lred); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions { padding: 0; border: unset; display: flex; align-items: center; gap: var(--gap-12); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .shareBox { margin: 0; display: flex; gap: var(--gap-12); align-items: center; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .shareBox .wishListBtn { background: transparent; border: 1px solid #DFDFDF; background-image: url(/warehouse/dynamic/534743.svg); background-repeat: no-repeat; background-position: center; background-size: var(--gap-28); border-radius: 0; width: 2.7vw; padding: 0; height: auto; aspect-ratio: 1; margin: 0; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .shareBox .wishListBtn svg { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .shareBox .wishListBtn.active { background-image: url(/warehouse/dynamic/534742.svg); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .shareBox .openShareBox { border-radius: 0; width: 2.7vw; padding: 0; height: auto; aspect-ratio: 1; margin: 0; background: transparent; border: 1px solid #DFDFDF; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .product-sign-in-btn { background-color: var(--red); height: 2.8vw; display: inline-flex; font-size: clamp(1.2rem, var(--gap-15), 1000rem); transition: 0.3s all ease; min-width: 15vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }

.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields { border: unset; margin: 0; display: grid; gap: var(--gap-32); width: 36%; padding-inline-end: var(--gap-20); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tabs { display: flex; gap: var(--gap-20); flex-direction: row-reverse; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tabs::after { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tabs li.catalog-fields-tab-title { flex-grow: 1; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields li::after { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields li button { font-size: clamp(1.2rem, var(--gap-15), 1000rem); border: unset; border-bottom: 2px solid #DFDFDF; padding: var(--gap-8) var(--gap-12); color: var(--black); width: 100%; line-height: 1.3; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields li.active button { color: var(--red); border-color: var(--red); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tab-text { padding: 0; font-size: clamp(1.3rem, var(--gap-17), 1000rem); letter-spacing: 0.5px; line-height: 1.6; color: var(--black); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tab-text[data-counter="0"] { direction: ltr; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tab-text h3 { font-family: var(--med); font-size: inherit; margin: 1.667vw 0; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tab-text ul { margin: 0; padding-inline-start: 1vw; display: grid; gap: 0.8vw; }

.CatalogItemPage #CatalogModule .RelatedItemsWrapper { display: flex; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems { margin: 0 auto var(--gap-120); padding: 0; max-width: 69vw; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .relatedItemsTitle h2 { margin: 0 0 var(--gap-64); padding: 0; line-height: 1.1; font-size: clamp(2rem, var(--gap-32), 1000rem); background: transparent; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .relatedItemsTitle::after { display: none; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap-48) var(--gap-30); }

@media(min-width: 1025px) {
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .product-sign-in-btn:is(:hover, :focus) { background: var(--lred); }

    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList:has(> .catalogItemBox:nth-child(4)) { display: grid; grid-template-columns: repeat(4, 1fr); }
}

@media(max-width: 1024px) {
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper { width: 100%; max-width: 100%; padding-inline: var(--gap-17); margin-bottom: var(--gap-72); flex-direction: column; gap: var(--gap-32); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages,
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent,
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields { width: 100%; padding: 0; }

    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages { order: -1; padding-inline: var(--gap-15); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .large { width: 100%; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .large .item { height: auto; aspect-ratio: 1/1.215; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .thumbs { display: none; }

    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent:has(.item-makat) #headline,
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .catalogTextContainer:not(.comments) #catalogText,
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-makat { margin-bottom: var(--gap-24); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details,
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent:has(.priceComment) .item-price span.finalPrice { margin-bottom: var(--gap-32); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent:has(.priceComment) .item-price span.finalPrice { gap: var(--gap-6); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .priceComment { margin-bottom: var(--gap-17); font-size: 1.4rem; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details { gap: var(--gap-6); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .shareBox { gap: var(--gap-6); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .shareBox button:is(.wishListBtn,.openShareBox) { width: 44px; }

    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields { margin-top: var(--gap-40); gap: var(--gap-28); }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields .catalog-fields-tabs { gap: 0; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields li button { font-size: var(--gap-17); line-height: 1.55; font-family: var(--bold); }

    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems { max-width: 100%; margin-bottom: var(--gap-72); }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .relatedItemsTitle h2 { margin-bottom: var(--gap-48); font-size: var(--gap-20); }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList { display: grid; grid-auto-flow: column; align-items: start; justify-content: start; gap: var(--gap-15); padding-inline: var(--gap-15); overflow-x: auto; width: 100vw; direction: rtl !important; }

    /*body:not(.user-connected) #CatalogItemView .fixedAddToCartStrip { display: none }*/
    #CatalogItemView .fixedAddToCartStrip .item-quantity button { background-color: var(--red); font-size: var(--gap-17); font-family: var(--bold); color: var(--white); }

    #CatalogModule #CatalogItemView .fixedAddToCartStrip .fixedAddToCartStripPrice { display: none; }
    #CatalogItemView .fixedAddToCartStrip .product-sign-in-btn { border: unset; padding: 0; background: var(--red); ); width: 100%; height: 100%; font-size: var(--gap-17); color: var(--white); }
    #CatalogItemView .fixedAddToCartStrip .item-quantity { width: 100%; }
    #CatalogItemView .fixedAddToCartStrip .item-quantity .item-quantity-options { background-color: var(--red); color: #fff; }
    #CatalogItemView .fixedAddToCartStrip .item-quantity .item-quantity-options input { font-size: var(--gap-20) !important; }
}


/*-------------------------------------------/*
 SEARCH RESULTS PAGE
/*------------------------------------------*/
.SearchResults #GridTop { display: none; }
.SearchResults #headline { font-size: 100%; margin: 0 auto var(--gap-40); }
.SearchResults #headline h1 { font-size: clamp(2rem, var(--gap-72), 1000rem); }
.SearchResults #text1 { max-width: unset; }
.SearchResults #text1 .searchResultsList { display: flex; flex-wrap: wrap; gap: 0 var(--gap-30); max-width: 69vw; margin: 0 auto var(--gap-160); }
.SearchResults #text1 .searchResultsList .catalogItemBox { margin: 0 0 var(--gap-30); width: 16vw; max-width: 16vw; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: var(--gap-24) 0; border-top: 1px solid var(--text); border-bottom: unset; display: flex; margin: 0; }
.SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox:has(+ .resultItem) { margin-bottom: var(--gap-80); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(+ .catalogItemBox) { margin-bottom: var(--gap-15); border-bottom: 1px solid var(--text); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.resultFromGrid { display: none; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem a::after { display: none; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { width: var(--gap-80); min-width: var(--gap-80); height: var(--gap-80); overflow: hidden; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { height: 100%; object-fit: cover; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { width: auto; padding-right: 0; gap: var(--gap-8); display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(a img) .resultContent { padding-right: var(--gap-24); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: clamp(1.2rem, var(--gap-20), 1000rem); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a span { font-size: inherit; max-width: 100%; color: var(--black); font-family: var(--bold); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: clamp(1.2rem, var(--gap-18), 1000rem); color: var(--black); display: inline-flex; }

@media(max-width: 1024px) {
    .SearchResults #headline h1 { font-size: var(--gap-30); text-align: start; padding: 0 var(--gap-15); }
    .SearchResults #text1 .searchResultsList { flex-wrap: nowrap; flex-direction: column; gap: 0; padding: 0 var(--gap-15); align-items: center; }
    .SearchResults #text1 .searchResultsList .catalogItemBox { margin: 0 0 var(--gap-15); max-width: 100%; width: 100%; }
    .SearchResults #text1 .searchResultsList .catalogItemBox:last-child { margin: 0; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: var(--gap-24) 0; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: var(--gap-20); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(a img) .resultContent { padding-right: var(--gap-15); gap: 6px; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: var(--gap-15); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { width: 80px; height: 80px; min-width: 80px; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { width: 100%; }
}


/*------------------------------------------/*
 FORM THANK YOU PAGE
/*------------------------------------------*/
.FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; padding-top: 0; }
.FormResultPage #GridTop,
.FormResultPage #SiteGrid #PageBreadCrumps,
.FormResultPage #GridWrapInner #GridHeader { display: none; }
.FormResultPage #GridWrapInner { padding: 0; min-height: 100svh; display: grid; place-content: center; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0; }
.FormResultPage #pageview #headline h1 { font-size: clamp(2rem, var(--gap-72), 1000rem); margin: 0 0 var(--gap-24); }
.FormResultPage #pageview #text1 { display: grid; gap: var(--gap-30); max-width: unset; justify-items: center; }
.FormResultPage #pageview #text1 p { }
.FormResultPage #pageview #text1 a.FormResultPageButton { margin: 0 !important; font-family: var(--bold); background-color: var(--red); height: 2.8vw; border-radius: 0; display: inline-flex !important; font-size: clamp(1.2rem, var(--gap-17), 1000rem); transition: 0.3s all ease; min-width: 11vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }

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

@media(max-width: 1024px) {
    .FormResultPage #GridWrapInner { padding: 0 var(--gap-20); border: unset; margin: 0; }
    .FormResultPage #pageview #headline h1 { font-size: var(--gap-32); margin-bottom: var(--gap-17); }
    .FormResultPage #pageview #text1 { gap: var(--gap-40); }
    .FormResultPage #pageview #text1 p { font-size: var(--gap-17); line-height: 1.6; }
    .FormResultPage #pageview #text1 a.FormResultPageButton { font-size: var(--gap-15); padding: var(--gap-15) var(--gap-24); letter-spacing: 0.8px; height: auto; min-width: 165px; }
}


/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
.page-404 #SiteGrid { display: flex; align-items: center; flex-direction: column; padding-top: 0; }
.page-404 #SiteGrid #GridTop,
.page-404 #SiteGrid #PageBreadCrumps,
.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: 100svh; display: grid; place-content: center; }
.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(--gap-72), 1000rem); margin: 0 0 var(--gap-24); }
.page-404 #SiteGrid #GridPage .page-not-found #text1 { display: grid; gap: var(--gap-30); justify-items: center; max-width: unset; }
.page-404 #SiteGrid #GridPage .page-not-found a { margin-inline: 0; font-family: var(--bold); background-color: var(--red); height: 2.8vw; border-radius: 0; display: inline-flex; font-size: clamp(1.2rem, var(--gap-17), 1000rem); transition: 0.3s all ease; min-width: 11vw; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }

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

@media(max-width: 1024px) {
    .page-404 #SiteGrid #GridWrapInner { padding: 0 var(--gap-20); border: unset; margin: 0; }
    .page-404 #SiteGrid #GridPage .page-not-found #headline h1 { font-size: var(--gap-32); margin-bottom: var(--gap-17); }
    .page-404 #SiteGrid #GridPage .page-not-found #text1 { gap: var(--gap-40); }
    .page-404 #SiteGrid #GridPage .page-not-found #text1 p { font-size: var(--gap-17); line-height: 1.6; }
    .page-404 #SiteGrid #GridPage .page-not-found a { font-size: var(--gap-15); padding: var(--gap-15) var(--gap-24); letter-spacing: 0.8px; height: auto; min-width: 165px; }
}


/*------------------------------------------/*
 ACCESSABILITY PAGE
/*------------------------------------------*/
.accessabilityMainPage #GridTop { display: none; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 39.6vw; margin: 0 auto var(--gap-160); display: flex; flex-direction: column; text-align: start !important; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { font-size: 100%; margin: 0; text-align: start; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: clamp(2rem, var(--gap-72), 1000rem); margin: 0 0 var(--gap-64); }
.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-40) 0; font-size: clamp(1.2rem, var(--gap-20), 1000rem); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { margin: 0 0 var(--gap-40); font-size: clamp(1.2rem, var(--gap-32), 1000rem); }
.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-8); }
.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-30); }

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

@media(max-width: 1024px) {
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto var(--gap-80); padding: 0 var(--gap-15); }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: var(--gap-30); margin: 0 0 var(--gap-48); }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3),
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { font-size: var(--gap-20); margin: var(--gap-24) 0; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { margin-top: 0 }
}


/*-------------------------------------------/*
 FOOTER
/*------------------------------------------*/
footer { padding: 0; position: relative; display: flex; z-index: 10; background: var(--red); }
#SiteFooter .footer-text-divided { display: flex; padding: var(--gap-80) var(--gap-120) var(--gap-120); flex-direction: column; align-items: center; }
#SiteFooter .footer-text-divided .footer-text-middle { width: max-content; display: inline-flex; gap: var(--gap-32); padding: 0; flex-direction: column; text-align: center; }
#SiteFooter .footer-text-divided .footer-text-middle p:first-child img { width: 10.4vw; }
#SiteFooter .footer-text-divided .footer-text-middle ul { padding: 0; margin: 0; display: flex; list-style: none; gap: var(--gap-32); }
#SiteFooter .footer-text-divided .footer-text-middle p:has(img + img) { display: inline-flex; justify-content: center; gap: var(--gap-32); }
#SiteFooter .footer-text-divided .footer-text-middle p:has(img + img) img { width: var(--gap-20); }
#SiteFooter .footer-text-divided .footer-text-middle :is(p, li) { font-size: clamp(1.3rem, var(--gap-20), 1000rem); color: var(--white); line-height: 1.4; letter-spacing: 0.4px; }
#SiteFooter .site-credit.alternative { display: flex; padding: var(--gap-8) 0; width: 100%; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: var(--white); }
#SiteFooter a.AccessabilityLink { z-index: 1; margin-bottom: var(--gap-8); font-size: clamp(1.1rem, var(--gap-15), 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-middle ul li:hover { text-decoration: underline; text-underline-offset: 3px; }
}

@media(max-width: 1024px) {
    #SiteFooter { padding-bottom: 0; }
    #SiteFooter .footer-text-divided { padding: var(--gap-56) 0; }
    #SiteFooter .footer-text-divided .footer-text-middle { width: 100%; }
    #SiteFooter .footer-text-divided .footer-text-middle p:first-child img { width: 120px; }
    #SiteFooter .footer-text-divided .footer-text-middle ul { gap: var(--gap-24); display: flex; justify-content: center; padding: 0 var(--gap-20); flex-direction: column-reverse; }
    #SiteFooter .footer-text-divided .footer-text-middle :is(p, li) { font-size: var(--gap-17); }
    #SiteFooter .footer-text-divided .footer-text-middle > p:last-child { border-top: 1px solid var(--white); padding: 12px var(--gap-20); }
    #SiteFooter a.AccessabilityLink { font-size: 1.4rem; }
}


/*------------------------------------------/*
 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%); }
}