/** Shopify CDN: Minification failed Line 268:18 Unexpected "=" **/ .slideshow__slide .hero__image-wrapper, [data-aos=hero__animation] .hero__image-wrapper { transform: none; transition: none; opacity: 0; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav { display: inline-flex; align-items: center; } .announcement-bar { border-bottom: 0px solid !Important; } /* Announcement stays at the top. Header + drawer start below it so hamburger / close never overlap the bar. */ :root { --as-announcement-h: 34px; } @media only screen and (max-width: 768px) { :root { --as-announcement-h: 32px; } } #shopify-section-announcement-bar { position: sticky; top: 0; z-index: 6; background: #ffffff; } .announcement-bar { background: #ffffff; } div#shopify-section-header { position: sticky; top: var(--as-announcement-h); z-index: 10; } /* Announcement is hidden on product templates — don't offset header into the PDP */ .template-product { --as-announcement-h: 0px; --as-pdp-split: 60%; /* JS overrides this per viewport */ overscroll-behavior-y: none; } /* Desktop: split gradient — gray over gallery, white over product column */ @media only screen and (min-width: 769px) { .template-product .header-bg { background: linear-gradient(to right, #f5f5f5 var(--as-pdp-split), #ffffff var(--as-pdp-split) ) !important; z-index: 4; } /* Once user has scrolled inside the product panel → solid gray */ .template-product.has-header-fill .header-bg { background: #f5f5f5 !important; z-index: 55; } } /* Mobile: transparent header, full-width white product section */ @media only screen and (max-width: 768px) { .template-product .header-bg { background: transparent !important; z-index: 4; } .template-product.has-header-fill .header-bg { background: #f5f5f5 !important; z-index: 55; } } /* Window scroll is on , not — left-side gallery scroll hits this */ html:has(body.template-product) { overscroll-behavior-y: none; } @media only screen and (min-width: 769px){ .product-single__meta { padding: 30px; padding-left: 14px; } .product-single__sticky { position: sticky; top: 93px; background: #ffffff; height: calc(100vh - 93px); overflow: hidden; overscroll-behavior: contain; } .announcement-bar { font-size: 12px; } .product-main-slide { display: block; width: 100%; overflow: hidden; } .product__main-photos img { opacity: 1 !Important; } .product__thumbs--below { margin-top: 15px; display: none; } } .site-header { box-shadow: none !important; } .site-header { padding: 15px 0; } .mobile-nav__item:after { border-bottom: 0px solid;; } @media only screen and (min-width: 769px){ .mobile-nav__sublist { padding-left: 12px; } .mobile-nav__sublist .mobile-nav__faux-link, .mobile-nav__sublist .mobile-nav__link { padding-top: 3.5px; padding-bottom:3.5px; color: #21232266 !important; } .mobile-nav__faux-link, .mobile-nav__link, .mobile-nav__toggle .faux-button, .mobile-nav__toggle button { padding-top: 11px; padding-bottom:11px; } ul.mobile-nav { max-width: 300px; } #NavDrawer.drawer--right { width: 400px; right: -400px; } #NavDrawer.drawer--right.drawer--is-open { transform: translate(-400px); } /* Nav drawer: less left indent, closer to the right edge */ #NavDrawer { --drawer-gutter: 16px; } #NavDrawer .drawer__fixed-header, #NavDrawer .drawer__header, #NavDrawer .drawer__scrollable, #NavDrawer .drawer__footer { padding-left: 16px; padding-right: 8px; } } .site-footer__linklist a { color: #888888; display: inline-block; padding: 0; font-size: 11px; line-height: 18px; font-weight: 400; } .footer__title { margin-bottom: 10px; letter-spacing: initial; text-transform: inherit; font-size: 11px; line-height: 14px; font-weight: 600; color: #212322; } .site-footer { padding-top: 64px; padding-bottom: 40px; border-top: none !important; } footer.site-footer .page-width { max-width: 1280px; padding-left: 40px; padding-right: 40px; } @media only screen and (max-width: 768px){ /* .site-footer .grid__item:after { content: ""; border-bottom: 0px solid; border-bottom-color: #000; border-bottom-color: var(--colorFooterText); opacity: .12; display: block; } .site-footer .grid__item { padding-bottom: 5px; width: 50%; } footer.site-footer .grid { display: flex; flex-wrap: wrap; } */ [data-center-text=true] .footer__title { text-align: left; } [data-center-text=true] .site-footer { text-align: left; } .footer__title { margin-bottom: 0px; letter-spacing: initial; text-transform: inherit; } } [data-center-text=true] .grid-product__meta { text-align: left; } [data-center-text=true] .grid-product__colors { justify-content: left; } .mobile-nav__sublist { padding-left: 12px; } .mobile-nav__sublist .mobile-nav__faux-link, .mobile-nav__sublist .mobile-nav__link { padding-top: 3.5px; padding-bottom:3.5px; color: #21232266 !important; } .mobile-nav__faux-link, .mobile-nav__link, .mobile-nav__toggle .faux-button, .mobile-nav__toggle button { padding-top: 11px; padding-bottom:11px; } ul.mobile-nav { max-width: 300px; } .drawer { box-shadow: none; } .page-content, .shopify-email-marketing-confirmation__container, .shopify-policy__container { padding-top: 30px; } @media only screen and (max-width: 769px){ .drawer { max-width: 100%; } .drawer--right { width: 100%; right: -100%; } .drawer--right.drawer--is-open { transform: translate(-100%); } ul.mobile-nav { max-width: inherit; /* width: 100%; */ } data-center-text=true] .footer__title, [data-center-text=true] .site-footer { font-size: 14px; } .collapsible-trigger__icon { right: 10px; } .collapsible-trigger__icon .icon { width: 15px; height: 8px; } } .variant-input-wrap label { padding: 6px 12px; } .variant-input-wrap input[type=radio]:checked+label { box-shadow: 0 0 0 1px #212322; box-shadow: 0 0 0 1px var(--colorTextBody); } .label, label:not(.variant__button-label):not(.text-label) { text-transform: capitalize; letter-spacing: inherit; font-size: 11px; } [data-swatch_style=round] .color-swatch { border-radius: 100%; width: 25px; height: 25px; } [data-center-text=true] .collapsible-trigger-btn { text-align: left; border-left: 0px; padding-left: 0px; padding-right: 0px; border-right: 0px; font-size: 13px; } .collapsible-trigger-btn--borders .collapsible-trigger__icon { right: 0px; } .collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner { border: 0px solid; padding: 0 0px 20px; } .product__quantity label { display: none; } .js-qty__num { padding: 10px 20px; } .flxc { display: flex; align-items: center; } .js-qty__wrapper { max-width: 110px; min-width: 80px; } .product__quantity { margin-right: 10px; } .js-qty__num { padding: 11px 20px; } .btn, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded, .spr-container .spr-button, .spr-container .spr-summary-actions a { font-weight: 400; text-transform: uppercase; letter-spacing: inherit; display: inline-block; padding: 11px 20px; font-size: 12px; } .product-single__title { margin-bottom: 0px; word-wrap: break-word; } @media only screen and (max-width: 768px){ .product-single__meta { text-align: left; } .product-single__meta .rte { text-align: left !important; } .js-qty__num { padding: 8px 20px; } } .drawer__header { border-bottom: 0px solid; } @media only screen and (min-width: 768px){ a.site-nav__link.site-nav__link--icon.js-search-header { margin-top: 5px; } .page-content.page-content--product { padding: 0px; } .page-content.page-content--product .page-width { max-width: 100%; padding: 0px; } .product-single__sticky { position: sticky; top: 93px; background: #ffffff; height: calc(100vh - 93px); overflow: hidden; overscroll-behavior: contain; } .product-single__meta { padding: 30px; padding-left: 14px; max-width: 80%; } #CartDrawer.drawer--right { width: 620px; right: -620px; } #CartDrawer.drawer--right.drawer--is-open { transform: translate(-620px); } form#CartDrawerForm { max-width: 500px; } .drawer .js-qty__num { padding-top: 10px; padding-bottom: 10px; } button.btn.cart__checkout { padding: 20px; } } .cart__item-sub.cart__item-row { display: flex; align-items: center; } .cart__item-sub.cart__item-row div[data-subtotal] { font-size: 20px; } .section-header__title { margin-bottom: 0; font-size: 20px; } .drawer__title { width: 100%; font-size: 14px; } span.cart-link svg { margin-right: 4px; } .cart-link { display: flex; align-items: center; } .cart__item-row.text-center { display: none; } .ajaxcart__subtotal { text-transform: uppercase; letter-spacing: inherit; font-size: 12px; } .color-swatch--small { width: 15px !important; height: 15px !important; } ul.cta { margin: 0px; } ul.cta li { list-style: none; } .flv { flex: 85%; } ul.cta { flex: 15%; } .cflx { display: flex; } ul.cta li { list-style: none; margin-bottom: 10px; } ul.cta a { font-size: 14px; margin-bottom: 10px; color: grey; } .feature-row { margin: 0px; } .feature-row-wrapper { overflow: hidden; direction: ltr; max-width: 100%; padding: 0px; } @media only screen and (min-width: 769px){ .feature-row__text--right { padding-right: 60px; } .feature-row__text { min-width: 50%; flex: 0 1 50%; } .feature-row__item { flex: 0 1 50%; margin: 0 auto; } .flv { width: 80%; float: left; } ul.cta { flex: 15%; position: sticky; top: 20px; z-index: 1; width: 20%; float: left; } .cflx { display: flow-root; } .footer__title { font-size: 11px; } .site-footer .footer__collapsible { font-size: 11px; } } a.act { text-decoration: revert; color: black !important; } @media only screen and (max-width: 769px){ .cflx { display: block; } ul.cta li { list-style: none; display: inline-block; margin: 10px 10px; } ul.cta { text-align: center; margin-bottom: 30px; } a.site-nav__link.site-nav__link--icon.js-search-header { margin-top: 5px; } } span.header--cart-count { background: #e7ddd1; font-size: 10px; width: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 14px; height: 14px; border-radius: 10px; text-align: center; overflow: hidden; } .collection-filter__item--count { flex: 1 1 170%; text-align: center; display: none; } .collection-filter__item--drawer { flex: none; } .collection-filter__item--sort { flex: none; } .collection-filter { display: flex; align-items: center; justify-content: end; flex-direction: row-reverse; } .collection-filter { display: flex; align-items: center; justify-content: end; flex-direction: row-reverse; } .collection-filter__item--sort { flex: none; margin-right: 10px; } .collection-filter .btn, .collection-filter select { height: 38px; font-size: 11px; } .collection-filter .btn:not(.btn--tertiary-active), .collection-filter__sort-container { background: #f3eee8; background: black; color: white; font-size:11px; text-transform: capitalize } .collapsible-trigger-btn { letter-spacing: initial; } form.filter-form { max-width: 400px; } .nnr{ max-width: 400px; } @media only screen and (min-width: 768px){ form#CartDrawerForm { max-width: 100%; } .drawer{ z-index:2; } .js-drawer-closing .main-content:after, .js-drawer-open .main-content:after { z-index: 1; } .drawer { z-index: 6; } .footer__item-padding { padding-right: 0; max-width: 280px; margin: 0; } a.site-nav__link.site-nav__link--icon[href="/account"] { margin-top: 5px; } } a.site-nav__link.site-nav__link--icon[href="/account"] { margin-top: 5px; } button.footer__newsletterbtn.btn { margin-top: 10px; width: 100%; padding: 10px; font-size: 12px; } .footer__newsletter-input { border-bottom: 1px solid; } span.methods-of-payment { display: block; text-align: center; margin-top: 40px; } footer.site-footer .page-width { max-width: 1280px; } @media only screen and (max-width: 768px){ .footer__newsletter { position: relative; display: inline-block; max-width: 100%; width: 100%; } .footer__newsletter-input { max-width: 100%; width: 100%; } } /* ── Paper footer layout ── */ @media only screen and (min-width: 769px) { /* Theme .grid::after clearfix is a phantom flex item — breaks space-between */ footer.site-footer .page-width > .grid::before, footer.site-footer .page-width > .grid::after { content: none !important; display: none !important; } footer.site-footer .page-width > .grid { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; justify-content: center !important; gap: 56px !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } footer.site-footer .page-width > .grid > .grid__item { float: none !important; clear: none !important; width: auto !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; flex: 0 0 auto !important; } footer.site-footer .page-width > .grid > .grid__item[data-type="newsletter"] { width: 280px !important; flex: 0 0 280px !important; max-width: 280px !important; } footer.site-footer .page-width > .grid > .grid__item[data-type="menu"] { flex: 0 0 auto !important; min-width: 0 !important; max-width: none !important; } footer.site-footer .footer__clear { display: none; } } footer.site-footer .footer__collapsible, footer.site-footer .footer__collapsible p { font-size: 11px; line-height: 16px; color: #888888; font-weight: 400; } footer.site-footer .footer__collapsible p { margin: 0 0 16px; } footer.site-footer .site-footer__linklist { margin: 0; } footer.site-footer .site-footer__linklist li { margin: 0; } footer.site-footer .site-footer__linklist a:hover { color: #212322; } footer.site-footer .footer__social { display: none; } /* Stack Klaviyo footer form like Paper */ footer.site-footer .footer__newsletter-form, footer.site-footer .klaviyo-form-WeybkF { width: 100% !important; margin-top: 0 !important; } footer.site-footer form.klaviyo-form, footer.site-footer form[data-testid="klaviyo-form-WeybkF"] { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 8px !important; height: auto !important; overflow: visible !important; } footer.site-footer [data-testid="form-row"] { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; height: auto !important; overflow: visible !important; } footer.site-footer [data-testid="form-component"] { width: 100% !important; height: auto !important; min-height: auto !important; overflow: visible !important; position: relative !important; } footer.site-footer .klaviyo-emailinput, footer.site-footer .klaviyo-emailinput > div { width: 100% !important; height: auto !important; min-height: auto !important; } footer.site-footer input[type="email"] { width: 100% !important; border: 0 !important; border-bottom: 1px solid #212322 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; height: auto !important; min-height: 32px !important; padding: 8px 0 !important; font-size: 12px !important; line-height: 16px !important; color: #212322 !important; font-family: Glence, Helvetica, Arial, sans-serif !important; box-sizing: border-box !important; } footer.site-footer input[type="email"]::placeholder { color: #888888 !important; } footer.site-footer button.klaviyo-form-button, footer.site-footer [data-testid="form-row"] button, footer.site-footer [data-testid="form-component"] button { width: 100% !important; margin: 0 !important; padding: 0 16px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; background: #000 !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-size: 11px !important; letter-spacing: 0.02em !important; line-height: 38px !important; text-transform: none !important; font-family: Glence, Helvetica, Arial, sans-serif !important; font-weight: 400 !important; box-sizing: border-box !important; } footer.site-footer button.klaviyo-form-button *, footer.site-footer [data-testid="form-row"] button *, footer.site-footer [data-testid="form-component"] button * { font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.02em !important; line-height: 1 !important; text-transform: none !important; font-family: Glence, Helvetica, Arial, sans-serif !important; } /* Force Glence across footer copy (Klaviyo injects its own fonts) */ footer.site-footer, footer.site-footer .footer__title, footer.site-footer .footer__collapsible, footer.site-footer .footer__collapsible p, footer.site-footer .site-footer__linklist a, footer.site-footer .footer__copyright, footer.site-footer .footer__small-text, footer.site-footer input, footer.site-footer button, footer.site-footer span, footer.site-footer p, footer.site-footer a, footer.site-footer [data-testid="form-component"], footer.site-footer [data-testid="form-row"] { font-family: Glence, Helvetica, Arial, sans-serif !important; } footer.site-footer .footer__bottom { display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 48px; } footer.site-footer .footer__copyright, footer.site-footer .footer__small-text { text-align: center; font-size: 11px; line-height: 14px; color: #888888; margin: 0; } footer.site-footer .payment-icons.footer__section { display: none; } @media only screen and (max-width: 768px) { footer.site-footer { padding-top: 40px; padding-bottom: 32px; } footer.site-footer .page-width { padding-left: 20px; padding-right: 20px; } footer.site-footer .footer__item-padding { max-width: 100%; } footer.site-footer .footer__bottom { padding-top: 32px; } } p.zooomypwishmsg { background: transparent !important; padding: 0px !important; } div#ZlistWishlist { float: left; width: 100%; margin: 10px 0px; position: absolute; top: 25px; right: 35px !important; width: auto !important; } div#CartDrawer { z-index: 100; } .bar1, .bar2, .bar3 { width: 20px; height: 1px; background-color: #333; margin: 5px 0; transition: 0.4s; } /* .change .bar1 { transform: translate(0, 0px) rotate(-50deg); } .change .bar2 {opacity: 0;} .change .bar3 { transform: translate(0, -6px) rotate(45deg); } */ [aria-expanded="true"] .bar1 { transform: translate(0, 0px) rotate(-50deg); } [aria-expanded="true"].bar2 {opacity: 0;} [aria-expanded="true"] .bar3 { transform: translate(0, -6px) rotate(45deg); } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav { display: inline-block; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav.change { position: relative; top: 2px; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav.change .bar1{ width: 20px; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav.change .bar3{ width: 20px; } .btn--loading { text-indent: inherit; }.btn--loading:before{ display:none; } .countdown__block { width: auto; margin: 0px; } .announcement-slider[data-compact=true].flickity-enabled .announcement-slider__slide { display: flex; align-items: center; justify-content: center; } .countdown__display-block h2 { margin-bottom: 0px; font-size: 12px; } .countdown__display-block span { font-size: .75rem; display: none; } .countdown__display-block { padding: 0px 5px; } .product-single__media img { width: 100%; height: 100%; } @media only screen and (max-width: 768px){ .collection-filter { justify-content: center; } .collection-filter { position: inherit; } } .zoom { display:inline-block; position: relative; } .zoom:after { content:''; display:block; width:50px; height:50px; position:absolute; top:0; right:0; } @media only screen and (max-width: 768px){ .product-slideshow .is-selected .product__photo-zoom { opacity: 1; padding: 10px; } } p.emptymsg { display: none !important; } li.zbodyinfo { display: none !important; } li.zbodyaction { margin-top: 20px !important; } #wishlist_page_product_text a { color: black !important; text-decoration: underline !important; } #wishlist_page_product_text { background: #000000; color: #FFFFFF; background: transparent !important; padding: 0px !important; width: auto; color: black !important; margin: auto !important; display: contents; } #wishlist_page_product_text { background: #000000; color: #FFFFFF; background: transparent !important; padding: 0px !important; width: auto; color: black !important; margin: auto !important; display: contents; display: block !important; margin-bottom: 10px !important; width: 100% !important; } .rte-setting a:not(.btn):not(.spr-summary-actions-newreview):after, .rte a:not(.btn):not(.spr-summary-actions-newreview):after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0%; border-bottom: 0px solid currentColor; transition: width .5s ease; } p.h5 { font-size: 20px; letter-spacing: initial; } a.zooomy__hhrt { display: none !important; } a.accountWishlistButton { background: black; color: white; padding: 10px; font-size: 13px; margin-right: 10px; margin-top: 30px; display: inline-block; position: relative; top: 10px; } @media only screen and (max-width: 768px){ p.h5 { font-size: 14px; letter-spacing: initial; } .product-single__meta { position: relative; } div#ZlistWishlist { /* float: left; */ width: 100%; margin: 10px 0px; position: absolute; top: -10px; right: 0px !important; width: auto !important; } .grid__image-ratio--portrait:before { padding-bottom: 175%; } } .multi-selectors__item { margin: 0px; } .toolbar__item:first-child { padding-left: 0; padding: 0px; } .multi-selectors__item { margin: 0px; margin-top: -5px; } @media only screen and (min-width: 768px){ .site-header { padding: 25px 0; } .toolbar__item .faux-select, .toolbar__item select { font-size: 11px; } } .announcement-slider[data-compact=true].flickity-enabled .announcement-slider__slide { font-size: 11px; } .mobile-nav__toggle button { border-left: 0px solid; } .header-bg { position: fixed; top: var(--as-announcement-h); left: 0; width: 100%; height: 98px; z-index: 4; background: #f3eee8; } /* top overridden above (34px below announcement) */ @media only screen and (min-width: 768px){ button.small--hide.site-nav__link.site-nav__link--icon.js-drawer-open-nav.change[aria-expanded="true"] { left: -6px; } } @media only screen and (max-width: 768px){ .header-bg { height: 70px; } .transcy-switcher-manual.hidden { display: block !important; } .js-drawer-closing .main-content:after, .js-drawer-open .main-content:after { z-index: 1; } .transcy-switcher-container.transcy-switcher-position__floating { position: initial !important; margin: 10px 0px !important; text-align: center !important; } .transcy-switcher-item-primary { margin: auto !important; } .transcy-switcher-dropdown.transcy-switcher-position__top_right .transcy-switcher-content { position: absolute; top: auto !important; bottom: 0px !Important; right: 0; } } .announcement-slider__slide { display: flex; align-items: center; justify-content: center; } .site-header { background: transparent !IMPORTANT; } @font-face { font-family: 'Glence'; src: url(/cdn/shop/files/Glence-Regular.woff2?v=1689884685); } @font-face { font-family: 'Glence Bold'; src: url(https://cdn.shopify.com/s/files/1/0284/7352/4323/files/Nine_Font_-_Glence_Bold.woff2?v=1680181772); } @font-face { font-family: 'Glence Light'; src: url(https://cdn.shopify.com/s/files/1/0284/7352/4323/files/Nine_Font_-_Glence_Light.woff2?v=1680180376); } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Glence'; } .faux-select, body, button, input, select, textarea { font-family: 'Glence'; } [data-swatch_style=round] .color-swatch { margin-left: 0px; } [data-center-text=true] .variant-input-wrap label { margin-left: 0px; } span.header--cart-count { /* line-height: 15px; */ margin-top: -15px; } [data-center-text=true] .grid-product__meta { text-align: center; } [data-center-text=true] .grid-product__colors { justify-content: center; } span.header--cart-count { background: #d7d2ca; } span.swatch__button.swatch__button--round a { width: 26px; height: 26px; background: antiquewhite; display: inline-block; border-radius: 100px; margin-right: 12px; } a.sibling__link.sibling__link--current { box-shadow: 0 0 0 2px #27272a; } span.swatch__button.swatch__button--round a { border: 2px solid white; } .variant-wrapper.js.product__block.product__siblings { margin-bottom: 20px; } .radio__buttons.text-center.cb span.swatch__button.swatch__button--round a { width: 13px; box-shadow: 0 0 0 1px #27272a; height: 13px; margin-right: 6px; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav { width: 50px; } @media only screen and (min-width: 768px){ button.small--hide.site-nav__link.site-nav__link--icon.js-drawer-open-nav.change[aria-expanded="true"] { left: 0px; } .product-single__media img { /* width: auto; */ /* height: auto; */ max-width: 500px; margin: auto; display: block; } } @media only screen and (min-width: 768px){ .product-single__meta { padding-bottom: 100px; } } .zoom { max-width: 500px; margin: auto; display: block; } /* Filter drawer must sit above sticky announcement/header. (Nav drawer stays under header on purpose; Filter needs its own title + close.) */ #FilterDrawer.drawer { z-index: 80 !important; top: 0; } #FilterDrawer .drawer__fixed-header, #FilterDrawer .drawer__header { position: relative; z-index: 1; } @media only screen and (max-width: 768px){ .site-header { padding: 12px 0; } .site-nav__link--icon { padding-right: 11.5px; } svg.h-6.w-6 { margin-top: 4px; } } .site-nav__icons { white-space: nowrap; display: flex; align-items: center; } @media only screen and (min-width: 768px){ h1.h2.product-single__title { font-size: 18px; } /* .site-header { padding: 12px 0; } .header-bg { height: 74px; } */ #NavDrawer.drawer--right.drawer--is-open { transform: translate(-400px); } #NavDrawer.drawer--right { width: 400px; right: -400px; } [data-center-text=true] .variant-input-wrap label { margin-left: 0px; font-size: 11px; } } .toolbar { background: transparent; } [data-center-text=true] .collapsible-trigger-btn { font-size: 11px; } .collapsible-trigger-btn--borders { padding: 9px; } @media only screen and (min-width: 768px){ .site-header { padding: 20px 0; } .announcement-bar { padding: 8px 0; } .header-bg { height: 90px; } } @media only screen and (min-width: 768px){ button.site-nav__link.site-nav__link--icon.js-drawer-open-nav.change { position: relative; top: 0px; } } @media only screen and (min-width: 768px){ .product-single__meta { max-width: 98%; } .mobile-nav__link--top-level { font-size: 14px; } ul.mobile-nav { margin-top: 30px; } } .mobile-nav__faux-link, .mobile-nav__link, .mobile-nav__toggle .faux-button, .mobile-nav__toggle button { background: transparent !important; } .mobile-nav__link--button { background: transparent !important; } .drawer__close-button { background: transparent !important; } .drawer--right { transition-timing-function: cubic-bezier(.4,0,1,1); transition-duration: .5s; } .announcement-link .announcement-link-text { text-decoration: none; } @media only screen and (min-width: 768px){ #NavDrawer.drawer--right { width: 400px; right: -400px; } #NavDrawer.drawer--right.drawer--is-open { transform: translate(-400px); } } .js-drawer-open { overflow: inherit; } @media only screen and (min-width: 769px){ .flv { max-width: 600px; } .site-nav__link--icon { padding-left: 14px; padding-right: 14px; } a.site-nav__link.site-nav__link--icon[href="/pages/wishlist"] { position: relative; top: 2px; } .disclosure { position: relative; top: 2px; } } a.site-nav__link.site-nav__link--icon:hover svg { opacity: 0.5; } a.site-nav__link.site-nav__link--icon svg { transition: 0.5s; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav{ transition: 0.5s; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav{ opacity: 0.5; } .grid-product__secondary-image img { -o-object-fit: contain; object-fit: contain; } button#newsletter-form-submit-newsletter-popup { width: 100%; margin-top: 10px; } #NewsletterPopup-newsletter-popup .newsletter__input-group { margin-bottom: 0; flex-direction: column; } /* ── Newsletter popup (Paper-aligned) ── */ #NewsletterPopup-newsletter-popup .modal__inner { background: #ffffff; max-width: 440px; width: calc(100% - 40px); padding: 0; box-shadow: none; border: 1px solid #d9d9d9; } #NewsletterPopup-newsletter-popup.modal--square .modal__close { top: 12px; right: 12px; } #NewsletterPopup-newsletter-popup .newsletter-popup__content { max-width: none; width: 100%; padding: 40px 32px 32px; box-sizing: border-box; text-align: center; } #NewsletterPopup-newsletter-popup .newsletter-popup__content h3 { margin: 0 0 8px; font-family: Glence, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.25; font-weight: 600; color: #212322; letter-spacing: 0; } #NewsletterPopup-newsletter-popup .rte { margin: 0 0 24px !important; padding: 0 !important; max-width: none; width: 100%; height: auto !important; max-height: none !important; overflow: visible !important; font-family: Glence, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; color: #888888; } #NewsletterPopup-newsletter-popup .rte p { margin: 0; width: 100%; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; color: #888888; } #NewsletterPopup-newsletter-popup .popup-cta { width: 100%; margin: 0; padding-top: 4px; } #NewsletterPopup-newsletter-popup .klaviyo-form-WeybkF, #NewsletterPopup-newsletter-popup .klaviyo-form, #NewsletterPopup-newsletter-popup form.klaviyo-form, #NewsletterPopup-newsletter-popup form[data-testid="klaviyo-form-WeybkF"] { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 8px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } #NewsletterPopup-newsletter-popup [data-testid="form-row"] { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; height: auto !important; overflow: visible !important; } #NewsletterPopup-newsletter-popup [data-testid="form-component"] { width: 100% !important; height: auto !important; min-height: auto !important; overflow: visible !important; position: relative !important; } #NewsletterPopup-newsletter-popup .klaviyo-emailinput, #NewsletterPopup-newsletter-popup .klaviyo-emailinput > div { width: 100% !important; height: auto !important; min-height: auto !important; } #NewsletterPopup-newsletter-popup input[type="email"] { width: 100% !important; box-sizing: border-box !important; border: 1px solid #212322 !important; border-radius: 0 !important; background: #ffffff !important; box-shadow: none !important; outline: none !important; height: 42px !important; min-height: 42px !important; padding: 0 12px !important; font-family: Glence, Helvetica, Arial, sans-serif !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; color: #212322 !important; } #NewsletterPopup-newsletter-popup input[type="email"]::placeholder { color: #888888 !important; } #NewsletterPopup-newsletter-popup button.klaviyo-form-button, #NewsletterPopup-newsletter-popup [data-testid="form-row"] button, #NewsletterPopup-newsletter-popup [data-testid="form-component"] button { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 16px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; box-sizing: border-box !important; background: #000000 !important; color: #ffffff !important; border: none !important; border-radius: 0 !important; font-family: Glence, Helvetica, Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.06em !important; line-height: 38px !important; text-transform: uppercase !important; } #NewsletterPopup-newsletter-popup button.klaviyo-form-button *, #NewsletterPopup-newsletter-popup [data-testid="form-row"] button * { font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.06em !important; line-height: 1 !important; } @media only screen and (max-width: 768px) { #NewsletterPopup-newsletter-popup .newsletter-popup__content { padding: 32px 24px 28px; } #NewsletterPopup-newsletter-popup .newsletter-popup__content h3 { font-size: 15px; } } .countdown__block { display: none; } a.button.btn.btn--secondary { font-size: 11px; } a.button.btn.btn--secondary { font-size: 10px; padding: 7px 10px; padding-top: 8px; border-color: #d9d9d9 !important; } /* ── Cookie consent (Paper) ── */ .as-cookie { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: #ffffff; border-top: 1px solid #d9d9d9; box-sizing: border-box; } .as-cookie[hidden] { display: none !important; } .as-cookie__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 20px 40px; box-sizing: border-box; } .as-cookie__copy { display: flex; flex-direction: column; gap: 6px; flex: 1 1 0%; min-width: 0; } .as-cookie__title { margin: 0; font-family: Glence, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; color: #212322; } .as-cookie__text { margin: 0; font-family: Glence, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; color: #888888; } .as-cookie__link { display: inline-block; font-family: Glence, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; font-weight: 400; color: #212322; text-decoration: underline; text-underline-position: from-font; } .as-cookie__actions { display: flex; align-items: center; flex-shrink: 0; gap: 10px; } .as-cookie__btn { display: inline-flex; align-items: center; justify-content: center; height: 38px; min-height: 38px; max-height: 38px; padding: 0 18px; margin: 0; border-radius: 0; box-sizing: border-box; font-family: Glence, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.06em; line-height: 14px; text-transform: uppercase; cursor: pointer; appearance: none; -webkit-appearance: none; } .as-cookie__btn--reject { background: transparent; border: 1px solid #212322; color: #212322; } .as-cookie__btn--accept { background: #000000; border: 1px solid #000000; color: #ffffff; } @media only screen and (max-width: 768px) { .as-cookie__inner { flex-direction: column; align-items: stretch; gap: 14px; padding: 18px 20px 22px; } .as-cookie__actions { width: 100%; gap: 8px; } .as-cookie__btn { flex: 1 1 0%; width: 100%; } } /* ── Nav drawer: Seventh-like spacing + hover ── */ /* Desktop: keep announcement + header bar above the drawer so burger/X/icons stay visible. NavDrawer is a sibling inside #shopify-section-header, so z-index on the section itself does not win — the sticky wrapper must stack above #NavDrawer. */ @media only screen and (min-width: 769px) { #shopify-section-announcement-bar { z-index: 50; } div#shopify-section-header { z-index: 50; } #shopify-section-header .header-sticky-wrapper, #shopify-section-header #HeaderWrapper, #shopify-section-header .site-header { position: relative; z-index: 60; } #NavDrawer.drawer { top: 0; z-index: 30; } /* Spacer equals announcement + header so items start below the header row */ #NavDrawer .drawer__fixed-header, #NavDrawer .drawer__header { height: calc(var(--as-announcement-h) + 94px); } } /* Mobile: drawer below the announcement; close X lives in the drawer */ @media only screen and (max-width: 768px) { #NavDrawer.drawer { top: var(--as-announcement-h); z-index: 40; } } /* Mobile: full-width drawer + less cramped header row */ @media only screen and (max-width: 768px) { #NavDrawer.drawer--right { width: 100% !important; right: -100% !important; max-width: 100%; } #NavDrawer.drawer--right.drawer--is-open { transform: translate(-100%) !important; } /* Don't leave hamburger sitting on the announcement while the X is open */ html.js-drawer-open .js-drawer-open-nav { visibility: hidden; } .site-header .site-nav__icons .site-nav__link--icon { padding-left: 8px; padding-right: 8px; } button.site-nav__link.site-nav__link--icon.js-drawer-open-nav { width: 40px; } #NavDrawer .drawer__fixed-header, #NavDrawer .drawer__header { height: 56px; } #NavDrawer .drawer__close-button { right: 0; padding: 0 16px; } /* Extra left inset so items aren't flush against the edge. Theme uses ul.mobile-nav { margin: calc(var(--drawer-gutter) * -1) } which cancels scrollable padding — zero that on mobile only. */ #NavDrawer ul.mobile-nav { margin-left: 0 !important; margin-right: 0 !important; } #NavDrawer .drawer__scrollable { padding-left: 32px !important; padding-right: 16px !important; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__link, #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__link--button, #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist > .mobile-nav__link { padding: 14px 12px 14px 0 !important; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__link--button .mobile-nav__faux-link, #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__link--button .mobile-nav__link { padding: 0 !important; } #NavDrawer .mobile-nav__sublist .mobile-nav__link, #NavDrawer .mobile-nav__sublist .mobile-nav__faux-link { padding: 8px 12px 8px 12px !important; } #NavDrawer ul.mobile-nav { max-width: none; width: 100%; margin-top: 8px; } } /* Remove item separator lines */ #NavDrawer .mobile-nav > .mobile-nav__item:after { display: none; } /* ── Desktop item padding (mobile padding lives in max-width 768 above) ── */ @media only screen and (min-width: 769px) { #NavDrawer ul.mobile-nav { max-width: none !important; width: 100% !important; margin-top: 30px; margin-left: 0 !important; margin-right: 0 !important; } #NavDrawer .drawer__scrollable { padding-left: 16px !important; padding-right: 8px !important; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__link { padding: 16px 20px !important; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__link--button { padding: 16px 20px !important; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__link--button .mobile-nav__faux-link, #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__link--button .mobile-nav__link { padding: 0 !important; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist > .mobile-nav__link { padding: 16px 20px !important; } #NavDrawer .mobile-nav__sublist .mobile-nav__link, #NavDrawer .mobile-nav__sublist .mobile-nav__faux-link { padding: 8px 20px 8px 28px !important; } } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__link { display: block; transition: background-color 0.2s ease; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist { padding: 0; transition: background-color 0.2s ease; } /* Hover: highlight the full row */ #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__link:hover, #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist:hover { background-color: #f5f5f5 !important; } #NavDrawer .mobile-nav > .mobile-nav__item > .mobile-nav__has-sublist:hover .mobile-nav__link--button { background-color: transparent !important; } /* Font */ #NavDrawer .mobile-nav__link--top-level { font-size: 14px; font-weight: 400; letter-spacing: 0; } /* Sub-item hover (padding is viewport-specific above) */ #NavDrawer .mobile-nav__sublist .mobile-nav__link:hover, #NavDrawer .mobile-nav__sublist .mobile-nav__faux-link:hover { background-color: #f5f5f5 !important; } #NavDrawer .mobile-nav__toggle button, #NavDrawer .mobile-nav__toggle .faux-button { background: transparent !important; } /* Desktop: drawer a bit wider so Netherlands sits fully on the white panel */ @media only screen and (min-width: 769px) { #NavDrawer.drawer--right { width: 420px !important; right: -420px !important; } #NavDrawer.drawer--right.drawer--is-open { transform: translate(-420px) !important; } }