/* CLOOZZ */ :root { --black: #363532; --orange: #E1885E; --gray: #8E8E8E; --bg: #F6F6F6; --nautica: "nautica"; --bold: 'NeueHelveticaPro75Bold'; } /* General */ html { font-size: 62.5%; overflow-x: clip; } body, body.modal-open { line-height: 1; font-size: 2rem; zoom: 1 !important; overflow: clip; font-family: HelveticaNeue-01, 'Heebo' !important; } body.modal-open { padding: 0 !important; } .gsap-content { will-change: transform; } h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview #text2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; color: var(--black); } p, .grid-rows .grid-row-text p, #text1 p, #text2 p, #text1 li, #text2 li, #text1 > span { font-size: clamp(1rem, 0.885vw, 1000rem); position: relative; color: var(--black); line-height: 133%; } .section-title { margin: 0px; } #headline h1 { direction: ltr; } #SiteGrid { overflow: unset; } #SiteGridContainer { overflow-x: clip; opacity: 0; transition: 0.3s opacity ease; z-index: 2; } #SiteGridContainer.shown { opacity: 1; } #SiteGrid { min-height: calc(var(--app-height) - var(--headerHeight)); } #SiteFooter .site-credit.alternative { padding: 5px 0; z-index: 1; width: 100%; } .grid-rows .grid-row { background: inherit; } .FormResultPage #GridTop { display: none; } .FormResultPage #SiteGridContainer { display: flex; flex-direction: column; justify-content: center; min-height: 44vw; padding-top: var(--headerHeight); } .FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: var(--headerHeight) 0 0; } .FormResultPage #pageview #headline h1 { line-height: 62%; font-size: clamp(7rem,8.6vw,1000rem); letter-spacing: clamp(-0.68rem, -0.052vw, 1000rem); font-family: var(--nautica), "Heebo"; margin-bottom: 3.5vw; } .FormResultPage #pageview #text1 { max-width: 100%; line-height: 1; } .FormResultPage #pageview #text1 p { margin-bottom: 1.3vw; } .FormResultPage #pageview #text1 .FormResultPageButton { background: var(--black); border-radius: 0; margin: 0; font-size: clamp(1.2rem, 0.781vw, 1000rem); text-transform: uppercase; padding: 0 2.135vw; height: 3.125vw; transition: 0.3s all ease; display: inline-flex !important; color: #fff; font-family: 'NeueHelveticaPro75Bold', "Heebo"; align-items: center; } .FormResultPage #pageview #text1 .FormResultPageButton:hover, .FormResultPage #pageview #text1 .FormResultPageButton:focus { background: var(--orange); border: none; outline: none; } #allSectionsWrapper { z-index: 1; } #text1 p:last-child { margin: 0; } .sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: 100%; } .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%; } a.AccessabilityLink { z-index: 1; margin-bottom: 5px; font-size: clamp(1.2rem, 0.73vw, 1000rem); } .grid-boxes { display: flex; margin: 0; } .grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; } .grid-box-image a.box-image-animation { overflow: visible; } #LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; } a.AccessabilityLink:hover { color: #fff; } #SiteFooter .site-credit.alternative svg path.st0 { fill: #ffffff; } p.creditWrapper svg { fill: #fff; } strong { /* font-weight: unset;*/ } #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 .grid-text-content { opacity: initial; margin: 0; } .grid-text p { margin-top: 0; } .section-animation-item, .grid-boxes .section-animation-item, .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset; } a:hover, a:focus { color: inherit; } #GridTop.noTopImage.longer { height: 0; } .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 { display: none; } .container-fluid { padding: 0; } .itemsList::before, .itemsList::after { display: none; } .gallery-container { width: 100%; } em { font-style: normal; position: relative; } /*.box-image-animation:hover img { transform: none !important; }*/ .anim-cover { z-index: 10; position: absolute; top: -1vw; left: 0; width: 100%; height: calc(100% + 1vw); background: #fff; pointer-events: none; } .cky-revisit-bottom-left { bottom: 150px !important; left: 30px !important; } .INDpositionRight #INDmenu-btn, [data-indpositionright] #INDmenu-btn { right: unset !important; } #INDmenu-btn.INDcircle-btn.INDoutline-btn { top: unset !important; bottom: 210px !important; left: 30px; transform: unset !important; width: 45px; height: 45px; padding: 0; align-items: center; border: unset !important; justify-content: center; } #INDmenu-btn.INDcircle-btn.INDoutline-btn > svg { width: 25px !important; height: 25px !important; } #PageBreadCrumps, .lobby-grid #PageBreadCrumps { z-index: 10; color: var(--gray); font-size: clamp(1.1rem, 0.78vw, 1000rem); line-height: 1.4; padding: 1vw 2.1vw 3vw; margin: 0; max-width: unset; display: inline-flex; text-transform: uppercase; flex-wrap: wrap; width: 100%; } #PageBreadCrumps span { display: inline-flex; } #PageBreadCrumps span:last-child { color: var(--black); } #PageBreadCrumps span::after { margin: 0 5px; content: "/"; } .contact-page #PageBreadCrumps, .content-page #PageBreadCrumps { padding-inline: 0; } @media(max-width: 1024px) { body:has(#header2.open) { /*overflow: hidden !important;*/ } a.AccessabilityLink { font-size: 1.4rem; } .FormResultPage #SiteGridContainer { min-height: 90vh; } .FormResultPage #pageview #headline h1 { margin-bottom: 34px; } .FormResultPage #pageview #text1 p { margin-bottom: 25px; font-size: 1.4rem; } .FormResultPage #pageview #text1 .FormResultPageButton { height: 50px; padding: 22px 40px 14px; } p, .grid-rows .grid-row-text p, #text1 p, #text2 p, #text1 li, #text2 li, #text1 > span { font-size: 1.4rem; line-height: 130%; } #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: 1.3rem; padding: 20px 16px 30px; } .cky-revisit-bottom-left { bottom: 30px !important; } #INDmenu-btn.INDcircle-btn.INDoutline-btn { bottom: 90px !important; } } p + p, .grid-rows .grid-row-text p + p { margin-top: 10px; } @media(max-width: 1024px) { p + p, .grid-rows .grid-row-text p + p { margin-top: 5px; } } /* Header */ #header2 { background: #fff; padding: 0; min-height: 60px; height: 3.750vw; display: flex; align-items: center; z-index: 300; } #header2 #header-container { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; } #header2 #header-container #header-left { text-align: left; width: auto; margin: 0; z-index: 12; position: absolute; left: 2.1vw; top: 50%; height: auto; display: flex; transform: translateY(-50%); flex-direction: row-reverse; gap: 0.8vw; align-items: center; } #header2 #header-container #header-left img { width: 7.031vw; } #header2 #header-container .header-right-section .header-top { display: flex; position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); padding: 0; } #header2 #header-container .header-right-section .header-top .header-top-left { margin: 0; display: flex; align-items: center; justify-content: center; gap: 0.6vw; } #header2 #header-container .header-right-section .header-top .header-top-left .navShopBtn { display: inline-flex; } #header2 #header-container .header-right-section .header-top a.social_icon_instagram, #header2 #header-container .header-right-section .header-top a.facebook_icon_instagram, #header2 #header-container .header-right-section .header-top a.social_icon_tiktok { display: none; } #header2 #header-container .header-right-section .header-top .header-top-left button { padding: 0; } #header2 #header-container .header-right-section .menu-nav { margin: 0; width: max-content; max-width: unset; } #header2 #header-container .header-right-section .menu-nav .closed { display: none !important; } #header2 .menu .menu-sub li { margin: 0; white-space: normal; } :is(#header2 #header-container #header-left .searchBtn, #header2 #header-container .header-right-section .header-top .header-top-left .searchBtn) { width: 100%; height: 100%; display: flex; position: relative; top: unset; right: unset; transform: unset; order: -1; } #header2 #header-container .header-right-section .header-top .header-top-left > .navShopBtn > :is(a, button) { width: 1.15vw; height: 1.15vw; background-image: url(/warehouse/dynamic/493290.svg); background-repeat: no-repeat; background-position: center; margin: 0; background-size: contain; } #header2 #header-container .header-right-section .header-top .header-top-left > .navShopBtn > :is(a, button)::after { display: none; } #header2 #header-container .header-right-section .header-top .header-top-left > .navShopBtn svg { display: none; } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn > :is(a, button) { background-image: url(/warehouse/dynamic/489227.svg); } #header2 #header-container .header-right-section .header-top .header-top-left > .cartBtn.navShopBtn > :is(a, button) { background-image: url(/warehouse/dynamic/489228.svg); } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction::before { content: ''; display: inline-block; width: 1.15vw; height: 1.15vw; background-image: url(/warehouse/dynamic/489093.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction svg { display: none; } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction.userAccountBtn::before { background-image: url(/warehouse/dynamic/489227.svg); } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction.userPassBtn::before { background-image: url(/warehouse/dynamic/489491.svg); } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction.userOrdersBtn::before { background-image: url(/warehouse/dynamic/489490.svg); } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn { left: unset; right: -1vw; width: 11vw; bottom: unset !important; color: var(--black); top: calc(100% + 0.7vw); } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn::after { top: -0.4vw; left: unset; right: 0.6vw; border-bottom-color: var(--black); } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn h4 { background: var(--black); font-size: 0.781vw; padding: 1vw; } #header2 #header-container .header-right-section .header-top .header-top-left > .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction { font-size: 0.781vw; padding: 0.5vw 1vw; direction: ltr; display: inline-flex; align-items: center; gap: 0.5vw; width: 100%; } /*body.safariBrowser #header2 #header-container .header-right-section .header-top .header-top-left > .navShopBtn svg { display: block; fill: var(--black); } body.safariBrowser #header2 #header-container .header-right-section .header-top .header-top-left > .navShopBtn svg * { fill: var(--black); } body.safariBrowser #header2 #header-container .header-right-section .header-top .header-top-left > .navShopBtn > :is(a, button) { display:flex; background: unset !important; }*/ .cartItemsCounter { display: flex; justify-content: center; align-items: center; background: var(--orange); width: 0.8vw; height: 0.8vw; bottom: unset; top: -0.2vw; right: -0.4vw; } .cartItemsCounter span.CartItems { position: relative; top: unset; left: unset; transform: unset; font-size: 0.5vw; } :is(#header2 #header-container #header-left .searchBtn, #header2 #header-container .header-right-section .header-top .header-top-left .searchBtn) a { width: 1.15vw; height: 1.15vw; background-image: url(/warehouse/dynamic/489235.svg); background-repeat: no-repeat; background-position: center; margin: 0; background-size: contain; } :is(#header2 #header-container #header-left .searchBtn, #header2 #header-container .header-right-section .header-top .header-top-left .searchBtn) a svg { display: none !important; } .hasAutoComplete .search.desktop { position: absolute; } :is(header.search-open #header2 #header-container #header-left .searchBtn, header.search-open #header2 #header-container .header-right-section .header-top .header-top-left .searchBtn) { opacity: 0; pointer-events: none; } #header2 .search.desktop { height: var(--headerHeight) !important; position: absolute; top: 0; background: #fff; z-index: 50; direction: ltr; } #header2 .search.desktop .searchBtn { left: 1.5vw; right: auto; } #header2 .search.desktop .searchBtn > a { display: flex; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/480305.svg); } #header2 .search.desktop .searchBtn > a svg { opacity: 0; width: 1.25vw; height: 1.25vw; } #header2 .search.desktop #searchFormHeaderContainer { display: flex; align-items: center; justify-content: center; height: 100%; } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader { margin: 0; bottom: unset !important; width: 33.333vw; color: var(--black); background: #fff; border-bottom: 1px solid var(--black); transition: unset; } #header2 .search.desktop:has(li.resultItem, #SearchResultContainer > h3) #searchFormHeaderContainer form#searchFormHeader { } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { padding: 0.2vw 2vw 0 1.042vw; border: unset; outline: unset; font-size: clamp(1rem, 0.838vw, 1000rem); height: 2.865vw; text-align: left; } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader .searchSubmitWrapper { left: auto; right: 0; height: 1.4vw; width: 1.4vw; top: 50%; transform: translateY(-50%); display: flex; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/480308.svg); } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader .searchSubmitWrapper input#searchFormSubmit { padding: 0; height: 100%; width: 100%; } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader .searchSubmitWrapper svg { display: none; } #header2 .search.desktop #quick-search-container { height: auto; width: 33.333vw; top: calc(100% - 0.2vw); left: 50%; transform: translateX(-50%); border-radius: 0; } #header2 .search.desktop #quick-search-container:has(li.resultItem) { border: 1px solid var(--black); } #header2 .search.desktop #quick-search-container #SearchResultContainer { border-radius: 0; } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList { margin: 0; padding: 1.042vw 1.042vw 1.35vw; display: flex; flex-direction: column; gap: 0.8vw; position: relative; overflow: hidden; } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList::before { content: ''; position: absolute; left: 50%; top: 0; width: 100%; height: 1px; background: var(--black); transform: translateX(-50%); background: transparent; } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem { padding: 0; border: unset; line-height: 0.8; text-align: left; } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a { background: transparent; padding: 0; font-size: clamp(1rem, 0.838vw, 1000rem); color: var(--black); } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a:is(:hover, :focus) { color: var(--orange); } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a .resultArrow { display: none; } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a b { font-weight: unset; font-family: var(--med); } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem { padding: 0; line-height: 0.8; } #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem a { font-size: clamp(1rem, 0.838vw, 1000rem); color: var(--orange); text-decoration: underline; text-underline-offset: 2px; } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader span.error { bottom: -1.1vw; left: 0; right: unset; } .navQuickAlert { border: 1px solid #6E6C6940; display: flex; align-items: center; } .navQuickAlert::after { border-bottom: 10px solid #6E6C6940; } @media(min-width: 1025px) { #header2 #header-container .header-right-section { flex-grow: 1; display: flex; justify-content: center; } #header2 #header-container .header-right-section .menu-nav #menu { margin: 0; display: flex; align-items: center; gap: 0 1.563vw; justify-content: center; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) { margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); color: var(--black); height: 3.750vw; min-height: 60px; } #header2 #header-container .header-right-section .menu-nav #menu > li::before { display: none; } #header2 #header-container .header-right-section .menu-nav #menu > li > a { transition: 0.3s all ease; opacity: 1; border: none; outline: none; height: 100%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--bold), "Heebo"; text-transform: uppercase; } #header2 #header-container .header-right-section .menu-nav #menu > li > i { transition: 0.3s all ease; margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); } #header2 #header-container .header-right-section .menu-nav #menu > li:hover > i { transform: scaleY(-1); } #header2 #header-container .header-right-section .menu-nav #menu > li.active > i { color: var(--orange); } #header2 #header-container .header-right-section .menu-nav #menu > li.active > a, #header2 #header-container .header-right-section .menu-nav #menu > li > a:hover, #header2 #header-container .header-right-section .menu-nav #menu > li > a:focus { color: var(--orange); } #header2 #header-container .header-right-section .menu-nav #menu > li.active > a + i, #header2 #header-container .header-right-section .menu-nav #menu > li > a:hover + i, #header2 #header-container .header-right-section .menu-nav #menu > li > a:focus + i { color: var(--orange); } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu { padding: 2.1vw; position: fixed; top: var(--headerHeight); left: 0; width: 100%; background: #fff; border-top: 1px solid rgba(110, 108, 105, 0.25); border-bottom: 1px solid rgba(110, 108, 105, 0.25); display: none !important; opacity: 1 !important; !i; !; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu.open { display: block !important; pointer-events: auto; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu .megaMenuGroupImage { margin: 0 0 0 auto; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu .megaMenuGroupImage img { width: 39.323vw; height: 17.240vw; object-fit: cover; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 { margin: 0; min-width: unset; min-height: unset; font-size: 2rem; display: flex; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 h3.menuGroupTitle { white-space: normal; font-size: 2.604vw; letter-spacing: -0.052vw; width: 17.56vw; color: var(--black); text-transform: uppercase; margin: 1vw 4.531vw 0 0; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 ul.megaMenuSub { width: 26.042vw; display: flex; /* flex-wrap: wrap; */ gap: 10px 110px; height: fit-content; margin-top: 1.5vw; gap: 5.73vw; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 ul.megaMenuSub > ul { padding: 0; width: auto; display: flex; flex-direction: column; gap: 10px; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 li.megaMenuSubItem { display: flex; min-width: 50%; margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); width: fit-content; color: var(--black); font-family: var(--bold), "Heebo"; text-transform: uppercase; line-height: 128%; padding: 0 1vw 0 0; transition: 0.3s all ease; align-items: center; } .macOs #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 li.megaMenuSubItem { min-width: 40%; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 li.megaMenuSubItem:hover { color: var(--orange); } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem:last-child::after { content: ''; display: inline-block; width: 10px; height: 10px; background-image: url(/warehouse/dynamic/441983.svg); background-repeat: no-repeat; background-size: contain; margin: 0 0 0 5px; transition: 0.4s all ease; pointer-events: none; transform: translateY(1px); } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem:last-child { position: absolute; left: 0; bottom: 1vw; color: #8E8E8E; font-family: inherit; text-transform: unset; min-width: unset; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem:last-child::after { content: ''; display: inline-block; width: 10px; height: 10px; background-image: url(/warehouse/dynamic/441983.svg); background-repeat: no-repeat; background-size: contain; margin: 0 0 0 5px; transition: 0.4s all ease; pointer-events: none; transform: translateY(1px); } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem a { padding: 0; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem:last-child a { text-decoration: underline; text-underline-offset: 3px; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 li.megaMenuSubItem:not(:last-child) a:hover, #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 li.megaMenuSubItem:not(:last-child) a:focus { border-bottom: 0 } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem:last-child a { text-decoration: underline; text-underline-offset: 3px; } #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem:not(:last-child) a:hover, #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 .secondHalf li.megaMenuSubItem:not(:last-child) a:focus { border-bottom: 0 } } @media(min-width: 1025px) and (max-width: 1500px) { #header2 #header-container .header-right-section .menu-nav #menu > li:not(.megaMenuSection) ul.menu-sub.megaMenu li#menuGroup-1 ul.megaMenuSub { gap: 3.729vw; } } @media(max-width: 1024px) { #header2 ul.menu { right: unset; position: fixed; width: 100%; height: 100%; padding: 90px 16px 40px; background: #fff; margin: 0; } .megaMenuGroupImage img { width: 100%; } #header2 #header-container #header-left { left: 16px; position: relative; left: unset; top: unset; transform: unset; flex-grow: 1; gap: 15px; } #header2 #header-container #header-left img { width: 96px; max-width: unset; } #header2 #header-container .header-right-section { padding: 0; width: auto; z-index: 20; background: transparent; position: unset; } #header2 { min-height: 60px; padding: 0 16px; } #header2 ul.menu > li[data-cat-mod] { padding: 17px 0 11px; border-bottom: 1px solid rgba(110, 108, 105, 0.25); white-space: normal; display: flex; align-items: center; justify-content: space-between; } #header2 ul.menu > li[data-cat-mod] a { font-size: 1.5rem; color: var(--black); font-family: var(--bold), "Heebo"; text-transform: uppercase; z-index: 1; opacity: 1; text-decoration: unset !important; border: unset !important; } #header2 ul.menu > li[data-cat-mod]::before { content: none; } #header2 ul.menu > li[data-cat-mod]:is(.active,:hover,:focus) a { color: var(--orange); } #header2 ul.menu > li[data-cat-mod] > button { position: absolute; left: unset; height: 100%; right: 0; padding: 0; display: flex; width: 100%; justify-content: flex-end; align-items: center; } #header2 ul.menu > li[data-cat-mod] > button .menuSvgArrowIcon { margin: 0; } #header2 ul.menu > li[data-cat-mod] > button .menuSvgArrowIcon svg { fill: var(--black); width: 7px; transform: scaleX(-1) translateY(-4px); } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu .arrowIconWrapper { background-image: url(/warehouse/dynamic/446286.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; width: 12px; height: 12px; display: inline-block; margin-right: 10px; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu .arrowIconWrapper .menuSvgArrowIcon { display: none; } #header2 ul.menu li.social-mobile { display: none; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: var(--black); height: 2px; width: 35px; } #nav-toggle span { background: transparent; height: 0; } #nav-toggle span:before, #nav-toggle-mobile span:before { top: -5px; } #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -5px; } #nav-toggle.active span:before, #nav-toggle-mobile.active span:before { transform: rotate(21deg); } #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { transform: rotate(-20deg); } #header2 #header-container .header-right-section .menu-nav .nav-menu-anim { width: 35px; height: 20px; margin: 0; } #header2 ul.menu li.megaMenuSection { height: max-content !important; padding: 90px 16px; min-height: 100vh; } #header2 ul.menu li.megaMenuSection .megaMenuGroup { margin: 0; font-size: 1.5rem; color: var(--black); font-family: var(--bold), "Heebo"; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; } #header2 ul.menu li.megaMenuSection .megaMenuGroup button { position: relative; left: unset; right: unset; padding: 0; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer { padding: 0; text-align: left; color: var(--black); } #header2 ul.menu li.megaMenuSection .megaMenuGroup button .menuSvgArrowIcon { margin: 0; } #header2 ul.menu li.megaMenuSection .megaMenuGroup button .menuSvgArrowIcon svg { fill: var(--black); width: 7px; transform: scaleX(-1) translateY(-4px); } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu { position: relative; top: unset; left: unset; margin-bottom: 55px; padding: 0; direction: rtl; font-size: 1.5rem; color: #8E8E8E; text-transform: capitalize; display: flex; align-items: center; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer > h3 { letter-spacing: -0.68px; font-size: 3.4rem; text-transform: uppercase; margin: 0 0 35px; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu { padding: 0; text-align: left; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu ul.megaMenuSub { display: flex; flex-wrap: wrap; gap: 16px 0; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu li.megaMenuSubItem { margin: 0; color: var(--black); width: auto; width: 50%; padding-right: 20px; text-transform: uppercase; font-size: 1.5rem; display: inline-flex; font-family: var(--bold), "Heebo"; align-items: center; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu ul.megaMenuSub { display: flex; gap: 40px; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu ul.megaMenuSub > ul { display: flex; flex-direction: column; gap: 16px; padding: 0; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu li.megaMenuSubItem { margin: 0; color: var(--black); width: auto; text-transform: uppercase; font-size: 1.5rem; display: inline-flex; font-family: var(--bold), "Heebo"; align-items: center; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu li.megaMenuSubItem:is(.active, :hover, :focus) { color: var(--orange); } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu li.megaMenuSubItem a { font-size: inherit; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu .secondHalf li.megaMenuSubItem:last-child { position: absolute; top: 90px; font-size: 1.5rem; line-height: 1.35; color: #8E8E8E; text-transform: unset; font-family: unset; min-width: unset; padding: 0; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu .secondHalf li.megaMenuSubItem:last-child::after { content: ''; display: inline-block; width: 10px; height: 10px; background-image: url(/warehouse/dynamic/441983.svg); background-repeat: no-repeat; background-size: contain; margin: 0 0 0 5px; transition: 0.4s all ease; pointer-events: none; transform: translateY(1px); } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer ul.megaMenu .secondHalf li.megaMenuSubItem:last-child { right: 20px; } #header2 ul.menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroupImage { display: none; } #header2 #header-container .mobile-middle-kdm { display: none; } #header2 #header-container #header-left .searchMobile { display: none; } #header2 #header-container #header-left a.logoHeader { margin-inline: 0 auto; order: 2 } #header2 #header-container #header-left .navShopBtn { display: none; } #header2 #header-container { gap: 16px; } #header2 #header-container .header-right-section .header-top .header-top-left > :not(#quick-search-container) { display: none; } #header2 #header-container .header-right-section .header-top { right: unset; width: 100%; left: 0; top: unset; transform: unset; } #header2.hasAutoComplete #quick-search-container { position: fixed; left: 0; top: calc(var(--headerHeight) + 48px); width: 100%; z-index: 30; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem { text-align: left; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem .resultContent > a { background: transparent; } #header2.hasAutoComplete #quick-search-container #SearchResultContainer li.resultItem .resultContent > a .resultArrow { display: none; } :is(#header2 #header-container #header-left .searchBtn, #header2 #header-container .header-right-section .header-top .header-top-left .searchBtn) { width: fit-content; position: absolute; } :is(#header2 #header-container #header-left .searchBtn, #header2 #header-container .header-right-section .header-top .header-top-left .searchBtn) a { width: 20px; height: 20px; } #header2 #header-container #header-left .navShopBtn { display: inline-flex; margin: 0; } #header2 #header-container #header-left .navShopBtn svg { display: none; } #header2 #header-container #header-left .navShopBtn > :is(a, button) { background-image: url(/warehouse/dynamic/493290.svg); background-repeat: no-repeat; background-position: center; background-size: contain; margin: 0; width: 20px; height: 20px; } #header2 #header-container #header-left .cartBtn.navShopBtn > :is(a, button) { background-image: url(/warehouse/dynamic/489228.svg); } #header2 #header-container #header-left .userBtn.navShopBtn > :is(a, button) { background-image: url(/warehouse/dynamic/489227.svg); } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn { left: 50%; transform: translateX(-50%); top: calc(var(--headerHeight) + 10px); width: calc(100% - 40px); bottom: unset !important; color: var(--black); } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn::after { top: -0.4vw; left: unset; right: 0.6vw; border-bottom-color: var(--black); } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn h4 { background: var(--black); font-size: 1.4rem; padding: 16px; } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction { font-size: 1.5rem; padding: 16px; direction: ltr; display: inline-flex; align-items: center; gap: 10px; width: 100%; } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction::before { content: ''; background-size: contain; display: inline-block; width: 20px; height: 20px; background-image: url(/warehouse/dynamic/489093.svg); background-repeat: no-repeat; background-position: center; } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction svg { display: none; } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction.userAccountBtn::before { background-image: url(/warehouse/dynamic/489227.svg); } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction.userPassBtn::before { background-image: url(/warehouse/dynamic/489491.svg); } #header2 #header-container #header-left .userBtn.navShopBtn .headerShopLoginUserLoggedIn a.userAction.userOrdersBtn::before { background-image: url(/warehouse/dynamic/489490.svg); } .cartItemsCounter { width: 14px; height: 14px; bottom: unset; top: -4px; right: unset; left: -6px; } .cartItemsCounter span.CartItems { font-size: 0.9rem; } #header2 #header-container #header-left .searchMobile { display: inline-flex; height: 20px; width: 20px; order: 1; } #header2 #header-container #header-left .searchMobile .searchBtn svg { display: none !important; } header #header2 #header-container #header-left .searchMobile .searchBtn { opacity: 1; pointer-events: all; height: 20px; width: 20px; background-image: url(/warehouse/dynamic/489235.svg); background-repeat: no-repeat; background-position: center; margin: 0; background-size: contain; } header.search-open #header2 #header-container #header-left .searchBtn { background-image: url(/warehouse/dynamic/480305.svg); } header.search-open #header-container #header-left .searchMobile .searchBtn svg { opacity: 0; width: 24px; height: 24px; } #header2 .search.desktop { top: var(--headerHeight); height: 48px !important; border-bottom: 1px solid var(--black); left: 50%; transform: translateX(-50%); } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader { width: 100%; border: unset; padding: 0; border-radius: 0; position: relative; bottom: unset; display: flex; } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { font-size: 1.4rem !important; height: auto; padding: 0 50px 0 16px; } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader .searchSubmitWrapper { width: 18px; height: 18px; right: 15px; background-size: contain; background-image: url(/warehouse/dynamic/489235.svg); } #header2 .search.desktop #searchFormHeaderContainer form#searchFormHeader span.error { bottom: 20px; font-size: 1.2rem; left: 16px; } } /* Home Gallery */ #home-gallery { height: max-content !important; display: flex; justify-content: center; flex-direction: column-reverse; } #home-gallery .slider-bg.stellar-bg { min-height: unset; height: 100svh !important; } #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 40px; } #home-gallery ol.flex-control-nav.flex-control-paging li a { background: var(--gray); opacity: 1; width: 8px; height: 8px; transition: 0.3s all ease; } #home-gallery ol.flex-control-nav.flex-control-paging li a.flex-active { background: var(--bg); } #home-gallery .scroll-down { font-size: 100%; bottom: unset; left: 2.1vw; top: 39vw; animation: unset !important; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 13rem; height: 13rem; overflow: clip; } #home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width: 100%; height: 100%; margin: 0; opacity: 0; } #home-gallery .scroll-down::after { content: "SCROLL"; position: absolute; left: calc(50% - 15px); top: 52%; transform: translate(-50%,-50%); font-size: clamp(1rem, 0.781vw, 1000rem); pointer-events: none; font-family: 'NeueHelveticaPro75Bold', "Heebo"; } #home-gallery .scroll-down::before { position: absolute; left: calc(50% + 30px); top: 50%; transform: translate(-50%,-50%); font-size: clamp(1rem, 0.781vw, 1000rem); pointer-events: none; content: ''; background-image: url( /warehouse/dynamic/447850.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; } #home-gallery .scroll-down { display: none; } #home-gallery .slider-bg.stellar-bg .photoCaptionText { max-width: unset; padding: 0; ); ); background: transparent; display: flex; justify-content: center; width: max-content; background: #fff; color: var(--black); } #home-gallery .slider-bg.stellar-bg .photoCaptionText .photoTitle { display: none; } #home-gallery .slider-bg.stellar-bg .photoCaptionText a.photoCaptionLink { border: 1px solid var(--black); width: max-content; display: flex; justify-content: center; align-items: center; height: 3.125vw; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; transition: 0.4s all ease; font-family: 'NeueHelveticaPro75Bold', "Heebo"; background: inherit; color: inherit; padding: 0 1.25vw; } #home-gallery .slider-bg.stellar-bg .photoCaptionText::after { display: none; } #home-gallery .slider-bg.stellar-bg .photoCaptionText:is(:hover, :focus) { background: var(--black); color: #fff; } #home-gallery .opacity-layer { display: none; } #home-gallery :is(#TopVideo, .TopVideo) { overflow: clip; } #home-gallery :is(#TopVideo, .TopVideo)::after { background: linear-gradient(360deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 60%; z-index: 0; pointer-events: none; } #home-gallery :is(#TopVideo, .TopVideo) iframe { height: 56vw; top: unset; position: relative; width: 100vw; left: unset; transform: unset; } #home-gallery .gallery-caption { position: relative; top: unset; left: unset; transform: unset; padding: 8.438vw 2.1vw 1.2vw; background-color: #fff } #home-gallery .gallery-caption .gallery-text { color: var(--black); font-size: 100%; } #home-gallery #player-controls { right: 2.1vw !important; left: unset !important; bottom: unset; top: 45vw; display: flex; gap: 2.4rem; align-items: center; } #home-gallery #player-controls button { width: 1.6rem; height: 1.6rem; font-size: 1.6rem; padding: 0; margin: 0; } #home-gallery #player-controls span { display: none; } #home-gallery .gallery-caption .gallery-text div { line-height: 86%; font-size: clamp(5.5rem,6.771vw,1000rem); letter-spacing: clamp(-0.22rem, -0.271vw, 1000rem); text-transform: uppercase; } #home-gallery .gallery-caption .gallery-text div span { line-height: 50%; letter-spacing: unset; font-size: clamp(7rem,8.594vw,1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } @media(max-width: 1024px) { #home-gallery .scroll-down { left: 16px; width: 98px; height: 98px; top: 82vh; } .macOs #home-gallery .scroll-down { top: 75vh; } #home-gallery .scroll-down::after { font-size: 1.2rem; left: calc(50% - 12px); } #home-gallery .scroll-down::before { left: calc(50% + 24px); width: 12px; height: 12px; } #home-gallery .slider-bg.stellar-bg .photoCaptionText a.photoCaptionLink { height: 52px; font-size: 1.2rem; padding: 0 24px; } #home-gallery .gallery-caption { margin-top: var(--headerHeight); padding: 40px 16px 10px; } #home-gallery .gallery-caption .gallery-text div { letter-spacing: -2.2px; display: flex; flex-direction: column; gap: 16px; } #home-gallery .TopVideo { overflow: hidden; } #home-gallery .TopVideo video { width: 100vw !important; min-height: unset !important; top: unset; position: relative; transform: unset; left: unset; height: 100% !important; } #home-gallery .TopVideo #mobile-player-controls { left: unset; right: 16px; top: 93vh; bottom: unset; display: flex; align-items: center; gap: 16px; } .macOs #home-gallery .TopVideo #mobile-player-controls { top: 85vh; } #home-gallery .TopVideo #mobile-player-controls button { padding: 0; height: auto; width: auto; } } /* Home Collection Section */ .section.collection-section { display: flex; flex-direction: column; padding: 7vw 2.1vw 0; } .section.collection-title-home-sec { display: flex; justify-content: space-between; margin-bottom: 2.725vw; } .section.collection-title-home-sec .section-title h1 { color: var(--orange); text-transform: uppercase; font-size: clamp(1rem, 0.781vw, 1000rem); font-family: 'NeueHelveticaPro75Bold', "Heebo"; } .section.collection-title-home-sec .grid-text-content { padding: 0; width: auto; margin: 0; max-width: 63.542vw; } .section.collection-title-home-sec .grid-text-content p { font-size: clamp(2.2rem,1.771vw,1000rem); text-align: left; line-height: 120%; text-transform: uppercase; letter-spacing: clamp(-0.44px,-0.035vw,1000rem); } .section.collection-title-home-sec .grid-text-content p .title-white-space { width: 24vw; display: inline-block; } .section.collection-boxes-home-sec .grid-boxes { flex-wrap: wrap; justify-content: center; gap: 2.1vw 1.042vw; } .section.collection-boxes-home-sec .grid-boxes .grid-box { padding: 0; width: calc(33.33vw - 2.225vw); background: var(--bg); align-items: flex-start; flex-direction: column; display: flex; } .section.collection-boxes-home-sec .grid-boxes .grid-box img { mix-blend-mode: multiply; } .section.collection-boxes-home-sec .grid-boxes .grid-box .grid-box-image { margin: 0; } .section.collection-boxes-home-sec .grid-boxes .grid-box .grid-box-title h3 { padding: 0.842vw 1.042vw; margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); } .section.collection-boxes-home-sec .grid-boxes .grid-box .grid-box-title { width: 100%; text-align: left; position: absolute; bottom: 0; pointer-events: none; } .section.collection-boxes-home-sec .grid-boxes .grid-box .see-more { position: absolute; right: 0; bottom: 0; color: #8E8E8E; font-size: clamp(1rem, 0.781vw, 1000rem); padding: 0.842vw 1.042vw; cursor: pointer; } .section.collection-boxes-home-sec .grid-boxes .grid-box:hover .see-more { text-decoration: underline; text-underline-offset: 3px; } .section.collection-boxes-home-sec .grid-boxes .grid-box .see-more::after { content: ''; display: inline-block; width: 10px; height: 10px; background-image: url(/warehouse/dynamic/441983.svg); background-repeat: no-repeat; background-size: contain; margin: 0 0 0 5px; transition: 0.4s all ease; pointer-events: none; transform: translateY(1px); } .section.collection-boxes-home-sec .content-section-Btn { width: 100%; } .section.collection-boxes-home-sec .content-section-Btn a.sec-button { border: 1px solid var(--black); width: 100%; display: flex; justify-content: center; align-items: center; height: 3.125vw; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; transition: 0.4s all ease; position: relative; font-family: 'NeueHelveticaPro75Bold', "Heebo"; } .section.collection-boxes-home-sec .content-section-Btn a.sec-button:hover, .section.collection-boxes-home-sec .content-section-Btn a.sec-button:focus { background: var(--black); color: #fff; } .section.collection-boxes-home-sec .content-section-Btn a.sec-button::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url( /warehouse/dynamic/447851.svg); background-repeat: no-repeat; background-size: contain; margin: -2px 0 0 10px; transition: 0.4s all ease; } .section.collection-boxes-home-sec .content-section-Btn a.sec-button:hover::after, .section.collection-boxes-home-sec .content-section-Btn a.sec-button:focus::after { background-image: url( /warehouse/dynamic/447852.svg); } @media(max-width: 1024px) { .section.collection-section { padding: 60px 0 0; } .section.collection-title-home-sec { display: flex; flex-direction: column; padding: 0 16px; margin-bottom: 30px; } .section.collection-title-home-sec .section-title { margin: 0 0 30px; } .section.collection-title-home-sec .section-title h1 { text-align: left; font-size: 1.2rem; } .section.collection-title-home-sec .grid-text-content { max-width: unset; } .section.collection-title-home-sec .grid-text-content p { letter-spacing: -0.44px; } .section.collection-title-home-sec .grid-text-content p .title-white-space { width: 134px; } .section.collection-boxes-home-sec .grid-boxes { gap: 12px; flex-wrap: unset; overflow-x: scroll; width: 100%; justify-content: flex-start; padding: 0 16px 20px; } .section.collection-boxes-home-sec .grid-boxes .grid-box { min-width: 80vw; width: 80vw; margin: 0; } .section.collection-boxes-home-sec .grid-boxes .grid-box .grid-box-title h3 { padding: 10px 15px; font-size: 1.3rem; } .section.collection-boxes-home-sec .grid-boxes .grid-box .see-more { padding: 10px 15px; font-size: 1.3rem; } .section.collection-boxes-home-sec .content-section-Btn { width: calc(100% - 32px); margin: 0 auto; } .section.collection-boxes-home-sec .content-section-Btn a.sec-button { height: 52px; font-size: 1.2rem; padding-top: 4px; } } /* Home Purpose Section */ .section.purpose-sec { padding: 10vw 2.1vw 0; text-align: left; } .section.purpose-sec .section-title { width: auto; display: inline-flex; } .section.purpose-sec .section-title h2 { line-height: 110%; font-size: clamp(3.4rem,3.646vw,1000rem); letter-spacing: clamp(-0.68rem, -0.073vw, 1000rem); text-transform: uppercase; } .section.purpose-sec .section-title h2 span { display: block; line-height: 100%; letter-spacing: unset; font-size: clamp(4.6rem,5.260vw,1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } #LobbyModule .section.purpose-sec .grid-boxes { padding: 0; margin: 0; max-width: unset; margin-top: -8vw; } .section.purpose-sec .grid-boxes { justify-content: space-between; margin-top: -8vw; } .section.purpose-sec .grid-boxes .grid-box { padding: 0; text-align: left; display: flex !important; width: auto; gap: 0.729vw 1.042vw; } .section.purpose-sec .grid-boxes .grid-box:nth-child(1) { height: 32.813vw; align-self: end; } .section.purpose-sec .grid-boxes .grid-box:nth-child(2) { flex-direction: column; width: 39.375vw; } .section.purpose-sec .grid-boxes .grid-box .grid-box-fulltext { max-width: min(360px,19vw); } .section.purpose-sec .grid-boxes .grid-box .grid-box-image { margin: 0; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-opacity-layer { display: none; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container > .box-image-animation { pointer-events: none; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text { text-align: center; font-size: clamp(1rem, 0.781vw, 1000rem); border: 1px solid #fff; background: linear-gradient(0deg, rgba(86, 82, 82, 0.25) 5.52%, rgba(255, 255, 255, 0.25) 94.48%); padding: 0.1vw 0 1.9vw; opacity: 0; transition: 0.3s all ease; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); transform: translateY(-50%); } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text:hover { opacity: 1; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p { font-size: inherit; color: #fff; line-height: 1; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text img { max-width: 7.85vw; } .section.purpose-sec .grid-boxes .grid-box.opacity .grid-box-image .grid-box-image-text:hover img { transform: scale(1.1); } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text > .box-image-animation { pointer-events: none; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text > p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 0 0.5vw; display: inline-flex; align-items: flex-end; justify-content: center; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text > p .box-image-animation { display: none; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text > p a { height: auto; width: 80%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; line-height: 1.1; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .circle-hover { content: ''; position: absolute; transform: translate(-50%,-50%); z-index: 1; cursor: pointer; padding: 1.1vw; display: flex; align-items: center; justify-content: center; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .circle-hover .circle-hover-inner { width: 1.667vw; height: 1.667vw; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url(/warehouse/dynamic/441609.svg); } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .circle-hover:hover + .grid-box-image-container .grid-box-image-text { opacity: 1; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .circle-hover + .grid-box-image-container .grid-box-image-text::after { content: ''; position: absolute; top: 15px; right: 15px; width: 12px; height: 12px; background-image: url(/warehouse/dynamic/447852.svg); background-position: center; background-repeat: no-repeat; background-size: cover; } .section.purpose-sec .grid-boxes .grid-box:nth-child(1) .grid-box-image { width: 23.177vw; } .section.purpose-sec .grid-boxes .grid-box:nth-child(1) .grid-box-image .circle-hover { top: 59%; left: 42%; } .section.purpose-sec .grid-boxes .grid-box:nth-child(1) .grid-box-image .grid-box-image-text { top: 65%; left: 50%; } .section.purpose-sec .grid-boxes .grid-box:nth-child(2) .grid-box-image .circle-hover { top: 30%; left: 50%; } .section.purpose-sec .grid-boxes .grid-box:nth-child(2) .grid-box-image .grid-box-image-text { top: 34%; left: 55%; } @media(max-width: 1024px) { .section.purpose-sec { padding: 90px 16px 0; } .section.purpose-sec .grid-boxes { margin: 40px auto 0; flex-direction: column; gap: 35px; } #LobbyModule .section.purpose-sec .grid-boxes { margin: 40px auto 0; } .section.purpose-sec .grid-boxes .grid-box { width: 100%; gap: 12px; margin: 0; } .section.purpose-sec .grid-boxes .grid-box .grid-box-fulltext { max-width: unset; } .section.purpose-sec .grid-boxes .grid-box:nth-child(1) { align-self: start; height: auto; flex-direction: column; } .section.purpose-sec .grid-boxes .grid-box:nth-child(1) .grid-box-image { width: 120px; width: 100%; min-width: 120px; overflow: hidden; height: 230px; } .section.purpose-sec .grid-boxes .grid-box:nth-child(2) { width: 100%; } .section.purpose-sec .grid-boxes .grid-box:nth-child(2) .grid-box-fulltext { max-width: 100%; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container > .box-image-animation img { height: 100%; object-fit: cover; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .circle-hover .circle-hover-inner { width: 32px; height: 32px; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text { padding: 5px 0 10px; } .section.purpose-sec .grid-boxes .grid-box:nth-child(1) .grid-box-image .grid-box-image-text { top: 40%; left: 50%; } .section.purpose-sec .grid-boxes .grid-box:nth-child(2) .grid-box-image .grid-box-image-text { top: 53%; left: 47%; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text img { max-width: 120px; } .section.purpose-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text > p { position: relative; } } /* Home Big Image Section */ .section.big-image-home-sec { padding: 13.542vw 0 0; } .section.big-image-home-sec .grid-text.gridTextWithImg { height: 88.5vw; overflow: hidden; } .section.big-image-home-sec .grid-text-content { padding: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; } .section.big-image-home-sec .grid-text-content .gridText1, .section.big-image-home-sec .grid-text-content .gridText2 { width: auto; margin: 0; text-align: left; padding: 0; } .section.big-image-home-sec .grid-text-content .gridText1 { padding: 0 2.1vw 7.292vw; display: flex; flex-direction: column; align-items: flex-end; } .section.big-image-home-sec .grid-text-content .gridText1 h2 { max-width: 516px; color: #fff; line-height: 110%; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 1.5vw; } .section.big-image-home-sec .grid-text-content .gridText1 p { line-height: 120%; color: #fff; max-width: 447px; margin-bottom: 2.5vw; } .section.big-image-home-sec .grid-text-content .gridText1 a.sec-button { background: var(--black); border-radius: 0; margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; padding: 0 2.135vw; display: flex; transition: 0.3s all ease; height: 3.125vw; font-family: 'NeueHelveticaPro75Bold', "Heebo"; align-items: center; justify-content: center; } .section.big-image-home-sec .grid-text-content .gridText1 a.sec-button::before { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url(/warehouse/dynamic/447852.svg); background-repeat: no-repeat; background-size: contain; margin: -2px 0 0 10px; transition: 0.4s all ease; pointer-events: none; } .section.big-image-home-sec .grid-text-content .gridText1 a.sec-button:hover, .section.big-image-home-sec .grid-text-content .gridText1 a.sec-button:focus { background: var(--orange); border: none; outline: none; } .section.big-image-home-sec .grid-text-content .gridText2 { position: absolute; top: 20%; left: 50%; transform: translateY(-50%); } .section.big-image-home-sec .grid-text-content .gridText2 img { width: 100%; height: auto; max-width: 7.85vw; } .section.big-image-home-sec .grid-text-content { max-width: 595px; display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; left: 2.083vw; top: auto; bottom: 7.3vw; flex-direction: column; transform: none; text-align: left; } .section.big-image-home-sec .grid-text-content h2 { color: #fff; margin-bottom: 1vw; line-height: 110%; font-size: clamp(3.4rem, 3.646vw, 1000rem); letter-spacing: clamp(-0.68rem, -0.073vw, 1000rem); text-transform: uppercase; } .section.big-image-home-sec .grid-text-content p { color: #fff; font-size: clamp(1.4rem, 0.9vw,100rem); line-height: 1.2; margin-bottom: 2.6vw; } .section.big-image-home-sec .grid-text-content a.sec-button { background-color: var(--black); border-radius: 0; padding: 1.45vw 2.06vw 1.15vw; font-size: clamp(1.2rem,0.87vw,100rem); font-family: var(--bold), "Heebo"; text-transform: uppercase; display: flex; align-items: flex-start; gap: 0.52vw; transition: all 0.5s ease; margin: 0; } .section.big-image-home-sec .grid-text-content a.sec-button:hover { background-color: var(--orange); } .section.big-image-home-sec .grid-text-content a.sec-button::before { content: ''; display: inline-flex; width: 0.65vw; min-width: 11px; height: 0.65vw; min-height: 12px; background-image: url(/warehouse/dynamic/447852.svg); background-position: center; background-repeat: no-repeat; background-size: contain; margin-top: -1px; } @media(max-width: 1024px) { .section.big-image-home-sec { padding: 90px 0 0; } .section.big-image-home-sec .grid-text-content .gridText1 { padding: 0 16px 40px; } .section.big-image-home-sec .grid-text-content .gridText1 h2 { font-size: 2.2rem; letter-spacing: -0.44px; margin-bottom: 15px; } .section.big-image-home-sec .grid-text-content .gridText1 p { line-height: 130%; margin-bottom: 20px; } .section.big-image-home-sec .grid-text-content .gridText1 a.sec-button { font-size: 1.2rem; padding: 0 20px; height: 52px; } .section.big-image-home-sec .grid-text.gridTextWithImg { height: 100vh; } .section.big-image-home-sec .grid-text-content { width: 100%; left: 0; bottom: 40px; padding-inline: 16px; } .section.big-image-home-sec .grid-text-content h2 { margin-bottom: 14px; } .section.big-image-home-sec .grid-text-content p { margin-bottom: 20px; } .section.big-image-home-sec .grid-text-content a.sec-button { padding: 20px 22px; gap: 6px; } } /* Home How To Sec */ .section.how-to-sec { padding: 13.542vw 2.1vw 0; } .section.how-to-sec .section-title { margin-bottom: 5vw; } .section.how-to-sec .section-title h2 { text-align: left; line-height: 110%; font-size: clamp(3.4rem, 3.646vw, 1000rem); letter-spacing: clamp(-0.68rem, -0.073vw, 1000rem); text-transform: uppercase; } .section.how-to-sec .section-title h2 span { display: block; letter-spacing: unset; font-size: clamp(4.6rem, 5.260vw, 1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } .section.how-to-sec .grid-boxes { justify-content: center; } .section.how-to-sec .grid-boxes .grid-box { padding: 0; display: flex; flex-direction: column-reverse; max-width: 51vw; margin: 0; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image { margin: 0; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image a.box-image-animation { border: none; outline: none; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text { position: relative; top: unset; left: unset; transform: none; display: flex; flex-wrap: wrap; gap: 0.833vw 6.667vw; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p { order: 2; width: auto; max-width: 23.5vw; text-align: left; margin-top: 0; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p:first-child { max-width: 17.5vw; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p:last-child { order: 1; max-width: unset; width: 100%; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p:last-child :is(iframe,video) { width: 100%; height: 28.6vw; border: none; object-fit: cover; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-opacity-layer { display: none; } .section.how-to-sec .grid-boxes .grid-box .grid-box-fulltext { margin-bottom: 1vw; } .section.how-to-sec .grid-boxes .grid-box .grid-box-fulltext ul { display: flex; padding: 0; margin: 0; list-style: none; justify-content: space-between; color: var(--orange); text-transform: uppercase; font-size: clamp(1rem, 0.781vw, 1000rem); position: relative; } .section.how-to-sec .grid-boxes .grid-box .grid-box-fulltext ul::before { content: ''; position: absolute; left: 0; top: 50%; background: rgba(110, 108, 105, 0.25); width: 100%; height: 1px; z-index: -1; pointer-events: none; } .section.how-to-sec .grid-boxes .grid-box .grid-box-fulltext ul li { background: #fff; padding: 0 2px; font-family: 'NeueHelveticaPro75Bold', "Heebo"; } .section.how-to-sec .grid-boxes .grid-box .grid-box-subtitle.button { display: none; } @media(max-width: 1024px) { .section.how-to-sec { padding: 90px 16px 0; } .section.how-to-sec .section-title { margin-bottom: 35px; } .section.how-to-sec .section-title h2 { letter-spacing: -0.68px; } .section.how-to-sec .grid-boxes { justify-content: center; } .section.how-to-sec .grid-boxes .grid-box { max-width: 100%; width: 100%; } .section.how-to-sec .grid-boxes .grid-box .grid-box-fulltext { margin-bottom: 20px; } .section.how-to-sec .grid-boxes .grid-box .grid-box-fulltext ul { font-size: 1.2rem; } .section.how-to-sec .grid-boxes .grid-box .grid-box-fulltext ul li { padding: 0 4px; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p:last-child :is(iframe,video) { height: 55vw; } .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p, .section.how-to-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-text p:first-child { max-width: unset; } } /* Home Products Gallery */ .section.products-gallery-sec { padding: 13.542vw 0 7.813vw; border-bottom: 1px solid rgba(110, 108, 105, 0.25); } .section.products-gallery-sec .section-title { text-align: left; } .section.products-gallery-sec .section-title h2 { padding: 0 2.1vw 1.375vw; line-height: 110%; font-size: clamp(3.4rem, 3.646vw, 1000rem); letter-spacing: clamp(-0.68rem, -0.073vw, 1000rem); text-transform: uppercase; } .section.products-gallery-sec .section-title h2 span { display: inline-block; letter-spacing: unset; font-size: clamp(4.6rem, 5.260vw, 1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } .section.products-gallery-sec .grid-boxes { display: flex; flex-direction: column-reverse; position: relative; } .section.products-gallery-sec .grid-boxes .content-section-Btn { text-align: right; width: fit-content; align-self: end; position: absolute; bottom: calc(100% + 1.2vw); right: 2.1vw; } .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button { background: var(--black); border-radius: 0; margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; padding: 0.27vw 2.135vw 0; height: 3.125vw; transition: 0.3s all ease; display: flex; color: #fff; font-family: 'NeueHelveticaPro75Bold', "Heebo"; align-items: center; } .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url(/warehouse/dynamic/447852.svg); background-repeat: no-repeat; background-size: contain; margin: -2px 0 0 10px; transition: 0.4s all ease; pointer-events: none; } .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button:hover, .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button:focus { background: var(--orange); border: none; outline: none; } .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper { padding: 0 0 0 2.1vw; } .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper:not(.slick-slider, .owl-carousel) { display: flex; gap: 1.042vw; } .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper.slick-slider .slick-track, .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper .owl-stage { display: flex; gap: 1.042vw; } .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper :is(div, #CatalogModule) .catalogItemBox { width: 18.133vw; min-width: 18.133vw; } @media(max-width: 1024px) { .section.products-gallery-sec { padding: 80px 0; } .section.products-gallery-sec .section-title h2 { padding: 0 16px 30px; } .section.products-gallery-sec .grid-boxes { flex-direction: column; } .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper, .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper:not(.slick-slider) { padding: 0 16px 10px; margin-bottom: 10px; gap: 12px; width: 100%; overflow-x: scroll; } .section.products-gallery-sec .grid-boxes .grid-boxes-wrapper .catalogItemBox { min-width: 68vw; width: 68vw; } .section.products-gallery-sec .grid-boxes .content-section-Btn { position: relative; bottom: unset; right: unset; width: calc(100% - 32px); margin: 0 auto; } .section.products-gallery-sec .grid-boxes .content-section-Btn a.sec-button { display: flex; justify-content: center; font-size: 1.2rem; height: 52px; padding: 4px 20px 0; } } :is(div, #CatalogModule) .catalogItemBox { margin: 0; padding: 0; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner { background: var(--bg); } :is(div, #CatalogModule) .catalogItemBox .outOfStockLabel.hasTextLabel { background: var(--black); transform: unset; left: 1vw; top: 3vw; width: max-content; max-width: 10vw; font-size: 0.781vw; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-image { padding: 0; border: none; outline: none; display: flex; align-items: center; justify-content: center; min-height: 18.133vw; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-image img { mix-blend-mode: multiply; position: relative; top: unset; left: unset; transform: unset; width: 70%; height: 70%; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text { padding: 1.042vw; border: none; outline: none; position: absolute; left: 0; bottom: 0; display: flex; gap: 0.1vw; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top { min-height: unset; text-align: left; width: 100%; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h3.itemTitle { min-height: unset; max-width: 80%; margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); line-height: 110%; text-transform: uppercase; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart { position: absolute; bottom: 1.042vw; right: 1.042vw; overflow: hidden; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn) span { display: none; } /* 23.6.24 */ :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-price { direction: ltr; display: inline-flex; align-items: center; } :is(div, #CatalogModule) :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.finalPrice { font-size: 0.755vw; color: var(--black); margin: 0; display: inline-flex; gap: 3px; direction: rtl; align-items: center; justify-content: center; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.itemBeforeDiscountPrice { font-size: 0.755vw; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.itemBeforeDiscountPrice::after { transform: unset; } .item-price span.finalPrice:before, .CatalogItemHowMuchDidYouSaved span.SavedAmountSpan:before, #CatalogModule span.itemBeforeDiscountPrice:before, :is(div, #CatalogModule) .catalogItemBox span.itemBeforeDiscountPrice:before { font-size: 100% !important; margin: 0 !important; content: '$' !important; font-family: HelveticaNeue-01 !important; font-weight: unset !important; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist { left: unset; right: 1.042vw; top: 1.042vw; padding: 0; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn { width: 2.5vw; height: 2.5vw; background: #fff; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s all ease; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn svg { display: none; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn::before { content: ''; display: block; background-image: url(/warehouse/dynamic/489093.svg); background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 50%; width: 1.458vw; transition: 0.3s all ease; height: 1.458vw; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn.active::before { background-image: url(/warehouse/dynamic/493292.svg); } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn) { text-indent: -9999px; width: 2.5vw; color: transparent; height: 2.5vw; min-width: unset; background: #fff; padding: 0; margin: 0; border: unset; border-radius: 50%; display: flex; align-items: center; transition: 0.3s all ease; justify-content: center; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn)::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(/warehouse/dynamic/493291.svg); background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 50%; width: 1.458vw; transition: 0.3s all ease; height: 1.458vw; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn:hover, :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn):hover { background: var(--orange); } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn:hover::before, :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn):hover::before { filter: invert(1); } /**/ @media(max-width: 1024px) { :is(div, #CatalogModule) .catalogItemBox .outOfStockLabel.hasTextLabel { left: 20px; top: 60px; max-width: 160px; font-size: 1.3rem; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-image { min-height: 68vw; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text { padding: 20px; min-height: 40px; /* display: flex; */ /* align-items: flex-start; */ /* justify-content: flex-end; */ width: 100%; /* height: 100%; */ } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top { width: 100%; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn) { width: 35px; height: 35px; } .items-catalog-page:not(.CatalogItemPage) :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn) { color: transparent; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h3.itemTitle { font-size: 1.3rem; line-height: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 60%; text-transform: uppercase; } .items-catalog-page :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h3.itemTitle { max-width: 75%; } :is(div, #CatalogModule) .catalogItemBox { width: 100%; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist { right: 14px; top: 14px; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn { width: 35px; height: 35px; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .productLabel.wishlist button.wishListBtn::before { width: 20px; height: 20px; } :is(div, #CatalogModule) :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.finalPrice { font-size: 1.3rem; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.itemBeforeDiscountPrice { font-size: 1.3rem; margin-left: 5px; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart { right: 14px; bottom: 14px; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn)::before { width: 20px; height: 20px; } /*:is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn)::before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }*/ } /* Our Values Section */ .section.our-values-sec { display: flex; padding: 7vw 2.1vw 0; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.725vw; } .section.our-values-sec .section-title h2 { color: var(--orange); text-transform: uppercase; font-size: clamp(1rem, 0.781vw, 1000rem); font-family: 'NeueHelveticaPro75Bold', "Heebo"; } .section.our-values-sec .section-topText { padding: 0; width: auto; margin: 0 auto; max-width: 63.542vw; } .section.our-values-sec .section-topText p { font-size: clamp(2.2rem,1.771vw,1000rem); text-align: left; line-height: 120%; text-transform: uppercase; letter-spacing: clamp(-0.44px,-0.035vw,1000rem); } .section.our-values-sec .section-topText p .title-white-space { width: 24vw; display: inline-block; } .section.our-values-sec .grid-faq { width: 100%; max-width: unset; margin: 3.8vw 0 0; } .section.our-values-sec .section-title { margin: 0; max-width: unset; } .section.our-values-sec .grid-faq .grid-faq-inner { max-width: 63.542vw; margin: 0 auto; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group { margin: 0; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item { border-bottom: 1px solid rgba(110, 108, 105, 0.25); position: relative; overflow: hidden; margin: 0 !important; box-shadow: none; border-radius: 0; background: transparent; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { background: transparent; font-size: clamp(1.7rem, 1.042vw, 1000rem); text-transform: uppercase; padding: 2.5vw 0 0.9vw; transition: 0.3s color ease; font-family: 'NeueHelveticaPro75Bold', "Heebo"; color: var(--black); } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item:hover .faq-headline, .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline.open { color: var(--orange); } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i { background-image: url(/warehouse/dynamic/582533.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; width: 12px; height: 12px; transition: 0.3s all ease; right: 0; transform: unset; top: unset; bottom: 0.9vw; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline.open i { /* background-image: url(/warehouse/dynamic/441961.svg); */ transform: scaleY(-1); } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i::before { display: none; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body { background: transparent; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { max-width: 750px; padding: 0.5vw 0 0.9vw; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner p { line-height: 130%; } @media (min-width:1025px) { .section.our-values-sec .section-title { position: absolute; } } @media(max-width: 1024px) { .section.our-values-sec { padding: 90px 16px 0; align-items: flex-start; flex-direction: column; margin: 0; } .section.our-values-sec .section-title { margin: 0 0 30px; } .section.our-values-sec .section-title h2 { font-size: 1.2rem; } .section.our-values-sec .section-topText { max-width: unset; } .section.our-values-sec .section-topText p { letter-spacing: -0.44px; } .section.our-values-sec .section-topText p .title-white-space { width: 134px; } .section.our-values-sec .grid-faq { margin: 50px auto 0; } .section.our-values-sec .grid-faq .grid-faq-inner { max-width: unset; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { font-size: 1.6rem; padding: 30px 0 12px; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i { bottom: 12px; } .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { padding: 0 0 12px; } } /* Home Bottom Image */ .section.bottom-image-home-sec { margin-top: 13.7vw; overflow: hidden; pointer-events: none; } .section.bottom-image-home-sec .grid-box { padding: 0; margin: 0; } .section.bottom-image-home-sec .grid-box .grid-box-image { margin: 0; } .section.bottom-image-home-sec .grid-box a.box-image-animation:hover img { transform: unset; } .section.bottom-image-home-sec .grid-box .grid-box-image-text img { max-width: 7.85vw; max-height: 7.85vw; } .section.bottom-image-home-sec .grid-box .grid-box-opacity-layer { display: none; } @media(max-width: 1024px) { .section.bottom-image-home-sec { margin-top: 90px; } } /* Home Form */ .section.form-grid-home-sec { padding: 7.292vw 10vw; display: flex; gap: 6vw; } .section.form-grid-home-sec .form-grid-home-sec-left { text-align: left; } .section.form-grid-home-sec .form-grid-home-sec-left .section-title h2 { line-height: 0.8; /* display: block; */ letter-spacing: unset; font-size: clamp(4.6rem, 5.260vw, 1000rem); font-family: var(--nautica), "Heebo"; } .section.form-grid-home-sec .form-grid-home-sec-left .section-topText h3 { font-size: clamp(3.4rem,2.604vw,1000rem); line-height: 110%; text-transform: uppercase; letter-spacing: -0.052vw; margin: 0.3vw 0 1.2vw; } .section.form-grid-home-sec .form-grid-home-sec-left .section-topText p { font-size: clamp(1rem, 0.781vw, 1000rem); width: 18vw; } @media(max-width: 1024px) { .section.form-grid-home-sec { padding: 140px 16px 40px; flex-direction: column; gap: 0; } .home-page .section.form-grid-home-sec { padding: 90px 16px 40px; } .section.form-grid-home-sec .form-grid-home-sec-left { margin-bottom: 30px; } .section.form-grid-home-sec .form-grid-home-sec-left .section-topText h3 { letter-spacing: -0.68px; margin: 5px 0 20px; } .section.form-grid-home-sec .form-grid-home-sec-left .section-topText p { width: 100%; font-size: 1.4rem; } } /* About Page */ .about #PageBreadCrumps { margin-top: var(--headerHeight); padding-bottom: 0; } .about #lobbyview { /* margin-top: var(--headerHeight); */ padding: 5.208vw 0 1.5vw; } .about #lobbyview #headline { margin: 0; } .about #lobbyview #headline h1 { font-size: clamp(5.5rem,6.771vw,1000rem); letter-spacing: clamp(-0.68rem, -0.271vw, 1000rem); text-transform: uppercase; line-height: 120%; display: flex; justify-content: flex-start; gap: 2.1vw; padding-inline: 2.1vw; } .about #lobbyview #headline h1 span { letter-spacing: unset; font-size: clamp(7rem,8.594vw,1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } .about #GridTop { padding: 0 2.1vw; overflow: hidden; background-size: 0; height: 33.9vw; } .about #GridTop img { width: 100%; } .about .section.vision-sec { padding: 7.813vw 2.1vw; border-bottom: 1px solid rgba(110, 108, 105, 0.25); } .about #LobbyModule .section.vision-sec .grid-boxes { padding: 0; max-width: unset; flex-direction: column; gap: 7.813vw 0; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box { width: 100%; margin: 0; padding: 0; display: flex; text-align: left; justify-content: space-between; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box:nth-child(odd) { direction: rtl; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-image { margin: 0; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-image .grid-box-opacity-layer { display: none; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container > .box-image-animation img { width: 47.396vw; height: 32.813vw; object-fit: cover; transform: unset; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text { width: 31.25vw; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box:nth-child(even) > .grid-box-text { margin: 0 auto 0 8.3vw; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text .grid-box-title { margin-bottom: 2vw; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { margin: 0; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { line-height: 110%; font-size: clamp(3.4rem,3.646vw,1000rem); letter-spacing: clamp(-0.68rem, -0.073vw, 1000rem); text-transform: uppercase; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 span { line-height: 100%; letter-spacing: unset; font-size: clamp(4.6rem,5.260vw,1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box.lastItem .grid-box-text .grid-box-title h3 span { display: block; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text .grid-box-fulltext { padding-left: 7.7vw; } .about .section.purpose-sec { padding: 10vw 2.1vw 13.542vw; } @media(max-width: 1024px) { .about #lobbyview { padding: 40px 0 20px; } .about #lobbyview #headline h1 { gap: 22px; padding-inline: 16px; } .about #GridTop { width: calc(100% - 32px); margin: 0 auto; padding: 0; height: 250px !important; } .about #GridTop img { width: 125%; } .about .section.vision-sec { padding: 80px 16px 90px; } .about #LobbyModule .section.vision-sec .grid-boxes { gap: 80px 0; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box { flex-direction: column-reverse; align-items: flex-end; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text { width: 100%; margin-bottom: 30px; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box:nth-child(even) > .grid-box-text { margin: 0 0 30px; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text .grid-box-title { margin-bottom: 20px; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-text .grid-box-fulltext { padding: 0; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box.lastItem .grid-box-text .grid-box-title h3 span { display: inline-block; padding-right: 10px; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-image { width: 100%; } .about #LobbyModule .section.vision-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container > .box-image-animation img { width: 100%; height: 80vw; } .about #LobbyModule .section.our-values-sec { padding: 40px 16px 0; } .about .section.purpose-sec { padding: 90px 16px; } } /* FAQ Page */ .faq .faq-image-text { display: flex; flex-direction: row-reverse; justify-content: flex-end; padding: 0 2.1vw; gap: 9vw; align-items: flex-start; } .faq .faq-image-text #lobbyview #lobbyText { padding: 0; width: auto; margin: 0; max-width: 55.729vw; text-align: left; } .faq .faq-image-text #lobbyview #lobbyText p { font-size: clamp(2.2rem,1.771vw,1000rem); text-align: left; line-height: 120%; text-transform: uppercase; letter-spacing: clamp(-0.44px,-0.035vw,1000rem); } .faq .faq-image-text #lobbyview #lobbyText p .title-white-space { width: 24vw; display: inline-block; } .faq .faq-image-text #lobbyview #headline { text-align: left; margin: 0 0 2.5vw; } .faq .faq-image-text #lobbyview #headline h1 { font-size: clamp(4.2rem,6.771vw,1000rem); letter-spacing: clamp(-0.84rem, -0.271vw, 1000rem); text-transform: uppercase; line-height: 120%; } .faq .faq-image-text #lobbyview #headline h1 span { letter-spacing: unset; font-size: clamp(5.4rem,8.594vw,1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } .faq .faq-image-text .gridTextImgContainer { position: relative; } .faq .faq-image-text .gridTextImgContainer img { width: 23.177vw; } .faq .section.our-values-sec { padding: 0 2.1vw; margin-bottom: 6.092vw; } .faq .section.our-values-sec .grid-faq { margin: 0; } .faq .section.our-values-sec .grid-faq .grid-faq-inner { max-width: 55.729vw; margin: 0 7vw 0 auto; } .faq .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item { border-bottom: 1px solid var(--black); } .faq .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { padding: 1.9vw 0 0.8vw; } .faq .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { max-width: 750px; padding: 0.5vw 0 0.9vw; } .section.split-gallery-sec { padding: 6vw 2.1vw 7.292vw; } .section.split-gallery-sec .section-title { margin-bottom: 2.4vw; } .section.split-gallery-sec .section-title h2 { line-height: 120%; font-size: clamp(3.4rem,3.646vw,1000rem); letter-spacing: clamp(-0.68rem, -0.073vw, 1000rem); text-transform: uppercase; text-align: left; } .section.split-gallery-sec .section-title h2 span { display: block; letter-spacing: unset; font-size: clamp(4.6rem,5.260vw,1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } .section.split-gallery-sec .gallery-cubes { display: flex; flex-wrap: wrap; gap: 1.042vw; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper { display: flex; gap: 1.042vw; width: 100%; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper:nth-child(even) { direction: rtl; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper > div:first-child { width: auto; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper > div:first-child .boxes-images-outer-image { width: 55.469vw; height: 39.063vw; padding: 0; } .gallery-cubes .boxes-images-outer-image:hover .image-link-container, .gallery-cubes .boxes-images-outer-image:focus .image-link-container { background: rgba(0,0,0,0.2); } .gallery-cubes .image-link-inner { background-color: transparent; background-image: url(/warehouse/dynamic/448313.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 128px; height: 128px; } .gallery-cubes .plus-sign { display: none; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper .gallery-wrapper-inner { display: flex; gap: 1.042vw; flex-wrap: wrap; flex-grow: 1; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper .gallery-wrapper-inner > div { width: calc(50% - 0.521vw); } .section.split-gallery-sec .gallery-cubes .gallery-wrapper .gallery-wrapper-inner > div .boxes-images-outer-image { width: 100%; height: 19.010vw; padding: 0; } @media(max-width: 1024px) { .faq .faq-image-text { padding: 0 15px; gap: 0; display: flex; } .faq .faq-image-text .grid-text { display: none; } .faq .faq-image-text #lobbyview { width: 100%; display: flex; flex-direction: column; gap: 30px; } .faq .faq-image-text #lobbyview #headline { margin: 20px 0 0; order: 2; } .faq .faq-image-text #lobbyview .lobbyTextContainer { order: 3; } .faq .faq-image-text #lobbyview #lobbyText { max-width: unset; } .faq .faq-image-text #lobbyview #lobbyText p .title-white-space { width: 135px; } .faq .faq-image-text #lobbyview .gridTextImgContainer { order: 1; } .faq .faq-image-text #lobbyview .gridTextImgContainer img { width: 100%; } .faq .section.our-values-sec { padding: 30px 16px 0; margin: 0; } .faq .section.our-values-sec .grid-faq .grid-faq-inner { max-width: unset; margin: 0; } .faq .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { font-size: 1.6rem; line-height: normal; padding: 30px 30px 10px 0; } .faq .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i { bottom: unset; top: 30px; } .faq .section.our-values-sec .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { padding: 0 0 10px; } .section.split-gallery-sec { padding: 90px 16px; } .section.split-gallery-sec .section-title { margin-bottom: 30px; } .section.split-gallery-sec .gallery-cubes { gap: 12px; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper { gap: 12px; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper .gallery-wrapper-inner { display: flex; flex-direction: column; gap: 12px; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper > div:first-child .boxes-images-outer-image { width: 55.8vw; height: 100%; min-height: 67.7vw; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper .gallery-wrapper-inner > div { width: 100%; } .section.split-gallery-sec .gallery-cubes .gallery-wrapper .gallery-wrapper-inner > div .boxes-images-outer-image { height: calc(33.6vw - 5px); } } /* How To Page */ .how-to .section.how-to-video { padding: 0 2.1vw 7.292vw; } .how-to .section.how-to-video #lobbyview #headline { text-align: left; margin: 0 0 4.9vw; } .how-to .section.how-to-video #lobbyview #headline h1 { font-size: clamp(3.4rem,6.771vw,1000rem); letter-spacing: clamp(-0.68rem, -0.271vw, 1000rem); text-transform: uppercase; line-height: 120%; } .how-to .section.how-to-video #lobbyview #headline h1 span { display: block; letter-spacing: unset; font-size: clamp(4.6rem,8.594vw,1000rem); font-family: var(--nautica), "Heebo"; text-transform: initial; } .how-to #LobbyModule .section.how-to-video .grid-boxes { padding: 0; max-width: unset; justify-content: center; display: flex; flex-wrap: wrap; gap: 1.042vw; } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box:first-child { padding: 0; width: 63.542vw; } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box p { max-width: unset; width: 100%; display: flex; } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box p iframe { width: 100%; height: 28.6vw; border: none; } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box { padding: 0; width: calc(31.771vw - 0.521vw); } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box .grid-box-image { pointer-events: none; margin: 0; } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box .grid-box-title { display: none; } .how-to .section.how-to-gallery { display: flex; flex-direction: column; align-items: flex-start; padding: 6.792vw 2.1vw; } .how-to .section.how-to-gallery .text1 { max-width: 63.542vw; margin-bottom: 2.1vw; } .how-to .section.how-to-gallery .text1 p { font-size: clamp(2.2rem,1.771vw,1000rem); text-align: left; line-height: 120%; text-transform: uppercase; letter-spacing: clamp(-0.44px,-0.035vw,1000rem); } .how-to .section.how-to-gallery .text1 p .title-white-space { width: 24vw; display: inline-block; } .how-to .section.how-to-gallery .gallery-cubes { display: flex; flex-wrap: wrap; gap: 1.042vw; } .how-to .section.how-to-gallery .gallery-cubes > div { width: calc(50% - 0.521vw); } .how-to .section.how-to-gallery .gallery-cubes > div:nth-child(3n+1) { width: 100%; } .how-to .section.how-to-gallery .gallery-cubes > div .boxes-images-outer-image { height: 48.438vw; padding: 0; } @media(max-width: 1024px) { .how-to .section.how-to-video #lobbyview #headline { line-height: 1.1; } .how-to .section.how-to-video { padding: 40px 16px 0; } .how-to .section.how-to-video #lobbyview #headline { margin: 0 0 35px; } .how-to #LobbyModule .section.how-to-video .grid-boxes { gap: 10px; } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box { width: calc(50% - 5px); } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box:first-child { width: 100%; /* height: 450px; */ } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box p iframe { /*height: 120vw;*/ } .how-to #LobbyModule .section.how-to-video .grid-boxes .grid-box p iframe { height: auto; max-height: 120vw; } .how-to .section.how-to-gallery { padding: 90px 16px; } .how-to .section.how-to-gallery .text1 { max-width: 100%; margin-bottom: 40px; } .how-to .section.how-to-gallery .text1 p .title-white-space { width: 134px; } .how-to .section.how-to-gallery .gallery-cubes { gap: 10px; } .how-to .section.how-to-gallery .gallery-cubes > div { width: calc(50% - 5px); } .how-to .section.how-to-gallery .gallery-cubes > div .boxes-images-outer-image { height: 44.4vw; } .how-to .section.how-to-gallery .gallery-cubes > div:nth-child(3n+1) .boxes-images-outer-image { height: 67.2vw; } } /* Form */ .form-container-wide #DynamicFormObject { padding: 4.688vw 6.073vw; max-width: 100% !important; border: none; background: var(--bg); display: flex; flex-direction: column; } .form-container-wide #DynamicFormObject::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none !important; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; gap: 2.1vw 1.042vw; } .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: calc(50% - 0.521vw); padding: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { margin: 0; padding: 0 0 0.521vw; font-size: clamp(1.7rem, 0.8vw, 1000rem) !important; text-transform: none; box-shadow: none; border: none !important; border-bottom: 1px solid rgba(110, 108, 105, 0.25) !important; border-radius: 0; width: 100%; max-width: 100%; height: 2.083vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input:is(:hover,:focus), .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select:is(:hover,:focus), .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea:is(:hover,:focus) { border-bottom: 1px solid var(--black) !important; } /*.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea::placeholder { font-family: var(--bold), "Heebo"; }*/ .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 4.688vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { display: flex; gap: 10px; margin: 0; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; height: 0.833vw; width: 0.833vw; accent-color: var(--black); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(1rem, 0.833vw, 1000rem); color: var(--black); font-weight: unset; text-align: start; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must input, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must select, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must textarea { padding-inline: 10px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must:before { right: unset; left: 0px; top: 6px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { padding: 0; width: 100%; background: var(--black); display: flex; justify-content: center; align-items: center; height: 3.125vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { padding: 5px 0 0; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; transition: 0.4s all ease; border-radius: 0; border: none; width: 100%; height: 100%; background: transparent; font-family: 'NeueHelveticaPro75Bold', "Heebo"; color: #fff; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) { color: #fff; border: none !important; background: var(--orange); } /*.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url(/warehouse/dynamic/447852.svg); background-repeat: no-repeat; background-size: contain; margin: 0 0 0 10px; transition: 0.4s all ease; pointer-events: none; }*/ .form-container-wide #DynamicFormObject .dynamicFormEndText { text-align: left !important; margin-top: 0.6vw; width: 100%; } label.error, span.error, .emailWrapper h3.error { font-size: 1.3rem; right: 0; bottom: -20px; top: unset; color: #df2424; margin: 0; } @media(max-width: 1024px) { .form-container-wide #DynamicFormObject { padding: 40px 20px; } .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: 26px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { padding: 0 0 10px; height: auto; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 120px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { width: 16px; height: 16px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: 1.3rem; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { height: 52px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { font-size: 1.2rem !important; } .form-container-wide #DynamicFormObject .dynamicFormEndText { margin-top: 10px; } /*.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button::after { left: calc(50% + 30px); }*/ } /* 404 Page */ .page-404 #GridTop, .page-404 #GridBottom { display: none; } .page-404 #SiteContainer { min-height: 100vh; display: flex; flex-direction: column; } .page-404 #SiteGridContainer { flex-grow: 1; margin: 0; } .page-404 #SiteGrid #GridContent { padding: 0 20px; min-height: 80vh; display: flex; align-items: center; justify-content: center; color: #003466; } .page-404 #SiteGrid #GridContent .page-not-found h2 { line-height: 62%; font-size: clamp(7rem,8.6vw,1000rem); letter-spacing: clamp(-0.68rem, -0.052vw, 1000rem); font-family: var(--nautica), "Heebo"; margin-bottom: 3.5vw } .page-404 #SiteGrid #GridContent .page-not-found p { margin-bottom: 1.3vw; } .page-404 #SiteGrid #GridContent .page-not-found a { background: var(--black); border-radius: 0; margin: 0; font-size: clamp(1.2rem, 0.781vw, 1000rem); text-transform: uppercase; padding: 0 2.135vw; height: 3.125vw; transition: 0.3s all ease; display: inline-flex !important; color: #fff; font-family: 'NeueHelveticaPro75Bold', "Heebo"; align-items: center; justify-content: center; } .page-404 #SiteGrid #GridContent .page-not-found a:hover, .page-404 #SiteGrid #GridContent .page-not-found a:focus { background: var(--orange); border: none; outline: none; } .page-404 footer { display: flex; } @media(max-width: 1024px) { .page-404 #SiteGrid #GridContent .page-not-found a { height: 52px; font-size: 1.2rem; width: calc(100% - 32px); } .page-404 #SiteGrid #GridContent .page-not-found h2 { margin-bottom: 34px; } .page-404 #SiteGrid #GridContent .page-not-found p { margin-bottom: 25px; font-size: 1.4rem; } .page-404 #SiteGrid #GridContent .page-not-found a { height: 50px; padding: 22px 40px 14px; } } /* Footer */ footer { padding: 0; display: flex; } #SiteFooter .footer-text-divided { padding: 1.823vw 2.1vw; display: flex; background: var(--black); align-items: center; flex-direction: row-reverse; position: relative; } #SiteFooter .footer-text-divided .footer-text-right, #SiteFooter .footer-text-divided .footer-text-left { width: 50%; padding: 0; } #SiteFooter .footer-text-divided .footer-text-right p { color: #fff; text-transform: uppercase; font-size: 1.3rem; font-family: 'NeueHelveticaPro75Bold', "Heebo"; } #SiteFooter .footer-text-divided .footer-text-right p a:hover { color: var(--orange); } #SiteFooter .footer-text-divided .footer-text-left > p { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { display: flex; gap: 15px; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a { display: inline-flex; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a svg { width: 15px; height: 15px; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a svg:hover { fill: var(--orange); } @media(min-width: 1025px) { #SiteFooter .footer-text-divided .footer-text-right { padding-left: 20%; } #SiteFooter .footer-text-divided .footer-text-right p:last-child { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; } } @media(max-width: 1024px) { #SiteFooter { padding: 0; } #SiteFooter .footer-text-divided { display: flex; flex-direction: column-reverse; padding: 30px 0; } #SiteFooter .footer-text-divided .footer-text-right, #SiteFooter .footer-text-divided .footer-text-left { width: auto; display: flex; } #SiteFooter .footer-text-divided .footer-text-left > p { position: relative; top: unset; left: unset; transform: unset; } #SiteFooter .footer-text-divided .footer-text-left { flex-direction: column; align-items: center; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { padding: 30px 0; } #SiteFooter .footer-text-divided .footer-text-left > p img { max-width: 123px; } #SiteFooter .footer-text-divided .footer-text-right p { font-size: 1.2rem; display: inline-flex; flex-wrap: wrap; max-width: 300px; } #SiteFooter .footer-text-divided .footer-text-right p:first-child { width: 100%; max-width: unset; } #SiteFooter .footer-text-divided .footer-text-right { flex-wrap: wrap; justify-content: center; padding: 0 20px; gap: 5px; } #SiteFooter .footer-text-divided .footer-text-right p:not(:first-child) { max-width: unset; width: 100%; gap: 6px; margin: 0; } #SiteFooter .footer-text-divided .footer-text-right p:last-child img { width: 13%; } } /* Animations */ body .mf-cursor { color: transparent; z-index: 1000; } body .mf-cursor:before { width: 3.958vw; height: 3.958vw; left: -1.979vw; top: -1.979vw; opacity: 1 !important; border: 1px solid var(--black); transform: scale(0) !important; } body .mf-cursor .mf-cursor-text { color: var(--black); letter-spacing: -0.01vw; font-size: 0.781vw; display: flex; flex-direction: column; width: 7.188vw; height: 7.188vw; gap: 0.4vw; align-items: center; left: -3.594vw; top: -3.594vw; padding-top: 0.5vw; font-family: var(--bold), "Heebo"; } body .mf-cursor .mf-cursor-text::after { content: ''; display: inline-block; position: absolute; top: 4.3vw; background-repeat: no-repeat; background-position: center; background-size: contain; } body .mf-cursor.right-arrow::before, body .mf-cursor.down-arrow::before { transform: scale(1.7) !important; } body .mf-cursor.right-arrow .mf-cursor-text { padding: 0; } body .mf-cursor.right-arrow .mf-cursor-text::after { width: 2.188vw; height: 0.48vw; background-image: url(/warehouse/dynamic/446058.svg); } body .mf-cursor.down-arrow .mf-cursor-text { flex-direction: row; } body .mf-cursor.down-arrow .mf-cursor-text::after { position: relative; top: unset; width: 0.6vw; height: 0.6vw; background-image: url(/warehouse/dynamic/446681.svg); transform: translateY(-0.1vw) } body.CatalogItemPage .mf-cursor.down-arrow .mf-cursor-text::after { background-image: url( /warehouse/dynamic/448554.svg); background-position: center; background-repeat: no-repeat; background-size: cover; transform: translateY(-0.15vw) } body .mf-cursor.-hidden::before { transform: scale(0) !important; } body .mf-cursor.-hidden .mf-cursor-text { opacity: 0; transform: scale(0); } /*Yehonatan*/ .contact-page #GridPage { margin-top: var(--headerHeight); padding-inline: 2.1vw; } .contact-page #GridPage #GridContent { padding-block: 2vw; } .contact-page #GridPage #lobbyview { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3.4vw; } .contact-page #GridPage #lobbyview #headline { margin: 0; width: 66.7%; text-align: left; } .contact-page #GridPage #lobbyview #headline h1, .content-page #headline h1 { font-size: clamp(3.4rem,3.65vw,100rem); line-height: 1.2; letter-spacing: -1.4px; text-transform: uppercase; } .contact-page #GridPage #lobbyview #headline h1 span, .content-page #headline h1 span { display: block; font-family: var(--nautica), "Heebo"; font-size: clamp(4.6rem,5.5vw,100rem); letter-spacing: normal; text-transform: none; } .contact-page #GridPage #lobbyview #headline #lobbyText { max-width: 30.5vw; margin: 0.7vw 0 0; text-align: left; } .contact-page #GridPage #lobbyview .lobbyTextContainer { width: 33.33%; padding-left: 0.37vw; } .contact-page #GridPage .lobbyTextContainer #text1, .contact-page #GridPage .lobbyTextContainer #text2 { max-width: 100%; } .contact-page .lobbyTextContainer #text1 ul, .contact-page .lobbyTextContainer #text2 ul { list-style: none; display: flex; justify-content: flex-end; align-items: flex-end; gap: 7.5vw; margin: 0; padding: 0; } .contact-page .lobbyTextContainer #text1 ul li, .contact-page .lobbyTextContainer #text2 ul li { display: flex; flex-direction: column; align-items: flex-end; gap: 0.55vw; line-height: 1.2; font-size: clamp(1rem,0.781vw,100rem); text-transform: uppercase; } .contact-page .lobbyTextContainer #text1 ul li strong, .contact-page .lobbyTextContainer #text2 ul li strong { color: var(--orange); } .contact-page .lobbyTextContainer #text1 ul li a, .contact-page .lobbyTextContainer #text2 ul li a { line-height: normal; font-size: clamp(1rem, 1vw,100rem); font-family: var(--bold), "Heebo"; } .contact-page .form-container-wide { display: flex; justify-content: center; align-items: center; gap: 1.15vw; } .contact-page .form-container-wide .gridFormImgContainer { width: 32.05vw; position: relative; } .contact-page .form-container-wide #DynamicFormObject { width: calc(100% - 31.24vw); } .contact-page .section.bottom-images { padding: 1.042vw 0 0; } .contact-page #LobbyModule .section.bottom-images .grid-boxes { padding: 0; max-width: unset; flex-wrap: wrap; gap: 1.042vw; } .contact-page #LobbyModule .section.bottom-images .grid-boxes .grid-box { padding: 0; width: calc(50% - 0.521vw); } .contact-page #LobbyModule .section.bottom-images .grid-boxes .grid-box .grid-box-image { margin: 0; pointer-events: none; } @media (max-width: 1024px) { .contact-page #GridPage { padding-inline: 16px; } .contact-page #GridPage #GridContent { padding-block: 35px 85px; } .contact-page #GridPage #lobbyview { flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 36px; gap: 0px; } .contact-page #GridPage #lobbyview #headline { width: 100%; text-align: center; } .contact-page #GridPage #lobbyview .lobbyTextContainer { width: 100%; } .contact-page #GridPage #lobbyview .lobbyTextContainer #lobbyText { margin-top: 12px; } .contact-page #GridPage #lobbyview .lobbyTextContainer #text1, .contact-page #GridPage #lobbyview .lobbyTextContainer #text2 { margin-top: 45px; } .contact-page #GridPage #lobbyview #headline #lobbyText { max-width: 100%; margin: 15px 10px 0; text-align: center; } .contact-page #GridPage #lobbyview #headline #lobbyText p { font-size: 1.5rem } .contact-page .lobbyTextContainer #text1 ul, .contact-page .lobbyTextContainer #text2 ul { flex-direction: column; justify-content: center; align-items: center; gap: 20px; } .contact-page .lobbyTextContainer #text1 ul li, .contact-page .lobbyTextContainer #text2 ul li { align-items: center; gap: 16px; line-height: 1.28; font-size: 1.5rem; } .contact-page .lobbyTextContainer #text1 ul li a, .contact-page .lobbyTextContainer #text2 ul li a { font-size: 1.7rem; } .contact-page .form-container-wide { flex-direction: column; gap: 12px; } .contact-page .form-container-wide .gridFormImgContainer { width: 100%; } .contact-page .form-container-wide #DynamicFormObject { width: 100%; } .contact-page .section.bottom-images { padding: 10px 0 0; } .contact-page #LobbyModule .section.bottom-images .grid-boxes { gap: 10px; } .contact-page #LobbyModule .section.bottom-images .grid-boxes .grid-box { width: calc(50% - 5px); } } .content-page { height: auto !important; } .content-page #SiteGrid { margin-top: var(--headerHeight); display: flex; flex-direction: row-reverse; } .content-page #GridTop { height: calc(100vh - var(--headerHeight)) !important; width: 41.4vw; position: sticky; right: 0; top: var(--headerHeight); margin-top: 0 !important; } .content-page #GridTop .top-caption { color: transparent; } .content-page #GridPage { padding: 1.5vw 9.15vw 7vw 10.2vw; width: auto; max-width: calc(100% - 41.4vw); } .content-page #GridPage #headline { margin: 0; } .content-page #headline h1 { text-align: left; } .content-page #headline h1 span { display: inline-block } .content-page #GridPage #text1, .content-page #GridPage #text2 { max-width: 100%; } .content-page #text1 :is(h2, h3, h4), .content-page #text2 :is(h2, h3, h4) { color: var(--black); font-size: clamp(1rem, 0.781vw,100rem); line-height: 1.28; text-transform: uppercase; margin-bottom: 0.5vw; margin-top: 2vw; font-family: var(--bold), "Heebo"; } .content-page #GridPage #galleryview { margin: 0; } .content-page #ContentGridReadMoreModule #pageview { margin: 0; } @media (max-width: 1024px) { .content-page #SiteGrid { flex-direction: column-reverse; } .content-page #GridTop { width: 100%; height: 440px; position: relative; top: auto; right: auto; } .content-page #GridPage { max-width: 100%; padding: 35px 15px 50px; } .content-page #GridPage #headline { margin-bottom: 8px; } .content-page #text1 :is(h2, h3, h4), .content-page #text2 :is(h2, h3, h4) { margin-bottom: 10px; margin-top: 25px; font-size: 1.4rem; } } .items-catalog-page #GridTop { margin-top: var(--headerHeight); /*background-size: contain*/ background-repeat: no-repeat; background-position: top; height: 26vw; } .items-catalog-page #GridTop::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(4deg, rgba(0, 0, 0, 0.20) 15.33%, rgba(0, 0, 0, 0.00) 50.83%); } .items-catalog-page #GridTop .top-caption { left: 2vw; top: auto; bottom: 2.6vw; transform: none; font-family: var(--nautica), "Heebo"; font-size: clamp(6.2rem,5.26vw,100rem); line-height: 1.2; } .items-catalog-page #GridTop .top-caption h1 { color: #fff; font-size: clamp(6.2rem,5.26vw,100rem); } .items-catalog-page #GridPage { } .items-catalog-page #GridPage .catalogContainer { width: 100%; margin: 0; padding: 0 2.1vw 5.3vw; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) { display: flex; flex-wrap: wrap; gap: 3vw 9.115vw; align-items: flex-start; justify-content: flex-start; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) #headline h1 { font-family: var(--nautica), "Heebo"; font-size: clamp(6.2rem, 5.26vw, 100rem); line-height: 1.2; } .items-catalog-page #GridPage .catalogContainer #CatalogModule { padding: 0; } .items-catalog-page #GridPage .catalogContainer .categories-strip { background-color: transparent; color: #36353270; text-transform: uppercase; font-size: 3.4rem; line-height: 1.2; letter-spacing: -0.68px; text-align: left; padding-bottom: 0.6vw; width: 100%; border-bottom: 1px solid rgba(110, 108, 105, 0.25); /* order: -1; */ display: flex; align-items: flex-end; z-index: 5; justify-content: space-between; } .items-catalog-page #GridPage .catalogContainer .categories-strip.adding-margin { margin-bottom: 2.35vw; } .items-catalog-page #GridPage .catalogContainer li.strip-item { padding: 0; transition: all 0.35s ease; } .items-catalog-page #GridPage .catalogContainer li.strip-item::after { content: '/'; margin-inline: 0.225vw; color: #36353270; } .items-catalog-page #GridPage .catalogContainer li.strip-item.active, .items-catalog-page #GridPage .catalogContainer li.strip-item:hover { background-color: transparent; color: var(--black); } .items-catalog-page #GridPage .catalogContainer li.strip-item a:focus { text-decoration: none; } .items-catalog-page #GridPage .catalogContainer .categories-strip nav.menu-tags-list { max-width: 80%; } .items-catalog-page #GridPage .catalogContainer .filtersList:not(.side-filters) { margin: 0 0 0 auto; font-size: clamp(1rem, 0.781vw,100rem); color: var(--black); width: 100%; text-align: end; } .items-catalog-page #GridPage .catalogContainer .filtersList:not(.side-filters) button.filters-title { padding: 0; background-color: transparent; font-family: var(--bold), "Heebo"; text-transform: uppercase } .items-catalog-page #GridPage .catalogContainer .filtersList:not(.side-filters) button.filters-title::after { content: ''; width: 18px; height: 18px; background-image: url(/warehouse/dynamic/441995.svg); background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0; } .items-catalog-page #GridPage .catalogContainer .filtersList:not(.side-filters) .filters-list-wrapper { right: 0; top: 1.65vw; z-index: 100; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-box { margin-bottom: 1.5vw; } .items-catalog-page.filtered :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-box[name="categoryGroup_5250"] { display: none !important; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters { float: none; width: 15.1vw; margin: 0; font-family: var(--bold), "Heebo"; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters button.filters-title { background-color: transparent; border-bottom: 1px solid #000; padding: 0.52vw 0; text-transform: uppercase; font-size: clamp(1rem, 0.781vw,100rem); line-height: 1.28; color: var(--orange); } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters button.filters-title.active { color: var(--black); } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters button.filters-title::after { left: auto; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 10px; height: 10px; background-image: url( /warehouse/dynamic/441994.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.35s ease; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters button.filters-title:not(.active):after { background-image: url(/warehouse/dynamic/441993.svg); } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-list-wrapper { } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-list-wrapper ul.filter-list { padding: 0; margin-block: 1vw 0; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-list-wrapper ul.filter-list li.filter-list-item { display: flex; align-items: flex-start; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-list-wrapper ul.filter-list li.filter-list-item label { font-size: clamp(1rem, 0.781vw,100rem); font-weight: normal; color: var(--black); margin-bottom: 0.78vw; line-height: 1.35; font-family: 'HelveticaNeue-01', "Heebo"; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-list-wrapper ul.filter-list li.filter-list-item label:hover { text-decoration: underline; text-underline-offset: 2px; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .side-filters .filters-list-wrapper ul.filter-list li.filter-list-item input { margin: 0.16vw 0.26vw 0 0; border-radius: 0; border: 1px solid #000; accent-color: #000; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: calc(100% - 24.3vw); gap: 1vw; margin: 0; margin-top: -5px; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList :is(div, #CatalogModule) .catalogItemBox { padding: 0; width: calc(33.333% - 0.7vw); } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList .catalogItemBox .catalogItemBoxInner a.item-image { min-height: 22.85vw; } :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-image img, .grid-category-box img { transition: all 0.35s ease; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList::before, #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList::after { content: none; } .items-catalog-page #GridPage .catalogContainer .filtersList:not(.side-filters) .filters-list-wrapper .filter-list { background-color: var(--black); color: #fff; padding: 1.3vw; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 0.94vw; text-transform: none; font-size: clamp(1rem, 0.8vw,100rem); letter-spacing: 0.6px; } .items-catalog-page #GridPage .catalogContainer .filtersList:not(.side-filters) .filters-list-wrapper .filter-list .filter-list-item { padding: 0; } #CatalogModule .showSideFilters .CatalogNav { display: flex; justify-content: center; align-items: center; gap: 10px; } #CatalogModule .CatalogNav .navigationItems { height: 38px; min-width: 38px; display: inline-flex; } #CatalogModule .CatalogNav .navigationItems a { transition: all 0.35s ease; display: flex; align-items: center; justify-content: center; width: 100%; background-color: #F8F7F7; color: var(--black); /* padding: 0; */ font-size: 1.5rem; } #CatalogModule .CatalogNav .navigationItems a:is(:hover, :focus) { background-color: var(--orange); color: #fff; } #CatalogModule .CatalogNav .navigationItems a.active { background-color: var(--black); color: #fff; } span#PrevPage, span#NextPage { display: flex; justify-content: center; align-items: center; width: 17px; } span#PrevPage { transform: scale(-1); } #NextPage a, #PrevPage a { background-image: url(/warehouse/dynamic/448333.svg); background-position: center; background-repeat: no-repeat; background-size: contain; display: flex; width: 13px; align-items: center; justify-content: center; } #NextPage a span, #PrevPage a span { color: transparent; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer { width: 100%; display: flex; justify-content: flex-start; margin-left: 24vw; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer h2 { line-height: 1.2; margin-block: 1.2vw 0.6vw; font-family: var(--nautica), "Heebo"; font-size: clamp(4.6rem,5.26vw,100rem); } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer #catalogText { max-width: 47.656vw; max-width: 915px; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer:not(:has(#catalogText)) { display: none; } @media (min-width:1025px) { #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList .catalogItemBox { width: calc(33.33% - 0.7vw); } :is(div, #CatalogModule) .catalogItemBox:hover .catalogItemBoxInner a.item-image img, .grid-category-box:hover img { transform: scale(1.1); } } @media (max-width:1024px) { .items-catalog-page #GridTop { height: 350px; } .items-catalog-page #GridTop .top-caption { min-width: 0; width: 100%; bottom: 0; left: 0; padding: 10px 15px; text-align: start; } .items-catalog-page #GridPage .catalogContainer { padding: 30px 16px; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) { gap: 25px; justify-content: space-between; flex-direction: row-reverse; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer #catalogText p { font-size: 1.5rem; } .items-catalog-page #GridPage .catalogContainer .filtersList:not(.side-filters) { order: -1; margin: 0; width: max-content; } .items-catalog-page #GridPage .catalogContainer .categories-strip ul.hidden-xs { display: block !important; } .items-catalog-page #GridPage .catalogContainer .categories-strip nav.menu-tags-list { max-width: 100%; } .items-catalog-page #GridPage .catalogContainer .mobile-strip { display: none; } .items-catalog-page #GridPage .catalogContainer .categories-strip { padding-bottom: 18px; font-size: 2.2rem; letter-spacing: -0.44px; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer { margin: 0; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer h2 { margin-block: 10px 14px; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters { width: 50%; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList { width: 100%; gap: 12px; margin-top: 20px; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList :is(div, #CatalogModule) .catalogItemBox { width: calc(50% - 6px); } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .itemsList .catalogItemBox .catalogItemBoxInner a.item-image { min-height: calc(100vw - 32px); } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .mobileFiltersBtns { margin: 0; display: flex !important; } #CatalogModule :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .mobileFiltersBtns button.showFiltersBtn { padding: 0; font-size: 15px; color: transparent; background-image: url(/warehouse/dynamic/448336.svg); background-position: left; background-repeat: no-repeat; background-size: auto; } .items-catalog-page #CatalogModule .filtersList .filters-list-wrapper { position: absolute; right: 0; } .items-catalog-page #CatalogModule .filtersList .filters-list-wrapper.active { } .items-catalog-page #CatalogModule .filtersList button.filters-title { padding: 2px 0 0; height: 32px; font-size: 1.2rem; line-height: 1.2; text-transform: uppercase; font-family: var(--bold), "Heebo"; } .items-catalog-page #CatalogModule .filtersList button.filters-title::after { content: ''; width: 27px; height: 100%; background-image: url(/warehouse/dynamic/441995.svg); background-position: center; background-repeat: no-repeat; background-size: contain; margin: -2px 0 0; } .items-catalog-page #CatalogModule .filtersList button.filters-title.active::after { vertical-align: middle; } .items-catalog-page #GridPage .filtersList .filters-list-wrapper .filter-list { background-color: var(--black); color: #fff; padding: 15px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 14px; text-transform: math-auto; font-size: 13px; letter-spacing: 0.6px; min-width: 190px; } .items-catalog-page #GridPage .filtersList .filters-list-wrapper .filter-list .filter-list-item { padding: 0; } #CatalogModule .showSideFilters .CatalogNav { flex-wrap: wrap; } #headerCatalogSideFilter { z-index: 300; background-color: #fff; overflow-y: scroll; overflow-x: hidden; } #headerCatalogSideFilter .SideTitleWrapper { padding: 16px; display: flex; } #headerCatalogSideFilter .SideTitleWrapper h2.SideTitle { display: none; } #headerCatalogSideFilter .SideTitleWrapper button { width: 50px; height: 30px; padding: 0; background-image: url(/warehouse/dynamic/448338.svg); background-position: center; background-repeat: no-repeat; background-size: auto; } #headerCatalogSideFilter .SideTitleWrapper button circle.deleteCircle { fill: transparent; } #headerCatalogSideFilter .SideTitleWrapper button svg { fill: transparent; } #headerCatalogSideFilterInner { padding: 34px 16px 0; } #headerCatalogSideFilterInner .desktop-filters-list { padding: 0; margin: 0; } #headerCatalogSideFilterInner .desktop-filters-list .filters-box { margin-bottom: 20px; } #headerCatalogSideFilterInner .desktop-filters-list .filters-box::after { border-color: #000; } #headerCatalogSideFilterInner .desktop-filters-list > .filters-box > .filters-title { background-color: transparent; padding: 0; display: flex; justify-content: space-between; align-items: center; font-size: clamp(1.4rem, 0.83vw,100rem); font-family: var(--bold), "Heebo"; text-transform: uppercase; padding-block: 10px 8px; position: relative; } #headerCatalogSideFilterInner .desktop-filters-list .filters-box .filters-title::after { font-size: 1.5rem; color: transparent; margin: -4px 0 0px 0; background-image: url(/warehouse/dynamic/441993.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 10px; height: 10px; position: absolute; height: 100%; top: 0; right: 0; vertical-align: unset; } #headerCatalogSideFilterInner .desktop-filters-list .filters-box .filters-title.active::after { background-image: url(/warehouse/dynamic/441994.svg); } #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup ul.filter-list { } #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup ul.filter-list .filter-list-item, #headerCatalogSideFilterInner .desktop-filters-list .filters-box.collectionGroup ul.filter-list .filter-list-item { display: flex; align-items: flex-start; margin-bottom: 7px; } #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup ul.filter-list .filter-list-item input, #headerCatalogSideFilterInner .desktop-filters-list .filters-box.collectionGroup ul.filter-list .filter-list-item input { border-radius: 0; accent-color: var(--black); margin-right: 10px; margin-top: 2px; } #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup ul.filter-list .filter-list-item label, #headerCatalogSideFilterInner .desktop-filters-list .filters-box.collectionGroup ul.filter-list .filter-list-item label { font-weight: normal; font-size: 1.5rem; } } .items-catalog-page.CatalogItemPage #GridTop { display: none; } .items-catalog-page.CatalogItemPage #GridPage .catalogContainer { padding-block: var(--headerHeight) 7.3vw; } .items-catalog-page.CatalogItemPage .backBtnWrapper { display: none; } .items-catalog-page.CatalogItemPage .itemContentWrapper { margin: 0; display: flex; flex-wrap: wrap; } .items-catalog-page.CatalogItemPage .itemContentWrapper::before, .items-catalog-page.CatalogItemPage .itemContentWrapper::after { content: none; } .items-catalog-page.CatalogItemPage .itemContentWrapper .itemTop { width: 100%; display: flex; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages, .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { padding: 0; height: 100%; } /*.items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages { overflow-y: scroll; overflow-x: hidden;}*/ .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages::-webkit-scrollbar { width: 0; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider { width: 100%; max-width: 100%; display: flex; justify-content: flex-start; vertical-align: top; flex-direction: column; gap: 1vw; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider::before, .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider::after { content: none; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider .slick-slide { border: 0; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider .item { background-color: var(--bg); } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider img { position: relative; top: auto; left: auto; transform: none; mix-blend-mode: multiply; max-height: calc(100vh - var(--headerHeight)); width: 100%; height: calc(100vh - var(--headerHeight)); } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider.thumbs { display: none } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { text-align: left; padding: 7.5vw 0 0 9vw; max-width: 40.25vw; display: flex; flex-direction: column; font-size: clamp(1rem, 0.781vw,100rem); font-size: clamp(1.4rem, 0.885vw, 1000rem); line-height: 1.35; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline { text-align: left; margin-bottom: 0.73vw; display: flex; width: 98%; align-items: flex-start; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .flashy-stars-component { margin-bottom: 0.72vw; } #CatalogItemView .allShareButtons { top: 0; left: 100%; } #CatalogItemView .allShareButtons.shareOpen { max-height: 1000px; top: 0; opacity: 1; z-index: 10; width: auto; left: calc(100% + 1vw); font-size: 2rem; transition: 0.3s all ease; } #CatalogItemView .allShareButtons.shareOpen a { width: 2.3vw; height: 2.3vw; margin-bottom: 0.52vw; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline .shareBox { margin: 0; float: none; display: flex; align-items: center; justify-content: center; gap: 0.5vw; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline .shareBox button.openShareBox { border: 0; background-color: transparent; background-image: url(/warehouse/dynamic/448860.svg); background-position: center; background-repeat: no-repeat; background-size: 80%; padding: 0; width: 25px; height: 25px; margin-top: 0; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline .shareBox button.openShareBox i { display: none; } .items-catalog-page.CatalogItemPage .itemContent #headline h1 { font-size: clamp(2.2rem,2.6vw,100rem); line-height: 1.1; letter-spacing: -1px; text-transform: uppercase; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .catalogTextContainer { order: 3; margin-bottom: 1.563vw; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .catalogTextContainer.comments { order: 3; margin-bottom: 0; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .catalogTextContainer.empty { display: none; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .item-collections { order: 2; margin: 0; margin-bottom: 0.72vw; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .item-makat { order: 1; margin: 0; margin-bottom: 0.52vw; font-size: 100%; color: var(--black); } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .item-custom-details { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.52vw; order: 4; margin-bottom: 1vw; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-custom-details .custom-field { margin: 0; display: flex; justify-content: flex-start; align-items: center; gap: 0.52vw; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-custom-details .custom-field.openInPop { order: -1; margin-bottom: 0.65VW; background: transparent; border: 0; padding: 0; font-family: var(--bold), "Heebo"; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-custom-details .custom-field.openInPop span { font-weight: normal; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-custom-details .custom-field.openInPop p.custom-field-text { display: none; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields { direction: ltr; border: unset; outline: unset; margin: 20px 0 0; order: 4; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs { direction: ltr; text-align: left; display: flex; flex-direction: column; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title { background: transparent; margin: 0 !important; border-bottom: 1px solid; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title button { text-transform: uppercase; font-size: 0.781vw; text-align: left; background: transparent; transition: 0.3s all ease; font-family: var(--bold), "Heebo"; padding: 0.6vw 0; position: relative; display: flex; justify-content: space-between; align-items: center; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title.active button, #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title button:hover { color: var(--orange); } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title button::after { content: ''; background-image: url(/warehouse/dynamic/582533.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; width: 12px; height: 12px; transition: 0.3s all ease; display: inline-block; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title.active button::after { transform: scaleY(-1); } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title .catalog-fields-tab-text { width: 100%; padding: 0 0 1vw; text-align: justify; } /* 23.6.24 */ .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent button.wishListBtn { margin: 0; border: unset; width: 2.5vw; height: 2.5vw; background: var(--bg); padding: 0; transition: 0.3s all ease; display: flex; align-items: center; justify-content: center; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent button.wishListBtn.active { background: var(--orange); } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent button.wishListBtn::before { content: ''; display: block; background-image: url(/warehouse/dynamic/489093.svg); background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 50%; width: 1.458vw; transition: 0.3s all ease; height: 1.458vw; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent button.wishListBtn.active::before { filter: invert(1); } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent button.wishListBtn svg { display: none; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price { order: 5; gap: 0.5vw; display: flex; direction: ltr; justify-content: flex-end; align-items: center; margin-top: -2.604vw; letter-spacing: -0.021vw; font-size: 1.16vw; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price span.finalPrice { font-size: 100%; display: inline-flex; justify-content: center; align-items: center; gap: 3px; flex-direction: row-reverse; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price span.finalPrice::before { margin-top: 1px; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price span.itemBeforeDiscountPrice { font-size: 100%; margin: 0; display: inline-flex; justify-content: center; align-items: center; gap: 3px; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-quantity { flex-direction: row-reverse; margin: 1.042vw 0; order: 5; display: flex; width: max-content; border: 1px solid #EDECEC; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-quantity button { border: unset; background: transparent; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-quantity span { border: unset; background: transparent; font-size: 0.781vw; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions { order: 6; margin: 1.042vw 0 0; padding: 0; border: 0; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .addToCart { width: 100%; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions button#addToCartBtn { background: var(--black); border-radius: 0; width: 100%; margin: 0; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; padding: 0 2.135vw; height: 3.125vw; transition: 0.3s all ease; border: unset !important; display: flex; color: #fff; align-items: center; justify-content: center; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions button#addToCartBtn span.addedToCart { display: none; } /*.items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions button#addToCartBtn::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url(/warehouse/dynamic/447852.svg); background-repeat: no-repeat; background-size: contain; margin: -2px 0 0 10px; transition: 0.4s all ease; pointer-events: none; }*/ .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions button#addToCartBtn:hover { background: var(--orange); } .item-price span.itemBeforeDiscountPrice::after { transform: unset !important; } @media (min-width:1025px) { .items-catalog-page.CatalogItemPage #PageBreadCrumps { position: absolute; top: var(--headerHeight); justify-content: flex-end; width: 50%; right: 0; } } @media (max-width:1024px) { .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent button.wishListBtn { width: 30px; height: 30px; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent button.wishListBtn::before { width: 20px; height: 20px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline .shareBox { gap: 6px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .flashy-stars-component { margin-bottom: 20px; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-quantity { margin: 20px 0; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price { font-size: 1.5rem; justify-content: flex-start; margin-top: 0; letter-spacing: 0; gap: 6px; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title .catalog-fields-tab-text { padding-bottom: 20px; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions { margin: 20px 0 0; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions button#addToCartBtn { height: 52px; font-size: 1.2rem; padding: 0 20px; } #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text { width: 90%; } } /**/ .items-catalog-page.CatalogItemPage #CatalogItemView .flashy-reviews-component { margin: 9vw 0 0; } .items-catalog-page.CatalogItemPage flashy-customer-reviews { display: flex; } .items-catalog-page.CatalogItemPage .RelatedItemsWrapper { margin: 9vw 0 0; display: flex; flex-direction: column; } .items-catalog-page.CatalogItemPage .RelatedItemsWrapper::before, .items-catalog-page.CatalogItemPage .RelatedItemsWrapper::after { content: none; } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems { margin: 0; padding: 0; } .items-catalog-page.CatalogItemPage #CatalogModule .relatedItems .relatedItemsTitle:after { content: none; } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems h2 { margin: 0; padding: 0; font-size: clamp(3.4rem, 3.5vw, 100rem); line-height: 1.1; letter-spacing: -1.4px; text-transform: uppercase; } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems h2 span { font-family: var(--nautica), "Heebo"; text-transform: none; font-size: clamp(4.6rem,5.2vw,100rem); } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList { margin: 0; margin-right: -2.1vw; margin-top: 2.76vw; } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList::before, .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList::after { content: none; } .items-catalog-page.CatalogItemPage .RelatedItemsWrapper .relatedItems .itemsList :is(div, #CatalogModule) .catalogItemBox { padding: 0; width: 31.25vw; } .items-catalog-page.CatalogItemPage .RelatedItemsWrapper .relatedItems .itemsList :is(div, #CatalogModule) .catalogItemBox a.item-image { min-height: 31.25vw; } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .slick-track { display: flex; gap: 1.042vw; } .items-catalog-page.CatalogItemPage .relatedItems .slick-track::before, .items-catalog-page.CatalogItemPage .relatedItems .slick-track::after { content: none; } .items-catalog-page.CatalogItemPage .relatedItems :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner a.item-text { position: absolute; bottom: 0px; left: 0; } .inventoryUpdateForm { padding: 0 !important; } .inventoryUpdateForm .modal-backdrop.in { opacity: 0.1; } .inventoryUpdateForm .modal-dialog { display: flex; align-items: center; justify-content: center; margin: auto; transform: none; width: 100%; height: 100%; } .inventoryUpdateForm .modal-dialog .modal-content { display: flex; width: auto; height: auto; justify-content: center; align-items: center; flex-direction: column; background: #fff; padding: 1.15vw; } .inventoryUpdateForm .modal-dialog .modal-content .modal-title-container { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.9vw; } .inventoryUpdateForm .image-container { display: flex; justify-content: center; align-items: center; width: auto; padding: 0; } .inventoryUpdateForm .modal-dialog .modal-content .modal-title-container a.close { color: transparent; width: auto; background-image: url(/warehouse/dynamic/441994.svg); background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0; font-size: unset; display: flex; justify-content: center; align-items: center; transform: rotate(45deg); } .inventoryUpdateForm .modal-dialog .modal-content .modal-title-container a.close svg { fill: transparent; width: 12px; height: 12px; } .inventoryUpdateForm .modal-dialog .modal-content .modal-title-container h3 { margin: 0; font-size: clamp(1rem,0.781vw,100rem); font-family: var(--bold), "Heebo"; text-transform: uppercase; } .modal-header-wrapper { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } .modal-header-wrapper a.close { width: 0.65vw; min-width: 12px; height: 0.65vw; min-height: 12px; background-image: url(/warehouse/dynamic/448482.svg); background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0; } .modal-header-wrapper a.close svg { display: none; } .modal-header-wrapper h3 { margin: 0; margin-bottom: 1.36vw; font-size: clamp(1rem,0.781vw,100rem); font-family: var(--bold), "Heebo"; text-transform: uppercase; } .inventoryUpdateForm .modal-dialog .modal-content .modal-body { padding: 0; max-height: 100%; overflow: visible; } .inventoryUpdateForm .modal-dialog .modal-content .modal-body .row { margin: 0; } .inventoryUpdateForm .modal-dialog .modal-content .modal-body img { width: 100%; height: auto; } @media (min-width:1025px) { .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider .item { position: unset !important; opacity: 1 !important; } } @media (max-width:1024px) { .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider { gap: 0; } .items-catalog-page.CatalogItemPage #GridPage .catalogContainer { padding: 0 0 90px; display: flex; height: 100%; width: 100%; } .items-catalog-page.CatalogItemPage #GridPage .catalogContainer::before, .items-catalog-page.CatalogItemPage #GridPage .catalogContainer::after { content: none; } .items-catalog-page #GridPage .catalogContainer #CatalogItemView { display: flex; flex-direction: column; width: 100vw; } .items-catalog-page.CatalogItemPage .itemContentWrapper { height: auto; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider .item { padding: 0; height: auto; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider img { height: 375px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { max-width: 100%; padding: 45px 17px 0; height: auto; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline { margin-bottom: 25px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline .shareBox button.openShareBox { width: 20px; height: 20px; margin: 0; } #CatalogItemView .allShareButtons { left: 50%; transform: translateX(-50%); } #CatalogItemView .allShareButtons.shareOpen { top: -160px; bottom: auto; left: 50%; } #CatalogItemView .allShareButtons.shareOpen a { width: 44px; height: 44px; margin-bottom: 10px; } .items-catalog-page.CatalogItemPage .itemContent #headline h1 { letter-spacing: -0.44px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .item-makat { margin-bottom: 15px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .item-collections { margin-bottom: 15px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .catalogTextContainer:not(.comments) { margin-bottom: 35px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider ul.slick-dots { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); margin-bottom: 15px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider ul.slick-dots li button { background-color: var(--black); opacity: 0.3; width: 7px; height: 7px; } .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages .gallery-slider ul.slick-dots li.slick-active button { opacity: 1; } /*.items-catalog-page :is(div, #CatalogModule) .catalogItemBox .catalogItemBoxInner .item-add-to-cart button:is(.add-to-cart, #addToCartBtn) { color: transparent; }*/ .items-catalog-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .item-custom-details { gap: 10px; margin-bottom: 10px; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-custom-details .custom-field { gap: 10px; align-items: flex-start; } .size-button-wrapper { margin-bottom: 35px; } .inventoryUpdateForm .modal-dialog .modal-content { padding: 15px; margin-inline: 15px; } #size-guide-content-modal { width: 100%; } #size-guide-content-modal .modal-dialog .modal-content { padding: 15px; } #size-guide-content-modal .image-container img { width: 100%; } #size-guide-content-modal .modal-dialog .modal-content .modal-title-container { margin-bottom: 15px; } #size-guide-content-modal .modal-dialog .modal-content .modal-title-container h3 { display: flex; align-items: center; padding-top: 5px; } .items-catalog-page.CatalogItemPage #CatalogItemView .flashy-reviews-component { margin-top: 60px; } .items-catalog-page.CatalogItemPage .RelatedItemsWrapper { margin-top: 60px; } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems { } .items-catalog-page.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList { margin-top: 35px; width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding-inline: 16px; margin-right: 0; } #CatalogModule .relatedItems :is(div, #CatalogModule) .catalogItemBox { width: max-content; min-width: 254px; } .itemsList-wrapper { width: 100%; overflow-x: scroll; overflow-y: hidden; } } /* REGISTER PAGE */ .ShopRegisterPage .registerFormWrapper.registerPage { max-width: 32.813vw; margin-top: calc(var(--headerHeight) + 3.125vw); padding: 3.125vw; margin-bottom: 3.125vw; background: #F7F5F4; } .ShopRegisterPage .registerFormWrapper.registerPage #headline { font-size: 100%; margin: 0 0 1.5vw; } .ShopRegisterPage .registerFormWrapper.registerPage #headline h1 p { line-height: 70%; max-width: unset; margin: 0 auto; font-family: var(--nautica), "Heebo"; font-size: 3.646vw; } .ShopRegisterPage .registerFormWrapper.registerPage > p { font-size: 0.781vw; margin-bottom: 2vw; } .ShopRegisterPage .registerFormWrapper.registerPage .row { margin: 0; } .ShopRegisterPage .registerFormWrapper.registerPage fieldset { display: flex; flex-direction: column; gap: 0.8vw; } .ShopRegisterPage .registerFormWrapper.registerPage fieldset > div { padding: 0; } .ShopRegisterPage .registerFormWrapper.registerPage fieldset > div > div { padding: 0; } .ShopRegisterPage .registerFormWrapper.registerPage label { font-weight: unset; color: var(--gray); font-size: 0.781vw; } .ShopRegisterPage .registerFormWrapper.registerPage input:not([type="checkbox"]) { background: #fff !important; border: unset !important; border-radius: 0 !important; padding: 0 0.9vw; box-shadow: none; font-size: 0.885vw !important; margin: 0 !important; height: 2.604vw !important; } .ShopRegisterPage .registerFormWrapper.registerPage .error { right: 0; left: unset; bottom: -1vw; top: unset; } .ShopRegisterPage .registerFormWrapper.registerPage .normal-form-comment { font-size: 0.781vw; color: var(--gray); padding: 0; margin-top: 1vw; } .ShopRegisterPage .registerFormWrapper.registerPage .normal-form-submit { width: auto; margin: 0; display: flex; justify-content: center; } .ShopRegisterPage .registerFormWrapper.registerPage .normal-form-submit button { padding: 0.2vw 2.083vw 0; background: var(--black); color: #fff; border-radius: 0; font-size: clamp(1rem, 0.781vw, 1000rem); height: 3.15vw; transition: 0.3s all ease; border: none; display: inline-flex; align-items: center; justify-content: center; font-family: var(--bold), "Heebo"; text-transform: uppercase; min-width: 12vw; width: max-content; } .ShopRegisterPage .registerFormWrapper.registerPage .normal-form-submit button:hover { background: var(--orange); color: #fff; } .ShopRegisterPage .registerFormWrapper.registerPage #text1 a.shopBtn { max-width: 13vw; text-transform: uppercase; height: 3.125vw; display: inline-flex !important; font-size: 0.781vw; border-radius: unset; background: var(--black); color: #fff !important; padding: 0; align-items: center; justify-content: center; } @media (max-width:1024px) { .ShopRegisterPage .registerFormWrapper.registerPage { max-width: unset; width: calc(100% - 32px); margin-top: calc(var(--headerHeight) + 20px); margin-bottom: 30px; padding: 30px 20px; } .ShopCheckoutPage.ShopRelatedPage section#GridTop:not(.noTopImage), .ShopRelatedPage section#GridTop:not(.noTopImage) { display: none; } .ShopRegisterPage .registerFormWrapper.registerPage #headline { margin: 0 0 30px; } .ShopRegisterPage .registerFormWrapper.registerPage #headline h1 p { font-size: 4.6rem; } .ShopRegisterPage .registerFormWrapper.registerPage > p { font-size: 1.4rem; margin-bottom: 30px; } .ShopRegisterPage .registerFormWrapper.registerPage .normal-form-comment { font-size: 1.4rem; margin-top: 10px; } .ShopRegisterPage .registerFormWrapper.registerPage label { font-size: 1.4rem; margin-bottom: 10px; } .ShopRegisterPage .registerFormWrapper.registerPage input:not([type="checkbox"]) { padding: 0 16px; font-size: 1.4rem !important; height: 45px !important; } .ShopRegisterPage .registerFormWrapper.registerPage fieldset > div.checkBoxWrapper { margin-top: 10px; } .ShopRegisterPage .registerFormWrapper.registerPage .error { bottom: unset; top: 10px; } .ShopRegisterPage .registerFormWrapper.registerPage .normal-form-submit button, .ShopRegisterPage .registerFormWrapper.registerPage #text1 a.shopBtn { padding: 0 20px; width: 100%; height: 52px; min-width: unset; font-size: 1.2rem; max-width: unset; } } /* USER LOGIN POPUP */ .headerShopLogin { width: 50vw; } .userLogin .closeUserPop { right: 1vw; top: 0.5vw; font-size: 0.781vw; } .userLogin .subheadline { margin: 0 0 1vw; } .userLogin .subheadline h2 { font-family: 'NeueHelveticaPro75Bold', "Heebo"; font-size: 1vw; text-transform: uppercase; } .formMsgs { position: relative; bottom: unset; left: unset; transform: unset; padding: 10px 0 0; text-align: center; } .formMsgs span.formAlert { left: unset; transform: unset; position: relative; right: unset; bottom: unset; top: unset; } .formMsgs span.formAlert.successLogIn { font-family: 'NeueHelveticaPro75Bold', "Heebo"; color: var(--black); font-size: 1.5rem; text-transform: uppercase; } .userLogin .newUserText { margin-bottom: 1vw; } .userLogin .newUserText p { font-size: 0.781vw; } .userLogin .existingUser, .userLogin .newUser { padding: 0 3.125vw; direction: ltr; } .userLogin .newUser { border-left: 1px solid var(--black); } .userLogin .newUser a.registerUser.shopBtn { position: absolute; bottom: 0; max-width: unset; width: calc(100% - 6.3vw); left: 50%; transform: translateX(-50%); font-size: 0.781vw; height: 3.125vw; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: transparent; color: var(--black); margin: 0; padding: 0; border-radius: 0; transition: 0.3s all ease; } .userLogin .newUser a.registerUser.shopBtn:is(:hover,:focus) { background: var(--black); color: #fff; } .userLogin .existingUser .loginFormInput input:not([type=checkbox]):not([type=button]) { border: unset !important; border-bottom: 1px solid #6E6C6940 !important; border-radius: 0 !important; background: transparent !important; box-shadow: unset; font-size: 0.781vw !important; padding: 0 !important; height: 2.3vw !important; margin-bottom: 1vw !important; } .userLogin .existingUser .loginFormInput label.RememberMeLabel, .userLogin .existingUser .loginFormInput.forgotPass button { font-size: 0.781vw; } .userLogin .existingUser .loginFormInput input.shopBtn { font-size: 0.781vw; height: 3.125vw; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: var(--black); color: #fff; margin: 1vw 0 0; border: unset; padding: 0; border-radius: 0; transition: 0.3s all ease; } .userLogin .existingUser .loginFormInput input.shopBtn:is(:hover,:focus) { background: var(--orange); color: #fff; } @media (max-width:1024px) { .headerShopLogin { width: 100%; } .headerShopLogin .userLogin { padding: 40px 16px 30px; } .userLogin .closeUserPop { right: 16px; top: 16px; font-size: 1.3rem; color: var(--gray); } .userLogin .existingUser, .userLogin .newUser { padding: 0; margin: 0; border: unset; } .userLogin .subheadline { margin: 20px 0; } .userLogin .subheadline h2 { font-size: 1.6rem; text-align: left; line-height: 0.8; } .userLogin .subheadline h3 { margin: 0; } .userLogin .existingUser .loginFormInput input:not([type=checkbox]):not([type=button]) { font-size: 1.4rem !important; padding: 0 !important; height: 35px !important; margin-bottom: 20px !important; } .userLogin .existingUser .loginFormInput label.RememberMeLabel, .userLogin .existingUser .loginFormInput.forgotPass buttonq { font-size: 1.4rem; } .userLogin .existingUser .loginFormInput label.RememberMeLabel, .userLogin .existingUser .loginFormInput.forgotPass button { font-size: 1.4rem; } .userLogin .existingUser .loginFormInput input.shopBtn { font-size: 1.2rem !important; height: 52px; margin: 20px 0; } .userLogin .newUser a.registerUser.shopBtn { position: relative; left: unset; transform: unset; width: 100%; bottom: unset; font-size: 1.2rem; height: 52px; margin: 0; } } /* SIDE CART */ .headerShop.side-cart { z-index: 300; background: #fff !important; } .headerShop.side-cart.active { width: 26vw; max-width: unset; } .headerShop.side-cart .cart { padding: 1.667vw 1.25vw; height: 100%; min-height: 100vh; max-height: 100vh; display: flex; flex-direction: column; } .headerShop.side-cart .cart .itemsTableWrapper { flex-grow: 1; min-height: unset; height: auto; max-height: unset; overflow: auto; margin-bottom: 20px; } .headerShop.side-cart .cart .totalSumItems { background: transparent; padding: 0; } .headerShop.side-cart .cart .totalSumItems.top { display: flex; justify-content: space-between; margin-bottom: 2vw; } .headerShop.side-cart .cart .totalSumItems.top .totalSumTitle { width: auto; font-size: 2.646vw; font-family: 'nautica', "Heebo"; } .headerShop.side-cart .cart .totalSumItems.top .totalSumTitle span.cartItemsQ { font-size: 1.4vw; } .headerShop.side-cart .cart .totalSumItems.top .closeCart { width: max-content; height: max-content; display: flex; } .headerShop.side-cart .cart .totalSumItems.top .closeCart button { width: 0.729vw; height: 0.729vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/489230.svg); } .headerShop.side-cart .cart .totalSumItems.top .closeCart button svg { display: none; } .headerShop.side-cart .cart .itemsTableWrapper::after { display: none; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem { padding: 0; display: flex; gap: 1vw; } .headerShop.side-cart .cart .itemsTableWrapper .cartItemsTable { min-height: unset; height: 100%; display: flex; overflow: initial; max-height: unset; flex-direction: column; gap: 0.8vw; margin: 0; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem::after { display: none; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemName.cartItemsCell { padding: 0; width: auto; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell { padding: 0; width: auto; display: flex; flex-direction: column; text-align: left; gap: 0.8vw; margin: 0; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemDelete.cartItemsCell { padding: 0; width: max-content; display: flex; margin: 0 0 0 auto; position: relative; left: unset; top: unset; right: unset; height: fit-content; transform: unset; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemName.cartItemsCell a.cartItemPic { width: auto; height: auto; border: unset; background: var(--bg); } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemName.cartItemsCell a.cartItemPic img { position: relative; left: unset; top: unset; transform: unset; max-width: unset; max-height: unset; width: 7.292vw; height: 7.292vw; object-fit: cover; mix-blend-mode: multiply; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .itemName { margin: 0; font-size: 0.781vw; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice { display: flex; flex-direction: column; flex-grow: 1; gap: 1vw; justify-content: flex-end; align-items: flex-start; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity { width: max-content; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity .item-quantity { display: flex; border: 1px solid #6E6C6940; flex-direction: row-reverse; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity span.itemQuantityContainer { margin: 0; font-size: 0.781vw; border: unset; width: 1.094vw; height: 1.458vw; } .quantityLimitError { font-size: 1.2rem; left: unset; inset-inline-start: 100%; transform: translateY(-50%); top: 50%; bottom: unset !important; } .cartItemsTable .item-quantity { flex-direction: row-reverse; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity button { border: unset; height: 1.458vw; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .cartItemPrice.cartItemsCell { font-size: 0.75vw; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .cartItemPrice.cartItemsCell span.finalPrice { display: inline-flex; flex-direction: row-reverse; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .cartItemPrice.cartItemsCell span.itemBeforeDiscountPrice.hasDiscount { color: var(--gray); margin-left: 0.3vw; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .cartItemPrice.cartItemsCell span.itemBeforeDiscountPrice { display: inline-flex; direction: rtl; gap: 3px; justify-content: center; align-items: center; } .cartItemsTable .cartItem span.itemBeforeDiscountPrice:before, .CheckoutItems .cartItemsTable .cartItem span.itemBeforeDiscountPrice:before, .cartItemsTable .cartItem span.finalPrice:before, .price:before { font-size: 100% !important; margin: 0 !important; content: '$' !important; font-family: HelveticaNeue-01 !important; font-weight: unset !important; !i; !iu; !i; !; } .itemBeforeDiscountPrice.hasDiscount:after { transform: unset; } .headerShop.side-cart .cartItemsNavSubTotal { position: relative; bottom: unset; padding: 1vw 0 0; display: flex; flex-direction: column; gap: 1vw; } .headerShop.side-cart .cartItemsNavSubTotal::after { display: none; } .headerShop.side-cart .cartItemsNavSubTotal .cartBottomText { padding: 0; } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText { display: flex; flex-direction: column; gap: 1vw; } .headerShop.side-cart .cartItemsNavSubTotal .cartBottomText p { font-size: 0.781vw; color: var(--gray); } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText .totalSumItems { display: flex; flex-direction: column-reverse; gap: 1vw; } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText .totalSumItems a.shopBtn { margin: 0; width: 100%; background: var(--black); color: #fff; border-radius: 0; padding: 0; font-size: 0.781vw; height: 3.15vw; transition: 0.3s all ease; border: none; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText .totalSumItems a.goToCart.shopBtn { background: transparent; color: var(--black); border: 1px solid var(--black); } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText .totalSumItems a.goToCart.shopBtn:is(:hover,:focus) { background: var(--black); color: #fff; } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText .totalSumItems a.shopBtn.goToCheckout:is(:hover,:focus) { background: var(--orange); color: #fff; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems { font-family: 'NeueHelveticaPro75Bold', "Heebo"; font-size: 0.781vw !important; text-transform: uppercase; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems span.smaller { margin-top: 5px; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems.itemsInCart, .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems.subtotal { font-family: 'HelveticaNeue-01', "Heebo"; } .headerShop.side-cart .cartItemsNavSubTotal .cartSummary { gap: 0.5vw; } .cartItemsNavSubTotal span.price:before { font-size: 100% !important; margin: 0 !important; content: '$' !important; font-family: HelveticaNeue-01 !important; font-weight: unset !important; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems span.price { font-size: 0.885vw; display: flex; align-items: center; gap: 3px; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems span.cartItemsQ { font-size: 0.885vw; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems.totalPrice span.price::before { margin-top: -3px; } @media (max-width:1024px) { .headerShop.side-cart.active { width: calc(100% - 60px); } .headerShop.side-cart .cart { padding: 16px 16px 46px; } .headerShop.side-cart .cart .itemsTableWrapper .cartItemsTable { gap: 24px; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem { gap: 14px; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemName.cartItemsCell a.cartItemPic img { width: 106px; height: 106px; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell { flex-grow: 1; gap: 10px; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .itemName { font-size: 1.4rem; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice { gap: 14px; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .cartItemPrice.cartItemsCell { font-size: 1.3rem; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity button { height: 20px; width: 25px; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity span.itemQuantityContainer { height: 20px; width: 15px; font-size: 1.2rem; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity span.itemQuantityContainer input { font-size: inherit !important; } .headerShop.side-cart .cart .itemsTableWrapper .cartItem .cartItemQ.cartItemsCell .quantityAndcartItemPrice .item-quantity button svg { width: 7px; height: 7px; } .headerShop.side-cart .cart .itemsTableWrapper { } .headerShop.side-cart .cart .totalSumItems.top { margin-bottom: 24px; align-items: center; } .headerShop.side-cart .cart .totalSumItems.top .totalSumTitle { font-size: 3.6rem; } .headerShop.side-cart .cart .totalSumItems.top .totalSumTitle span.cartItemsQ { font-size: 2rem; } .headerShop.side-cart .cart .totalSumItems.top .closeCart button { width: 12px; height: 12px; } .headerShop.side-cart .cartItemsNavSubTotal { margin-block: auto 0; padding: 0; gap: 16px; } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText { gap: 16px; } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText .totalSumItems { gap: 16px; } .headerShop.side-cart .cartItemsNavSubTotal .totalSunAndBottomText .totalSumItems a.shopBtn { font-size: 1.2rem; height: 52px; } .headerShop.side-cart .cartItemsNavSubTotal .cartSummary { gap: 8px; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems { font-size: 1.4rem !important; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems span.cartItemsQ { font-size: 1.4rem; } .headerShop.side-cart .cartItemsNavSubTotal .totalSumItems span.price { font-size: 1.4rem; } .headerShop.side-cart .cartItemsNavSubTotal .cartBottomText p { font-size: 1.3rem; } } /* SHOPPING CART PAGE */ .shopLayout.cartPage { display: flex; flex-direction: column; align-items: center; margin: 0 auto; width: 60.938vw; direction: ltr; /* margin-top: var(--headerHeight); */ } .shopLayout.cartPage #headline { margin: 0vw auto 0vw 0; text-align: left; } .shopLayout.cartPage #headline h1 { direction: ltr; font-family: 'nautica', "Heebo"; font-size: 3.646vw; } .shopLayout.cartPage .cartWrapper { width: 100%; display: flex; gap: 2vw; } .shopLayout.cartPage .cartWrapper .cartSubTotal { margin: 0; width: min(30.2%, 17.9vw); padding: 0 1vw 1vw; background: #F8F7F7; height: max-content; border: 1px solid #EDECEC; } .cartItemsTable .items, .cartSubTotal, .cartSubTotal .subTotalTitle { background: transparent; } .shopLayout.cartPage .cartItemsTable { max-width: unset; width: min(69.8%, 41vw); background: #fff; margin: 0; border: 1px solid #EDECEC; } .shopLayout.cartPage .cartItemsTable .cartItemsTitles { background: #F8F7F7; } .shopLayout.cartPage .cartItemsTable .cartItemsTitles .cartItemsCell { font-size: 0.781vw; font-family: 'NeueHelveticaPro75Bold', "Heebo"; padding: 0.95vw; text-transform: uppercase; } .shopLayout.cartPage .cartItemsTable .cartItemsTitles .cartItemName.cartItemsCell { width: 40%; } .shopLayout.cartPage .cartItemsTable .cartItemsTitles .cartItemQ.cartItemsCell { width: 18%; } .shopLayout.cartPage .cartItemsTable .items { padding: 1vw; display: flex; flex-direction: column; gap: 1vw; } .shopLayout.cartPage .cartItemsTable .items .cartItemsCell { font-size: 0.755vw; padding: 0; } .shopLayout.cartPage .cartItemsTable .items .cartItem { display: flex; justify-content: center; align-items: center; gap: 0.5vw; } .shopLayout.cartPage .cartItemsTable .items .cartItem::after { display: none; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell { display: flex; gap: 1vw; align-items: center; width: 40%; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell a.cartItemPic { width: auto; height: auto; border: unset; background: var(--bg); } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell a.cartItemPic img { position: relative; left: unset; top: unset; transform: unset; max-width: unset; max-height: unset; width: 4.688vw; height: 4.688vw; object-fit: cover; mix-blend-mode: multiply; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell .itemName { margin: 0; max-width: unset; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell { width: 18%; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity { border: 1px solid #EDECEC; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity button { border: unset; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity .itemQuantityContainer { border: unset; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity .itemQuantityContainer input[type="number"] { width: 1.3vw; padding: 0; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity > span:not(.quantityLimitError) { margin: 0; font-size: 0.781vw; border: unset; width: auto; height: 1.458vw; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity button { border: unset; height: 1.458vw; padding: 0; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity > span.quantityLimitError { inset-inline-start: 50%; top: calc(100% + 5px); transform: translateX(-50%); } .shopLayout.cartPage .cartItemsTable .items .cartItemDelete.cartItemsCell { width: auto; } .shopLayout.cartPage .cartItemsTable .items .cartItemPrice.cartItemsCell { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .shopLayout.cartPage .cartItemsTable .items .cartItemsCell.cartItemTotal { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 3px; } .cartSubTotal .totalSumItems span.price:before { font-size: 100%; margin-top: 0 !important; !i; !; content: '$' !important; font-family: HelveticaNeue-01 !important; font-weight: unset; font-family: inherit !important; } .cartSubTotal .totalSumItems.totalPrice span.price:before { } .shopLayout.cartPage .cartWrapper .cartSubTotal .subTotalTitle { font-size: 0.781vw; font-family: 'NeueHelveticaPro75Bold', "Heebo"; padding: 0.95vw 0 0; text-transform: uppercase; } .shopLayout.cartPage .cartWrapper .cartSubTotal .subTotalTitle h2 { font-size: 100%; font-weight: unset; line-height: 1; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems { padding: 0; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems.itemsInCart { padding: 1vw 0; font-size: 0.781vw; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems { padding: 0 0 1vw; font-size: 0.781vw; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems.subtotal { border-bottom: 1px solid #EDECEC; margin-bottom: 1vw; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems.subtotal span.smaller { float: unset; margin-top: 20px; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems.totalPrice { font-size: 0.781vw; font-weight: unset; padding: 1vw 0; font-family: 'NeueHelveticaPro75Bold', "Heebo"; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems a.goToCheckout.shopBtn { border-radius: 0; border: unset !important; background: var(--black); text-transform: uppercase; padding: 0; color: #fff !important; margin: 0; height: 3.125vw; display: flex; align-items: center; justify-content: center; font-size: 0.781vw; } .shopLayout.cartPage .cartWrapper .cartSubTotal a.goToCheckout.shopBtn:hover { background: var(--orange); } .shopLayout.cartPage .cartWrapper .cartSubTotal .cartBottomText { padding: 0; } .shopLayout.cartPage .cartWrapper .cartSubTotal .cartBottomText p { font-size: 0.781vw; color: var(--gray); } @media (max-width:1024px) { body:has(.shopLayout) #GridTop { display: none !important; } .shopLayout:has(.mobile-subTotal) { width: 100% !important; padding: 0; margin-top: calc(var(--headerHeight) + 30px) !important; } .shopLayout.cartPage #headline { margin: 0px auto 20px; text-align: center; background: transparent; } .shopLayout.cartPage #headline h1 { font-size: 4.6rem; } .shopLayout.cartPage .cartItemsTable { width: 100%; border: unset; } .shopLayout.cartPage .cartItemsTable .items { padding: 0; gap: 24px; } .shopLayout.cartPage .cartItemsTable .items .cartItem { padding: 0; gap: 0; display: flex; align-items: flex-start; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell { width: 100%; gap: 14px; line-height: 1; font-size: 1.4rem; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell a.cartItemPic img { width: 106px; height: 106px; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell .itemName { flex-grow: 1; display: inline-flex; flex-direction: column; gap: 10px; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell .itemName .cartItemPrice .itemBeforeDiscountPrice { display: flex; align-items: flex-end; flex-direction: row-reverse; gap: 3px; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell .itemName .cartItemPrice.cartItemsCell { display: flex !important; } .shopLayout.cartPage .cartItemsTable .items .cartItemPrice.cartItemsCell span.finalPrice { display: inline-flex; flex-direction: row-reverse; } .shopLayout.cartPage .cartItemsTable .items .cartItemPrice.cartItemsCell { width: max-content; font-size: 1.3rem; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell { width: max-content; font-size: 2rem; margin: 0; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity button { height: 20px; width: 25px; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity button svg { width: 7px; height: 7px; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity > span:not(.quantityLimitError) { height: 20px; width: 15px; font-size: 1.2rem; min-width: unset; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity > span input, .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity .itemQuantityContainer input[type="number"] { width: 100%; font-size: inherit !important; padding: 0; } .shopLayout.cartPage .cartItemsTable .items .cartItemQ.cartItemsCell .item-quantity > span.quantityLimitError { top: unset; bottom: calc(100% + 5px) !important; } .shopLayout.cartPage .cartItemsTable .items .cartItemDelete.cartItemsCell { position: relative; left: unset; top: unset; right: unset; transform: unset; } .shopLayout.cartPage .cartWrapper { gap: 30px; flex-direction: column; align-items: center; padding: 0 18px 56px; } .shopLayout .cartSubTotal .mobile-subTotal { top: var(--headerHeight) !important; background: #F7F5F4; padding: 10px 16px; min-height: unset; display: flex; justify-content: space-between; align-items: center; } .shopLayout .cartSubTotal .mobile-subTotal .totalSumItems { font-size: 1.2rem !important; padding: 0 !important; position: relative; left: unset; top: unset; transform: unset; width: max-content; font-family: var(--bold), "Heebo"; } .shopLayout:has(.mobile-subTotal) .cartSubTotal .mobile-subTotal a { font-size: 1.2rem; height: 40px; text-decoration: unset; padding: 0; max-width: unset; width: max-content; min-width: 120px; border-radius: unset; display: flex; align-items: center; justify-content: center; background: var(--black); color: #fff; ); text-transform: uppercase; } .shopLayout.cartPage .cartWrapper .cartSubTotal { width: 100%; border: unset; padding: 0 20px 20px; } .shopLayout.cartPage .cartWrapper .cartSubTotal .subTotalInner { display: flex; flex-direction: column; gap: 20px; } .shopLayout.cartPage .cartWrapper .cartSubTotal .subTotalTitle { font-size: 1.5rem; padding: 20px 0; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems { font-size: 1.4rem !important; padding: 0 !important; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems.itemsInCart { padding: 0; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems.subtotal { margin: 0; padding-bottom: 20px !important; } .shopLayout.cartPage .cartWrapper .cartSubTotal .totalSumItems a.goToCheckout.shopBtn { height: 52px; font-size: 1.2rem; } .shopLayout.cartPage .cartWrapper .cartSubTotal .offers { display: none; } .shopLayout.cartPage .cartWrapper .cartSubTotal .cartBottomText p { font-size: 1.3rem; } .shopLayout .cartSubTotal .mobile-subTotal span.price::before { margin-top: -5px; font-size: 75%; } .shopLayout .cartSubTotal .mobile-subTotal .totalSumItems { display: flex; } .shopLayout.cartPage .cartItemsTable .items .cartItemName.cartItemsCell .itemName .cartItemPrice .itemBeforeDiscountPrice::before { transform: translateY(-1px); } } /* CHECKOUT LOGIN PAGE */ .checkout-login { width: 50vw; background: #F7F5F4; margin: 0; padding: 50px 0px; } .checkout-login .subheadline { margin: 0 0 1vw; text-align: left; } .checkout-login .subheadline h2 { font-family: 'NeueHelveticaPro75Bold', "Heebo"; font-size: 1vw; text-transform: uppercase; } .checkout-login .newUser { border-left: 1px solid #E1E1E1; } .checkout-login .newUser .newUserText { margin-bottom: 1vw; max-width: none; text-align: left; } .checkout-login .newUser .newUserText p { font-size: 0.781vw; } .checkout-login .newUser a.shopBtn { max-width: unset; width: 100%; font-size: 0.781vw; height: 3.125vw; border: 1px solid var(--black); display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: transparent; color: var(--black); margin: 0; padding: 0; border-radius: 0; transition: 0.3s all ease; } .checkout-login .newUser span { font-size: 0.781vw; margin: 0.85vw auto; } .checkout-login .newUser a.checkoutLogin { max-width: unset; width: 100%; font-size: 0.781vw; height: 3.125vw; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: var(--black); color: #fff; margin: 0; transition: 0.3s all ease; padding: 0; border-radius: 0; } .checkout-login .newUser a.shopBtn:is(:hover,:focus) { background: var(--black); color: #fff; } .checkout-login .newUser a.checkoutLogin:is(:hover,:focus) { background: var(--orange); color: #fff; } .checkout-login .registeredUser, .checkout-login .newUser { padding: 0 3.125vw; } .checkout-login .registeredUser .loginFormInput input:not([type=checkbox]):not([type=button]) { border: unset !important; border-bottom: 1px solid #6E6C6940 !important; border-radius: 0 !important; background: transparent !important; box-shadow: unset; font-size: 0.781vw !important; padding: 0 !important; height: 2.3vw !important; margin-bottom: 1vw !important; } .checkout-login .registeredUser .loginFormInput label.RememberMeLabel, .checkout-login .registeredUser .loginFormInput.forgotPass button { font-size: 0.781vw; } .checkout-login .registeredUser input.shopBtn { font-size: 0.781vw; height: 3.125vw; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: var(--black); color: #fff; margin: 1vw 0 0; padding: 0; border: unset; border-radius: 0; transition: 0.3s all ease; } .checkout-login .registeredUser input.shopBtn:is(:hover,:focus) { background: var(--orange); color: #fff; } .checkout-login .registeredUser::before { border-color: #EDECEC; } /* ACCOUNT PAGE */ .shopLayout { display: flex; margin: 0 auto; width: 55.4vw; gap: 1vw; direction: ltr; margin-top: var(--headerHeight); padding: 3.125vw 0; justify-content: center; } .shopLayout #headline { margin: 0; text-align: left; height: 7.3vw; padding: 1.5vw 2vw 2vw; background: transparent; } .shopLayout #headline h1 { direction: ltr; font-family: 'nautica', "Heebo"; font-size: 3.646vw; } .shopLayout #headline h1 svg { display: none; } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar { width: 30%; margin: 0; height: max-content; } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar h4 { height: 7.3vw; padding: 2vw 1vw 1vw; margin: 0 0 0.5vw; font-size: 100%; display: flex; background: #F7F5F4; flex-wrap: wrap; } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar h4 span { font-size: 1vw; font-family: var(--bold), "Heebo"; text-transform: uppercase; display: inline-block; } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar h4 button.loginBoxLogout { width: 100%; text-align: left; border: unset; margin: auto 0 0; padding: 0; display: flex; height: max-content; color: var(--black); font-size: 0.781vw; text-transform: uppercase; } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction { background: #F7F5F4; color: var(--black); font-size: 0.781vw; text-transform: uppercase; padding: 0.7vw 1vw; margin: 0; display: flex; align-items: center; gap: 0.6vw; } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction.active { color: var(--black); } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction:is(.active, :hover) span { text-decoration: underline; text-underline-offset: 2px; } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction::before { content: ''; display: inline-block; width: 1.146vw; height: 1.146vw; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(/warehouse/dynamic/489488.svg); } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction:has(.password-svg-parts)::before { background-image: url(/warehouse/dynamic/489491.svg); } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction:has(.history-btn-svg)::before { background-image: url(/warehouse/dynamic/489490.svg); } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction:has(.wishlist-btn-svg)::before { background-image: url(/warehouse/dynamic/489093.svg); } .shopLayout:has(> .loggedInUser) .loggedInUser.profileSideBar a.userAction svg { display: none; } .shopLayout .userProfile { margin: 0; max-width: unset; width: 70%; background: #F7F5F4; } .shopLayout:has(> .loggedInUser) .userProfile form { margin: 0; padding: 2vw; max-width: unset; display: flex; background: transparent; flex-direction: column; gap: 0.8vw; } .shopLayout:has(> .loggedInUser) .userProfile form .row { margin: 0; } .shopLayout:has(> .loggedInUser) .userProfile form div:has(> .normal-form-submit) { padding: 0; width: 100%; } .shopLayout:has(> .loggedInUser) .userProfile form fieldset { display: flex; flex-direction: column; gap: 1vw; } .shopLayout:has(> .loggedInUser) .userProfile form fieldset div:has(> input) { width: 100%; padding: 0; margin: 0; } .shopLayout:has(> .loggedInUser) .userProfile form fieldset label { font-weight: unset; font-size: 0.781vw; color: var(--gray); margin-bottom: 0.5vw; } .shopLayout:has(> .loggedInUser) .userProfile form fieldset input { margin: 0 !important; border: unset !important; background-color: #fff !important; box-shadow: unset; border-radius: unset !important; font-size: 0.755vw !important; color: var(--black) !important; background-repeat: no-repeat; } .shopLayout:has(> .loggedInUser) .userProfile form .normal-form-comment { font-size: 0.781vw; color: var(--gray); padding: 0; margin-bottom: 2vw; } .shopLayout:has(> .loggedInUser) .userProfile form .normal-form-submit { width: 100%; text-align: center; } .shopLayout:has(> .loggedInUser) .userProfile form .normal-form-submit input { height: 3.125vw; background: var(--black); font-size: 0.781vw; text-transform: uppercase; color: #fff; border: unset; border-radius: 0; width: 12vw; padding: 0; margin: 0; } .shopLayout:has(> .loggedInUser) .userProfile form .formMsgs { text-align: left; font-size: 2rem; } .shopLayout:has(> .loggedInUser) .userProfile form .formMsgs h3 { font-size: inherit; margin: 0; } .shopLayout.userUpdatePasswordPage:has(> .loggedInUser) .userProfile a.shopBtn { height: 3.125vw; background: var(--black); font-size: 0.781vw; text-transform: uppercase; color: #fff; border: unset; border-radius: 0; width: 12vw; padding: 0 1vw; margin: 0; display: inline-flex !important; align-items: center; justify-content: center; max-width: unset; } .shopLayout .registerFormWrapper { min-height: unset !important; background: transparent; margin: 0; max-width: unset; padding: 2vw; } .shopLayout .registerFormWrapper .itemsList { margin: 0; display: flex; gap: 0.6vw; flex-wrap: wrap; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox { width: calc(50% - 0.3vw); overflow: hidden; border: 1px solid #d1d1d1; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox .catalogItemBoxInner a.item-image img { w; width: 80%; height: 80%; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox .catalogItemBoxInner a.item-image { display: flex; align-items: center; justify-content: center; min-height: 16.625vw !important; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox .catalogItemBoxInner a.item-text { padding: 0.6vw !important; } .shopLayout .registerFormWrapper .noItemsYet { text-align: left; } .shopLayout .registerFormWrapper .noItemsYet h2 { font-size: 1vw; font-family: var(--bold), "Heebo"; text-transform: uppercase; } .shopLayout .registerFormWrapper .noItemsYet a.shopBtn { max-width: unset; padding: 0; width: 12vw; border-radius: 0; height: 3.125vw; color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 0.781vw; text-transform: uppercase; background: var(--black); border: unset; } .shopLayout .userProfile.ordersWrapper.noItemsYet .items { padding: 2vw; } .shopLayout .userProfile.ordersWrapper.noItemsYet .items > h3 { text-align: left; font-size: 1.042vw; text-transform: uppercase; font-family: var(--bold), "Heebo"; } body:has(:not(#navLogin, #checkoutLogin) > .loginFormInput.forgotPass) #headline h1 { font-family: 'nautica', "Heebo"; font-size: 3.646vw; } body:has(:not(#navLogin, #checkoutLogin) > .loginFormInput.forgotPass) .loginFormInput.forgotPass button { height: 3.125vw; background: var(--black); font-size: 0.781vw; text-transform: uppercase; color: #fff; border: unset; border-radius: 0; min-width: 13vw; padding: 0 1vw; margin: 0; display: inline-flex; align-items: center; justify-content: center; max-width: unset; text-decoration: unset; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) { padding: 2vw; margin: 0 auto; max-width: 35vw; background: #F7F5F4; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #headline { font-size: 100%; margin: 0 auto 2vw; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #headline h1 { font-family: 'nautica', "Heebo"; font-size: 3.646vw; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form { max-width: 70%; margin: 0 auto; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form .row { margin: 0; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset { display: flex; flex-direction: column; gap: 0.8vw; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset > div { padding: 0; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset > div > div { padding: 0; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset input:not([type="checkbox"]) { background: #fff !important; border: unset !important; border-radius: 0 !important; padding: 0 0.9vw; box-shadow: none; font-size: clamp(1.3rem, 0.8vw, 1000rem) !important; margin: 0 !important; height: 2.604vw !important; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset .must:before { left: 5px; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset span.error { right: 5px; left: unset; bottom: unset; top: 50%; transform: translateY(-50%); } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form div:has( > .normal-form-submit) { padding: 0; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form .normal-form-submit { width: auto; margin: 0; display: flex; justify-content: center; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form .normal-form-submit input { padding: 0.2vw 2.083vw 0; background: var(--black); color: #fff; border-radius: 0; font-size: clamp(1rem, 0.781vw, 1000rem); height: 3.15vw; transition: 0.3s all ease; border: none; display: inline-flex; align-items: center; justify-content: center; font-family: var(--bold), "Heebo"; text-transform: uppercase; min-width: 12vw; width: 100%; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form .normal-form-submit input:hover { background: var(--orange); color: #fff; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form .normal-form-comment { color: var(--gray); font-size: clamp(1.2rem, 0.7vw, 1000rem); clamp(1.7rem, 0.781vw, 1000rem):; margin-top: 1vw; padding: 0; } body:has(.passwordRecoveryPage) #headline { font-size: 100%; margin: 0 auto 2vw; } body:has(.passwordRecoveryPage) #headline h1 { font-family: 'nautica', "Heebo"; font-size: 3.646vw; } body:has(.passwordRecoveryPage) #text1.passwordRecoveryPage a.shopBtn { padding: 0.2vw 2.083vw 0; background: var(--black); color: #fff; border-radius: 0; font-size: clamp(1rem, 0.781vw, 1000rem); height: 3.15vw; transition: 0.3s all ease; border: none; display: inline-flex !important; align-items: center; justify-content: center; font-family: var(--bold), "Heebo"; text-transform: uppercase; min-width: 12vw; width: max-content; max-width: unset; } body:has(.passwordRecoveryPage) #text1.passwordRecoveryPage a.shopBtn:hover { background: var(--orange); color: #fff; } @media (min-width: 1025px) { .shopLayout.checkoutPage:has(.checkout-login) { display: flex; flex-direction: column; align-items: center; margin: 0 auto; width: 50vw; direction: ltr; padding: 0; } .shopLayout.checkoutPage:has(.checkout-login) #headline { text-align: left; } .shopLayout.checkoutPage:has(.checkout-login) #headline h1 { direction: ltr; font-family: 'nautica', "Heebo"; font-size: 3.646vw; } } @media (max-width: 1024px) { .shopLayout { width: calc(100% - 36px); padding: 20px 0 56px; gap: 10px; } .shopLayout #headline { height: 82px; padding: 20px; margin-bottom: 4px; height: auto; } .shopLayout #headline h1 { font-size: 4.6rem; } .shopLayout .userProfile { width: 100%; background: transparent; } .shopLayout:has(> .loggedInUser) .userProfile form { padding: 40px 20px; gap: 20px; background: #F7F5F4; } .shopLayout:has(> .loggedInUser) .userProfile form fieldset label { font-size: 1.3rem; margin-bottom: 10px; } .shopLayout:has(> .loggedInUser) .userProfile form fieldset input:not([type="checkbox"]) { font-size: 1.4rem !important; height: 45px !important; padding: 0 16px; } .shopLayout:has(> .loggedInUser) .userProfile form .normal-form-comment { font-size: 1.3rem; margin-bottom: 20px; } .shopLayout:has(> .loggedInUser) .userProfile form .normal-form-submit { width: 100%; } .shopLayout:has(> .loggedInUser) .userProfile form .normal-form-submit input { height: 51px; width: 100%; font-size: 1.2rem !important; } .shopLayout.userUpdatePasswordPage:has(> .loggedInUser) .userProfile a.shopBtn { height: 51px; width: 100%; font-size: 1.2rem !important; } .shopLayout .userProfile.ordersWrapper.noItemsYet .items { padding: 20px; } .shopLayout .userProfile.ordersWrapper.noItemsYet .items > h3 { margin: 0; font-size: 1.4rem; } .shopLayout.wishListPage #headline { text-align: center; } .shopLayout .registerFormWrapper { padding: 0; } .shopLayout .registerFormWrapper .noItemsYet { text-align: center; } .shopLayout .registerFormWrapper .noItemsYet h2 { font-size: 1.6rem; } .shopLayout .registerFormWrapper .noItemsYet a.shopBtn { font-size: 1.2rem; height: 52px; width: 100%; padding: 0 20px; } .shopLayout .registerFormWrapper .itemsList { gap: 16px; flex-direction: column; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox { width: calc(100vw - 36px) !important; border: unset; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox .catalogItemBoxInner a.item-image { min-height: calc(100vw - 36px) !important; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox .catalogItemBoxInner a.item-image img { width: 100%; height: 100%; } .shopLayout .registerFormWrapper .itemsList .catalogItemBox .catalogItemBoxInner a.item-text { padding: 20px !important; } .shopLayout.checkoutPage:has(.checkout-login) { flex-direction: column; margin-top: 0; } .shopLayout.checkoutPage:has(.checkout-login) #headline { padding: 20px 0; } .checkout-login { width: 100%; padding: 32px 0; } .checkout-login .registeredUser, .checkout-login .newUser { padding: 0 16px; border: unset; } .checkout-login .subheadline { margin: 0 0 10px; } .checkout-login .subheadline h2 { font-size: 1.6rem; } .checkout-login .newUser { padding-bottom: 20px; margin-bottom: 20px; } .checkout-login .newUser .newUserText { margin-bottom: 20px; } .checkout-login .newUser .newUserText p { font-size: 1.4rem; } .checkout-login .newUser a.shopBtn { font-size: 1.2rem; height: 52px; } .checkout-login .newUser span { font-size: 1.2rem; margin: 10px auto; text-transform: uppercase; } .checkout-login .newUser a.checkoutLogin { font-size: 1.2rem; height: 52px; } .checkout-login .registeredUser .loginFormInput input:not([type=checkbox]):not([type=button]) { font-size: 1.4rem !important; height: 40px !important; margin-bottom: 20px !important; } .checkout-login .registeredUser .loginFormInput label.RememberMeLabel, .checkout-login .registeredUser .loginFormInput.forgotPass button { font-size: 1.4rem; } .checkout-login .registeredUser input.shopBtn { font-size: 1.2rem !important; height: 52px; } body:has(:not(#navLogin, #checkoutLogin) > .loginFormInput.forgotPass) #headline h1 { font-size: 4.6rem; margin-top: 50px; } body:has(:not(#navLogin, #checkoutLogin) > .loginFormInput.forgotPass) .loginFormInput.forgotPass button { font-size: 1.2rem; height: 52px; min-width: max-content; padding: 0 20px; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) { max-width: unset; width: calc(100% - 32px); margin-top: calc(var(--headerHeight) + 20px); padding: 30px 20px; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #headline { margin: 0 auto 30px; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #headline h1 { font-size: 4.6rem; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form { max-width: 100%; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset { gap: 10px; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form fieldset input:not([type="checkbox"]) { padding: 0 16px; font-size: 1.4rem !important; height: 45px !important; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form .normal-form-comment { font-size: 1.4rem; margin-top: 20px; } .registerFormWrapper.passwordRecovery:has(#updatePassword-form) #updatePassword-form .normal-form-submit input { padding: 0 20px; width: 100%; height: 52px; min-width: unset; font-size: 1.2rem !important; } body:has(.passwordRecoveryPage) #headline { margin: 40px auto 30px; } body:has(.passwordRecoveryPage) #headline h1 { font-size: 4.6rem; } body:has(.passwordRecoveryPage) #text1.passwordRecoveryPage { padding: 0 30px; max-width: 100%; } body:has(.passwordRecoveryPage) #text1.passwordRecoveryPage a.shopBtn { height: 51px; width: 100%; font-size: 1.2rem !important; } } /* CHECKOUT BUY PAGE */ .shopLayout.checkoutPage:has(.DeliveryDetails) { padding-top: 0; display: flex; margin: 0 auto var(--headerHeight); width: 60.938vw; direction: ltr; /*margin-top: var(--headerHeight);*/ flex-wrap: wrap; gap: 2vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) #headline { /*margin: 3.125vw auto 0 0;*/ text-align: left; width: 100%; height: auto; padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) #headline h1 { direction: ltr; font-family: 'nautica', "Heebo"; font-size: 3.646vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal { margin: 0; width: min(30.2%, 17.9vw); padding: 0 1vw 1vw !important; background: #F8F7F7; height: max-content; border: 1px solid #EDECEC; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .subTotalTitle { font-size: 0.781vw; padding: 0.95vw 0; display: flex; align-items: center; justify-content: space-between; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .subTotalTitle h2 { font-size: 100%; font-weight: unset; line-height: 1; width: auto; text-transform: uppercase; font-family: 'NeueHelveticaPro75Bold', "Heebo"; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems { padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems.itemsInCart { padding: 1vw 0; font-size: 0.781vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems { padding: 0 0 1vw; font-size: 0.781vw; color: var(--black); } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems.subtotal { border-bottom: 1px solid #EDECEC; margin-bottom: 1vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems.subtotal span.smaller { float: unset; margin-top: 20px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems.totalPrice { font-size: 0.781vw; font-weight: unset; padding: 1vw 0; font-family: 'NeueHelveticaPro75Bold', "Heebo"; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems a.goToCheckout.shopBtn { border-radius: 0; border: unset !important; background: var(--black); text-transform: uppercase; color: #fff !important; margin: 0; height: 3.125vw; display: flex; align-items: center; justify-content: center; font-size: 0.781vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal a.goToCheckout.shopBtn:hover { background: var(--orange); } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .cartBottomText { padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .cartBottomText p { font-size: 0.781vw; color: var(--gray); } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .subTotalTitle a.goToCart { font-size: 90%; margin-top: 0; color: var(--gray); text-decoration: underline; text-transform: uppercase; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .subTotalTitle a.goToCart::after { display: none; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout { margin: 0; padding: 1vw 0 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout::after { display: none; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable { min-height: unset; display: flex; overflow: auto; max-width: unset; max-height: 12vw; flex-direction: column; gap: 0.8vw; padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItem { padding: 0; display: flex; gap: 1vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItem::after { display: none; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName { padding: 0; width: 100%; gap: 1vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName a.cartItemPic { width: auto; height: auto; border: unset; background: var(--bg); } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName a.cartItemPic img { position: relative; left: unset; top: unset; transform: unset; max-width: unset; max-height: unset; width: 4.792vw; height: 4.792vw; object-fit: cover; /* mix-blend-mode: multiply; */ } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName .itemName { font-size: 0.781vw; max-width: unset; margin: 0; gap: 0.2vw; color: var(--black); } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName .itemName a { flex-grow: unset; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName .itemName .cartItemQ.cartItemsCell { font-size: inherit; padding: 0; text-align: left; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName .itemName .cartItemPrice.cartItemsCell { font-size: 0.755vw; padding: 0; gap: 0.4vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName .itemName .cartItemPrice.cartItemsCell span { margin: 0; font-size: inherit; direction: ltr; display: flex; flex-direction: row-reverse; align-items: center; gap: 2px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .itemsTableWrapperCheckout .cartItemsTable .cartItemName .itemName .cartItemProperties { font-size: inherit; padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails { max-width: unset; direction: ltr; width: min(69.8%, 41vw); padding: 0; background: #fff; margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails .row { margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form { margin: 0; padding: 0px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .row { margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper { margin-bottom: 1vw; padding: 2vw; background: #F8F7F7; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .checkoutTitle { padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .checkoutTitle h3 { background: transparent; font-weight: unset; font-family: var(--bold), "Heebo"; text-transform: uppercase; font-size: 0.781vw; padding: 0 0 0.9vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .checkoutTitle h3 svg { display: none; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper { padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper > div { padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper label { margin-bottom: 0.3vw; font-weight: unset; color: var(--gray); font-size: 0.781vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper label.deliveryOptionLabel { padding: 1vw 1.9vw 0.7vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper.deliveryOptionsWrapper label.deliveryOptionLabel span { margin-top: 10px; font-size: 100%; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .checkoutTitle h4 { background: transparent; font-weight: unset; font-family: var(--bold), "Heebo"; text-transform: uppercase; font-size: 0.681vw; padding: 0 0 0.9vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper > div .deliveryOptionBox { border: 0; border-radius: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper > div .deliveryOptionBox.active label { padding: 0; } .deliveryOptionBox img { right: auto; left: 10px; } .deliveryOptionBox span.radioCircle { right: auto; left: 10px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .selectHolder:before { top: calc(50% - 5px); } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper input:not([type=submit], [type=checkbox], [type=radio]), .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper textarea, .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper select { background: #fff !important; border: unset !important; border-radius: 0 !important; padding: 0 0.9vw; box-shadow: none; font-size: 0.885vw !important; margin: 0 0 0.8vw !important; height: 2.604vw !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper textarea { height: 6vw !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .deliveryDetailsWrapper.checkoutFormWrapper { padding-block: 0; margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .deliveryDetailsWrapper.checkoutFormWrapper .checkBoxWrapper { display: flex; align-items: center; gap: 0.6vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .deliveryDetailsWrapper.checkoutFormWrapper .checkBoxWrapper label { margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .deliveryDetailsWrapper.checkoutFormWrapper .checkBoxWrapper input { border: 1px solid var(--gray); border-radius: 50%; height: 0.9vw; width: 0.9vw; margin: 0; background-size: 60%; background-repeat: no-repeat; background-position: center; background-image: unset; outline: unset !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .deliveryDetailsWrapper.checkoutFormWrapper .checkBoxWrapper input:checked { background-image: url(../../../warehouse/temp/story/checkboxV.svg); } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .deliveryDetailsWrapper.checkoutFormWrapper .deliveryDetailsCalcWeight .selectHolder::after { content: '*'; position: absolute; left: 0.6vw; top: 0.6vw; pointer-events: none; font-size: 0.781vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper div:has(> .radio-container) { display: flex; gap: 0.5vw; flex-direction: column; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .radio-container { margin: 0; padding: 0; gap: 0.5vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .radio-container input { margin: 0; width: 0.8vw; height: 0.8vw; background: transparent; cursor: pointer; outline: unset !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .radio-container input:checked::after { width: 50%; height: 50%; background-color: var(--black); } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .radio-container label { margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .billingDetails.open { margin-top: 1vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .couponDetails { display: flex; align-items: center; gap: 1vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .couponDetails input { margin: 0 !important; max-width: unset; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .couponDetails button { max-width: unset; padding: 0; width: auto; margin: 0; background: var(--black); color: #fff; font-family: var(--bold), "Heebo"; text-transform: uppercase; font-size: 0.781vw; height: 2.604vw; border: unset; border-radius: 0; min-width: 7.8vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .couponDetails span.couponSuccess { font-family: var(--bold), "Heebo"; text-transform: uppercase; font-size: 0.781vw; line-height: 1; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper > div .error { top: 0; bottom: auto; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper { margin: 0; padding: 0; display: flex; gap: 0.5vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper label { margin-bottom: 0; font-weight: unset; color: var(--gray); font-size: 0.781vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper input { margin: 0; width: 0.8vw; height: 0.8vw; background: transparent; cursor: pointer; outline: unset !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper input:checked:after { width: 50%; height: 50%; background-color: var(--black); } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form .normal-form-comment { font-size: 0.781vw; color: var(--gray); padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form div:has(> .normal-form-submit) { padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form .normal-form-submit { width: auto; margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form .normal-form-submit input { max-width: unset; padding: 0; width: auto; margin: 1vw 0 0; background: var(--black); color: #fff; font-family: var(--bold), "Heebo"; text-transform: uppercase; font-size: 0.781vw; height: 3.125vw; border: unset; border-radius: 0; min-width: 12vw; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form .checkoutShopComment p { font-family: var(--bold), "Heebo"; text-transform: uppercase; font-size: 0.781vw; line-height: 1; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form .checkoutShopComment div:has(> p) { padding: 15px 0 0; } span.error.couponError, span.error.couponBuymeError { font-size: 1.3rem; margin: 0; right: unset; left: 0; transform: unset; top: calc(100% + 0.3vw); bottom: unset; } form.shop-form fieldset > div.checkBoxWrapper { font-size: 0.781vw; color: var(--gray); padding: 0; margin-bottom: 2vw; display: flex; justify-content: flex-start; gap: 5px; align-items: center; } form.shop-form fieldset > div.checkBoxWrapper label { font-weight: normal; margin: 0; } @media (max-width: 1024px) { .shopLayout:has(.mobile-subTotal) .cartSubTotal .mobile-subTotal a.goToCheckout { display: none; } .shopLayout.checkoutPage:has(.DeliveryDetails) { gap: 0; flex-direction: column; align-items: center; margin-bottom: 56px; } .shopLayout.checkoutPage:has(.DeliveryDetails) #headline { margin: 0 auto 20px; text-align: center; } .shopLayout.checkoutPage:has(.DeliveryDetails) #headline h1 { font-size: 4.6rem; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal { z-index: 5; padding: 0 20px 20px !important; width: calc(100% - 36px); border: unset; margin-top: 16px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .subTotalInner { display: flex; flex-direction: column; gap: 20px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .subTotalInner :is(.CheckoutItems, .cartBottomText, .totalSumItems:has(.goToCheckout), .cartTotalOffers) { display: none; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .subTotalTitle { font-size: 1.5rem; padding: 20px 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems { padding: 0 !important; font-size: 1.4rem !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems.subtotal { margin: 0; padding-bottom: 20px !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .totalSumItems.totalPrice::before { display: none; } .shopLayout.checkoutPage:has(.DeliveryDetails) .cartSubTotal .mobile-subTotal a.goToCheckout.shopBtn { font-size: 1.2rem; height: 40px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails { width: 100%; padding: 0 18px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper { margin-bottom: 16px; padding: 20px; background: #F7F5F4; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .checkoutTitle h3 { font-size: 1.3rem; padding: 0 0 20px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper label { font-size: 1.4rem; margin-bottom: 8px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper input:not([type=submit], [type=checkbox], [type=radio]), .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper textarea { padding: 0 16px; font-size: 1.4rem !important; margin: 0 0 10px !important; height: 45px !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .couponDetails { flex-direction: column; gap: 10px; align-items: flex-start; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .couponDetails button { height: 52px; min-width: 150px; font-size: 1.2rem; width: 100%; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .couponDetails span.couponSuccess { font-size: 1.3rem; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .radio-container { gap: 9px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .radio-container input { width: 15px; height: 15px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper .billingDetails.open { margin-top: 16px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper { gap: 8px; margin-bottom: 10px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper label { font-size: 1.3rem; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper input { width: 18px; height: 18px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .dateBoxWrapper:last-child { margin: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .deliveryDetailsWrapper.checkoutFormWrapper .deliveryDetailsCalcWeight .selectHolder::after { left: 4px; top: 10px; font-size: 1.2rem; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form .normal-form-comment { font-size: 1.3rem; } .shopLayout.checkoutPage:has(.DeliveryDetails) .checkoutBtnMobile { margin: 16px 0 0; padding: 0 18px; width: 100%; } .shopLayout.checkoutPage:has(.DeliveryDetails) .checkoutBtnMobile .normal-form-submit { margin: 0; padding: 0; } .shopLayout.checkoutPage:has(.DeliveryDetails) .checkoutBtnMobile .normal-form-submit button.shopBtn { max-width: unset; padding: 0; width: 100%; margin: 0; background: var(--black); color: #fff; font-family: var(--bold), "Heebo"; text-transform: uppercase; font-size: 1.2rem; height: 52px; border: unset; border-radius: 0; min-width: auto; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutFormWrapper .checkoutTitle h4 { font-size: 1.3rem; padding: 0 0 20px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper label.deliveryOptionLabel { padding: 15px 10px 10px 35px; } .deliveryOptionBox span.radioCircle, .deliveryOptionBox img { left: 6px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper input:not([type=submit], [type=checkbox], [type=radio]), .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper textarea, .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper select { font-size: 1.3rem !important; height: 35px !important; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form fieldset .checkoutInputsWrapper select { padding-inline: 10px; } .shopLayout.checkoutPage:has(.DeliveryDetails) .DeliveryDetails form#checkout-form .checkoutShopComment p { font-size: 1.2rem; } form.shop-form fieldset > div.checkBoxWrapper { font-size: 1.3rem; align-items: flex-start; } form.shop-form fieldset > div.checkBoxWrapper input#approve { min-width: 16px; } } body:has(#payment-method-cash) #GridContent { margin-top: var(--headerHeight); } body:has(#payment-method-cash) #GridTop { display: none; } body:has(#payment-method-cash) #headline { padding-top: 3vw; margin-bottom: 3vw; font-size: 100%; } body:has(#payment-method-cash) #headline h1 { direction: ltr; font-family: 'nautica', "Heebo"; font-size: 7.604vw; } body:has(#payment-method-cash) .row { margin: 0; } body:has(#payment-method-cash) .total-price { padding: 0; color: var(--black); font-size: 1.042vw; font-family: var(--bold), "Heebo"; text-transform: uppercase; } body:has(#payment-method-cash) a#CashButton, body:has(#payment-method-cash.paymentErrorPage) a.shopBtn { background: var(--black); height: 3.125vw; width: 12vw; font-size: 0.781vw; text-transform: uppercase; color: #fff; border: unset; border-radius: 0; padding: 0; margin: 1vw 0 0; display: inline-flex; align-items: center; justify-content: center; } body:has(#payment-method-cash.paymentErrorPage) span:has( + a.shopBtn) { display: block; } @media(max-width: 1024px) { body:has(#payment-method-cash) #GridTop { display: none; } body:has(#payment-method-cash) #headline { padding-top: 20px; margin-bottom: 20px; } body:has(#payment-method-cash) #headline h1 { font-size: 4.6rem; } body:has(#payment-method-cash) .total-price { font-size: 1.6rem; } body:has(#payment-method-cash) a#CashButton, body:has(#payment-method-cash.paymentErrorPage) a.shopBtn { height: 52px; width: 100%; font-size: 1.2rem; margin: 20px 0 0; } #payment-method-cash #payment-method-credit .PaymentCreditIframe { height: 850px; } } body:has(.shopThankYouMsg) #GridContent { margin-top: var(--headerHeight); } body:has(.shopThankYouMsg) #GridTop { display: none; } body:has(.shopThankYouMsg) #headline { padding-top: 3vw; margin-bottom: 3vw; font-size: 100%; } body:has(.shopThankYouMsg) #headline h1 { direction: ltr; font-family: 'nautica', "Heebo"; font-size: 7.604vw; } body:has(.shopThankYouMsg) .subheadline { padding: 0; color: var(--black); font-size: 1.042vw; font-family: var(--bold), "Heebo"; text-transform: uppercase; } body:has(.shopThankYouMsg) a.shopBtn { background: var(--black); height: 3.125vw; width: 12vw; font-size: 0.781vw; text-transform: uppercase; color: #fff; border: unset; border-radius: 0; padding: 0; margin: 1vw 0 0; display: inline-flex !important; align-items: center; justify-content: center; max-width: unset; } @media(max-width: 1024px) { body:has(.shopThankYouMsg) #GridTop { display: none; } body:has(.shopThankYouMsg) #headline { padding-top: 20px; margin-bottom: 20px; } body:has(.shopThankYouMsg) #headline h1 { font-size: 4.6rem; } body:has(.shopThankYouMsg) .subheadline { font-size: 1.6rem; } body:has(.shopThankYouMsg) a.shopBtn { height: 52px; width: 100%; font-size: 1.2rem; margin: 20px 0 0; } } span.price { display: inline-flex !important; justify-content: center; align-items: center; gap: 3px; flex-direction: row-reverse; } /* Modal */ .modal-open .modal { padding: 0 !important; } #shop-modal.shopPop .row { margin: 0; } #shop-modal.shopPop .row img { width: 100%; object-fit: contain; height: max-content; } #forgot-password-modal .modal-body { max-width: 480px; max-height: unset; padding: 3.125vw; text-align: left; } #forgot-password-modal .modal-body .row { margin: 0; } #forgot-password-modal .modal-body h2 { font-family: 'NeueHelveticaPro75Bold', "Heebo"; text-transform: uppercase; font-size: 1vw; } #forgot-password-modal .modal-body form#passwordRecovery { max-width: unset; margin-top: 0.6vw; } #forgot-password-modal .modal-body form#passwordRecovery > p { margin-bottom: 0.8vw; font-size: 0.781vw; } #forgot-password-modal .modal-body form#passwordRecovery input { border: unset; box-shadow: none; border-bottom: 1px solid #6E6C6940; border-radius: 0; outline: none; font-size: 0.781vw; max-width: unset; height: 2vw; padding: 0; } #forgot-password-modal .modal-body form#passwordRecovery input.shopBtn { height: 3.125vw; background: var(--black); border-bottom: unset; text-transform: uppercase; transition: 0.3s all ease; } #forgot-password-modal .modal-body form#passwordRecovery input.shopBtn:is(:hover,:focus) { background: var(--orange); color: #fff; } #forgot-password-modal a.close { font-size: 0; background: #fff; width: max-content; margin: 0 auto 1vw; border-radius: 50%; padding: 0.4vw; } #forgot-password-modal a.close svg { fill: var(--black); width: 0.9vw; height: 0.9vw; } @media(max-width: 1024px) { #forgot-password-modal .modal-body { max-width: 90%; padding: 40px; } #forgot-password-modal .modal-body h2 { font-size: 1.6rem; } #forgot-password-modal .modal-body form#passwordRecovery { margin-top: 15px; } #forgot-password-modal .modal-body form#passwordRecovery > p { margin-bottom: 10px; font-size: 1.5rem; } #forgot-password-modal .modal-body form#passwordRecovery input { height: 30px; } #forgot-password-modal .modal-body form#passwordRecovery input.shopBtn { height: 52px; } #forgot-password-modal a.close { margin: 0 auto 20px; padding: 8px; } #forgot-password-modal a.close svg { width: 16px; height: 16px; } } /* Orders */ .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem { margin: 0; background: transparent; padding: 2vw; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem { display: flex; gap: 2.5vw; justify-content: space-between; padding-bottom: 1.6vw; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem .cartItemsCell { padding: 0; width: max-content; display: flex; flex-direction: column; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem .cartItemsCell span { font-size: 0.885vw; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem .cartItemsCell span:first-child { font-size: 0.781vw; font-weight: unset; font-family: 'NeueHelveticaPro75Bold', "Heebo"; text-transform: uppercase; margin-bottom: 5px; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem .cartItemsCell span.price::before { content: "\f155"; font-size: 75%; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem { padding: 1.6vw 0 0; display: flex; gap: 1.6vw; flex-direction: column; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-images { width: 100%; display: flex; gap: 1vw; flex-wrap: wrap; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-images .orderItemImg { margin: 0; width: 7.3vw; height: 7.3vw; border: unset; display: flex; align-items: center; justify-content: center; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-images .orderItemImg img { max-width: unset; max-height: unset; position: relative; left: unset; top: unset; transform: unset; width: 70%; height: 70%; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-actions { text-align: center; width: 100%; display: flex; gap: 1vw; justify-content: space-between; align-items: center; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-actions :is(a.openOrder, button.addOrderToCart) { margin: 0; padding: 0 1vw; border: unset; background: var(--black); color: #fff; border-radius: unset; height: 3.125vw; font-size: 0.781vw; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; width: 50%; transition: 0.3s all ease; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-actions :is(a.openOrder, button.addOrderToCart):hover { background: var(--orange); color: #fff; } .shopLayout:has(> .loggedInUser).singleOrderPage #headline { height: max-content; display: grid; } .shopLayout:has(> .loggedInUser).singleOrderPage #headline > span { font-size: clamp(1rem, 0.781vw, 100rem); color: var(--black); margin-top: 1vw; text-transform: uppercase; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails { padding: 0vw 2vw 3.125vw; margin: 0; flex-direction: column-reverse; gap: 2vw; background: #F7F5F4; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails .order-details-container { gap: 0.7vw; font-size: clamp(1rem, 0.938vw, 100rem); color: var(--black); } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails .order-details-container .orderDetail { font-size: inherit; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails .order-details-container .orderDetail span.price::before { font-size: 75%; content: "\f155"; margin-top: 1px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails .order-actions-container button.addOrderToCart { padding: 5px 0 0; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; transition: 0.4s all ease; border-radius: 0; border: none; width: 100%; height: 100%; background: var(--black); font-family: 'NeueHelveticaPro75Bold', "Heebo"; color: #fff; height: 3.125vw; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails .order-actions-container button.addOrderToCart:is(:hover, :focus) { color: #fff; border: none !important; background: var(--orange); } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper { margin: 0; max-width: unset; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items { margin: 0; padding: 0 2vw; background: #F7F5F4; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .subheadline { margin-bottom: 1.6vw; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .subheadline h2 { font-size: clamp(1rem, 0.938vw, 100rem); direction: rtl; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable { max-width: unset; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .itemsTitles { display: flex; color: var(--black); } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell.cartItemQ { width: 20%; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell.cartItemName { width: 40%; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell.cartItemTotal { width: 20%; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell { font-size: clamp(1rem, 0.938vw, 1000rem); padding: 1vw 0; margin: 0; text-align: start; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell.cartItemPrice { width: 20%; vertical-align: unset; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell.price { direction: rtl; display: inline-flex; justify-content: flex-end; align-items: center; gap: 3px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem { border-bottom: 1px solid var(--gray); font-weight: bold; display: flex; align-items: center; color: var(--black); } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem::before, .shopLayout:is(.userAccountPage, .orderHistory, .userUpdatePasswordPage, .wishListPage).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem::after { display: none; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem .cartItemName.cartItemsCell { font-size: clamp(1rem, 0.833vw, 1000rem); line-height: 1.5; font-weight: 400; padding: 1vw 0; gap: 1vw; align-items: center; display: inline-flex; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem .cartItemName.cartItemsCell .cartItemPic { width: auto; height: auto; border: unset; background: transparent; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem .cartItemName.cartItemsCell .cartItemPic img { position: relative; left: unset; top: unset; transform: unset; max-width: unset; max-height: unset; width: 4.688vw; height: 4.688vw; object-fit: cover; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem .cartItemName.cartItemsCell .itemName { margin: 0; max-width: unset; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails { margin: 0; padding: 1vw 2vw 2vw; background: #F7F5F4; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails > div { padding: 0; font-size: clamp(1rem, 0.938vw, 1000rem); line-height: 1.5; color: var(--black); } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails > div .subheadline { margin: 0 0 1.5vw; border: unset; padding: 0; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails > div .subheadline h2 { font-size: clamp(1rem, 1.042vw, 1000rem); } .modal#history-order-modal .modal-body { max-width: 23.5vw; padding: 2vw; height: 15.5vw; max-height: unset; display: flex; align-items: center; justify-content: center; } .modal#history-order-modal .modal-body .row { margin: 0; } .modal#history-order-modal .modal-body button.shopBtn { padding: 5px 0 0; font-size: clamp(1rem, 0.781vw, 1000rem); text-transform: uppercase; transition: 0.4s all ease; border-radius: 0; border: none; width: 100%; height: 100%; background: var(--black); font-family: 'NeueHelveticaPro75Bold', "Heebo"; color: #fff; height: 3.125vw; margin: 30px auto 0; } @media(min-width: 1025px) { .modal#history-order-modal .modal-body button.shopBtn:is(:hover, :focus) { color: #fff; border: none !important; background: var(--orange); } } @media(max-width: 1024px) { .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem { padding: 20px; background: #F7F5F4; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem { gap: 20px; padding-bottom: 20px; flex-wrap: wrap; flex-direction: column; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem .cartItemsCell { flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem .cartItemsCell span { font-size: 1.4rem; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .topOrderItem .cartItemsCell span:first-child { font-size: 1.4rem; margin: 0; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem { gap: 20px; padding: 20px 0 0; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-images { gap: 20px; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-images .orderItemImg { width: calc(50% - 10px); height: 37.2vw; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-actions { margin-top: 0; gap: 20px; flex-direction: column; } .shopLayout:has(> .loggedInUser) .userProfile .orders .orderItem .bottomOrderItem .order-actions :is(a.openOrder, button.addOrderToCart) { height: 52px; font-size: 1.2rem; width: 100%; } .shopLayout:has(> .loggedInUser).singleOrderPage #headline > span { font-size: 1.8rem; margin-top: 20px; width: 100%; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails { padding: 40px 15px; gap: 30px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails .order-details-container { font-size: 1.6rem; gap: 7px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderFirstDetails .order-actions-container button.addOrderToCart { height: 52px; font-size: 1.4rem; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items { padding: 0 15px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .subheadline { margin-bottom: 40px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .subheadline h2 { font-size: 1.6rem; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell.cartItemPrice { width: 100%; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell.cartItemPrice span.totalPrice { margin: 0; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .itemsTitles { display: none; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem { padding: 0; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem .cartItemName.cartItemsCell { font-size: 1.4rem; padding: 32px 0; gap: 20px; align-items: flex-start; width: 100%; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItem .cartItemName.cartItemsCell .cartItemPic img { width: 90px; height: 90px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell { padding: 3px 0; font-size: 1.4rem; width: 100% !important; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .order-items .cartItemsTable .cartItemsCell .price::after { font-size: 65%; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails { padding: 40px 0; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails > div { font-size: 1.6rem; padding: 0 15px; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails > div .subheadline { margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid var(--gray); } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails > div .subheadline h2 { font-size: 2rem; } .shopLayout:has(> .loggedInUser).singleOrderPage .orderDetailsWrapper.cartWrapper.ordersWrapper .orderMoreDetails > div .oneLine > span { word-break: break-word; } .modal#history-order-modal .modal-body { max-width: calc(100% - 40px); padding: 30px; height: 250px; } .modal#history-order-modal .modal-body button.shopBtn { height: 52px; font-size: 1.4rem; } } /* SearchResults */ .SearchResults #GridTop { display: none; } .SearchResults #SiteGrid { padding-top: var(--headerHeight); } .SearchResults #headline { margin: 7.135vw; font-size: 100%; } .SearchResults #headline h1 { font-size: clamp(3.4rem, 3.646vw, 1000rem); letter-spacing: clamp(-0.68rem, -0.073vw, 1000rem); text-transform: uppercase; line-height: 80%; } .SearchResults #text1 { max-width: unset; } .SearchResults #text1 .searchResultsList { margin: 0 0 7.135vw; display: flex; flex-wrap: wrap; gap: 0 1.042vw; padding: 0 2.1vw; } .SearchResults #text1 .searchResultsList div.catalogItemBox { width: 18.033vw; min-width: 18.033vw; max-width: 18.133vw; flex-grow: 1; margin-bottom: 2vw; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: 1.042vw 0; border-top: 1px solid var(--gray); border-bottom: unset; display: flex; margin: 0; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg { gap: 1vw; } .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: 7.292vw; min-width: 7.292vw; height: 7.292vw; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { height: 100%; object-fit: cover; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { width: auto; padding-right: 0; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(a img) .resultContent { padding-right: 1.042vw; display: inline-flex; flex-direction: column; justify-content: center; gap: 0.3vw; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: 1.7vw; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a span { font-size: inherit; line-height: 90%; color: var(--blue); max-width: 100%; } @media(max-width: 1024px) { .SearchResults #headline { margin: 80px auto; } .SearchResults #headline h1 { font-size: 2.4rem; letter-spacing: unset; } .SearchResults #text1 .searchResultsList { flex-wrap: nowrap; flex-direction: column; margin: 0 0 90px; gap: 0; padding: 0 16px; } .SearchResults #text1 .searchResultsList div.catalogItemBox:has(+ :not(div.catalogItemBox)) { margin: 0 0 90px !important; } .SearchResults #text1 .searchResultsList div.catalogItemBox { margin: 0 0 16px; width: 100%; min-width: unset; max-width: unset; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: 15px 0; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg { gap: 20px; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: 2rem; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a span { line-height: 120%; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(a img) .resultContent { padding-right: 15px; gap: 5px; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(a img) .resultContent .resultCategory { font-size: 1.5rem; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { width: 90px; height: 90px; min-width: 90px; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { width: 100%; } } @media(max-width: 1024px) { .fixedAddToCartStrip { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; background: var(--orange); z-index: 100; color: var(--bg); align-items: center; justify-content: center; padding-right: 33px; } .fixedAddToCartStrip .fixedMsg { position: absolute; opacity: 0; } .fixedAddToCartStrip .item-quantity { width: 100% !important; background: var(--orange); color: var(--bg); } .fixedAddToCartStrip .item-quantity button { border: 0 !important; color: var(--white, #FFF); font-size: 1.5rem; line-height: 1.28; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 8px; height: 28px; padding: 0 20px; } .fixedAddToCartStrip .item-quantity button svg { display: none; } .fixedAddToCartStrip .item-quantity button::after { content: ''; display: block; position: relative; background-image: url(/warehouse/dynamic/441610.svg); background-position: center; background-size: cover; width: 13px; height: 13px; } .fixedAddToCartStrip .item-quantity button span { display: flex; margin-top: 4px; } .fixedAddToCartStrip .item-price span.finalPrice { display: inline-flex; gap: 3px; align-items: center; } .items-catalog-page.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title button { font-size: 1.5rem; padding-block: 10px; } .ShopCheckoutPage .gsap-content { will-change: unset; } } .isMacProM4P { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }