/** Shopify CDN: Minification failed

Line 295:147 Unterminated string token
Line 296:146 Unterminated string token

**/
html { scroll-behavior: smooth; box-sizing: border-box; height: 100%; } body { overflow-x: hidden; padding: 0; margin: 0; min-height: 100%; } a {
text-decoration: none; color: inherit; } div { box-sizing: border-box; } ul[class] { list-style-type: none; padding: 0; margin: 0; } video, svg, img {
height: 100%; vertical-align: middle; max-height: 100%; } input, textarea { box-sizing: border-box; } input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; } details, details summary { padding-left: 0; background-image: none;
-webkit-appearance: none; list-style: none; } details::-webkit-details-marker, details summary::-webkit-details-marker { display: none; } details
summary { cursor: pointer; } :root { --screen-break: 768px; --announcement-bar-height: 30px; --header-height: 51px; --header-height-desktop: 90px;
--header-border-bottom-width: 1px; --indent: 17px; --indent-desktop: 26px; --body-font: HelveticaNeue; --body-font-size: 15px; --text-color: #1d1d1c;
--color-dark: #1d1d1c; --border-color: #1d1d1c; --background-color: #fff; --header-background-color: #fff; --icon-size: 24px; --header-font:
var(--body-font); --header-font-size: 18px; --header-font-weight: normal; --header-letter-spacing: 0em; --header-text-transform: none; --header-color:
var(--color-dark); --accent-color: #168a14; } html { min-height: 100%; } body { font-family: "HelveticaNeue"; font-size: 15px; font-weight: normal;
line-height: normal; letter-spacing: normal; background-color: #fff; color: #1d1d1c; } body #main { position: relative; } body.overflow-hidden-tablet
{ overflow: hidden; } small { font-size: 0.7em; } :root { --section-announcement-bar: 0; } .overflow-hidden { overflow: hidden; }
.focus-inset:focus-visible { outline: 0.2rem solid #000; outline-offset: -0.2rem; } .focused.focus-inset, .no-js .focus-inset:focus { outline: 0.2rem
solid #000; outline-offset: -0.2rem; } .no-js .focus-inset:focus:not(:focus-visible) { outline: 0; box-shadow: none; } .no-js:not(html) { display:
none !important; } html.no-js .no-js:not(html) { display: block !important; } .no-js-inline { display: none !important; } html.no-js .no-js-inline {
display: inline-block !important; } html.no-js .no-js-hidden { display: none !important; } .section { scroll-margin-top: calc(56px + 20px); margin: 0
0 40px 0; } .section.section-separator { margin: 0; } .section.section-separator + .section { margin-top: 0; } .section.section-separator
.spacer.border-top { border-top: 1px solid #1d1d1c; } .section.section-separator .spacer.border-bottom { border-bottom: 1px solid #1d1d1c; }
.section:has(+ .section-separator) { margin-bottom: 0; } .underlined-link { text-decoration: underline; } textarea, input[type="date"],
input[type="tel"], input[type="search"], input[type="email"], input[type="password"], input[type="text"] { width: 100%; padding: 5px 10px;
border-width: 1px; border-style: solid; border-radius: 3px; border-color: var(--border-color); font-size: 15px; font-family: "Commuters Sans"; }
.focus-none { box-shadow: none !important; outline: 0 !important; } .hidden { display: none !important; } .visually-hidden { position: absolute
!important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important; }
.visually-hidden--inline { margin: 0; height: 1em; } .container { padding: 0 17px; box-sizing: border-box; width: 100%; } .h0 { font-family:
"HelveticaNeue"; font-style: normal; color: #1a172c; text-shadow: none; text-transform: none; font-size: 52px; font-weight: 100; letter-spacing: 0em;
line-height: 100%; margin-top: 0; margin-bottom: 0; } h1, .h1 { font-family: "HelveticaNeue"; text-shadow: none; text-transform: none; font-size:
48px; font-weight: 100; letter-spacing: 0em; line-height: 100%; margin-top: 0; margin-bottom: 0; } h2, .h2 { font-family: "HelveticaNeue";
text-transform: none; font-size: 32px; font-weight: 100; letter-spacing: 0em; line-height: 120%; margin-top: 0; margin-bottom: 0; } h3, .h3 {
font-family: "HelveticaNeue"; text-transform: none; font-size: 16px; font-weight: 300; letter-spacing: 0em; line-height: 160%; margin-top: 0;
margin-bottom: 0; } h4, .h4 { font-family: "HelveticaNeue"; text-transform: uppercase; font-size: 14px; font-weight: 100; letter-spacing: 0em;
line-height: 160%; margin-top: 0; margin-bottom: 0; } h5, .h5 { font-family: "HelveticaNeue"; text-transform: none; font-size: 12px; font-weight: 100;
letter-spacing: 0em; line-height: 140%; margin-top: 0; margin-bottom: 0; } h6, .h6 { font-family: "HelveticaNeue"; text-transform: none; font-size:
10px; font-weight: 100; letter-spacing: 0em; line-height: 140%; margin-top: 0; margin-bottom: 0; } .justify { text-align: justify; } .align-center,
.text-center, .text-align-center { text-align: center; } .align-left, .text-left, .text-align-left { text-align: left; } .align-right, .text-right,
.text-align-right { text-align: right; } .flex { display: flex; } .relative { position: relative; } .flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items:
flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch {
align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content:
center; } .justify-between { justify-content: space-between; } .gap-5 { gap: 20px; } .link { cursor: pointer; } .absolute-link { width: 100%; height:
100%; top: 0; left: 0; z-index: 0; position: absolute; } .metafield-rich_text_field ol:first-child, .metafield-rich_text_field ul:first-child,
.metafield-rich_text_field p:first-child, .rte ol:first-child, .rte ul:first-child, .rte p:first-child, .title ol:first-child, .title ul:first-child,
.title p:first-child, .p ol:first-child, .p ul:first-child, .p p:first-child, .text ol:first-child, .text ul:first-child, .text p:first-child {
margin-top: 0; } .metafield-rich_text_field ol:last-child, .metafield-rich_text_field ul:last-child, .metafield-rich_text_field p:last-child, .rte
ol:last-child, .rte ul:last-child, .rte p:last-child, .title ol:last-child, .title ul:last-child, .title p:last-child, .p ol:last-child, .p
ul:last-child, .p p:last-child, .text ol:last-child, .text ul:last-child, .text p:last-child { margin-bottom: 0; }
.metafield-rich_text_field.text-large, .rte.text-large, .title.text-large, .p.text-large, .text.text-large { font-size: 1.3em; }
.metafield-rich_text_field.text-small, .rte.text-small, .title.text-small, .p.text-small, .text.text-small { font-size: 0.8em; } #MainContent {
padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .icon { width: 24px; height: 24px; font-size: 24px; padding: 0; box-sizing: border-box; }
.text-transform-none { text-transform: none; } .text-transform-lowercase { text-transform: lowercase; } .text-transform-uppercase { text-transform:
uppercase; } .text-transform-capitalize { text-transform: capitalize; } .text-transform-italic { font-style: italic; } .text-transform-justify {
text-align: justify; } .columns { display: grid; gap: var(--column-gap-mobile, 20px); } .overflow-hidden { overflow: hidden; } button,
button.shopify-payment-button__button, .button { height: fit-content; box-sizing: border-box; cursor: pointer; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist
):not(.wishlist-remove):not(.md-modal__footer-selector-modal__region-btn),
button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ),
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; background: #fff; color:
#000; border: 1px solid #000; border-radius: 0; padding: 12px 30px 10px; font-family: "Commuters Sans"; font-size: 10px; font-weight: 300;
letter-spacing: 1px; line-height: 150%; text-transform: uppercase; cursor: pointer; transition: all 0.4s ease; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist ):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button,
button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button { line-height: inherit; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist ):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button--unbranded:hover:not([disabled]),
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist ):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ):hover, button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn
).shopify-payment-button__button--unbranded:hover:not([disabled]), button.shopify-payment-button__button:not(.button-link):not(.secondary):not(
.button-icon ):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ):hover,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button--unbranded:hover:not([disabled]),
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ):hover { background: #000; color: #fff; border-color: #000; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist ):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button--unbranded:hover:not([disabled]) .icon line,
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist ):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ):hover .icon line, button.shopify-payment-button__button:not(.button-link):not(.secondary):not(
.button-icon ):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn
).shopify-payment-button__button--unbranded:hover:not([disabled]) .icon line,
button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ):hover .icon line,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button--unbranded:hover:not([disabled]) .icon line,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ):hover .icon line { stroke: #fff; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist ):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button--unbranded:hover:not([disabled]) .icon path,
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist ):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ):hover .icon path, button.shopify-payment-button__button:not(.button-link):not(.secondary):not(
.button-icon ):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn
).shopify-payment-button__button--unbranded:hover:not([disabled]) .icon path,
button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ):hover .icon path,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ).shopify-payment-button__button--unbranded:hover:not([disabled]) .icon path,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ):hover .icon path { color: #fff; fill: #fff; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist
):not(.wishlist-remove):not(.md-modal__footer-selector-modal__region-btn) .icon,
button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ) .icon,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) .icon { color: #000; width: 16px; height: 16px; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist
):not(.wishlist-remove):not(.md-modal__footer-selector-modal__region-btn) .icon line,
button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ) .icon line,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) .icon line { stroke: #000; }
button:not(.button-link):not(.secondary):not(.button-icon):not(.needsclick):not( .close-wishlist
):not(.wishlist-remove):not(.md-modal__footer-selector-modal__region-btn) .icon path,
button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ) .icon path,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) .icon path { transition: all 0.4s ease; color: #fff; fill: #000; } button.secondary,
button.shopify-payment-button__button.secondary, .button.secondary { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
background: #000; color: #fff; border: 1px solid #000; border-radius: 0; padding: 12px 30px 10px; font-family: "Commuters Sans"; font-size: 10px;
font-weight: 300; letter-spacing: 1px; line-height: 150%; text-transform: uppercase; transition: all 0.4s ease; } button.secondary:hover,
button.shopify-payment-button__button.secondary:hover, .button.secondary:hover { background: #fff; color: #000; border-color: #000; }
button.secondary:hover .icon line, button.shopify-payment-button__button.secondary:hover .icon line, .button.secondary:hover .icon line { stroke:
#000; } button.secondary:hover .icon path, button.shopify-payment-button__button.secondary:hover .icon path, .button.secondary:hover .icon path {
color: #000; fill: #000; } button.secondary .icon, button.shopify-payment-button__button.secondary .icon, .button.secondary .icon { color: #fff;
width: 16px; height: 16px; } button.secondary .icon line, button.secondary .icon path, button.shopify-payment-button__button.secondary .icon line,
button.shopify-payment-button__button.secondary .icon path, .button.secondary .icon line, .button.secondary .icon path { transition: all 0.4s ease;
color: #000; fill: #fff; } button.button-link, button.shopify-payment-button__button.button-link, .button.button-link { background: rgba(0, 0, 0, 0);
border: 0; display: inline-flex; flex-direction: row; align-items: center; gap: 8px; color: #000; padding: 0; font-family: "HelveticaNeue"; font-size:
14px; font-weight: 700; letter-spacing: normal; line-height: normal; text-transform: uppercase; text-decoration: underline; text-decoration-thickness:
1px; transition: all 0.4s ease; } button.button-link:hover, button.shopify-payment-button__button.button-link:hover, .button.button-link:hover {
color: #000; text-decoration: underline; text-decoration-thickness: 2px; } button.button-link:hover .icon line,
button.shopify-payment-button__button.button-link:hover .icon line, .button.button-link:hover .icon line { stroke: #000; } button.button-link:hover
.icon path, button.shopify-payment-button__button.button-link:hover .icon path, .button.button-link:hover .icon path { color: #000; fill: #000; }
button.button-link:focus-visible, button.shopify-payment-button__button.button-link:focus-visible, .button.button-link:focus-visible { outline: 1px
solid #1d1d1c; } button.button-link .icon, button.shopify-payment-button__button.button-link .icon, .button.button-link .icon { color: #000; width:
16px; height: 16px; } button.button-link .icon line, button.button-link .icon path, button.shopify-payment-button__button.button-link .icon line,
button.shopify-payment-button__button.button-link .icon path, .button.button-link .icon line, .button.button-link .icon path { transition: all 0.4s
ease; color: #000; fill: #000; } button.button-icon, button.shopify-payment-button__button.button-icon, .button.button-icon { background: rgba(0, 0,
0, 0); color: #1a172c; border: 0; border-radius: 0; padding: 0; } button.button-icon:hover, button.shopify-payment-button__button.button-icon:hover,
.button.button-icon:hover { background: rgba(0, 0, 0, 0); color: var(--accent-color); border: 0; } button.button-icon:hover svg path,
button.shopify-payment-button__button.button-icon:hover svg path, .button.button-icon:hover svg path { color: var(--accent-color); fill:
var(--accent-color); } button.loading, button.shopify-payment-button__button.loading, .button.loading { position: relative; } button.loading >
.loading-overlay__spinner, button.shopify-payment-button__button.loading > .loading-overlay__spinner, .button.loading > .loading-overlay__spinner {
top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; height: 100%; display: flex; align-items: center; } button.loading >
.loading-overlay__spinner .spinner, button.shopify-payment-button__button.loading > .loading-overlay__spinner .spinner, .button.loading >
.loading-overlay__spinner .spinner { height: 20px; width: fit-content; } button.loading > .loading-overlay__spinner .path,
button.shopify-payment-button__button.loading > .loading-overlay__spinner .path, .button.loading > .loading-overlay__spinner .path { stroke: #000; }
button.loading > *:not(.loading-overlay__spinner), button.shopify-payment-button__button.loading > *:not(.loading-overlay__spinner), .button.loading >
*:not(.loading-overlay__spinner) { opacity: 0; } button .loading-overlay__spinner, button.shopify-payment-button__button .loading-overlay__spinner,
.button .loading-overlay__spinner { display: inline-block; } button .loading-overlay__spinner svg, button.shopify-payment-button__button
.loading-overlay__spinner svg, .button .loading-overlay__spinner svg { animation: rotation 2s infinite linear; } button.button--full-width,
button.shopify-payment-button__button.button--full-width, .button.button--full-width { width: 100%; flex-grow: 1; }
.shopify-payment-button__button--hidden { display: none; } .image-container { display: block; min-height: var(--min-height, auto); position: relative;
} .image-container[onclick^="location"] { cursor: pointer; } .image-container > picture, .image-container > svg, .image-container > video,
.image-container > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .image-container.proportion-m-size,
.image-container.proportion-size { padding-bottom: 0; } .image-container.proportion-m-size > picture, .image-container.proportion-m-size > svg,
.image-container.proportion-m-size > img, .image-container.proportion-m-size > video, .image-container.proportion-size > picture,
.image-container.proportion-size > svg, .image-container.proportion-size > img, .image-container.proportion-size > video { position: relative; }
.image-container.proportion-m-1-1, .image-container.proportion-1-1 { padding-bottom: 100%; } .image-container.proportion-m-3-2,
.image-container.proportion-3-2 { padding-bottom: 66.5%; } .image-container.proportion-m-2-3, .image-container.proportion-2-3 { padding-bottom: 150%;
} .image-container.proportion-m-4-3, .image-container.proportion-4-3 { padding-bottom: 75%; } .image-container.proportion-m-3-4,
.image-container.proportion-3-4 { padding-bottom: 133.3%; } .image-container.proportion-m-16-9, .image-container.proportion-16-9 { padding-bottom:
56.24%; } .image-container.proportion-m-9-16, .image-container.proportion-9-16 { padding-bottom: 177.8%; } .image-container > video + .icon-play {
top: 50%; left: 50%; width: 48px; height: 48px; pointer-events: none; } .image-container > video.active + .icon-play { display: none; }
.image-container.overlay-light:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1;
opacity: var(--overlay-opacity, 0.4); } .image-container.overlay-dark:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height:
100%; background: #000; z-index: 1; opacity: var(--overlay-opacity, 0.4); } .image-container.overlay-custom:before { content: ""; position: absolute;
top: 0; left: 0; width: 100%; height: 100%; background: var(--overlay-color, #000); z-index: 1; opacity: var(--overlay-opacity, 0.4); } .fav-content >
.wrapper { display: flex; flex-direction: column; gap: 17px; } .fav-content > .wrapper.position-m-bottom { flex-direction: column-reverse; }
.fav-content > .wrapper > .image-container .icon { position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px;
pointer-events: none; } .fav-content > .wrapper > .image-container > video { cursor: pointer; } .fav-content > .wrapper > .image-container >
video.active + .icon, .fav-content > .wrapper > .image-container > video.active + video + .icon { display: none; } .fav-content > .wrapper
.blocks-wrapper { display: flex; flex-direction: column; width: 100%; } .fav-content > .wrapper .blocks-wrapper > *:not(.spacer):not(.group-item) {
margin-bottom: 17px; } .fav-content > .wrapper .blocks-wrapper .title { margin-top: 0; } .fav-content > .wrapper .blocks-wrapper .image { position:
relative; } .fav-content > .wrapper .blocks-wrapper .image .icon { position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); width: 40px;
height: 40px; pointer-events: none; } .fav-content > .wrapper .blocks-wrapper .image video.active + .icon { display: none; } .fav-content > .wrapper
.blocks-wrapper .brand-logo .logo-wrapper { display: inline-block; } .fav-content > .wrapper .blocks-wrapper .line { margin: 0 auto; } .fav-content >
.wrapper .blocks-wrapper .faq .title { margin-top: 0; margin-bottom: 0; position: relative; cursor: pointer; user-select: none; transition: all 0.4s
ease-in-out; padding-right: 41px; } .fav-content > .wrapper .blocks-wrapper .faq .title:before { content: ""; position: absolute; right: 0; top: 50%;
width: 24px; height: 1px; background: var(--faq-text-color, #1d1d1c); } .fav-content > .wrapper .blocks-wrapper .faq .title:after { content: "";
position: absolute; right: 0; top: 50%; width: 24px; height: 1px; background: var(--faq-text-color, #1d1d1c); transform: rotate(90deg); opacity: 1;
transition: all 0.4s ease-in-out; } .fav-content > .wrapper .blocks-wrapper .faq .title + .text { max-height: 0; opacity: 0; transition: all 0.4s
ease-in-out; } .fav-content > .wrapper .blocks-wrapper .faq .title.active { margin-bottom: 17px; } .fav-content > .wrapper .blocks-wrapper .faq
.title.active:after { transform: rotate(0); opacity: 0; } .fav-content > .wrapper .blocks-wrapper .faq .title.active + .text { max-height: 10000px;
opacity: 1; } .fav-content > .wrapper .blocks-wrapper .text.justify-center { margin-left: auto; margin-right: auto; } .fav-content > .wrapper
.blocks-wrapper .text.justify-start { margin-left: 0; margin-right: auto; } .fav-content > .wrapper .blocks-wrapper .text.justify-end { margin-left:
auto; margin-right: 0; } .fav-content > .wrapper .blocks-wrapper .group-item { background-color: var(--group-background-color); min-height:
var(--group-min-height, initial); border-radius: var(--custom-border-radius, 0); overflow: hidden; } .fav-content > .wrapper .blocks-wrapper
.group-item > .content { padding: var(--custom-padding, 17px); position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex;
flex-direction: row; overflow: hidden; z-index: 1; } .fav-content > .wrapper .blocks-wrapper .group-item > .content > .wrapper { margin-left: 0;
margin-right: 0; width: 100%; } .fav-content > .wrapper .blocks-wrapper .group-item.content-height-type-content > .content { position: relative; }
.fav-content > .wrapper *:not(.spacer):has(+ .spacer) { margin-bottom: 0 !important; } .fav-content.content-edge .wrapper .blocks-wrapper >
*:not(.image) { padding-left: 17px; padding-right: 17px; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }
@keyframes animateMenuOpen { 0% { opacity: 0; transform: translateY(-1.5rem); } 100% { opacity: 1; transform: translateY(0); } } @media only screen
and (max-width: 768px) { .show-desktop, .hide-mobile { display: none !important; } .full-width { width: 100vw; position: relative; left: 50%; right:
50%; margin-left: -50vw !important; margin-right: -50vw !important; max-width: none; } .full-width >
*:not(img):not(video):not(.edge):not(.blocks-wrapper) { padding-left: 17px; padding-right: 17px; box-sizing: border-box; }
.full-width-background-edge, .full-width-background { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw !important;
margin-right: -50vw !important; max-width: none; } .full-width-background-edge > *:not(img):not(video), .full-width-background > *:not(img):not(video)
{ padding-left: 17px; padding-right: 17px; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1114px; }
.full-width-background-edge.full-width-background-edge > *:not(img):not(video), .full-width-background.full-width-background-edge >
*:not(img):not(video) { padding-left: 0; padding-right: 0; box-sizing: border-box; } .content-edge { margin-left: -17px; margin-right: -17px; }
.fav-content > .wrapper .blocks-wrapper .group-item { min-height: var(--group-min-height-mobile, initial); } .width-narrow { width: 85% !important;
max-width: 680px !important; margin-left: auto; margin-right: auto; } .width-narrow.text-align-left { margin-left: 0; } .width-narrow.text-align-right
{ margin-right: 0; } .width-very-narrow { width: 65% !important; max-width: 480px !important; margin-left: auto; margin-right: auto; }
.width-very-narrow.text-align-left { margin-left: 0; } .width-very-narrow.text-align-right { margin-right: 0; } .columns { row-gap: 26px !important; }
.columns.columns-mobile-1 { grid-template-columns: 1fr; } .columns.columns-mobile-2 { grid-template-columns: 1fr 1fr; } .columns.columns-mobile-2
.card.product fieldset, .columns.columns-mobile-2 .card.product .bottom_container { display: none; } .columns.columns-mobile-3 {
grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (min-width: 769px) { body { font-size: 15px; } .h0 { font-size: 96px; font-weight: 100;
letter-spacing: 0em; line-height: 90%; margin-top: 0; margin-bottom: 0; } h1, .h1 { font-size: 52px; font-weight: 100; letter-spacing: 0em;
line-height: 90%; margin-top: 0; margin-bottom: 0; } h2, .h2 { font-size: 40px; font-weight: 100; letter-spacing: 0em; line-height: 110%; margin-top:
0; margin-bottom: 0; } h3, .h3 { font-size: 24px; font-weight: 100; letter-spacing: 0em; line-height: 110%; margin-top: 0; margin-bottom: 0; } h4, .h4
{ font-size: 16px; font-weight: 100; letter-spacing: 0em; line-height: 160%; margin-top: 0; margin-bottom: 0; } h5, .h5 { font-size: 14px;
font-weight: 100; letter-spacing: 0em; line-height: 140%; margin-top: 0; margin-bottom: 0; } h6, .h6 { font-size: 12px; font-weight: 100;
letter-spacing: 0em; line-height: 140%; margin-top: 0; margin-bottom: 0; } .h1-desktop { font-size: 52px; font-weight: 100; letter-spacing: 0em;
line-height: 90%; margin-top: 0; margin-bottom: 0; } .h2-desktop { font-size: 40px; font-weight: 100; letter-spacing: 0em; line-height: 110%;
margin-top: 0; margin-bottom: 0; } .h3-desktop { font-size: 24px; font-weight: 100; letter-spacing: 0em; line-height: 110%; margin-top: 0;
margin-bottom: 0; } .h4-desktop { font-size: 16px; font-weight: 100; letter-spacing: 0em; line-height: 160%; margin-top: 0; margin-bottom: 0; }
.h5-desktop { font-size: 14px; font-weight: 100; letter-spacing: 0em; line-height: 140%; margin-top: 0; margin-bottom: 0; } .h6-desktop { font-size:
12px; font-weight: 100; letter-spacing: 0em; line-height: 140%; margin-top: 0; margin-bottom: 0; }
button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ), button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ),
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) { border-width: 1px; border-radius: 0; padding: 10px 38px 8px; font-size: 14px; line-height: 150%; gap:
8px; } button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) .icon, button.shopify-payment-button__button:not(.button-link):not(.secondary):not( .button-icon
):not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not( .md-modal__footer-selector-modal__region-btn ) .icon,
.button:not(.button-link):not(.secondary):not(.button-icon):not( .needsclick ):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) .icon { width: 16px; height: 16px; } button.secondary, button.shopify-payment-button__button.secondary,
.button.secondary { border-width: 1px; border-radius: 0; padding: 10px 38px 8px; font-size: 14px; line-height: 150%; gap: 8px; } button.secondary
.icon, button.shopify-payment-button__button.secondary .icon, .button.secondary .icon { width: 16px; height: 16px; } button.button-link,
button.shopify-payment-button__button.button-link, .button.button-link { gap: 8px; padding: 0; font-family: "HelveticaNeue"; font-size: 18px;
font-weight: 700; letter-spacing: normal; line-height: normal; } button.button-link .icon, button.shopify-payment-button__button.button-link .icon,
.button.button-link .icon { width: 16px; height: 16px; } #MainContent { padding-top: 20px; padding-bottom: 20px; overflow: visible; } .hide-desktop,
.show-mobile { display: none !important; } .container { max-width: 1114px; padding: 0 26px; margin: 0 auto; } .d-content-edge { margin-left: -26px;
margin-right: -26px; } .d-full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw
!important; max-width: none; } .d-full-width > *:not(img):not(video):not(svg):not(.edge):not(.blocks-wrapper) { padding-left: 26px; padding-right:
26px; } .d-full-width-background { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw
!important; max-width: none; } .d-full-width-background > *:not(img):not(video):not(svg) { max-width: 1114px; padding-left: 26px; padding-right: 26px;
margin-left: auto; margin-right: auto; box-sizing: border-box; } .d-full-width-background-edge { width: 100vw; position: relative; left: 50%; right:
50%; margin-left: -50vw !important; margin-right: -50vw !important; max-width: none; } .d-full-width-background-edge > *:not(img):not(video) {
padding-left: 0; padding-right: 0; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1114px; } .items-start-desktop {
align-items: flex-start; } .items-end-desktop { align-items: flex-end; } .items-center-desktop { align-items: center; } .items-baseline-desktop {
align-items: baseline; } .items-stretch-desktop { align-items: stretch; } .justify-start-desktop { justify-content: flex-start; } .justify-end-desktop
{ justify-content: flex-end; } .justify-center-desktop { justify-content: center; } .justify-between-desktop { justify-content: space-between; }
.text-left-desktop, .align-left-desktop, .text-align-left-desktop { text-align: left; } .text-center-desktop, .align-center-desktop,
.text-align-center-desktop { text-align: center; } .text-right-desktop, .align-right-desktop, .text-align-right-desktop { text-align: right; }
.d-content-width { width: 100%; } .d-width-narrow { width: 85%; max-width: 680px; margin-left: auto; margin-right: auto; }
.d-width-narrow.text-align-left { margin-left: 0; } .d-width-narrow.text-align-right { margin-right: 0; } .d-width-very-narrow { width: 65%;
max-width: 480px; margin-left: auto; margin-right: auto; } .d-width-very-narrow.text-align-left { margin-left: 0; }
.d-width-very-narrow.text-align-right { margin-right: 0; } .columns { gap: var(--column-gap-desktop, 32px); } .columns.columns-desktop-1 {
grid-template-columns: 1fr; } .columns.columns-desktop-2 { grid-template-columns: 1fr 1fr; } .columns.columns-desktop-3 { grid-template-columns: 1fr
1fr 1fr; } .columns.columns-desktop-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .columns.columns-desktop-5 { grid-template-columns: 1fr 1fr 1fr 1fr
1fr; } .columns.columns-desktop-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .columns.columns-desktop-7 { grid-template-columns: 1fr 1fr 1fr
1fr 1fr 1fr 1fr; } .columns.columns-desktop-8 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .helvetica { font-family: "Helvetica"; }
.helvetica-neue { font-family: "HelveticaNeue"; } .sequel { font-family: "Sequel"; } .commuters { font-family: "Commuters Sans"; } .body-1 {
font-family: "HelveticaNeue"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } body { -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } body, .body-light, .body-2 { font-family: "HelveticaNeue"; font-size: 16px; font-style: normal; font-weight:
400; line-height: normal; } .body-light { font-weight: 300; } button:not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ), button.shopify-payment-button__button:not(.needsclick):not(.close-wishlist):not( .wishlist-remove
):not(.md-modal__footer-selector-modal__region-btn), .button:not(.needsclick):not(.close-wishlist):not(.wishlist-remove):not(
.md-modal__footer-selector-modal__region-btn ) { text-align: center; font-family: "Commuters Sans"; } button.button-link,
button.shopify-payment-button__button.button-link, .button.button-link { cursor: pointer; text-underline-offset: 2px; line-height: normal;
text-transform: uppercase; } button.button-link.button--invert, button.shopify-payment-button__button.button-link.button--invert,
.button.button-link.button--invert { text-decoration-thickness: 1px; } button.button-link.button--invert:hover,
button.shopify-payment-button__button.button-link.button--invert:hover, .button.button-link.button--invert:hover { color: #fff; }
button.button-link.link--light, button.shopify-payment-button__button.button-link.link--light, .button.button-link.link--light { color: #fff; }
button.button-link.link--light.button--invert:hover, button.shopify-payment-button__button.button-link.link--light.button--invert:hover,
.button.button-link.link--light.button--invert:hover { color: #000; } button.button-link.sequel,
button.shopify-payment-button__button.button-link.sequel, .button.button-link.sequel { font-family: "Sequel"; font-size: 16px; font-weight: 400; }
button.button-link.helvetica-neue, button.shopify-payment-button__button.button-link.helvetica-neue, .button.button-link.helvetica-neue { font-family:
"HelveticaNeue"; font-size: 14px; font-weight: 700; } button.button-link.helvetica-neue.link--small,
button.shopify-payment-button__button.button-link.helvetica-neue.link--small, .button.button-link.helvetica-neue.link--small { font-size: 10px; }
button.button--full-width, button.shopify-payment-button__button.button--full-width, .button.button--full-width { justify-content: center; } textarea,
input[type="date"], input[type="tel"], input[type="search"], input[type="email"], input[type="password"], input[type="text"] { font-size: 16px;
font-weight: 300; line-height: 150%; letter-spacing: 1.4px; text-transform: uppercase; font-family: "Commuters Sans"; padding: 12px 17px;
border-radius: 0; } textarea::placeholder, input[type="date"]::placeholder, input[type="tel"]::placeholder, input[type="search"]::placeholder,
input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="text"]::placeholder { opacity: 0.25; color: #000; letter-spacing:
1px; } .field + .field { margin-top: 12px; } h1, .h1 { text-transform: uppercase; } h1.helvetica-neue, .h1.helvetica-neue { font-family:
"HelveticaNeue"; font-size: 115px; font-weight: 700; line-height: 90%; } h1.sequel, .h1.sequel { font-family: "Sequel"; font-size: 60px; line-height:
normal; } h1.commuters, .h1.commuters { font-family: "Commuters Sans"; font-size: 22px; line-height: normal; letter-spacing: 2.2px; } h2, .h2 {
text-transform: uppercase; } h2.helvetica-neue, .h2.helvetica-neue { font-family: "HelveticaNeue"; font-size: 85px; font-weight: 700; line-height:
90%; } h2.sequel, .h2.sequel { font-family: "Sequel"; font-size: 30px; line-height: normal; } h2.commuters, .h2.commuters { font-family: "Commuters
Sans"; font-size: 18px; line-height: 150%; letter-spacing: 1.8px; } h3, .h3 { text-transform: uppercase; } h3.helvetica-neue, .h3.helvetica-neue {
font-family: "HelveticaNeue"; font-size: 50px; font-weight: 700; line-height: 96%; } h3.sequel, .h3.sequel { font-family: "Sequel"; font-size: 20px;
line-height: normal; } h3.commuters, .h3.commuters { font-family: "Commuters Sans"; font-size: 14px; line-height: 150%; letter-spacing: 1.4px; }
h3.commuters.h3-small, .h3.commuters.h3-small { font-size: 12px; } h4, .h4 { text-transform: uppercase; } h4.helvetica-neue, .h4.helvetica-neue {
font-family: "HelveticaNeue"; font-size: 20px; font-weight: 700; line-height: normal; } h4.sequel, .h4.sequel { font-family: "Sequel"; font-size:
12px; line-height: normal; } h4.commuters, .h4.commuters { font-family: "Commuters Sans"; font-size: 10px; line-height: 150%; letter-spacing: 1px; }
h5.helvetica-neue, .h5.helvetica-neue { font-family: "HelveticaNeue"; font-size: 16px; font-weight: 700; line-height: normal; text-transform:
capitalize; } h5.commuters, .h5.commuters { font-family: "Commuters Sans"; font-size: 8px; line-height: 150%; letter-spacing: 0.8px; } h6, .h6 {
font-family: "HelveticaNeue"; text-transform: none; font-size: 10px; font-weight: 100; letter-spacing: 0em; line-height: 140%; margin-top: 0;
margin-bottom: 0; } .p1 { font-family: "HelveticaNeue"; font-size: 20px; font-weight: 400; line-height: normal; } .p2 { font-family: "HelveticaNeue";
font-size: 16px; font-weight: 400; line-height: normal; } .p3 { font-family: "HelveticaNeue"; font-size: 16px; font-weight: 300; line-height: normal;
} .p4 { font-family: "HelveticaNeue"; font-size: 12px; line-height: normal; font-weight: 300; } .self-start { align-self: flex-start; } .self-end {
align-self: flex-end; } .self-center { align-self: center; } .content-width { margin-left: -13px; margin-right: -13px; } .title { position: relative;
z-index: 2; } .small-padding { padding: 0 6px; } .medium-padding { padding: 0 12px; } .large-padding { padding: 0 21px; } .full-width-2 { width: 100%;
padding: 0; } .underlined-link { text-underline-offset: 2px; cursor: pointer; } .image-container > video + .icon-play { position: absolute; transform:
translate(-50%, -50%); } .shopify-pc__banner__dialog { left: 20%; width: 60%; } .shopify-pc__banner__dialog .shopify-pc__banner__wrapper
#shopify-pc__banner__btn-manage-prefs { border: 0px !important; padding: 0px; } .shopify-pc__banner__dialog .shopify-pc__banner__wrapper
#shopify-pc__banner__btn-manage-prefs:hover { background-color: rgba(0, 0, 0, 0); color: #000; } .shopify-pc__banner__dialog
.shopify-pc__banner__wrapper #shopify-pc__banner__btn-accept { background-color: #000; color: #fff; transition: all 0.4s ease; }
.shopify-pc__banner__dialog .shopify-pc__banner__wrapper #shopify-pc__banner__btn-accept:hover { background-color: #fff; color: #000; } @media only
screen and (max-width: 620px) { .shopify-pc__banner__btns { flex-direction: column !important; gap: 3px !important; } } @media only screen and
(min-width: 621px) { .shopify-pc__banner__btns { display: flex; width: 100%; justify-content: flex-end; flex-direction: row; gap: 20px; } } @media
only screen and (max-width: 1300px) { #shopify-pc__banner.shopify-pc__banner__dialog { left: 10%; width: 80%; } } @media only screen and (max-width:
1000px) { #shopify-pc__banner.shopify-pc__banner__dialog { left: 5%; width: 90%; } } @media only screen and (min-width: 769px) { .container {
max-width: 100%; } .d-small-padding { padding: 0 9px; } .d-medium-padding { padding: 0 24px; } .d-large-padding { padding: 0 45px; } .d-full-width-2 {
width: 100%; padding: 0; } .body-1 { font-family: "HelveticaNeue"; font-size: 22px; font-style: normal; font-weight: 400; line-height: 150%; } body,
.body-light, .body-2 { font-family: "HelveticaNeue"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .body-light {
font-weight: 300; } button.button-link.sequel, button.shopify-payment-button__button.button-link.sequel, .button.button-link.sequel { letter-spacing:
1.6px; } button.button-link.helvetica-neue, button.shopify-payment-button__button.button-link.helvetica-neue, .button.button-link.helvetica-neue {
font-size: 18px; } h1.helvetica-neue, .h1.helvetica-neue { font-family: "HelveticaNeue"; font-size: 175px; font-weight: 700; line-height: 96%;
text-transform: uppercase; } h1.sequel, .h1.sequel { font-family: "Sequel"; font-size: 60px; line-height: normal; text-transform: uppercase; }
h1.commuters, .h1.commuters { font-family: "Commuters Sans"; font-size: 22px; line-height: 150%; letter-spacing: 2.2px; text-transform: uppercase; }
h1.commuters.semi, .h1.commuters.semi { font-size: 14px; font-weight: 600; line-height: 200%; letter-spacing: 2.8px; } h2.helvetica-neue,
.h2.helvetica-neue { font-family: "HelveticaNeue"; font-size: 85px; font-weight: 700; line-height: 96%; text-transform: uppercase; } h2.sequel,
.h2.sequel { font-family: "Sequel"; font-size: 40px; line-height: normal; text-transform: uppercase; } h2.commuters, .h2.commuters { font-family:
"Commuters Sans"; font-size: 18px; line-height: 150%; letter-spacing: 1.8px; text-transform: uppercase; } h3.helvetica-neue, .h3.helvetica-neue {
font-family: "HelveticaNeue"; font-size: 40px; font-weight: 700; line-height: normal; text-transform: uppercase; } h3.sequel, .h3.sequel {
font-family: "Sequel"; font-size: 26px; line-height: normal; text-transform: uppercase; } h3.commuters, .h3.commuters { font-family: "Commuters Sans";
font-size: 14px; line-height: 150%; letter-spacing: 1.4px; text-transform: uppercase; } h4.helvetica-neue, .h4.helvetica-neue { font-family:
"HelveticaNeue"; font-size: 25px; font-weight: 700; line-height: normal; text-transform: uppercase; } h4.sequel, .h4.sequel { font-family: "Sequel";
font-size: 16px; font-weight: 40; line-height: normal; letter-spacing: 1.6px; text-decoration-line: underline; text-transform: uppercase; }
h4.commuters, .h4.commuters { font-family: "Commuters Sans"; font-size: 12px; line-height: 150%; letter-spacing: 1.2px; text-transform: uppercase; }
h5.helvetica-neue, .h5.helvetica-neue { font-family: "HelveticaNeue"; font-size: 16px; font-weight: 700; line-height: normal; text-transform:
capitalize; } h5.commuters, .h5.commuters { font-family: "Commuters Sans"; font-size: 10px; line-height: normal; letter-spacing: 1px; text-transform:
uppercase; } .h1-desktop.helvetica-neue { font-family: "HelveticaNeue"; font-size: 175px; font-weight: 700; line-height: 96%; text-transform:
uppercase; } .h1-desktop.sequel { font-family: "Sequel"; font-size: 60px; line-height: normal; text-transform: uppercase; } .h1-desktop.commuters {
font-family: "Commuters Sans"; font-size: 22px; line-height: 150%; letter-spacing: 2.2px; text-transform: uppercase; } .h1-desktop.commuters.semi {
font-size: 14px; font-weight: 600; line-height: 200%; letter-spacing: 2.8px; } .h2-desktop.helvetica-neue { font-family: "HelveticaNeue"; font-size:
85px; font-weight: 700; line-height: 96%; text-transform: uppercase; } .h2-desktop.sequel { font-family: "Sequel"; font-size: 40px; line-height:
normal; text-transform: uppercase; } .h2-desktop.commuters { font-family: "Commuters Sans"; font-size: 18px; line-height: 150%; letter-spacing: 1.8px;
text-transform: uppercase; } .h3-desktop.helvetica-neue { font-family: "HelveticaNeue"; font-size: 40px; font-weight: 700; line-height: normal;
text-transform: uppercase; } .h3-desktop.sequel { font-family: "Sequel"; font-size: 26px; line-height: normal; text-transform: uppercase; }
.h3-desktop.commuters { font-family: "Commuters Sans"; font-size: 14px; line-height: 150%; letter-spacing: 1.4px; text-transform: uppercase; }
.h4-desktop.helvetica-neue { font-family: "HelveticaNeue"; font-size: 25px; font-weight: 700; line-height: normal; text-transform: uppercase; }
.h4-desktop.sequel { font-family: "Sequel"; font-size: 16px; font-weight: 40; line-height: normal; letter-spacing: 1.6px; text-decoration-line:
underline; text-transform: uppercase; } .h4-desktop.commuters { font-family: "Commuters Sans"; font-size: 12px; line-height: 150%; letter-spacing:
1.2px; text-transform: uppercase; } .h5-desktop.helvetica-neue { font-family: "HelveticaNeue"; font-size: 16px; font-weight: 700; line-height: normal;
text-transform: capitalize; } .h5-desktop.commuters { font-family: "Commuters Sans"; font-size: 10px; line-height: normal; letter-spacing: 1px;
text-transform: uppercase; } .p1 { font-family: "HelveticaNeue"; font-size: 25px; font-weight: 400; line-height: normal; } .p2 { font-family:
"HelveticaNeue"; font-size: 14px; font-weight: 400; line-height: 175%; } .p3 { font-family: "HelveticaNeue"; font-size: 18px; font-style: normal;
font-weight: 400; line-height: normal; } .p4 { font-family: "HelveticaNeue"; font-size: 18px; font-style: normal; font-weight: 400; line-height:
normal; } .p1-desktop { font-family: "HelveticaNeue"; font-size: 25px; font-weight: 400; line-height: normal; } .p2-desktop { font-family:
"HelveticaNeue"; font-size: 14px; font-weight: 400; line-height: 175%; } .p3-desktop { font-family: "HelveticaNeue"; font-size: 18px; font-style:
normal; font-weight: 400; line-height: normal; } .p4-desktop { font-family: "HelveticaNeue"; font-size: 18px; font-style: normal; font-weight: 400;
line-height: normal; } .self-start-desktop { align-self: flex-start; } .self-end-desktop { align-self: flex-end; } .self-center-desktop { align-self:
center; } .d-content-width { margin-left: -22px; margin-right: -22px; } .d-width-narrow { width: 85% !important; max-width: 680px !important;
margin-left: auto; margin-right: auto; } .d-width-narrow.text-align-left { margin-left: 0; } .d-width-narrow.text-align-right { margin-right: 0; }
textarea, input[type="date"], input[type="tel"], input[type="search"], input[type="email"], input[type="password"], input[type="text"] { font-size:
14px; } } body.search-open { overflow: hidden; } body.search-open header.header { background: #fff; } .scrolling .header { background: #fff;
border-bottom-color: #000; } .section-header { z-index: 99; position: sticky; top: 0; } .section-header.menu-open .header { background: #fff; }
.header { background: #fff; transition: all 0.4s ease-in-out; border-bottom: 1px solid #fff; } .header > .container { display: flex; flex-direction:
row; align-items: center; justify-content: space-between; height: 56px; gap: 10px; font-family: var(--body-font); font-size: 18px; font-weight:
normal; line-height: normal; letter-spacing: 0em; text-transform: none; color: var(--color-dark); } .header > .container > .logo { max-width: 174px;
order: -2; z-index: 1; } .header > .container .separator { flex-grow: 1; } .header > .container .menu-trigger { order: -3; } .header > .container
.header__icon { padding: 10px 0; position: relative; z-index: 1; } .header > .container .search-trigger { order: unset; } .header > .container
.header__icon--account { order: 6; } .header > .container .header__icon--cart { order: 9; } .header > .container .header__icon--cart.has-items svg
path { fill: #168a14; } .header > .container .right_container .bottom_container { display: flex; gap: 8px; align-items: flex-end; } .header >
.container .right_container .bottom_container .header__icon { padding: 0; } .header .menu-drawer .menu-drawer__inner-container { min-height: 100%;
display: flex; } .header .menu-drawer .menu-drawer__inner-container .menu-drawer__navigation-container { display: flex; justify-content:
space-between; flex-direction: column; width: 100%; } .header .menu-drawer .menu-drawer__navigation > ul { display: flex; flex-direction: column; gap:
30px; } .header .menu-drawer .menu-drawer__navigation > ul .menu-drawer__inner-submenu > ul { display: flex; flex-direction: column; gap: 30px;
margin-top: 20px; } .header .cart-trigger { position: relative; } .header .cart-trigger.meny-type-text .cart-count-bubble { display: inline-flex; }
.header .cart-trigger.meny-type-text .cart-count-bubble:before { content: "("; } .header .cart-trigger.meny-type-text .cart-count-bubble:after {
content: ")"; } .header .cart-trigger.meny-type-icons .cart-count-bubble { background: #168a14; color: #fff; position: absolute; top: -4px; right:
-7px; width: 19px; height: 19px; line-height: 19px; border-radius: 20px; font-size: 10px; text-align: center; } @media only screen and (max-width:
768px) { body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header > .header > .container {
color: #fff; } body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header > .header >
.container .icon-hamburger span, body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header >
.header > .container .icon-hamburger:before, body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling)
.section-header > .header > .container .icon-hamburger:after { background-color: #fff !important; }
body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header > .header > .container svg path {
fill: #fff !important; } .header .cart-trigger.meny-type-icons-mobile .cart-count-bubble { background: #168a14; color: #fff; position: absolute; top:
-4px; right: -7px; width: 19px; height: 19px; line-height: 19px; border-radius: 20px; font-size: 10px; text-align: center; } } @media only screen and
(max-width: 768px) { .search-trigger .search-modal__content .field .search__input { font-size: 16px; background-color: rgba(0, 0, 0, 0); } } @media
only screen and (min-width: 769px) { body.desktop-menu-open header.header { background: #fff; }
body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header:not(:hover) > .header {
border-color: #fff; } body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header:not(:hover) >
.header > .container { color: #fff; } body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling)
.section-header:not(:hover) > .header > .container mega-menu .header-menu > summary .icon line { stroke: #fff; }
body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header:not(:hover) > .header > .container
mega-menu .header-menu > summary .icon rect, body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling)
.section-header:not(:hover) > .header > .container mega-menu .header-menu > summary .icon path { fill: #fff; }
body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header:not(:hover) > .header > .container
mega-menu .header-menu { color: #fff !important; } body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling)
.section-header:not(:hover) > .header > .container .icon-hamburger span, body.inverted-header:not(.search-open):not(.desktop-menu-open):not(
.drawer-open ):not(.scrolling) .section-header:not(:hover) > .header > .container .icon-hamburger:before,
body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open ):not(.scrolling) .section-header:not(:hover) > .header > .container
.icon-hamburger:after { background-color: #fff !important; } body.inverted-header:not(.search-open):not(.desktop-menu-open):not( .drawer-open
):not(.scrolling) .section-header:not(:hover) > .header > .container svg path { fill: #fff !important; } body.search-open .section-header .header {
border-bottom-color: #000; } .section-header:hover .header { border-bottom-color: #000; color: var(--color-dark); background: #fff; } .header
.search-trigger details { line-height: 1; } .header .search-trigger details summary { line-height: 1; } .header .search-trigger .search-modal__content
{ padding-left: 45px; padding-right: 45px; } .header .search-trigger .search-modal__content .field .search__input { font-size: 22px; letter-spacing:
2.2px; text-transform: uppercase; } .header .search-trigger .search-modal__content .field .search__button svg { width: 17px; } .header
.cart-trigger.meny-type-icons-mobile .cart-count-bubble { display: inline-flex; } .header .cart-trigger.meny-type-icons-mobile
.cart-count-bubble:before { content: "("; } .header .cart-trigger.meny-type-icons-mobile .cart-count-bubble:after { content: ")"; } .header >
.container { height: 90px; gap: 20px; padding: 19px 26px; align-items: flex-end; } .header > .container > .logo { max-width: 380px; } .header >
.container .header__icon { padding: 10px 0; } .header > .container .header__icon:hover .label { color: #168a14; text-decoration: underline;
text-underline-offset: 2px; } .header > .container .header__icon:hover .label + .cart-count-bubble { color: #168a14; text-decoration: underline;
text-underline-offset: 2px; } .header > .container .right_container { display: flex; flex-direction: column; align-items: flex-end; justify-content:
space-between; height: 100%; } .header > .container .right_container .top_container { display: flex; gap: 10px; align-items: baseline; } .header >
.container mega-menu { display: inline-flex; gap: 20px; z-index: 0; } .header > .container mega-menu > a:hover { font-weight: bold; } .header >
.container mega-menu .header-menu { color: var(--text-color); z-index: 10; } .header > .container mega-menu .header-menu span { pointer-events: none;
} .header > .container mega-menu .header-menu > summary { display: inline-flex; gap: 4px; align-items: center; } .header > .container mega-menu
.header-menu > summary .icon { transition: all 0.4s ease-in-out; } .header > .container mega-menu .header-menu:hover > span, .header > .container
mega-menu .header-menu:hover > summary > span { font-weight: bold; } .header > .container mega-menu .header-menu.active > summary > span {
font-weight: bold; } .header > .container mega-menu .header-menu.active > .header-menu-content { opacity: 1; transform: translateY(0px); } .header >
.container mega-menu .header-menu-content { position: absolute; top: 100%; opacity: 0; transform: translateY(-30%); transition: all 0.4s ease-in-out;
background: #fff; z-index: -1; width: 100%; left: 0; padding: 20px 40px; } .header > .container mega-menu .header-menu-content
.menu-drawer__inner-submenu { display: flex; gap: 65px; } .header > .container mega-menu .header-menu-content .menu-drawer__inner-submenu >
.menu-drawer__menu { display: flex; column-gap: 65px; row-gap: 30px; flex-wrap: wrap; } .header > .container mega-menu .header-menu-content
.menu-drawer__inner-submenu .image_block_wrapper { position: relative; } .header > .container mega-menu .header-menu-content
.menu-drawer__inner-submenu .image_block_wrapper:hover .title_link { text-decoration: underline; } .header > .container mega-menu .header-menu-content
.menu-drawer__inner-submenu .image_block_wrapper .title_link { position: absolute; bottom: 20px; left: 18px; color: #fff; } }