/** Shopify CDN: Minification failed Line 11027:2 Unexpected "@" **/ @charset "UTF-8"; /* Generated file. Sources, in cascade order: styles.css, styles.header.css, styles.accessories.css. Regenerate with tools/build-css.py after editing any source. */ /* ===== styles.css ===== */ /* CSS Document */ @keyframes loader-rotate { 100% { transform: rotate(360deg); } } @keyframes hide-scroll { from, to { overflow: hidden; } } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes appear-down { 0% { opacity: 0; margin-top: -1rem; } 100% { opacity: 1; margin-top: 0; } } @keyframes appear-down { 0% { opacity: 0; margin-top: -1rem; } 100% { opacity: 1; margin-top: 0; } } @-webkit-keyframes slideup { 0% { opacity: 0; -webkit-transform: translateY(60px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @keyframes slideup { 0% { opacity: 0; -webkit-transform: translateY(60px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } .removing { opacity: 0; transition: opacity 250ms linear; } *:focus-visible { outline: 2px dotted var(--accent_color); outline-offset: 0.3rem; } .content li a:focus-visible, .content p a:not(.btn):focus-visible, .content .variant-image:focus-visible, footer li a:focus-visible, footer p a:not(.btn):focus-visible, footer .variant-image:focus-visible { padding: 6px; } footer li a:focus-visible { padding: 0; text-indent: 6px; } .keyed:focus-visible:before, .keyed:focus-visible:after { background: transparent; bottom: 0; content: ''; left: -4px; position: absolute; right: -6px; top: 0; z-index: 99; } .keyed:focus, .keyed:focus:not(:focus-visible) { outline: none; } .keyed:focus:not(:focus-visible):before, .keyed:focus:not(:focus-visible):after { outline: none; } .keyed:focus-visible:after { outline: 2px dotted var(--accent_color); } .container.inner-container { max-width: 1180px; } .container.inner-container .inner-container-pad { padding-left: calc(var(--master_spacing) / 2); padding-right: calc(var(--master_spacing) / 2); } .container.inner-container .inner-container-grid { padding-left: var(--master_spacing); padding-right: var(--master_spacing); } .container.inner-container .inner-container-grid-slider { padding-left: calc(var(--master_spacing) * 1.5); padding-right: calc(var(--master_spacing) * 1.5); } .container.no-pad { padding-left: var(--master_spacing); padding-right: var(--master_spacing); max-width: 1180px; } @media only screen and (max-width: 1220px) { .container.no-pad { padding-left: 0; padding-right: 0; } .container.no-pad .glider { padding-left: var(--master_spacing); padding-right: var(--master_spacing); } .container.no-pad.cancel { padding-left: var(--master_spacing); padding-right: var(--master_spacing); max-width: 1180px; } } .container.remove-pad { padding-left: 0; padding-right: 0; } .container.container-six { max-width: 600px; } .skip-to { background: var(--button_primary_background); border: var(--button_border) solid var(--button_primary_border); color: var(--button_primary_text); display: block; font-family: var(--body_font); font-style: var(--body_font_style); font-weight: var(--body_font_weight); font-size: var(--x_small); line-height: calc(var(--small) * 1.25); padding: calc(var(--master_spacing) / 2) 0; } .skip-to:focus { background: var(--button_primary_text); clip: auto; clip-path: unset; color: var(--button_primary_background); display: block; height: auto; outline-offset: -4px; overflow: auto; position: relative; top: 0; width: 100%; } .one.doublepad, .two.doublepad, .two-half.doublepad, .three.doublepad, .four.doublepad, .five.doublepad, .six.doublepad, .seven.doublepad, .eight.doublepad, .nine.doublepad, .ten.doublepad, .eleven.doublepad, .twelve.doublepad { padding-left: var(--master_spacing); padding-right: var(--master_spacing); } .one.negative-left, .two.negative-left, .two-half.negative-left, .three.negative-left, .four.negative-left, .five.negative-left, .six.negative-left, .seven.negative-left, .eight.negative-left, .nine.negative-left, .ten.negative-left, .eleven.negative-left, .twelve.negative-left { padding-left: 0; } .one.negative-right, .two.negative-right, .two-half.negative-right, .three.negative-right, .four.negative-right, .five.negative-right, .six.negative-right, .seven.negative-right, .eight.negative-right, .nine.negative-right, .ten.negative-right, .eleven.negative-right, .twelve.negative-right { padding-right: 0; } .table-center .one, .table-center .two, .table-center .two-half, .table-center .three, .table-center .four, .table-center .five, .table-center .six, .table-center .seven, .table-center .eight, .table-center .nine, .table-center .ten, .table-center .eleven, .table-center .twelve { display: inline-block; float: none; height: 100%; vertical-align: middle; } .table-center .one.hidden, .table-center .two.hidden, .table-center .two-half.hidden, .table-center .three.hidden, .table-center .four.hidden, .table-center .five.hidden, .table-center .six.hidden, .table-center .seven.hidden, .table-center .eight.hidden, .table-center .nine.hidden, .table-center .ten.hidden, .table-center .eleven.hidden, .table-center .twelve.hidden { display: none; } .table-center .one.top, .table-center .two.top, .table-center .two-half.top, .table-center .three.top, .table-center .four.top, .table-center .five.top, .table-center .six.top, .table-center .seven.top, .table-center .eight.top, .table-center .nine.top, .table-center .ten.top, .table-center .eleven.top, .table-center .twelve.top { vertical-align: top; } .table-center .one.no-height, .table-center .two.no-height, .table-center .two-half.no-height, .table-center .three.no-height, .table-center .four.no-height, .table-center .five.no-height, .table-center .six.no-height, .table-center .seven.no-height, .table-center .eight.no-height, .table-center .nine.no-height, .table-center .ten.no-height, .table-center .eleven.no-height, .table-center .twelve.no-height { height: auto; } .table-center .one.brands, .table-center .two.brands, .table-center .two-half.brands, .table-center .three.brands, .table-center .four.brands, .table-center .five.brands, .table-center .six.brands, .table-center .seven.brands, .table-center .eight.brands, .table-center .nine.brands, .table-center .ten.brands, .table-center .eleven.brands, .table-center .twelve.brands { height: auto; } @media only screen and (max-width: 768px) { .table-center .one.product.brands, .table-center .two.product.brands, .table-center .two-half.product.brands, .table-center .three.product.brands, .table-center .four.product.brands, .table-center .five.product.brands, .table-center .six.product.brands, .table-center .seven.product.brands, .table-center .eight.product.brands, .table-center .nine.product.brands, .table-center .ten.product.brands, .table-center .eleven.product.brands, .table-center .twelve.product.brands { width: 50%; } } @media only screen and (max-width: 600px) { .table-center .one, .table-center .two, .table-center .two-half, .table-center .three, .table-center .four, .table-center .five, .table-center .six, .table-center .seven, .table-center .eight, .table-center .nine, .table-center .ten, .table-center .eleven, .table-center .twelve { height: auto; } .table-center .one.brands, .table-center .two.brands, .table-center .two-half.brands, .table-center .three.brands, .table-center .four.brands, .table-center .five.brands, .table-center .six.brands, .table-center .seven.brands, .table-center .eight.brands, .table-center .nine.brands, .table-center .ten.brands, .table-center .eleven.brands, .table-center .twelve.brands { width: 50%; } .table-center .one.brands.odd, .table-center .one.orders.odd, .table-center .two.brands.odd, .table-center .two.orders.odd, .table-center .two-half.brands.odd, .table-center .two-half.orders.odd, .table-center .three.brands.odd, .table-center .three.orders.odd, .table-center .four.brands.odd, .table-center .four.orders.odd, .table-center .five.brands.odd, .table-center .five.orders.odd, .table-center .six.brands.odd, .table-center .six.orders.odd, .table-center .seven.brands.odd, .table-center .seven.orders.odd, .table-center .eight.brands.odd, .table-center .eight.orders.odd, .table-center .nine.brands.odd, .table-center .nine.orders.odd, .table-center .ten.brands.odd, .table-center .ten.orders.odd, .table-center .eleven.brands.odd, .table-center .eleven.orders.odd, .table-center .twelve.brands.odd, .table-center .twelve.orders.odd { width: 100%; } .table-center .one.brands.odd > div, .table-center .one.orders.odd > div, .table-center .two.brands.odd > div, .table-center .two.orders.odd > div, .table-center .two-half.brands.odd > div, .table-center .two-half.orders.odd > div, .table-center .three.brands.odd > div, .table-center .three.orders.odd > div, .table-center .four.brands.odd > div, .table-center .four.orders.odd > div, .table-center .five.brands.odd > div, .table-center .five.orders.odd > div, .table-center .six.brands.odd > div, .table-center .six.orders.odd > div, .table-center .seven.brands.odd > div, .table-center .seven.orders.odd > div, .table-center .eight.brands.odd > div, .table-center .eight.orders.odd > div, .table-center .nine.brands.odd > div, .table-center .nine.orders.odd > div, .table-center .ten.brands.odd > div, .table-center .ten.orders.odd > div, .table-center .eleven.brands.odd > div, .table-center .eleven.orders.odd > div, .table-center .twelve.brands.odd > div, .table-center .twelve.orders.odd > div { border: none; } .collection-products .table-center .one, .collection-products .table-center .two, .collection-products .table-center .two-half, .collection-products .table-center .three, .collection-products .table-center .four, .collection-products .table-center .five, .collection-products .table-center .six, .collection-products .table-center .seven, .collection-products .table-center .eight, .collection-products .table-center .nine, .collection-products .table-center .ten, .collection-products .table-center .eleven, .collection-products .table-center .twelve { height: auto; } } .table-center.product-variants .one, .table-center.product-variants .two, .table-center.product-variants .two-half, .table-center.product-variants .three, .table-center.product-variants .four, .table-center.product-variants .five, .table-center.product-variants .six, .table-center.product-variants .seven, .table-center.product-variants .eight, .table-center.product-variants .nine, .table-center.product-variants .ten, .table-center.product-variants .eleven, .table-center.product-variants .twelve { vertical-align: top; } .one.margin-bottom, .two.margin-bottom, .two-half.margin-bottom, .three.margin-bottom, .four.margin-bottom, .five.margin-bottom, .six.margin-bottom, .seven.margin-bottom, .eight.margin-bottom, .nine.margin-bottom, .ten.margin-bottom, .eleven.margin-bottom, .twelve.margin-bottom { margin-bottom: calc(var(--master_spacing) / 2); } .one.margin-top, .two.margin-top, .two-half.margin-top, .three.margin-top, .four.margin-top, .five.margin-top, .six.margin-top, .seven.margin-top, .eight.margin-top, .nine.margin-top, .ten.margin-top, .eleven.margin-top, .twelve.margin-top { margin-top: calc(var(--master_spacing) / 2); } .one.margin-top-bottom, .two.margin-top-bottom, .two-half.margin-top-bottom, .three.margin-top-bottom, .four.margin-top-bottom, .five.margin-top-bottom, .six.margin-top-bottom, .seven.margin-top-bottom, .eight.margin-top-bottom, .nine.margin-top-bottom, .ten.margin-top-bottom, .eleven.margin-top-bottom, .twelve.margin-top-bottom { margin-bottom: calc(var(--master_spacing) / 2); margin-top: calc(var(--master_spacing) / 2); } .one.clear, .two.clear, .two-half.clear, .three.clear, .four.clear, .five.clear, .six.clear, .seven.clear, .eight.clear, .nine.clear, .ten.clear, .eleven.clear, .twelve.clear { clear: right; } body.rtl .one.clear, body.rtl .two.clear, body.rtl .two-half.clear, body.rtl .three.clear, body.rtl .four.clear, body.rtl .five.clear, body.rtl .six.clear, body.rtl .seven.clear, body.rtl .eight.clear, body.rtl .nine.clear, body.rtl .ten.clear, body.rtl .eleven.clear, body.rtl .twelve.clear { clear: left; } @media only screen and (min-width: 601px) { .one.product-details-padding, .two.product-details-padding, .two-half.product-details-padding, .three.product-details-padding, .four.product-details-padding, .five.product-details-padding, .six.product-details-padding, .seven.product-details-padding, .eight.product-details-padding, .nine.product-details-padding, .ten.product-details-padding, .eleven.product-details-padding, .twelve.product-details-padding { padding-left: calc(var(--master_spacing) * 1.5); } .rtl .one.product-details-padding, .rtl .two.product-details-padding, .rtl .two-half.product-details-padding, .rtl .three.product-details-padding, .rtl .four.product-details-padding, .rtl .five.product-details-padding, .rtl .six.product-details-padding, .rtl .seven.product-details-padding, .rtl .eight.product-details-padding, .rtl .nine.product-details-padding, .rtl .ten.product-details-padding, .rtl .eleven.product-details-padding, .rtl .twelve.product-details-padding { padding-left: 0; padding-right: calc(var(--master_spacing) * 1.5); } } @media only screen and (max-width: 768px) { .collection-products .one, .one.cart-table, .collection-products .two, .two.cart-table, .collection-products .two-half, .two-half.cart-table, .collection-products .three, .three.cart-table, .collection-products .four, .four.cart-table, .collection-products .five, .five.cart-table, .collection-products .six, .six.cart-table, .collection-products .seven, .seven.cart-table, .collection-products .eight, .eight.cart-table, .collection-products .nine, .nine.cart-table, .collection-products .ten, .ten.cart-table, .collection-products .eleven, .eleven.cart-table, .collection-products .twelve, .twelve.cart-table { width: 100%; } } @media only screen and (max-width: 600px) { .one:not(.mobile), .two:not(.mobile), .two-half:not(.mobile), .three:not(.mobile), .four:not(.mobile), .five:not(.mobile), .six:not(.mobile), .seven:not(.mobile), .eight:not(.mobile), .nine:not(.mobile), .ten:not(.mobile), .eleven:not(.mobile), .twelve:not(.mobile) { width: 100%; } footer .one:not(.brands), footer .two:not(.brands), footer .two-half:not(.brands), footer .three:not(.brands), footer .four:not(.brands), footer .five:not(.brands), footer .six:not(.brands), footer .seven:not(.brands), footer .eight:not(.brands), footer .nine:not(.brands), footer .ten:not(.brands), footer .eleven:not(.brands), footer .twelve:not(.brands) { padding: 0 calc(var(--master_spacing) * 3); } } .left { float: left; } body.rtl .left { float: right; } .right { float: right; } body.rtl .right { float: left; } .center { display: block; float: none; margin: 0 auto; text-align: center; } .center.center-table { display: table; } .center.hidden { display: none; } .flex-wrap { flex-wrap: wrap; } @media only screen and (max-width: 600px) { .flex-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .slide-center { float: none; margin: 0 auto; } .table { display: table; height: 100%; width: 100%; } .table.icon-text-table { width: auto; } .full-width .table.icon-text-table { width: 100%; } .table.icon-text-table .icon-text { box-sizing: border-box; display: inline-block; padding: calc(var(--master_spacing) * .25) var(--master_spacing) 0; padding-left: 0; width: auto; } .center .table.icon-text-table .icon-text { padding: calc(var(--master_spacing) * .25) calc(var(--master_spacing) / 2) 0; } .table.icon-text-table .icon-text button { background: none; } .table.icon-text-table .icon-text button:hover { text-decoration: underline; } .table.icon-text-table .icon-text .img { padding-right: calc(var(--master_spacing) / 2); width: 30px; } .table.icon-text-table .icon-text .img img { margin: 0; max-height: 30px; max-width: 30px; } body.rtl .table.icon-text-table .icon-text { padding: calc(var(--master_spacing) * .25) var(--master_spacing) 0; padding-right: 0; } body.rtl .table.icon-text-table .icon-text .img { padding-left: calc(var(--master_spacing) / 2); padding-right: 0; } .center .table.icon-text-table .icon-text, body.rtl .center .table.icon-text-table .icon-text { padding: calc(var(--master_spacing) * .25) calc(var(--master_spacing) / 2) 0; } @media only screen and (max-width: 600px) { .banner .table.icon-text-table { display: block; float: none; margin: 0 auto calc(var(--master_spacing) / 2); text-align: center; } } .table-center { font-size: 0; } .table-cell { display: table-cell; height: 100%; vertical-align: middle; } .table-cell > div { padding-top: var(--master_spacing); } .table-cell > div.no-height.image { padding-top: 0; } .table-cell > div.no-height.image img { margin-bottom: 0; } .table-cell > div.no-pad { padding-top: 0; } .table-cell.bottom { vertical-align: bottom; } .table-cell.top { vertical-align: top; } .table-cell.search-page { display: block; float: left; width: 100%; } .word-break { word-break: break-all; } .absolute { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .relative { position: relative; } .relative.media-viewer { padding-top: 100%; margin: 0px; } .relative.image-align { padding-left: 100%; padding-bottom: 100%; width: auto; } .relative.image-align > span, .relative.image-align .plyr, .relative.image-align .plyr .plyr__video-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } .relative.image-align > span.vertical, .relative.image-align .plyr.vertical, .relative.image-align .plyr .plyr__video-wrapper.vertical { height: 100%; width: auto; } .relative.image-align .plyr, .relative.image-align .plyr .plyr__video-wrapper { padding-bottom: 100%; } .relative.image-align .plyr video, .relative.image-align .plyr .plyr__video-wrapper video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .relative.image-align .plyr video.vertical, .relative.image-align .plyr .plyr__video-wrapper video.vertical { height: 100%; width: auto; } .background-white { background: var(--background); padding: var(--master_spacing) calc(var(--master_spacing) / 2) 0; position: relative; } .inner-container-grid-slider .background-white, .inner-container-pad .background-white { padding-top: calc(var(--master_spacing) / 2); } .toppad { margin-top: var(--master_spacing); } .toppad-quarter { padding-top: calc(var(--master_spacing) / 2); } .bottompad { margin-bottom: calc(var(--master_spacing) * 1.5); } .bottompad-half { margin-bottom: var(--master_spacing); } .bottompad-quarter { margin-bottom: calc(var(--master_spacing) / 2); } .bottompad-section, #content .shopify-policy__container { margin-bottom: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .bottompad-section, #content .shopify-policy__container { margin-bottom: calc(var(--master_spacing) * 2); } } @media only screen and (max-width: 600px) { .customer-column { margin: calc(var(--master_spacing) * 2) 0 0; } } .shopify-section.full { height: auto; overflow: hidden; transition: height 0.25s ease; } .shopify-section.empty { height: 0; } .dynamic-section { background: var(--background); } .banner-section + .container { margin-top: calc((var(--margin_padding) / 4) * -1); } .banner-section.banner-section-map + .container { margin-top: calc((var(--margin_padding_desktop) / 8) * -1); } @media only screen and (max-width: 768px) { .banner-section.banner-section-map + .container { margin-top: calc((var(--margin_padding_mobile) / 8) * -1); } } .content-height { height: var(--margin_padding); min-height: var(--margin_padding); z-index: 1; } .content-height.content-height-options { height: var(--margin_padding_desktop); min-height: var(--margin_padding_desktop); } @media only screen and (max-width: 768px) { .content-height.content-height-options { height: var(--margin_padding_mobile); min-height: var(--margin_padding_mobile); } } .content-height.content-height-block { min-height: 100%; } .content-height.search-page { z-index: 4; } .section-height { margin-bottom: calc(var(--margin_padding) / 4); } .banner-section { position: relative; z-index: 0; } .banner-section.search-section { z-index: 2; } .background-overlay:after { background: var(--overlay_background); bottom: 0; content: ''; display: block; height: 100%; left: 0; opacity: var(--overlay_opacity); position: absolute; right: 0; top: 0; width: 100%; } .background-overlay.map-container:after { z-index: 9; } .section-padding-top { padding-top: var(--section-padding-top-desktop); } .section-padding-bottom { padding-bottom: var(--section-padding-bottom-desktop); } .section-margin-bottom { margin-bottom: var(--section-margin-bottom-desktop); } @media only screen and (max-width: 768px) { .section-padding-top { padding-top: var(--section-padding-top-mobile); } .section-padding-bottom { padding-bottom: var(--section-padding-bottom-mobile); } .section-margin-bottom { margin-bottom: var(--section-margin-bottom-mobile); } } .section-border { border-bottom: 1px solid var(--line_color_section); } .content.captcha-page, .content .shopify-policy__container { margin-top: calc(var(--master_spacing) * 3); } .content ul.unformatted.options li { padding: 0; visibility: hidden; } .content ul.unformatted.options li a, .content ul.unformatted.options li button, .content ul.unformatted.options li.first { background: none; color: var(--body_font_color); font-size: var(--xx_small); padding: calc(var(--base) / 2); text-align: start; backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } .content ul.unformatted.options li a:hover, .content ul.unformatted.options li button:hover, .content ul.unformatted.options li.first:hover { color: var(--body_font_hover_color); } .content ul.unformatted.options li a { display: block; } .content ul.unformatted.options li.first { font-weight: var(--body_font_weight_bold); } .content ul.unformatted li { list-style-position: outside; list-style-type: inherit; } .content ul.unformatted li:before, .content ul.unformatted li:after { content: none; } .content ul.formatted { list-style: none; padding-bottom: var(--master_spacing); padding-left: 0; } .content ul.formatted li:before, .content ul.formatted li:after { content: none; } .content ul.formatted li a { font-size: var(--small); text-decoration: none; } .content ul.formatted li a:hover { text-decoration: underline; } .content ul li { list-style: none; } .content ul li:before { content: '\2027'; font-size: var(--base); padding: 0 6px; } .content ul li a { text-decoration: underline; } body.rtl .content ul li:before { content: ''; padding: 0; } body.rtl .content ul li:after { content: '\2027'; font-size: var(--base); padding: 0 6px; } .row { border-bottom: 1px solid var(--line_color); float: left; width: 100%; margin: 0 0 calc(var(--master_spacing) * 2); padding: 0 0 calc(var(--master_spacing) * 2); } .row.half { margin: 0 0 var(--master_spacing); padding: 0 0 var(--master_spacing); } .row.last { border: none; margin: 0; padding: 0; } .row img { margin: 0; } .center .row img { margin: 0 auto; } @media only screen and (max-width: 600px) { .row img { margin: 0 auto calc(var(--master_spacing) / 2); } } .lazycontainer:not(.lazyignore):not(.lazyskip) .relative { z-index: 1; } img { border: 0; display: block; height: auto; margin: 0 auto calc(var(--master_spacing) / 2); max-width: 100%; vertical-align: bottom; } img.nopad { margin: 0 auto; } img.lazybackground { color: transparent; height: 100%; object-fit: cover; left: 0; opacity: 1; position: absolute; top: 0; transition: opacity 0.5s ease 0s; backface-visibility: hidden; width: 100%; } img.lazybackground.left-top { object-position: left top; } img.lazybackground.center-top { object-position: center top; } img.lazybackground.right-top { object-position: right top; } img.lazybackground.left-center { object-position: left center; } img.lazybackground.center-center { object-position: center center; } img.lazybackground.right-center { object-position: right center; } img.lazybackground.left-bottom { object-position: left bottom; } img.lazybackground.center-bottom { object-position: center bottom; } img.lazybackground.right-bottom { object-position: right bottom; } img.lazyload { color: transparent; transition: opacity 0.5s ease 0s; backface-visibility: hidden; width: 100%; } img.lazyload:not(.nopad) { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .magnify img.lazyload { transform: scale(4); } .image-align img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } img.full-width { width: 100%; } hr { display: block; border-bottom: 1px solid var(--line_color); margin: var(--master_spacing) 0; } @media only screen and (max-width: 600px) { hr { margin: 0; } hr.search { margin: 0 0 var(--master_spacing); } hr.mobile-hide { display: none; } } h1, h2, h3, h4, h5, .h5, h6 { font: var(--headline_font_style) var(--headline_font_weight) var(--base)/var(--headline_font_height) var(--headline_font); color: var(--headline_font_color); margin: 0 0 calc(var(--master_spacing) * 0.75); text-transform: var(--headline_font_uppercase); } h1 a, h2 a, h3 a, h4 a, h5 a, .h5 a, h6 a { color: inherit; text-decoration: none; font-weight: inherit; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, .h5 a:hover, .h5 a:focus, h6 a:hover, h6 a:focus { text-decoration: none; } .bold h1, h1 strong, h1 b, .bold h2, h2 strong, h2 b, .bold h3, h3 strong, h3 b, .bold h4, h4 strong, h4 b, .bold h5, h5 strong, h5 b, .bold .h5, .h5 strong, .h5 b, .bold h6, h6 strong, h6 b { font-weight: var(--headline_font_weight_bold); } h1 dfn, h1 em, h1 i, h2 dfn, h2 em, h2 i, h3 dfn, h3 em, h3 i, h4 dfn, h4 em, h4 i, h5 dfn, h5 em, h5 i, .h5 dfn, .h5 em, .h5 i, h6 dfn, h6 em, h6 i { font-style: italic; } h1.medium, h2.medium, h3.medium, h4.medium, h5.medium, .h5.medium, h6.medium { font-weight: var(--headline_font_weight_medium); } .icon-text h1, .icon-text h2, .icon-text h3, .icon-text h4, .icon-text h5, .icon-text .h5, .icon-text h6 { margin: 0; } h1, .h1 { font-size: var(--headline_font_size_48); font-weight: var(--headline_font_weight); } @media only screen and (max-width: 600px) { h1, .h1 { font-size: var(--headline_font_size_36); } } h2 { font-size: var(--headline_font_size_36); } h2.offers { display: flex; flex-wrap: wrap; column-gap: calc(var(--master_spacing) / 2); } .text-center h2.offers { justify-content: center; } .text-right h2.offers { justify-content: end; } .form-blocks h2.offers { margin: 0; } .form-blocks h2.offers + p { margin: calc(var(--master_spacing) * .75) 0 0; padding-bottom: calc(var(--master_spacing) * .25); } h2.vendors { border-bottom: 1px solid var(--line_color); margin: 0 0 calc(var(--master_spacing) / 2); padding: 0 0 calc(var(--master_spacing) / 2); } @media only screen and (max-width: 600px) { h2 { font-size: var(--headline_font_size_24); } } h3 { font-size: var(--headline_font_size_24); } @media only screen and (max-width: 600px) { h3 { font-size: var(--headline_font_size_18); } } h4 { font-size: var(--headline_font_size_18); } h5, .h5 { font-size: var(--headline_font_size_16); } .sidebar h5, #filters h5, .sidebar .h5, #filters .h5 { color: var(--headline_font_color); position: relative; z-index: 9; } .item-title h5, .item-title .h5 { margin: 0; } .item-reviews h5, .item-reviews .h5 { margin: calc(var(--master_spacing) / 2) 0 0; } h5.desktop-hide, .h5.desktop-hide { display: none; } @media only screen and (max-width: 600px) { h5.desktop-hide, .h5.desktop-hide { display: block; margin: 0 0 var(--master_spacing); } h5.mobile-hide, .h5.mobile-hide { display: none; } } h6 { font-size: var(--headline_font_size_14); } .product-price h6, .product-price h6 a, h6.blog-data { color: var(--accent_color); } .product-price h6 small, .product-price h6 a small, h6.blog-data small { color: var(--headline_font_color); } .product-price h6.no-pad, .product-price h6 a.no-pad, h6.blog-data.no-pad { margin: 0; } .product-price h6, .product-price h6 a { color: var(--price_color); font-size: var(--headline_font_size_16); } .product-price p.h6, .product-price p.h6 a { color: var(--price_color); font: var(--headline_font_style) var(--headline_font_weight) var(--base)/var(--headline_font_height) var(--headline_font); font-size: var(--headline_font_size_16); margin: 0 0 calc(var(--master_spacing) * 0.75); padding: 0; text-transform: var(--headline_font_uppercase); } .product-price p.h6 small { color: var(--headline_font_color); } .product-price p.h6.no-pad { margin: 0; padding: 0; } .section-title-16 { font-size: var(--headline_font_size_16); } .section-title-18 { font-size: var(--headline_font_size_18); } .section-title-20 { font-size: var(--headline_font_size_20); } .section-title-22 { font-size: var(--headline_font_size_22); } .section-title-24 { font-size: var(--headline_font_size_24); } .section-title-26 { font-size: var(--headline_font_size_26); } .section-title-28 { font-size: var(--headline_font_size_28); } .section-title-30 { font-size: var(--headline_font_size_30); } .section-title-32 { font-size: var(--headline_font_size_32); } .section-title-34 { font-size: var(--headline_font_size_34); } .section-title-36 { font-size: var(--headline_font_size_36); } .section-title-38 { font-size: var(--headline_font_size_38); } .section-title-40 { font-size: var(--headline_font_size_40); } .section-title-42 { font-size: var(--headline_font_size_42); } .section-title-44 { font-size: var(--headline_font_size_44); } .section-title-46 { font-size: var(--headline_font_size_46); } .section-title-48 { font-size: var(--headline_font_size_48); } .section-title-50 { font-size: var(--headline_font_size_50); } .section-title-52 { font-size: var(--headline_font_size_52); } .section-title-54 { font-size: var(--headline_font_size_54); } .section-title-56 { font-size: var(--headline_font_size_56); } .section-title-58 { font-size: var(--headline_font_size_58); } .section-title-60 { font-size: var(--headline_font_size_60); } .section-title-62 { font-size: var(--headline_font_size_62); } .section-title-64 { font-size: var(--headline_font_size_64); } .section-title-66 { font-size: var(--headline_font_size_66); } .section-title-68 { font-size: var(--headline_font_size_68); } .section-title-70 { font-size: var(--headline_font_size_70); } .section-title-72 { font-size: var(--headline_font_size_72); } .section-title-74 { font-size: var(--headline_font_size_74); } .section-title-76 { font-size: var(--headline_font_size_76); } .section-title-78 { font-size: var(--headline_font_size_78); } .section-title-80 { font-size: var(--headline_font_size_80); } .section-title-82 { font-size: var(--headline_font_size_82); } .section-title-84 { font-size: var(--headline_font_size_84); } .section-title-86 { font-size: var(--headline_font_size_86); } .section-title-88 { font-size: var(--headline_font_size_88); } .section-title-90 { font-size: var(--headline_font_size_90); } .section-title-92 { font-size: var(--headline_font_size_92); } .section-title-94 { font-size: var(--headline_font_size_94); } .section-title-96 { font-size: var(--headline_font_size_96); } .section-title-98 { font-size: var(--headline_font_size_98); } .section-title-100 { font-size: var(--headline_font_size_100); } .section-title-102 { font-size: var(--headline_font_size_102); } .section-title-104 { font-size: var(--headline_font_size_104); } .section-title-106 { font-size: var(--headline_font_size_106); } .section-title-108 { font-size: var(--headline_font_size_108); } .section-title-110 { font-size: var(--headline_font_size_110); } .section-title-112 { font-size: var(--headline_font_size_112); } .section-title-114 { font-size: var(--headline_font_size_114); } .section-title-116 { font-size: var(--headline_font_size_116); } .section-title-118 { font-size: var(--headline_font_size_118); } .section-title-120 { font-size: var(--headline_font_size_120); } .section-title-122 { font-size: var(--headline_font_size_122); } .section-title-124 { font-size: var(--headline_font_size_124); } .section-title-126 { font-size: var(--headline_font_size_126); } .section-title-128 { font-size: var(--headline_font_size_128); } .section-title-130 { font-size: var(--headline_font_size_130); } .section-title-132 { font-size: var(--headline_font_size_132); } .section-title-134 { font-size: var(--headline_font_size_134); } .section-title-136 { font-size: var(--headline_font_size_136); } .section-title-138 { font-size: var(--headline_font_size_138); } .section-title-140 { font-size: var(--headline_font_size_140); } .section-title-142 { font-size: var(--headline_font_size_142); } .section-title-144 { font-size: var(--headline_font_size_144); } .section-title-146 { font-size: var(--headline_font_size_146); } .section-title-148 { font-size: var(--headline_font_size_148); } .section-title-150 { font-size: var(--headline_font_size_150); } .section-title-152 { font-size: var(--headline_font_size_152); } .section-title-154 { font-size: var(--headline_font_size_154); } .section-title-156 { font-size: var(--headline_font_size_156); } .section-title-158 { font-size: var(--headline_font_size_158); } .section-title-160 { font-size: var(--headline_font_size_160); } .section-title-162 { font-size: var(--headline_font_size_162); } .section-title-164 { font-size: var(--headline_font_size_164); } .section-title-166 { font-size: var(--headline_font_size_166); } .section-title-168 { font-size: var(--headline_font_size_168); } .section-title-170 { font-size: var(--headline_font_size_170); } .section-title-172 { font-size: var(--headline_font_size_172); } .section-title-174 { font-size: var(--headline_font_size_174); } .section-title-176 { font-size: var(--headline_font_size_176); } .section-title-178 { font-size: var(--headline_font_size_178); } .section-title-180 { font-size: var(--headline_font_size_180); } .section-title-182 { font-size: var(--headline_font_size_182); } .section-title-184 { font-size: var(--headline_font_size_184); } .section-title-186 { font-size: var(--headline_font_size_186); } .section-title-188 { font-size: var(--headline_font_size_188); } .section-title-190 { font-size: var(--headline_font_size_190); } .section-title-192 { font-size: var(--headline_font_size_192); } .section-title-194 { font-size: var(--headline_font_size_194); } .section-title-196 { font-size: var(--headline_font_size_196); } .section-title-198 { font-size: var(--headline_font_size_198); } .section-title-200 { font-size: var(--headline_font_size_200); } .section-title-202 { font-size: var(--headline_font_size_202); } .section-title-204 { font-size: var(--headline_font_size_204); } .section-title-206 { font-size: var(--headline_font_size_206); } .section-title-208 { font-size: var(--headline_font_size_208); } .section-title-210 { font-size: var(--headline_font_size_210); } .section-title-212 { font-size: var(--headline_font_size_212); } .section-title-214 { font-size: var(--headline_font_size_214); } .section-title-216 { font-size: var(--headline_font_size_216); } p a { text-decoration: underline; } p.bold { font-weight: var(--body_font_weight_bold); } p.blog-data, p.feedback, p.additional, .search-text p { color: var(--body_font_color); font-size: var(--xx_small); line-height: calc(var(--xx_small) * 1.25); } p.blog-data a, p.feedback a, p.additional a, .search-text p a { text-decoration: none; } p.blog-data a:hover, p.feedback a:hover, p.additional a:hover, .search-text p a:hover { text-decoration: underline; } p .vendors { color: var(--headline_font_color); } p .vendors a { color: var(--headline_font_color); text-decoration: none; } p .vendors a:hover { text-decoration: underline; } p.selling { color: var(--headline_font_color); font-size: var(--x_small); margin: 0 0 calc(var(--master_spacing) / 2); padding: 0; } .icon-text p { font-size: var(--xx_small); line-height: calc(var(--xx_small) * 1.25); padding: 0; } p.feedback a { text-decoration: underline; } .product p.feedback, .item p.feedback, .purchase-section p.feedback { display: none; opacity: 0; margin: calc(var(--master_spacing)/ 2) 0 0; padding: 0; backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } .product p.feedback.open, .item p.feedback.open, .purchase-section p.feedback.open { display: block; } .product p.feedback.visible, .item p.feedback.visible, .purchase-section p.feedback.visible { opacity: 1; } .product p.feedback .icon, .item p.feedback .icon, .purchase-section p.feedback .icon { line-height: calc(var(--xx_small) * 1.25); margin: 1px 5px 0 0; } p.comparison-p { align-items: center; border-bottom: 1px solid var(--line_color); display: flex; font-size: var(--x_small); flex-wrap: wrap; line-height: calc(var(--base) * 1.5); margin: 0 0 calc(var(--master_spacing) / 2); padding: 0 0 calc(var(--master_spacing) / 2); } p.comparison-p label { color: var(--body_font_color); font-size: var(--x_small); margin: 0; } p.comparison-p.center, .text-center p.comparison-p { justify-content: center; } .text-left p.comparison-p { justify-content: start; } .text-right p.comparison-p { justify-content: end; } p.comparison-p.comparison-row { border-bottom: none; margin: calc(var(--master_spacing) / 2) 0 0; padding: 0; } p.comparison-p.comparison-row.no-image { margin: 0; } p.comparison-p input, p.comparison-p button { align-items: center; display: flex; } p.comparison-p button { background: none; color: var(--body_font_color); backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } p.comparison-p button:hover { text-decoration: underline; } @media only screen and (max-width: 768px) { p.comparison-p { border-bottom: none; margin: calc(var(--master_spacing) / 2) 0; padding: 0; justify-content: center; } } @media only screen and (max-width: 320px) { p.comparison-p { margin: calc(var(--master_spacing) / 2) 0 var(--master_spacing); } p.comparison-p.no-image { margin: 0 0 var(--master_spacing); } } p.meta { color: var(--headline_font_color); padding-bottom: calc(var(--master_spacing) / 2); } p.half-pad { padding-bottom: calc(var(--master_spacing) / 2); } p.no-pad { padding: 0; } a { text-decoration: none; color: var(--body_font_color); backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } .product-desc li a, .page li a, .blog-content li a, a:hover, a:focus { text-decoration: underline; } a.no-deco:hover, a.no-deco:focus { text-decoration: none; } a:hover, a:focus { color: var(--body_font_hover_color); } ul, ol { color: var(--body_font_color); font-size: var(--small); padding: 0 0 var(--base); } ul li, ol li { padding: 0 0 calc(var(--base) / 2); } ul ul, ul ol, ol ul, ol ol { padding: calc(var(--base) / 2) var(--base); } ul li li, ol li li { font-size: var(--x_small); } .text-center { text-align: center; } .text-left { text-align: left; } body.rtl .text-left { text-align: right; } .text-right { text-align: right; } body.rtl .text-right { text-align: left; } .text-right .quantity.form { float: right; } @media only screen and (max-width: 600px) { .mobile-center { text-align: center; } } .capitalize { text-transform: capitalize; } a.ajaxified-cart, input[type="button"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="reset"], input[type="search"], input[type="text"], input[type="date"], select, textarea, .styledSelect, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a, .btn { -webkit-appearance: none; background: none; border: 1px solid var(--line_color); box-sizing: border-box; border-radius: 0; color: var(--body_font_color); font-weight: var(--body_font_weight_medium); font-size: var(--x_small); font-family: var(--body_font); line-height: calc(var(--small) * 1.25); min-height: 40px; padding: calc(var(--master_spacing) / 2) var(--xx_small); position: relative; backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; width: 100%; } a.ajaxified-cart.qtybtn, a.ajaxified-cart.item-qty, input[type="button"].qtybtn, input[type="button"].item-qty, input[type="email"].qtybtn, input[type="email"].item-qty, input[type="number"].qtybtn, input[type="number"].item-qty, input[type="tel"].qtybtn, input[type="tel"].item-qty, input[type="password"].qtybtn, input[type="password"].item-qty, input[type="reset"].qtybtn, input[type="reset"].item-qty, input[type="search"].qtybtn, input[type="search"].item-qty, input[type="text"].qtybtn, input[type="text"].item-qty, input[type="date"].qtybtn, input[type="date"].item-qty, select.qtybtn, select.item-qty, textarea.qtybtn, textarea.item-qty, .styledSelect.qtybtn, .styledSelect.item-qty, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn, .shopify-payment-button__button.shopify-payment-button__button--unbranded.item-qty, .shopify-email-marketing-confirmation__container a.qtybtn, .shopify-email-marketing-confirmation__container a.item-qty, .btn.qtybtn, .btn.item-qty { border-color: var(--line_color); color: var(--body_font_color); width: calc(var(--base) * 3); min-width: calc(var(--base) * 3); } a.ajaxified-cart.qtybtn, input[type="button"].qtybtn, input[type="email"].qtybtn, input[type="number"].qtybtn, input[type="tel"].qtybtn, input[type="password"].qtybtn, input[type="reset"].qtybtn, input[type="search"].qtybtn, input[type="text"].qtybtn, input[type="date"].qtybtn, select.qtybtn, textarea.qtybtn, .styledSelect.qtybtn, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn, .shopify-email-marketing-confirmation__container a.qtybtn, .btn.qtybtn { background: none; border: none; border-radius: 100%; height: calc(var(--base) * 2); margin: 6px 0; min-height: calc(var(--base) * 2); padding: 0; width: calc(var(--base) * 2); } a.ajaxified-cart.qtybtn svg line, input[type="button"].qtybtn svg line, input[type="email"].qtybtn svg line, input[type="number"].qtybtn svg line, input[type="tel"].qtybtn svg line, input[type="password"].qtybtn svg line, input[type="reset"].qtybtn svg line, input[type="search"].qtybtn svg line, input[type="text"].qtybtn svg line, input[type="date"].qtybtn svg line, select.qtybtn svg line, textarea.qtybtn svg line, .styledSelect.qtybtn svg line, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn svg line, .shopify-email-marketing-confirmation__container a.qtybtn svg line, .btn.qtybtn svg line { backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } a.ajaxified-cart.qtybtn:hover:not([disabled]) svg line, input[type="button"].qtybtn:hover:not([disabled]) svg line, input[type="email"].qtybtn:hover:not([disabled]) svg line, input[type="number"].qtybtn:hover:not([disabled]) svg line, input[type="tel"].qtybtn:hover:not([disabled]) svg line, input[type="password"].qtybtn:hover:not([disabled]) svg line, input[type="reset"].qtybtn:hover:not([disabled]) svg line, input[type="search"].qtybtn:hover:not([disabled]) svg line, input[type="text"].qtybtn:hover:not([disabled]) svg line, input[type="date"].qtybtn:hover:not([disabled]) svg line, select.qtybtn:hover:not([disabled]) svg line, textarea.qtybtn:hover:not([disabled]) svg line, .styledSelect.qtybtn:hover:not([disabled]) svg line, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn:hover:not([disabled]) svg line, .shopify-email-marketing-confirmation__container a.qtybtn:hover:not([disabled]) svg line, .btn.qtybtn:hover:not([disabled]) svg line { stroke: var(--hover_accent_color); } a.ajaxified-cart.add-to-cart, a.ajaxified-cart.shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="button"].add-to-cart, input[type="button"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="email"].add-to-cart, input[type="email"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="number"].add-to-cart, input[type="number"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="tel"].add-to-cart, input[type="tel"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="password"].add-to-cart, input[type="password"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="reset"].add-to-cart, input[type="reset"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="search"].add-to-cart, input[type="search"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="text"].add-to-cart, input[type="text"].shopify-payment-button__button.shopify-payment-button__button--unbranded, input[type="date"].add-to-cart, input[type="date"].shopify-payment-button__button.shopify-payment-button__button--unbranded, select.add-to-cart, select.shopify-payment-button__button.shopify-payment-button__button--unbranded, textarea.add-to-cart, textarea.shopify-payment-button__button.shopify-payment-button__button--unbranded, .styledSelect.add-to-cart, .styledSelect.shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--unbranded.add-to-cart, .shopify-payment-button__button.shopify-payment-button__button--unbranded.shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a.add-to-cart, .shopify-email-marketing-confirmation__container a.shopify-payment-button__button.shopify-payment-button__button--unbranded, .btn.add-to-cart, .btn.shopify-payment-button__button.shopify-payment-button__button--unbranded { min-height: 44px; } a.ajaxified-cart.modelthreed, input[type="button"].modelthreed, input[type="email"].modelthreed, input[type="number"].modelthreed, input[type="tel"].modelthreed, input[type="password"].modelthreed, input[type="reset"].modelthreed, input[type="search"].modelthreed, input[type="text"].modelthreed, input[type="date"].modelthreed, select.modelthreed, textarea.modelthreed, .styledSelect.modelthreed, .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed, .shopify-email-marketing-confirmation__container a.modelthreed, .btn.modelthreed { background: var(--headline_font_color_08); border-color: var(--headline_font_color_00); color: var(--headline_font_color); } a.ajaxified-cart.modelthreed[data-shopify-xr-hidden], input[type="button"].modelthreed[data-shopify-xr-hidden], input[type="email"].modelthreed[data-shopify-xr-hidden], input[type="number"].modelthreed[data-shopify-xr-hidden], input[type="tel"].modelthreed[data-shopify-xr-hidden], input[type="password"].modelthreed[data-shopify-xr-hidden], input[type="reset"].modelthreed[data-shopify-xr-hidden], input[type="search"].modelthreed[data-shopify-xr-hidden], input[type="text"].modelthreed[data-shopify-xr-hidden], input[type="date"].modelthreed[data-shopify-xr-hidden], select.modelthreed[data-shopify-xr-hidden], textarea.modelthreed[data-shopify-xr-hidden], .styledSelect.modelthreed[data-shopify-xr-hidden], .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed[data-shopify-xr-hidden], .shopify-email-marketing-confirmation__container a.modelthreed[data-shopify-xr-hidden], .btn.modelthreed[data-shopify-xr-hidden] { display: none; } a.ajaxified-cart.modelthreed:hover:not([disabled]), a.ajaxified-cart.modelthreed:focus:not([disabled]), input[type="button"].modelthreed:hover:not([disabled]), input[type="button"].modelthreed:focus:not([disabled]), input[type="email"].modelthreed:hover:not([disabled]), input[type="email"].modelthreed:focus:not([disabled]), input[type="number"].modelthreed:hover:not([disabled]), input[type="number"].modelthreed:focus:not([disabled]), input[type="tel"].modelthreed:hover:not([disabled]), input[type="tel"].modelthreed:focus:not([disabled]), input[type="password"].modelthreed:hover:not([disabled]), input[type="password"].modelthreed:focus:not([disabled]), input[type="reset"].modelthreed:hover:not([disabled]), input[type="reset"].modelthreed:focus:not([disabled]), input[type="search"].modelthreed:hover:not([disabled]), input[type="search"].modelthreed:focus:not([disabled]), input[type="text"].modelthreed:hover:not([disabled]), input[type="text"].modelthreed:focus:not([disabled]), input[type="date"].modelthreed:hover:not([disabled]), input[type="date"].modelthreed:focus:not([disabled]), select.modelthreed:hover:not([disabled]), select.modelthreed:focus:not([disabled]), textarea.modelthreed:hover:not([disabled]), textarea.modelthreed:focus:not([disabled]), .styledSelect.modelthreed:hover:not([disabled]), .styledSelect.modelthreed:focus:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:focus:not([disabled]), .shopify-email-marketing-confirmation__container a.modelthreed:hover:not([disabled]), .shopify-email-marketing-confirmation__container a.modelthreed:focus:not([disabled]), .btn.modelthreed:hover:not([disabled]), .btn.modelthreed:focus:not([disabled]) { background: var(--headline_font_color); border-color: var(--headline_font_color); color: var(--white); } a.ajaxified-cart.modelthreed:hover:not([disabled]) svg, a.ajaxified-cart.modelthreed:focus:not([disabled]) svg, input[type="button"].modelthreed:hover:not([disabled]) svg, input[type="button"].modelthreed:focus:not([disabled]) svg, input[type="email"].modelthreed:hover:not([disabled]) svg, input[type="email"].modelthreed:focus:not([disabled]) svg, input[type="number"].modelthreed:hover:not([disabled]) svg, input[type="number"].modelthreed:focus:not([disabled]) svg, input[type="tel"].modelthreed:hover:not([disabled]) svg, input[type="tel"].modelthreed:focus:not([disabled]) svg, input[type="password"].modelthreed:hover:not([disabled]) svg, input[type="password"].modelthreed:focus:not([disabled]) svg, input[type="reset"].modelthreed:hover:not([disabled]) svg, input[type="reset"].modelthreed:focus:not([disabled]) svg, input[type="search"].modelthreed:hover:not([disabled]) svg, input[type="search"].modelthreed:focus:not([disabled]) svg, input[type="text"].modelthreed:hover:not([disabled]) svg, input[type="text"].modelthreed:focus:not([disabled]) svg, input[type="date"].modelthreed:hover:not([disabled]) svg, input[type="date"].modelthreed:focus:not([disabled]) svg, select.modelthreed:hover:not([disabled]) svg, select.modelthreed:focus:not([disabled]) svg, textarea.modelthreed:hover:not([disabled]) svg, textarea.modelthreed:focus:not([disabled]) svg, .styledSelect.modelthreed:hover:not([disabled]) svg, .styledSelect.modelthreed:focus:not([disabled]) svg, .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:hover:not([disabled]) svg, .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:focus:not([disabled]) svg, .shopify-email-marketing-confirmation__container a.modelthreed:hover:not([disabled]) svg, .shopify-email-marketing-confirmation__container a.modelthreed:focus:not([disabled]) svg, .btn.modelthreed:hover:not([disabled]) svg, .btn.modelthreed:focus:not([disabled]) svg { fill: var(--white); } a.ajaxified-cart::placeholder, input[type="button"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="password"]::placeholder, input[type="reset"]::placeholder, input[type="search"]::placeholder, input[type="text"]::placeholder, input[type="date"]::placeholder, select::placeholder, textarea::placeholder, .styledSelect::placeholder, .shopify-payment-button__button.shopify-payment-button__button--unbranded::placeholder, .shopify-email-marketing-confirmation__container a::placeholder, .btn::placeholder { color: inherit; opacity: 0.75; font-size: var(--x_small); } a.ajaxified-cart::-ms-input-placeholder, input[type="button"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="reset"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder, .styledSelect::-ms-input-placeholder, .shopify-payment-button__button.shopify-payment-button__button--unbranded::-ms-input-placeholder, .shopify-email-marketing-confirmation__container a::-ms-input-placeholder, .btn::-ms-input-placeholder { color: inherit; opacity: 0.75; font-size: var(--x_small); } a.ajaxified-cart::-webkit-input-placeholder, input[type="button"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="reset"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .styledSelect::-webkit-input-placeholder, .shopify-payment-button__button.shopify-payment-button__button--unbranded::-webkit-input-placeholder, .shopify-email-marketing-confirmation__container a::-webkit-input-placeholder, .btn::-webkit-input-placeholder { color: inherit; opacity: 0.75; font-size: var(--x_small); } input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="reset"], input[type="search"], input[type="text"], input[type="date"] { height: 40px; font-size: 16px; } input[type="number"] { padding: 0; text-align: center; -moz-appearance: textfield; } input[type="number"].text-left { padding: calc(var(--master_spacing) / 2) var(--xx_small); text-align: left; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } textarea { font-size: 16px; padding: var(--xx_small); } textarea#contactFormMessage { height: 216px; } span.btn:hover:not(.disabled), span.btn:focus:not(.disabled) { cursor: pointer; } span.btn.disabled:hover, span.btn.disabled:focus { cursor: not-allowed; } .btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a, input[type="button"] { background: var(--button_primary_background); border: var(--button_border) solid var(--button_primary_border); border-radius: var(--button_corner); color: var(--button_primary_text); cursor: pointer; display: inline-block; max-width: 220px; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; width: 100%; } .btn:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .shopify-email-marketing-confirmation__container a:hover, input[type="button"]:hover { outline: 0; } .btn:hover:not([disabled]), .btn:focus:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus:not([disabled]), .shopify-email-marketing-confirmation__container a:hover:not([disabled]), .shopify-email-marketing-confirmation__container a:focus:not([disabled]), input[type="button"]:hover:not([disabled]), input[type="button"]:focus:not([disabled]) { background: none; color: var(--button_primary_background); text-decoration: none; } .btn.outline, .shopify-payment-button__button.shopify-payment-button__button--unbranded.outline, .shopify-email-marketing-confirmation__container a.outline, input[type="button"].outline { background: none; border-color: var(--button_secondary_border); color: var(--button_secondary_text); } .btn.outline:hover:not([disabled]), .btn.outline:focus:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.outline:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.outline:focus:not([disabled]), .shopify-email-marketing-confirmation__container a.outline:hover:not([disabled]), .shopify-email-marketing-confirmation__container a.outline:focus:not([disabled]), input[type="button"].outline:hover:not([disabled]), input[type="button"].outline:focus:not([disabled]) { background: var(--button_secondary_text); border-color: var(--button_secondary_border); color: var(--button_secondary_hover); } .btn.auto-width, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-width, .shopify-email-marketing-confirmation__container a.auto-width, input[type="button"].auto-width { width: auto; } .auto-full-width .btn, .btn.auto-full-width, .purchase-section .btn, .auto-full-width .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-full-width, .purchase-section .shopify-payment-button__button.shopify-payment-button__button--unbranded, .auto-full-width .shopify-email-marketing-confirmation__container a, .shopify-email-marketing-confirmation__container a.auto-full-width, .purchase-section .shopify-email-marketing-confirmation__container a, .auto-full-width input[type="button"], input[type="button"].auto-full-width, .purchase-section input[type="button"] { max-width: none; width: 100%; } .auto-full-width .btn.auto-width, .btn.auto-full-width.auto-width, .purchase-section .btn.auto-width, .auto-full-width .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-width, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-full-width.auto-width, .purchase-section .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-width, .auto-full-width .shopify-email-marketing-confirmation__container a.auto-width, .shopify-email-marketing-confirmation__container a.auto-full-width.auto-width, .purchase-section .shopify-email-marketing-confirmation__container a.auto-width, .auto-full-width input[type="button"].auto-width, input[type="button"].auto-full-width.auto-width, .purchase-section input[type="button"].auto-width { width: auto; } .auto-full-width .btn.standard-width, .btn.auto-full-width.standard-width, .purchase-section .btn.standard-width, .auto-full-width .shopify-payment-button__button.shopify-payment-button__button--unbranded.standard-width, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-full-width.standard-width, .purchase-section .shopify-payment-button__button.shopify-payment-button__button--unbranded.standard-width, .auto-full-width .shopify-email-marketing-confirmation__container a.standard-width, .shopify-email-marketing-confirmation__container a.auto-full-width.standard-width, .purchase-section .shopify-email-marketing-confirmation__container a.standard-width, .auto-full-width input[type="button"].standard-width, input[type="button"].auto-full-width.standard-width, .purchase-section input[type="button"].standard-width { max-width: 220px; width: 100%; } .btn.cart-link, .shopify-payment-button__button.shopify-payment-button__button--unbranded.cart-link, .shopify-email-marketing-confirmation__container a.cart-link, input[type="button"].cart-link { background: none; color: var(--body_font_color); display: inline-block; margin-right: calc(-1 * var(--small)); padding: calc(var(--small) / 2) var(--small); vertical-align: middle; } .btn.cart-link:hover, .btn.cart-link:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded.cart-link:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded.cart-link:focus, .shopify-email-marketing-confirmation__container a.cart-link:hover, .shopify-email-marketing-confirmation__container a.cart-link:focus, input[type="button"].cart-link:hover, input[type="button"].cart-link:focus { text-decoration: underline; } .btn.remove, .shopify-payment-button__button.shopify-payment-button__button--unbranded.remove, .shopify-email-marketing-confirmation__container a.remove, input[type="button"].remove { background: var(--error_color); font-size: var(--x_small); line-height: var(--x_small); padding: calc(var(--x_small) / 3) calc(var(--x_small) / 2); } .btn.additional, .shopify-payment-button__button.shopify-payment-button__button--unbranded.additional, .shopify-email-marketing-confirmation__container a.additional, input[type="button"].additional { border-width: 2px; font-size: var(--x_small); } .btn.additional span, .shopify-payment-button__button.shopify-payment-button__button--unbranded.additional span, .shopify-email-marketing-confirmation__container a.additional span, input[type="button"].additional span { font-weight: var(--body_font_weight_bold); } .btn.additional span:after, .shopify-payment-button__button.shopify-payment-button__button--unbranded.additional span:after, .shopify-email-marketing-confirmation__container a.additional span:after, input[type="button"].additional span:after { padding: 0 4px; content: '\2022'; } @media only screen and (max-width: 600px) { .btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a, input[type="button"] { min-width: auto; } } .additional-checkout-buttons.hidden { pointer-events: none; } .shopify-payment-button__button--hidden, .shopify-payment-button__button[disabled] { backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } .shopify-payment-button__button--hidden { display: none !important; } .no-select, .styledSelect { border-color: var(--line_color); } select, .styledSelect { color: var(--body_font_color); display: block; overflow: hidden; padding-right: calc(var(--xx_small) * 3.5); text-indent: 0.01px; text-overflow: ellipsis; white-space: nowrap; } .select select, .select .styledSelect { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select option, .styledSelect option { color: var(--body_font_color); } select option.disabled, .styledSelect option.disabled { color: var(--body_font_color_50); } select option.disabled:hover, .styledSelect option.disabled:hover { cursor: not-allowed; } select:hover, select:focus, .styledSelect:hover, .styledSelect:focus { cursor: pointer; text-decoration: none; } select.sortBy, .styledSelect.sortBy { width: 100%; } select::-ms-expand, .styledSelect::-ms-expand { display: none; } .rtl select, .rtl .styledSelect { padding-left: calc(var(--xx_small) * 3.5); padding-right: var(--xx_small); } .new-select { display: block; position: relative; scrollbar-color: var(--line_color) var(--background); scrollbar-width: thin; } .new-select ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .new-select ::-webkit-scrollbar-thumb { border: 2px solid var(--background); background-color: var(--line_color); } .new-select ::-webkit-scrollbar-track { background: var(--background); } .table-scroll { scrollbar-color: var(--line_color) var(--background); scrollbar-width: thin; } .table-scroll ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .table-scroll ::-webkit-scrollbar-thumb { border: 2px solid var(--background); background-color: var(--line_color); } .table-scroll ::-webkit-scrollbar-track { background: var(--background); } .table-scroll .table-container { margin: 0 0 var(--master_spacing); overflow-x: auto; padding-left: 1px; } .table-scroll .table-container table { margin: 0; } .options { background: var(--background); border: 1px solid var(--line_color); border-top: none; box-sizing: border-box; left: 0; line-height: 1em; list-style: none; max-height: 250px; overflow-y: auto; padding: 0 0; position: absolute; right: 0; text-align: left; top: calc(100% - 1px); z-index: 999; } @-moz-document url-prefix() { .options { overflow-y: auto; } } input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid var(--line_color_darken_10); box-sizing: border-box; cursor: pointer; height: 1.125em; margin-right: calc(var(--master_spacing) / 4); min-width: 1.125em; position: relative; width: 1.125em; } .rtl input[type="checkbox"], .rtl input[type="radio"] { margin-left: calc(var(--master_spacing) / 4); margin-right: 0; } input[type="checkbox"]:before, input[type="radio"]:before { content: ''; left: 50%; height: 1.125em; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 1.125em; } input[type="checkbox"]:hover:before, input[type="checkbox"]:focus:before, input[type="radio"]:hover:before, input[type="radio"]:focus:before { cursor: pointer; } input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { content: var(--check); } input[type="radio"] { border-radius: 100%; } .select, .selector-wrapper { display: block; position: relative; } .select.hidden, .selector-wrapper.hidden { display: none; } .select .icon, .selector-wrapper .icon { bottom: 0; color: var(--line_color); content: var(--arrow_down); height: 14px; pointer-events: none; position: absolute; right: 0; text-align: left; top: 50%; transform: translate(0, -50%); width: calc(var(--xx_small) * 2.5); z-index: 1; } .rtl .select .icon, .rtl .selector-wrapper .icon { left: 0; right: unset; text-align: right; } .select.disabled, .selector-wrapper.disabled { opacity: 0.75; } .tag-select.disabled .select:after, .select.disabled:after, .select.disabled .styledSelect:after, .tag-select.disabled .selector-wrapper:after, .selector-wrapper.disabled:after, .selector-wrapper.disabled .styledSelect:after { bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 9; } .tag-select.disabled .select:after:hover, .tag-select.disabled .select:after:focus, .select.disabled:after:hover, .select.disabled:after:focus, .select.disabled .styledSelect:after:hover, .select.disabled .styledSelect:after:focus, .tag-select.disabled .selector-wrapper:after:hover, .tag-select.disabled .selector-wrapper:after:focus, .selector-wrapper.disabled:after:hover, .selector-wrapper.disabled:after:focus, .selector-wrapper.disabled .styledSelect:after:hover, .selector-wrapper.disabled .styledSelect:after:focus { cursor: not-allowed; } .tag-select.disabled .select:hover, .tag-select.disabled .select:focus, .select.disabled:hover, .select.disabled:focus, .select.disabled .styledSelect:hover, .select.disabled .styledSelect:focus, .tag-select.disabled .selector-wrapper:hover, .tag-select.disabled .selector-wrapper:focus, .selector-wrapper.disabled:hover, .selector-wrapper.disabled:focus, .selector-wrapper.disabled .styledSelect:hover, .selector-wrapper.disabled .styledSelect:focus { cursor: not-allowed; } .select details, .selector-wrapper details { transition: background-color 0.125s linear 0.25s; } .filter .select details, .filter .selector-wrapper details { background: var(--background_85); } .select select:focus-within, .select details[open], .selector-wrapper select:focus-within, .selector-wrapper details[open] { transition: background-color 0.125s linear 0s; background: var(--background); } .select select:focus-within ~ .icon svg, .select details[open] ~ .icon svg, .selector-wrapper select:focus-within ~ .icon svg, .selector-wrapper details[open] ~ .icon svg { transform: rotate(180deg); } .selector-wrapper, .swatch { margin: var(--master_spacing) auto var(--master_spacing); } .banner .product-template .selector-wrapper, .banner .product-template .swatch { margin-top: 0; text-align: left; } @media only screen and (max-width: 600px) { .banner .product-template .selector-wrapper, .banner .product-template .swatch { margin: var(--master_spacing) auto var(--master_spacing); padding: 0; text-align: center; } } .selector-wrapper label:not(.swatch-label), .selector-wrapper legend, .swatch label:not(.swatch-label), .swatch legend { align-items: baseline; box-sizing: border-box; display: flex; font-size: var(--x_small); font-weight: var(--body_font_weight_medium); line-height: var(--master_spacing); margin: 0; overflow: hidden; position: absolute; text-overflow: ellipsis; top: calc(var(--master_spacing) / 4 * -1); transform: translate(0, -100%); white-space: nowrap; width: 100%; z-index: 9; } .selector-wrapper label:not(.swatch-label) span, .selector-wrapper legend span, .swatch label:not(.swatch-label) span, .swatch legend span { font-weight: var(--body_font_weight_bold); overflow: hidden; text-overflow: ellipsis; } .selector-wrapper label:not(.swatch-label) button, .selector-wrapper legend button, .swatch label:not(.swatch-label) button, .swatch legend button { background: none; border: 1px solid var(--accent_color); border-radius: 100%; color: var(--accent_color); display: table; font-family: serif; font-size: var(--xx_small); font-weight: var(--body_font_weight_bold); height: var(--x_small); line-height: var(--xx_small); margin: 2px 0 2px 4px; opacity: 0.50; padding: 1px; width: var(--x_small); text-decoration: none; text-align: center; } .selector-wrapper label:not(.swatch-label) button:hover, .selector-wrapper legend button:hover, .swatch label:not(.swatch-label) button:hover, .swatch legend button:hover { background: var(--accent_color); color: var(--white); cursor: pointer; opacity: 1; } .text-center .selector-wrapper label:not(.swatch-label), .text-center .selector-wrapper legend, .text-center .swatch label:not(.swatch-label), .text-center .swatch legend { justify-content: center; } .text-center.skip .selector-wrapper label:not(.swatch-label), .text-center.skip .selector-wrapper legend, .text-center.skip .swatch label:not(.swatch-label), .text-center.skip .swatch legend { justify-content: start; } @media only screen and (max-width: 600px) { .text-center.skip .selector-wrapper label:not(.swatch-label), .text-center.skip .selector-wrapper legend, .text-center.skip .swatch label:not(.swatch-label), .text-center.skip .swatch legend { justify-content: center; } } .selector-wrapper svg, .swatch svg { backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } .selector-wrapper { -webkit-box-shadow: inset 0px 0px 0px 1px var(--line_color); -moz-box-shadow: inset 0px 0px 0px 1px var(--line_color); box-shadow: inset 0px 0px 0px 1px var(--line_color); box-sizing: border-box; float: left; width: 100%; position: relative; } .selector-wrapper.skip { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .selector-wrapper .select { background: var(--background); display: block; position: relative; } .purchase-section.two-column { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: var(--master_spacing); grid-row-gap: var(--master_spacing); } @media only screen and (max-width: 600px) { .purchase-section.two-column { grid-template-columns: 1fr; grid-template-rows: auto; } } .stars-rating, .stars, .stars-count { color: var(--body_font_color); display: inline-block; font-family: sans-serif; font-size: var(--xx_small); line-height: 1; vertical-align: middle; } .search-results .stars-rating, #cart-dropdown .stars-rating, .cart-table .stars-rating, .search-results .stars, #cart-dropdown .stars, .cart-table .stars, .search-results .stars-count, #cart-dropdown .stars-count, .cart-table .stars-count { font-size: 10px; } .stars { font-family: Times; font-size: calc(var(--stars) * 1.5px); } .stars::before { content: '★★★★★'; letter-spacing: calc(var(--star_spacing) * 1px); background: linear-gradient(90deg, var(--rating_color) var(--percent), var(--rating_background_color) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .search-results .stars, #cart-dropdown .stars, .cart-table .stars { font-size: calc(var(--stars) * 1px); } @media only screen and (max-width: 600px) { .stars { font-size: calc(var(--stars) * 1.25px); } } .swatch { display: block; font-size: 0; line-height: 0; margin: calc(var(--master_spacing) * 1.5) auto calc(var(--master_spacing) / 2); position: relative; } .product-loop .swatch { margin: 0 -4px 8px; } .swatch.selectors.grid { overflow: hidden; max-height: 34px; transition: max-height 0.5s ease-out 0s; position: relative; z-index: 9; } .swatch.selectors.grid.var_hover, .swatch.selectors.grid:hover { max-height: 100rem; overflow: visible; transition: max-height 0.75s ease-in 0s; } .banner .swatch { margin: 0 -4px var(--master_spacing); } .banner .swatch label:not(.swatch-label) { padding: 0 4px; } .swatch.hidden { display: none; } .swatch .swatch-element, .swatch .swatch-element-text { display: inline-block; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; margin: 0 4px calc(var(--master_spacing) / 2); position: relative; } .swatch .swatch-element.hidden, .swatch .swatch-element-text.hidden { display: none; } .swatch .swatch-element.rounded .label, .swatch .swatch-element-text.rounded .label { border-radius: calc(var(--swatches) / 3 * 2); } .swatch .swatch-element.rounded .label:after, .swatch .swatch-element-text.rounded .label:after { border-radius: calc(var(--swatches) / 3 * 2); border-width: 3px; height: calc(100% - 4px); left: -1px; top: -1px; width: calc(100% - 4px); } .text-left .swatch .swatch-element, .text-left .swatch .swatch-element-text { margin: 0 8px 8px 0; } .rtl .text-left .swatch .swatch-element, .rtl .text-left .swatch .swatch-element-text { margin: 0 0 8px 8px; } .swatch .swatch-element:hover, .swatch .swatch-element-text:hover { cursor: pointer; } .swatch .swatch-element.var_hover, .swatch .swatch-element-text.var_hover { z-index: 9; } .product-loop .swatch .swatch-element, .product-loop .swatch .swatch-element-text { border: 3px solid var(--background); margin: 0; padding: 0; } .swatch .swatch-element.color .label, .swatch .swatch-element-text.color .label { border-color: var(--line_color); } .swatch .swatch-element.color .label.active .label, .swatch .swatch-element-text.color .label.active .label { border-color: var(--body_font_color); } .swatch .swatch-element.var_hover .label, .swatch .swatch-element.active .label, .swatch .swatch-element-text.var_hover .label, .swatch .swatch-element-text.active .label { border-color: var(--body_font_color); } .swatch .swatch-element.var_hover .label.with-image, .swatch .swatch-element.active .label.with-image, .swatch .swatch-element-text.var_hover .label.with-image, .swatch .swatch-element-text.active .label.with-image { border: 1px solid var(--body_font_color); } .swatch .swatch-element input, .swatch .swatch-element-text input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; } .swatch .swatch-element input.grid, .swatch .swatch-element-text input.grid { width: calc(var(--swatches) - 10px); } .swatch .swatch-element input:hover, .swatch .swatch-element-text input:hover { cursor: pointer; } .swatch .swatch-element input:before, .swatch .swatch-element-text input:before { background: none; border: none; content: ' '; height: 100%; top: 0; width: 100%; } .swatch .swatch-element .label, .swatch .swatch-element-text .label { border: 1px solid var(--line_color); box-sizing: border-box; color: var(--body_font_color); float: left; height: var(--swatches); line-height: var(--swatches); margin: 0; min-width: var(--swatches); overflow: hidden; padding: 0 10px; text-align: center; backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; white-space: nowrap; } .swatch .swatch-element .label.with-image, .swatch .swatch-element-text .label.with-image { border: none; } .swatch .swatch-element .label:hover, .swatch .swatch-element-text .label:hover { cursor: pointer; } .swatch .swatch-element .label:after, .swatch .swatch-element-text .label:after { content: ''; position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); left: 0; border: 1px solid var(--background); top: 0; } .product-loop .swatch .swatch-element .label, .product-loop .swatch .swatch-element-text .label { font-size: var(--xx_small); height: calc(var(--swatches) - 10px); line-height: calc(var(--swatches) - 10px); min-width: calc(var(--swatches) - 10px); } .swatch .swatch-element .label.nopad, .swatch .swatch-element-text .label.nopad { padding: 0; } .swatch .swatch-element label.error, .swatch .swatch-element-text label.error { background: var(--background); bottom: var(--swatches); border: 1px solid var(--body_font_color); color: var(--body_font_color); right: 50%; transform: translate(50%, 0); z-index: 9; } .swatch .swatch-element label.error:after, .swatch .swatch-element-text label.error:after { border-color: transparent; border-top-color: var(--background); border-width: 6px; } .swatch .swatch-element label.error:before, .swatch .swatch-element-text label.error:before { border-color: transparent; border-top-color: var(--body_font_color); border-width: 7px; } .product-loop .swatch .swatch-element label.error, .product-loop .swatch .swatch-element-text label.error { bottom: calc(var(--swatches) - 10px); } .swatch .swatch-element.var_hover label.error_color, .swatch .swatch-element-text.var_hover label.error_color { clip: unset; clip-path: unset; height: auto; overflow: visible; width: auto; } .swatch .swatch-element .icon, .swatch .swatch-element-text .icon { display: none; } .swatch .swatch-element.soldout, .swatch .swatch-element-text.soldout { border-color: var(--error_color); } .swatch .swatch-element.soldout .label, .swatch .swatch-element-text.soldout .label { opacity: 0.50; background: var(--error_color); color: var(--white); } .swatch .swatch-element.soldout .label:hover, .swatch .swatch-element-text.soldout .label:hover { border-color: var(--line_color); cursor: not-allowed; } .swatch .swatch-element.soldout .label.color .icon, .swatch .swatch-element-text.soldout .label.color .icon { box-sizing: border-box; display: block; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 9; } .swatch .swatch-element.soldout .label.color .icon svg path, .swatch .swatch-element-text.soldout .label.color .icon svg path { stroke: var(--background); } .swatch a:focus-visible span { z-index: -1; } .swatch .rounded a:focus-visible { border-radius: calc(var(--swatches) / 3* 2); } @media only screen and (max-width: 600px) { .banner .swatch { margin: calc(var(--master_spacing) / 2) auto var(--master_spacing); } .banner .swatch label:not(.swatch-label) { justify-content: center; } } span.form { display: block; margin-bottom: var(--master_spacing); position: relative; } .sub-footer span.form { float: left; width: 100%; } span.form.nopad { margin-bottom: 0; } span.form.halfpad { margin-bottom: calc(var(--master_spacing) / 2); } span.form.auto-width { margin-right: var(--master_spacing); width: auto; } .center span.form.auto-width { margin-left: calc(var(--master_spacing) / 2); margin-right: calc(var(--master_spacing) / 2); } @media only screen and (max-width: 600px) { #localization_form-footer span.form.auto-width { margin: 0 var(--master_spacing) var(--master_spacing) 0; } } span.form.radiobox { align-items: center; display: flex; flex-wrap: wrap; font-size: var(--x_small); line-height: calc(var(--x_small) * 1.25); } span.form.radiobox.center, .center span.form.radiobox { justify-content: center; } span.form.radiobox.center.ignore, .center span.form.radiobox.ignore { justify-content: left; } span.form.radiobox.center.ignore span, .center span.form.radiobox.ignore span { justify-content: left; } span.form.radiobox span { align-items: center; display: flex; flex: 0 0 100%; padding: calc(var(--master_spacing) / 5); } span.form.radiobox span label { color: var(--body_font_color); font-size: var(--x_small); margin: 0; } .center span.form.radiobox span { justify-content: center; } span.form.radiobox span.cart { display: block; flex: auto; padding: 0; } span.form.quantity { align-items: center; background: none; display: inline-flex; max-height: 40px; width: auto; } span.form.quantity label.error { right: 50%; transform: translate(50%, 0); } .cart-details span.form.quantity { margin: 0; } .label, label, legend { color: var(--headline_font_color); display: block; font-size: var(--x_small); margin: 0 0 calc(var(--xx_small) / 3); overflow-wrap: normal; word-break: normal; position: relative; } .separator { padding: 0 calc(var(--base) / 2); } .separator:before { border-left: 1px solid var(--line_color_darken_10); content: '\00a0'; display: inline-block; width: 0; } .shipping_msg .icon-grid { background: var(--shipping_background); border: var(--shipping_border_px) solid var(--shipping_border); grid-column-gap: 10px; padding: calc(var(--master_spacing) / 2); } #cart-table .shipping_msg .icon-grid.horizontal { grid-column-gap: 20px; } .shipping_msg .icon-grid.text-center { grid-row-gap: 0; } .shipping_msg p, .shipping_msg a { color: var(--shipping_text); font-size: var(--x_small); padding: 0; } #cart-table .shipping_msg p, #cart-table .shipping_msg a { font-size: var(--small); } /* ===== styles.header.css ===== */ /* CSS Document */ @keyframes loader-rotate { 100% { transform: rotate(360deg); } } @keyframes hide-scroll { from, to { overflow: hidden; } } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes appear-down { 0% { opacity: 0; margin-top: -1rem; } 100% { opacity: 1; margin-top: 0; } } @keyframes appear-down { 0% { opacity: 0; margin-top: -1rem; } 100% { opacity: 1; margin-top: 0; } } @-webkit-keyframes slideup { 0% { opacity: 0; -webkit-transform: translateY(60px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @keyframes slideup { 0% { opacity: 0; -webkit-transform: translateY(60px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } #ajaxBusy { background: var(--background_85); display: none; content: ''; height: 100%; margin: 0px; padding: 0px; position: fixed; right: 0; top: 0; width: 100%; z-index: 999999; } .modal-active #ajaxBusy .loader, .modal-active-pw #ajaxBusy .loader { display: none; } .modal-active #ajaxBusy .loader.currency-active, .modal-active-pw #ajaxBusy .loader.currency-active { display: block; } .open-container .open { display: inline-flex; align-items: center; } .open-container .open:hover, .open-container .open:focus { cursor: pointer; } .open-container .open.open-btn .icon { height: 18px; margin: 0; min-height: 18px; min-width: 18px; padding: 0; position: relative; text-align: center; width: 18px; } .open-container .open.open-btn.faq .icon { margin-right: 10px; } .rtl .open-container .open.open-btn.faq .icon { margin-left: 10px; margin-right: 0; } .open-container details[open] + .open-slide > *:first-child { animation: hide-scroll 0.5s backwards; max-height: 99999999999999999999px; overflow-y: auto; transform: translate(0, 0); } .open-container details[open] + .open-slide > *:first-child.swatch { margin: 0; } .open-container details[open] + .open-slide > *:first-child.swatch:hover { overflow: visible; } .open-container details[open] + .open-slide > *:first-child.options { max-height: 250px; } .open-container details[open] + .open-slide > *:first-child.options li { color: var(--body_font_color); visibility: visible; } .open-container.search details[open] + .open-slide, .open-container.collection-template-filters details[open] + .open-slide { overflow: visible; } .open-container.search details[open] + .open-slide > *:first-child, .open-container.collection-template-filters details[open] + .open-slide > *:first-child { overflow: visible; } .open-container details + .open-slide > *:first-child { overflow: hidden; transform: translate(0); } .desktop-only:not(.loading) .open-container details + .open-slide > *:first-child, .mobile-only:not(.loading) .open-container details + .open-slide > *:first-child { transition: margin-top 0.25s ease 0s,max-height 0.25s ease 0s,transform 0.25s ease 0s,visibility 0.25s ease 0s, z-index 0.25s ease 0s; } @media only screen and (min-width: 601px) { .desktop-only:not(.loading) .open-container details + .open-slide > *:first-child.collection-filters, .mobile-only:not(.loading) .open-container details + .open-slide > *:first-child.collection-filters { animation: none; overflow: unset; transform: none; transition: none; overflow: visible; } } .loading .open-container details + .open-slide > *:first-child.collection-filters { animation: none; overflow: unset; transform: none; transition: none; overflow: visible; } .open-container details:not([open]) + .open-slide > *:first-child, .open-container details:not([open]) + .open-slide > details[open] + .open-slide { margin-top: calc(-100% + -100vh); transform: translate(0, -100%); } .open-container details:not([open]) + .open-slide > *:first-child:not(predictive-search), .open-container details:not([open]) + .open-slide > details[open] + .open-slide:not(predictive-search) { max-height: 0; visibility: hidden; } .open-container details:not([open]) + .open-slide > .options { margin-top: 0; max-height: 0; transform: translate(0, 0); z-index: 9; } .open-container .open-slide { display: flow-root; overflow: hidden; overflow: clip; width: 100%; } .open-container .open-slide.open-slide-filter { display: flex; flex-flow: column nowrap; } .open-container .open-slide.open-slide-filter ul { order: 1; } .open-container .open-slide.open-slide-filter details { order: 3; } .open-container .open-slide.open-slide-filter .open-slide { order: 2; } .open-container .open-slide.swatch { margin: 0; z-index: 9; } .open-container .open-slide.swatch:hover { overflow: visible; } @media only screen and (min-width: 601px) { .open-container .open-slide.collection-template-filters { display: block; overflow: visible; } } .open-container .open-slide .open-slide-footer { border-bottom: none; border-top: 1px solid var(--line_color); bottom: calc(100% - 1px); top: unset; z-index: 9; } .open-container.search details { height: 100%; } .open-container.search details:before { background-color: var(--background_85); content: ''; height: 100%; position: fixed; right: 0; top: -100%; transition: top 0.25s ease; width: 100%; z-index: 99999; } .open-container.search details[open]:before { top: 0; } .open-container.search details[open] summary .modal-close.hidden { background: none; border: none; display: block; } .open-container.search details[open] summary .modal-close.hidden svg path { stroke: var(--error_color); } .open-container.search details summary .icon { height: 100%; display: flex; align-items: center; } .open-container details[open] .icon:not(.skip) svg { transform: rotate(180deg); } .open-container details[open] .icon:not(.skip).icon-search svg { transform: rotate(90deg); } .open-container details[open] .open-slide.options { animation: appear-down 0.5s ease; } .open-container details[open] .open-slide.options.open-slide-bullets { animation: none; } @media only screen and (max-width: 600px) { .open-container details[open] .open-slide.options.open-slide-bullets { animation: appear-down 0.5s ease; } } .open-container details[open] .plus { stroke-width: 0px; } .icon { display: inline-block; line-height: 0; position: relative; vertical-align: top; } .icon svg { transition: background .25s ease 0s,border-color .25s ease 0s,color .25s ease 0s,opacity .25s ease 0s,transform .25s ease 0s; } .icon:not(.ignore):before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .icon.hidden { display: none; } .icon.hiwt { padding: 2px 0; backface-visibility: hidden; transition: background 0.125s ease 0s, border-color 0.125s ease 0s, color 0.125s ease 0s, height 0.125s ease 0s, opacity 0.125s ease 0s; } a:hover .icon.hiwt { padding: 0 0 4px; } .icon.view { line-height: var(--small); vertical-align: middle; } .icon-text .icon { padding-right: calc(var(--master_spacing) / 2); vertical-align: middle; } .icon-text .icon.no-pad { padding-right: 0; } body.rtl .icon-text .icon { padding-left: calc(var(--master_spacing) / 2); padding-right: 0; } .icon.thumbnail { background: var(--white); border: 1px solid var(--headline_font_color_05); height: 26px; position: absolute; right: 2px; top: 2px; width: 26px; } .icon.thumbnail svg { fill: var(--headline_font_color); padding: 5px; opacity: 0.6; filter: alpha(opacity=60); } .icon-grid { align-items: center; direction: ltr; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, auto)); grid-column-gap: 20px; grid-row-gap: 10px; } .icon-grid.horizontal { grid-template-columns: repeat(2, auto); grid-template-rows: minmax(0, 1fr); } .icon-grid.horizontal h4, .icon-grid.horizontal p { margin: 0; padding: 0; } .icon-grid.horizontal h4 + p { margin-top: 5px; } .icon-grid.horizontal .icon { padding-right: 0; text-align: right; } .icon-grid.horizontal .icon-details { text-align: left; } @media only screen and (max-width: 600px) { .icon-grid.horizontal { grid-template-columns: auto auto; } } .icon-minus, .icon-plus { color: var(--accent_color); } .icon-bell { height: calc(var(--base) * 1.25); margin-right: 5px; width: 14px; } .rtl .icon-bell { margin-left: 5px; margin-right: 0px; } .icon-bell:before { content: var(--bell); } .testi-grid { align-items: center; direction: ltr; display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; grid-column-gap: var(--master_spacing); grid-row-gap: var(--master_spacing); } .testi-grid.horizontal { grid-template-columns: repeat(1, minmax(80px, 120px) minmax(200px, 1fr)); grid-template-rows: 1fr; } @media only screen and (max-width: 480px) { .testi-grid.horizontal { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .testi-grid.horizontal .img-round { height: 120px; margin: 0 auto; padding-bottom: 0; padding-left: 0; width: 120px; } } .testi-grid .img-round { border-radius: 100%; overflow: hidden; padding-bottom: 100%; padding-left: 100%; position: relative; } .testi-grid.vertical .img-round { height: 120px; padding-bottom: 0; padding-left: 0; width: 120px; } .testi-grid.vertical img.nopad { display: inline-block; margin: 0; } .text-left .testi-grid.vertical { justify-items: left; } .text-center .testi-grid.vertical { justify-items: center; } .text-right .testi-grid.vertical { justify-items: right; } .banner.text-right span, .banner a.text-right span { padding-right: calc(var(--master_spacing) / 2); } @media only screen and (max-width: 600px) { .banner.text-right span, .banner a.text-right span { padding-right: 0; } } @media only screen and (max-width: 600px) { .banner, .banner a { text-align: center; } } .header-toolbar { background: var(--header_background_color); } .header-toolbar ul { height: 100%; padding: 0; } .header-toolbar ul.search-results { display: block; height: auto; padding: calc(var(--master_spacing) / 2) 0 0; } .header-toolbar .customer-links > ul { display: flex; justify-content: flex-end; } .header-toolbar .header-customerbar { display: flex; min-height: calc(var(--master_spacing) * 2); padding: 0; } @media screen and (max-width: 600px) { .header-toolbar .header-customerbar { min-height: unset; } .header-toolbar .header-customerbar.customer_color_scheme.has_search { padding: 0 0 calc(var(--master_spacing) / 2); } } .header-toolbar .header-customerbar > div { width: 100%; } .header-toolbar .header-customerbar.customer_color_scheme { background: var(--customer_background_color); color: var(--customer_font_color); } .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search) > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search) > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search) svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search) summary, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search) > span.icon, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).account:before, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count summary, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count > span.icon, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.account:before, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account summary, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account > span.icon, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.account:before { color: var(--customer_font_color); } .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within { background: var(--customer_hover_background_color); } .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus svg, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within > button, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within svg { color: var(--customer_hover_font_color); } .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search).hover .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):hover .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.search:not(.static-search):focus-within .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count.hover .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:hover .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.cart-count:focus-within .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account.hover .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:hover .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus .account-dropdown button.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within .account-dropdown a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within .account-dropdown a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within .account-dropdown a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within .account-dropdown button:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within .account-dropdown button:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:focus-within .account-dropdown button.active { color: var(--customer_hover_font_color); } .header-toolbar .header-customerbar .header-customerbar-container { position: relative; width: 100%; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets { height: 100%; padding: 0 calc(var(--master_spacing) / 2); position: relative; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul { display: table-cell; height: auto; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets summary { display: none; } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets summary { display: block; } } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-bullets .icon { color: var(--customer_font_color); display: none; left: calc(var(--master_spacing) / 2); line-height: 0; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 9; } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-bullets .icon { display: block; } } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li { display: table-cell; padding: calc(var(--master_spacing) / 2) 0; text-align: left; vertical-align: middle; } body.rtl .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li { text-align: right; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li h1, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li h2, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li h3, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li h4, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li h5, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li h6, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p { color: var(--customer_font_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p { font-size: var(--xx_small); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a { color: var(--customer_font_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a:hover, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a:focus { color: var(--customer_font_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a.btn { background: var(--customer_font_color); border-color: var(--customer_font_color); color: var(--customer_background_color); white-space: nowrap; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a.btn:hover, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a.btn:focus { background: none; color: var(--customer_font_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a.btn.outline { background: none; border-color: var(--customer_font_color); color: var(--customer_font_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a.btn.outline:hover, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a.btn.outline:focus { background: var(--customer_font_color); color: var(--customer_background_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders > span { display: block; margin-left: var(--master_spacing); overflow: hidden; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders > span.add_border { border-left: 1px solid var(--customer_font_color); padding-left: var(--master_spacing); } body.rtl .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders > span { margin-left: 0; margin-right: var(--master_spacing); } body.rtl .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders > span.add_border { border-left: none; border-right: 1px solid var(--customer_font_color); padding-left: 0; padding-right: var(--master_spacing); } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders > span { margin-left: 0; padding: 0 0 calc(var(--master_spacing) / 2); } body.rtl .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders > span { margin-right: 0; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders > span.add_border { border-left: none; padding-left: 0; padding-top: calc(var(--master_spacing) / 2); border-top: 1px solid var(--customer_font_color); } } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .icon-grid { grid-column-gap: 5px; } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li { display: block; text-align: center; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li.open-container { padding: 0; } } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul { display: table; margin: auto; } } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets { padding: 0 calc(var(--master_spacing) * 2); } } @media screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container.has_search { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, auto); gap: 0; } .header-toolbar .header-customerbar .header-customerbar-container.has_search .customer-links { display: block; margin: calc(var(--master_spacing) / 2) 0 0; } .header-toolbar .header-customerbar .header-customerbar-container.has_search .customer-links li.cart-count, .header-toolbar .header-customerbar .header-customerbar-container.has_search .customer-links li.account { display: none; } .header-toolbar .header-customerbar .header-customerbar-container.has_search .customer-links li.search.static-search { display: block; margin: 0; } .header-toolbar .header-customerbar .header-customerbar-container.has_search .customer-links li.search.static-search .search-form.search-form-header > span { border-color: var(--line_color); margin: 0; min-height: 40px; } .header-toolbar .header-customerbar .header-customerbar-container.has_search .customer-links li.search.static-search .search-form.search-form-header > span .search-results { left: 0px; margin-top: -1px; right: 0px; } .header-toolbar .header-customerbar .header-customerbar-container.has_search .customer-bullets + .customer-links { margin: 0; } } .customer-links { backface-visibility: hidden; transition: background 0.125s ease 0s, border-color 0.125s ease 0s, color 0.125s ease 0s, height 0.125s ease 0s, opacity 0.125s ease 0s; font-size: 0; white-space: nowrap; } @media screen and (max-width: 600px) { .customer-links { display: none; } } .customer-links svg { backface-visibility: hidden; transition: background 0.125s ease 0s, border-color 0.125s ease 0s, color 0.125s ease 0s, height 0.125s ease 0s, opacity 0.125s ease 0s; } .customer-links a, .customer-links button.toggleMenu, .customer-links button.cart-count-mobile, .customer-links button.currencies, .customer-links summary, .customer-links button.currency-btn { align-items: center; background: none; display: flex; font-size: var(--x_small); height: 100%; line-height: var(--x_small); padding: 0 9px; text-decoration: none; } .customer-links a.currencies, .customer-links button.toggleMenu.currencies, .customer-links button.cart-count-mobile.currencies, .customer-links button.currencies.currencies, .customer-links summary.currencies, .customer-links button.currency-btn.currencies { font-size: var(--xx_small); } .customer-links .static-search a { align-items: center; background: none; display: flex; } .customer-links .static-search a.modal-close { border: none; display: none; } .customer-links span.icon { vertical-align: middle; } .customer-links .total-item { color: var(--a11ygrey); font-size: var(--x_small); } .customer-links ul li { align-items: center; display: flex; min-height: var(--x_large); padding: 0; } .customer-links ul li ul:not(.search-list) { background: var(--customer_hover_background_color); border: 1px solid var(--line_color); border-top: none; display: block; height: auto; left: auto; max-width: 400px; overflow: hidden; overflow: clip; padding: var(--master_spacing); position: absolute; right: -1px; top: 100%; transition: visibility 0.125s ease; visibility: hidden; white-space: normal; z-index: 999999; } .customer-links ul li ul:not(.search-list) > *:first-child { margin-top: -100vh; overflow: hidden; transition: margin-top 0.25s ease 0s, transform 0.25s ease 0s, visibility 0.25s ease 0.125s; transform: translate(0, -100%); visibility: hidden; } .customer-links ul li ul:not(.search-list).hidden { display: none; } .customer-links ul li ul:not(.search-list) .options { background: none; border: none; } .customer-links ul li ul:not(.search-list) li { display: block; padding: 0; } .customer-links ul li ul:not(.search-list) li a, .customer-links ul li ul:not(.search-list) li button.currency-btn { background: none; color: var(--body_font_color); display: block; font-size: var(--x_small); padding: 4px 0; } .customer-links ul li ul:not(.search-list) li a.active, .customer-links ul li ul:not(.search-list) li a:hover, .customer-links ul li ul:not(.search-list) li a:focus, .customer-links ul li ul:not(.search-list) li button.currency-btn.active, .customer-links ul li ul:not(.search-list) li button.currency-btn:hover, .customer-links ul li ul:not(.search-list) li button.currency-btn:focus { text-decoration: underline; } .customer-links ul li ul:not(.search-list) li.hidden { display: none; } body.rtl .customer-links ul li ul:not(.search-list) { right: auto; left: -1px; } .customer-links ul li.currencies a { font-size: var(--xx_small); } .no-js .customer-links ul li.hover ul, .no-js .customer-links ul li:not(.avoid):hover ul, .no-js .customer-links ul li:not(.avoid):focus ul, .no-js .customer-links ul li.key:not(.avoid):focus-within ul { visibility: visible; } .no-js .customer-links ul li.hover ul > *:first-child, .no-js .customer-links ul li:not(.avoid):hover ul > *:first-child, .no-js .customer-links ul li:not(.avoid):focus ul > *:first-child, .no-js .customer-links ul li.key:not(.avoid):focus-within ul > *:first-child { margin-top: 0; transform: translate(0, 0); visibility: visible; } .no-js .customer-links ul li.hover ul > *:first-child:not(.skip), .no-js .customer-links ul li:not(.avoid):hover ul > *:first-child:not(.skip), .no-js .customer-links ul li:not(.avoid):focus ul > *:first-child:not(.skip), .no-js .customer-links ul li.key:not(.avoid):focus-within ul > *:first-child:not(.skip) { animation: hide-scroll .5s backwards; overflow-y: auto; } @media screen and (min-width: 600px) { .customer-links ul li.hover ul, .customer-links ul li:not(.avoid):hover ul, .customer-links ul li:not(.avoid):focus ul, .customer-links ul li.key:not(.avoid):focus-within ul { visibility: visible; } .customer-links ul li.hover ul > *:first-child, .customer-links ul li:not(.avoid):hover ul > *:first-child, .customer-links ul li:not(.avoid):focus ul > *:first-child, .customer-links ul li.key:not(.avoid):focus-within ul > *:first-child { margin-top: 0; transform: translate(0, 0); visibility: visible; } .customer-links ul li.hover ul > *:first-child:not(.skip), .customer-links ul li:not(.avoid):hover ul > *:first-child:not(.skip), .customer-links ul li:not(.avoid):focus ul > *:first-child:not(.skip), .customer-links ul li.key:not(.avoid):focus-within ul > *:first-child:not(.skip) { animation: hide-scroll .5s backwards; overflow-y: auto; } } .mobile-only .customer-links ul li.hover ul { visibility: visible; } .mobile-only .customer-links ul li.hover ul > *:first-child { margin-top: 0; transform: translate(0, 0); visibility: visible; } .mobile-only .customer-links ul li.hover ul > *:first-child:not(.skip) { animation: hide-scroll .5s backwards; overflow-y: auto; } .customer-links ul li.search { scrollbar-color: var(--line_color) var(--background_search); } .customer-links ul li.search.static-search { display: inline-flex; flex-grow: 1; margin: 0 calc(var(--master_spacing) / 4); scrollbar-color: var(--line_color) var(--background_search); } .customer-links ul li.search.static-search.static-search-max { max-width: 600px; } .customer-links ul li.search.static-search ::-webkit-scrollbar-thumb { border-color: var(--background_search); background-color: var(--line_color); } .customer-links ul li.search.static-search ::-webkit-scrollbar-track { background: var(--background_search); } .customer-links ul li.search.search-mobile-show { display: none; } .customer-links ul li.search.search-desktop-show { display: flex; } @media only screen and (max-width: 600px) { .customer-links ul li.search.search-mobile-show { display: block; } .customer-links ul li.search.search-desktop-show { display: none; } } .customer-links ul li.search summary { padding-left: 6px; padding-right: 6px; } .customer-links ul li.search ::-webkit-scrollbar-thumb { border-color: var(--background_search); background-color: var(--line_color); } .customer-links ul li.search ::-webkit-scrollbar-track { background: var(--background_search); } .customer-links ul li.cart-info { scrollbar-color: var(--line_color) var(--background); scrollbar-width: thin; scrollbar-color: var(--customer_hover_font_color) var(--background_search); } .customer-links ul li.cart-info ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .customer-links ul li.cart-info ::-webkit-scrollbar-thumb { border: 2px solid var(--background); background-color: var(--line_color); } .customer-links ul li.cart-info ::-webkit-scrollbar-track { background: var(--background); } .customer-links ul li.cart-info button { overflow-wrap: normal; word-break: normal; padding-left: 3px; padding-right: 3px; } .customer-links ul li.cart-info .item-title h5 { margin: 0 0 calc(var(--master_spacing) / 2); } .customer-links ul li.cart-info .item-title h5 a { font-size: var(--headline_font_size_16); line-height: var(--headline_font_size_16); } .customer-links ul li.cart-info #cart-dropdown { display: block; height: auto; min-width: 400px; padding: 0; text-align: left; } @media screen and (max-width: 600px) { .customer-links ul li.cart-info #cart-dropdown { background: var(--background_search); } } .customer-links ul li.cart-info #cart-dropdown.hidden { display: none; } .customer-links ul li.cart-info #cart-dropdown > span { display: block; height: auto; overflow-y: auto; padding: calc(var(--master_spacing) / 2) 0 0; } .customer-links ul li.cart-info #cart-dropdown > span.stars-rating, .customer-links ul li.cart-info #cart-dropdown > span.stars-count { display: inline-block; } .customer-links ul li.cart-info #cart-dropdown li { border-bottom: 1px solid var(--line_color); margin-bottom: calc(var(--master_spacing) / 2); padding: calc(var(--master_spacing) / 2) var(--master_spacing); } .customer-links ul li.cart-info #cart-dropdown li a { padding: 0; } .customer-links ul li.cart-info #cart-dropdown li a.btn { background: var(--button_primary_background); color: var(--button_primary_text); line-height: calc(var(--small) * 1.25); padding: calc(var(--master_spacing) / 2) var(--xx_small); } .customer-links ul li.cart-info #cart-dropdown li a.btn.outline { background: none; color: var(--button_secondary_text); } .customer-links ul li.cart-info #cart-dropdown li a.btn:hover, .customer-links ul li.cart-info #cart-dropdown li a.btn:focus { background: none; color: var(--button_primary_background); text-decoration: none; } .customer-links ul li.cart-info #cart-dropdown li a.btn:hover.outline, .customer-links ul li.cart-info #cart-dropdown li a.btn:focus.outline { background: var(--button_secondary_border); color: var(--button_secondary_hover); } .customer-links ul li.cart-info #cart-dropdown li .reviews { color: var(--body_font_color); } .customer-links ul li.cart-info #cart-dropdown li .reviews span { padding: 0; } .customer-links ul li.cart-info #cart-dropdown li.last { border: none; margin-bottom: 0; } .customer-links ul li.cart-info #cart-dropdown li.buttons { background: var(--background_search); border-bottom: none; border-top: 1px solid var(--line_color); bottom: 0; margin: 0; padding: var(--master_spacing); position: sticky; } .customer-links ul li.cart-info span { display: inline-table; padding: 0 3px; vertical-align: middle; } .customer-links ul li.cart-info span[data-unit-price-amount], .customer-links ul li.cart-info span[data-unit-price-measure] { padding: 0; vertical-align: baseline; } .customer-links ul li.cart-info span.money { vertical-align: baseline; } @media only screen and (max-width: 600px) { .customer-links ul li.cart-info span { vertical-align: middle; } } .customer-links ul li.cart-info span.icon-bag { position: relative; top: -1px; } .customer-links ul li.cart-info span.vendors { padding: 0; } .customer-links ul li.cart-info ::-webkit-scrollbar-thumb { border-color: var(--background_search); background-color: var(--line_color); } .customer-links ul li.cart-info ::-webkit-scrollbar-track { background: var(--background_search); } .customer-links ul li.account { position: relative; scrollbar-color: var(--customer_hover_font_color) var(--background_search); } .customer-links ul li.account:before { border-left: 1px solid; content: '\00a0'; left: -1px; position: absolute; top: 50%; transform: translate(0, -50%); width: 0; } body.rtl .customer-links ul li.account:before { left: auto; right: -1px; } .customer-links ul li.account ul { padding: 0; white-space: nowrap; } .customer-links ul li.account ul li { padding: calc(var(--master_spacing) / 2) var(--master_spacing) 0; } .customer-links ul li.account ul li a, .customer-links ul li.account ul li button.currency-btn { border-left: none; padding: calc(var(--master_spacing) / 4) 0; } .customer-links ul li.account ::-webkit-scrollbar-thumb { border-color: var(--background_search); background-color: var(--line_color); } .customer-links ul li.account ::-webkit-scrollbar-track { background: var(--background_search); } .header-searchbar { background: var(--background); left: 0; position: absolute; top: 105%; z-index: 99999; } .header-searchbar input[type="search"] { border: none; } @keyframes left-slide { from { left: -100%; } to { left: 0; } } @keyframes right-slide { from { left: 0; } to { left: -100%; } } @keyframes left-slide-rtl { from { right: -100%; } to { right: 0; } } @keyframes right-slide-rtl { from { right: 0; } to { right: -100%; } } .sticky-navigation { position: relative; z-index: 9999; } .sticky-navigation.include-border { border-bottom: 1px solid var(--line_color); } @media only screen and (max-width: 320px) { .sticky-navigation .sticky-text { margin: 0 auto; max-width: 100%; } } .sticky-navigation:before { background: var(--header_background_color); content: ''; opacity: 0; transition: opacity 0.5s ease; } .mobile-only.clear-scroll .sticky-navigation:before, .mobile-only.no-scroll .sticky-navigation:before { background: var(--header_background_color); content: ''; height: 100vh; left: 0; opacity: 0.85; overflow: hidden; position: fixed; top: 0; width: 100%; } .mobile-only.clear-scroll .sticky-navigation .sticky-navigation-container, .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container { background: var(--header_background_color_75); border-right: 1px solid var(--line_color); bottom: 0; max-width: 480px; position: fixed; top: 0; width: 100vw; } .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container { animation: left-slide 0.5s; } .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container .responsiveMenu.isMobile { overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; scrollbar-color: var(--header_font_color_darken_15) var(--header_background_color); } .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container .responsiveMenu.isMobile ::-webkit-scrollbar-thumb { border: 2px solid var(--header_background_color); background-color: var(--header_font_color_darken_15); } .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container .responsiveMenu.isMobile ::-webkit-scrollbar-track { background: var(--header_background_color); } .rtl.mobile-only.no-scroll .sticky-navigation .sticky-navigation-container { animation: left-slide-rtl 0.5s; border-left: 1px solid var(--line_color); border-right: none; margin-right: -17px; } .mobile-only.clear-scroll .sticky-navigation:before { opacity: 0; } .mobile-only.clear-scroll .sticky-navigation .sticky-navigation-container { transition: transform 0.5s ease; transform: translateX(-100%); } .rtl.mobile-only.clear-scroll .sticky-navigation .sticky-navigation-container { transition: transform 0.5s ease; transform: translateX(100%); } .sticky-navigation .sticky-navigation-container { position: relative; top: 0; transition: transform .25s ease; width: 100%; } .sticky-navigation .sticky-navigation-container.sticky { z-index: 999; } @media only screen and (max-width: 320px) { .sticky-navigation .sticky-navigation-container.sticky { border: none; } } .sticky-navigation.password { z-index: auto; } .sticky-navigation:focus-visible { outline: none; } #header-navigation-width span { font-size: var(--parent_link); } #header-navigation-width span.parent-font-heading { font-family: var(--headline_font); font-weight: var(--headline_font_weight); } .header-navigation { background: var(--header_background_color); } .header-navigation .flex-right { justify-content: space-between; } .header-navigation .logo { padding-right: var(--master_spacing); width: var(--logo_width); } @media only screen and (min-width: 601px) { .header-navigation .logo { min-width: var(--logo_width); } } .header-navigation .logo.empty { padding-right: 0; } @media only screen and (min-width: 601px) { .header-navigation .logo.empty { display: block; margin: 0 auto; text-align: center; } } .header-navigation .logo h4 { margin: 0; } .header-navigation .logo a { color: var(--header_font_color); display: block; margin-bottom: var(--logo_overlay); padding: calc(var(--master_spacing) / 2) 0; } .header-navigation .logo a img { margin: 0; } @media only screen and (max-width: 600px) { .header-navigation .logo a img { margin: 0 auto; } } body.rtl .header-navigation .logo { padding-left: var(--master_spacing); padding-right: 0; } @media screen and (max-width: 600px) { .header-navigation .logo { display: none; } } .mobile-only.no-scroll .header-navigation div > div.logo { display: none; } .header-navigation .main-menu { scrollbar-color: var(--line_color) var(--background); scrollbar-width: thin; width: 100%; scrollbar-color: var(--header_font_color_darken_15) var(--header_background_color); } .header-navigation .main-menu ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .header-navigation .main-menu ::-webkit-scrollbar-thumb { border: 2px solid var(--background); background-color: var(--line_color); } .header-navigation .main-menu ::-webkit-scrollbar-track { background: var(--background); } .header-navigation .main-menu ::-webkit-scrollbar-thumb { border: 2px solid var(--header_background_color); background-color: var(--header_font_color_darken_15); } .header-navigation .main-menu ::-webkit-scrollbar-track { background: var(--header_background_color); } @media only screen and (min-width: 601px) { .header-navigation .main-menu.empty { display: none; } } @media only screen and (max-width: 600px) { .header-navigation .main-menu { text-align: right; } } @media only screen and (max-width: 320px) { .header-navigation .main-menu { display: block; height: auto; margin: 0 auto; text-align: center; } } .header-navigation .customer-links, .header-navigation .static-search, .header-navigation .account { display: none; height: 100%; text-align: right; } .header-navigation .customer-links ul:not(.search-list):not(.account-active), .header-navigation .static-search ul:not(.search-list):not(.account-active), .header-navigation .account ul:not(.search-list):not(.account-active) { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: repeat(3, auto); height: 100%; padding: 0; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li, .header-navigation .static-search ul:not(.search-list):not(.account-active) li, .header-navigation .account ul:not(.search-list):not(.account-active) li { color: var(--header_font_color_darken_15); height: 100%; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.cart-info, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.cart-info, .header-navigation .account ul:not(.search-list):not(.account-active) li.cart-info { position: unset; } .clear-scroll .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.cart-info, .no-scroll .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.cart-info, .clear-scroll .header-navigation .static-search ul:not(.search-list):not(.account-active) li.cart-info, .no-scroll .header-navigation .static-search ul:not(.search-list):not(.account-active) li.cart-info, .clear-scroll .header-navigation .account ul:not(.search-list):not(.account-active) li.cart-info, .no-scroll .header-navigation .account ul:not(.search-list):not(.account-active) li.cart-info { display: none; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.cart-info > button, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.cart-info > button, .header-navigation .account ul:not(.search-list):not(.account-active) li.cart-info > button { position: relative; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.cart-info > button span, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.cart-info > button span, .header-navigation .account ul:not(.search-list):not(.account-active) li.cart-info > button span { padding: 0; } @media only screen and (max-width: 480px) { .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.cart-info #cart-dropdown, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.cart-info #cart-dropdown, .header-navigation .account ul:not(.search-list):not(.account-active) li.cart-info #cart-dropdown { box-sizing: border-box; left: 0; height: auto; max-width: none; min-width: auto; width: 100%; } } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account, .header-navigation .account ul:not(.search-list):not(.account-active) li.account { grid-area: 2 / 1 / 3 / 4; margin-bottom: calc(var(--master_spacing) / 2); text-align: center; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account .icon, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account .icon, .header-navigation .account ul:not(.search-list):not(.account-active) li.account .icon { margin: 0 6px; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account a, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account a, .header-navigation .account ul:not(.search-list):not(.account-active) li.account a { display: inline-block; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account .separator:before, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account .separator:before, .header-navigation .account ul:not(.search-list):not(.account-active) li.account .separator:before { border-left-color: var(--header_font_color_darken_15); } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account:before, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account:before, .header-navigation .account ul:not(.search-list):not(.account-active) li.account:before { content: ''; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.search, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.search, .header-navigation .account ul:not(.search-list):not(.account-active) li.search { grid-area: 3 / 1 / 4 / 4; margin: 0; } .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account, .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.search, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account, .header-navigation .static-search ul:not(.search-list):not(.account-active) li.search, .header-navigation .account ul:not(.search-list):not(.account-active) li.account, .header-navigation .account ul:not(.search-list):not(.account-active) li.search { display: none; } .no-scroll .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account, .clear-scroll .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account, .no-scroll .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.search, .clear-scroll .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.search, .no-scroll .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account, .clear-scroll .header-navigation .static-search ul:not(.search-list):not(.account-active) li.account, .no-scroll .header-navigation .static-search ul:not(.search-list):not(.account-active) li.search, .clear-scroll .header-navigation .static-search ul:not(.search-list):not(.account-active) li.search, .no-scroll .header-navigation .account ul:not(.search-list):not(.account-active) li.account, .clear-scroll .header-navigation .account ul:not(.search-list):not(.account-active) li.account, .no-scroll .header-navigation .account ul:not(.search-list):not(.account-active) li.search, .clear-scroll .header-navigation .account ul:not(.search-list):not(.account-active) li.search { display: block; } @media only screen and (min-width: 601px) { .mobile-only:not(.no-scroll) .header-navigation .customer-links ul:not(.search-list):not(.account-active), .mobile-only:not(.no-scroll) .header-navigation .static-search ul:not(.search-list):not(.account-active), .mobile-only:not(.no-scroll) .header-navigation .account ul:not(.search-list):not(.account-active) { display: flex; } .mobile-only:not(.no-scroll) .header-navigation .customer-links ul:not(.search-list):not(.account-active) li:not(.toggleLi), .mobile-only:not(.no-scroll) .header-navigation .static-search ul:not(.search-list):not(.account-active) li:not(.toggleLi), .mobile-only:not(.no-scroll) .header-navigation .account ul:not(.search-list):not(.account-active) li:not(.toggleLi) { display: none; } } @media only screen and (max-width: 600px) { .header-navigation .customer-links, .header-navigation .static-search, .header-navigation .account { display: inline-table; } } @media only screen and (max-width: 600px) { .header-navigation .customer-links { display: block; white-space: normal; } } .mobile-only .header-navigation .customer-links { display: block; } .header-navigation .customer-links li .logo { display: block; height: auto; margin: 0 auto; max-width: var(--logo_width); padding: calc(var(--master_spacing) / 2); width: 100%; } .header-navigation .customer-links li .logo a { display: block; text-align: center; } .header-navigation .customer-links li .logo a.active { margin-bottom: 0; } .header-navigation .customer-links li > a, .header-navigation .customer-links li > button:not(.modal-close) { color: var(--header_font_color); height: 100%; padding: 0; } .header-navigation .customer-links li > a:hover, .header-navigation .customer-links li > a:focus, .header-navigation .customer-links li > a:focus-within, .header-navigation .customer-links li > button:not(.modal-close):hover, .header-navigation .customer-links li > button:not(.modal-close):focus, .header-navigation .customer-links li > button:not(.modal-close):focus-within { color: var(--header_hover_font_color); } body.rtl.mobile-only .header-navigation .customer-links { text-align: left; } @media only screen and (max-width: 320px) { body.rtl.mobile-only .header-navigation .customer-links { text-align: center; } } .header-navigation .toggleMenu { background: none; } .header-navigation .toggleMenu span.icon { width: calc(var(--large) - 2px); } .header-navigation .toggleMenu span.icon:after { border-top: 2px solid; border-bottom: 2px solid; content: ''; display: block; height: 10px; position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); width: calc(var(--large) - 4px); } .header-navigation .toggleMenu span.icon:before { border-top: 2px solid; content: ''; display: block; position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; width: calc(var(--large) - 4px); } .header-navigation .toggleMenu.active span.icon:after { border-bottom: none; height: 0; transform: translate(0, -50%) rotate(45deg); } .header-navigation .toggleMenu.active span.icon:before { background: var(--headline_font_color); transform: translate(0, -50%) rotate(-45deg); } .header-navigation nav { height: 100%; } .header-navigation nav .responsiveMenu { height: 100%; padding: 0; scrollbar-color: var(--line_color) var(--background); scrollbar-width: thin; transition: opacity .125s ease 0s; scrollbar-color: var(--header_font_color_darken_15) var(--header_background_color); zoom: 1; } .header-navigation nav .responsiveMenu ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .header-navigation nav .responsiveMenu ::-webkit-scrollbar-thumb { border: 2px solid var(--background); background-color: var(--line_color); } .header-navigation nav .responsiveMenu ::-webkit-scrollbar-track { background: var(--background); } .header-navigation nav .responsiveMenu ::-webkit-scrollbar-thumb { border: 2px solid var(--header_background_color); background-color: var(--header_font_color_darken_15); } .header-navigation nav .responsiveMenu ::-webkit-scrollbar-track { background: var(--header_background_color); } .header-navigation nav .responsiveMenu:before, .header-navigation nav .responsiveMenu:after { content: ' '; display: table; } .header-navigation nav .responsiveMenu:after { clear: both; } .header-navigation nav .responsiveMenu ul { background: var(--header_background_color); -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .header-navigation nav .responsiveMenu.isDesktop { display: block; position: unset; } .header-navigation nav .responsiveMenu.isDesktop:hover { cursor: default; } .header-navigation nav .responsiveMenu.isDesktop > li > a { font-size: var(--parent_link); } .header-navigation nav .responsiveMenu.isDesktop li.hover > ul, .header-navigation nav .responsiveMenu.isDesktop li:hover > ul { animation: hide-scroll 0.5s backwards; max-height: var(--max-height); overflow: auto; transition: max-height 0.5s ease, visibility 0.75s linear; visibility: visible; z-index: 99999; } .header-navigation nav .responsiveMenu.isDesktop li a:hover, .header-navigation nav .responsiveMenu.isDesktop li a:focus, .header-navigation nav .responsiveMenu.isDesktop li a.active { color: var(--header_hover_font_color); } .header-navigation nav .responsiveMenu.isDesktop li a .icon { display: none; } .header-navigation nav .responsiveMenu.isDesktop li > ul.dropdown.text-center { left: 50%; transform: translate(-50%, 0); } body.rtl .header-navigation nav .responsiveMenu.isDesktop li > ul.dropdown.text-center { left: unset; right: 50%; transform: translate(50%, 0); } .header-navigation nav .responsiveMenu.isDesktop > li:hover > a, .header-navigation nav .responsiveMenu.isDesktop > li:focus > a, .header-navigation nav .responsiveMenu.isDesktop > li:focus-within > a { background: var(--header_hover_font_color); color: var(--header_background_color); } .header-navigation nav .responsiveMenu.isDesktop .localization { display: none; } .header-navigation nav .responsiveMenu li { list-style: none; } .header-navigation nav .responsiveMenu li a { color: var(--header_font_color); display: block; font-weight: var(--body_font_weight_medium); font-size: var(--x_small); font-family: var(--body_font); transition: background 0.25s ease 0s, color 0.25s ease 0s; } .header-navigation nav .responsiveMenu li ul { margin: 0; padding: 0 calc(var(--master_spacing) * 1.5); } .header-navigation nav .responsiveMenu li ul > span { padding: calc(var(--master_spacing) * 1.5) 0; } .header-navigation nav .responsiveMenu li ul.mega > span, .header-navigation nav .responsiveMenu li ul.semi > span { font-size: 0; padding-bottom: 0; } .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li ul.semi > span > li > a { color: var(--header_font_color_darken_15); font-size: var(--small); font-weight: var(--headline_font_weight_bold); margin: 0; text-transform: var(--headline_font_uppercase); } .header-navigation nav .responsiveMenu li ul.mega { box-sizing: border-box; width: 100%; } .header-navigation nav .responsiveMenu li ul.mega > span { font-size: 0; } .header-navigation nav .responsiveMenu li ul.mega > span.has_no_image_right { display: block; text-align: right; } .header-navigation nav .responsiveMenu li ul.mega > span > li { display: inline-block; float: none; vertical-align: top; } .mobile-only .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 100%; } @media only screen and (max-width: 960px) { .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 33.33%; } } @media only screen and (max-width: 768px) { .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 50%; } } @media only screen and (max-width: 600px) { .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 100%; } } .header-navigation nav .responsiveMenu li ul.semi > span { float: left; width: 100%; } .header-navigation nav .responsiveMenu li ul.dropdown { white-space: nowrap; } .header-navigation nav .responsiveMenu li ul.dropdown > span { float: left; width: 100%; } .header-navigation nav .responsiveMenu li ul.dropdown li { width: 100%; } .header-navigation nav .responsiveMenu li ul li { padding: 0; } .header-navigation nav .responsiveMenu li ul li a { display: block; padding: calc(var(--master_spacing) / 3) calc(var(--master_spacing) / 2); position: relative; z-index: 100; } .header-navigation nav .responsiveMenu li ul li a span { display: grid; } .header-navigation nav .responsiveMenu li ul li ul { margin: 0 0 var(--master_spacing); padding: 0; } .header-navigation nav .responsiveMenu > li { display: inline-table; height: 100%; padding: 0; vertical-align: middle; } .header-navigation nav .responsiveMenu > li > ul { border: 1px solid var(--line_color); border-top: none; left: 0; position: absolute; top: 100%; z-index: 9999; height: auto; max-height: 0; overflow: hidden; transition: max-height 0.25s ease, visibility 0.25s linear; visibility: hidden; } body.rtl .header-navigation nav .responsiveMenu > li > ul { left: auto; right: 0; } .header-navigation nav .responsiveMenu > li > ul.dropdown.text-right { left: auto; right: 0; } body.rtl .header-navigation nav .responsiveMenu > li > ul.dropdown.text-right { left: 0; right: auto; } .header-navigation nav .responsiveMenu > li > a { display: table-cell; height: 100%; padding: 0 calc(var(--master_spacing) / 2); text-align: center; text-decoration: none; vertical-align: middle; } .header-navigation nav .responsiveMenu > li > a.parent-font-heading { font-family: var(--headline_font); font-weight: var(--headline_font_weight); } .header-navigation nav .responsiveMenu > li > a .icon { display: none; } .header-navigation nav .responsiveMenu.isMobile { display: none; position: absolute; height: auto; left: calc(-1 * var(--master_spacing)); padding: var(--master_spacing); top: 100%; backface-visibility: hidden; width: 100%; z-index: 99; } .no-scroll .header-navigation nav .responsiveMenu.isMobile, .clear-scroll .header-navigation nav .responsiveMenu.isMobile { display: block; } .header-navigation nav .responsiveMenu.isMobile a:hover, .header-navigation nav .responsiveMenu.isMobile a:focus { text-decoration: none; } .header-navigation nav .responsiveMenu.isMobile .localization { border-top: 1px solid var(--header_font_color); margin-top: var(--master_spacing); padding-top: var(--master_spacing); } .header-navigation nav .responsiveMenu.isMobile .account { display: block; font-size: var(--x_small); margin: 0 0 calc(var(--master_spacing) / 2); text-align: center; } .header-navigation nav .responsiveMenu.isMobile .account .no-select { color: var(--header_font_color); border-color: transparent; } .header-navigation nav .responsiveMenu.isMobile .account .no-select:focus-within { background: var(--header_background_color); } .header-navigation nav .responsiveMenu.isMobile .account .no-select option { color: var(--header_font_color); } .header-navigation nav .responsiveMenu.isMobile .account .icon { color: var(--header_font_color); } .header-navigation nav .responsiveMenu.isMobile ul { background: none; float: left; width: 100%; position: fixed; margin: 0 0 calc(var(--master_spacing) / 2); padding: 0; } .header-navigation nav .responsiveMenu.isMobile ul.mega span > li > a, .header-navigation nav .responsiveMenu.isMobile ul.semi span > li > a { color: var(--header_hover_font_color); font-weight: var(--headline_font_weight_medium); line-height: calc(var(--small) * 1.25); font-family: var(--headline_font); font-size: var(--x_small); margin: 0; } .header-navigation nav .responsiveMenu.isMobile ul.mega > span, .header-navigation nav .responsiveMenu.isMobile ul.semi > span, .header-navigation nav .responsiveMenu.isMobile ul.dropdown > span { padding: 0; } .header-navigation nav .responsiveMenu.isMobile ul.mega { float: left; width: 100%; } .header-navigation nav .responsiveMenu.isMobile ul.mega > .three { display: none; } .header-navigation nav .responsiveMenu.isMobile ul.mega span.eight, .header-navigation nav .responsiveMenu.isMobile ul.mega span.twelve { float: none; padding: 0; } .header-navigation nav .responsiveMenu.isMobile > li > a { color: var(--header_font_color_darken_15); font-size: var(--small); } .header-navigation nav .responsiveMenu.isMobile li { box-sizing: border-box; float: left; width: 100%; height: auto; padding-bottom: 0; padding-top: 0; text-align: left; white-space: normal; } .header-navigation nav .responsiveMenu.isMobile li a { display: block; margin: 0; padding: 0; position: relative; text-align: left; } .rtl .header-navigation nav .responsiveMenu.isMobile li a { text-align: right; } .header-navigation nav .responsiveMenu.isMobile li a > span { display: block; margin-right: calc(var(--master_spacing) * 1.5); padding: calc(var(--master_spacing) * 0.75) 0; } .rtl .header-navigation nav .responsiveMenu.isMobile li a > span { margin-left: calc(var(--master_spacing) * 1.5); margin-right: 0; } .header-navigation nav .responsiveMenu.isMobile li > ul { border: none; position: relative; left: 0; margin: 0; height: auto; max-height: 0; overflow: hidden; transition: max-height 0.25s ease, visibility 0.25s linear; visibility: hidden; visibility: hidden; } .header-navigation nav .responsiveMenu.isMobile li li { padding: 0 0 0 calc(var(--master_spacing) / 2); } .rtl .header-navigation nav .responsiveMenu.isMobile li li { padding: 0 calc(var(--master_spacing) / 2) 0 0; } .header-navigation nav .responsiveMenu.isMobile li li li a { font-size: var(--xx_small); padding: calc(var(--master_spacing) / 2) 0; } .header-navigation nav .responsiveMenu.isMobile li li li a:hover { color: var(--header_hover_font_color); text-decoration: underline; } .header-navigation nav .responsiveMenu.isMobile li.hover > ul, .header-navigation nav .responsiveMenu.isMobile li:focus > ul { animation: hide-scroll 0.5s backwards; max-height: var(--max-height); overflow: auto; transition: max-height 0.5s ease, visibility 0.75s linear; visibility: visible; z-index: 99999; } .header-navigation nav .responsiveMenu.isMobile li.hover > ul.parent-level-ul, .header-navigation nav .responsiveMenu.isMobile li:focus > ul.parent-level-ul { overflow: hidden; } .header-navigation nav .responsiveMenu.isMobile li.hover > a, .header-navigation nav .responsiveMenu.isMobile li:focus > a { color: var(--header_hover_font_color_darken_15); } .header-navigation nav .responsiveMenu.isMobile li.hover a.active, .header-navigation nav .responsiveMenu.isMobile li:focus a.active { color: var(--header_hover_font_color); } .header-navigation nav .responsiveMenu.isMobile li.has-dropdown > a .icon { color: var(--header_font_color_darken_15); display: block; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } .rtl .header-navigation nav .responsiveMenu.isMobile li.has-dropdown > a .icon { left: 0; right: unset; } .header-navigation nav .responsiveMenu.isMobile li.has-dropdown.hover > a .icon svg { transform: rotate(180deg); } .header-navigation nav .responsiveMenu.isMobile li.has-dropdown.hover > a .icon .plus { stroke-width: 0px; } .header-announcement.announcement_color_scheme { background: var(--announcement_background_color); color: var(--announcement_font_color); } .header-announcement.announcement_color_scheme .icon-grid { grid-column-gap: 10px; } .header-announcement.announcement_color_scheme .icon-grid.text-center { grid-row-gap: 0; } .header-announcement.announcement_color_scheme.text-left .icon-grid.horizontal { justify-content: start; } .header-announcement.announcement_color_scheme.text-right .icon-grid.horizontal { justify-content: end; } .header-announcement.announcement_color_scheme p, .header-announcement.announcement_color_scheme a { color: var(--announcement_font_color); padding: 0; } .header-announcement.announcement_color_scheme p:hover, .header-announcement.announcement_color_scheme a:hover { color: var(--announcement_hover_font_color); } .account-secondary { background: none; color: var(--body_font_color); font-size: var(--x_small); margin-left: var(--master_spacing); } .account-secondary.error-text { color: var(--error_color); font-weight: var(--body_font_weight_bold); } .account-secondary:hover, .account-secondary:focus { text-decoration: underline; } footer h5 { margin: 0 0 calc(var(--master_spacing) / 2); } footer h4, footer h5 { font-weight: var(--headline_font_weight_bold); } @media only screen and (max-width: 600px) { footer h4, footer h5 { margin: 0 0 calc(var(--master_spacing) / 2); } } footer h4.h5 { margin: 0 0 calc(var(--master_spacing) * 0.75); } footer img { display: inline-block; margin-left: 0; margin-right: 0; } footer .first { clear: left; } footer .open-container .open { display: none; left: calc(var(--master_spacing) * 1.5 - var(--medium) / 2); position: absolute; top: calc(var(--headline_font_size_16) / -4); } @media only screen and (max-width: 600px) { footer .open-container .open { display: block; } } footer .footer-menu.six { float: left; } footer .footer-menu ul { list-style: none; padding-bottom: var(--master_spacing); padding-left: 0; } footer .footer-menu ul li { padding: 0; } footer .footer-menu ul li a { display: block; font-size: var(--x_small); padding: calc(var(--master_spacing) / 3) 0; } @media only screen and (max-width: 960px) { footer .footer-menu.six { padding: 0; width: 100%; } } footer .sub-footer li { padding: 0; } footer .sub-footer li button { background: none; color: var(--body_font_color); display: block; padding: calc(var(--base) / 2); text-align: left; } footer .sub-footer li button:hover, footer .sub-footer li button.active { color: var(--body_font_hover_color); } footer .sub-footer p { font-size: var(--xx_small); line-height: 1.125em; padding: 0 0 calc(var(--master_spacing) / 2); } footer .sub-footer p:not(.small) a { text-decoration: none; } footer .sub-footer .small p a { text-decoration: underline; } footer .payment-icons { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding: 0; } footer .payment-icons li { display: inline-block; margin: 0 4px 0 0; padding: 0; cursor: default; } footer .payment-icons li .payment-icon { height: 24px; margin: 0; width: 38px; } @media only screen and (max-width: 600px) { footer .text-center:not(.img), footer .text-right:not(.img) { text-align: left; } footer h5.dual-titles { border-bottom: 1px solid var(--line_color); font-size: var(--x_small); font-weight: var(--body_font_weight_medium); margin-bottom: calc(var(--master_spacing) / 2); padding-bottom: calc(var(--master_spacing) / 2); } footer .inline-container .bottompad { margin: 0 0 calc(var(--master_spacing) / 2); } } /* ===== styles.accessories.css ===== */ /* CSS Document */ @keyframes loader-rotate { 100% { transform: rotate(360deg); } } @keyframes hide-scroll { from, to { overflow: hidden; } } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes appear-down { 0% { opacity: 0; margin-top: -1rem; } 100% { opacity: 1; margin-top: 0; } } @keyframes appear-down { 0% { opacity: 0; margin-top: -1rem; } 100% { opacity: 1; margin-top: 0; } } @-webkit-keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } .newsletter span { float: left; margin: 0 0 var(--master_spacing); width: 25%; } .newsletter span.form { left: 2px; right: -2px; width: 75%; } .newsletter span .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; padding: 0; } .map-container { position: relative; } .map-container .loader { z-index: 0; } .map-container .map-box { z-index: 9; } .map-container .map-box > div { background: none !important; } .map-container.no-background .map-box { background: var(--background); } .map-body { position: relative; z-index: 9; } .map-body .no-img div { border-top: 1px solid var(--line_color); padding-top: var(--master_spacing); } .video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video video, .video img { transition: opacity 0.5s ease 0s; backface-visibility: hidden; } .video video.lazybackground, .video img.lazybackground { opacity: 0; } .video video.loaded, .video img.loaded { opacity: 1; } .video video { height: 100%; object-fit: cover; pointer-events: none; width: 100%; } iframe { max-width: 100%; } .youtube-container { margin: 0 0 var(--master_spacing); position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; } .youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .draggable:not(.drag) [tabindex="-1"] .youtube-container { display: none; } .youtube-container .loader { z-index: 0; } .pagination { align-items: center; color: var(--accent_color); display: flex; flex-wrap: wrap; font-size: var(--x_small); justify-content: center; width: 100%; padding: calc(var(--master_spacing) / 2) 0 var(--master_spacing) !important; text-align: center; text-transform: uppercase; } .pagination > div { display: flex; flex-wrap: nowrap; align-items: center; } .pagination > div .prev { justify-content: left; } .pagination > div.right { justify-content: end; text-align: right; } .pagination > div.right .next { justify-content: right; } .pagination > div a:not(.skip) { font-size: var(--x_small); } .pagination > div a { font-weight: var(--body_font_weight_bold); color: var(--accent_color); } .pagination > li { padding: 0; } .pagination > li:before { content: none !important; } .pagination > li.pagination-previous, .pagination > li.pagination-next { display: flex; align-items: center; } .pagination > li.pagination-previous a:hover, .pagination > li.pagination-previous a:focus, .pagination > li.pagination-next a:hover, .pagination > li.pagination-next a:focus { border-bottom: none; } .pagination > li.pagination-previous a:hover svg path, .pagination > li.pagination-previous a:focus svg path, .pagination > li.pagination-next a:hover svg path, .pagination > li.pagination-next a:focus svg path { stroke-width: 3px; } .pagination > li .pagination-ellipsis { padding: calc(var(--master_spacing) / 2); } .pagination > li a { color: var(--accent_color); padding: calc(var(--master_spacing) / 2); text-decoration: none; } .content .pagination > li a { text-decoration: none; } .pagination > li a:hover, .pagination > li a:focus { border-bottom: 2px solid var(--hover_accent_color); color: var(--hover_accent_color); font-weight: var(--body_font_weight_bold); text-decoration: none; } .pagination > li .pagination-active a { border-bottom: 2px solid var(--hover_accent_color); font-size: var(--x_small); font-weight: var(--body_font_weight_bold); } .pagination > li .pagination-active a:hover, .pagination > li .pagination-active a:focus { text-decoration: none; } .pagination.justify-left { justify-content: start; } .pagination.justify-right { justify-content: end; } .pagination .next, .pagination .prev { display: flex; width: calc(var(--x_small) * 2); } body.rtl .pagination .icon { transform: rotate(180deg); } label.error { -webkit-animation: fadein 0.4s; animation: fadein 0.4s; bottom: 40px; color: var(--white); background: var(--error_color); font-size: 10px; line-height: 12px; right: 0; padding: calc(var(--xx_small) / 2) var(--xx_small); position: absolute; text-align: center; white-space: nowrap; } .message label.error { top: -5px; bottom: auto; } .pop label.error { bottom: 100%; left: 0; right: auto; } .radiobox label.error { bottom: 100%; } .contact label.error { left: 0; right: auto; } label.error:after, label.error:before { top: 100%; right: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; transform: translate(50%, 0); } label.error:after { border-color: var(--error_color_00); border-top-color: var(--error_color); border-width: calc(var(--xx_small) / 2); margin-left: calc(-1 * var(--xx_small) / 2); } .error-text { color: var(--error_color); font-weight: var(--body_font_weight); } .product .error-text, .item .error-text { padding: 0 0 calc(var(--master_spacing) / 2); } .product .error-text .upper, .item .error-text .upper { text-transform: uppercase; } .success, .successForm, .errors, .errorForm, .reset-errors { border: 1px solid var(--success_color); color: var(--success_color); display: block; margin: 0 0 var(--master_spacing); padding: var(--master_spacing) var(--master_spacing) 0; text-align: center; } .success, .success p, .success a, .success ul, .successForm, .successForm p, .successForm a, .successForm ul, .errors, .errors p, .errors a, .errors ul, .errorForm, .errorForm p, .errorForm a, .errorForm ul, .reset-errors, .reset-errors p, .reset-errors a, .reset-errors ul { color: var(--success_color); } .success p, .success ul, .successForm p, .successForm ul, .errors p, .errors ul, .errorForm p, .errorForm ul, .reset-errors p, .reset-errors ul { list-style: none; padding: 0 0 var(--master_spacing); } .success p li:last-child, .success ul li:last-child, .successForm p li:last-child, .successForm ul li:last-child, .errors p li:last-child, .errors ul li:last-child, .errorForm p li:last-child, .errorForm ul li:last-child, .reset-errors p li:last-child, .reset-errors ul li:last-child { padding: 0; } .success.hidden, .successForm.hidden, .errors.hidden, .errorForm.hidden, .reset-errors.hidden { display: none; } .errors, .errorForm, .form-error, .reset-errors { border-color: var(--error_color); } .errors, .errors p, .errors a, .errors ul, .errorForm, .errorForm p, .errorForm a, .errorForm ul, .form-error, .form-error p, .form-error a, .form-error ul, .reset-errors, .reset-errors p, .reset-errors a, .reset-errors ul { color: var(--error_color); } .errors .errors, .errorForm .errors, .form-error .errors, .reset-errors .errors { border: none; margin: 0; padding: 0; } .socials { float: left; width: 100%; } .socials ul { padding: 0 0 calc(var(--master_spacing) / 2); } .socials ul li { display: inline-block; padding: 5px 5px 5px 2px; overflow: hidden; list-style: none; transition: padding 0.25s ease; } .socials ul li:hover { padding: 0px 5px 10px 2px; } .socials ul li:last-child { padding-right: 0; } .socials ul li a { font-size: var(--medium); padding: 5px; } .socials ul li a .icon { color: var(--accent_color) !important; } .socials ul li a:hover { padding: 0 5px 10px; text-decoration: none; } .socials ul li a:hover .icon { color: var(--hover_accent_color) !important; backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } .socials ul li a:focus { text-decoration: none; } .socials p { display: none; } .socials a.at-icon-wrapper, .socials a .at-icon-wrapper { background: none !important; } .socials a.at-icon-wrapper .at-icon, .socials a .at-icon-wrapper .at-icon { fill: var(--accent_color) !important; } .socials a:hover.at-icon-wrapper .at-icon, .socials a:hover .at-icon-wrapper .at-icon, .socials a:focus.at-icon-wrapper .at-icon, .socials a:focus .at-icon-wrapper .at-icon { fill: var(--hover_accent_color) !important; } shop-follow-button { display: flex; width: 100%; } .text-center shop-follow-button { justify-content: center; } .text-left shop-follow-button { justify-content: start; } .text-right shop-follow-button { justify-content: end; } .breadcrumbs { display: block; } .breadcrumbs a, .breadcrumbs span { color: var(--a11ygrey); font-size: var(--x_small); font-weight: var(--body_font_weight_medium); } .breadcrumbs a.active, .breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs span.active, .breadcrumbs span:hover, .breadcrumbs span:focus { color: var(--accent_color); } .breadcrumbs .breadcrumb_text span:last-child, .breadcrumbs .breadcrumb_text span:last-child a { color: var(--accent_color); } .sub-collections { border-bottom: 1px solid var(--line_color); padding: 0 0 var(--master_spacing); } @media only screen and (max-width: 600px) { .sub-collections { border-bottom: none; padding: 0; } } .sorting.open-container .btn { margin: 0 0 var(--master_spacing); height: 40px; line-height: 20px; } .sorting.open-container .btn.open { display: none; } @media only screen and (max-width: 600px) { .sorting.open-container .btn.open { display: inline-block; } } .sorting.open-container span { display: inline-block; } .sorting.open-container span.sort { display: block; } .sorting.open-container span.sort span { display: block; } .sorting.open-container span.open-btn:after { float: right; height: 20px; margin: 0 0 0 calc(var(--xx_small) / 2); text-align: right; width: 15px; } .sorting.open-container details .btn.outline .icon-filter svg { fill: none; height: 20px; padding: 0 4px; stroke: var(--button_secondary_text); } .sorting.open-container details .btn.outline:hover .icon-filter svg, .sorting.open-container details .btn.outline:focus .icon-filter svg { fill: none; stroke: var(--button_secondary_hover); } .sorting.open-container details[open] + .open-slide .btn.outline:before { content: ''; } .sorting.open-container details[open] + .open-slide .btn.outline .icon-filter svg { fill: none; stroke: var(--accent_color); } .sorting.open-container details[open] + .open-slide .btn.outline:hover .icon-filter svg, .sorting.open-container details[open] + .open-slide .btn.outline:focus .icon-filter svg { fill: none; stroke: var(--white); } .sorting.open-container details[open] + .open-slide details[open] + .open-slide details[open] .open-more .more { display: none; } .sorting.open-container details[open] + .open-slide details[open] + .open-slide details[open] .open-more .less.hidden { display: block; } @media only screen and (max-width: 600px) { .sorting.open-container { padding: 0 calc(var(--master_spacing) / 2); } } .sorting.open-container .open-slide .open-container-filter .open .icon { display: none; left: calc((var(--master_spacing) * 2) * -1); margin: -1px 0 0; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); } @media only screen and (max-width: 600px) { .sorting.open-container .open-slide .open-container-filter .open .icon { display: block; top: unset; transform: translate(0, 0); } } @media only screen and (max-width: 600px) { .sorting.open-container .open-slide .open-container-filter .open span { margin: calc(var(--master_spacing) / 2) 0; } } @media only screen and (max-width: 600px) { .sorting.open-container .open-slide.active { display: block; } } @media only screen and (max-width: 600px) { .sorting.open-container .btn { max-width: none; width: 100%; } } .sorting.open-container .sortby { border-bottom: 1px solid var(--line_color); font-size: var(--x_small); height: auto; margin: 0 0 var(--master_spacing); } .sorting.open-container .sortby h5 { margin: 0; } .sorting.open-container .sortby .paginateBy { background: none; color: var(--body_font_color_lighten_15); font-size: var(--x_small); padding: 0 calc(var(--master_spacing) / 2); } .sorting.open-container .sortby .paginateBy.first { padding-left: calc(var(--master_spacing) * 2); } .sorting.open-container .sortby .paginateBy.active-filter.active, .sorting.open-container .sortby .paginateBy:hover, .sorting.open-container .sortby .paginateBy:focus { color: var(--accent_color); cursor: pointer; } .sorting.open-container .sortby .breadcrumbs { padding: 0 var(--master_spacing); } .sorting.open-container .sortby .breadcrumbs.negative-left { padding-left: 0; } .sorting.open-container .sortby .breadcrumbs.negative-right { padding-right: 0; } @media only screen and (max-width: 600px) { .sorting.open-container .sortby .breadcrumbs.text-left, .sorting.open-container .sortby .breadcrumbs.text-right { text-align: center; } } @media only screen and (max-width: 600px) { .sorting.open-container .sortby .table-cell { display: block; float: none; margin: 0 auto; text-align: center; } } .sorting.open-container .three { padding-top: var(--master_spacing); } .search-page .sorting.open-container .three { padding-top: 0; } @media only screen and (max-width: 600px) { .sorting.open-container .three { padding-top: 0; } } .sorting.open-container .filter { border-bottom: 1px solid var(--line_color); margin: 0 0 calc(var(--master_spacing) * 1.5); padding: 0 0 calc(var(--master_spacing) * 1.25); position: relative; } .sorting.open-container .filter.none { border: none; } .sorting.open-container .filter .form { background: none; margin: 0; } .sorting.open-container .filter .price-container:after { content: '-'; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .sorting.open-container .filter .price-container .form { margin: 0; } @media only screen and (max-width: 600px) { .sorting.open-container .filter .price-container .form { margin: calc(var(--master_spacing) / 2) 0; } } .sorting.open-container .filter .price-container .form span { background: var(--background); border-radius: 100%; font-size: 14px; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; top: calc(50% - 11px); width: 20px; } .sorting.open-container .filter.vertical-form .form { float: none; padding: 0; } .sorting.open-container .filter a.hover { color: var(--accent_color); } .sorting.open-container .filter ul.unformatted { padding: 0; } .sorting.open-container .filter li, .sorting.open-container .filter .open-more { display: block; font-size: var(--x_small); font-weight: var(--body_font_weight_medium); line-height: calc(var(--base) * 1.5); padding: 0; } .sorting.open-container .filter li:before, .sorting.open-container .filter .open-more:before { content: none; } .sorting.open-container .filter li a, .sorting.open-container .filter li span, .sorting.open-container .filter .open-more a, .sorting.open-container .filter .open-more span { display: inline-block; font-size: var(--x_small); font-weight: var(--body_font_weight_medium); line-height: var(--base); padding: 8px 0; position: relative; text-decoration: none; } .sorting.open-container .filter li a.hidden, .sorting.open-container .filter li span.hidden, .sorting.open-container .filter .open-more a.hidden, .sorting.open-container .filter .open-more span.hidden { display: none; } .sorting.open-container .filter li a:hover, .sorting.open-container .filter li a:focus, .sorting.open-container .filter li.active a, .sorting.open-container .filter .open-more a:hover, .sorting.open-container .filter .open-more a:focus, .sorting.open-container .filter .open-more.active a { text-decoration: none; opacity: 1; } .sorting.open-container .filter .open-more { color: var(--accent_color); font-weight: var(--body_font_weight_bold); } .sorting.open-container .filter .open-more:hover, .sorting.open-container .filter .open-more:focus { color: var(--hover_accent_color); cursor: pointer; } .sorting.open-container .filter.formatted li a, .sorting.open-container .filter.formatted li.disabled span { padding-left: calc(var(--x_small) * 2); } .rtl .sorting.open-container .filter.formatted li a, .rtl .sorting.open-container .filter.formatted li.disabled span { padding-left: 0; padding-right: calc(var(--x_small) * 2); } .sorting.open-container .filter.formatted li :before, .sorting.open-container .filter.formatted li :after { content: ''; left: 0; line-height: var(--xx_small); position: absolute; text-align: center; top: 50%; transform: translate(0, -50%); backface-visibility: hidden; transition: background 0.25s ease 0s, border-color 0.25s ease 0s, color 0.25s ease 0s, height 0.25s ease 0s, opacity 0.25s ease 0s; } .rtl .sorting.open-container .filter.formatted li :before, .rtl .sorting.open-container .filter.formatted li :after { left: unset; right: 0; } .sorting.open-container .filter.formatted li a:before, .sorting.open-container .filter.formatted li.disabled span:before { color: var(--accent_color); content: var(--box); } .sorting.open-container .filter.formatted li a.hover:after { color: var(--accent_color); content: var(--square_solid); opacity: 1; text-decoration: none; } .sorting.open-container .filter.formatted li a.hover:before, .sorting.open-container .filter.formatted li.active a.hover:before { color: var(--body_font_color); } .sorting.open-container .filter.formatted li.active a:after { color: var(--accent_color); content: var(--square_solid); opacity: 1; text-decoration: none; } .sorting.open-container .filter.formatted li.active a.hover:after, .sorting.open-container .filter.formatted li.active a:hover:after, .sorting.open-container .filter.formatted li.active a:focus:after { content: var(--x_only); } .sorting.open-container .filter.formatted li.disabled span { color: var(--body_font_color_50); padding-bottom: 8px; padding-top: 8px; } .sorting.open-container .filter.formatted li.disabled span:after { content: var(--square_crossed); } @media only screen and (max-width: 600px) { .sorting.open-container .filter { margin: 0 0 calc(var(--master_spacing) / 2); padding: 0 calc(var(--master_spacing) * 3) calc(var(--small) / 2); } .sorting.open-container .filter .dropdown { margin-bottom: calc(var(--master_spacing) / 2); } } div[slider] { position: relative; height: 4px; text-align: left; margin: 15px 0; } div[slider] > div { position: absolute; left: 10px; right: 10px; height: 4px; } div[slider] > div > [inverse-left] { position: absolute; left: 0; height: 4px; background-color: var(--line_color); } div[slider] > div > [inverse-right] { position: absolute; right: 0; height: 4px; background-color: var(--line_color); } div[slider] > div > [range] { position: absolute; left: 0; height: 4px; background-color: var(--accent_color); } div[slider] > div > [thumb] { background: var(--background); border: 1px solid var(--accent_color); border-radius: 50%; cursor: pointer; position: absolute; height: 20px; margin-left: -10px; outline: none; width: 20px; text-align: left; top: 50%; transform: translate(0, -50%); z-index: 2; } div[slider] > div > [thumb].right { margin-left: -12px; } div[slider] > input[type=range] { left: 0; position: absolute; pointer-events: none; -webkit-appearance: none; z-index: 3; height: 4px; top: 0px; width: 100%; opacity: 0; } .rtl div[slider] > input[type=range] { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } div[slider] > input[type=range]:hover { cursor: grab; } div[slider] > input[type=range]:focus { cursor: grabbing; } div[slider] > input[type=range]::-ms-thumb { pointer-events: all; width: 20px; height: 20px; border-radius: 0px; border: 0 none; background: var(--white); } div[slider] > input[type=range]::-moz-range-thumb { pointer-events: all; width: 20px; height: 20px; border-radius: 0px; border: 0 none; background: var(--white); } div[slider] > input[type=range]::-webkit-slider-thumb { pointer-events: all; width: 20px; height: 20px; border-radius: 0px; border: 0 none; background: var(--white); -webkit-appearance: none; } div[slider] > input[type=range]::-ms-fill-lower { background: transparent; border: 0 none; } div[slider] > input[type=range]::-ms-fill-upper { background: transparent; border: 0 none; } div[slider] > input[type=range]::-ms-track { -webkit-appearance: none; background: transparent; color: transparent; } div[slider] > input[type=range]::-moz-range-track { -moz-appearance: none; background: transparent; color: transparent; } div[slider] > input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; border: transparent; } div[slider] > input[type=range]::-ms-tooltip { display: none; } .filter .form { background: none; margin: 0 auto var(--master_spacing); } .filter .filter-open { z-index: 9; } .filter.horizontal-form .horizontal-form:first-child { padding-left: 0; } .filter.horizontal-form .horizontal-form:last-child { padding-right: 0; } @media only screen and (max-width: 600px) { .filter.horizontal-form .horizontal-form { padding: 0; } } .filter .vertical-form { padding: 0; } .filter .vertical-form .form { float: none; } @media only screen and (max-width: 600px) { .collection-desc.hidden { display: block; } } #form-add-to-cart { background: var(--white); bottom: 60px; border-top: 1px solid var(--line_color); padding: calc(var(--master_spacing) / 2); position: fixed; right: 0; z-index: 99; } .collection-products { padding: 0; position: relative; } .collection-products.glider { background: none; } .collection-products.comparison-products { overflow-x: scroll; } .collection-products.comparison-products table { margin: 0; width: auto; } .collection-products.comparison-products table td { border: none; border-bottom: 1px solid var(--line_color); padding: calc(var(--master_spacing) / 2); min-width: 160px; text-align: center; width: 160px; } .collection-products.comparison-products table td:first-child { background: var(--background); border-right: 1px solid var(--line_color); font-weight: var(--body_font_weight_bold); left: 0; padding-right: calc(var(--master_spacing) * 0.75); position: sticky; text-align: left; min-width: auto; overflow-wrap: normal; width: auto; word-break: normal; } @media only screen and (max-width: 600px) { .collection-products.comparison-products table td { min-width: 140px; width: 140px; } } .collection-products.comparison-products table tr:last-child td { border-bottom: none; } .collection-products.comparison-products table h4, .collection-products.comparison-products table .product-logistics, .collection-products.comparison-products table .reviews.bottompad-quarter, .collection-products.comparison-products table h6, .collection-products.comparison-products table p { margin: 0; padding: 0; } .collection-products.comparison-products table h4 a:hover, .collection-products.comparison-products table .product-logistics a:hover, .collection-products.comparison-products table .reviews.bottompad-quarter a:hover, .collection-products.comparison-products table h6 a:hover, .collection-products.comparison-products table p a:hover { text-decoration: underline; } .collection-products.comparison-products table .compare-link { font-weight: normal; margin: calc(var(--master_spacing) / 2); text-transform: none; } .collection-products.comparison-products table .compare-remove { background: none; color: var(--error_color); } @media only screen and (max-width: 768px) { .collection-products .product:not(.product-columns) { border-bottom: 1px solid var(--line_color); height: auto; padding-bottom: var(--master_spacing); } .collection-products .product:not(.product-columns).glider-slide { border-bottom: none; border-right: 1px solid var(--line_color); margin: 0; padding-bottom: calc(var(--master_spacing) / 2); } .collection-products .product:not(.product-columns).glider-slide .product-border { padding: calc(var(--master_spacing) / 2); } .collection-products .product:not(.product-columns).glider-slide .product-border .product-thumb-container, .collection-products .product:not(.product-columns).glider-slide .product-border .product-details { display: table-cell; } } @media only screen and (max-width: 768px) and (max-width: 480px) { .collection-products .product:not(.product-columns).glider-slide .product-border .product-thumb-container { display: block; width: 100%; } } @media only screen and (max-width: 768px) and (max-width: 480px) { .collection-products .product:not(.product-columns).glider-slide .product-border .product-details { display: flex; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; margin: 0; width: 100%; } } @media only screen and (max-width: 768px) { .collection-products .product:not(.product-columns) .product-border { display: table; } .collection-products .product:not(.product-columns).borders > div { border: none; padding: 0; } .collection-products .product:not(.product-columns).last { border: none; padding-bottom: 0; } .collection-products .product:not(.product-columns) .product-thumb-container, .collection-products .product:not(.product-columns) .product-details { box-sizing: border-box; display: inline-block; margin: 0; vertical-align: middle; width: 50%; } .collection-products .product:not(.product-columns) .product-thumb-container.hidden, .collection-products .product:not(.product-columns) .product-details.hidden { display: none; } .collection-products .product:not(.product-columns) .product-thumb-container { padding-right: var(--master_spacing); } .collection-products .product:not(.product-columns) .product-thumb-container.cart { width: 33.33%; } } @media only screen and (max-width: 768px) and (max-width: 320px) { .collection-products .product:not(.product-columns) .product-thumb-container.cart { width: 100%; } } @media only screen and (max-width: 768px) and (max-width: 768px) { .collection-products .product:not(.product-columns) .product-thumb-container:after { display: none; } } @media only screen and (max-width: 768px) { .collection-products .product:not(.product-columns) .product-thumb, .collection-products .product:not(.product-columns) .product-details { margin: 0; } .collection-products .product.product-columns { width: 50%; } .collection-products .product.product-columns .product-thumb-container { margin-bottom: calc(var(--master_spacing) / 2); } } @media only screen and (max-width: 480px) { .collection-products .product:not(.product-columns).glider-slide { border: none; } .collection-products .product:not(.product-columns).glider-slide .product-border { display: flex; } .collection-products .product:not(.product-columns).glider-slide.borders > div { border: 1px solid var(--line_color); padding: calc(var(--master_spacing) / 2); } .collection-products .product:not(.product-columns).glider-slide .product-thumb-container { margin-bottom: calc(var(--master_spacing) / 2); padding-right: 0; } } @media only screen and (max-width: 320px) { .collection-products .product:not(.product-columns) .product-thumb-container, .collection-products .product:not(.product-columns) .product-details { display: block; margin-bottom: calc(var(--master_spacing) / 2); padding-right: 0; width: 100%; } .collection-products .product:not(.product-columns) .product-thumb-container.hidden, .collection-products .product:not(.product-columns) .product-details.hidden { display: none; } .collection-products .product.product-columns { width: 100%; } } .product-loop { display: flex; flex-wrap: wrap; float: left; width: 100%; } .product-loop .center { width: 100%; } .product-loop.right { justify-content: end; } .product-loop.center { float: none; justify-content: center; } @media only screen and (max-width: 600px) { .product-loop.center { justify-content: left; } } .product-loop.glider-track { flex-wrap: nowrap; } .product { display: flex; font-size: 0; margin: 0 0 calc(var(--master_spacing) * 2); vertical-align: top; } .product.half-pad { margin: 0 0 var(--master_spacing); } .product.first { clear: left; } .product.borders { margin: 0 0 var(--master_spacing); } .product.borders > div { border: 1px solid var(--line_color); box-sizing: border-box; padding: calc(var(--master_spacing) / 2); } .product.borders > div.no-pad { padding-left: 0; padding-right: 0; } .product .product-border { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; float: left; width: 100%; height: 100%; position: relative; } .product .product-border.table { display: table; } .product.hover .purchase { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out 0s; } .mobile-only .product.hover .purchase { max-height: none; } .product.hover .purchase .btn { margin-top: calc(var(--master_spacing)/ 2); } .product.hover:hover .purchase, .product.hover:focus .purchase, .product.hover:focus-within .purchase { max-height: 100rem; transition: max-height 0.75s ease-in 0s; } .product .collection { color: var(--headline_font_color); display: block; } .product .product-thumb { line-height: 0; margin: 0 0 var(--master_spacing); text-align: center; } .product .product-thumb.relative:after { border-bottom: 1px solid var(--line_color); bottom: calc(-1 * var(--master_spacing) / 2 - 1); content: ''; left: 0; padding: 0 0 var(--master_spacing); position: absolute; width: 100%; } .product .product-thumb a:hover, .product .product-thumb a:focus { text-decoration: none; } .product .product-thumb img { margin: 0 auto; max-width: 100%; } .product .product-thumb.no-pad { margin: 0; } .product .product-details { display: flex; flex-direction: column; flex-grow: 1; } .product .product-details.table-cell { display: table-cell; } .product .product-details.table-cell .product-title { display: block; } .product .product-details .product-title a:hover, .product .product-details .product-title a:focus { color: var(--accent_color); text-decoration: underline; } .product .product-details .product-title.collection h4, .product .product-details .product-title.collection h4 a { color: var(--accent_color); -ms-word-break: break-all; -ms-hyphens: auto; } .product .product-details .product-variants { display: flex; flex-direction: column; flex-grow: 1; -webkit-justify-content: flex-end; justify-content: flex-end; } .product .product-details .product-price { font-size: var(--xx_small); } .product .product-details .product-price del { opacity: 0.75; } .product.additional a { background: none; border: 2px solid var(--accent_color); color: var(--accent_color); font-size: var(--x_small); } .product.additional a .product-details { padding: calc(var(--master_spacing) / 2); } .product.additional a .product-details span { border-bottom: 1px solid; display: table; font-weight: var(--body_font_weight_bold); font-size: var(--x_small); margin: 0 auto 4px; padding-bottom: 4px; } .product.additional a:hover { background: var(--accent_color); border-color: var(--accent_color); color: var(--white); text-decoration: none; } .product.order-form { vertical-align: middle; } @media only screen and (max-width: 600px) { .product p.no-pad { padding: 0 0 var(--master_spacing); } } .product-thumb img.lazyload { transition: none; } .product-thumb .product-thumb-main.product-thumb-align.var_hover, .product-thumb .product-thumb-hover, .product-thumb .product-thumb-var { left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 0; } .product-thumb.enable-thumb-hover:hover .product-thumb-main.product-thumb-align, .product-thumb.enable-thumb-hover:hover .product-thumb-var, .product-thumb.enable-thumb-hover:focus .product-thumb-main.product-thumb-align, .product-thumb.enable-thumb-hover:focus .product-thumb-var, .product-thumb.enable-thumb-hover:focus-visible .product-thumb-main.product-thumb-align, .product-thumb.enable-thumb-hover:focus-visible .product-thumb-var { left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 0; } .product-thumb.enable-thumb-hover:hover .product-thumb-hover, .product-thumb.enable-thumb-hover:focus .product-thumb-hover, .product-thumb.enable-thumb-hover:focus-visible .product-thumb-hover { background: var(--background); opacity: 1; position: unset; visibility: visible; z-index: 2; } .product-thumb.enable-thumb-hover:hover.title-align .product-thumb-hover, .product-thumb.enable-thumb-hover:focus.title-align .product-thumb-hover, .product-thumb.enable-thumb-hover:focus-visible.title-align .product-thumb-hover { position: absolute; } .product-thumb .product-thumb-var.var_hover { background: var(--background); opacity: 1; position: unset; visibility: visible; z-index: 1; } .product-thumb.title-align .product-thumb-var.var_hover { position: absolute; } .badge { align-items: center; background: var(--badge_background_color); border: 1px solid var(--badge_color); border-collapse: initial; border-radius: 100%; display: flex; justify-content: center; left: calc(var(--master_spacing) / 4); position: absolute; top: calc(var(--master_spacing) / 4); z-index: 3; } .borders .badge { left: calc(-1 * var(--master_spacing) / 4); top: calc(-1 * var(--master_spacing) / 4); } .badge > span { color: var(--badge_color); font-family: sans-serif; font-size: 11px; line-height: 12px; overflow-wrap: normal; text-align: center; word-break: normal; } .background-align .relative:not(.ignore), .title-align .relative:not(.ignore) { padding-left: 100%; padding-bottom: 100%; width: auto; } .background-align a.img-align, .title-align a.img-align { bottom: 0; left: 0; right: 0; top: 0; padding: 0; position: absolute; } .title-align.title-align-left { padding-bottom: 0; } .title-align.title-align-left.item-thumb { padding-bottom: calc(var(--master_spacing) / 2); } .title-align img { margin: 0 auto; max-width: 100%; height: auto; } .title-align img.img-align { padding: 0; } .title-align img.img-align.cart { height: auto; width: auto; max-height: 100%; max-width: 100%; } .title-align img.img-align.landscape { height: auto; } .title-align img.dropdown { height: auto; max-height: 100%; width: auto; } .title-align img.vertical { height: 100%; object-fit: contain; width: auto; } .product-id .variant-inventory { display: block; } .product-id .variant-inventory h4 { color: var(--success_color); font-weight: normal; line-height: calc(var(--medium) * 1.5); margin: 0; text-transform: none; } .product-id .variant-inventory h4 span { display: inline-flex; margin: 0 2px; vertical-align: middle; } .product-id .variant-inventory h4 .error-text { line-height: 1; padding-left: 20px; position: relative; white-space: nowrap; } .product-id .variant-inventory h4 .error-text span { left: 0; position: absolute; top: 50%; transform: translate(0, -50%); } @media only screen and (max-width: 768px) { .product-id .variant-inventory h4 { line-height: calc(var(--x_small) * 1.5); } } .go-to-cart { width: 100%; } .thumbnails a:hover, .thumbnails a:focus { cursor: pointer; } .thumbnails input { border: none; height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 5; } .thumbnails input:before, .thumbnails input:checked:before { content: none; } .featured-image, .thumbnails, .product-form { margin: 0 auto var(--master_spacing); } .featured-image .variant-image, .featured-image img, .thumbnails .variant-image, .thumbnails img, .product-form .variant-image, .product-form img { margin: 0 auto; overflow: hidden; } .featured-image video, .thumbnails video, .product-form video { opacity: 0; width: 100%; } .featured-image model-viewer, .featured-image .shopify-model-viewer-ui, .thumbnails model-viewer, .thumbnails .shopify-model-viewer-ui, .product-form model-viewer, .product-form .shopify-model-viewer-ui { width: 100%; height: 100%; left: 0; position: absolute; top: 0px; } .featured-image img { position: unset; transform: none; transition: opacity .5s ease 0s, transform .125s ease 0s; width: 100%; } .featured-image img.vertical { height: 100%; width: auto; } .featured-image.glider-contain { margin: 0 auto var(--master_spacing); } .featured-image.glider-contain .glider-button-prev, .featured-image.glider-contain .glider-button-next { opacity: 0; } .featured-image.glider-contain .glider-button-prev { left: -8px; } .featured-image.glider-contain .glider-button-next { right: -8px; } .featured-image:hover .glider-button-prev, .featured-image:hover .glider-button-next, .featured-image:focus-within .glider-button-prev, .featured-image:focus-within .glider-button-next { opacity: 1; } .offers span.price-field { color: var(--price_color); } .offers span.price-field [data-variant-compare-at-price] { opacity: 0.50; text-decoration: line-through; } .offers span.price-field.product-single__price del { display: inline-block; margin: 0; } .offers span.savings:not(.hidden) { color: var(--price_color); font-size: 80%; } .offers.meta a { text-decoration: underline; } .product-logistics { color: var(--headline_font_color); font-size: var(--x_small); padding: 0 0 calc(var(--master_spacing) / 2); } .product-logistics .vendor a, .product-logistics .variant-sku span { font-weight: var(--body_font_weight_bold); text-decoration: none; } .product-logistics .vendor a + span, .product-logistics .variant-sku span + span { font-weight: var(--body_font_weight); } .product-logistics .vendor a { color: var(--headline_font_color); } .product-logistics .vendor a:hover, .product-logistics .vendor a:focus { text-decoration: underline; } .product-meta * { font-size: var(--x_small); margin-bottom: calc(var(--master_spacing) / 2); padding-bottom: 0; } .product-meta h1, .product-meta h2, .product-meta h3 h4, .product-meta h5, .product-meta h6 { font-size: var(--small); } .product-meta li { margin: 0; } .product-meta > div, .product-meta > span, .product-meta > a, .product-meta > time { display: block; margin: 0 0 calc(var(--master_spacing) * 0.75); } .product-meta > div :last-child, .product-meta > span :last-child, .product-meta > a :last-child, .product-meta > time :last-child { margin-bottom: 0; padding-bottom: 0; } .product-meta.product-meta-images { margin: 0 0 calc(var(--master_spacing) * 0.75); } .product-meta.product-meta-images img { display: inline-block; margin: 4px; } .form-blocks { border-bottom: 1px solid var(--line_color); color: var(--headline_font_color); margin-bottom: calc(var(--master_spacing) * 0.75); padding-bottom: calc(var(--master_spacing) * 0.75); } .form-blocks.no-pad { padding-bottom: 0; } .form-blocks.meta { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .form-blocks.meta p, .form-blocks.meta ul, .form-blocks.meta ol, .form-blocks.meta h1, .form-blocks.meta h2, .form-blocks.meta h3, .form-blocks.meta h4, .form-blocks.meta h5, .form-blocks.meta h6 { margin-bottom: calc(var(--master_spacing) / 4); padding-bottom: calc(var(--master_spacing) / 4); } .form-blocks.meta p:empty, .form-blocks.meta ul:empty, .form-blocks.meta ol:empty, .form-blocks.meta h1:empty, .form-blocks.meta h2:empty, .form-blocks.meta h3:empty, .form-blocks.meta h4:empty, .form-blocks.meta h5:empty, .form-blocks.meta h6:empty { display: none; } .form-blocks.meta p a, .form-blocks.meta ul a, .form-blocks.meta ol a, .form-blocks.meta h1 a, .form-blocks.meta h2 a, .form-blocks.meta h3 a, .form-blocks.meta h4 a, .form-blocks.meta h5 a, .form-blocks.meta h6 a { text-decoration: underline; } .form-blocks.meta p:last-child, .form-blocks.meta ul:last-child, .form-blocks.meta ol:last-child, .form-blocks.meta h1:last-child, .form-blocks.meta h2:last-child, .form-blocks.meta h3:last-child, .form-blocks.meta h4:last-child, .form-blocks.meta h5:last-child, .form-blocks.meta h6:last-child { border-bottom: 1px solid var(--line_color); margin-bottom: calc(var(--master_spacing) * 0.75); padding-bottom: calc(var(--master_spacing) * 0.75); } .form-blocks.meta details .slide-open { line-height: 1; transition: border-color 0s ease .125s, padding 0s ease 0s; } .form-blocks.meta details .slide-open .open { display: flex; } .form-blocks.meta details[open] .slide-open { transition: border-color 0.125s ease 0s, padding 0.25s ease 0s; border-color: transparent; padding-bottom: 0; } .form-blocks hr { border-color: var(--white); margin: calc(var(--master_spacing) / 4) 0; } .shopify-payment-terms { font-size: calc(var(--x_small) - 1px); display: block; } .shopify-payment-terms:empty { display: none; } .product-single__store-availability-container p, .store-availabilities-modal p { font-size: calc(var(--small) - 1px); padding: 0 0 calc(var(--master_spacing) / 2); } .product-single__store-availability-container p button, .store-availabilities-modal p button { background: none; color: var(--body_font_color); text-decoration: underline; } .product-single__store-availability-container .store-availability-container, .store-availabilities-modal .store-availability-container { border: 1px solid var(--line_color); padding: calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2) 0; } .product-single__store-availability-container .store-availability-container .store-availability-information .icon, .product-single__store-availability-container .store-availability-container .store-availability-list__item .icon, .store-availabilities-modal .store-availability-container .store-availability-information .icon, .store-availabilities-modal .store-availability-container .store-availability-list__item .icon { line-height: var(--small); vertical-align: middle; margin-right: 5px; } .product-single__store-availability-container .list, .store-availabilities-modal .list { border-bottom: 1px solid var(--line_color); margin: 0 0 var(--master_spacing); } .product-single__store-availability-container .list.last, .store-availabilities-modal .list.last { border: none; margin: 0; padding: 0; } .product-single__store-availability-container .list .store-availability-list__stock, .store-availabilities-modal .list .store-availability-list__stock { font-size: var(--xx_small); } .product-single__store-availability-container .list .store-availability-list__stock .icon, .store-availabilities-modal .list .store-availability-list__stock .icon { line-height: var(--xx_small); vertical-align: middle; } .shopify-installments { border-bottom: 1px solid var(--line_color); font-size: calc(var(--small) - 1px); margin-bottom: var(--master_spacing); } .feedback.cart-success, .feedback.cart-success a { color: var(--success_color); } .feedback.error { color: var(--error_color); } .feedback .html span { text-transform: capitalize; } .tabs { float: left; width: 100%; padding: 0; z-index: 1; } .tabs .glider { margin: 0; } .tabs a { border-bottom: 2px solid transparent; display: flex; flex-direction: column; justify-content: center; margin: 0 calc(var(--master_spacing)/ 2); position: relative; text-align: center; transition: all 0.25s ease 0s; width: auto; } .tabs a:hover, .tabs a:focus { text-decoration: none; } .tabs a:focus-visible { outline-offset: -0.3rem; } .tabs a.ignore { outline: none; } .product-page .tabs a { bottom: -1px; } .tabs a .h5 { color: var(--a11ygrey); display: inline-block; font-weight: var(--headline_font_weight_medium); margin: 0; padding: calc(var(--master_spacing) / 2) 0; position: relative; text-decoration: none; transition: all 0.25s ease 0s; } .product-page .tabs a .h5 { display: block; } .tabs a .h5:hover, .tabs a .h5:focus { color: var(--hover_accent_color); cursor: pointer; text-decoration: none; } .tabs a .h5:hover.underline, .tabs a .h5:focus.underline { padding: calc(var(--master_spacing) * 0.25) 0 calc(var(--master_spacing) * 0.75); } .tabs a .h5:hover:after, .tabs a .h5:focus:after { border-color: var(--hover_accent_color); } @media only screen and (max-width: 600px) { .tabs a .h5 { font-size: var(--x_small); } } .tabs a.first, .tabs a:hover { border-color: var(--accent_color); } .tabs a.first .h5, .tabs a:hover .h5 { color: var(--accent_color); } .tabs a.first .h5.underline, .tabs a:hover .h5.underline { padding: calc(var(--master_spacing) * 0.25) 0 calc(var(--master_spacing) * 0.75); } .tabs a:first-child { margin-left: 0; } .tabs a:last-child { margin-right: 0; } .tabs:before, .tabs:after { content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .tabs:after { clear: both; } .tabs .icon-left, .tabs .icon-right { background: var(--background); } .tab-body { box-sizing: border-box; float: left; width: 100%; height: auto; overflow: visible; position: relative; } .tab-body.tab-body-badge { padding-top: calc(var(--master_spacing) / 2); } .tab-body.tab-body-content { padding-top: calc(var(--master_spacing) / 2); } .product-description .tab-body.tab-body-content { padding: calc(var(--master_spacing) * 2) 0 0; } .product-description .tab-body { border-top: 1px solid var(--line_color); } .product-description .tab-body.hide { border: none; padding: 0; } .tab-body.hide { height: 0; overflow: hidden; padding: 0; visibility: hidden; } .tab-body.hide .glider-pagination { display: none; } .tab-body .product-loop { margin-bottom: calc(-1 * var(--master_spacing)); } .tab-body .product-loop.glider-track { margin-bottom: 0; } #cart-table table { margin: 0 auto; width: auto; } #cart-table table tr.table-border-top { border-bottom: 1px solid var(--line_color); } #cart-table table tr.table-border-bottom { height: calc(var(--xx_small) * 3); } #cart-table table tr.table-border-bottom td { vertical-align: bottom; } #cart-table table tr td { border: none; height: auto; padding: 0 calc(var(--master_spacing) / 4); } #cart-table table tr td p { padding: 0 0 calc(var(--master_spacing) / 2); } #cart-table .additional-checkout-buttons > div { margin: 0 auto; max-width: 220px; min-height: auto !important; } #cart-table .additional-checkout-buttons > div li:before { content: none; } #cart-table .additional-checkout-buttons .shopify-cleanslate [data-testid="grid-cell"] { -webkit-box-flex: auto !important; -webkit-flex: auto !important; -ms-flex: auto !important; flex: auto !important; margin: 0 0 calc(var(--master_spacing) / 2) !important; width: 100% !important; } #cart-table .additional-checkout-buttons .shopify-cleanslate [data-testid="grid-cell"]:before { content: ''; } #cart-table .additional-checkout-buttons .shopify-cleanslate ul { padding: 0; } #cart-table .additional-checkout-buttons .shopify-cleanslate ul li { padding: 0; } .cart-table { display: flex; gap: var(--master_spacing); flex-direction: column; text-align: left; } .cart-table .item:not(.item-row) { border-bottom: 1px solid var(--line_color); } .cart-table .item:not(.item-row).last { border: none; } .cart-table .cart-table-body .item-row { align-items: center; display: flex; gap: var(--master_spacing); flex-direction: row; } .cart-table .cart-table-body .item-row .item-thumb { flex: 0 0 auto; margin: 0 0 calc(var(--master_spacing) / 2); width: 140px; } @media only screen and (max-width: 600px) { .cart-table .cart-table-body .item-row .item-thumb { width: 100px; } } .cart-table .cart-table-body .item-row .item-details { align-items: center; display: flex; gap: var(--master_spacing); flex-direction: row; flex-grow: 1; justify-content: space-between; } .cart-table .cart-table-body .item-row .item-details > div { width: 100%; } .cart-table .cart-table-body .item-row .item-details h4 { font-size: var(--headline_font_size_20); margin-bottom: calc(var(--master_spacing) / 3); } .cart-table .cart-table-body .item-row .item-details h5 { font-size: var(--headline_font_size_18); margin-bottom: calc(var(--master_spacing) / 3); } .cart-table .cart-table-body .item-row .item-details h5 del { opacity: 0.50; } .cart-table .cart-table-body .item-row .item-details .qtyOpt { align-content: center; display: grid; flex: 0 0 auto; grid-template-rows: max-content; width: 100px; } #cart .cart-table .cart-table-body .item-row .item-details .qtyOpt { width: 160px; } @media only screen and (max-width: 600px) { #cart .cart-table .cart-table-body .item-row .item-details .qtyOpt { width: 100px; } } @media only screen and (max-width: 480px) { #cart .cart-table .cart-table-body .item-row .item-details .qtyOpt { width: 100%; } } .cart-table .cart-table-body .item-row .item-details .qtyOpt.text { grid-template-columns: 1fr; text-align: center; } @media only screen and (max-width: 480px) { .cart-table .cart-table-body .item-row .item-details .qtyOpt.text { border-top: 1px solid var(--line_color); padding-top: calc(var(--master_spacing) / 2); width: 100%; } } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form { grid-template-columns: repeat(2, 1fr); grid-template-rows: max-content; } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form h5 { grid-area: 1 / 1 / 2 / 3; margin-bottom: calc(var(--master_spacing) / 2); text-align: center; } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form .item-qty-container { grid-area: 2 / 1 / 3 / 3; } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form .item-qty-container input { width: 100%; } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form .item-qty-container label.error { right: 50%; transform: translate(50%); } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form .icon-minus { grid-area: 3 / 1 / 4 / 2; margin: 6px auto; } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form .icon-plus { grid-area: 3 / 2 / 4 / 3; margin: 6px auto; } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form .remove_item_multi { background: none; color: var(--body_font_color_lighten_15); font-size: var(--xx_small); grid-area: 4 / 1 / 5 / 3; margin: 10px 0; } .cart-table .cart-table-body .item-row .item-details .qtyOpt.form .remove_item_multi:hover { color: var(--body_font_color); } @media only screen and (max-width: 480px) { .cart-table .cart-table-body .item-row .item-details .qtyOpt.form { padding-top: calc(var(--master_spacing) / 2); width: 100%; } } @media only screen and (max-width: 600px) { .cart-table .cart-table-body .item-row .item-details .qtyOpt { align-content: start; } } @media only screen and (max-width: 600px) { .cart-table .cart-table-body .item-row .item-details { align-items: start; } } @media only screen and (max-width: 480px) { .cart-table .cart-table-body .item-row .item-details { flex-direction: column; gap: 0; } } .cart-table .cart-table-body .item-row + .item-row { border-top: 1px solid var(--line_color); padding-top: var(--master_spacing); } @media only screen and (max-width: 480px) { .cart-table .cart-table-body .item-row + .item-row { margin-top: calc(var(--master_spacing) / 2); } } @media only screen and (max-width: 600px) { .cart-table .cart-table-body .item-row { align-items: start; } } .blog-article img { display: block; margin-bottom: var(--master_spacing); } .blog-article .blog-data { margin: 0 0 calc(var(--master_spacing) / 2); } .blog-article .blog-data a, .blog-article .blog-tags a { text-decoration: none; } .blog-article .blog-data a:hover, .blog-article .blog-data a:focus, .blog-article .blog-tags a:hover, .blog-article .blog-tags a:focus { text-decoration: underline; } .blog-header { border-bottom: 1px solid var(--line_color); margin-bottom: var(--master_spacing); } .single-article { border-bottom: none; margin: 0 0 calc(var(--master_spacing) * 1.5); } @media only screen and (max-width: 600px) { .sidebar { margin-top: var(--master_spacing); } } .comments { border-top: 1px solid var(--line_color); float: left; width: 100%; margin: 0; padding: calc(var(--master_spacing) * 2) 0 0; } .table.noscript { background: var(--error_color_75); bottom: 0; height: 60px; position: fixed; width: 100%; z-index: 999; } .table.noscript span { color: var(--white); display: block; padding: 0 var(--master_spacing); text-align: center; } .password, .password-page { height: 100vh; padding: 0; width: 100%; } .password { display: table; margin: 0 auto; } .password .password-page { display: table-cell; vertical-align: middle; } .password .password-links { background: var(--background); border: 1px solid var(--line_color); bottom: 0; font-size: var(--x_small); padding: calc(var(--x_small) / 2); position: absolute; left: 50%; transform: translate(-50%, 50%); white-space: nowrap; z-index: 1; } .password .password-links button { background: none; color: var(--body_font_color); } .password .password-links.full { border-bottom: none; transform: translate(-50%, 0); } .zoom-option { background: var(--background); bottom: 0; color: var(--body_font_color); font-size: var(--x_small); justify-content: center; left: 0; opacity: 0; position: absolute; padding: 10px; transition: opacity .25s ease; } .zoom-option .plus { opacity: 1; transition: opacity .25s ease; } body.zoom-enabled { overflow: hidden; touch-action: none; } body.zoom-enabled:after { background: var(--background); content: ''; inset: 0; opacity: 0.85; position: fixed; height: 100%; width: 100%; z-index: 9999; } body.zoom-enabled .featured-image .glider, body.zoom-enabled .product-image-zoomed { z-index: 99999; } .product-image-zoomable:not(.product-image-zoomed) { cursor: zoom-in; } .product-image-zoomable.product-image-zoomed { cursor: zoom-out; } .product-image-zoomable.product-image-zoomed .zoom-option .plus { opacity: 0; } .true-mobile .product-image-zoomable .zoom-option { opacity: 1; } .plyr video { opacity: 1; } .plyr.plyr--full-ui.plyr--video { color: var(--body_font_color); background-color: transparent; z-index: 9; } .plyr.plyr--full-ui.plyr--video .plyr__poster, .plyr.plyr--full-ui.plyr--video .plyr__video-wrapper { background-color: transparent; } .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid { background-color: var(--white); border-color: var(--body_font_color_05); } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover { color: var(--body_font_color_50); } .plyr.plyr--full-ui.plyr--video .plyr__controls { background-color: var(--white); border-color: var(--body_font_color_05); } [data-product-gallery-selected="false"] .plyr.plyr--full-ui.plyr--video .plyr__controls { display: none; } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-thumb { box-shadow: 2px 0 0 0 var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-thumb { box-shadow: 2px 0 0 0 var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-thumb { box-shadow: 2px 0 0 0 var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0), var(--body_font_color_05) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-track { background-color: var(--body_font_color_50); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-fill-upper { background-color: var(--body_font_color_50); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 4px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 4px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-moz-range-thumb { box-shadow: 0 0 0 3px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-ms-thumb { box-shadow: 0 0 0 3px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip { background-color: var(--body_font_color); color: var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before { border-top-color: var(--body_font_color); } .plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer { background-image: linear-gradient(-45deg, var(--body_font_color_50) 25%, transparent 25%, transparent 50%, var(--body_font_color_50) 50%, var(--body_font_color_50) 75%, transparent 75%, transparent); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'] { color: var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-thumb { box-shadow: 2px 0 0 0 var(--body_font_color); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-thumb { box-shadow: 2px 0 0 0 var(--body_font_color); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-thumb { box-shadow: 2px 0 0 0 var(--body_font_color); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-track, .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-fill-upper { background-color: rgba(255, 255, 255, 0.6); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); } .draggable:not(.drag) .plyr[tabindex="-1"] { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: var(--white); border-color: var(--line_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: var(--body_font_color); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: var(--body_font_color_50); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus { color: var(--body_font_color_50); background: var(--body_font_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-color: var(--body_font_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { background: var(--white); border-color: var(--body_font_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: var(--body_font_color_50); } [data-product-gallery-selected="false"] .shopify-model-viewer-ui { display: none; } header predictive-search { align-items: center; background: none; border: none; display: flex; width: 100%; } input[type="search"].search-field { padding: calc(var(--master_spacing) / 2); } .active input[type="search"].search-field { background: var(--background); } .mobile-search .active input[type="search"].search-field { background: var(--background_search); border-color: var(--line_color); color: var(--body_font_color); } .static-search input[type="search"].search-field { color: var(--customer_font_color); border: none; height: auto; margin: 0; min-height: auto; padding: calc(var(--master_spacing) / 4) calc(var(--master_spacing) / 2); } .mobile-search input[type="search"].search-field { color: var(--header_font_color_darken_15); } .dynamic-search input[type="search"].search-field { background-color: var(--background_search); } .text-center input[type="search"].search-field { text-align: center; } .search-form, .open-container .open-slide { scrollbar-color: var(--line_color) var(--background); scrollbar-width: thin; } .search-form ::-webkit-scrollbar, .open-container .open-slide ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .search-form ::-webkit-scrollbar-thumb, .open-container .open-slide ::-webkit-scrollbar-thumb { border: 2px solid var(--background); background-color: var(--line_color); } .search-form ::-webkit-scrollbar-track, .open-container .open-slide ::-webkit-scrollbar-track { background: var(--background); } .search-form.search-form-header { display: block; margin: 0; width: calc(100% - 2px); } .mobile-only .search-form.search-form-header#search-header-mobile > span { border-color: var(--header_font_color); margin: 0; min-height: 40px; } .search-form.search-form-header > span { border: 1px solid var(--customer_font_color); display: block; width: 100%; } .dynamic-search .search-form.search-form-header > span { border-color: var(--line_color_section); } .search-form.search-form-header.active { border-color: var(--line_color); } .mobile-only .search-form.search-form-header.active#search-header-mobile > span { background: var(--background_search); border-color: var(--line_color); color: var(--body_font_color); } .mobile-only .search-form.search-form-header.active#search-header-mobile > span .icon { color: var(--body_font_color); } .static-search .search-form.search-form-header { align-items: center; display: flex; width: 100%; transition: z-index 0s ease 500ms; z-index: 99999; } .no-scroll .static-search .search-form.search-form-header#search-header-desktop { transition: z-index 0s ease 0ms; z-index: 0; } .static-search .search-form.search-form-header > span { display: flex; margin: 4px 0; width: 100%; } .static-search .search-form.search-form-header > span button { background: none; color: var(--customer_font_color); height: auto; padding: 0; } .static-search .search-form.search-form-header > span button svg { height: 20px; padding: calc(var(--master_spacing) / 4); } .static-search .search-form.search-form-header#search-header-mobile > span input[type=text].search-field { border-color: var(--header_font_color); color: var(--header_font_color); } .static-search .search-form.search-form-header#search-header-mobile > span > button { background: none; color: var(--header_font_color); } .static-search .search-form.search-form-header.static-search-max { max-width: 600px; } .search-form.static-search.active.static-search-max { max-width: none; } .search-form .search-results { background: var(--background); border: 1px solid var(--line_color); border-top: none; box-sizing: border-box; float: none; height: auto; left: 0; list-style-type: none; margin: -1px 0 0; max-width: none; position: absolute; right: -2px; top: 100%; white-space: normal; z-index: 9999; height: auto; max-height: 0; overflow: hidden; transition: max-height 0.25s ease, visibility 0.25s linear; visibility: hidden; } predictive-search[open] .search-form .search-results { animation: hide-scroll 0.5s backwards; max-height: var(--max-height); overflow: auto; transition: max-height 0.5s ease, visibility 0.75s linear; visibility: visible; } .static-search .search-form .search-results { background: var(--background_search); margin: 0; top: 100%; } .mobile-only.no-scroll .static-search .search-form .search-results { left: 0px; margin-top: -1px; right: 0px; } .dynamic-search .search-form .search-results { background-color: var(--background_search); } .search-form .search-results ul { margin: 0; padding: calc(var(--master_spacing) / 2) 0 0; } .search-form .search-results ul li { display: inline-block; float: none; margin: 0; padding: 0 calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2); overflow: hidden; vertical-align: middle; } .search-form .search-results ul li.twelve { border-top: none; padding: 0 calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2); } .search-form .search-results ul li.twelve.suggestions { border-bottom: 1px solid var(--line_color); margin-bottom: var(--master_spacing); } .search-form .search-results ul li.twelve.first { border-top: 1px solid var(--line_color); padding-top: var(--master_spacing); } .search-form .search-results ul li.twelve.collection { padding: var(--master_spacing) calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2); } .search-form .search-results ul li.twelve.collection.title { padding: var(--master_spacing) calc(var(--master_spacing) / 2) 0; } .search-form .search-results ul li.twelve.page { padding: 0 calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2); } .search-form .search-results ul li.twelve.page a { grid-template-columns: 1fr; } .search-form .search-results ul li.twelve.page.title { padding: var(--master_spacing) calc(var(--master_spacing) / 2) 0; } .search-form .search-results ul li.twelve.article.title { padding: var(--master_spacing) calc(var(--master_spacing) / 2) 0; } .search-form .search-results ul li.twelve.article .article:not(.title), .search-form .search-results ul li.twelve.article h4 { margin: 0 0 calc(var(--master_spacing) / 2); } .search-form .search-results ul li.twelve.article .thumbnail { margin-bottom: calc(var(--master_spacing) / 2); } .search-form .search-results ul li p { color: var(--body_font_color); font-size: var(--small); line-height: calc(var(--xx_small) * 1.25); padding: 0 0 calc(var(--small) * 1.25); } .search-form .search-results ul li a { align-items: center; color: var(--body_font_color); display: grid; font-size: var(--x_small); grid-template-columns: 120px 1fr; grid-template-rows: 1fr; grid-column-gap: 10px; line-height: calc(var(--small) * 1.25); padding: 0; text-decoration: none; } .search-form .search-results ul li a span { font-weight: var(--body_font_weight_bold); } .search-form .search-results ul li a mark { text-decoration: underline; } .search-form .search-results ul li a:hover, .search-form .search-results ul li a:focus { text-decoration: none; } .search-form .search-results ul li a h4, .search-form .search-results ul li a .product-logistics, .search-form .search-results ul li a .reviews.bottompad-quarter, .search-form .search-results ul li a .product-price h6 { margin: 0 0 calc(var(--master_spacing) / 4); padding: 0; } .search-form .search-results ul li a .product-logistics { font-size: var(--x_small); } @media only screen and (max-width: 600px) { .search-form .search-results ul li a .product-logistics { font-size: var(--xx_small); } .search-form .search-results ul li a .product-price h6 { font-size: var(--x_small); } } .mobile-only .search-form .search-results ul li a { padding: 0; } .search-form .search-results ul li button { color: var(--body_font_color); font-size: var(--x_small); } .search-form .search-results ul li > h6 { margin: 0 0 var(--master_spacing); font-weight: var(--headline_font_weight_bold); } .search-form .search-results ul li.collection { vertical-align: top; } .search-form .search-results ul li.collection .thumbnail { margin: 0 0 calc(var(--master_spacing) / 2); padding-right: 0; } .search-form .search-results ul li.collection .thumbnail img { max-height: 260px; max-width: 260px; width: 100%; } .search-form .search-results ul li.collection a { display: block; } .search-form .search-results ul li.see-all { border-top: 1px solid var(--line_color); padding: 0; } .search-form .search-results ul li.see-all button { background: none; color: var(--headline_font_color); display: block; margin: 0 auto; padding: var(--master_spacing); } .search-form .search-results ul li:first-child { border-top: none; } .search-form .search-results ul li .thumbnail img { max-height: 120px; max-width: 120px; width: auto; } .search-form .search-results ul li.product .thumbnail, .search-form .search-results ul li.article .thumbnail { width: 120px; } .search-form .search-results ul li .title { width: 100%; text-align: left; } .with-image .search-form .search-results ul li .title { width: 80%; } .content .search-form .search-results { border-width: 1px; left: 0; right: 0; } .content .search-form .search-results li.see-all { border-top-width: 1px; } .search-form .search-results.block-width-four .four, .search-form .search-results.block-width-four .eight, .search-form .search-results.block-width-six .four, .search-form .search-results.block-width-six .eight { width: 100%; } .search-form .modal-close { background: none; } .search-form .modal-close:hover { background: none; } .search-form .modal-close:hover svg path { stroke: var(--error_color); } .search-form .disabled .modal-close { display: none; } .hotspots .hotspot { background: none; border-radius: 100%; font-size: 0; left: var(--position_left_mobile); padding: 2px; position: absolute; top: var(--position_top_mobile); transform: translate(-50%, -50%); z-index: 4; } @media only screen and (min-width: 600px) { .hotspots .hotspot { left: var(--position_left_desktop); top: var(--position_top_desktop); } } .hotspots .hotspot span { background: var(--hotspot_color_rgba); border-radius: 100%; display: block; height: 20px; width: 20px; } .hotspots .hotspot span:after { border: 1px solid var(--hotspot_color_rgba); border-radius: 100%; content: ''; height: 22px; left: 0; position: absolute; top: 0; transition: 250ms ease; width: 22px; z-index: -1; } .hotspots .hotspot span.animate:after { left: -2px; top: -2px; } .hotspots .hotspot:hover span:after, .hotspots .hotspot:focus-visible span:after { height: 18px; left: 2px; top: 2px; width: 18px; } .hotspots .hotspot:hover span.animate:after, .hotspots .hotspot:focus-visible span.animate:after { left: 0; top: 0; } @keyframes before_after_img { 0% { clip-path: inset(0 50% 0 0); } 33% { clip-path: inset(0 75% 0 0); } 66% { clip-path: inset(0 25% 0 0); } 100% { clip-path: inset(0 50% 0 0); } } @keyframes before_after_img_rtl { 0% { clip-path: inset(0 0 0 50%); } 33% { clip-path: inset(0 0 0 25%); } 66% { clip-path: inset(0 0 0 75%); } 100% { clip-path: inset(0 0 0 50%); } } @keyframes before_after_btn { 0% { left: 50%; } 33% { left: 25%; } 66% { left: 75%; } 100% { left: 50%; } } @keyframes before_after_btn_rtl { 0% { left: 50%; } 33% { left: 75%; } 66% { left: 25%; } 100% { left: 50%; } } .before-after .before-after-img, .before-after .foreground-img { height: 100%; inset: 0; position: absolute; width: 100%; } .before-after .foreground-img { z-index: 2; } .before-after .foreground-img .before-after-img { clip-path: inset(0 50% 0 0); } .animate-section.go .before-after .foreground-img .before-after-img.before-after-animate { animation: before_after_img 1.5s ease; } .before-after .foreground-img.rtl .before-after-img { clip-path: inset(0 0 0 50%); } .animate-section.go .before-after .foreground-img.rtl .before-after-img.before-after-animate { animation: before_after_img_rtl 1.5s ease; } .before-after input[type=range] { -webkit-appearance: none; background: none; position: absolute; left: 0; top: 50%; width: 100%; z-index: 4; } .rtl .before-after input[type=range] { transform: rotateY(180deg); } .before-after input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 0; } .before-after input[type=range]::-moz-range-track { width: 100%; height: 0; } .before-after input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; cursor: pointer; height: 24px; opacity: 0; width: 24px; transform: translate(0, -50%); } .before-after input[type=range]::-moz-range-thumb { cursor: pointer; height: 24px; opacity: 0; width: 24px; transform: translate(0, -50%); } .before-after .hotspot { pointer-events: none; } .before-after .hotspot span.icon { position: unset; } .before-after .hotspot span.icon svg { padding: 1px; } .animate-section.go .before-after .hotspot.before-after-animate { animation: before_after_btn 1.5s ease; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 20px)); } } .marquee { display: flex; justify-content: center; } .marquee .marquee-container { display: flex; gap: 20px; justify-content: center; overflow-x: clip; overflow-y: visible; padding: 0; user-select: none; } .marquee .marquee-container .marquee-items { align-items: center; animation: marquee var(--marquee_speed) linear infinite; display: flex; flex-shrink: 0; gap: 20px; white-space: nowrap; will-change: transform, scroll-position; } .rtl .marquee .marquee-container .marquee-items { animation-direction: reverse; } .marquee .marquee-container .marquee-items.reverse { animation-direction: reverse; } .rtl .marquee .marquee-container .marquee-items.reverse { animation-direction: normal; } .marquee .marquee-container .marquee-items .marquee-item { align-items: center; display: flex; gap: 20px; } .marquee .marquee-container .marquee-items .marquee-item em { padding-right: .25em; } .marquee .marquee-container .marquee-items .marquee-item > h4 { display: flex; justify-content: center; margin: 0; } .marquee .marquee-container:hover .marquee-items { animation-play-state: paused; } .countdown { display: flex; flex-direction: column; } .countdown.hidden { display: none; } .countdown [data-countdown] { align-items: center; column-gap: 10px; display: flex; flex-wrap: wrap; margin: 0 0 20px; row-gap: 10px; } .text-left .countdown [data-countdown] { justify-content: start; } .text-center .countdown [data-countdown] { justify-content: center; } .text-right .countdown [data-countdown] { justify-content: end; } .countdown [data-countdown] .countdown-time { align-items: center; color: var(--body_font_color); display: flex; flex-flow: column; gap: 5px; } .countdown [data-countdown] .countdown-time .counter { color: var(--headline_font_color); display: flex; flex-direction: row; height: 1em; line-height: 1em; overflow: hidden; } .countdown [data-countdown] .countdown-time .counter > span:not(.counter-time) { transition: width 1s ease; width: 1ch; } .countdown [data-countdown] .countdown-time .counter .counter-time { display: flex; flex-direction: column; transition: transform .25s ease; } .countdown [data-countdown] .countdown-time .counter .counter-time.loaded.hours.first { transform: translateY(var(--countdown_hour_1)); } .countdown [data-countdown] .countdown-time .counter .counter-time.loaded.hours.second { transform: translateY(var(--countdown_hour_2)); } .countdown [data-countdown] .countdown-time .counter .counter-time.loaded.minutes.first { transform: translateY(var(--countdown_minute_1)); } .countdown [data-countdown] .countdown-time .counter .counter-time.loaded.minutes.second { transform: translateY(var(--countdown_minute_2)); } .countdown [data-countdown] .countdown-time .counter .counter-time.loaded.seconds.first { transform: translateY(var(--countdown_second_1)); } .countdown [data-countdown] .countdown-time .counter .counter-time.loaded.seconds.second { transform: translateY(var(--countdown_second_2)); } #shopify-payment-terms-cover { z-index: 9999999 !important; } .loader { animation: loader-rotate 1s linear infinite; background: transparent; border: 2px solid var(--accent_color_25); border-bottom-color: var(--accent_color); border-radius: 50%; box-sizing: border-box; height: calc(var(--master_spacing) * 2.5); left: 50%; margin-left: calc(-1 * var(--master_spacing) * 1.25); margin-top: calc(-1 * var(--master_spacing) * 1.25); opacity: 0.75; padding: 0; position: absolute; top: 50%; width: calc(var(--master_spacing) * 2.5); z-index: 999; } .modal { display: none; font-size: var(--small); opacity: 0; transition: opacity .25s ease; } .modal.is-open, .modal.loaded { display: block; opacity: 1; } .modal .modal-overlay { display: flex; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; overflow-y: scroll; width: 100%; z-index: 9999999; } .modal .modal-overlay.quick-view { background: var(--background_85); } .modal .modal-overlay .modal-container { margin: auto; max-width: 800px; opacity: 0; transform: scale(0.9); transition: opacity .25s ease, transform .25s ease; z-index: 1; width: 100%; will-change: transform; } @media only screen and (max-width: 600px) { .modal .modal-overlay .modal-container { max-width: 98vw; } } .modal .modal-overlay .modal-container.loaded { opacity: 1; transform: scale(1); } @media only screen and (max-width: 820px) { .modal .modal-overlay .modal-container.comparison-products { max-width: 98vw; } } .modal .modal-overlay .modal-container.nopad { display: flex; padding: 0; } .modal .modal-overlay .modal-container .modal-content { background: var(--background); border: 1px solid var(--line_color); margin: var(--master_spacing); padding: var(--master_spacing); scrollbar-color: var(--line_color) var(--background); scrollbar-width: thin; text-align: left; } .modal .modal-overlay .modal-container .modal-content ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .modal .modal-overlay .modal-container .modal-content ::-webkit-scrollbar-thumb { border: 2px solid var(--background); background-color: var(--line_color); } .modal .modal-overlay .modal-container .modal-content ::-webkit-scrollbar-track { background: var(--background); } .modal .modal-overlay .modal-container .modal-content.nopad { display: flex; padding: 0; } .modal .modal-overlay .modal-container .modal-content.text-center { text-align: center; } .modal .modal-overlay .modal-container .modal-content .youtube-container { margin: 0; width: 100%; } .modal .modal-overlay .modal-container .modal-content .page-content { float: none; } .modal .modal-overlay .modal-container .modal-content .page-content *:last-child { margin-bottom: 0; padding-bottom: 0; } .modal-close { background: var(--background); border: 1px solid var(--line_color); border-radius: 100%; cursor: pointer; height: calc(var(--master_spacing) * 1.5); padding: 0; position: absolute; right: calc(var(--master_spacing) / 4); top: calc(var(--master_spacing) / 4); width: calc(var(--master_spacing) * 1.5); z-index: 9999; } .modal-close svg path { stroke: var(--accent_color); transition: stroke .25s; } .modal-close.search-modal { background: none; } .modal-close .icon { position: absolute; top: 50%; left: 50%; pointer-events: none; transform: translate(-50%, -50%); box-sizing: border-box; z-index: 2; } .modal-close:hover { background: var(--accent_color); border-color: transparent; } .modal-close:hover svg path { stroke: var(--background); } .modal-close:hover.search-modal { background: none; } .customer-links .modal-close, .search-form .modal-close, .cart-info .modal-close { border: none; height: calc(var(--master_spacing) * 1.5); z-index: 99999; } .customer-links .modal-close.hidden, .search-form .modal-close.hidden, .cart-info .modal-close.hidden { display: none; } .static-search .modal-close { right: calc(var(--master_spacing) / 2); top: calc(var(--master_spacing) / 2); } .cart-info .modal-close { background: none; right: calc(var(--master_spacing) / 2); top: 0; transform: none; } .cart-info .modal-close:hover svg path { stroke: var(--error_color); } body.modal-active { overflow: hidden !important; touch-action: none; } body.modal-active:not(.true-mobile) { margin-right: 17px; } .modal-active { height: auto; } .glider.thumbnails.loaded .image, .glider.loaded .product, .glider.loaded .logo, .animate-section .glider.loaded .product { transition: opacity 2.5s ease 0s; opacity: 1; } .glider-contain { direction: ltr; margin: 0 auto; overflow: hidden; position: relative; width: 100%; } .glider { margin: 0 calc(-1 * var(--master_spacing) / 2); overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; position: relative; transform: translateZ(0); scrollbar-width: none; -ms-overflow-style: none; } .glider .image, .glider .product { flex: none; } .glider.thumbnails { margin: 0 calc(-1 * var(--master_spacing) / 2) var(--master_spacing); padding: 2px 0; } .glider.slideshow { margin: 0; } .glider:not(.skip):after { content: ''; animation: loader-rotate 1s linear infinite; background: transparent; border: 2px solid var(--accent_color_25); border-bottom-color: var(--accent_color); border-radius: 50%; box-sizing: border-box; height: calc(var(--master_spacing) * 2.5); left: 50%; margin-left: calc(-1 * var(--master_spacing) * 1.25); margin-top: calc(-1 * var(--master_spacing) * 1.25); opacity: 0.75; padding: 0; position: absolute; top: 50%; width: calc(var(--master_spacing) * 2.5); z-index: 999; } .glider.loaded:after, .no-js .glider:after { display: none; } .glider.load { opacity: 0.01; } .glider::-webkit-scrollbar { display: none; } .glider-track { display: flex; margin: 0 auto; min-width: 100%; padding: 0; transform: translateZ(0); width: 100%; z-index: 1; } .glider-track.loaded { backface-visibility: hidden; transition: background 0.125s ease 0s, border-color 0.125s ease 0s, color 0.125s ease 0s, height 0.125s ease 0s, opacity 0.125s ease 0s; } .glider-track.center { justify-content: center; } .glider-track.vertical-center { align-items: center; } .glider-track.slideshow:not(.loaded) { display: flex; flex-flow: column; width: 100%; } .glider-track.product-tabs { margin: 0 0 1px; } .glider-track .product { margin: 0; padding-top: calc(var(--master_spacing) / 2); } .glider-track.product-tabs, .glider-track.glider-tabs { align-items: stretch; } .rtl .glider-track.product-tabs, .rtl .glider-track.glider-tabs { flex-direction: row-reverse; } .glider-track.glider-tabs { padding: 0 0 calc(var(--master_spacing) / 2); } .glider.draggable { cursor: -webkit-grab; cursor: grab; } .glider.draggable.no-drag { cursor: -webkit-default; cursor: default; } .product-images .glider.draggable.no-drag { touch-action: none; } @media only screen and (max-width: 768px) { .glider.draggable.no-drag { cursor: -webkit-grab; cursor: grab; } } .glider.draggable .glider-slide:not(.image) img { user-select: none; } .glider.drag { cursor: -webkit-grabbing; cursor: grabbing; } .glider.drag.no-drag { cursor: -webkit-default; cursor: default; } @media only screen and (max-width: 768px) { .glider.drag.no-drag { cursor: -webkit-grabbing; cursor: grabbing; } } .glider-slide { user-select: none; justify-content: center; align-content: center; } .glider-slide.visible { height: auto; } .glider-slide.hidden.center { display: block; } .glider-slide.center { margin: 0; } .glider-slide img { max-width: 100%; } .slideshow .glider-slide { height: 0; overflow: hidden; width: 100%; } .slideshow .glider-slide.visible { height: auto; } .glider-button-prev, .glider-button-next { background: none; color: var(--arrow_color); cursor: pointer; position: absolute; top: 50%; padding: calc(var(--master_spacing) / 2); transform: translate(0, -50%); backface-visibility: hidden; transition: background 0.125s ease 0s, border-color 0.125s ease 0s, color 0.125s ease 0s, height 0.125s ease 0s, opacity 0.125s ease 0s; visibility: visible; z-index: 10; } .glider-pagination .glider-button-prev, .glider-pagination .glider-button-next { display: inline-block; position: relative; top: 0; transform: translate(0, 0); } .glider-button-prev.disabled, .glider-button-next.disabled { cursor: auto; opacity: 0.01; pointer-events: none; visibility: hidden; } .glider-button-prev.disabled.thumbs, .glider-button-next.disabled.thumbs { opacity: 0.5; visibility: visible; } .glider-button-prev .icon, .glider-button-next .icon { border-radius: 100%; box-shadow: 0px 0px 0px 0px var(--arrow_color); padding: 4px; transition: box-shadow 0.25s linear; } .glider-button-prev:hover .icon, .glider-button-prev:focus .icon, .glider-button-next:hover .icon, .glider-button-next:focus .icon { box-shadow: 0px 0px 0px 2px var(--arrow_color); } .glider-button-prev:hover .icon svg path, .glider-button-prev:focus .icon svg path, .glider-button-next:hover .icon svg path, .glider-button-next:focus .icon svg path { stroke-width: 3px; } .tabs .glider-button-prev, .tabs .glider-button-next { text-align: center; } .tabs .glider-button-prev { left: 0; } .tabs .glider-button-next { right: 0; } .glider-pagination { bottom: 0; direction: ltr; margin: calc(var(--master_spacing) / 2) 0 0; position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; width: 100%; z-index: 10; } .glider-pagination.relative { position: relative; } @media only screen and (max-width: 768px) { .glider-pagination.hidden { display: block; } } .glider-hide { opacity: 0; } .glider-dots { user-select: none; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 0; } .glider-dot { border: 0; padding: 0; user-select: none; display: block; cursor: pointer; background: none; width: 44px; height: 44px; opacity: 0.50; position: relative; } .glider-dot:before { border: 2px solid var(--white); border-radius: 100%; content: ' '; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); transition: background-color .25s; box-sizing: border-box; z-index: 2; } .glider-dot:after { border-radius: 100%; content: ' '; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%); transition: background-color .25s; box-sizing: border-box; z-index: 2; } .glider-dot:hover, .glider-dot:focus-visible { opacity: 1; } .glider-dot.active:after { background: var(--white); } .wrap { width: 95%; max-width: 540px; margin: 0 auto; } .wrap:after { content: ''; display: table; clear: both; } @keyframes slideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } .animate-section { clear: both; overflow: hidden; } .animate-section.animate-section-margin { margin-bottom: calc(-1 * var(--master_spacing)); padding-bottom: var(--master_spacing); } .animate-section .animate { position: relative; } .animate-section .animate.animate-search { z-index: 99; } .animate-section .animate.animate-button { z-index: 8; } .animate-section.load .animate { animation: 0.75s ease 0s 1 slideUp; opacity: 1; } .animate-section.load .animate.loading { opacity: 0; } .animate-section.load .animate.animate-loop-0:not(.animate-filter) { animation-duration: 1s; } .animate-section.load .animate.animate-loop-1:not(.animate-filter) { animation-duration: 1.2s; } .animate-section.load .animate.animate-loop-2:not(.animate-filter) { animation-duration: 1.4s; } .animate-section.load .animate.animate-loop-3:not(.animate-filter) { animation-duration: 1.6s; } .animate-section.load .animate.animate-loop-4:not(.animate-filter), .animate-section.load .animate.animate-loop-5, .animate-section.load .animate.animate-loop-6, .animate-section.load .animate.animate-loop-7, .animate-section.load .animate.animate-loop-8, .animate-section.load .animate.animate-loop-9, .animate-section.load .animate.animate-loop-10, .animate-section.load .animate.animate-loop-11, .animate-section.load .animate.animate-loop-12, .animate-section.load .animate.animate-loop-13, .animate-section.load .animate.animate-loop-14, .animate-section.load .animate.animate-loop-15 { animation-duration: 1.8s; } .animate-section.load:not(.go) .glider:not(.loaded) .animate { -webkit-animation: none; animation: none; opacity: 0; } .animate-section:not(.load) .animate { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity 1s,transform 1s ease; transition: opacity 1s,transform 1s ease; opacity: 0.01; } .animate-section.up:not(.load) .animate { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .animate-section.go:not(.load) .animate { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .animate-section.go:not(.load) .animate.loading { opacity: 0; } .animate-section.go:not(.load) .animate.animate-loop-0:not(.animate-filter) { -webkit-transition: opacity 0.5s, transform 1s ease; transition: opacity 0.5s, transform 1s ease; } .animate-section.go:not(.load) .animate.animate-loop-1:not(.animate-filter) { -webkit-transition: opacity 0.5s, transform 1.2s ease; transition: opacity 0.5s, transform 1.2s ease; } .animate-section.go:not(.load) .animate.animate-loop-2:not(.animate-filter) { -webkit-transition: opacity 0.5s, transform 1.4s ease; transition: opacity 0.5s, transform 1.4s ease; } .animate-section.go:not(.load) .animate.animate-loop-3:not(.animate-filter) { -webkit-transition: opacity 0.5s, transform 1.6s ease; transition: opacity 0.5s, transform 1.6s ease; } .animate-section.go:not(.load) .animate.animate-loop-4:not(.animate-filter), .animate-section.go:not(.load) .animate.animate-loop-5, .animate-section.go:not(.load) .animate.animate-loop-6, .animate-section.go:not(.load) .animate.animate-loop-7, .animate-section.go:not(.load) .animate.animate-loop-8, .animate-section.go:not(.load) .animate.animate-loop-9, .animate-section.go:not(.load) .animate.animate-loop-10, .animate-section.go:not(.load) .animate.animate-loop-11, .animate-section.go:not(.load) .animate.animate-loop-12, .animate-section.go:not(.load) .animate.animate-loop-13, .animate-section.go:not(.load) .animate.animate-loop-14, .animate-section.go:not(.load) .animate.animate-loop-15 { -webkit-transition: opacity 0.5s, transform 1.8s ease; transition: opacity 0.5s, transform 1.8s ease; } .animate-section.loaded, .animate-section.filter-loaded { z-index: 99; } .animate-section.loaded .animate, .animate-section.filter-loaded .animate { -webkit-transform: none; transform: none; transition: none; } .animate-section.filter-loaded { overflow: visible; } #gift-card-outer-container { padding: var(--master_spacing); -webkit-animation: container-slide 0.8s ease-in-out; animation: container-slide 0.8s ease-in-out; } @media only screen and (max-width: 600px) { #gift-card-outer-container { padding: calc(var(--master_spacing) / 2); } } #gift-card-inner-container:after { content: ''; display: table; clear: both; } #gift-card-header { padding: var(--master_spacing) var(--master_spacing) 0; display: block; overflow: hidden; position: relative; } #gift-card-holder { margin: calc(var(--master_spacing) * 1.5) auto 0; position: relative; } #gift-card { position: relative; box-sizing: border-box; position: relative; } #gift-card img { border-radius: 10px; display: block; } @media only screen and (max-width: 480px) { #gift-card { font-size: 10px; } } #gift-card-code-outer { text-align: center; transform: translate(0, -50%); width: 100%; } #gift-card-code-outer.medium { font-size: var(--x_small); } #gift-card-code-outer.small { font-size: var(--xx_small); } #gift-card-code-inner { background-color: var(--background); border: 1px solid var(--line_color); border-radius: 4px; display: inline-block; margin: 0 0 6px; max-width: 450px; padding: calc(var(--master_spacing) / 2); vertical-align: baseline; zoom: 1; } .small #gift-card-code-inner { overflow: auto; } #gift-card-code-inner #gift-card-code-digits { position: relative; } #gift-card-code-inner #gift-card-code-digits input { border-radius: 2px; border: 1px dashed var(--line_color); font-size: var(--large); padding: calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 4) calc(var(--master_spacing) / 2) calc(var(--master_spacing) * 1.5); text-transform: uppercase; width: auto; } .disabled #gift-card-code-inner #gift-card-code-digits input { color: var(--error_color); text-decoration: line-through; } #gift-card-code-inner #gift-card-code-digits .icon { left: 0; padding: 6px; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 9; } #gift-card-code-inner #gift-card-code-digits .icon:hover { cursor: pointer; } #gift-card-code-inner span + span { margin-left: calc(var(--master_spacing) / 4); } #gift-card-amount { text-align: center; } #gift-card-instructions { font-size: var(--xx_small); margin: 0 calc(var(--master_spacing) * 0.75); text-align: center; } #qrCode { align-items: center; border: 1px solid var(--line_color); display: grid; grid-template-columns: 1fr auto; grid-template-rows: 1fr; grid-column-gap: calc(var(--master_spacing) / 2); grid-row-gap: calc(var(--master_spacing) / 2); padding: calc(var(--master_spacing) / 2); } #qrCode img { margin: 0; } #apple-wallet-badge { margin: auto; } #gift-card-actions { text-align: center; } @media print { .shopify-section-header, .shopify-section-footer { display: none; } @ page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } body { background-color: var(--background); } #gift-card-actions, #apple-wallet-badge { display: none; } #gift-card-code-inner strong { color: #555; } .shop-url { color: #7c8f97; display: block; } .logo { color: #58686F; } #gift-card-outer-container, #gift-card-inner-container, #gift-card-code-inner, #gift-card:before { box-shadow: none; } } .shopify-challenge__container, .shopify-email-marketing-confirmation__container { margin-bottom: calc(var(--master_spacing) * 3) !important; } .shopify-challenge__container .shopify-challenge__button.btn, .shopify-email-marketing-confirmation__container .shopify-challenge__button.btn { margin-top: var(--master_spacing); } .placeholder-svg { border: 1px solid var(--line_color); display: block; fill: var(--body_font_color); height: auto; margin: 0; max-width: 100%; max-height: 100%; position: relative; width: 100%; z-index: 99; } .placeholder-svg.half { max-height: 290px; } .placeholder-svg-background { background-blend-mode: overlay; background-color: var(--accent_color_lighten_30); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .placeholder-svg-background.highlight { background-color: var(--accent_color_25); } .placeholder-svg-background.with-height { height: 50vh; } .placeholder-svg-background.lazybackground { height: 100%; object-fit: cover; left: 0; position: absolute; top: 0; width: 100%; } .js .glider.thumbnails:not(.loaded) .image, .js .glider:not(.loaded) .product, .js .animate-section .glider:not(.loaded) .product, .js .glider:not(.loaded) .logo, .js .animate-section .glider:not(.loaded) .logo, .js .glider .glider-slide[data-glider="unloaded"] { animation: none; opacity: 0.001; transition: none; } .js .glider:not(.loaded) .product img, .js .animate-section .glider:not(.loaded) .product img { max-width: 100% !important; } #shopify-chat iframe { z-index: 99999999 !important; } #pc--opt-out-form-container #optout { font-weight: bold; margin-bottom: 1rem; } #pc--opt-out-form-container form { position: relative; } #pc--opt-out-form-container form label, #pc--opt-out-form-container form button { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } #pc--opt-out-form-container form h3 { gap: 10px; } #pc--opt-out-form-container form .icon { width: 48px; }