@charset "utf-8"; * { padding: 0; margin: 0 } img { max-width: 100%; display: block } a, li, ol, p, ul { margin: 0; padding: 0 } .lazyload, .lazyloading { opacity: 0; display: block } .lazyloaded { opacity: 1 } .container, .container .container-index, .container-index, .large-banner .container-index, .shopify-policy__container { max-width: calc(var(--page-width) * 1px); width: calc(100% - 40px); margin-left: auto; margin-right: auto; box-sizing: border-box } .container .container-index { width: 100% } #body, body, html { background-color: var(--body-bg); min-height: 100vh; margin: 0; padding: 0; width: 100%; max-width: 100%; scroll-behavior: smooth; word-break: break-word; font-family: var(--body-font); letter-spacing: var(--body-ls) } #body { display: flex; flex-direction: column } .hidden-navbox { display: flex; position: absolute; visibility: hidden; opacity: 0; z-index: -999; top: -999px; left: -999px; transform: rotate(.25turn) } #navbox { font-size: 0; display: flex; width: auto } #navbox>li { display: inline-block; list-style: none; margin: 0; border-bottom: 2px solid transparent; border-top: 2px solid transparent; box-sizing: border-box; font-family: var(--header-font); font-style: var(--header-font-style); font-weight: var(--header-font-weight); font-size: calc(var(--header-font-size) * 1px); letter-spacing: var(--header-ls); text-transform: var(--header-uppercase); color: var(--header-nav-color); text-decoration: none; padding: 0 12px } .flex { display: flex; flex-wrap: wrap } .header-box { width: 100%; display: block; position: relative; z-index: 10 } .header { background-color: var(--header-color); border-bottom: 1px solid var(--header-border-color); width: 100%; overflow: hidden } .header>.flex { min-height: 64px } .burger, .icones, .logo, .navigation { display: flex; align-self: center; letter-spacing: 0 } .logo { display: block; text-decoration: none; color: var(--header-nav-color); font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); box-sizing: border-box } .logo-1 { margin-right: auto; order: 1 } .logo-2 { order: 2; margin: 0 auto } .logo-img { display: block; width: 100%; height: auto } .logo-2 .logo-img { margin: 0 auto; justify-content: center; display: flex; text-align: center } .mobile-nav .logo-1 { max-width: calc(100% - 160px); width: 100%; padding-right: 0 } .mobile-nav .logo-2 { max-width: calc(100% - 220px) } .navigation-1 { order: 2 } .burger-2, .navigation-2 { float: left; order: 1; margin-left: 0; margin-right: auto } .icones { border-bottom: 2px solid var(--header-color); border-top: 2px solid var(--header-color); justify-content: flex-end } .icones-1 { margin-left: auto; order: 3 } .icones-2 { float: right; order: 3; margin-left: auto; margin-right: 0 } .burger, .header-icon { height: 40px; width: 40px; border-radius: 24px; align-self: center; cursor: pointer; display: flex } .header-icon { margin-left: 10px } .burger svg, .header-icon svg, .header-new-icon { width: calc(var(--icons_size) * 1px); height: calc(var(--icons_size) * 1px); margin-left: calc((40 - var(--icons_size))/ 2 * 1px); margin-top: calc((40 - var(--icons_size))/ 2 * 1px); box-sizing: border-box; display: block } .header-icon:first-child { margin-left: 0 } .pagination-left { margin-left: calc((30 - var(--icons_size))/ 2 * 1px); margin-top: calc((30 - var(--icons_size))/ 2 * 1px) } .icon-color { color: var(--header-icons); fill: none } .burger:hover .icon-color, .close-drawcart-icon:hover .icon-color, .close-search-icon:hover .icon-color, .header-icon:hover .icon-color { color: var(--header-icons-hover); fill: none } .mobile-nav .icones { max-width: 90px } .mobile-nav .icones-1 #cart-icon { margin-left: 0; order: 1 } .mobile-nav .icones-1 #search-icon { margin-left: 10px; order: 2 } .close-menu-block { display: none; position: absolute; right: 10px; top: 10px; z-index: 99 } #account-icon, .mobile-nav .close-menu-block { display: flex } #cart-indicator { display: none } #cart-icon .cart-full { display: block; width: 17px; height: 17px; width: 10px; height: 10px; border-radius: 20px; background-color: var(--cart-indicator); position: absolute; margin-left: 22px; margin-top: 23px; border: 1px solid transparent; padding-top: 2px; box-sizing: border-box; font-size: 10px; text-align: center; color: #fff; font-family: Roboto, Arial, sans-serif; word-break: keep-all } .burger { height: 40px; width: 40px; border-radius: 24px; align-self: center; cursor: pointer; display: flex; visibility: hidden; opacity: 0; position: absolute; z-index: -100 } .burger-1 { margin-left: 10px; order: 4 } .burger-2 { order: 1 } .mobile-nav .burger-2 { margin-right: 0 } .trick-2 { width: 50px; height: 40px; visibility: hidden; opacity: 0; order: 1; margin-right: auto; align-self: center; display: none } .mobile-nav .trick-2 { display: block } @media all and (max-width:839px) { .navigation { visibility: hidden; opacity: 0; position: absolute; z-index: -1 } .icones-1 #cart-icon { margin-left: 0; order: 1 } .icones-1 #search-icon { margin-left: 10px; order: 2 } #account-icon { display: none } .burger { visibility: visible; opacity: 1; position: static; z-index: 0 } .trick-2 { display: block } .icones { max-width: 90px } .logo-1, .mobile-nav .logo-1 { max-width: calc(100% - 160px); width: 100% } .logo-2, .mobile-nav .logo-2 { max-width: calc(100% - 220px); width: 100% } } @media all and (max-width:539px) { .icones, .mobile-nav .icones { max-width: 70px } .logo-1, .mobile-nav .logo-1 { max-width: calc(100% - 130px); width: calc(100% - 130px) } .logo-2, .mobile-nav .logo-2 { max-width: calc(100% - 180px); width: calc(100% - 180px) } .trick-2 { width: 40px; height: 30px } .burger, .header-icon { height: 30px; width: 30px } .burger svg, .icones .header-icon svg { margin-left: calc((30 - var(--icons_size))/ 2 * 1px); margin-top: calc((30 - var(--icons_size))/ 2 * 1px) } #cart-icon .cart-full { margin-left: 17px; margin-top: 18px; padding-top: 0 } } .mobile-nav #account-icon { display: none } .mobile-nav .burger { visibility: visible; opacity: 1; position: static; z-index: 0 } .nav-menu { font-size: 0 } .nav-menu>li { display: inline-block; list-style: none; margin: 0; padding: 0; border-bottom: 2px solid var(--header-color); border-top: 2px solid var(--header-color) } .mega-text, .mobile-nav .nav-previous, .mobile-nav .sub-nav-title, .navigation a, .navigation span.ob-seo { color: var(--header-nav-color); font-size: calc(var(--header-font-size) * 1px); text-decoration: none; display: block } .nav-style { font-family: var(--header-font); font-style: var(--header-font-style); font-weight: var(--header-font-weight); letter-spacing: var(--header-ls); text-transform: var(--header-uppercase) } .mobile-nav .nav-style2 { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); text-transform: none; letter-spacing: var(--body-ls) } .navigation a:hover, .navigation span.ob-seo:hover { transition: .1s } .nav-menu>li>a, .nav-menu>li>span.ob-seo { padding: 0 12px; margin: 0; position: relative } .nav-menu>li>a:after, .nav-menu>li>span.ob-seo:after { content: ''; position: absolute; width: 100%; height: 2px; bottom: -2px; left: 0; background-color: var(--header-border-color-hover); transition: transform .4s ease-out; left: 50%; width: 0; transition: all .4s } .nav-menu>li>a:hover::after, .nav-menu>li>span.ob-seo:hover::after { left: 0; width: 100% } .nav-menu>li:hover>a { color: var(--header-nav-color-hover) } .nav-menu>li:hover { border-bottom: 2px solid var(--header-border-color-hover); transition: .1s; border-bottom: transparent } .subnav-box { position: absolute; top: 0; left: 0; display: none; width: 100%; border-bottom: 1px solid var(--header-border-color); background-color: var(--header-color); height: auto; padding: 20px 0; display: flex; visibility: hidden; opacity: 0; z-index: 31 } .desktop-nav .nav-menu li:hover .subnav-box { display: flex; visibility: visible; opacity: 1 } .subnav-box.menu-dropdown { width: 20%; max-width: 200px; left: inherit } .meganav-container { display: flex; margin: 0 auto; flex-wrap: wrap; max-width: calc(var(--page-width) * 1px); width: calc(100% - 40px); box-sizing: border-box; gap: 10px; justify-content: start } .subnav { display: flex; flex-wrap: wrap; margin: 0; justify-content: center; align-self: flex-start; visibility: hidden; opacity: 0; gap: 10px; width: 100% } .meganav-images { visibility: hidden; opacity: 0; gap: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-self: flex-start } .mobile-nav .meganav-images { display: none } .desktop-nav .nav-menu li:hover .meganav-images, .desktop-nav .nav-menu li:hover .subnav { visibility: visible; opacity: 1; transition: all .4s ease; z-index: 31 } .subnav>* { width: calc((100% - 40px)/ 5); margin: 0 auto; display: block } .subnav li { list-style: none; margin: 0; line-height: normal; padding: 10px 0; padding: 0 } .menu-dropdown .subnav li { width: 100%; padding: 0 } .menu-dropdown .subnav li:nth-child(3) { padding: 10px 0 0 0 } .subnav>li>a { font-size: calc(var(--header-font-size) * 1px); color: var(--header-nav-color); margin: 10px 0; display: block } .subnav>li>a:hover, a.mega-img:hover .mega-text { color: var(--header-nav-color-hover) } .navigation-2 .subnav, .subnav-start, .subnav.subnav-width-20, .subnav.subnav-width-40, .subnav.subnav-width-60, .subnav.subnav-width-80 { justify-content: start } .meganav-width-20, .subnav-width-80 { width: calc(20% - 5px) } .meganav-width-40, .subnav-width-60 { width: calc(40% - 5px) } .meganav-width-60, .subnav-width-40 { width: calc(60% - 5px) } .meganav-width-80, .subnav-width-20 { width: calc(80% - 5px) } .meganav-width-100, .subnav-width-100 { width: 100%; order: 1 } .subnav-width-100 { order: 2 } .mega-img-1, .subnav-width-80>* { width: 100% } .subnav-width-60>* { width: calc(50% - 5px) } .mega-img-2 { width: calc(50% - 10px) } .subnav-width-40>* { width: calc((100% - 20px)/ 3) } .mega-img-3 { width: calc((100% - 40px)/ 3) } .subnav-width-20>* { width: calc((100% - 30px)/ 4) } .mega-img-4 { width: calc((100% - 60px)/ 4) } .subnav-width-100>* { width: calc((100% - 40px)/ 5) } .mega-img-5 { width: calc((100% - 80px)/ 5) } .mega-img { height: auto; display: block; align-self: flex-start } .mega-text { line-height: 1.5; padding: 10px 0; margin: 0; display: block; transition: .1s } .subsubnav li { padding: 2px 0 } .subsubnav li a { font-size: calc(var(--subheader-font-size) * 1px); color: var(--header-subnav-color); display: block; line-height: 1.5; letter-spacing: var(--body-ls) } .subsubnav li a:hover { color: var(--header-subnav-color-hover) } .mobile-nav .navigation { z-index: 12; left: 0; top: 0; bottom: 0; width: 100%; height: 100vh; overflow: hidden; visibility: hidden; opacity: 0; position: fixed } .mobile-nav .nav-menu { position: absolute; background-color: var(--header-color); width: 320px; top: 0; bottom: 0; display: flex; flex-direction: column; padding: 60px 10px 40px 30px; overflow: auto; box-sizing: border-box; transition: all .4s ease; z-index: 12 } .mobile-nav .navigation-1 .nav-menu { right: -320px } .mobile-nav .navigation-2 .nav-menu { left: -50px } .slide-nav .navigation { visibility: visible; opacity: 1; background-color: #000; background-color: rgba(0, 0, 0, .75); transition: all .4s ease } .close-nav .navigation { visibility: hidden; opacity: 0; transition: all .4s ease; transition-delay: 0.2s } .slide-nav .nav-menu { transition: all .4s ease; transition-delay: 0.2s } .slide-nav .navigation-1 .nav-menu { right: 0 } .slide-nav .navigation-2 .nav-menu { left: 0 } .close-nav .navigation-1 .nav-menu { right: -320px } .close-nav .navigation-2 .nav-menu { left: -320px } .mobile-nav .subnav-box { position: absolute; top: 0; left: 0; bottom: 0; display: flex; width: auto; border-bottom: none; height: auto; padding: 0; visibility: hidden; opacity: 0; z-index: 10; max-width: auto } .mobile-nav .meganav-container { margin: 0; flex-wrap: wrap; gap: 0; justify-content: start; position: fixed; background-color: var(--header-color); width: 320px; top: 0; bottom: 0; flex-direction: column; padding: 0; overflow: auto; transition: all .4s ease } .mobile-nav .subnav, .mobile-nav .subsubnav { position: fixed; background-color: var(--header-color); width: 320px; top: 0; bottom: 0; display: flex; flex-direction: column; padding: 60px 10px 40px 30px; padding: 40px 10px 30px 30px; overflow: auto; box-sizing: border-box; transition: all .4s ease; opacity: 0; visibility: hidden; justify-content: start; flex-wrap: nowrap; gap: 0 } .mobile-nav .navigation-1 .subnav, .mobile-nav .navigation-1 .subnav-box, .mobile-nav .navigation-1 .subsubnav { right: 0 } .mobile-nav .navigation-2 .subnav, .mobile-nav .navigation-2 .subnav-box, .mobile-nav .navigation-2 .subsubnav { left: 0 } .mobile-nav .subnav { z-index: 31 } .mobile-nav .subsubnav { z-index: 32 } .mobile-nav .subsubnav { padding: 40px 30px } .mobile-nav .nav-menu>li, .mobile-nav .subnav>li, .mobile-nav .subsubnav>li { display: flex; line-height: normal; width: 100%; min-width: 100%; max-width: 100%; border: none; padding: 0 } .mobile-nav .nav-menu a:focus, .mobile-nav .nav-menu>li:hover { border: none } .mobile-nav .nav-menu>li>a:after, .mobile-nav .nav-menu>li>span.ob-seo:after { height: 0 } .mobile-nav .nav-menu>li>a, .mobile-nav .nav-menu>li>span.ob-seo, .mobile-nav .subnav>li>a, .mobile-nav .subsubnav>li>a, .nav-previous { color: var(--header-nav-color); text-decoration: none; margin: 0; margin-right: auto; display: flex; padding: 15px 0; width: calc(100% - 40px) } .mobile-nav .nav-menu>li>a, .mobile-nav .nav-menu>li>span.ob-seo, .mobile-nav .sub-nav-title { font-size: calc(var(--header-font-size-mobile) * 1px); padding: 20px 0 } .mobile-nav .nav-previous, .mobile-nav .subnav>li>a, .mobile-nav .subsubnav>li>a { font-size: calc(var(--subheader-font-size-mobile) * 1px) } .mobile-nav .subnav>li>a, .mobile-nav .subsubnav>li>a { color: var(--header-subnav-color) } .mobile-nav .nav-menu>li>a:hover, .mobile-nav .nav-menu>li>span.ob-seo:hover, .mobile-nav .nav-previous:hover, .mobile-nav .subnav>li>a:hover, .mobile-nav .subsubnav>li>a:hover { color: var(--header-nav-color-hover) } .mobile-nav .subnav>li>a:hover, .mobile-nav .subsubnav>li>a:hover { color: var(--header-subnav-color-hover) } .nav-arrow { width: 40px; min-width: 40px; height: 40px; min-height: 40px; align-self: center; border-radius: 20px; cursor: pointer; box-sizing: border-box; color: var(--header-icons) } .nav-arrow:hover { color: var(--header-icons-hover) } .mobile-nav .slide-subnav.subnav-box { visibility: visible; opacity: 1; transition: all .4s ease } .mobile-nav .close-subnav .subnav, .mobile-nav .close-subnav.subnav-box, .mobile-nav .close-subsubnav.subsubnav { visibility: hidden; opacity: 0; transition: all .4s ease; transition-delay: 0.2s } .mobile-nav .slide-subnav .subnav, .mobile-nav .slide-subsubnav.subsubnav { opacity: 1; visibility: visible; transition: all .4s ease; transition-delay: 0.2s } .mobile-nav .nav-back { cursor: pointer } .mobile-nav .nav-previous { display: block; margin-left: 10px; letter-spacing: var(--body-ls) } .mobile-nav .sub-nav-title { padding: 50px 0 20px } .desktop-nav .nav-menu .nav-hidden, .nav-menu .nav-hidden { display: none } .mobile-nav .nav-hidden { display: flex } .mobile-nav .mobile-account, .mobile-nav .top-previous { margin-left: -10px } .breadcrumb, .breadcrumb a, .breadcrumb a:hover { padding: 10px 0; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: 13px; text-decoration: none; color: var(--breadcrumb-color); line-height: 1.5 } .breadcrumb { margin-bottom: 0; background-color: var(--breadcrumb-bg) } .breadcrumb-line { padding: 0 10px } .overflow-hidden { overflow: hidden } .news-button { cursor: pointer } .modal-address, .modal-cart, .modal-exit, .modal-filters, .modal-news, .modal-promo, .modal-restock, .modal-restricted, .modal-review, .modal-sizechart, .modal-home, .modal-subscribe, .modal-upsell, .modal-video, .modal-zoom { display: flex; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100vh; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, .75); visibility: hidden; opacity: 0; transition: all .4s ease } .modal-search { visibility: hidden; opacity: 0; background-color: #000; background-color: rgba(0, 0, 0, .75); position: fixed; width: 100%; height: 100%; z-index: 99 } .modal-restricted { background-color: #000; background-color: #000 } .modal-address-content, .modal-exit-content, .modal-news-content, .modal-promo-content, .modal-restock-content, .modal-restricted-content, .modal-review-content, .modal-search-content, .modal-sizechart-content, .modal-home-content, .modal-subscribe-content, .modal-upsell-content, .modal-video-content, .modal-zoom-content { background-color: var(--body-bg); margin: auto; padding: 60px 30px; width: calc(100% - 20px); max-width: 450px; border-radius: calc(var(--popups-radius) * 1px); box-sizing: border-box; position: relative } .modal-address-content, .modal-restock-content, .modal-review-content, .modal-home-content, .modal-sizechart-content { height: auto; max-height: calc(100vh - 20px); max-width: 550px; overflow-y: auto; padding-bottom: 60px } .modal-review-content, .modal-home-content, .modal-sizechart-content { padding-bottom: 30px } .modal-home-content { padding-top: 30px; } .modal-upsell-content { height: auto; max-height: calc(100vh - 20px); max-width: 650px; overflow-y: auto } .modal-video-content { height: auto; max-height: calc(100vh - 20px); max-width: 800px; overflow-y: auto; padding: 0; border-radius: 0; background-color: #111 } .modal-exit-content, .modal-news-content, .modal-promo-content, .modal-restricted-content, .modal-search-content, .modal-zoom-content { height: auto; max-height: calc(100vh - 20px); overflow-y: auto; padding: 0; display: block } .modal-zoom-content { max-height: calc(100vh - 40px) } #modal-search .modal-search-content { width: 100%; min-width: 100%; position: absolute; top: 0; left: 0; border-radius: 0; display: flex; flex-wrap: wrap; max-height: 100% } @media all and (max-width:489px) { .modal-address-content, .modal-restock-content, .modal-review-content, .modal-sizechart-content, .modal-upsell-content { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px); padding: 60px 20px } .modal-review-content, .modal-sizechart-content { padding-bottom: 30px } } .close-drawcart-icon, .close-exit-icon, .close-menu-icon, .close-news-icon, .close-promo-icon, .close-search-icon, .close-upsell-icon, .close-zoom-icon { width: 30px; height: 30px; padding: 5px; padding: calc((30 - var(--icons_size))/ 2 * 1px); margin-left: auto; border-radius: 30px; display: block; box-sizing: border-box; position: absolute; right: 10px; top: 10px; cursor: pointer; color: var(--close-cross); z-index: 999 } .close-drawcart-icon { margin-right: -5px } #modal-search .close-search-icon { position: inherit; right: inherit; top: inherit; align-self: center; margin-left: 15px } .search-align { display: flex; margin: auto; align-self: center } #modal-search .search-form { width: calc(100% - 50px); margin: 0; padding: 0; align-self: center } #modal-search .search-field { width: 100%; outline: 0; border: none; background-color: var(--body-bg); color: var(--body-text-color); padding: 0; box-sizing: border-box; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); line-height: 1.5; vertical-align: middle; letter-spacing: var(--body-ls) } .search-ajax { display: none; margin: 0 auto 50px } #modal-search .search-nomargin { margin-bottom: -10px } .close-drawcart-icon { position: static; align-self: center } .news-title, .restock-product-title, .search-title, .upsell-title { font-size: 24px; align-self: center; color: var(--body-title-color); font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); display: block; margin-bottom: 20px } .restock-product-title { font-size: 18px; margin: 20px 0 0 } .upsell-title { margin-bottom: 10px } .upsell-image { width: 220px } .upsell-texts { width: calc(100% - 250px); margin-left: 30px } .modal-upsell-content .product-price-reduction { margin-top: 20px } .modal-upsell-content .product-pricing { margin-bottom: 20px; display: block; width: 100% } .modal-upsell-content .product-option, .modal-upsell-content .product-option-list, .modal-upsell-content .shopify-product-form { margin-top: 0; display: block; width: 100% } .modal-upsell-content .product-option.hide { display: none } @media all and (max-width:599px) { .upsell-image, .upsell-texts { width: 100% } .upsell-texts { margin-left: 0; margin-top: 20px; text-align: center } .upsell-image { width: 70%; margin-left: auto; margin-right: auto } .modal-upsell .product-pricing { margin-bottom: 20px; text-align: center } .modal-upsell .upsell-title { font-size: 20px; text-align: center; display: block; margin-left: auto; margin-right: auto } } .address-form, .news-form, .search-form, .sizechart-block { display: block; margin-top: 30px; width: 100% } .news-email, .search-email { width: 100%; display: block; border: 1px solid var(--form-field-line); background-color: var(--form-field-bg); color: var(--form-field-color); line-height: 40px; padding: 0 20px; box-sizing: border-box; border-radius: calc(var(--form_angle) * 1px); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); align-self: center } .news-email:active, .news-email:focus, .news-email:hover, .search-email:active, .search-email:focus, .search-email:hover { outline: 0; background-color: var(--form-field-bg-hover); border: 1px solid var(--form-field-line-hover) } .news-rgpd, .search-suggest { margin-top: 20px } .news-rgpd p { font-size: 12px !important } .modal-news-content a, .modal-search-content a { color: var(--body-link-color); text-decoration: none } .modal-news-content a:hover, .modal-search-content a:hover { color: var(--body-link-color-hover) } #judgeme_all_reviews_page .jdgm-submit-rev, #judgeme_product_reviews .jdgm-submit-rev, #shopify-product-reviews .spr-button-primary, .news-send, .search-send { border: none; background-color: var(--button-bg-color); color: var(--button-text-color); border: 1px solid var(--button-border-color); padding: 15px 30px; padding: 14px 28px; line-height: 1.2; border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); display: block; margin-left: auto; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: var(--button-font-size); margin-top: 30px; cursor: pointer; transition: all .4s ease } #judgeme_all_reviews_page .jdgm-submit-rev:hover, #judgeme_product_reviews .jdgm-submit-rev:hover, #shopify-product-reviews .spr-button-primary:hover, .news-send:hover, .search-send:hover { background-color: var(--button-bg-color-hover); color: var(--button-text-color-hover); border: 1px solid var(--button-border-color-hover); transition: all .4s ease } .fade-address, .fade-exit .modal-exit, .fade-news .modal-news, .fade-promo .modal-promo, .fade-restock .modal-restock, .fade-restricted .modal-restricted, .fade-review .modal-review, .fade-search .modal-search, .fade-sizechart .modal-sizechart, .fade-home .modal-home, .fade-subscribe .modal-subscribe, .fade-upsell .modal-upsell, .fade-video .modal-video, .fade-zoom .modal-zoom { visibility: visible; opacity: 1; transition: all .4s ease } #modal-bg { display: flex; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, .75); visibility: hidden; opacity: 0; transition: all .4s ease } .dark-bg #modal-bg { visibility: visible; opacity: 1; z-index: 10; transition: all .4s ease } .mobile-nav #modal-bg { display: none } .announcement-top { z-index: 11; transition-delay: 0.4s } .slide-nav .announcement-top { z-index: 0; transition-delay: 0s } .announcement-bar { width: 100%; display: flex; justify-content: center; align-items: center; align-self: center; overflow: hidden; padding: 0; margin: 0 } .announcement-text { display: block; text-align: center; box-sizing: border-box; line-height: 1.5 } .notif-success { background-color: var(--notif-success-bg); color: var(--notif-success-color) !important; padding: 10px; border-radius: calc(var(--form_angle) * 1px); width: 100%; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); box-sizing: border-box; font-size: calc(var(--body-font-size) * 1px) } .notif-error { background-color: var(--notif-error-bg); color: var(--notif-error-color) !important; padding: 10px; border-radius: calc(var(--form_angle) * 1px); width: 100%; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); box-sizing: border-box; font-size: calc(var(--body-font-size) * 1px) } .index-notif-error { padding-left: 30px } .newsletter-firstname, .notif-order { margin-bottom: 20px } #content { z-index: 0; background-color: var(--body-bg) } #shopify-section-footer { margin-top: auto; position: relative; bottom: 0; left: 0 } #footer { background-color: var(--footer-color); position: relative; bottom: 0; left: 0; width: 100%; margin-top: auto; z-index: 0 } #footer .ob-seo, #footer a { text-decoration: none; color: var(--footer-link-color); transition: all .4s ease } #footer .ob-seo:hover, #footer a:hover { text-decoration: none; color: var(--footer-link-color-hover); transition: all .4s ease } .footer-content { padding: 50px 0 20px; color: var(--footer-text-color) } .footer-blocks { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between } .footer-block { display: block; margin-bottom: 30px; flex: 0 1 auto } .footer-block-1 { width: 100% } .footer-block-2 { width: calc(50% - 15px) } .footer-block-3 { width: calc((100% / 3) - 20px) } .footer-block-4 { width: calc(25% - 22.5px) } .footer-title { margin-bottom: 20px; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--footer-heading-color) } .footer-block-links { list-style: none; display: block } .footer-block-links li, .footer-text li, .footer-text p { display: block; line-height: 1.5; margin-bottom: 10px } .footer-text ol, .footer-text ul { margin-bottom: 10px; padding-left: 20px; box-sizing: border-box } .footer-text li { margin-bottom: 5px; display: list-item } .footer-text { margin-bottom: 20px } .footer-image { margin-bottom: 20px; display: block } .footer-icons { list-style: none } .footer-social { width: 30px; height: 30px; margin-right: 10px; margin-bottom: 10px; border-radius: 30px; display: inline-block; cursor: pointer } .footer-social:last-child { margin-right: 0 } .footer-social2 a { position: relative; display: block } .footer-social2 a svg { position: absolute; width: 100%; top: 0; left: 50%; transform: translateX(-50%); fill: var(--footer-icons) } .footer-social2:hover a svg { fill: var(--footer-icons-hover) } .footer-social-path { fill: var(--footer-color) } .footer-icons-bg { fill: var(--footer-icons-background) } .footer-social:hover .footer-icons-bg { fill: var(--footer-icons-background-hover) } .footer-icons-color { fill: var(--footer-icons) } .footer-social:hover .footer-icons-color { fill: var(--footer-icons-hover) } #footer-button { background-color: var(--footer-button-bg-color); border: 1px solid var(--footer-border-color); color: var(--footer-button-color); padding: 15px 20px; padding: 14px 28px; line-height: 1.2; border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); font-size: var(--button-font-size); margin-bottom: 20px; display: block; transition: all .4s ease; cursor: pointer } #footer-button:hover { background-color: var(--footer-button-bg-color-hover); color: var(--footer-button-color-hover); border: 1px solid var(--footer-border-color-hover); transition: all .4s ease } .footer-credits { border-top: 1px solid var(--footer-line-color); padding: 20px 0; font-size: 13px } .footer-credits-shop { color: var(--footer-heading-color); line-height: 30px } .footer-credits-links { list-style: none; margin-top: 10px; font-size: 13px; display: block } .footer-credits-links li { display: inline-block; margin-right: 20px; line-height: 30px } .footer-credits-links li:last-child { margin-right: 0 } #footer-button, .footer-block-links li, .footer-credits-links li, .footer-credits-shop, .footer-text p { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight) } .footer-credits-payments { list-style: none } .footer-credits-payments li { display: inline-block; margin-right: 10px } .footer-credits-payments li:last-child { margin-right: 0 } @media all and (max-width:969px) { .footer-block { width: calc(50% - 15px) } .footer-block-3:last-of-type { width: calc(100%) } } @media all and (min-width:640px) { .footer-dk-2 .footer-image { margin-right: auto; margin-left: auto } .footer-dk-3 .footer-image { margin-left: auto } .footer-dk-2 .footer-block-links, .footer-dk-2 .footer-icons, .footer-dk-2 .footer-text p, .footer-dk-2 .footer-title { text-align: center } .footer-dk-3 .footer-block-links, .footer-dk-3 .footer-icons, .footer-dk-3 .footer-text p, .footer-dk-3 .footer-title { text-align: right } .footer-dk-2 #footer-button { display: block; margin-left: auto; margin-right: auto } .footer-dk-3 #footer-button { float: right } .footer-dk-1 .footer-credits-shop { display: inline-block; text-align: left } .footer-dk-2 .footer-credits-shop { display: block; width: 100%; text-align: center } .footer-dk-1 .footer-credits-payments { display: inline-block; align-self: center; margin-left: auto } .footer-dk-2 .footer-credits-payments { display: block; width: 100%; text-align: center; margin-top: 10px } .footer-dk-1 .footer-credits-links { text-align: left } .footer-dk-2 .footer-credits-links { text-align: center } } @media all and (max-width:639px) { .footer-block { width: calc(100%) } .footer-mb-2 .footer-image { margin-right: auto; margin-left: auto } .footer-mb-3 .footer-image { margin-left: auto } .footer-mb-2 .footer-block-links, .footer-mb-2 .footer-icons, .footer-mb-2 .footer-text p, .footer-mb-2 .footer-title { text-align: center } .footer-mb-3 .footer-block-links, .footer-mb-3 .footer-icons, .footer-mb-3 .footer-text p, .footer-mb-3 .footer-title { text-align: right } .footer-mb-2 #footer-button { display: block; margin-left: auto; margin-right: auto } .footer-mb-3 #footer-button { float: right } .footer-credits-payments, .footer-credits-shop { width: 100%; display: block } .footer-credits-payments { margin: 20px 0 10px } .footer-mb-1 .footer-credits-links, .footer-mb-1 .footer-credits-payments, .footer-mb-1 .footer-credits-shop { text-align: left } .footer-mb-2 .footer-credits-links, .footer-mb-2 .footer-credits-payments, .footer-mb-2 .footer-credits-shop { text-align: center } } .article-promotion, .article-promotion2 { width: 100%; margin-top: 0; margin-bottom: 30px; display: block; overflow: hidden; margin-right: auto } .article-promotion2 { margin-top: calc(var(--section-margin) * 1px); margin-bottom: 0 } .article-promotion-dk { display: block } .article-promotion-mb { display: none } .article-content { overflow: hidden; margin-right: auto; width: calc(70% - 75px) } .article-centered .article-content, .article-centered .article-promotion, .article-centered .article-promotion2 { margin-left: auto; width: 100%; max-width: 730px } .article-centered .article-promotion, .article-centered .article-promotion2, .product-custom { box-sizing: border-box } .article-title { display: block; width: 100%; width: calc(70% - 75px); font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); box-sizing: border-box; background-color: var(--body-bg); font-size: 28px; line-height: 1.2; padding: 0 0 30px } .article-centered .article-title { margin-left: auto; width: 100%; max-width: 730px; margin-right: auto } .article-banner { width: 100% } .article-summary { padding: 20px; margin-top: 30px } .article-summary-name { align-self: center; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); font-size: 20px } .show-summary { margin-left: auto; align-self: center; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: 14px; border: none; background-color: transparent; cursor: pointer } .article-summary-content { width: 100%; list-style: none; margin-top: 20px; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight) } .article-h2, .article-h3 { line-height: 1.5; cursor: pointer } .article-h2 { margin-top: 20px; font-size: calc(var(--body-font-size) * 1px) } .article-h3 { margin-top: 10px; padding-left: 20px; font-size: calc((var(--body-font-size) - 2) * 1px) } .article-text, .shopify-policy__body { width: 100%; padding: 30px 0 0; box-sizing: border-box; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); background-color: var(--body-bg); border-radius: 0 } .shopify-policy__body { padding: 0 } .article-text table, .article-text td, .article-text th, .shopify-policy__body table, .shopify-policy__body td, .shopify-policy__body th { border: 1px solid var(--separation-line); border-collapse: collapse; text-align: left; padding: 10px; font-weight: 400; margin-bottom: 20px; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); background-color: var(--body-bg); color: var(--body-text-color); font-size: calc(var(--body-font-size) * 1px) } .article-sidebar p:not(.sidebar-title), .article-text blockquote, .article-text p, .article-text q, .author-description p, .shopify-policy__body blockquote, .shopify-policy__body p, .shopify-policy__body q { margin-bottom: 20px; text-align: left; line-height: 1.5; font-size: calc(var(--body-font-size) * 1px); color: var(--body-text-color) } .article-text ol, .article-text ul, .author-description ol, .author-description ul, .blog-item-extract ol, .blog-item-extract ul, .index-ul, .shopify-policy__body ol, .shopify-policy__body ul, .sidebar-text ol, .sidebar-text ul { margin-bottom: 20px; padding-left: 20px; box-sizing: border-box } .article-text blockquote, .article-text q, .shopify-policy__body blockquote, .shopify-policy__body q { display: block; font-style: italic } .article-text li, .index-ul li, .shopify-policy__body li, .sidebar-text li { text-align: left; line-height: 1.5; font-size: calc(var(--body-font-size) * 1px); color: var(--body-text-color); margin-bottom: 5px } .article-text h1, .article-text h2, .article-text h3, .article-text h4, .article-text h5, .article-text h6, .shopify-policy__body h1, .shopify-policy__body h2, .shopify-policy__body h3, .shopify-policy__body h4, .shopify-policy__body h5, .shopify-policy__body h6 { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); line-height: 1.2; margin-bottom: 20px } .article-text h1, .article-text h2, .shopify-policy__body h1, .shopify-policy__body h2 { margin-top: 40px; font-size: 28px } .article-text h3, .shopify-policy__body h3 { margin-top: 30px; font-size: 20px } .article-text h4, .article-text h5, .article-text h6, .shopify-policy__body h4, .shopify-policy__body h5, .shopify-policy__body h6 { margin-top: 20px; font-size: 18px } .article-content a, .article-h2, .article-h3, .article-sidebar a, .article-text a, .shopify-policy__body a, .show-summary { color: var(--body-link-color); text-decoration: none; transition: all .4s ease } .article-content a:hover, .article-h2:hover, .article-h3:hover, .article-sidebar a:hover, .article-text a:hover, .shopify-policy__body a:hover, .show-summary:hover { color: var(--body-link-color-hover); transition: all .4s ease } .article-text img, .shopify-policy__body img { width: auto; margin: 20px 0; margin: 0 0 20px } .article-text iframe, .shopify-policy__body iframe { width: 100%; max-width: 100%; margin: 0 0 20px } .article-update { padding: 30px 0 0 } .photo-update { width: 40px; height: 40px; border-radius: 40px; margin-right: 10px; align-self: center } .date-update { font-style: italic; font-size: 14px; display: inline-block; align-self: center; width: calc(100% - 50px); font-family: var(--body-font); font-weight: var(--body-font-weight); color: var(--body-text-color) } .article-author-picture { width: 100px; height: 100px; border-radius: 100px; align-self: center } .article-author-content { width: calc(100% - 130px); align-self: center; margin-left: auto; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); color: var(--body-text-color) } .article-share { margin-top: 30px; align-items: center } .icon-share { width: 30px; height: 30px; border-radius: 30px; margin-left: 10px } .article-share .icon-share:last-of-type { margin-right: auto } .product-share .icon-share:last-of-type { margin-right: 5px } .article-share-title { color: var(--body-subtitle-color); font-size: calc(var(--body-font-size) * 1px) } .article-sidebar { width: calc(30% - 15px); box-sizing: border-box } .sidebar-block { margin-bottom: calc(var(--section-margin) * 1px); overflow: hidden; background-color: var(--body-bg) } .sidebar-block:last-of-type { position: -webkit-sticky; position: sticky; top: 30px; margin-bottom: 0 } .sidebar-image { margin-bottom: 20px } .sidebar-text { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); color: var(--body-text-color) } .author-name, .sidebar-title { margin: 0 0 20px; font-size: 20px; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color) } .sidebar-button { background-color: var(--button-bg-color); color: var(--button-text-color); padding: 15px 20px; padding: 14px 28px; line-height: 1.2; border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); display: block; transition: all .4s ease; cursor: pointer; font-size: var(--button-font-size); margin-top: 25px; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); border: 1px solid var(--button-border-color) } .sidebar-button:hover { background-color: var(--button-bg-color-hover); color: var(--button-text-color-hover); border: 1px solid var(--button-border-color-hover); transition: all .4s ease } .article-section { background-color: var(--body-bg); margin-top: calc(var(--section-margin) * 1px); width: 100%; overflow: hidden; box-sizing: border-box } .article-section-title { margin-top: 0; margin-bottom: 20px; font-size: 24px; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); line-height: 1.2 } .suggestion-article a { text-decoration: none; color: var(--body-title-color) } .suggestion-article { width: calc((100% / 2) - 10px); margin-left: 20px } .suggestion-article:first-of-type { margin-left: 0 } .suggestion-image { width: 100% } .suggestion-title { line-height: 1.5; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); margin-bottom: 0; padding-bottom: 0; color: var(--body-subtitle-color); font-size: calc(var(--body-font-size) * 1px); margin-top: 20px } .comment-block { border-top: 1px solid var(--separation-line); padding: 20px 0 } .comment-block:last-of-type { border-bottom: 1px solid var(--separation-line) } .comment-profile { margin-bottom: 20px } .comment-picture { height: 40px; width: 40px; border-radius: 40px; align-self: center; padding-top: 10px } .article-author-svg, .comment-picture { background-color: #eee; fill: #ccc; box-sizing: border-box } .article-author-svg { background-color: #eee; fill: #ccc; box-sizing: border-box; padding-top: 25px } .comment-author { align-self: center; margin-left: 20px; font-weight: var(--body-font-weight); font-family: var(--body-font); font-style: var(--body-font-style); color: var(--body-subtitle-color) } .comment-content p, .comment-time { line-height: 1.5; margin-bottom: 20px; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); color: var(--body-text-color); font-size: calc(var(--body-font-size) * 1px) } .comment-content p:last-of-type, .comment-time { margin-bottom: 0 } .comment-time { font-size: 13px; margin-top: 5px; line-height: 1 } .article-section .notif-error { margin-bottom: 30px; list-style: none; line-height: 1.5 } .article-section .notif-success { line-height: 1.5 } .sidebar-text .notif-error, .sidebar-text .notif-success { margin-top: 25px } #shopify-product-reviews .spr-form-message-success, .article-section .notif-success p, .sidebar-text .notif-success p { background-color: var(--notif-success-bg); color: var(--notif-success-color) } #shopify-product-reviews .spr-form-message-error, .article-section .notif-error p, .sidebar-text .notif-error p { background-color: var(--notif-error-bg); color: var(--notif-error-color) } #shopify-product-reviews .spr-form-message-error, #shopify-product-reviews .spr-form-message-success { padding: 20px } .new-comment-content, .new-comment-email, .new-comment-name { min-width: 100%; max-width: 100%; min-height: 200px; outline: 0; border: 1px solid var(--form-field-line); background-color: var(--form-field-bg); color: var(--form-field-color); padding: 12px 15px; box-sizing: border-box; border-radius: calc(var(--form_angle) * 1px); font-size: calc((var(--body-font-size) - 2) * 1px); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); letter-spacing: var(--body-ls) } .new-comment-content { border-radius: calc(var(--textarea_angle) * 1px) !important } .new-comment-email, .new-comment-name { max-width: calc(50% - 10px); min-width: calc(50% - 10px); min-height: 0; margin-top: 20px } .new-comment-email { margin-left: auto } .new-comment-content:active, .new-comment-content:focus, .new-comment-content:hover, .new-comment-email:active, .new-comment-email:focus, .new-comment-email:hover, .new-comment-name:active, .new-comment-name:focus, .new-comment-name:hover { background-color: var(--form-field-bg-hover); border: 1px solid var(--form-field-line-hover) } .new-comment-send { border: none; background-color: var(--button-bg-color); color: var(--button-text-color); border: 1px solid var(--button-border-color); padding: 15px 30px; padding: 14px 28px; line-height: 1.2; border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); display: block; margin-left: auto; margin-left: 0; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: var(--button-font-size); margin-top: 20px; cursor: pointer; transition: all .4s ease } .new-comment-send:hover { background-color: var(--button-bg-color-hover); color: var(--button-text-color-hover); border: 1px solid var(--button-border-color-hover); transition: all .4s ease } @media all and (max-width:1019px) { .article-content, .article-promotion, .article-promotion2 { margin-left: auto; width: 100%; max-width: 730px } .article-title { margin-left: auto; width: 100%; max-width: 730px; margin-right: auto } .article-sidebar { display: block; width: 100%; max-width: 730px; margin-top: calc(var(--section-margin) * 1px); margin-left: auto; margin-right: auto } .sidebar-block { margin-bottom: calc(var(--section-margin) * 1px) } .no-sidebar-mb { display: none } .sidebar-title { font-size: 24px } } @media all and (max-width:729px) { .article-text { padding: 30px 0 0 } .article-section { padding: 0; border: none } .article-main-block, .sidebar-block { border: none } .article-section-title { margin-bottom: 30px } .article-author-content { width: calc(100% - 140px) } .sidebar-text { padding: 0 } } @media all and (max-width:639px) { .article-promotion-dk { display: none } .article-promotion-mb { display: block } .suggestion-article { width: 100%; margin-left: 0; margin-bottom: 30px } .suggestion-article:last-of-type { margin-bottom: 0 } } @media all and (max-width:539px) { .article-author-picture { width: 80px; height: 80px; margin: 0 auto 20px } .article-author-content { width: calc(100% - 100px); width: 100% } .author-name { margin-bottom: 10px; font-size: calc(var(--body-font-size) * 1px); text-align: center } .new-comment-email, .new-comment-name { max-width: 100%; min-width: 100%; min-height: 0; margin-top: 20px } } .login { padding: 30px 0 0 } .shopify-challenge__container { padding: 80px 20px } .emptycart { text-align: center } .login-block { width: 100%; max-width: 390px; margin-left: auto; margin-right: auto; box-sizing: border-box; text-align: center } .login-title { margin-top: 0; margin-bottom: 30px; font-size: 24px; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); line-height: 1; color: var(--body-title-color) } .login-subtitle, .search-subtitle, .shopify-challenge__message { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); color: var(--body-text-color); margin-bottom: 30px } .search-subtitle { margin-bottom: 0; margin-top: 20px } .search-product-subtitle { margin-bottom: 30px } .margin-top { margin-top: calc(var(--section-margin) * 1px); margin-bottom: 0 } .login-field, .product-custom { width: 100%; outline: 0; border: 1px solid var(--form-field-line); background-color: var(--form-field-bg); color: var(--form-field-color); padding: 12px 15px; box-sizing: border-box; border-radius: calc(var(--form_angle) * 1px); margin-top: 20px; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc((var(--body-font-size) - 2) * 1px); letter-spacing: var(--body-ls) } .first-login-field { margin-top: 0 } .login-field:active, .login-field:focus, .login-field:hover, .product-custom:active, .product-custom:focus, .product-custom:hover { background-color: var(--form-field-bg-hover); border: 1px solid var(--form-field-line-hover) } .padding-top-ten { padding-top: 10px } .margin-bottom-twenty { margin-bottom: 20px } .login-field-select { -webkit-appearance: none; -moz-appearance: none; background: 0 0; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: calc(100% - 5px); background-position-y: 50%; box-shadow: none; cursor: pointer } .login-bottom, .login-decline { margin-top: 30px; font-size: 14px; color: var(--body-text-color); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); line-height: 1.5 } .emptycart a, .login-block a, .login-decline, .login-link { text-decoration: none; color: var(--body-link-color); cursor: pointer; transition: all .4s ease } .emptycart a:hover, .login-block a:hover, .login-decline:hover, .login-link:hover { color: var(--body-link-color-hover); transition: all .4s ease } .login-button, .shopify-challenge__button { border: none; background-color: var(--button-bg-color); color: var(--button-text-color); border: 1px solid var(--button-border-color); padding: 15px 30px; padding: 14px 28px; line-height: 1.2; border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); display: block; margin-left: auto; margin-right: auto; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: var(--button-font-size); margin-top: 30px; cursor: pointer; transition: all .4s ease } #dynamic-checkout-button .shopify-payment-button__button--hidden { display: none } .login-button:hover, .shopify-challenge__button:hover { background-color: var(--button-bg-color-hover); color: var(--button-text-color-hover); border: 1px solid var(--button-border-color-hover); transition: all .4s ease } .login-decline { border: none; outline: 0; background-color: var(--body-bg) } .timer-element { width: 100%; margin: 0 auto; max-width: 700px } .timer-block span { font-size: 9px; text-transform: uppercase } .timer-block { box-sizing: border-box; width: 25% } .timer-block:last-child { border-right: 0 } .hide { display: none } .login-block .notif-error, .login-block .notif-success { margin-top: 20px; text-align: left; list-style: none; line-height: 1.5 } .top-20 { margin-top: 20px } .product-main { margin: 50px auto calc(var(--section-margin) * 1px) } .product-images { width: 55% } .product-texts { width: 37.5%; margin-left: auto } .product-pack .product-texts { width: 32.5% } .product-sticky { position: -webkit-sticky; position: sticky; top: 30px; height: auto } .product-next-button, .product-prev-button { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); border: none; cursor: pointer; background-color: transparent; transition: all .4s ease; display: none } .image-complete, .image-square { width: 100%; position: relative; background-color: var(--body-bg) } .index-slider.image-complete { background-color: inherit; position: static } .image-square:after { content: ""; display: block; padding-bottom: 100% } .image-square-container { position: absolute; width: 100%; height: 100%; background-color: var(--body-bg) } .square-instagram { background-color: rgb(0, 0, 0, .5); fill: white } .square-instagram svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 30px; height: 30px } .image-square-picture { max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; height: auto } .image-complete-container { position: relative; width: 100%; height: 100%; display: block; top: 0; left: 0; background-color: var(--body-bg); overflow: hidden } .image-complete-picture { width: 100%; display: block; height: auto; position: static } .hidden-image, .hidden-image-pack, .hidden-image-swatch { opacity: 0; visibility: hidden; transition: all ease .4s } .image-complete .hidden-image, .image-complete .hidden-image-pack, .image-complete .hidden-image-swatch { position: absolute } @media all and (min-width:800px) { .image-complete:hover .hidden-image, .image-square:hover .hidden-image, .show-image-swatch { opacity: 1; visibility: visible; transition: all ease .4s } } .show-image-pack { opacity: 1; visibility: visible; transition: all ease .4s } .product-image-1, .product-image-2 { flex-wrap: wrap; gap: 20px } .product-image-1 .slider__item { width: 100%; max-width: 100% } .product-image-1 .slider__item, .product-image-2 .slider__item { margin: 0 } .product-image-2 .slider__item { width: calc((100% - 20px)/ 2); max-width: calc((100% - 20px)/ 2) } .product-images .slider__previous { left: 10px } .product-images .slider__next { right: 10px } .external-video { top: 50%; left: 0; transform: translate(0, -50%); width: 100% } .product-image-2 .index-video-thumbnail { margin-top: auto; margin-bottom: auto; margin-top: 0 } .format-video { position: relative; padding-bottom: 56.25%; width: 100%; display: flex } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } .arrow-carousel-icon { border-radius: 20px; width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: calc((40 - var(--icons_size))/ 2 * 1px); align-self: center; border-radius: 20px; box-sizing: border-box; cursor: pointer; color: var(--arrow-color); background-color: var(--arrow-bg-color); border: 1px solid var(--arrow-border-color); transition: all .4s ease } .plus-carousel-icon { position: absolute; width: 22px; height: 22px; right: -21px; top: calc(50% - 15px); display: block; z-index: 1; color: var(--pack-plus-color) } .plus-carousel-left { left: -21px; right: none } .product-restock, .product-sku, .product-stock-alert, .product-tag, .product-vendor, .product-vendor a { margin-bottom: 10px; text-decoration: none; color: var(--body-subtitle-color); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px) } .product-restock, .product-stock-alert { align-self: center; margin: 10px 0 0 20px; width: calc(100% - (20% - 5.6px) - 20px); box-sizing: border-box; display: flex; align-items: center } .product-stock-alert-full { width: 100%; margin: 30px 0; margin: 20px 0 } .product-pack .product-stock-alert-full { margin: 20px 0 0 } .stock-alert-icon { width: 25px; height: 25px; position: relative; margin-right: 10px } @keyframes stock-pulsation { 0% { opacity: .5 } to { transform: scale(2.5); opacity: 0 } } .stock-alert-icon:after, .stock-alert-icon:before { content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 0; background-color: var(--stock-available); border-radius: 10px; margin: 7.5px } .stock-alert-icon:before { animation: stock-pulsation 2s linear infinite } .stock-low.stock-alert-icon:after, .stock-low.stock-alert-icon:before { background-color: var(--stock-low) } .stock-soldout.stock-alert-icon:after, .stock-soldout.stock-alert-icon:before { background-color: var(--stock-soldout) } .stock-notification.stock-alert-icon:after, .stock-notification.stock-alert-icon:before { background-color: var(--stock-notification) } .hide-stock { display: none } .product-restock.hide-stock { display: flex } .product-title { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); font-size: 28px; margin-bottom: 10px } .product-pricing { margin-bottom: 50px; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc((var(--body-font-size) + 2) * 1px); font-weight: 400 } .product-current-price { display: inline-block; color: var(--current-price) } .product-old-price { display: inline-block; text-decoration: line-through; margin-left: 10px } .product-old-price:empty { margin-left: 0 } .pack-restock, .product-old-price { color: var(--previous-price) } .product-price-reduction { margin-top: 50px; color: var(--promotion-price); font-size: calc(var(--body-font-size) * 1px) } .product-option { margin-bottom: 20px } #judgeme_all_reviews_page .jdgm-form-wrapper, #judgeme_product_reviews .jdgm-form-wrapper, #shopify-product-reviews .spr-form-label, .product-custom-alert, .product-option-label, .product-restock { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); color: var(--body-subtitle-color) } .product-size-guide { margin-left: auto } .product-restock, .product-size-guide { cursor: pointer } .index-section-margin .product-restock { display: none } #judgeme_all_reviews_page input[type=email], #judgeme_all_reviews_page input[type=text], #judgeme_all_reviews_page textarea, #judgeme_product_reviews input[type=email], #judgeme_product_reviews input[type=text], #judgeme_product_reviews textarea, #shopify-product-reviews .spr-form-input-email, #shopify-product-reviews .spr-form-input-text, #shopify-product-reviews .spr-form-input-textarea, .login-option-list, .product-option-list, .qb-option-list { width: 100%; margin-top: 0; padding: 12px 15px; -webkit-appearance: none; -moz-appearance: none; background: 0 0; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: calc(100% - 5px); background-position-y: 50%; box-shadow: none; outline: 0; cursor: pointer; background-color: var(--form-field-bg); color: var(--form-field-color); border: 1px solid var(--form-field-line); border-radius: calc(var(--form_angle) * 1px); font-size: calc((var(--body-font-size) - 2) * 1px); margin-top: 10px; letter-spacing: var(--body-ls) } #judgeme_all_reviews_page textarea, #judgeme_product_reviews textarea, #shopify-product-reviews .spr-form-input-textarea { border-radius: calc(var(--textarea_angle) * 1px) } .login-option-list { margin-top: 20px } #judgeme_all_reviews_page input[type=email], #judgeme_all_reviews_page input[type=text], #judgeme_all_reviews_page textarea, #judgeme_product_reviews input[type=email], #judgeme_product_reviews input[type=text], #judgeme_product_reviews textarea, #shopify-product-reviews .spr-form-input-email, #shopify-product-reviews .spr-form-input-text, #shopify-product-reviews .spr-form-input-textarea { background: 0 0; cursor: auto } .product-option-block { width: calc(20% - 5.6px); margin-left: 7px; border-radius: calc(var(--form_angle) * 1px); box-sizing: border-box; margin-top: 7px } .product-option-block:first-child, .product-option-block:nth-child(5n+1) { margin-left: 0 } #shopify-product-reviews .spr-form-input.spr-starrating, .product-option-block:nth-child(-n+5) { margin-top: 10px } .color-swatch .product-option-block { width: 30px; width: 40px; margin-left: 0; margin-right: 13px; margin-top: 10px } .product-carousel-swatch .product-option-block { width: 18px; margin: calc(((var(--body-font-size) * 1.5) - 11) * 1px) 10px 0 0 } .product-carousel-swatch .product-option-block:last-child { margin: calc(((var(--body-font-size) * 1.5) - 11) * 1px) 0 0 0 } .center-text .product-carousel-swatch { justify-content: center } .product-option-image, .product-option-text { border-radius: calc(var(--form_angle) * 1px); background-color: var(--form-field-bg); color: var(--form-field-color); border: 1px solid var(--form-field-line); text-align: center; padding: 12px 15px; overflow: hidden; box-sizing: border-box; cursor: pointer; display: block; outline: 0; font-size: calc((var(--body-font-size) - 2) * 1px) } .product-option-image, .product-option-picture { padding: 0; position: static; display: block; width: 100% } .color-swatch .product-option-image, .product-carousel-swatch .product-option-image { background-color: var(--body-bg); border: 1px solid var(--body-bg) } .color-swatch input[type=radio]:checked+label { background-color: var(--form-field-bg-hover) } .product-option-color, .product-option-picture { position: static; border-radius: calc(var(--form_angle) * 1px); display: block; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .color-swatch .product-option-image, .product-carousel-swatch .product-option-image { padding: 0; height: 36px; max-width: 36px; border-radius: 36px; position: relative } .product-option-color { height: 28px; border-radius: 28px; max-width: 28px; border: 1px solid var(--form-field-line) } .product-carousel-swatch .product-option-image { height: 18px; max-width: 18px; border-radius: 18px; border: none } .product-carousel-swatch .product-option-color { height: 16px; max-width: 16px; border-radius: 16px; box-sizing: content-box } #judgeme_all_reviews_page input[type=email], #judgeme_all_reviews_page input[type=text], #judgeme_all_reviews_page textarea, #judgeme_product_reviews input[type=email], #judgeme_product_reviews input[type=text], #judgeme_product_reviews textarea, #shopify-product-reviews .spr-form-input-email, #shopify-product-reviews .spr-form-input-text, #shopify-product-reviews .spr-form-input-textarea, #shopify-product-reviews .spr-form-message-error, #shopify-product-reviews .spr-form-message-success, .product-custom, .product-option-list, .product-option-text, .qb-option-list { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc((var(--body-font-size) - 2) * 1px) } .product-option-block .product-option-text { color: var(--prod-opt-text); border: 1px solid var(--prod-opt-border); background-color: var(--prod-opt-bg) } #judgeme_all_reviews_page input[type=email]:active, #judgeme_all_reviews_page input[type=email]:focus, #judgeme_all_reviews_page input[type=email]:hover, #judgeme_all_reviews_page input[type=text]:active, #judgeme_all_reviews_page input[type=text]:focus, #judgeme_all_reviews_page input[type=text]:hover, #judgeme_all_reviews_page textarea:active, #judgeme_all_reviews_page textarea:focus, #judgeme_all_reviews_page textarea:hover, #judgeme_product_reviews input[type=email]:active, #judgeme_product_reviews input[type=email]:focus, #judgeme_product_reviews input[type=email]:hover, #judgeme_product_reviews input[type=text]:active, #judgeme_product_reviews input[type=text]:focus, #judgeme_product_reviews input[type=text]:hover, #judgeme_product_reviews textarea:active, #judgeme_product_reviews textarea:focus, #judgeme_product_reviews textarea:hover, #shopify-product-reviews .spr-form-input-email:active, #shopify-product-reviews .spr-form-input-email:focus, #shopify-product-reviews .spr-form-input-email:hover, #shopify-product-reviews .spr-form-input-text:active, #shopify-product-reviews .spr-form-input-text:focus, #shopify-product-reviews .spr-form-input-text:hover, #shopify-product-reviews .spr-form-input-textarea:active, #shopify-product-reviews .spr-form-input-textarea:focus, #shopify-product-reviews .spr-form-input-textarea:hover, .product-option-image:active, .product-option-image:focus, .product-option-image:hover, .product-option-list:active, .product-option-list:focus, .product-option-list:hover, .product-option-text:active, .product-option-text:focus, .product-option-text:hover, .qb-option-list:active, .qb-option-list:focus, .qb-option-list:hover { border: 1px solid var(--form-field-line-hover); background-color: var(--form-field-bg-hover) } .product-carousel-swatch .product-option-image:active, .product-carousel-swatch .product-option-image:focus, .product-carousel-swatch .product-option-image:hover { border: 0 } .product-radio { display: none } .product-radio:checked+.product-option-image, .product-radio:checked+.product-option-text { border: 1px solid var(--form-field-line-hover) } .product-option-block .product-option-text:active, .product-option-block .product-option-text:focus, .product-option-block .product-option-text:hover, .product-option-block .product-radio:checked+.product-option-text { color: var(--prod-opt-text-hover); border: 1px solid var(--prod-opt-border-hover); background-color: var(--prod-opt-bg-hover) } .product-option-unavailable, .product-option-unavailable:active, .product-option-unavailable:hover { color: #ddd; background-color: #f7f7f7; border: 1px solid #d8d8d8; cursor: default } .product-buttons, .qb-buttons { margin-bottom: 0 } #dynamic-checkout-button .shopify-payment-button__button--unbranded, .product-to-cart, .qb-to-cart { background-color: var(--button-bg-color); color: var(--button-text-color); border: 1px solid var(--button-border-color); width: 100%; padding: 17px 30px; padding: 15px 20px; padding: 14px 28px; line-height: 1.5; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: var(--button-font-size); border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); cursor: pointer; font-weight: 400; transition: all .4s ease } .product-to-cart:hover, .qb-to-cart:hover { background-color: var(--button-bg-color-hover); color: var(--button-text-color-hover); border: 1px solid var(--button-border-color-hover); transition: all .4s ease } #dynamic-checkout-button .shopify-payment-button__button--unbranded { background-color: var(--buttontwo-bg-color); color: var(--buttontwo-text-color); border: 1px solid var(--buttontwo-border-color); transition: all .4s ease } #dynamic-checkout-button .shopify-payment-button { margin-top: 20px } #dynamic-checkout-button .shopify-payment-button__button--unbranded:hover { background-color: var(--buttontwo-bg-color-hover); color: var(--buttontwo-text-color-hover); border: 1px solid var(--buttontwo-border-color-hover); transition: all .4s ease } .shopify-payment-button { margin-bottom: 0 } .index-section-margin .expired-to-cart, .index-section-margin .expired-to-cart:hover, .product-buttons:not(.restock-alert) .expired-to-cart { background-color: var(--expire-bg-color); color: var(--expire-text-color); cursor: pointer; border: 1px solid var(--expire-border-color); pointer-events: none } .expired-to-cart { pointer-events: none } .restock-alert { cursor: pointer } .product-trust-badges { background-color: #f7f7f7; padding: 30px; margin-bottom: 50px; border-radius: calc(var(--form_angle) * 1px) } .product-description { border-bottom: 1px solid var(--separation-line) } .product-atcimage, .product-main .product-description { margin-top: 30px } .product-accordion, .product-share { color: var(--body-title-color); border: none; background-color: var(--body-bg); width: 100%; border-top: 1px solid var(--separation-line); line-height: 1.5; padding: 20px 3px 20px 0; font-size: calc(var(--body-font-size) * 1px); display: flex; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight) } .product-share { padding: 20px 0 } .faq-accordion .product-accordion { border-top: none; padding-bottom: 20px } .faq-accordion { border-bottom: 1px solid var(--separation-line) } .product-accordion { cursor: pointer } .product-accordion-title { line-height: 1; line-height: 1.5; margin: 0; padding: 0; display: inline-block; color: var(--body-subtitle-color); align-self: center; text-align: left; margin-right: auto; letter-spacing: var(--body-ls); margin-bottom: 0 !important } .faq-accordion-title { font-size: calc(var(--body-font-size) * 1px); line-height: 1.2; line-height: 1.5 } .product-accordion-arrow { align-self: center; margin-left: 10px; box-sizing: border-box; border: none; padding: 0; min-width: calc(var(--icons_size) * 1px); min-height: calc(var(--icons_size) * 1px); width: calc(var(--icons_size) * 1px); height: calc(var(--icons_size) * 1px); margin-top: 0; color: var(--body-subtitle-color); transition: all .4s ease-out } .product-arrow-up { transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: all .4s ease-out } .product-arrow-left { transform: rotate(0); -webkit-transform: rotate(0); margin-right: 10px; margin-left: 0 } .product-content { width: 100%; padding: 0 0 20px; transition: all .4s ease-out; max-height: max-content; overflow: hidden; box-sizing: border-box } .html-content { padding: 0 } .hide-product-content { max-height: 0; padding: 0; transition: all .4s ease-out; overflow: hidden } .product-content, .product-content blockquote, .product-content li, .product-content p, .product-content q, .product-content table, .product-content td, .product-content th { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); line-height: 1.5; color: var(--body-text-color) } .product-content blockquote, .product-content ol, .product-content p, .product-content q, .product-content table, .product-content ul { width: 100%; margin-bottom: 20px; box-sizing: border-box } .product-content blockquote, .product-content q { font-style: italic; display: block } .product-content img { margin-bottom: 20px } .product-content iframe { width: 100%; max-width: 100%; margin: 0 0 20px } .product-content ol, .product-content ul { margin-bottom: 20px; padding-left: 20px } .product-content li { margin-bottom: 5px } .product-content a { text-decoration: none; color: var(--body-link-color) } .product-content a:hover { color: var(--body-link-color-hover) } .product-content table, .product-content td, .product-content th { border: 1px solid var(--separation-line); border-collapse: collapse; text-align: left; padding: 10px; font-weight: 400 } .product-content h1, .product-content h2, .product-content h3, .product-content h4, .product-content h5, .product-content h6 { margin-bottom: 20px; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); line-height: 1.5; color: var(--body-title-color) } .product-content h1, .product-content h2 { margin-top: 50px; font-size: 20px } .product-content h3, .product-content h4 { font-size: 18px } .product-content h5, .product-content h6 { font-size: calc(var(--body-font-size) * 1px) } .visually-hidden { display: none } .product-subsection-text { margin-bottom: 30px } .product-subsection-title { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); font-size: 20px; color: var(--body-title-color) } .product-subsection-subtitle { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); color: var(--body-text-color); margin-top: 10px } .product-carousel, .product-carousel2 { width: 100%; margin: 0 auto; display: block; overflow-y: hidden; overflow-x: auto; white-space: nowrap; max-height: 100% } .product-carousel2 { width: 55%; display: flex; margin: 0 } .product-carousel a, .product-carousel2 a { text-decoration: none } .product-carousel-text { margin-top: 10px } .filter-checktitle, .filter-radiotitle, .product-carousel-checktitle, .product-carousel-promo, .product-carousel-subtitle, .product-carousel-tag, .product-carousel-title, .testim-name { line-height: 1.5; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); white-space: pre-line; color: var(--body-subtitle-color); margin-top: 0 } .blog-item-title, .cart-item-name, .product-carousel-checktitle, .product-carousel-title, .suggestion-title { text-transform: var(--prod-uppercase) } .blog-filter, .cart-summary-title, .collection-filter, .product-option-label { text-transform: var(--label-uppercase) } .filter-checktitle, .filter-radiotitle, .product-carousel-checktitle { margin-top: 0; width: calc(100% - 35px) } .filter-radiotitle { width: calc(100% - 41px) } .product-carousel-subtitle { color: var(--body-text-color) } .product-carousel-price, .product-carousel-promo { margin-top: 7px; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); line-height: 1.5 } .product-carousel-promo { color: var(--promotion-price) } .center-text { text-align: center } .product-carousel-list { width: 300px; display: inline-block; vertical-align: top; margin-left: 10px; margin-left: 20px } .product-carousel-list:first-child { margin-left: 0 } .product-carousel-list .product-option { text-align: center; margin-top: 10px; margin-bottom: 0; width: 100% } .product-carousel-list .product-option-list { margin-top: 0; text-align: center } .product-block .product-pricing, .product-texts .product-pricing { margin-bottom: 30px; margin-bottom: 20px } .product-block .product-price-reduction, .product-texts .product-price-reduction { margin-top: 30px; margin-top: 20px } .product-pack-check { margin-top: 10px; cursor: pointer } .product-pack-check:first-of-type { margin-top: 0 } .filter-radio, .product-pack-checkbox { height: 14px; width: 14px; margin-right: 15.5px; align-self: center; border: 1px solid var(--form-field-line); background-color: var(--form-field-bg); -webkit-appearance: none; appearance: none; position: relative; box-sizing: border-box; border-radius: calc(var(--form_angle) * 1px); margin-left: 5.5px; cursor: pointer } .filter-radio { height: 20px; width: 20px; margin-left: 3.5px; border-radius: 50px } .product-pack-checkbox:checked, .product-pack-checkbox:hover { border: 1px solid var(--form-field-line-hover); background-color: var(--form-field-bg-hover) } .product-pack-checkbox:checked { background-color: var(--pack-checkbox-color); border: 1px solid var(--pack-checkbox-color) } .filter-radio:checked, .filter-radio:hover { border: 1px solid var(--form-field-line-hover) } .filter-radio::after, .product-pack-checkbox::after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .filter-radio::after { content: ""; width: 11px; height: 11px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50px } .filter-radio:checked::after { background-color: var(--pack-checkbox-color) } .product-pack-checkbox:checked::after { background-repeat: no-repeat; background: 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' fill='none' stroke-width='2px' stroke='white' stroke-linecap='round' viewBox='0 0 21 21'%3E%3Cpolyline points='5 10.75 8.5 14.25 16 6'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; box-shadow: none } .modal-restock-content .product-description, .modal-sizechart-content .product-description { border: none; margin-top: 0 } .modal-sizechart-content .product-content { padding-bottom: 0 } @media all and (max-width:799px) { .product-main { margin: 0 0 calc(var(--section-margin) * 1px) } .product-carousel2, .product-image, .product-image-1, .product-image-2, .product-images, .product-pack .product-texts, .product-texts { width: 100%; margin: 0 } .product-texts { padding-top: 20px } .product-images { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; font-size: 0; position: relative; overflow: hidden } .product-images-carousel { display: block; flex-wrap: nowrap; overflow-y: hidden; overflow-x: scroll; white-space: nowrap } .product-image, .product-image-1 { display: inline-block; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .product-image-2 { float: none } .product-image-1, .product-image-2 { gap: 0 } .product-images .product-sticky { top: 0 !important } .product-carousel { position: relative } .product-carousel-list { width: 250px } .product-carousel-price, .product-carousel-promo, .product-carousel-subtitle, .product-carousel-tag, .product-carousel-title { font-size: 14px } .product-pack-item-1, .product-pack-item-2 { min-width: 250px } .product-next-button, .product-prev-button { display: block } .product-image-1, .product-image-2 { flex-wrap: nowrap } .product-image-1 .slider__item, .product-image-2 .slider__item { width: 100%; max-width: 100%; margin-right: 0; margin-top: 0 } .product-align-vertical .slider__item { margin: auto 0 } .image-thumb { min-width: 100% } } .collection-block { padding: 30px 0 0 } .collection-header { width: 100%; position: sticky; top: 0; background-color: var(--body-bg); margin-bottom: 10px; box-sizing: border-box; z-index: 5 } .collection-title-block { width: 70%; align-self: center } .collection-title { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); font-size: 28px; line-height: 1.2; box-sizing: border-box; transition: all .2s ease-out; padding: 20px 0 } .collection-scroll-filters { border-bottom: 1px solid var(--header-border-color); margin-bottom: 0 } .collection-scroll-filters .collection-title { font-size: 18px; transition: all .2s ease-out } .blog-filters, .collection-filters { align-self: center; display: flex; margin: 20px 0 20px auto; width: 30%; box-sizing: border-box } .blog-filters { margin: 0 0 0 auto } .blog-filter-button, .collection-filter-button { margin-left: auto; cursor: pointer } .blog-filter, .collection-filter { align-self: center; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); color: var(--body-subtitle-color); font-size: calc(var(--body-font-size) * 1px) } .blog-filter-icon, .collection-filter-icon { width: 20px; height: 20px; align-self: center; margin-right: 10px; color: var(--body-subtitle-color) } .collection-items, .collection-items2 { width: 100%; margin: 0; display: flex; white-space: nowrap; overflow: hidden; flex-wrap: wrap } .collection-items a, .collection-items2 a { text-decoration: none } .collection-item { display: inline-block; vertical-align: top; margin-left: 10px; margin-left: 20px; margin-top: 50px } .collection-item, .product-carousel-4 { width: calc((100% - 30px)/ 4); max-width: calc((100% - 30px)/ 4); width: calc((100% - 60px)/ 4); max-width: calc((100% - 60px)/ 4) } .product-carousel-3 { width: calc((100% - 20px)/ 3); max-width: calc((100% - 20px)/ 3); width: calc((100% - 40px)/ 3); max-width: calc((100% - 40px)/ 3) } .product-carousel-2 { width: calc((100% - 10px)/ 2); max-width: calc((100% - 10px)/ 2); width: calc((100% - 20px)/ 2); max-width: calc((100% - 20px)/ 2) } .product-carousel-1 { width: 100%; max-width: 100% } .collection-item:nth-child(4n+1) { margin-left: 0 } .collection-item:nth-child(-n+4) { margin-top: 0 } .blog-page .cart-button, .collection-block .cart-button { width: 280px; margin: calc(var(--section-margin) * 1px) auto 0; display: block } .collection-description { width: 100%; box-sizing: border-box; padding-bottom: 10px } .list-blogs .collection-description { padding-bottom: 0; margin-bottom: -20px; margin-top: 30px } .list-blogs .collection-description-border { padding-bottom: 0; margin-bottom: 0; margin-top: 30px } .collection-description-bottom, .list-blogs .collection-description-border-bottom, .list-blogs .collection-description-bottom { margin-top: calc(var(--section-margin) * 1px) } .collection-description-border, .collection-description-border-bottom { margin-bottom: 30px; padding: 20px } .collection-description-border-bottom { margin-bottom: 0 } .collection-description, .collection-description blockquote, .collection-description li, .collection-description p, .collection-description q, .collection-description table, .collection-description td, .collection-description th, .index-description li, .index-description p, .index-description table, .index-description td, .index-description th { font-size: calc(var(--body-font-size) * 1px); line-height: 1.5; color: var(--body-text-color); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); margin-bottom: 20px; font-size: calc(var(--body-font-size) * 1px) } .collection-description blockquote, .collection-description ol, .collection-description p, .collection-description q, .collection-description table, .collection-description ul, .index-description ol, .index-description p, .index-description table, .index-description ul { width: 100%; box-sizing: border-box } .collection-description img, .index-description img { margin-bottom: 20px } .collection-description iframe { width: 100%; max-width: 100%; margin: 0 0 20px } .collection-description blockquote, .collection-description q { display: block; font-style: italic } .collection-description ol, .collection-description ul, .index-description ol, .index-description ul { padding-left: 20px; margin-bottom: 20px box-sizing:border-box } .collection-description li, .index-description li { margin: 0 0 5px 0 } .collection-description a, .index-description a { text-decoration: none; color: var(--body-link-color) } .collection-description a:hover, .index-description a:hover { color: var(--body-link-color-hover) } .collection-description table, .collection-description td, .collection-description th, .index-description table, .index-description td, .index-description th { border: 1px solid var(--separation-line); border-collapse: collapse; text-align: left; padding: 10px } .collection-description h1, .collection-description h2, .collection-description h3, .collection-description h4, .collection-description h5, .collection-description h6, .index-description h1, .index-description h2, .index-description h3, .index-description h4, .index-description h5, .index-description h6 { margin-bottom: 20px; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); line-height: 1.5 } .collection-description h1, .collection-description h2, .index-description h1, .index-description h2 { font-size: 20px } .collection-description h3, .collection-description h4, .index-description h3, .index-description h4 { font-size: 18px } .collection-description h5, .collection-description h6, .index-description h5, .index-description h6 { font-size: 16px } .collection-description-button { line-height: 1.5; font-size: calc(var(--body-font-size) * 1px); cursor: pointer; margin: 0; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); background-color: var(--body-bg); border: none; display: block; transition: all .4s ease; color: var(--body-subtitle-color); letter-spacing: var(--body-ls) } .collection-hidden-block { margin-bottom: 20px } .hide-product-content.collection-hidden-block { margin-bottom: 0; transition: none } .pagination { text-align: center; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight) } .pagination a { text-decoration: none; color: var(--body-title-color) } .pagination-block { margin-top: calc(var(--section-margin) * 1px); display: inline-flex } .article-pagination { margin-top: 30px } .pagination-number { width: 30px; height: 30px; border-radius: 30px; margin-left: 5px; align-self: center; line-height: 30px; font-size: 14px } .pagination-icon { padding: 8px; fill: var(--body-title-color); box-sizing: border-box } .pagination-active { color: var(--body-text-color); filter: brightness(1.5) } .checkout-spinner, .load-more-spinner { display: none; height: 30px; width: 30px; border: 2px solid #d3d3d3; border-top: 2px solid var(--button-bg-color); border-radius: 30px; margin: calc(var(--section-margin) * 1px) auto 0; animation: loadspin 1s linear infinite; box-sizing: border-box } .cart-coupon-button, .checkout-button { position: relative } .checkout-spinner { display: block; margin: 0; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); border-top: 2px solid var(--button-text-color-hover) } .cart-coupon-button .checkout-spinner { top: calc(50% - 10px); left: calc(50% - 10px); height: 20px; width: 20px } @keyframes loadspin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @media all and (max-width:999px) { .collection-item, .product-carousel-4 { width: calc((100% - 20px)/ 3); max-width: calc((100% - 20px)/ 3); width: calc((100% - 40px)/ 3); max-width: calc((100% - 40px)/ 3) } .collection-item:nth-child(4n+1) { margin-left: 10px; margin-left: 20px } .collection-item:nth-child(-n+4) { margin-top: 50px } .collection-item:nth-child(3n+1) { margin-left: 0 } .collection-item:nth-child(-n+3) { margin-top: 0 } } @media all and (max-width:659px) { .collection-item, .product-carousel-3, .product-carousel-4 { width: calc((100% - 10px)/ 2); max-width: calc((100% - 10px)/ 2); width: calc((100% - 20px)/ 2); max-width: calc((100% - 20px)/ 2) } .collection-item:nth-child(3n+1) { margin-left: 10px; margin-left: 20px } .collection-item:nth-child(-n+3) { margin-top: 50px } .collection-item:nth-child(odd) { margin-left: 0 } .collection-item:nth-child(-n+2) { margin-top: 0 } .collection-title-block { width: 65% } .blog-filters, .collection-filters { width: 35% } } @media all and (max-width:489px) { .product-carousel-2, .product-carousel-3, .product-carousel-4 { min-width: 230px; max-width: 230px } } .blog-title, .faq-subtitle, .faq-title, .shopify-policy__title h1 { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); font-size: 28px; display: block; width: 100%; line-height: 1.2; align-self: center } .faq-subtitle, .faq-title, .shopify-policy__title h1 { margin-bottom: 30px } .faq-text { margin-top: calc(var(--section-margin) * 1px); border-bottom: 1px solid var(--separation-line) } .blog-title-small { width: 70% } a .blog-icon-rss { width: 15px; height: 15px; align-self: center; margin-left: 5px; color: var(--body-title-color) } .blog-block { width: calc((100% - 60px)/ 3); margin-left: 30px; width: calc((100% - 40px)/ 3); margin-left: 20px; margin-top: 50px; box-sizing: border-box } .blog-block:first-of-type, .blog-block:nth-child(3n+1) { margin-left: 0 } .blog-block:nth-child(-n+3) { margin-top: 30px } .index-block .blog-block { margin-top: 0 } .blog-item { text-decoration: none; background-color: var(--body-bg); display: block; overflow: hidden } .blog-item-banner { width: 100%; background-color: var(--body-bg) } .collection-list-template { fill: #999; background-color: #e1e1e1; border: 2px solid var(--body-bg); box-sizing: border-box } .blog-item-text { background-color: var(--body-bg); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); font-size: 14px } .blog-item-title { font-size: calc(var(--body-font-size) * 1px); margin-top: 20px; font-style: var(--body-font-style); font-weight: var(--body-font-weight); line-height: 1.5; color: var(--body-subtitle-color) } .blog-item-extract { color: var(--body-text-color); line-height: 1.5; margin-top: 10px } .blog-item-link { margin-top: 20px; display: block; text-decoration: none; color: var(--body-link-color); font-size: 14px } .blog-item-link:hover { color: var(--body-link-color-hover) } .blog-filters-select { margin-top: 20px } @media all and (max-width:999px) { .blog-block { width: calc((100% - 20px)/ 2) } .blog-block:nth-child(3n+1) { margin-left: 20px } .blog-block:nth-child(odd) { margin-left: 0 } .blog-block:nth-child(-n+3) { margin-top: 50px } .blog-block:nth-child(-n+2) { margin-top: 30px } .index-block .blog-block { margin-top: 0 } .index-block .blog-block:nth-child(3) { display: none } } @media all and (max-width:679px) { .blog-block, .blog-block:nth-child(-n+3), .blog-block:nth-child(3n+1) { width: 100%; margin-left: 0; margin-top: 50px } .blog-block:nth-child(-n+2), .index-block .blog-block { margin-top: 50px } .blog-block:nth-child(-n+1) { margin-top: 30px } .index-block .blog-block:first-child { margin-top: 0 } .index-block .blog-block:nth-child(3) { display: block } } @media all and (max-width:659px) { .blog-title-small { width: 65% } } .cart-page { margin: calc(var(--section-margin) * 1px) 0 } .previous-order { width: 100%; margin-bottom: 30px } .previous-order a { text-decoration: none; color: var(--body-title-color); display: inline-flex } .cart-products { width: calc((100% * 2 / 3) - 25px) } .cart-totals, .order-totals { width: calc((100% / 3) - 25px); margin-left: auto } .cart-subtitle, .cart-title { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); font-size: 28px; color: var(--body-title-color); margin-bottom: 30px; line-height: 1 } .cart-subtitle { font-size: 28px } .cart-items { border-top: 1px solid var(--separation-line) } .cart-item { border-bottom: 1px solid var(--separation-line); margin-top: 30px; padding-bottom: 30px; display: flex } .cart-item-image { width: 150px; margin-right: 20px } .addresses-item-main, .cart-item-picture { width: 100% } .cart-item-main { width: calc(100% - 170px) } .cart-item-core { width: 100%; display: flex } .cart-item-change { display: flex; width: 100% } .cart-item-info { width: 60% } .cart-item-pricing { width: 40%; text-align: right } #cart-coupon-field, .cart-button, .cart-coupon-button, .cart-item-coupons, .cart-item-custom, .cart-item-name, .cart-item-number, .cart-item-oldprice, .cart-item-options, .cart-item-price, .cart-item-remove, .cart-small-button, .cart-summary-price, .cart-summary-promo, .cart-summary-title, .cart-taxes, .faq-field, .index-newsletter-button, .index-newsletter-field, .order-delivery-info { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight) } .cart-item-name { font-size: 18px; line-height: 1 } .cart-item-name a { text-decoration: none; color: var(--body-subtitle-color) } .cart-item-coupons, .cart-item-custom, .cart-item-options, .order-delivery-info { font-size: 14px; color: var(--body-text-color); margin-top: 10px; line-height: 1.5 } .cart-item-coupons:empty, .cart-item-custom { margin-top: 0 } .cart-item-coupons, .order-delivery-info { color: var(--promotion-price) } .cart-item-remove { margin-top: 20px; font-size: 10px; color: var(--close-cross); display: inline-block; text-decoration: underline; border: none; background-color: var(--body-bg); cursor: pointer; margin-left: auto } .cart-item-remove2 { height: 30px; width: 30px; padding: 8px; box-sizing: border-box } .cart-item-oldprice, .cart-item-price { font-size: calc(var(--body-font-size) * 1px); color: var(--current-price) } .cart-item-oldprice { margin-top: 10px; color: var(--previous-price); text-decoration: line-through } .order-item-payment { text-decoration: none } .cart-item-quantity { width: 90px; outline: 0; background-color: var(--form-field-bg); color: var(--form-field-color); box-sizing: border-box; font-size: 14px; margin-top: 20px; text-align: center; overflow: hidden; border: 1px solid var(--form-field-line); border-radius: calc(var(--form_angle) * 1px); display: flex; background-color: var(--form-field-bg) } .cart-item-number, .cart-item-quantity { background-color: var(--form-field-bg); color: var(--form-field-color) } .cart-item-minus, .cart-item-number, .cart-item-plus { padding: 8px 0; width: calc(100% / 3); box-sizing: border-box; overflow: hidden; line-height: 1; align-self: center; display: flex; cursor: default } .cart-item-minus, .cart-item-plus { cursor: pointer; border: none; background-color: var(--form-field-bg) } .cart-item-number { border: none; text-align: center; line-height: 1; outline: 0 } .cart-item-icon { width: 35%; align-self: center; margin: 0 auto } .cart-item-quantity a, .cart-item-quantity a:active, .cart-item-quantity a:focus, .cart-item-quantity a:hover { color: var(--form-field-color) } .cart-section { margin-top: calc(var(--section-margin) * 1px) } .cart-section .login-field { margin-top: 0; box-sizing: border-box; display: block } .cart-instructions { min-height: 150px; font-size: 14px; line-height: 1.5; min-width: 100%; max-width: 100%; border-radius: calc(var(--textarea_angle) * 1px) !important } .cart-summary { border-top: 1px solid var(--separation-line); padding-top: 30px } .cart-summary-price, .cart-summary-promo, .cart-summary-title { font-size: calc(var(--body-font-size) * 1px); margin-right: auto } .cart-summary-title { color: var(--body-subtitle-color) } .cart-summary-price { margin-right: 0; color: var(--current-price) } .cart-summary-block { padding: 0; overflow: hidden } .order-summary-block .flex { margin-bottom: 20px } .order-summary-block .flex:last-of-type { margin-bottom: 0 } .cart-coupon-block { margin-top: -30px; padding: 30px 3px 30px 0; overflow: hidden } .cart-coupon-form { display: flex; width: 100%; margin-bottom: 30px } .search-form { margin-bottom: 0 } #cart-coupon-title { cursor: pointer } .index-newsletter-field { margin-top: 0 } #cart-coupon-field, .faq-field { margin-top: 0; font-size: 14px } .cart-button, .cart-coupon-button, .cart-small-button, .cart-suggested-button, .index-newsletter-button { background-color: var(--button-bg-color); color: var(--button-text-color); border: 1px solid var(--button-border-color); width: 100%; padding: 17px 20px; padding: 15px 20px; padding: 14px 28px; line-height: 1.2; font-size: var(--button-font-size); border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); cursor: pointer; margin-top: 30px; transition: all .4s ease } .cart-coupon-button, .cart-small-button { padding: 12px 15px; margin-left: 10px; width: auto; margin-top: 0; word-break: keep-all } .index-newsletter-button { margin-left: 10px; padding: 10px 30px; width: auto; margin-top: 0 } .cart-button:hover, .cart-coupon-button:hover, .cart-small-button:hover, .cart-suggested-button:hover { background-color: var(--button-bg-color-hover); color: var(--button-text-color-hover); border: 1px solid var(--button-border-color-hover); transition: all .4s ease } .hide-coupon { display: none } .cart-summary-promo, .cart-summary-promo a { color: var(--threshold-color); margin-bottom: 30px; margin-right: 0 } .order-summary-block .cart-summary-promo { margin-bottom: 0; margin-top: 20px } .order-summary-cancel, .order-summary-cancel a { color: red } .cart-item-change .cart-summary-promo { margin-bottom: 0; margin-top: 20px; font-size: 14px } .cart-taxes { margin-top: 20px; font-size: 14px; line-height: 1.5; color: var(--body-text-color) } .cart-suggested-button, .index-contact-button { margin-top: 20px } @media all and (max-width:799px) { .cart-products, .cart-totals, .order-totals { width: 100% } .cart-totals, .order-totals { margin-top: calc(var(--section-margin) * 1px) } .cart-items { border: none } .cart-item { border-bottom: none; margin-top: 50px; padding-bottom: 0 } .cart-item:first-of-type { margin-top: 0 } .cart-summary { border-top: none; padding-top: 0 } } @media all and (max-width:499px) { .cart-item-image { width: 120px } .cart-item-main { width: calc(100% - 140px) } .cart-item-info, .cart-item-pricing { width: 100% } .cart-item-core { display: block } .cart-item-pricing { text-align: left } .cart-item-oldprice, .cart-item-price { display: inline-block } .cart-item-oldprice { margin-top: 0; margin-left: 10px } .cart-item-options, .cart-item-pricing { margin-top: 10px } .cart-button, .cart-item-quantity, .cart-item-remove, .cart-taxes { margin-top: 20px } .cart-item-name { font-size: 16px } .cart-item-custom, .cart-item-oldprice, .cart-item-options, .cart-item-price { font-size: 14px } .cart-item-quantity, .cart-item-remove { align-self: center } .cart-summary { padding-top: 0 } .cart-coupon-block { margin-top: -20px; padding: 20px 3px 20px 0 } .cart-coupon-form, .cart-summary-promo { margin-bottom: 20px } } .order-item-name { text-decoration: underline; cursor: pointer; background-color: transparent; border: none } .modal-cart, .modal-filters { z-index: 12; transition-delay: 0.4s } .slide-cart .modal-cart, .slide-filters .modal-filters { visibility: visible; opacity: 1; transition-delay: 0s } .drawcart-content, .filters-content { background-color: var(--body-bg); width: 100%; overflow: hidden; max-width: 400px; position: fixed; right: -400px; top: 0; bottom: 0; box-sizing: border-box; flex-direction: column; transition: all .4s ease; display: flex } .filters-content { max-width: 320px; right: -320px } .slide-cart .drawcart-content, .slide-filters .filters-content { right: 0; transition: all .4s ease; transition-delay: 0.2s } #drawcart-promo-block, #drawcart-title-block, #filters-title-block { padding: 10px 20px; border-bottom: 1px solid var(--separation-line); width: 100%; margin: 0; box-sizing: border-box; position: relative } #drawcart-promo-block .drawcart-progress-bar { margin: 10px 0 5px; position: relative; display: block; width: 100%; height: 5px; overflow: hidden; background-color: var(--progressbar-bg); border-radius: 5px } #drawcart-promo-block span { background-color: var(--progressbar-color); width: 0; height: 100%; display: block; transition: width 1s ease-out .3s; border-radius: 5px } .drawcart-title { font-size: 20px; margin-top: 0; color: var(--body-title-color); font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); align-self: center } .drawcart-empty { font-size: calc(var(--body-font-size) * 1px); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); letter-spacing: var(--body-ls); text-transform: none } #drawcart-promo-block .cart-summary-promo { margin-bottom: 0; font-size: 14px; line-height: 1.5 } #drawcart-items-block, #filters-items-block { padding: 30px 20px; overflow: auto; width: 100%; display: block; box-sizing: border-box } #drawcart-items-block .cart-items { border: none } #drawcart-items-block .cart-item { border-bottom: none; margin-top: 30px; padding-bottom: 0 } #drawcart-items-block .cart-item:first-of-type { margin-top: 0 } #drawcart-items-block .cart-item-image { width: 120px } #drawcart-items-block .cart-item-main { width: calc(100% - 140px) } #drawcart-items-block .cart-item-info, #drawcart-items-block .cart-item-pricing { width: 100% } #drawcart-items-block .cart-item-core { display: block } #drawcart-items-block .cart-item-pricing { text-align: left } #drawcart-items-block .cart-item-oldprice, #drawcart-items-block .cart-item-price { display: inline-block } #drawcart-items-block .cart-item-oldprice { margin-top: 0; margin-left: 10px } #drawcart-button-block .cart-taxes, #drawcart-items-block .cart-item-options, #drawcart-items-block .cart-item-pricing { margin-top: 10px } #drawcart-button-block .cart-button, #drawcart-items-block .cart-item-quantity, #drawcart-items-block .cart-item-remove { margin-top: 20px } #drawcart-items-block .cart-item-name { font-size: 16px } #drawcart-items-block .cart-item-custom, #drawcart-items-block .cart-item-oldprice, #drawcart-items-block .cart-item-options, #drawcart-items-block .cart-item-price { font-size: 14px } #drawcart-items-block .cart-item-quantity, #drawcart-items-block .cart-item-remove { align-self: center } #drawcart-items-block .cart-summary-title, #filters-items-block .cart-summary-title { margin: 50px 0 0; padding: 0 } .blog-filtering #filters-items-block .cart-summary-title { margin: 80px 0 0 } .blog-filtering #filters-items-block .cart-summary-title:first-of-type, .collection-filtering #filters-items-block .cart-summary-title:first-of-type { margin: 0 } #drawcart-items-block .cart-coupon-form, #filters-items-block .cart-coupon-form { margin: 20px 0 0 } #drawcart-items-block .cart-instructions { min-height: 100px } #drawcart-button-block, #filters-button-block, .filters-button-block { padding: 20px; border-top: 1px solid var(--separation-line); width: 100%; box-sizing: border-box; bottom: 0; background-color: var(--body-bg) } #filters-button-block .filters-button, .filters-button-block .filters-button { margin-top: 0 } #drawcart-button-block, .filters-button-block { margin-top: auto } .faq-accordion h1, .faq-accordion h2, .faq-accordion h3, .faq-accordion h4, .faq-accordion h5, .faq-accordion h6, .faq-suggestion p { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px) } .faq-form { box-sizing: border-box; position: relative } .faq-suggestion { position: absolute; width: 100%; box-sizing: border-box; border-radius: calc(var(--form_angle) * 1px); background-color: var(--body-bg); border: 1px solid var(--form-field-line); padding: 10px 0; border-top: 0; z-index: 1 } .faq-suggestion p { line-height: 1.5; padding: 10px 20px; display: block; cursor: pointer; color: var(--body-link-color) } .faq-suggestion p:hover { color: var(--body-link-color-hover) } .sitemap-list { display: block; width: calc((100% - 30px)/ 2) } .sitemap-list:nth-child(2n) { margin-left: 30px } @media all and (max-width:599px) { .sitemap-list { width: 100% } .sitemap-list:nth-child(2n) { margin-left: 0 } } #sitemap-template .blog-title, #sitemap-template .faq-text { margin-bottom: 30px } #sitemap-template .product-content h1, #sitemap-template .product-content h2, #sitemap-template .product-content h3, #sitemap-template .product-content h4, #sitemap-template .product-content h5, #sitemap-template .product-content h6, #sitemap-template .product-content p { margin-top: 0; font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); line-height: 1.5; font-size: 20px } .page-centered, .shopify-policy__container { max-width: 730px; margin: 0 auto } .shopify-policy__container { margin: calc(var(--section-margin) * 1px) auto; padding: 0 } .page-border, .page-no-border { padding: 0; box-sizing: border-box; margin-top: calc(var(--section-margin) * 1px) } .page-border:first-of-type, .page-no-border:first-of-type { margin-top: 0 } .page-border { padding: 30px; border: 1px solid var(--separation-line) } .page-description>:first-child, .shopify-policy__body .rte>:first-child, .text-image-content>:first-child { margin-top: 0 !important } .page-description>:last-child, .shopify-policy__body .rte>:last-child, .text-image-content>:last-child { margin-bottom: 0 !important } @media all and (max-width:729px) { .page-border { padding: 0; border: none } } .index-section-margin { margin: calc(var(--section-margin) * 1px) 0 } .index-section-bottom-margin { margin-bottom: calc(var(--section-margin) * 1px) } .index-section-page-margin { margin: 50px 0 calc(var(--section-margin) * 1px) } .no-overflow-x { overflow: hidden visible } .index-block, .index-popup { height: auto; box-sizing: border-box } .index-block:first-of-type { margin-right: 10px; margin-right: 20px } .index-image-right-2.index-block:first-of-type, .index-image-right.index-block:first-of-type { margin-right: 0 } .index-image-right, .index-image-right-2 { order: 2; margin-left: 10px; margin-left: 20px } .index-text-left { padding-left: 30px } .index-text-right { padding-right: 30px } .width-25 { width: calc(25% - 5px); width: calc(25% - 10px) } .width-33 { width: calc((100% / 3) - 5px); width: calc((100% / 3) - 10px) } .width-50 { width: calc(50% - 5px); width: calc(50% - 10px) } .width-67 { width: calc((200% / 3) - 5px); width: calc((200% / 3) - 10px) } .width-75 { width: calc(75% - 5px); width: calc(75% - 10px) } .text-image-content { align-self: center; width: 100%; box-sizing: border-box } .text-image-picture { align-self: center; width: 100% } .padding-30, .padding-30-dk { padding: 30px } .no_img .padding-30 { padding: 60px 30px } .index-subtitle, .index-title { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); color: var(--body-title-color); font-size: 28px; line-height: 1; line-height: 1.2; padding: 0; margin: 0 0 30px; display: block } .index-title { text-transform: var(--title-uppercase) } .index-subtitle { font-size: calc(var(--body-font-size) * 1px) } .index-title-block .index-title { margin-bottom: 0 } .index-subtitle, .index-title, .index-title-block { margin-bottom: 20px } .upsell-top-title { color: var(--body-text-color); font-size: 24px } .amb-review-title, .bullet-span, .index-content h1.index-subtitle, .index-content h2.index-subtitle, .index-content h3.index-subtitle, .index-content h4.index-subtitle, .index-content h5.index-subtitle, .index-content h6.index-subtitle, .index-content li, .index-content p:not(p.index-title) { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); color: var(--body-text-color); line-height: 1.5; margin-bottom: 20px; letter-spacing: var(--body-ls) } .index-content li { margin-bottom: 5px } .index-content ol, .index-content ul { margin-bottom: 20px; padding-left: 20px } .bullet-span { margin: auto 0; flex-grow: 1 } .product-see-more .bullet-span { margin: 0 10px 0 0; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); color: var(--body-subtitle-color) } .product-see-more .bullet-svg { color: var(--body-subtitle-color) } .product-main .bullet-ul { border-radius: 0; margin-top: 30px } .bullet-li { display: flex; margin-bottom: 10px } .product-see-more .bullet-li { margin: 20px 0 0 0 } .testim-block { display: flex; align-items: center; direction: ltr } .testim-stars { margin: 5px 0 0 0 } .text-dk-left-top .testim-block, .text-dk-right-top .testim-block { display: block } .icon-block.text-dk-right .testim-block { direction: rtl } .icon-block.text-dk-right .testim-text { margin: 0 0 0 auto } .text-dk-left .testim-block, .text-dk-right .testim-block { flex-direction: row } .text-dk-center .testim-block { flex-direction: column } .text-dk-left .testim-image { margin: 0 15px 0 0 } .text-dk-center .testim-image { margin: 0 auto 15px } .text-dk-right .testim-image { margin: 0 15px 0 auto } .text-dk-left-top .testim-image { margin: 0 auto 15px 0 } .text-dk-right-top .testim-image { margin: 0 0 15px auto } .text-dk-left .testim-image.no-text { margin: 0 } .text-dk-center .testim-image.no-text { margin: 0 auto } .text-dk-right .testim-image.no-text { margin: 0 0 0 auto } .icon-block.text-dk-right .testim-image { margin: 0 0 0 15px } .text-dk-left .testim-text, .text-dk-left-top .testim-text { text-align: left } .text-dk-center .testim-text { text-align: center; width: 100%; margin: 0 auto } .text-dk-right .testim-text, .text-dk-right-top .testim-text { text-align: right } .text-dk-right .testim-text.no-img { margin-left: auto } .text-dk-right .review-star:first-child { margin: 0 2px 0 0 } .text-dk-center .review-star:first-child, .text-dk-center .testim-text.no-img .review-star:first-child, .text-dk-right .testim-text.no-img .review-star:first-child { margin: 0 2px 0 auto } .text-dk-center .product-review-stars .review-star:last-child { margin: 0 auto 0 0 } .text-dk-center .product-review-stars .one-star.review-star:first-child, .text-dk-center .product-review-stars .one-star.review-star:last-child { margin: 0 auto } .text-dk-center .bullet-li>*, .text-dk-right .bullet-li>* { margin-left: auto } .text-dk-center .bullet-li>* { margin-right: auto } .amb-review-picture, .bullet-svg { margin-right: 10px } .compare-line .bullet-svg { display: block; margin: 0 auto } .compare-bottom, .compare-top { height: 20px; box-sizing: border-box } .compare-feature, .compare-offer, .compare-other { display: flex; padding: 20px; box-sizing: border-box; text-align: left } .compare-offer, .compare-other { text-align: center; padding: 20px 10px } .compare-offer.comp-icon, .compare-other.comp-icon { padding: 10px } .compare-feature p, .compare-line, .compare-offer p, .compare-other p { width: 100% } .index-compare-img { max-width: 100%; align-self: center; display: block; margin: auto } .amb-review-picture, .amb-review-title, .bullet-span, .bullet-svg { align-self: center; box-sizing: border-box } .amb-review-picture { width: 30px; height: 30px; border-radius: 30px } .amb-review-title { width: calc(100% - 40px); margin-bottom: 0 } .amb-review-title.no-amb-photo { width: 100% } .index-content a { color: var(--body-link-color); text-decoration: none } .index-content a:hover { color: var(--body-link-color-hover) } .margin-top-50 { margin-top: 50px } .index-button, a.index-button { border: none; background-color: var(--button-bg-color); color: var(--button-text-color); padding: 10px 25px; padding: 14px 28px; line-height: 1.2; border-radius: var(--button-radius); letter-spacing: var(--button-ls); text-transform: var(--button-uppercase); margin-left: auto; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: var(--button-font-size); border: 1px solid var(--button-border-color); cursor: pointer; text-decoration: none; display: inline-block; transition: all .4s ease } .index-button:hover, a.index-button:hover { background-color: var(--button-bg-color-hover); color: var(--button-text-color-hover); border: 1px solid var(--button-border-color-hover); transition: all .4s ease } .index-relative { width: 100%; position: relative } .index-absolute, .index-absolute-dk { position: absolute } .align-ol, .text-dk-left { text-align: left } .align-oc, .text-dk-center { text-align: center } .align-or, .text-dk-right { text-align: right } .align-bl, .align-cl, .align-tl { text-align: left; left: 0 } .align-bc, .align-cc, .align-tc { text-align: center; left: 0; right: 0 } .align-br, .align-cr, .align-tr { text-align: right; right: 0 } .align-tc, .align-tl, .align-tr { top: 0 } .align-bc, .align-bl, .align-br { bottom: 0 } .large-banner .align-bc, .large-banner .align-bl, .large-banner .align-br, .large-banner .align-cc, .large-banner .align-cl, .large-banner .align-cr, .large-banner .align-tc, .large-banner .align-tl, .large-banner .align-tr { max-width: calc(var(--page-width) * 1px); width: calc(100% - 40px); margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 30px 0; left: 0; right: 0 } .amb-review-block { box-sizing: border-box } .block-dk-left, .text-dk-left .amb-imageblock, .text-dk-left .amb-review-block { margin-left: 0; margin-right: auto } .block-dk-right, .text-dk-right .amb-imageblock, .text-dk-right .amb-review-block { margin-left: auto; margin-right: 0 } .block-dk-center, .text-dk-center .amb-imageblock, .text-dk-center .amb-review-block { margin-left: auto; margin-right: auto } .index-show-mb { display: none } .index-faq { border-top: 1px solid var(--separation-line) } .align-oc, .align-ol, .align-or, .index-title-margin { margin-top: 30px } .index-button-block, .index-masonry-margin, .product-see-more { margin-top: 20px } .index-masonry-margin.first-login-field { margin-top: 0 } .index-collection-seemore { cursor: pointer; align-self: center; margin-top: auto; font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); color: var(--body-subtitle-color); line-height: 1; display: inline-block; text-decoration: none; margin-bottom: 20px; font-size: calc(var(--body-font-size) * 1px) } .index-seemore-block .index-title { margin-right: auto; display: inline-block; margin-bottom: 20px } .index-collection-seemore.center-text, .index-seemore-block .index-title.center-text { width: 100% } .index-evolution-box, .index-gallery-box, .index-rel-box { position: relative; align-self: center } .index-evolution-box { overflow: hidden } .index-gallery-box { align-self: start } .index-evolution-image { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden } .index-seemore-margin { margin-top: 10px } .display-block { display: block } .index-evolution-image img, .index-evolution-image svg { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none } .index-evolution-separator { position: absolute; height: 100%; width: 2px; margin-left: -1px; cursor: move; opacity: 1; top: 0; left: 50%; background-color: #fff } .index-evolution-handle { position: relative; width: 50px; height: 50px; border-radius: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; box-sizing: border-box; background-color: var(--button-bg-color); fill: var(--button-text-color); border: 1px solid var(--button-border-color); align-self: center; cursor: pointer; display: flex; z-index: 1; transition: all .4s ease; background-color: #fff; fill: #111; border: none; box-shadow: 0 2px 8px rgba(0, 0, 0, .1) } .index-handle-left, .index-handle-right { position: absolute; top: calc(((50 - var(--icons_size))/ 2 - 1) * 1px); width: calc(var(--icons_size) * 1px); height: calc(var(--icons_size) * 1px) } .index-handle-left { left: 3px } .index-handle-right { right: 3px } .index-gallery, .index-gallery-2 { margin-left: 10px; margin-left: 20px; display: block; margin-top: 10px; margin-top: 20px } .index-gallery-2 { margin-left: 30px; margin-top: 50px; text-decoration: none } .index-col-list { margin-top: 50px; text-decoration: none } .index-gallery-3 { margin-left: 50px; margin-top: 50px } .full-width, .index-extra-1, .index-large-1, .index-width-1 { width: 100% } .index-width-2 { width: calc((100% - 20px)/ 2) } .index-width-3 { width: calc((100% - 40px)/ 3) } .index-width-4 { width: calc((100% - 60px)/ 4) } .index-large-2 { width: calc((100% - 30px)/ 2) } .index-large-3 { width: calc((100% - 60px)/ 3) } .index-large-4 { width: calc((100% - 90px)/ 4) } .index-extra-2 { width: calc((100% - 50px)/ 2) } .index-extra-3 { width: calc((100% - 100px)/ 3) } .index-extra-4 { width: calc((100% - 150px)/ 4) } .index-extra-1, .index-extra-2:nth-child(odd), .index-extra-3:nth-child(3n+1), .index-extra-4:nth-child(4n+1), .index-large-1, .index-large-2:nth-child(odd), .index-large-3:nth-child(3n+1), .index-large-4:nth-child(4n+1), .index-width-1, .index-width-2:nth-child(odd), .index-width-3:nth-child(3n+1), .index-width-4:nth-child(4n+1) { margin-left: 0 } .index-extra-1:nth-child(-n+1), .index-extra-2:nth-child(-n+2), .index-extra-3:nth-child(-n+3), .index-extra-4:nth-child(-n+4), .index-large-1:nth-child(-n+1), .index-large-2:nth-child(-n+2), .index-large-3:nth-child(-n+3), .index-large-4:nth-child(-n+4), .index-width-1:nth-child(-n+1), .index-width-2:nth-child(-n+2), .index-width-3:nth-child(-n+3), .index-width-4:nth-child(-n+4) { margin-top: 0 } .index-lookbook-box { box-sizing: border-box; position: absolute; height: 60px; width: 60px; cursor: pointer } .lookbook-dot-border { position: absolute; height: 35px; width: 35px; background-color: rgba(0, 0, 0, .2); border-radius: 20px; top: 12.5px; left: 12.5px; cursor: pointer; box-sizing: border-box; transition: all .4s ease; z-index: 1 } .lookbook-dot { position: absolute; height: 15px; width: 15px; background-color: var(--body-bg); border-radius: 20px; top: 10px; left: 10px; box-sizing: border-box; box-shadow: 0 0 4px rgba(0, 0, 0, .55); transition: all .4s ease } .lookbook-card { background-color: var(--body-bg); width: 230px; height: auto; position: absolute; padding: 15px; display: table; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); box-sizing: inherit; opacity: 0; visibility: hidden; transition: all .4s ease; outline: 0 } .index-product, .lookbook-products { margin: auto; max-width: 300px; width: 100% } .index-product { max-width: 50%; width: calc(50% - 40px); width: 37.5%; margin-right: auto; box-sizing: border-box; border: 1px solid #c7c7c7; border: none } .index-product .product-texts { width: 100% } .index-product-summary { margin: 20px 0 } .index-product-summary p { line-height: 1.5 } .lookbook-product { display: block; width: 300px; transition: all 0 ease } .lookbook-product button { margin-top: 20px } a.lookbook-card, a.lookbook-product { text-decoration: none; outline: 0 } .lookbook-card-top { bottom: 60px; right: -70px } .lookbook-card-bottom { top: 60px; right: -70px } .lookbook-card-left, .lookbook-card-right { right: 60px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto } .lookbook-card-right { right: auto; left: 60px } .index-lookbook-box:hover .lookbook-dot-border, .show-lookbook-dot.index-lookbook-box .lookbook-dot-border { background-color: rgba(0, 0, 0, .4); transition: all .4s ease } .index-lookbook-box:hover .lookbook-card, .show-lookbook-dot.index-lookbook-box .lookbook-card { opacity: 1; visibility: visible; transition: all .4s ease; z-index: 2 } .index-review, .multi-block { padding: 20px; box-sizing: border-box } .multi-block { padding: 30px } .review-header { padding-bottom: 20px } .review-photo { margin-right: 10px; align-self: center } .review-picture { border-radius: 50px; height: 50px; width: 50px; display: block; box-sizing: border-box } .review-titles { width: calc(100% - 60px); align-self: center } .product-details .review-photo { margin-right: 20px; align-self: start } .product-details .review-picture { border-radius: 70px; height: 70px; width: 70px } .product-details .review-titles { width: calc(100% - 90px) } .review-name, .trust-name { margin-bottom: 5px; width: 100% } a.trust-link { text-decoration: none } .review-stars { width: 100%; display: block; height: auto } .review-star { width: 16px; align-self: center; display: inline-block; box-sizing: border-box } .product-review-stars { margin-bottom: 10px; align-self: center; overflow: hidden; display: flex } .product-review-stars .review-star { margin-right: 2px } .product-review-stars .review-star:last-child { margin-right: 0 } .reviews-number { display: inline-block; align-self: center; margin: 0 0 0 10px } .reviews-number p { font-size: 14px; line-height: 1 } .center-text .review-photo, .center-text .review-titles { width: 100% } .center-text .review-photo { margin-right: 0 } .center-text .review-picture { margin: 0 auto 20px; width: 70px; height: 70px } .center-text .review-name { display: block; margin: 0 auto 5px } .center-text .review-stars { margin: 0 auto } .index-masonry { column-gap: 20px; width: 100%; display: block } .masonry-block { width: 100%; padding-top: 0; padding-bottom: 20px; height: auto; display: block; box-sizing: border-box; break-inside: avoid; page-break-inside: avoid } .masonry-col-1 { column-count: 1 } .masonry-col-2 { column-count: 2 } .masonry-col-3 { column-count: 3 } .masonry-col-4 { column-count: 4 } .index-rotation { width: 100%; overflow: hidden; position: relative } .index-rotation:after, .index-rotation:before { position: absolute; top: 0; width: 10%; height: 100%; content: ""; z-index: 1 } .rotation-block { -webkit-transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; white-space: nowrap; justify-content: flex-start; display: flex; flex-shrink: 0 } .rotation-image { align-self: center; flex-shrink: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; white-space: nowrap; display: block } .rotation-picture { margin: 0; padding: 0; display: block } .banner-link { text-decoration: none; margin: 0 auto } .position-relative { position: relative } .slider__buttons, .slider__nav { display: block; width: 100%; height: auto; position: relative; top: 0; left: 0; right: 0 } .slider__nav { overflow: hidden } .slider__next, .slider__previous { opacity: 0; visibility: hidden; transition: all .4s ease; position: absolute; border: none; z-index: 10; outline: 0; background-color: transparent; box-shadow: var(--arrow-shadow); border-radius: 50%; height: 40px; width: 40px } .slider__previous { left: -20px; transform: translateY(-100%) } .slider__next { right: -20px; transform: translateY(-100%) } .noclick { pointer-events: none } .slider__inner { position: relative; display: flex; transform: translate3d(0, 0, 0); transition: transform .5s ease 0s } .scrollmove .slider__inner { transition: initial } .slider__inner a { text-decoration: none; display: block } .slider__inner :not(.customtext-field) { -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .slider__item { display: block; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .product-pack .product-option { text-align: center; margin-top: 10px; margin-bottom: 0; width: 100% } .product-pack .slider__item:last-of-type .product-option { width: calc(100% - 1px) } .product-pack .product-option-list { margin-top: 0; text-align: center } .product-pack .slider { width: 60% } .product-pack .slider__inner { width: 100% } .product-pack-item-1, .product-pack-item-2, .product-pack-item-3 { padding-bottom: 2px } .product-pack-item-1 .slider__item { width: 100% } .product-pack-item-2 .slider__item { width: calc((100% - 20px)/ 2) } .product-pack-item-3 .slider__item { width: calc((100% - 40px)/ 3) } .product-pack .slider__item { display: inline-block; vertical-align: top; margin-left: 20px } .product-pack .slider__item:first-child { margin-left: 0 } .pack-button { margin-top: 20px } .multi-block:not(.multi-block:last-child) { margin-bottom: 20px } .multi-block-2 { margin-top: 20px } .multi-block, .multi-block.active { transition: all .5s ease } .multi-img { display: none } .multi-img.active { display: block } .cart-item-minus>*, .cart-item-plus>*, .disable-link:not(.image-square, .image-complete) { pointer-events: none } .cart-item-number::-webkit-inner-spin-button, .cart-item-number::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .cart-item-number[type=number] { -moz-appearance: textfield } .index-video-thumbnail, .multi-block { cursor: pointer } .index-video-button { position: absolute; margin: auto; width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); fill: #fff; border-radius: 40px; background-color: rgba(0, 0, 0, .2); transition: all .4s ease } .index-video-thumbnail:hover .index-video-button { background-color: rgba(0, 0, 0, .4); transition: all .4s ease } .index-video-icon { margin: 10px; width: 60px; height: 60px } .index-video-hero { position: relative; overflow: hidden } .index-video-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; z-index: 0 } .index-banner-hero, .index-video-hero video { object-fit: cover; width: 100%; height: 100% } .index-icon-photo { max-width: 100%; margin-bottom: 20px } .center-text .index-icon-photo { margin: 0 auto 20px } .index-icon-photo2 { margin-right: 10px } .index-icon-desc2, .index-icon-photo2 { display: block; align-self: center } .index-icon-title { margin-bottom: 10px; line-height: 1.5 } .slideshow__inner { width: 100%; overflow: hidden; display: block; box-sizing: border-box; transition: all .4s ease; position: relative } .slideshow__item { width: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box; transition: all .4s ease } .slideshow__active { visibility: visible; opacity: 1; position: static; transition: all .4s ease } .slideshow__dot { display: inline-block; cursor: pointer; transition: all .4s ease } .index-banner-dots { text-align: center } .index-banner-dots .slideshow__dot { width: 10px; height: 10px; border-radius: 10px; box-sizing: border-box; margin-top: 20px; margin-left: 20px; margin-right: 0; border: 1px solid var(--button-bg-color); background-color: var(--body-bg) } .inner-dots { position: absolute; display: block; bottom: 30px; margin: 0 auto; left: 0; right: 0 } .index-banner-dots .slideshow__dot:first-of-type { margin-left: 0 } .index-banner-dots .slideshow__dot:hover, .index-banner-dots .slideshow__dot__active { background-color: var(--button-bg-color) } .index-content .index-testimonial-name { font-size: 22px; line-height: 1.2 } .center-text .index-testomonial-stars, .index-testomonial-stars { margin-bottom: 15px } .lookbook-products .slideshow__item { transition: none } .small-button, a.small-button { padding: 10px 25px; transition: all .4s ease } .medium-button, a.medium-button { padding: 15px 30px } .big-button, a.big-button { padding: 17px 50px; padding: 15px 20px; padding: 14px 28px; line-height: 1.2 } .big-button, .big-button:hover, .medium-button, .medium-button:hover, .small-button, .small-button:hover, a.big-button, a.big-button:hover, a.medium-button, a.medium-button:hover, a.small-button, a.small-button:hover { transition: all .4s ease } .fixed-button-cart, .index-cookie { position: fixed; bottom: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; padding: 20px 0; z-index: 99; transition: all .4s ease } .fixed-button-cart { padding: 0 0 20px; z-index: 5 } .block-center, .fixed-button-cart button { width: 100%; display: block; margin: 0 auto } .gdpr-block { flex-wrap: nowrap; display: flex } .gdpr-content { align-self: center; margin-right: auto } .gdpr-content, .gdpr-content a, .gdpr-content a:hover, .gdpr-content p { font-size: 13px !important } .gdpr-buttons { margin-left: auto; flex-grow: 1; flex-shrink: 0; justify-content: flex-end } .gdpr-accept, .gdpr-decline { display: inline-block; align-self: center; font-size: 13px; margin-left: 20px } .reveal { opacity: 1; visibility: visible; transition: all .4s ease } .popup-item a { text-decoration: none } .index-newsletter-width { width: 100%; max-width: 400px } .modal-exit .index-newsletter-form, .modal-exit .index-newsletter-width, .modal-news .index-newsletter-form, .modal-news .index-newsletter-width, .modal-promo .index-newsletter-form, .modal-promo .index-newsletter-width, .modal-search .index-newsletter-form, .modal-search .index-newsletter-width { min-width: 100%; max-width: 100% } .center-text .index-newsletter-width { margin: 0 auto } .index-newsletter-form { display: flex } .index-popup, .index-popup .text-image-content, .popup-newsletter-block { width: 100% } .index-newsletter-button { flex-grow: 1; flex-shrink: 0 } .side_img .index-newsletter-form { display: block } .side_img .index-newsletter-button { margin-top: 20px; margin-left: 0; width: 100%; max-width: 400px; padding: 15px 30px; padding: 14px 28px; line-height: 1.2 } .side_img { max-width: 730px } .bg_img, .no_img, .top_img { max-width: 490px } .side_img .width-popup { width: 50% } .bg_img .width-popup, .top_img .width-popup { width: 100% } .bg_img .width-popup:last-of-type { position: absolute; align-self: center } .bg_img img { border-radius: calc(var(--popups-radius) * 1px) } .side_img img { border-radius: calc(var(--popups-radius) * 1px) 0 0 calc(var(--popups-radius) * 1px) } .top_img img { border-radius: calc(var(--popups-radius) * 1px) calc(var(--popups-radius) * 1px) 0 0 } .link_popup { display: block } .popup-show-mb, .product-switch { display: none } .atc-fixed-button:hover { background-color: var(--button-bg-color); color: var(--button-text-color); border: 1px solid var(--button-border-color) } .two-col { column-count: 2; column-gap: 80px } .no-bottom-margin { margin-bottom: 0 } .placeholder { position: relative; overflow: hidden } .placed { position: absolute; top: 0 } .image-container, .pop-zoom { cursor: zoom-in } .image-container.zoomed { cursor: zoom-out } .zoomed img { opacity: 0 } .pr-bl-dk-2, .pr-bl-dk-3, .pr-bl-dk-4, .pr-bl-dk-5, .pr-bl-dk-auto { gap: 7px; padding-top: 10px } .pr-bl-dk-2 .product-option-block { width: calc((100% - 7px)/ 2) } .pr-bl-dk-3 .product-option-block { width: calc((100% - 14px)/ 3) } .pr-bl-dk-4 .product-option-block { width: calc((100% - 21px)/ 4) } .pr-bl-dk-5 .product-option-block { width: calc((100% - 28px)/ 5) } .pr-bl-dk-auto .product-option-block { width: auto; max-width: 100% } .pr-bl-dk-auto .product-option-text { padding-left: 15px; padding-right: 15px } .pr-bl-dk-2 .product-option-block, .pr-bl-dk-3 .product-option-block, .pr-bl-dk-4 .product-option-block, .pr-bl-dk-5 .product-option-block, .pr-bl-dk-auto .product-option-block { margin-left: 0; margin-top: 0 } .pr-bl-dk-2 .product-option-block:nth-child(-n+5), .pr-bl-dk-3 .product-option-block:nth-child(-n+5), .pr-bl-dk-4 .product-option-block:nth-child(-n+5), .pr-bl-dk-5 .product-option-block:nth-child(-n+5), .pr-bl-dk-auto .product-option-block:nth-child(-n+5) { margin-top: 0 } .second-button { margin-left: 20px; display: inline-block } .tags-position-left, .tags-position-right { position: absolute; display: flex; flex-direction: column; top: 0; max-width: 100% } .tags-position-left { left: 0; align-items: flex-start } .tags-position-right { right: 0; align-items: flex-end } .tags-corner { top: 10px; max-width: calc(100% - 20px) } .tags-position-left.tags-corner { left: 10px; align-items: flex-start } .tags-position-right.tags-corner { right: 10px; align-items: flex-end } .tags-item { padding: 5px 7px; line-height: 1; font-size: 12px; display: inline-block; margin-bottom: 5px; border-radius: calc(var(--form_angle) * 1px) } .tags-promo { background-color: var(--promo_tag_bg); color: var(--promo_tag_color); border: 1px solid var(--promo_tag_border) } .tags-custom { background-color: var(--custom_tag_bg); color: var(--custom_tag_color); border: 1px solid var(--custom_tag_border) } .tags-oos { background-color: var(--oos_tag_bg); color: var(--oos_tag_color); border: 1px solid var(--oos_tag_border) } .one-line-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .duo-image-1, .duo-image-2 { width: calc(50% + 25px); align-self: center; box-sizing: border-box } .duo-image-1 { margin-right: -25px; margin-top: 50px; z-index: 1 } .duo-image-2 { margin-left: -25px; margin-top: -50px; z-index: 0 } .duo-svg { padding: 30px 0 } .qb-offer { margin-bottom: 20px; padding: 20px; margin-top: 10px; flex-wrap: nowrap } .qb-offer:hover:not(.qb-active) { cursor: pointer } .qb-radio { box-sizing: border-box; width: 12px; height: 12px; border-radius: 20px; background-color: var(--form-field-bg); border: 1px solid var(--form-field-line); align-self: center; margin-right: 20px } .qb-offer:not(.qb-active):hover .qb-radio { background-color: var(--form-field-bg-hover); border: 1px solid var(--form-field-line-hover) } .qb-compare, .qb-price, .qb-text, .qb-title { display: block; font-size: calc(var(--body-font-size) * 1px) } .qb-titles { margin-right: 20px; flex: 1 } .qb-prices, .qb-titles { align-self: center } .qb-prices { margin-left: auto; text-align: right } .qb-compare, .qb-text { margin-top: 5px } .qb-compare:empty { margin-top: 0 } .qb-compare { text-decoration: line-through } .qb-option-list { padding: 10px 15px } .qb-offer .product-pack-item { display: none } .qb-offer.qb-active .product-pack-item { display: block } .qb-select-2 { width: calc((100% - 7px)/ 2) } .qb-select-3 { width: calc((100% - 14px)/ 3) } .qb-select-2, .qb-select-3 { margin-left: 7px } .qb-select-2:first-of-type, .qb-select-3:first-of-type { margin-left: 0 } .to-top-button { scroll-margin-bottom: 20px } .product-custom-alert { color: red; margin-top: 5px } .product-custom { margin-top: 10px } .top-reviews { width: 35%; margin-right: auto } .review-block { width: 57.5% } .rev-block-stars { box-sizing: border-box } .rev-block-stars .rev-buttons, .rev-block-stars .rev-marks { display: flex; align-items: center; justify-content: center } .rev-block-stars .rev-marks { flex-direction: column } .rev-block-stars .rev-buttons { margin-top: 30px } .rev-block-stars .rev-buttons .index-button { margin: 0 } .rev-five, .rev-name { font-size: calc(var(--body-font-size) * 1px) } .rev-block-stars .review-star { width: 22px } .rev-block-stars .product-content { padding-bottom: 0 } .review-section .testim-block { margin-bottom: 10px } .review-section .review-elem { padding: 20px 0 } @media all and (max-width:999px) { .index-width-4 { width: calc((100% - 10px)/ 2) } .index-large-4 { width: calc((100% - 30px)/ 2) } .index-extra-4 { width: calc((100% - 50px)/ 2) } .index-extra-4:nth-child(odd), .index-large-4:nth-child(odd), .index-width-4:nth-child(odd) { margin-left: 0 } .index-width-4:nth-child(n+3) { margin-top: 10px } .index-col-list.index-width-4:nth-child(n+3), .index-extra-4:nth-child(n+3), .index-large-4:nth-child(n+3) { margin-top: 50px } .masonry-col-4 { column-count: 3 } } @media all and (max-width:799px) { .tags-item { padding: 4px 5px; font-size: 10px } .product-pack .slider { width: 100% } .index-block:first-of-type, .index-extra-3, .index-image-right, .index-image-right-2, .index-large-3, .index-width-3 { margin-left: 0; margin-right: 0 } .before-text .index-text-left, .before-text .index-text-right { padding: 30px 0 0 } .before-text .index-image-left, .before-text .index-image-right { order: unset; margin-bottom: 20px } .before-text .index-image-left-2, .before-text .index-image-right-2 { order: unset } .after-text .index-text-left, .after-text .index-text-right { padding: 0 0 30px } .after-text .index-image-left, .after-text .index-image-right { order: 2; margin-top: 20px } .after-text .index-image-left-2, .after-text .index-image-right-2 { order: 2 } .after-text .index-text-left.padding-30, .after-text .index-text-right.padding-30, .before-text .index-text-left.padding-30, .before-text .index-text-right.padding-30, .padding-30 { padding: 30px } .no_img .padding-30 { padding: 60px 30px } .padding-30-dk { padding: 0 } .padding-30-mb { padding: 30px 20px } .index-extra-3, .index-large-3, .index-width-3, .width-25, .width-33, .width-50, .width-67, .width-75 { width: 100% } .index-show-dk { display: none } .index-show-mb, .multi-img { display: block } .index-absolute-dk { position: static } .index-absolute-mb { position: absolute } .align-ol-mb, .text-mb-left { text-align: left } .align-oc-mb, .text-mb-center { text-align: center } .align-or-mb, .text-mb-right { text-align: right } .block-mb-left, .text-mb-left .amb-imageblock, .text-mb-left .amb-review-block { margin-left: 0; margin-right: auto } .block-mb-right, .text-mb-right .amb-imageblock, .text-mb-right .amb-review-block { margin-left: auto; margin-right: 0 } .block-mb-center, .text-mb-center .amb-imageblock, .text-mb-center .amb-review-block { margin-left: auto; margin-right: auto } .index-width-3:nth-child(n+2) { margin-top: 20px } .align-oc, .align-ol, .align-or { margin-top: 0 } .align-oc-mb, .align-ol-mb, .align-or-mb { margin-top: 30px } .index-col-list.index-extra-3:nth-child(n+2), .index-extra-3:nth-child(n+2), .index-large-3:nth-child(n+2) { margin-top: 50px } .align-bl-mb, .align-cl-mb, .align-tl-mb { text-align: left; left: 0; right: unset } .align-bc-mb, .align-cc-mb, .align-tc-mb { text-align: center; left: 0; right: 0 } .align-cc-mb, .align-cl-mb, .align-cr-mb { top: unset; bottom: unset } .align-br-mb, .align-cr-mb, .align-tr-mb { text-align: right; right: 0; left: unset } .align-tc-mb, .align-tl-mb, .align-tr-mb { top: 0; bottom: unset } .align-bc-mb, .align-bl-mb, .align-br-mb { bottom: 0; top: unset } .masonry-col-3, .masonry-col-4 { column-count: 2 } .lookbook-products { margin: 20px auto 0 } .index-product { max-width: 100%; width: 100%; padding: 30px 0 0 } .index-product .product-texts { padding-top: 0 } .gdpr-block { flex-wrap: wrap } .gdpr-content { align-self: center; margin-right: auto; width: 100% } .gdpr-buttons { justify-content: center; margin: 15px auto 0; width: 100% } .gdpr-decline { margin-left: 0 } .two-col { column-count: 1; column-gap: 0 } .text-mb-center .testim-block, .text-mb-left .testim-block, .text-mb-right .testim-block { display: flex } .icon-block.text-mb-center .testim-block, .icon-block.text-mb-left .testim-block, .icon-block.text-mb-left-top .testim-block, .icon-block.text-mb-right .testim-block, .text-mb-center .testim-block, .text-mb-left .testim-block, .text-mb-left-top .testim-block, .text-mb-right .testim-block { direction: ltr } .icon-block.text-mb-left-top .testim-block, .icon-block.text-mb-right-top .testim-block { display: block } .icon-block.text-mb-right .testim-block { direction: rtl } .text-mb-left .testim-block, .text-mb-right .testim-block { flex-direction: row } .text-mb-center .testim-block { flex-direction: column } .icon-block.text-mb-left .testim-image, .text-mb-left .testim-image { margin: 0 15px 0 0 } .icon-block.text-mb-center .testim-image, .text-mb-center .testim-image { margin: 0 auto 15px } .icon-block.text-mb-right .testim-image, .text-mb-right .testim-image { margin: 0 15px 0 auto } .icon-block.text-mb-left-top .testim-image { margin: 0 auto 15px 0 } .icon-block.text-mb-right-top .testim-image { margin: 0 0 15px auto } .icon-block.text-mb-right .testim-image { margin: 0 0 0 15px } .text-mb-left .testim-image.no-text, .text-mb-right .testim-text.no-img .review-star:last-child { margin: 0 } .text-mb-center .testim-image.no-text { margin: 0 auto } .text-mb-right .testim-image.no-text { margin: 0 0 0 auto } .icon-block.text-mb-right .testim-text { margin: 0 0 0 auto } .text-mb-left .testim-text, .text-mb-left-top .testim-text { text-align: left } .text-mb-center .testim-text { text-align: center; width: 100%; margin: 0 auto } .text-mb-right .testim-text { width: auto; margin: 0 } .text-mb-right .testim-text, .text-mb-right-top .testim-text { text-align: right } .text-mb-right .testim-text.no-img { margin-left: auto } .text-mb-left .testim-text .product-review-stars .review-star:first-child, .text-mb-right .review-star:first-child { margin: 0 2px 0 0 } .text-mb-center .testim-text .review-star:first-child, .text-mb-right .testim-text.no-img .review-star:first-child { margin: 0 2px 0 auto } .text-mb-center .product-review-stars .review-star:last-child, .text-mb-left .testim-text.no-img { margin: 0 auto 0 0 } .text-mb-center .product-review-stars .one-star.review-star:first-child, .text-mb-center .product-review-stars .one-star.review-star:last-child { margin: 0 auto } .text-mb-center .bullet-li>*, .text-mb-right .bullet-li>* { margin-left: auto } .text-mb-center .bullet-li>*, .text-mb-left .bullet-li>* { margin-right: auto } .text-mb-left .bullet-li>* { margin-left: 0 } .text-mb-right .bullet-li>* { margin-right: 0 } .image-container, .pop-zoom { cursor: default } .multi-img:not(.multi-img:last-child) { margin-bottom: 50px } .duo-image-1, .duo-image-2 { width: calc(50% + 15px) } .duo-image-1 { margin-right: -15px; margin-top: 30px } .duo-image-2 { margin-left: -15px; margin-top: -30px } .top-reviews { width: 100%; margin-right: 0 } .review-block { width: 100% } .rev-block-stars { display: flex } .rev-block-stars .rev-buttons, .rev-block-stars .rev-marks { width: 50% } .rev-block-stars .rev-buttons { margin-top: 0 } } @media all and (max-width:699px) { .index-extra-2, .index-extra-4, .index-large-2, .index-large-4, .index-width-2, .index-width-4 { width: 100%; margin-left: 0 } .index-width-2:nth-child(2), .index-width-4:nth-child(n+2) { margin-top: 20px } .index-col-list.index-width-2:nth-child(2), .index-col-list.index-width-4:nth-child(n+2), .index-extra-2:nth-child(2), .index-extra-4:nth-child(n+2), .index-large-2:nth-child(2), .index-large-4:nth-child(n+2) { margin-top: 50px } .masonry-col-2, .masonry-col-3, .masonry-col-4 { column-count: 1 } } @media all and (max-width:659px) { .product-pack-item-3 .slider__item { width: calc((100% - 20px)/ 2) } } @media all and (max-width:569px) { .rev-block-stars { display: block } .rev-block-stars .rev-buttons, .rev-block-stars .rev-marks { width: 100% } .rev-block-stars .rev-buttons { margin-top: 30px } } @media all and (max-width:539px) { .after-text .index-text-left.padding-30, .after-text .index-text-right.padding-30, .before-text .index-text-left.padding-30, .before-text .index-text-right.padding-30, .padding-30 { padding: 30px 20px; padding: 20px } .no_img .padding-30 { padding: 60px 20px } .side_img .width-popup { width: 100% } .side_img img { border-radius: calc(var(--popups-radius) * 1px) calc(var(--popups-radius) * 1px) 0 0 } .popup-show-dk { display: none } .popup-show-mb { display: block } .padding-30-mb { padding: 20px } .second-button { margin-left: auto; margin-top: 20px; display: block } .compare-feature { padding: 20px 10px } .inner-dots { bottom: 20px } } @media all and (max-width:510px) { .bg_img .index-newsletter-form, .index-newsletter-form, .no_img .index-newsletter-form, .top_img .index-newsletter-form { display: block } .bg_img .index-newsletter-button, .index-newsletter-button, .no_img .index-newsletter-button, .top_img .index-newsletter-button { margin-top: 20px; margin-left: 0; width: 100%; max-width: 400px; padding: 15px 30px; padding: 14px 28px; line-height: 1.2 } .review-section .padding-30 { padding: 30px 20px } } @media all and (max-width:489px) { .product-carousel-4, .product-pack-item-2 .slider__item, .product-pack-item-3 .slider__item { width: 230px; max-width: 230px } .lookbook-products { max-width: 230px } .pr-bl-mb-2, .pr-bl-mb-3, .pr-bl-mb-4, .pr-bl-mb-5, .pr-bl-mb-auto { gap: 7; padding-top: 10px } .pr-bl-dk-auto .product-option-text { padding-left: 0; padding-right: 0 } .pr-bl-mb-2 .product-option-block { width: calc((100% - 7px)/ 2) } .pr-bl-mb-3 .product-option-block { width: calc((100% - 14px)/ 3) } .pr-bl-mb-4 .product-option-block { width: calc((100% - 21px)/ 4) } .pr-bl-mb-5 .product-option-block { width: calc((100% - 28px)/ 5) } .pr-bl-mb-auto .product-option-block { width: auto; max-width: 100% } .pr-bl-mb-auto .product-option-text { padding-left: 15px; padding-right: 15px } } @media all and (max-width:999px) and(min-width:660px) { .search-ajax .collection-item:nth-child(4) { display: none } } .sliderBA { position: absolute; z-index: 2; top: 0; bottom: 0; height: 100%; margin: 0; left: -1px; width: calc(100% + 2px); cursor: pointer; -webkit-appearance: slider-horizontal !important; -moz-appearance: none; opacity: 0; -ms-touch-action: auto; touch-action: auto } #debug { position: fixed; top: 0; width: 100%; min-height: 50px; background: #1e272c; color: #607d8b; z-index: 500; font-family: "Courier New", serif; display: flex; flex-direction: column; white-space: pre } #debug .green { color: #c3e88d } #debug .red { color: #f07178 } #judgeme_all_reviews_page a:not(.jdgm-star), #judgeme_all_reviews_page:not(.jdgm-star), #judgeme_product_reviews a:not(.jdgm-star), #judgeme_product_reviews:not(.jdgm-star), .el-popover, .el-popper, .jdgm-all-reviews-text, .jdgm-carousel-wrapper, .jm-mfp-is-open, .r--filter-popover, .r--item-filter, .r--product-section, .r--widget-wapper, .r--write-wrapper, ryviu-widget { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); text-decoration: none } #judgeme_all_reviews_page, #judgeme_product_reviews, .jm-mfp-is-open { color: var(--body-text-color); line-height: 1.5 } #judgeme_all_reviews_page .jdgm-all-reviews-page__title, #judgeme_product_reviews .jdgm-rev-widg__title, #judgeme_product_reviews .jdgm-rev__author, #judgeme_product_reviews .jdgm-rev__title, #shopify-product-reviews .spr-form-title, #shopify-product-reviews .spr-header-title, #shopify-product-reviews .spr-review-header-title, .jdgm-carousel-wrapper .jdgm-carousel-item__review-title, .jdgm-carousel-wrapper .jdgm-carousel-title, .jdgm-rev__author, .jdgm-rev__title { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase); color: var(--body-title-color); line-height: 1.2; padding: 0; display: block } #shopify-product-reviews .spr-form-title, #shopify-product-reviews .spr-header-title { font-size: 28px; margin: 0 0 20px } #shopify-product-reviews .spr-form-title { font-size: 24px } #shopify-product-reviews .spr-review-header-title { font-size: 20px } #judgeme_product_reviews .jdgm-rev__header, #shopify-product-reviews .spr-review-header-byline, #shopify-product-reviews .spr-review-header-byline strong, #shopify-product-reviews .spr-starrating.spr-summary-starrating, .jdgm-carousel-wrapper .jdgm-carousel-title { margin-bottom: 20px } #shopify-product-reviews .spr-pagination a, #shopify-product-reviews .spr-pagination span, #shopify-product-reviews .spr-review-content p, #shopify-product-reviews .spr-review-header-byline, #shopify-product-reviews .spr-review-header-byline strong, #shopify-product-reviews .spr-review-reply p, #shopify-product-reviews .spr-review-reply-shop, #shopify-product-reviews .spr-review-reportreview, #shopify-product-reviews .spr-summary-actions a, #shopify-product-reviews .spr-summary-caption, .product-main .shopify-app-block, .product-main .shopify-app-block .spr-starrating, .product-main .shopify-app-block a { color: var(--body-text-color); font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); font-size: calc(var(--body-font-size) * 1px); text-decoration: none; line-height: 1.5 } #shopify-product-reviews .spr-review-header-byline, #shopify-product-reviews .spr-review-header-byline strong, #shopify-product-reviews .spr-review-reportreview { font-size: 12px } #shopify-product-reviews .spr-review-reportreview { display: none } #shopify-product-reviews .spr-review-content { margin-bottom: 0 } #judgeme_product_reviews .jdgm-rev__title, #shopify-product-reviews .spr-review-header-title { margin-top: 10px } #judgeme_product_reviews .jdgm-picture-fieldset { margin-top: 20px } #shopify-product-reviews .spr-pagination { padding-top: 24px } #shopify-product-reviews .spr-pagination-page { margin-right: 10px } #shopify-product-reviews .spr-icon { color: inherit } #shopify-product-reviews .spr-review-reply { margin: 24px 0 0; background-color: #f9f9f9 } #judgeme_all_reviews_page .jdgm-submit-rev, #judgeme_product_reviews .jdgm-submit-rev, #judgeme_product_reviews .jdgm-write-rev-link, .jdgm-write-rev-link { margin: 20px 0 0 0 } #judgeme_all_reviews_page .jdgm-notification, #judgeme_product_reviews .jdgm-notification { background-color: var(--notif-success-bg); color: var(--notif-success-color); padding: 10px; font-weight: 400 } #judgeme_all_reviews_page .jdgm-notification a, #judgeme_product_reviews .jdgm-notification a { color: var(--body-link-color); text-decoration: none } #judgeme_all_reviews_page .jdgm-notification a:hover, #judgeme_product_reviews .jdgm-notification a:hover { color: var(--body-link-color-hover) } #judgeme_all_reviews_page .jdgm-input-error, #judgeme_product_reviews .jdgm-input-error { background-color: var(--notif-error-bg); color: var(--notif-error-color); padding: 10px } .jdgm-all-reviews-text a, .jdgm-carousel-wrapper, .jdgm-carousel-wrapper a { text-decoration: none } .product-main .shopify-app-block .spr-starrating { justify-content: start !important } #judgeme_product_reviews .jdgm-rev__title, .product-main .shopify-app-block { margin-bottom: 10px } .product-main .shopify-app-block .spr-star { width: calc(var(--body-font-size) * 1px) !important; height: calc(var(--body-font-size) * 1px) !important } .product-main .shopify-app-block .loox-rating span, .product-main .shopify-app-block .spr-stars, .product-main .shopify-app-block>* { margin-top: auto; margin-bottom: auto } .product-main .shopify-app-block .loox-icon { font-size: calc(var(--body-font-size) * 1px); margin-right: 2px } .overflow-visible { overflow: visible } #judgeme_all_reviews_page { margin: calc(var(--section-margin) * 1px) auto calc(var(--section-margin) * 1px) } .uppercase { text-transform: uppercase } .font-body { font-family: var(--body-font); font-style: var(--body-font-style); font-weight: var(--body-font-weight); letter-spacing: var(--body-ls) } .font-title { font-family: var(--title-font); font-style: var(--title-font-style); font-weight: var(--title-font-weight); letter-spacing: var(--title-ls); text-transform: var(--title-uppercase) } .ob-seo { cursor: pointer }
.product-image-1 .slider__item,.product-image-3 .slider__item,.product-image-4 .slider__item {
    width: 100%;
    max-width: 100%
}