← back to Designer Wallcoverings
PDP fix cluster: breadcrumbs grey-bar, Download PDF (inline DOM, no iframe), button-position right-of-cart
31f09baaca4a3d12c239ff91fb8ffed1728bf364 · 2026-06-23 10:56:36 -0700 · Steve Abrams
Issue 1 (breadcrumbs): scoped .breadcrumbs override in theme.css + theme.css.liquid -
transparent bg + #333 text on standard pages, re-assert dark rgba overlay only
under .collection-header so hero-image collection pages are unchanged.
Issue 2 (Download PDF): rewrote spec-sheet-button.liquid to build the spec DOM inline
from Liquid product data + metafields and run html2canvas+jsPDF directly. The prior
iframe approach is dead-on-arrival on live: storefront sends X-Frame-Options: DENY +
CSP frame-ancestors 'none' store-wide, so /pages/spec-sheet cannot be framed even
same-origin. Inline DOM validated locally (untainted 1632x1878 canvas, cdn.shopify
image, ACAO:*). page.spec-sheet keeps {% layout none %} as standalone fallback.
Issue 3 (button position): dw-pdp-restyle.css makes .spec-sheet-controls a flex child
with order:99 so Download PDF is rightmost, after Add to Cart (order:50), inside the
flex .product-add-to-cart row.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Files touched
A shopify/_cwGRID/assets/dw-pdp-restyle.cssA shopify/_cwGRID/assets/theme.cssM shopify/_cwGRID/assets/theme.css.liquidM shopify/_cwGRID/snippets/product-form-content.liquidM shopify/_cwGRID/snippets/spec-sheet-button.liquidM shopify/_cwGRID/templates/page.spec-sheet.liquid
Diff
commit 31f09baaca4a3d12c239ff91fb8ffed1728bf364
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Tue Jun 23 10:56:36 2026 -0700
PDP fix cluster: breadcrumbs grey-bar, Download PDF (inline DOM, no iframe), button-position right-of-cart
Issue 1 (breadcrumbs): scoped .breadcrumbs override in theme.css + theme.css.liquid -
transparent bg + #333 text on standard pages, re-assert dark rgba overlay only
under .collection-header so hero-image collection pages are unchanged.
Issue 2 (Download PDF): rewrote spec-sheet-button.liquid to build the spec DOM inline
from Liquid product data + metafields and run html2canvas+jsPDF directly. The prior
iframe approach is dead-on-arrival on live: storefront sends X-Frame-Options: DENY +
CSP frame-ancestors 'none' store-wide, so /pages/spec-sheet cannot be framed even
same-origin. Inline DOM validated locally (untainted 1632x1878 canvas, cdn.shopify
image, ACAO:*). page.spec-sheet keeps {% layout none %} as standalone fallback.
Issue 3 (button position): dw-pdp-restyle.css makes .spec-sheet-controls a flex child
with order:99 so Download PDF is rightmost, after Add to Cart (order:50), inside the
flex .product-add-to-cart row.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
shopify/_cwGRID/assets/dw-pdp-restyle.css | 199 +
shopify/_cwGRID/assets/theme.css | 12081 +++++++++++++++++++
shopify/_cwGRID/assets/theme.css.liquid | 126 +-
.../_cwGRID/snippets/product-form-content.liquid | 1328 +-
shopify/_cwGRID/snippets/spec-sheet-button.liquid | 310 +-
shopify/_cwGRID/templates/page.spec-sheet.liquid | 6 -
6 files changed, 13330 insertions(+), 720 deletions(-)
diff --git a/shopify/_cwGRID/assets/dw-pdp-restyle.css b/shopify/_cwGRID/assets/dw-pdp-restyle.css
new file mode 100644
index 00000000..29457913
--- /dev/null
+++ b/shopify/_cwGRID/assets/dw-pdp-restyle.css
@@ -0,0 +1,199 @@
+/* ==========================================================================
+ dw-pdp-restyle.css (Designer Wallcoverings PDP restyle, 2026-06-22)
+ Reference-design pass on the product page:
+ - SIZE selector -> two pill buttons (progressive enhancement; the native
+ <select.single-option-selector> stays in the DOM, visually hidden, so
+ all variant / cart / cowlendar / MOQ JS keeps reading it).
+ - REQUEST SAMPLE / SPEC SHEET / ADD TO CART -> three uniform rounded
+ pills, laid out: [Request Sample] [Spec Sheet] on one row, Add to Cart
+ below. Existing hrefs/handlers/classes untouched; restyle/relayout only.
+ Scoped to .template-product so nothing leaks to other templates.
+ ========================================================================== */
+
+/* --- Token: keep pill radius/font consistent across size pills + CTAs ------ */
+:root {
+ --dw-pill-radius: 99px;
+ --dw-pill-font: Lora, serif;
+}
+
+/* ==========================================================================
+ 1. SIZE PILLS
+ ========================================================================== */
+
+/* Hide the native size <select> but KEEP it operable for JS (.value/.dispatch).
+ We only hide it once our pills have been built (data-dw-pilled="1"), so on a
+ no-JS render the original dropdown is still usable. */
+.template-product select.single-option-selector[data-dw-pilled="1"] {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0 0 0 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+
+.template-product .dw-size-pills {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+ margin: 6px 0 18px;
+}
+
+.template-product .dw-size-pill {
+ font-family: var(--dw-pill-font);
+ font-weight: 700;
+ font-size: 12px;
+ letter-spacing: 0.02em;
+ text-transform: uppercase;
+ line-height: 1.1;
+ cursor: pointer;
+ padding: 14px 22px;
+ min-height: 46px;
+ border-radius: var(--dw-pill-radius);
+ border: 1.5px solid #111;
+ background: #fff;
+ color: #111;
+ transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+.template-product .dw-size-pill:hover {
+ background: #f2f2f2;
+}
+
+.template-product .dw-size-pill.is-active {
+ background: #111;
+ color: #fff;
+ border-color: #111;
+}
+
+.template-product .dw-size-pill.is-active:hover {
+ background: #000;
+}
+
+.template-product .dw-size-pill.is-unavailable,
+.template-product .dw-size-pill:disabled {
+ opacity: 0.45;
+ cursor: not-allowed;
+ text-decoration: line-through;
+}
+
+/* When the size pills are present we don't need the legacy plain-text
+ ".last_variant" echo of the option value cluttering the column. The
+ theme JS still toggles it for the display_variant=="no" single-variant
+ case; we only hide it once pills exist as a sibling. */
+.template-product .dw-size-pills ~ .selector-wrapper .last_variant {
+ /* leave theme behavior intact; no override needed */
+}
+
+/* ==========================================================================
+ 2. CTA PILL ROW (Request Sample + Spec Sheet + Add to Cart on one row)
+ All three buttons displayed in a single row with equal widths and spacing.
+ ========================================================================== */
+
+.template-product .product-add-to-cart {
+ display: flex;
+ flex-wrap: nowrap;
+ gap: 10px;
+ align-items: stretch;
+ max-width: 100%;
+}
+
+/* Every primary CTA pill: uniform height / font / weight / radius / color */
+.template-product .product-add-to-cart .dl-sample-btn,
+.template-product .product-add-to-cart .dl-second-sample-btn,
+.template-product .product-add-to-cart .add-to-cart,
+.template-product .product-add-to-cart .shopify-payment-button__button {
+ flex: 1 1 0;
+ width: auto !important;
+ min-width: 0;
+ min-height: 44px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 !important;
+ border-radius: var(--dw-pill-radius) !important;
+ font-family: var(--dw-pill-font);
+ font-weight: 700;
+ font-size: 11px !important;
+ letter-spacing: 0.02em;
+ text-transform: uppercase;
+ box-sizing: border-box;
+ padding: 10px 8px !important;
+}
+
+/* Add to Cart uses same flex properties as other buttons (no full-width override) */
+.template-product .product-add-to-cart .add-to-cart {
+ flex: 1 1 0;
+}
+
+/* Spec-sheet button has its own inline-block style block in its snippet; make
+ sure it participates in the flex row like the other pills. */
+.template-product .product-add-to-cart .spec-sheet-btn {
+ display: inline-flex !important;
+ vertical-align: top;
+}
+
+/* Keep the hidden/unavailable helpers behaving (they were display utilities). */
+.template-product .product-add-to-cart .hidden {
+ display: none !important;
+}
+
+/* Mobile: maintain 3-column on tablet, stack to 1 column on small phone */
+@media screen and (max-width: 480px) {
+ .template-product .product-add-to-cart {
+ flex-wrap: wrap;
+ }
+ .template-product .product-add-to-cart .dl-sample-btn,
+ .template-product .product-add-to-cart .dl-second-sample-btn,
+ .template-product .product-add-to-cart .add-to-cart,
+ .template-product .product-add-to-cart .shopify-payment-button__button {
+ flex: 1 1 100%;
+ width: 100% !important;
+ max-width: none !important;
+ }
+}
+
+
+/* ==========================================================================
+ DW FIX 2026-06-23 (button-position): Download PDF to the RIGHT of Add to Cart.
+ The spec-sheet-button snippet wraps its button in a .spec-sheet-controls
+ <div> (display:inline-block). Inside the flex CTA row (.product-add-to-cart)
+ that WRAPPER is the flex child, so without this it neither sizes like the
+ other pills nor reliably orders last. Make the wrapper a proper flex child,
+ force it to the end of the row (order), and let its inner button fill it +
+ adopt the pill shape so [Request Sample] [Add to Cart] [Download PDF] read
+ left-to-right with Download PDF rightmost.
+ ========================================================================== */
+.template-product .product-add-to-cart .spec-sheet-controls {
+ display: flex;
+ flex: 1 1 0;
+ min-width: 0;
+ margin: 0 !important;
+ order: 99; /* always last = rightmost in the row */
+}
+.template-product .product-add-to-cart .spec-sheet-controls .spec-sheet-btn {
+ flex: 1 1 0;
+ width: 100%;
+ min-width: 0;
+ min-height: 44px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: var(--dw-pill-radius) !important;
+ font-family: var(--dw-pill-font);
+ font-weight: 700;
+ font-size: 11px !important;
+ letter-spacing: 0.02em;
+ text-transform: uppercase;
+ padding: 10px 8px !important;
+}
+/* Keep Add to Cart before the PDF button (Request Sample stays first by DOM). */
+.template-product .product-add-to-cart .add-to-cart { order: 50; }
+@media screen and (max-width: 480px) {
+ .template-product .product-add-to-cart .spec-sheet-controls { flex: 1 1 100%; }
+}
diff --git a/shopify/_cwGRID/assets/theme.css b/shopify/_cwGRID/assets/theme.css
new file mode 100644
index 00000000..fdd7a77f
--- /dev/null
+++ b/shopify/_cwGRID/assets/theme.css
@@ -0,0 +1,12081 @@
+@charset "UTF-8";
+/* Fonts */@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.9a60cb39eff3bfbc472bac5b3c5c4d7c878f0a8d.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.4d935d2630ceaf34d2e494106075f8d9f1257d25.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.cb2d2ab46128fa7f84060d5f92cf3f49dc8181bd.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
+}
+
+ @font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
+}
+
+
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.9a60cb39eff3bfbc472bac5b3c5c4d7c878f0a8d.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.4d935d2630ceaf34d2e494106075f8d9f1257d25.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.cb2d2ab46128fa7f84060d5f92cf3f49dc8181bd.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
+}
+
+ @font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
+}
+
+
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.9a60cb39eff3bfbc472bac5b3c5c4d7c878f0a8d.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.4d935d2630ceaf34d2e494106075f8d9f1257d25.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.cb2d2ab46128fa7f84060d5f92cf3f49dc8181bd.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
+}
+
+ @font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
+}
+
+
+
+@font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
+}
+
+
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.9a60cb39eff3bfbc472bac5b3c5c4d7c878f0a8d.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.4d935d2630ceaf34d2e494106075f8d9f1257d25.woff") format("woff");
+}
+
+ @font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.cb2d2ab46128fa7f84060d5f92cf3f49dc8181bd.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.9a60cb39eff3bfbc472bac5b3c5c4d7c878f0a8d.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n4.4d935d2630ceaf34d2e494106075f8d9f1257d25.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 400;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i4.cb2d2ab46128fa7f84060d5f92cf3f49dc8181bd.woff") format("woff");
+}
+
+@font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
+}
+
+ @font-face {
+ font-family: Lora;
+ font-weight: 700;
+ font-style: italic;
+ font-display: swap;
+ src: url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
+ url("//www.designerwallcoverings.com/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
+}
+
+
+
+@font-face {
+ font-family: "chiko-icons";
+ font-style: normal;
+ font-weight: normal;
+ font-display: block;
+ src: url(//www.designerwallcoverings.com/cdn/shop/t/71/assets/chiko-icons.woff?v=12666650156901059331774619490) format("woff");
+}
+@font-face {
+ font-family: "pxu-social-icons";
+ font-style: normal;
+ font-weight: normal;
+ font-display: block;
+ src: url(//www.designerwallcoverings.com/cdn/shop/t/71/assets/pxu-social-icons.woff?v=75149173774959108441774619490) format("woff");
+}
+/* Settings */
+/* User Settings
+------------------------- */
+/* General */
+/* Section specific
+------------------------- */
+/* Header */
+/* Slideshow */
+/* General Settings
+------------------------- */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Utilities */
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+ background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1, .age-gate__heading {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+figure {
+ margin: 0;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+button,
+html input[type=button],
+input[type=reset],
+input[type=submit] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type=checkbox],
+input[type=radio] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+input[type=search] {
+ -webkit-appearance: textfield; /* 1 */ /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type=search]::-webkit-search-cancel-button,
+input[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
+
+/**
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ * contenteditable attribute is included anywhere else in the document.
+ * Otherwise it causes space to appear at the top and bottom of elements
+ * that are clearfixed.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ * `:before` to contain the top-margins of child elements.
+ */
+.header-tools:before, .product-images:before, .product:before, .blog-sidebar:before,
+.blog-promo:before, .blog-wrapper:before, .template-article .article:before,
+.template-article .main-content:before, .blog-wrapper-masonry:before, .rte:before,
+.element-text.element-text--rte:before,
+.header-tools:after,
+.product-images:after,
+.product:after,
+.blog-sidebar:after,
+.blog-promo:after,
+.blog-wrapper:after,
+.template-article .article:after,
+.template-article .main-content:after,
+.blog-wrapper-masonry:after,
+.rte:after,
+.element-text.element-text--rte:after {
+ content: " "; /* 1 */
+ display: table; /* 2 */
+}
+
+.header-tools:after, .product-images:after, .product:after, .blog-sidebar:after,
+.blog-promo:after, .blog-wrapper:after, .template-article .article:after,
+.template-article .main-content:after, .blog-wrapper-masonry:after, .rte:after,
+.element-text.element-text--rte:after {
+ clear: both;
+}
+
+/**
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+.header-tools, .product-images, .product, .blog-sidebar,
+.blog-promo, .blog-wrapper, .template-article .article,
+.template-article .main-content, .blog-wrapper-masonry, .rte,
+.element-text.element-text--rte {
+ *zoom: 1;
+}
+
+/* General */
+.hidden {
+ opacity: 0;
+ visibility: hidden;
+}
+
+/* Small caps */
+.product-list-item-unavailable::after,
+.product-list-item-on-sale::after, .product-list-item-unavailable.product-icons::after,
+.product-list-item-on-sale.product-icons::after, th {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+}
+
+/* Typography */
+.quick-shop-modal-trigger, .product-list-item-inventory, .mega-nav-list .mega-nav-list-title .mega-nav-list-title-link, .navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link, .product-title, .home-masonry-feature-title, th, .section-title, .page-title,
+.shopify-policy__title h1,
+.shopify-policy__title .age-gate__heading, h1, .age-gate__heading, h2, h3, h4, h5, h6, .home-slideshow-slide-heading, .home-promotion-title {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ color: #000000;
+}.quick-shop-modal-trigger, .product-list-item-inventory, .mega-nav-list .mega-nav-list-title .mega-nav-list-title-link, .navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link, .product-title, .home-masonry-feature-title, th, .section-title, .page-title,
+ .shopify-policy__title h1,
+ .shopify-policy__title .age-gate__heading, h1, .age-gate__heading, h2, h3, h4, h5, h6, .home-slideshow-slide-heading, .home-promotion-title {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.product-list-item-vendor, .product-list-item-unavailable::after,
+.product-list-item-on-sale::after, .product-list-item-unavailable.product-icons::after,
+.product-list-item-on-sale.product-icons::after, .product-vendor, .cart-item-properties, .cart-brand, .cart-item .price:before,
+.cart-item .quantity:before,
+.cart-item .total:before, .search-result-date, .search-result-vendor, .post-comment-date, .post-author-name:before, .order-vendor, .customer-logout-link, .meta {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ color: #8a8a8a;
+}.shopify-payment-button .shopify-payment-button__button--unbranded, .navigation-toggle-open, .shopify-payment-button__button--unbranded, .age-gate__confirm_btn, noscript .shopify-localization-form .disclosure__submit, .predictive-search-footer__button, .pxs-newsletter-form-button, .pxs-image-with-text-button, .button,
+.submit,
+input[type=submit],
+input[type=button] {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 700;
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+#coin-container:after, #infiniteoptions-container .spb-select:after, #bouncer_modal_datepicker span:after, .pagination .next,
+.pagination .previous,
+.single-post-pagination .next,
+.single-post-pagination .previous, .navigation-submenu-toggle, .navigation.navigation-desktop .has-dropdown > a:after,
+.navigation.navigation-desktop .has-dropdown summary:after,
+.navigation.navigation-desktop .has-mega-nav > a:after,
+.navigation.navigation-desktop .has-mega-nav summary:after, .product-thumbnails-navigation-previous,
+.product-thumbnails-navigation-next, .cart-item .remove, .select-wrapper:after {
+ font-family: "chiko-icons";
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.navigation-toggle-icon svg, .navigation-toggle-close svg, .modal-close svg, .home-testimonials-icon svg, .home-masonry-feature-video-trigger svg {
+ display: inline-block;
+ max-width: 100%;
+ max-height: 100%;
+}
+
+.header-branding .logo-link, .template-password .password-branding .logo-link {
+ display: inline-block;
+ max-width: 100%;
+ font-size: 0;
+ color: #000000;
+ word-break: break-word;
+}
+.header-branding .logo-image, .template-password .password-branding .logo-image {
+ display: block;
+ margin: 0;
+}
+.header-branding h1, .header-branding .age-gate__heading, .template-password .password-branding h1, .template-password .password-branding .age-gate__heading {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin: 0;
+ font-size: 2.1428571429rem;
+}.header-branding h1, .header-branding .age-gate__heading, .template-password .password-branding h1, .template-password .password-branding .age-gate__heading {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ font-size: 1.9285714286rem;
+ }.home-slideshow-slide-heading, .home-promotion-title {
+ margin: 0;
+ font-size: 1.8571428571rem;
+}@media (min-width: 770px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 2rem;
+ }
+ }@media (min-width: 1080px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 3.2142857143rem;
+ }
+ }@media (min-width: 1280px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 4.2857142857rem;
+ }
+ }.home-slideshow-slide-subheading, .home-promotion-subtitle {
+ margin-top: 5px;
+ margin-bottom: 0;
+ font-size: 1.1428571429rem;
+}
+.home-slideshow-slide-subheading:first-child, .home-promotion-subtitle:first-child {
+ margin-top: 0;
+}
+@media (min-width: 770px) {
+ .home-slideshow-slide-subheading, .home-promotion-subtitle {
+ font-size: 1.5rem;
+ }
+}
+
+.home-slideshow-slide-cta, .home-promotion-button {
+ margin-top: 15px;
+ font-size: 1.1428571429rem;
+}.home-slideshow-slide-cta, .home-promotion-button {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }@media (max-width: 539px) {
+ .home-slideshow-slide-cta, .home-promotion-button {
+ padding: 10px 15px;
+ }
+}
+@media (min-width: 540px) {
+ .home-slideshow-slide-cta, .home-promotion-button {
+ margin-top: 20px;
+ }
+}
+@media (min-width: 770px) {
+ .home-slideshow-slide-cta, .home-promotion-button {
+ margin-top: 30px;
+ }
+}
+
+/* Masonry features */
+.color-white .home-masonry-feature-subtitle, .color-white .home-masonry-feature-title, .color-white .home-masonry-feature-subtitle a, .color-white .home-masonry-feature-title a {
+ color: #fff;
+ text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+}
+.color-black .home-masonry-feature-subtitle, .color-black .home-masonry-feature-title, .color-black .home-masonry-feature-subtitle a, .color-black .home-masonry-feature-title a {
+ color: #000;
+ text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
+}
+
+.post-title, .blog-post-masonry-title {
+ font-size: 2.5714285714rem;
+}.post-title, .blog-post-masonry-title {
+ font-size: 2.2857142857rem;
+ }.post-title a, .blog-post-masonry-title a {
+ color: currentColor;
+}
+
+.post-date, .blog-post-masonry-content-date {
+ color: #8a8a8a;
+}
+.post-date a, .blog-post-masonry-content-date a {
+ color: currentColor;
+}
+
+.product-list-item .product-price__unit-price, .product-grid-masonry-sizer .product-price__unit-price, .mini-cart-item-details .product-price__unit-price, .complementary-product__unit-price, .product .product-price__tax, .product .product-price__unit-price, .cart-item .product-price__unit-price, .predictive-search-results-list__product-item-content .product-price__unit-price, .order-price .product-price__unit-price {
+ font-size: 13px;
+ color: #a2a2a2;
+}
+
+.pagination li,
+.pagination .next,
+.pagination .previous,
+.single-post-pagination li,
+.single-post-pagination .next,
+.single-post-pagination .previous, .complementary-products .flickity-prev-next-button {
+ margin: 0 2px;
+ display: inline-block;
+ border-radius: 2px;
+ border: 1px solid #e4e4e4;
+ background: #ffffff;
+ color: #787878;
+ text-align: center;
+ font-size: 0.9285714286rem;
+}
+.pagination li.active,
+.pagination .active.next,
+.pagination .active.previous,
+.single-post-pagination li.active,
+.single-post-pagination .active.next,
+.single-post-pagination .active.previous, .complementary-products .active.flickity-prev-next-button, .pagination li:hover,
+.pagination .next:hover,
+.pagination .previous:hover,
+.single-post-pagination li:hover,
+.single-post-pagination .next:hover,
+.single-post-pagination .previous:hover, .complementary-products .flickity-prev-next-button:hover {
+ border-color: #b1b1b1;
+}
+
+.placeholder-svg {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-color: #e4e4e4;
+ fill: rgba(68, 68, 68, 0.2);
+}
+
+.spinner {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-top: -11px;
+ margin-left: -24px;
+ -webkit-backface-visibility: hidden;
+ transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.spinner.visible {
+ transform: translateX(200%);
+}
+.lt-ie10 .spinner {
+ display: none;
+}
+.spinner span {
+ height: 10px;
+ width: 10px;
+ display: inline-block;
+ margin: 0 2px;
+ background-color: #b08212;
+ border-radius: 50%;
+ opacity: 0.4;
+ animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.spinner span:nth-of-type(1) {
+ animation: 1.2s blink infinite 0.4s;
+}
+.spinner span:nth-of-type(2) {
+ animation: 1.2s blink infinite 0.8s;
+}
+.spinner span:nth-of-type(3) {
+ animation: 1.2s blink infinite 1.2s;
+}
+
+@keyframes blink {
+ 50% {
+ opacity: 1;
+ transform: scale(1.15);
+ }
+}
+/* External */
+.shopify-cross-border {
+ display: flex;
+}
+
+.no-js .selectors-form--no-js-hidden {
+ display: none;
+}
+
+.disclosure {
+ --disclosure-max-height: 300px;
+ --disclosure-min-height: 92px;
+ --disclosure-toggle-text-color: black;
+ --disclosure-toggle-background-color: transparent;
+ --disclosure-toggle-border-color: black;
+ --disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
+ --disclosure-toggle-svg-color: black;
+ --disclosure-text-color: black;
+ --disclosure-background-color: white;
+ --disclosure-border-color: black;
+ position: relative;
+ display: inline-block;
+}
+.disclosure > summary {
+ list-style: none;
+}
+.disclosure > summary::-webkit-details-marker {
+ display: none;
+}
+
+.disclosure__toggle {
+ width: auto;
+ padding: 5px 32px 4px 11px;
+ color: black;
+ background-color: transparent;
+ border: 1px solid black;
+ -webkit-appearance: none;
+ appearance: none;
+}
+@supports (color: var(--disclosure-toggle-text-color)) {
+ .disclosure__toggle {
+ color: var(--disclosure-toggle-text-color);
+ background-color: var(--disclosure-toggle-background-color);
+ border: 1px solid var(--disclosure-toggle-border-color);
+ }
+}
+.disclosure__toggle:hover {
+ cursor: pointer;
+}
+.disclosure__toggle::after {
+ position: absolute;
+ top: 50%;
+ right: 11px;
+ width: 10px;
+ height: 7.5px;
+ background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
+ content: "";
+ transform: translateY(-50%);
+}
+@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
+ .disclosure__toggle::after {
+ background-color: var(--disclosure-toggle-svg-color);
+ background-image: none;
+ -webkit-mask-image: var(--disclosure-toggle-svg);
+ mask-image: var(--disclosure-toggle-svg);
+ -webkit-mask-size: cover;
+ mask-size: cover;
+ }
+}
+
+.disclosure-list {
+ position: absolute;
+ bottom: 115%;
+ display: none;
+ max-height: 300px;
+ min-height: 92px;
+ max-width: 250px;
+ min-width: 200px;
+ padding: 11px 0;
+ margin: 0;
+ overflow-y: auto;
+ list-style: outside none;
+ background-color: white;
+ border: 1px solid black;
+ border-radius: 0;
+}
+@supports (max-height: var(--disclosure-max-height)) {
+ .disclosure-list {
+ max-height: var(--disclosure-max-height);
+ min-height: var(--disclosure-min-height);
+ background-color: var(--disclosure-background-color);
+ border: 1px solid var(--disclosure-border-color);
+ }
+}
+noscript .disclosure-list {
+ width: -webkit-max-content;
+ width: max-content;
+}
+
+.disclosure-list--visible {
+ display: block;
+}
+
+.disclosure-list--alternate-drop {
+ right: 0;
+}
+
+.disclosure-list__item-wrapper {
+ display: flex;
+ align-items: center;
+ margin-top: 1rem;
+}
+.disclosure-list__item-wrapper:first-child {
+ margin-top: 0;
+}
+
+.disclosure-list__item--label {
+ word-break: keep-all;
+ margin-left: 5px;
+}
+
+.disclosure__submit {
+ margin-top: 1rem;
+}
+
+.disclosure-list__item {
+ display: block;
+ padding: 5px 25px 4px 15px;
+ text-align: left;
+ text-decoration: none;
+ border-bottom: 1px solid transparent;
+}
+.disclosure-list__item.disclosure-list__item-wrapper {
+ display: flex;
+}
+.disclosure-list__item:focus, .disclosure-list__item:hover {
+ color: black;
+ text-decoration: underline;
+}
+@supports (color: var(--disclosure-text-color)) {
+ .disclosure-list__item:focus, .disclosure-list__item:hover {
+ color: var(--disclosure-text-color);
+ }
+}
+
+.disclosure-list__item--current {
+ text-decoration: underline;
+}
+
+.disclosure-list__option {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+.disclosure-list__option-code {
+ white-space: nowrap;
+}
+
+.surface-pick-up-embed {
+ --surface-pick-up-embed-theme-success-color: rgb(50, 205, 50);
+ --surface-pick-up-embed-theme-error-color: rgb(179, 58, 58);
+ --surface-pick-up-embed-theme-paragraph-font-size: 16px;
+ --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
+ --surface-pick-up-embed-theme-body-font-weight-bold: 600;
+ --surface-pick-up-embed-theme-body-text-color: #808080;
+ --surface-pick-up-embed-theme-link-text-decoration: underline;
+ --surface-pick-up-embed-row-gap: 10px;
+ --surface-pick-up-embed-column-gap: 10px;
+ display: grid;
+ grid-template-columns: -webkit-min-content auto;
+ grid-template-columns: min-content auto;
+ row-gap: var(--surface-pick-up-embed-row-gap);
+ column-gap: var(--surface-pick-up-embed-column-gap);
+ justify-content: flex-start;
+ text-align: left;
+}
+
+.surface-pick-up-embed__in-stock-icon,
+.surface-pick-up-embed__out-of-stock-icon {
+ grid-column-start: 1;
+ grid-column-end: 2;
+ margin-top: 3px;
+}
+
+.surface-pick-up-embed__in-stock-icon {
+ fill: var(--surface-pick-up-embed-theme-success-color);
+}
+
+.surface-pick-up-embed__out-of-stock-icon {
+ fill: var(--surface-pick-up-embed-theme-error-color);
+}
+
+.surface-pick-up-embed__location-info,
+.surface-pick-up-embed__modal-btn {
+ grid-column-start: 2;
+ grid-column-end: 3;
+}
+
+.surface-pick-up-embed__location-info {
+ grid-row-start: 1;
+ grid-row-end: 2;
+}
+
+.surface-pick-up-embed__location-availability {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: inherit;
+ font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
+ font-weight: inherit;
+ color: var(--surface-pick-up-embed-theme-body-text-color);
+}
+.surface-pick-up-embed__location-availability b {
+ font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
+}
+
+.surface-pick-up-embed__location-pick-up-time {
+ font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
+ color: var(--surface-pick-up-embed-theme-body-text-color);
+}
+
+.surface-pick-up-embed__modal-btn {
+ grid-row-start: 2;
+ grid-row-end: 3;
+ justify-self: start;
+ padding: 0;
+ font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
+ color: var(--surface-pick-up-embed-theme-body-text-color);
+ text-align: left;
+ -webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
+ text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
+ cursor: pointer;
+ background-color: initial;
+ border: 0;
+}
+
+.surface-pick-up-items {
+ padding: 0;
+ margin: 0;
+}
+
+.surface-pick-up-item {
+ --surface-pick-up-item-theme-success-color: rgb(50, 205, 50);
+ --surface-pick-up-item-theme-error-color: rgb(179, 58, 58);
+ --surface-pick-up-item-theme-paragraph-font-size: 16px;
+ --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
+ --surface-pick-up-item-theme-body-font-weight-bold: 600;
+ --surface-pick-up-item-theme-body-text-color: #808080;
+ --surface-pick-up-item-theme-border-color: #d9d9d9;
+ --surface-pick-up-item-theme-link-text-decoration: underline;
+ --surface-pick-up-item-row-gap: 10px;
+ --surface-pick-up-item-column-gap: 5px;
+ --surface-pick-up-item-gap: 28px;
+ display: grid;
+ grid-template-columns: repeat(2, auto) 1fr;
+ row-gap: var(--surface-pick-up-item-row-gap);
+ column-gap: var(--surface-pick-up-item-column-gap);
+ justify-content: flex-start;
+ padding-bottom: var(--surface-pick-up-item-gap);
+ margin: var(--surface-pick-up-item-gap) 0 0;
+ text-align: left;
+ border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
+}
+.surface-pick-up-item:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+.surface-pick-up-item__header {
+ display: flex;
+ grid-column: span 3;
+ align-items: flex-end;
+}
+
+.surface-pick-up-item__pick-up-location {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: inherit;
+ font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
+ font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
+ color: var(--surface-pick-up-item-theme-body-text-color);
+}
+
+.surface-pick-up-item__pick-up-distance {
+ padding-left: 2rem;
+ margin: 0 0 0 auto;
+}
+
+.surface-pick-up-item__in-stock-icon,
+.surface-pick-up-item__out-of-stock-icon {
+ grid-row-start: 2;
+ grid-row-end: 3;
+ grid-column-start: 1;
+ grid-column-end: 2;
+ margin-top: 1px;
+}
+
+.surface-pick-up-item__in-stock-icon {
+ fill: var(--surface-pick-up-item-theme-success-color);
+}
+
+.surface-pick-up-item__out-of-stock-icon {
+ fill: var(--surface-pick-up-item-theme-error-color);
+}
+
+.surface-pick-up-item__availability {
+ grid-row-start: 2;
+ grid-row-end: 3;
+ grid-column-start: 2;
+ grid-column-end: 3;
+ font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
+ color: var(--surface-pick-up-item-theme-body-text-color);
+}
+
+.surface-pick-up-item__address-info {
+ grid-row-start: 3;
+ grid-row-end: 4;
+ grid-column-start: 1;
+ grid-column-end: 3;
+ font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
+ font-style: normal;
+ line-height: 1.4;
+ color: var(--surface-pick-up-item-theme-body-text-color);
+}
+.surface-pick-up-item__address-info p {
+ margin: 0;
+}
+.surface-pick-up-item__address-info a,
+.surface-pick-up-item__address-info a:visited {
+ color: inherit;
+ text-decoration: none;
+}
+.surface-pick-up-item__address-info a:focus,
+.surface-pick-up-item__address-info a:active,
+.surface-pick-up-item__address-info a:hover {
+ color: inherit;
+}
+
+.surface-pick-up-item__confirm-address {
+ margin-top: var(--surface-pick-up-item-row-gap);
+}
+
+.surface-pick-up-item__confirm-address-icon {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin-right: 5px;
+}
+
+/* Layout */
+body {
+ overflow-x: hidden;
+}
+
+@media (max-width: 769px) {
+ input,
+ select,
+ textarea {
+ font-size: 16px;
+ }
+}
+* {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ -webkit-text-size-adjust: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.visually-hidden, .age-gate__select-label {
+ position: absolute !important;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(1px, 1px, 1px, 1px);
+ border: 0;
+}
+
+/*! Flickity v1.0.0
+http://flickity.metafizzy.co
+---------------------------------------------- */
+.flickity-enabled {
+ position: relative;
+}
+
+.flickity-enabled:focus {
+ outline: none;
+}
+
+.flickity-viewport {
+ overflow: hidden;
+ position: relative;
+ height: 100%;
+}
+
+.flickity-slider {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+
+/* draggable */
+.flickity-enabled.is-draggable {
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport {
+ cursor: move;
+ cursor: grab;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
+ cursor: grabbing;
+}
+
+/* ---- previous/next buttons ---- */
+.flickity-prev-next-button {
+ position: absolute;
+ top: 50%;
+ min-width: 0;
+ width: 44px;
+ height: 44px;
+ border: none;
+ border-radius: 50%;
+ background: transparent;
+ cursor: pointer;
+ transform: translateY(-50%);
+}
+@media (max-width: 769px) {
+ .flickity-prev-next-button {
+ display: none;
+ }
+}
+
+.flickity-prev-next-button:hover {
+ background: transparent;
+}
+
+.flickity-prev-next-button.previous {
+ left: 40px;
+}
+.home-slideshow-layout-full-width .flickity-prev-next-button.previous {
+ left: 20px;
+}
+
+.flickity-prev-next-button.next {
+ right: 40px;
+}
+.home-slideshow-layout-full-width .flickity-prev-next-button.next {
+ right: 20px;
+}
+
+/* right to left */
+.flickity-rtl .flickity-prev-next-button.previous {
+ left: auto;
+ right: 10px;
+}
+
+.flickity-rtl .flickity-prev-next-button.next {
+ right: auto;
+ left: 10px;
+}
+
+.flickity-prev-next-button:disabled {
+ cursor: auto;
+ opacity: 0.3;
+}
+
+.flickity-prev-next-button svg {
+ position: absolute;
+ left: 20%;
+ top: 20%;
+ width: 60%;
+ height: 60%;
+}
+
+.flickity-prev-next-button .arrow {
+ fill: #000;
+}
+
+/* color & size if no SVG - IE8 and Android 2.3 */
+.flickity-prev-next-button.no-svg {
+ color: #000;
+ font-size: 1.8571428571rem;
+}
+
+/* ---- page dots ---- */
+.flickity-page-dots {
+ position: absolute;
+ right: 0;
+ bottom: 2.5rem;
+ left: 0;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ text-align: center;
+ line-height: 1;
+ list-style: none;
+}
+@media (max-width: 769px) {
+ .flickity-page-dots {
+ display: none;
+ }
+}
+
+.flickity-rtl .flickity-page-dots {
+ direction: rtl;
+}
+
+.flickity-page-dots .dot {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 0 8px;
+ background: #000;
+ border-radius: 50%;
+ cursor: pointer;
+ opacity: 0.25;
+}
+
+.flickity-page-dots .dot.is-selected {
+ opacity: 1;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ color: #444444;
+ background-color: #ffffff;
+}body {
+ background-size: 100% auto;
+}body.scroll-locked {
+ overflow: hidden;
+}
+
+.main-content {
+ max-width: 1260px;
+ margin: 0 auto 65px;
+}
+.main-content .shopify-section {
+ margin: 40px 0;
+}
+.main-content .customer-section,
+.main-content .shopify-policy__container {
+ margin-top: 40px;
+}
+.main-content .shopify-section--main {
+ padding: 0 30px;
+}
+.main-content .shopify-section--video:first-child,
+.main-content .shopify-section--promotion:first-child,
+.main-content .shopify-section--masonry:first-child,
+.main-content .shopify-section--slideshow:first-child {
+ margin-top: 0;
+}
+.main-content .shopify-section--video:first-child .layout-content-width,
+.main-content .shopify-section--masonry:first-child .home-masonry-layout-content-width,
+.main-content .shopify-section--promotion:first-child .home-promotion-layout-content-width,
+.main-content .shopify-section--slideshow:first-child .home-slideshow-layout-content-width {
+ margin-top: 40px;
+}
+
+.main-header,
+.masonry-features-wrapper,
+.main-content,
+.main-footer {
+ transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.loading:not(.no-js) .main-header,
+.loading:not(.no-js) .masonry-features-wrapper,
+.loading:not(.no-js) .main-content,
+.loading:not(.no-js) .main-footer {
+ opacity: 0;
+}
+
+.navigation-wrapper,
+.home-slideshow {
+ transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.loading:not(.no-js) .navigation-wrapper,
+.loading:not(.no-js) .home-slideshow {
+ opacity: 0;
+}
+
+.onboarding .slide-image {
+ background: #e4e4e4;
+ height: 600px;
+}
+@media (max-width: 769px) {
+ .onboarding .slide-image {
+ height: 300px;
+ }
+}
+@media (max-width: 769px) {
+ .onboarding .slide-content {
+ padding: 30px 0;
+ }
+}
+.onboarding .masonry-feature .no-image {
+ background: #e4e4e4;
+}
+.onboarding .featured-collection-image {
+ height: auto !important;
+}
+.onboarding .featured-collection-overlay a {
+ color: inherit;
+}
+.onboarding .featured-collections-list .no-image,
+.onboarding .featured-products-list .no-image {
+ display: block;
+ padding-bottom: 100%;
+ background: #e4e4e4;
+}
+
+/* General
+-------------------------------- */
+html {
+ font-size: 16px;
+}
+
+body {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ color: #444444;
+ font-size: 16px;
+ line-height: 1.625;
+}
+
+/* Block elements */
+address,
+article,
+aside,
+audio,
+blockquote,
+dd,
+dl,
+fieldset,
+figcaption,
+form,
+hgroup,
+hr,
+ol,
+p,
+pre,
+table,
+ul,
+video {
+ margin-top: 1.6em;
+ margin-bottom: 1.6em;
+}
+
+/* Links */
+a {
+ color: #b08212;
+ text-decoration: none;
+}
+a:hover {
+ color: #eec154;
+}
+
+/* Headers */
+h1, .age-gate__heading, h2, h3, h4, h5, h6 {
+ line-height: 1.25;
+}
+h1 b, .age-gate__heading b,
+h1 strong,
+.age-gate__heading strong, h2 b,
+h2 strong, h3 b,
+h3 strong, h4 b,
+h4 strong, h5 b,
+h5 strong, h6 b,
+h6 strong {
+ font-weight: 700;
+}
+h1 em, .age-gate__heading em, h2 em, h3 em, h4 em, h5 em, h6 em {
+ font-style: italic;
+}
+h1 b em, .age-gate__heading b em,
+h1 strong em,
+.age-gate__heading strong em,
+h1 em b,
+.age-gate__heading em b,
+h1 em strong,
+.age-gate__heading em strong, h2 b em,
+h2 strong em,
+h2 em b,
+h2 em strong, h3 b em,
+h3 strong em,
+h3 em b,
+h3 em strong, h4 b em,
+h4 strong em,
+h4 em b,
+h4 em strong, h5 b em,
+h5 strong em,
+h5 em b,
+h5 em strong, h6 b em,
+h6 strong em,
+h6 em b,
+h6 em strong {
+ font-style: italic;
+}h1, .age-gate__heading {
+ font-size: 2.5714285714rem;
+ }h2 {
+ font-size: 1.7142857143rem;
+ }h3 {
+ font-size: 1.1428571429rem;
+ }h4 {
+ font-size: 1rem;
+ }h5 {
+ font-size: 1rem;
+ }h6 {
+ font-size: 0.8571428571rem;
+ letter-spacing: 0.3em;
+ }.page-title,
+.shopify-policy__title h1,
+.shopify-policy__title .age-gate__heading {
+ margin: 0 0 10px 0;
+ padding: 30px;
+ text-align: center;
+ font-size: 1.7142857143rem;
+ -webkit-font-smoothing: antialiased;
+ word-break: break-word;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ border-radius: 4px;
+ display: block;
+ width: -webkit-fit-content;
+ width: fit-content;
+ max-width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+}.page-title,
+ .shopify-policy__title h1,
+ .shopify-policy__title .age-gate__heading {
+ font-size: 1.7142857143rem;
+ }.section-title {
+ display: block;
+ width: 100%;
+ font-size: 1.2857142857rem;
+}.section-title {
+ font-size: 1.1428571429rem;
+ }.meta {
+ font-size: 1rem;
+}/* Basic elements */
+img {
+ max-width: 100%;
+}
+
+ul, ol, dl {
+ padding-left: 0;
+}
+
+ul {
+ list-style: outside none;
+}
+
+ol {
+ list-style: outside decimal;
+}
+
+hr {
+ height: 2px;
+ background: #e4e4e4;
+ border: none;
+}
+
+blockquote > *:first-child {
+ margin-top: 0;
+}
+blockquote > *:last-child {
+ margin-bottom: 0;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+em {
+ font-style: italic;
+}
+
+b em,
+strong em,
+em b,
+em strong {
+ font-style: italic;
+}
+
+cite {
+ color: #8a8a8a;
+}
+
+/* Tables */
+table {
+ background: transparent;
+ color: #444444;
+ border: 1px solid #e4e4e4;
+ border-top: none;
+ border-radius: 2px;
+ border-collapse: separate;
+}
+table.clean {
+ border: none;
+ border-radius: 0;
+}
+
+th {
+ font-size: 1.1428571429rem;
+ background: #ffffff;
+ color: #787878;
+}
+
+tr td, tr th {
+ border-top: 1px solid #e4e4e4;
+ border-left: 1px solid #e4e4e4;
+ padding: 30px 40px;
+}
+.clean tr td, .clean tr th {
+ border: none;
+}
+tr td:first-child, tr th:first-child {
+ border-left: none;
+}
+
+table.mobile-layout {
+ border-bottom: none;
+}
+table.mobile-layout thead {
+ display: none;
+}
+table.mobile-layout tr td {
+ width: 100%;
+ display: block;
+ text-align: left;
+ border-top: 1px solid #e4e4e4 !important;
+ border-left: none;
+ /* < IE 10 fix */
+ float: left;
+ clear: left;
+}
+table.mobile-layout td:last-child {
+ border-bottom: none;
+}
+table.mobile-layout tr:last-child td:last-child {
+ border-bottom: 1px solid #e4e4e4 !important;
+}
+
+/* Buttons */
+.age-gate__confirm_btn, noscript .shopify-localization-form .disclosure__submit, .predictive-search-footer__button, .pxs-newsletter-form-button, .pxs-image-with-text-button, .button,
+.submit,
+input[type=submit],
+input[type=button] {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 700;
+ background: #b08212;
+ color: #ffffff;
+ display: inline-block;
+ text-align: center;
+ line-height: normal;
+ padding: 15px 20px;
+ border-radius: 2px;
+ font-size: 1rem;
+ transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}.age-gate__confirm_btn, noscript .shopify-localization-form .disclosure__submit, .predictive-search-footer__button, .pxs-newsletter-form-button, .pxs-image-with-text-button, .button,
+ .submit,
+ input[type=submit],
+ input[type=button] {
+ font-size: 0.9285714286rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.js body:not(.user-is-tabbing) .age-gate__confirm_btn:focus, .js body:not(.user-is-tabbing) noscript .shopify-localization-form .disclosure__submit:focus, noscript .shopify-localization-form .js body:not(.user-is-tabbing) .disclosure__submit:focus, .js body:not(.user-is-tabbing) .predictive-search-footer__button:focus, .js body:not(.user-is-tabbing) .pxs-newsletter-form-button:focus, .js body:not(.user-is-tabbing) .pxs-image-with-text-button:focus, .js body:not(.user-is-tabbing) .button:focus,
+.js body:not(.user-is-tabbing) .submit:focus,
+.js body:not(.user-is-tabbing) input[type=submit]:focus,
+.js body:not(.user-is-tabbing) input[type=button]:focus {
+ outline: none;
+}
+.age-gate__confirm_btn:hover, noscript .shopify-localization-form .disclosure__submit:hover, .predictive-search-footer__button:hover, .pxs-newsletter-form-button:hover, .pxs-image-with-text-button:hover, .button:hover,
+.submit:hover,
+input[type=submit]:hover,
+input[type=button]:hover {
+ color: #ffffff;
+ background: #cc9715;
+}
+.secondary.age-gate__confirm_btn, noscript .shopify-localization-form .secondary.disclosure__submit, .secondary.predictive-search-footer__button, .secondary.pxs-newsletter-form-button, .secondary.pxs-image-with-text-button, .secondary.button,
+.secondary.submit,
+input.secondary[type=submit],
+input.secondary[type=button] {
+ background: #e2ded0;
+ color: #b08212;
+}
+.secondary.age-gate__confirm_btn:hover, noscript .shopify-localization-form .secondary.disclosure__submit:hover, .secondary.predictive-search-footer__button:hover, .secondary.pxs-newsletter-form-button:hover, .secondary.pxs-image-with-text-button:hover, .secondary.button:hover,
+.secondary.submit:hover,
+input.secondary[type=submit]:hover,
+input.secondary[type=button]:hover {
+ color: #b08212;
+ background: ;
+}
+.disabled.age-gate__confirm_btn, noscript .shopify-localization-form .disabled.disclosure__submit, .disabled.predictive-search-footer__button, .disabled.pxs-newsletter-form-button, .disabled.pxs-image-with-text-button, .disabled.button,
+.disabled.submit,
+input.disabled[type=submit],
+input.disabled[type=button] {
+ background: #cccccc;
+ color: #888888;
+ cursor: not-allowed;
+}
+
+/* Forms & buttons */
+label {
+ display: block;
+ color: #000000;
+ margin-top: 32px;
+ margin-bottom: 22px;
+}
+.inline-input-wrapper label {
+ margin-left: 5px;
+ margin-top: 22px;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.input-wrapper {
+ margin-bottom: 20px;
+}
+
+input.input {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+input[type=text].input,
+input[type=date].input,
+input[type=email].input,
+input[type=password].input,
+input[type=search].input,
+input[type=telephone].input,
+input[type=tel].input,
+input[type=number].input,
+textarea.textarea {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ display: block;
+ width: 100%;
+ max-width: 340px;
+ padding: 10px 12px;
+ font-size: 1rem;
+ color: #444444;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ border-radius: 2px;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ appearance: none;
+}
+input[type=text].input::-webkit-input-placeholder,
+input[type=date].input::-webkit-input-placeholder,
+input[type=email].input::-webkit-input-placeholder,
+input[type=password].input::-webkit-input-placeholder,
+input[type=search].input::-webkit-input-placeholder,
+input[type=telephone].input::-webkit-input-placeholder,
+input[type=tel].input::-webkit-input-placeholder,
+input[type=number].input::-webkit-input-placeholder,
+textarea.textarea::-webkit-input-placeholder {
+ color: ligthen(#444444, 30%);
+}
+input[type=text].input::-moz-placeholder,
+input[type=date].input::-moz-placeholder,
+input[type=email].input::-moz-placeholder,
+input[type=password].input::-moz-placeholder,
+input[type=search].input::-moz-placeholder,
+input[type=telephone].input::-moz-placeholder,
+input[type=tel].input::-moz-placeholder,
+input[type=number].input::-moz-placeholder,
+textarea.textarea::-moz-placeholder {
+ color: ligthen(#444444, 30%);
+}
+input[type=text].input:-moz-placeholder,
+input[type=date].input:-moz-placeholder,
+input[type=email].input:-moz-placeholder,
+input[type=password].input:-moz-placeholder,
+input[type=search].input:-moz-placeholder,
+input[type=telephone].input:-moz-placeholder,
+input[type=tel].input:-moz-placeholder,
+input[type=number].input:-moz-placeholder,
+textarea.textarea:-moz-placeholder {
+ color: ligthen(#444444, 30%);
+}
+input[type=text].input:-ms-input-placeholder,
+input[type=date].input:-ms-input-placeholder,
+input[type=email].input:-ms-input-placeholder,
+input[type=password].input:-ms-input-placeholder,
+input[type=search].input:-ms-input-placeholder,
+input[type=telephone].input:-ms-input-placeholder,
+input[type=tel].input:-ms-input-placeholder,
+input[type=number].input:-ms-input-placeholder,
+textarea.textarea:-ms-input-placeholder {
+ color: ligthen(#444444, 30%);
+}
+input[type=text].input.error,
+input[type=date].input.error,
+input[type=email].input.error,
+input[type=password].input.error,
+input[type=search].input.error,
+input[type=telephone].input.error,
+input[type=tel].input.error,
+input[type=number].input.error,
+textarea.textarea.error {
+ color: #d60000;
+ border: 1px solid #d60000;
+}
+input[type=text].input.error::-webkit-input-placeholder,
+input[type=date].input.error::-webkit-input-placeholder,
+input[type=email].input.error::-webkit-input-placeholder,
+input[type=password].input.error::-webkit-input-placeholder,
+input[type=search].input.error::-webkit-input-placeholder,
+input[type=telephone].input.error::-webkit-input-placeholder,
+input[type=tel].input.error::-webkit-input-placeholder,
+input[type=number].input.error::-webkit-input-placeholder,
+textarea.textarea.error::-webkit-input-placeholder {
+ color: #ff7070;
+}
+input[type=text].input.error::-moz-placeholder,
+input[type=date].input.error::-moz-placeholder,
+input[type=email].input.error::-moz-placeholder,
+input[type=password].input.error::-moz-placeholder,
+input[type=search].input.error::-moz-placeholder,
+input[type=telephone].input.error::-moz-placeholder,
+input[type=tel].input.error::-moz-placeholder,
+input[type=number].input.error::-moz-placeholder,
+textarea.textarea.error::-moz-placeholder {
+ color: #ff7070;
+}
+input[type=text].input.error:-moz-placeholder,
+input[type=date].input.error:-moz-placeholder,
+input[type=email].input.error:-moz-placeholder,
+input[type=password].input.error:-moz-placeholder,
+input[type=search].input.error:-moz-placeholder,
+input[type=telephone].input.error:-moz-placeholder,
+input[type=tel].input.error:-moz-placeholder,
+input[type=number].input.error:-moz-placeholder,
+textarea.textarea.error:-moz-placeholder {
+ color: #ff7070;
+}
+input[type=text].input.error:-ms-input-placeholder,
+input[type=date].input.error:-ms-input-placeholder,
+input[type=email].input.error:-ms-input-placeholder,
+input[type=password].input.error:-ms-input-placeholder,
+input[type=search].input.error:-ms-input-placeholder,
+input[type=telephone].input.error:-ms-input-placeholder,
+input[type=tel].input.error:-ms-input-placeholder,
+input[type=number].input.error:-ms-input-placeholder,
+textarea.textarea.error:-ms-input-placeholder {
+ color: #ff7070;
+}
+.inline-input-wrapper input[type=text].input,
+.inline-input-wrapper input[type=date].input,
+.inline-input-wrapper input[type=email].input,
+.inline-input-wrapper input[type=password].input,
+.inline-input-wrapper input[type=search].input,
+.inline-input-wrapper input[type=telephone].input,
+.inline-input-wrapper input[type=tel].input,
+.inline-input-wrapper input[type=number].input,
+.inline-input-wrapper textarea.textarea {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+input[type=date].input {
+ display: inline-flex;
+}
+
+input[type=checkbox].input,
+input[type=radio].input {
+ margin-right: 5px;
+}
+
+.error-message, .errors {
+ color: #d60000;
+}
+
+textarea.textarea {
+ min-height: 170px;
+}
+
+.select-wrapper {
+ background-color: #ffffff;
+ cursor: pointer;
+ border: 1px solid #e4e4e4;
+ color: #787878;
+ position: relative;
+ padding: 6px 10px;
+ max-width: 220px;
+ width: 100%;
+ border-radius: 2px;
+ font-size: 1rem;
+}
+.select-wrapper:after {
+ content: "\e602";
+ font-size: 0.3571428571rem;
+ position: absolute;
+ right: 12px;
+ top: 50%;
+ margin-top: -2px;
+}
+.select-wrapper:focus-within {
+ outline: 1px solid #b08212;
+}
+.select-wrapper .selected-text {
+ font-size: 0.9285714286rem;
+}
+.select-wrapper select.select {
+ color: black;
+ opacity: 0;
+ filter: alpha(opacity=0); /* IE8 */
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ cursor: pointer;
+ z-index: 2;
+ width: 100%; /* needed for Firefox */
+ height: 100%; /* needed for IE */
+ -webkit-appearance: none;
+}
+
+/* iframes and embeds */
+iframe {
+ border: none;
+}
+
+/* RTE areas */
+.rte > *:first-child,
+.element-text.element-text--rte > *:first-child {
+ margin-top: 0;
+}
+.rte > *:last-child,
+.element-text.element-text--rte > *:last-child {
+ margin-bottom: 0;
+}
+.rte ul,
+.element-text.element-text--rte ul {
+ list-style: disc;
+}
+.rte ul, .rte ol,
+.element-text.element-text--rte ul,
+.element-text.element-text--rte ol {
+ list-style-position: inside;
+}
+.rte ul, .rte ol, .rte dl,
+.element-text.element-text--rte ul,
+.element-text.element-text--rte ol,
+.element-text.element-text--rte dl {
+ padding-left: 20px;
+}
+.rte ul li, .rte ol li, .rte dl li,
+.element-text.element-text--rte ul li,
+.element-text.element-text--rte ol li,
+.element-text.element-text--rte dl li {
+ margin: 5px 0;
+}
+.rte img,
+.element-text.element-text--rte img {
+ height: auto;
+}
+.rte blockquote,
+.element-text.element-text--rte blockquote {
+ border-left: 2px solid #000000;
+ padding-left: 50px;
+}
+.rte blockquote cite,
+.element-text.element-text--rte blockquote cite {
+ display: block;
+ color: #000000;
+ margin-top: 15px;
+}
+.rte table,
+.element-text.element-text--rte table {
+ display: block;
+ border-collapse: collapse;
+ overflow-x: auto;
+ white-space: nowrap;
+}
+@media (min-width: 770px) {
+ .rte table,
+ .element-text.element-text--rte table {
+ display: table;
+ overflow-x: visible;
+ white-space: normal;
+ }
+}
+@media (max-width: 769px) {
+ .rte table td,
+ .element-text.element-text--rte table td {
+ width: 100%;
+ }
+}
+.rte .tabs,
+.element-text.element-text--rte .tabs {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ white-space: nowrap;
+ position: relative;
+ z-index: 10;
+ font-size: 0;
+ overflow-y: hidden;
+}
+.rte .tabs li,
+.element-text.element-text--rte .tabs li {
+ font-size: 1rem;
+ display: inline-block;
+ padding: 10px;
+ margin: 0;
+ border: 1px solid transparent;
+ border-bottom: none;
+ cursor: pointer;
+ color: #000000;
+}
+.rte .tabs li.active,
+.element-text.element-text--rte .tabs li.active {
+ border-color: #e4e4e4;
+ background: transparent;
+}.rte .tabs-content,
+.element-text.element-text--rte .tabs-content {
+ display: block;
+ width: 100%;
+ position: relative;
+ top: -1px;
+ z-index: 5;
+ padding: 20px 0 0;
+ margin: 0 0 30px;
+ overflow: hidden;
+ border-top: 1px solid #e4e4e4;
+}
+.rte .tabs-content > li,
+.element-text.element-text--rte .tabs-content > li {
+ display: none;
+ margin: 0;
+}
+.rte .tabs-content > li > *:first-child,
+.element-text.element-text--rte .tabs-content > li > *:first-child {
+ margin-top: 0;
+}
+.rte .tabs-content > li > *:last-child,
+.element-text.element-text--rte .tabs-content > li > *:last-child {
+ margin-bottom: 0;
+}
+.rte .tabs-content > li.active,
+.element-text.element-text--rte .tabs-content > li.active {
+ display: block;
+}
+
+/* Templates */
+.template-404 .main-content {
+ margin-bottom: 65px;
+}
+.template-404 .four-oh-four {
+ margin-top: 40px;
+ padding: 0 30px;
+ text-align: center;
+}
+
+.customer-wrapper {
+ margin: 40px 0 65px;
+ padding: 0 30px;
+}
+.template-addresses .customer-wrapper {
+ font-size: 0;
+}
+
+.customer-logout-link a {
+ font-size: 0.7857142857rem;
+ color: #8a8a8a;
+}
+
+.successful-reset,
+.recover-password {
+ display: none;
+}
+.successful-reset.visible,
+.recover-password.visible {
+ display: block;
+}
+
+.successful-reset,
+.customer-login,
+.recover-password,
+.guest-checkout,
+.new-customer,
+.customer-register,
+.activate-account,
+.customer-address-edit-form,
+.customer-new-address {
+ margin: 0 auto;
+ max-width: 340px;
+}
+
+.toggle-forgetfulness,
+.active-account-decline {
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: 12px;
+ cursor: pointer;
+ color: #b08212;
+}
+.toggle-forgetfulness:hover,
+.active-account-decline:hover {
+ color: #eec154;
+}
+
+.guest-checkout {
+ margin-top: 30px;
+ padding-top: 10px;
+ border-top: 1px solid #e4e4e4;
+}
+.guest-checkout p {
+ margin-bottom: 15px;
+}
+
+.new-customer {
+ margin-top: 50px;
+}
+
+.template-account .customer-wrapper,
+.template-order .customer-wrapper {
+ font-size: 0;
+}
+.template-account th,
+.template-account td,
+.template-order th,
+.template-order td {
+ padding: 20px 2vw;
+ border: 0;
+}
+.template-account th.order-product-item,
+.template-account td.order-product-item,
+.template-order th.order-product-item,
+.template-order td.order-product-item {
+ padding-right: 0;
+}
+.template-account th,
+.template-order th {
+ font-size: 0.8571428571rem;
+ text-align: left;
+ border-bottom: 1px solid #e4e4e4;
+}
+
+.account-info,
+.account-history,
+.order-history,
+.shipping-info,
+.customer-addresses,
+.customer-address-form-wrapper {
+ display: inline-block;
+ vertical-align: top;
+ font-size: 1rem;
+}
+
+.account-info,
+.shipping-info {
+ width: 25%;
+ padding-right: 35px;
+}
+@media (max-width: 769px) {
+ .account-info,
+ .shipping-info {
+ width: 100%;
+ padding-right: 0;
+ text-align: center;
+ border-bottom: none;
+ margin-bottom: 50px;
+ }
+}
+
+@media (max-width: 1023px) and (min-width: 768px) {
+ .shipping-info {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+ width: 100%;
+ margin-bottom: 50px;
+ text-align: center;
+ border-bottom: none;
+ }
+ .shipping-info .shipping-address {
+ padding-top: 0;
+ margin-top: 0;
+ border-top: none;
+ }
+}
+
+.account-history,
+.order-history {
+ width: 75%;
+}
+@media (max-width: 769px) {
+ .account-history,
+ .order-history {
+ width: 100%;
+ }
+}
+.account-history .empty,
+.order-history .empty {
+ padding: 30px;
+ margin: 0;
+ border: 1px solid #e4e4e4;
+ border-radius: 2px;
+}
+
+@media (max-width: 1023px) and (min-width: 768px) {
+ .order-history {
+ width: 100%;
+ }
+}
+
+.account-orders,
+.order {
+ width: 100%;
+ margin: 0;
+ border: 1px solid #e4e4e4;
+}
+.account-orders td.order-price,
+.order td.order-price {
+ width: 20%;
+}
+.account-orders td.order-quantity,
+.order td.order-quantity {
+ width: 10%;
+}
+.account-orders td.order-total,
+.order td.order-total {
+ width: 20%;
+}
+.account-orders td.order-total .original-price ~ .final-price,
+.order td.order-total .original-price ~ .final-price {
+ color: #b08212;
+}
+@media (max-width: 769px) {
+ .account-orders td,
+ .order td {
+ display: block;
+ width: 100%;
+ padding: 12px 4vw;
+ }
+ .lt-ie10 .account-orders td,
+ .lt-ie10 .order td {
+ float: left;
+ }
+ .account-orders td.last,
+ .order td.last {
+ padding-bottom: 20px;
+ }
+ .account-orders td:before,
+ .order td:before {
+ display: inline-block;
+ width: 20%;
+ padding-right: 35px;
+ color: #000000;
+ }
+ .account-orders td.order-price, .account-orders td.order-quantity, .account-orders td.order-total,
+ .order td.order-price,
+ .order td.order-quantity,
+ .order td.order-total {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ }
+ .account-orders td.order-price:before, .account-orders td.order-quantity:before, .account-orders td.order-total:before,
+ .order td.order-price:before,
+ .order td.order-quantity:before,
+ .order td.order-total:before {
+ flex: 1;
+ }
+ .account-orders td.order-price span, .account-orders td.order-quantity span, .account-orders td.order-total span,
+ .order td.order-price span,
+ .order td.order-quantity span,
+ .order td.order-total span {
+ flex: 1;
+ text-align: right;
+ }
+ .account-orders td .final-price-container,
+ .order td .final-price-container {
+ text-align: right;
+ }
+}
+.account-orders td.first,
+.order td.first {
+ width: 50%;
+}
+.account-orders td.first .cart-item-discount,
+.order td.first .cart-item-discount {
+ margin-top: 7px;
+ line-height: 1.4;
+}
+@media (max-width: 769px) {
+ .account-orders td.first,
+ .order td.first {
+ padding-top: 20px;
+ border-top: 1px solid #e4e4e4;
+ width: 100%;
+ }
+}
+@media (max-width: 769px) {
+ .account-orders thead,
+ .order thead {
+ display: none;
+ }
+ .account-orders tr.first td.first,
+ .order tr.first td.first {
+ border-top: 0;
+ }
+}
+@media (max-width: 539px) {
+ .account-orders td:before,
+ .order td:before {
+ display: block;
+ width: 100%;
+ padding-right: 0;
+ }
+}
+
+@media (max-width: 769px) {
+ .account-order-number:before,
+ .account-order-payment-status:before,
+ .account-order-fulfillment-status:before,
+ .account-order-total:before,
+ .order-price:before,
+ .order-quantity:before,
+ .order-total:before {
+ content: attr(data-title);
+ }
+}
+.order-product-item {
+ font-size: 0;
+}
+
+.order-image,
+.order-details {
+ display: inline-block;
+ font-size: 1rem;
+ vertical-align: middle;
+}
+
+.order-price .order-discount-container .final-price {
+ color: #b08212;
+}
+@media (max-width: 769px) {
+ .order-price .order-discount-container {
+ display: inline-grid;
+ }
+}
+
+.order-image {
+ width: 15%;
+}
+.order-image img {
+ display: block;
+}
+
+.order-details {
+ width: 85%;
+ padding: 0 30px 0 20px;
+}
+
+.order-vendor,
+.order-title,
+.order-variant {
+ display: block;
+}.order-title {
+ font-size: 1.1428571429rem;
+}
+
+.account-order-totals,
+.order-totals {
+ float: right;
+ font-size: 1rem;
+ border: 0;
+}
+.account-order-totals td,
+.order-totals td {
+ padding: 6px 30px;
+}
+.account-order-totals td:first-child,
+.order-totals td:first-child {
+ color: #000000;
+ text-align: right;
+}
+
+.order-totals .order-discount-title,
+.order-totals .order-discount-price {
+ color: #b08212;
+ line-height: 1.4;
+}
+.order-totals .order-discount-title svg,
+.order-totals .order-discount-price svg {
+ margin-right: 3px;
+ width: 10px;
+ height: 10px;
+ color: #b08212;
+}
+@media (max-width: 769px) {
+ .order-totals {
+ width: 100%;
+ }
+ .order-totals td {
+ width: 40%;
+ text-align: right;
+ padding: 6px 4vw;
+ }
+ .order-totals td:first-child {
+ width: 60%;
+ text-align: left;
+ }
+}
+
+.customer-addresses {
+ width: 25%;
+ padding-right: 35px;
+}
+@media (max-width: 1079px) {
+ .customer-addresses {
+ width: 50%;
+ }
+}
+@media (max-width: 769px) {
+ .customer-addresses {
+ display: block;
+ width: 100%;
+ padding-right: 0;
+ text-align: center;
+ }
+}
+
+.customer-address {
+ padding-top: 35px;
+ margin-top: 35px;
+ border-top: 1px solid #e4e4e4;
+}
+.customer-address.hidden {
+ display: none;
+}
+.customer-address:first-child {
+ padding-top: 0;
+ margin-top: 0;
+ border-top: 0;
+}
+.customer-address .section-title {
+ display: block;
+ margin: 0 0 15px;
+}
+.customer-address > p:first-child {
+ margin-top: 0;
+}
+
+.add-new-address-wrapper {
+ margin-top: 35px;
+ padding-top: 35px;
+ border-top: 1px solid #e4e4e4;
+}
+
+.customer-addresses ~ .customer-address-form-wrapper {
+ width: 50%;
+}
+@media (max-width: 769px) {
+ .customer-addresses ~ .customer-address-form-wrapper {
+ width: 100%;
+ border-top: 1px solid #e4e4e4;
+ margin-top: 40px;
+ padding-top: 40px;
+ }
+}
+@media (max-width: 1079px) {
+ .customer-addresses ~ .customer-address-form-wrapper .customer-address-edit-form,
+ .customer-addresses ~ .customer-address-form-wrapper .customer-new-address {
+ left: 0;
+ transform: translateX(0%);
+ }
+}
+@media (max-width: 769px) {
+ .customer-addresses ~ .customer-address-form-wrapper .customer-address-edit-form,
+ .customer-addresses ~ .customer-address-form-wrapper .customer-new-address {
+ top: 40px;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+}
+
+.customer-address-form-wrapper {
+ position: relative;
+ width: 100%;
+ height: 1280px;
+}
+@media (max-width: 769px) {
+ .customer-address-form-wrapper {
+ width: 100%;
+ }
+}
+
+.customer-address-edit-form,
+.customer-new-address {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 100%;
+ transform: translateX(-50%);
+ transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.customer-address-edit-form form,
+.customer-address-edit-form form .first,
+.customer-new-address form,
+.customer-new-address form .first {
+ margin-top: 0;
+}
+
+.customer-address-editing-message {
+ font-family: Lora,serif;
+ font-style: italic;
+ font-weight: 400;
+ display: none;
+}
+.editing .customer-address-editing-message {
+ display: block;
+}
+
+.addresses-pagination {
+ margin: 1.6em 0;
+}
+.addresses-pagination span.previous, .addresses-pagination span.next {
+ color: #8a8a8a;
+}
+.addresses-pagination .previous {
+ margin-right: 8px;
+}
+.addresses-pagination .next {
+ margin-left: 8px;
+}
+.addresses-pagination .page {
+ font-family: Lora,serif;
+ font-style: italic;
+ font-weight: 400;
+}
+
+.blog-wrapper-masonry {
+ padding: 0 30px;
+ margin: 40px 0 65px;
+}
+
+.blog-post-masonry-image {
+ display: block;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+.blog-post-masonry-image img {
+ display: block;
+ max-width: 100%;
+ opacity: 0;
+}
+
+.blog-post-masonry-content-date {
+ display: block;
+ margin-bottom: 0.8571428571rem;
+}
+
+.blog-post-masonry-title {
+ margin-top: 0.8571428571rem;
+ margin-bottom: 0.8571428571rem;
+ line-height: 1.15;
+}
+
+.blog-post-masonry-content {
+ padding: 1.4285714286rem 2.1428571429rem;
+ border: 1px solid #e4e4e4;
+}
+.blog-post-masonry-image + .blog-post-masonry-content {
+ border-top: 0;
+}
+
+.blog-post-masonry-text {
+ margin-top: 0.8571428571rem;
+}
+
+.template-article .blog-post-wrapper {
+ margin-top: 40px;
+}
+.template-article .blog-sidebar,
+.template-article .blog-promo {
+ margin-top: 40px;
+}
+@media (max-width: 1079px) {
+ .template-article .blog-sidebar,
+ .template-article .blog-promo {
+ margin-top: 0;
+ }
+}
+@media (max-width: 769px) {
+ .template-article .blog-promo {
+ margin-top: 55px;
+ }
+}
+
+.blog-wrapper {
+ margin: 40px 0 65px;
+ padding: 0 30px;
+}
+
+.blog-sidebar,
+.blog-promo {
+ float: left;
+ width: 19.2%;
+ margin: 0;
+}
+
+.blog-sidebar {
+ padding-right: 35px;
+}
+@media (max-width: 1079px) {
+ .blog-sidebar {
+ width: 100%;
+ padding-right: 0;
+ text-align: center;
+ }
+}
+@media (max-width: 769px) {
+ .blog-sidebar {
+ float: none;
+ width: 100%;
+ text-align: center;
+ }
+}
+.blog-sidebar > *:last-child {
+ border-bottom: 0;
+}
+.blog-sidebar .section-title {
+ font-size: 1.0714285714rem;
+}.blog-sidebar .section-title {
+ font-size: 1rem;
+ }.blog-recent-posts {
+ border-bottom: 1px solid #e4e4e4;
+}
+.blog-recent-posts .section-title {
+ margin-top: 0;
+}
+@media (max-width: 1079px) {
+ .blog-recent-posts {
+ display: inline-block;
+ width: 50%;
+ border-bottom: 0;
+ }
+}
+@media (max-width: 769px) {
+ .blog-recent-posts {
+ float: none;
+ width: 100%;
+ }
+}
+
+.blog-recent-post {
+ margin: 30px 0 35px;
+}
+
+.blog-recent-post-title {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin: 0 0 2px;
+ text-transform: none;
+ letter-spacing: 0;
+}
+.blog-recent-post-title a {
+ color: #000000;
+}
+
+.blog-recent-post-date {
+ margin: 0;
+}
+.blog-recent-post-date a {
+ color: #8a8a8a;
+}
+
+.blog-tag-filter {
+ margin: 35px 0 0;
+ padding-bottom: 40px;
+ border-bottom: 1px solid #e4e4e4;
+}
+@media (max-width: 1079px) {
+ .blog-tag-filter {
+ margin-top: 0;
+ float: left;
+ width: 50%;
+ border-bottom: 0;
+ padding-right: 35px;
+ }
+}
+@media (max-width: 769px) {
+ .blog-tag-filter {
+ float: none;
+ width: 100%;
+ margin-top: 55px;
+ padding-right: 0;
+ }
+}
+.blog-tag-filter .select-wrapper {
+ text-align: left;
+}
+@media (max-width: 769px) {
+ .blog-tag-filter .select-wrapper {
+ margin: 0 auto;
+ }
+}
+
+.blog-tag-filter-title {
+ margin: 0 0 25px;
+}
+
+.blog-subscribe {
+ display: block;
+ margin-top: 35px;
+}
+@media (max-width: 769px) {
+ .blog-subscribe {
+ margin-top: 0;
+ }
+}
+
+.blog-promo {
+ position: relative;
+ padding-left: 35px;
+}
+@media (max-width: 1079px) {
+ .blog-promo {
+ width: 33.333%;
+ }
+}
+@media (max-width: 769px) {
+ .blog-promo {
+ float: none;
+ width: 100%;
+ max-width: 285px;
+ margin: 55px auto 0;
+ padding-left: 0;
+ }
+}
+
+.blog-promo-image {
+ display: block;
+ width: 100%;
+}
+
+.blog-promo-details {
+ max-width: 90%;
+ width: 100%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ text-align: center;
+ padding-left: 35px;
+ transform: translate(-50%, -50%);
+}
+@media (max-width: 769px) {
+ .blog-promo-details {
+ padding-left: 0;
+ }
+}
+
+.blog-promo-title,
+.blog-promo-subtitle {
+ color: #fff;
+ margin: 0;
+}
+.blog-promo-title a,
+.blog-promo-subtitle a {
+ color: #fff;
+}
+
+.blog-promo-title {
+ margin-bottom: 7px;
+ font-size: 1.5rem;
+}
+
+.blog-promo-subtitle {
+ margin-top: 7px;
+ font-size: 1.1428571429rem;
+ line-height: 1.4;
+}
+
+.blog-posts,
+.blog-post-wrapper {
+ float: left;
+ margin: 0 auto;
+ width: 61.6%;
+}
+@media (max-width: 1079px) {
+ .blog-posts,
+ .blog-post-wrapper {
+ width: 100%;
+ margin-bottom: 70px;
+ padding-bottom: 50px;
+ border-bottom: 1px solid #e4e4e4;
+ }
+}
+@media (max-width: 1079px) {
+ .blog-posts,
+ .blog-post-wrapper {
+ float: none;
+ width: 100%;
+ }
+}
+
+.blog-post {
+ position: relative;
+ margin-bottom: 50px;
+ padding-top: 70px;
+ border-top: 1px solid #e4e4e4;
+}
+.blog-post:first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+}
+.blog-post .highlight {
+ position: absolute;
+ width: 100%;
+}
+@media (max-width: 1079px) {
+ .blog-post .highlight {
+ position: static;
+ max-width: 705px;
+ margin: 0 auto;
+ display: block;
+ }
+}
+@media (max-width: 769px) {
+ .blog-post .highlight {
+ width: calc(100% + 60px);
+ max-width: none;
+ margin-left: -30px;
+ }
+}
+
+@media (max-width: 1079px) {
+ .blog-post-inner {
+ padding-top: 0 !important;
+ }
+}
+
+.post-title,
+.post-date,
+.post-content {
+ position: relative;
+ z-index: 500;
+ display: block;
+ margin: 0 auto;
+ max-width: 560px;
+ width: 100%;
+}
+
+.post-title {
+ text-align: center;
+}
+.has-featured-image .post-title {
+ background: #ffffff;
+ padding: 45px 45px 0;
+}
+@media (max-width: 1079px) {
+ .has-featured-image .post-title {
+ padding: 25px 0 0;
+ }
+}
+
+.post-date {
+ margin-top: 27px;
+ margin-bottom: 30px;
+ text-align: center;
+ color: #8a8a8a;
+}
+
+.post-content .highlight {
+ position: static;
+}
+.post-content .full-width {
+ position: relative;
+ max-width: none;
+}
+@media (max-width: 1079px) {
+ .post-content .full-width {
+ max-width: 705px !important;
+ left: 50% !important;
+ margin-left: -352.5px !important;
+ }
+}
+@media (max-width: 769px) {
+ .post-content .full-width {
+ max-width: 100% !important;
+ left: 0 !important;
+ margin-left: 0 !important;
+ }
+}
+
+.post-meta {
+ margin: 60px 0 0;
+ text-align: center;
+}
+.post-meta .share-buttons {
+ margin-bottom: 20px;
+}
+.post-meta .post-tags {
+ margin-bottom: 40px;
+}
+.post-meta .post-tags a {
+ color: #8a8a8a;
+}
+.post-meta .post-tags .title {
+ margin-right: 5px;
+ color: #000000;
+}
+
+.post-author-avatar {
+ vertical-align: middle;
+ border-radius: 50%;
+ width: 75px;
+ margin-right: 25px;
+}
+
+.post-author-name {
+ display: inline-block;
+ vertical-align: middle;
+ font-size: 1.1428571429rem;
+ color: #8a8a8a;
+ text-align: center;
+}.post-author-name:before {
+ content: attr(data-title);
+ display: block;
+ color: #000000;
+ font-size: 0.9285714286rem;
+}.share-buttons,
+.single-post-pagination,
+.post-comments {
+ max-width: 560px;
+ margin: 0 auto;
+}
+
+.single-post-pagination {
+ margin-bottom: 40px;
+ font-family: "chiko-icons";
+}
+
+.post-comments {
+ padding-top: 30px;
+ border-top: 1px solid #e4e4e4;
+}
+.post-comments .pagination {
+ margin: 0;
+}
+
+.post-comments-list {
+ padding-bottom: 40px;
+ border-bottom: 1px solid #e4e4e4;
+}
+
+.post-comment {
+ padding-bottom: 40px;
+ margin-bottom: 40px;
+ border-bottom: 1px solid #e4e4e4;
+}
+.post-comment.last {
+ border-bottom: 0;
+ padding-bottom: 0;
+ margin-bottom: 0;
+}
+
+.post-comment-date {
+ display: block;
+ margin-bottom: 20px;
+}
+
+.post-comment-details {
+ margin-top: 20px;
+}
+
+.post-comment-author-avatar {
+ margin-right: 10px;
+ width: 40px;
+ border-radius: 50%;
+ vertical-align: middle;
+}
+
+.post-comment-author-name {
+ color: #000000;
+ vertical-align: middle;
+}
+
+.post-comments-submit {
+ padding-top: 30px;
+}
+.post-comments-submit label {
+ display: block;
+ margin-top: 32px;
+ margin-bottom: 22px;
+}
+.post-comments-submit input[type=submit] {
+ margin-top: 30px;
+}
+
+@media (max-width: 1079px) {
+ .blog-sidebar {
+ float: none;
+ }
+}
+
+@media (max-width: 1079px) {
+ .blog-promo {
+ display: block;
+ float: none;
+ width: 33.333%;
+ margin: 35px auto 0 !important;
+ padding-left: 0;
+ }
+}
+
+.collection {
+ padding: 0 10px;
+ margin-top: 20px;
+ font-size: 0;
+}
+.collection:first-child {
+ margin-top: 0;
+}
+.collection .empty {
+ font-size: 1rem;
+ text-align: center;
+}
+
+.collection-header {
+ margin-bottom: 40px;
+}
+.collection-header.collection-header-alternate {
+ padding: 0 20px;
+ font-size: 0;
+}
+@media (min-width: 770px) {
+ .collection-header.collection-header-alternate {
+ display: flex;
+ flex-wrap: wrap;
+ row-gap: 0.5rem;
+ }
+ .collection-header.collection-header-alternate .collection-sorting__wrapper:only-child {
+ margin-right: auto;
+ margin-left: 0;
+ }
+ .collection-header.collection-header-alternate .collection-sorting__wrapper:only-child .collection-dropdown--sort {
+ margin-left: 0;
+ }
+}
+.collection-header.collection-header-alternate .collection-featured-image,
+.collection-header.collection-header-alternate .collection-header-content {
+ font-size: 1rem;
+}
+@media (min-width: 770px) {
+ .collection-header.collection-header-alternate .collection-featured-image,
+ .collection-header.collection-header-alternate .collection-header-content {
+ width: calc(100% - 10px);
+ margin-bottom: 0;
+ vertical-align: top;
+ }
+ .collection-header.collection-header-alternate .collection-featured-image:only-child,
+ .collection-header.collection-header-alternate .collection-header-content:only-child {
+ display: block;
+ width: 100%;
+ min-width: 500px;
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
+@media (min-width: 1080px) {
+ .collection-header.collection-header-alternate .collection-featured-image,
+ .collection-header.collection-header-alternate .collection-header-content {
+ width: calc(100% - 15px);
+ }
+ .collection-header.collection-header-alternate .collection-featured-image:only-child,
+ .collection-header.collection-header-alternate .collection-header-content:only-child {
+ width: 100%;
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
+@media (min-width: 770px) {
+ .collection-image--true .collection-header.collection-header-alternate .collection-featured-image,
+ .collection-image--true .collection-header.collection-header-alternate .collection-header-content {
+ width: calc(50% - 10px);
+ }
+}
+@media (min-width: 1080px) {
+ .collection-image--true .collection-header.collection-header-alternate .collection-featured-image,
+ .collection-image--true .collection-header.collection-header-alternate .collection-header-content {
+ width: calc(50% - 15px);
+ }
+}
+@media (min-width: 770px) {
+ .collection-header.collection-header-alternate .collection-header-content:nth-child(2) {
+ margin-left: 20px;
+ }
+ .collection-header.collection-header-alternate .collection-header-content:nth-child(2) .breadcrumbs,
+ .collection-header.collection-header-alternate .collection-header-content:nth-child(2) .page-title,
+ .collection-header.collection-header-alternate .collection-header-content:nth-child(2) .collection-description,
+ .collection-header.collection-header-alternate .collection-header-content:nth-child(2) .faceted-filters {
+ text-align: left;
+ }
+}
+@media (min-width: 1080px) {
+ .collection-header.collection-header-alternate .collection-header-content:nth-child(2) {
+ margin-left: 30px;
+ }
+}
+
+.collection-featured-image {
+ margin-bottom: 20px;
+}
+.collection-featured-image img {
+ display: block;
+ margin: 0 auto;
+}
+
+.collection-header-content {
+ text-align: center;
+}
+.collection-header-alternate .collection-header-content .breadcrumbs,
+.collection-header-alternate .collection-header-content .page-title {
+ padding-right: 0;
+ padding-left: 0;
+}
+.collection-header-alternate .collection-header-content .breadcrumbs {
+ margin-bottom: 1.4285714286rem;
+}
+.collection-header-alternate .collection-header-content .page-title {
+ margin-bottom: 1.7857142857rem;
+}
+.collection-header-alternate .collection-header-content .page-title:last-child {
+ margin-bottom: 0;
+}
+
+.collection-description {
+ max-width: 600px;
+ margin: 0 auto 20px;
+ font-size: 1rem;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ padding: 20px 30px;
+ border-radius: 4px;
+ display: block;
+ width: -webkit-fit-content;
+ width: fit-content;
+ max-width: 90%;
+}
+.collection-header-alternate .collection-description {
+ max-width: 90%;
+}
+
+/* Boost AI Search & Discovery collection header: the title + description are
+ overlaid on the hero background image. Put each text block on its own 50%
+ opaque dark panel so it stays readable over any image (Steve 2026-06-22).
+ Per-element (not the wrapper) — the wrapper's width collapses and won't
+ cover the wider description text. */
+.boost-sd__header-title {
+ display: inline-block !important;
+ background-color: rgba(0, 0, 0, 0.55) !important;
+ color: #ffffff !important;
+ padding: 10px 24px !important;
+ border-radius: 6px !important;
+}
+.boost-sd__header-description {
+ display: inline-block !important;
+ background-color: rgba(0, 0, 0, 0.55) !important;
+ color: #ffffff !important;
+ padding: 16px 28px !important;
+ border-radius: 6px !important;
+ max-width: 92% !important;
+ margin-top: 10px !important;
+}
+.boost-sd__header-description * {
+ color: #ffffff !important;
+}
+
+@media (min-width: 770px) {
+ .collection-sorting__wrapper:only-child {
+ margin-right: 0;
+ margin-left: auto;
+ }
+}
+
+[data-collection-sorting]:focus {
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+.collection-dropdown {
+ display: inline-block;
+ max-width: 200px;
+ height: -webkit-fit-content;
+ height: -moz-fit-content;
+ height: fit-content;
+ margin: 10px;
+ text-align: left;
+}
+.collection-dropdown:first-child {
+ margin-top: 0;
+}
+.collection-dropdown:last-child {
+ margin-bottom: 0;
+}
+@media (min-width: 1080px) {
+ .collection-dropdown {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+}
+@media (min-width: 770px) {
+ .collection-header--filters-sort-enabled .collection-dropdown {
+ margin: 0;
+ }
+}
+
+.collections-list-content {
+ padding: 0 10px;
+ margin-top: 20px;
+ font-size: 0;
+}
+.collections-list-content .masonry-grid {
+ margin-top: 40px;
+}
+.collections-list-content .rows-of-1 .masonry-grid-sizer,
+.collections-list-content .rows-of-1 .collections-list-item {
+ width: 100%;
+}
+@media (min-width: 770px) {
+ .collections-list-content .rows-of-1 .masonry-grid-sizer,
+ .collections-list-content .rows-of-1 .collections-list-item {
+ width: 100%;
+ }
+}
+@media (min-width: 1080px) {
+ .collections-list-content .rows-of-1 .masonry-grid-sizer,
+ .collections-list-content .rows-of-1 .collections-list-item {
+ width: 100%;
+ }
+}
+@media (min-width: 770px) {
+ .collections-list-content .rows-of-2 .masonry-grid-sizer,
+ .collections-list-content .rows-of-2 .collections-list-item {
+ width: 50%;
+ }
+}
+@media (min-width: 1080px) {
+ .collections-list-content .rows-of-2 .masonry-grid-sizer,
+ .collections-list-content .rows-of-2 .collections-list-item {
+ width: 50%;
+ }
+}
+@media (min-width: 770px) {
+ .collections-list-content .rows-of-3 .masonry-grid-sizer,
+ .collections-list-content .rows-of-3 .collections-list-item {
+ width: 33.3333333333%;
+ }
+}
+@media (min-width: 770px) {
+ .collections-list-content .rows-of-4 .masonry-grid-sizer,
+ .collections-list-content .rows-of-4 .collections-list-item {
+ width: 25%;
+ }
+}
+.collections-list-content .pagination {
+ width: 100%;
+}
+
+.collections-list-item {
+ display: inline-block;
+ width: 100%;
+ padding: 0 20px;
+ margin-top: 20px;
+ margin-bottom: 0;
+ font-size: 1rem;
+ text-align: center;
+ vertical-align: top;
+}
+.masonry-grid .collections-list-item {
+ margin-top: 0;
+}
+.masonry-grid .collections-list-item .collection-description {
+ margin-bottom: 0;
+}
+.collections-list-item .thumbnail a {
+ display: block;
+}
+.collections-list-item .thumbnail img {
+ display: block;
+ margin: 0 auto;
+}
+.collections-list-item .collection-title {
+ margin-bottom: 10px;
+ word-break: break-word;
+}
+.collections-list-item .collection-title a {
+ color: #000000;
+}
+
+.template-page .main-content {
+ margin-bottom: 65px;
+}
+.template-page .page-content {
+ padding: 0 30px;
+ max-width: 710px;
+ margin: 40px auto 0;
+}
+.template-page .page-content > *:not(.highlight) {
+ max-width: 600px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.template-page .page-content .contact-form {
+ margin: 40px auto;
+ padding: 0 30px;
+ max-width: 400px;
+}
+.template-page .page-content .contact-form label {
+ display: block;
+ margin: 32px 0 22px;
+}
+.template-page .page-content .contact-form input[type=submit] {
+ display: block;
+ margin-top: 32px;
+}
+
+.success-message,
+.error-message {
+ font-family: Lora,serif;
+ font-style: italic;
+ font-weight: 400;
+ margin-top: 25px;
+}
+
+.template-password {
+ height: 100vh;
+ text-align: center;
+}
+.template-password .form-title {
+ margin-bottom: 15px;
+ font-size: 1.1428571429rem;
+}
+.template-password div.errors {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+.template-password .password-branding {
+ padding-bottom: 0;
+ border-bottom: 0;
+}
+
+.password-page {
+ display: table;
+ width: 100%;
+ height: 100%;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 0 30px;
+}
+
+.password-page-footer,
+.password-page-header {
+ display: table-row;
+ height: 1px;
+}
+
+.password-page-header {
+ font-size: 1rem;
+ text-align: right;
+}
+
+.password-page-footer {
+ font-size: 1rem;
+}
+
+.password-page-content {
+ display: table-row;
+ width: 100%;
+ height: 100%;
+ margin: 0 auto;
+}
+.password-page-content h2 {
+ font-size: 2rem;
+ line-height: 1.8;
+}
+
+.password-page-inner {
+ display: table-cell;
+ padding: 10px 0;
+}
+.password-page-content .password-page-inner {
+ vertical-align: middle;
+}
+.password-page-header .password-page-inner, .password-page-footer .password-page-inner {
+ font-size: 95%;
+ line-height: 1.2;
+ vertical-align: bottom;
+}
+
+.password-login-text {
+ text-align: right;
+}
+
+.password-page-logo {
+ padding-bottom: 15px;
+}
+
+.password-page-form-header {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ border-top: 1px solid #e4e4e4;
+}
+.password-page-form-header:after {
+ content: "";
+ display: block;
+ max-width: 50px;
+ margin: 15px auto 0;
+ border-bottom: 1px solid #e4e4e4;
+}
+
+.password-page-message {
+ margin-top: 1em;
+ margin-bottom: 0;
+}
+
+.password-page-modal-wrapper {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ visibility: hidden;
+ z-index: 5001;
+ background: rgba(0, 0, 0, 0.8);
+ opacity: 0;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.password-page-modal-wrapper.visible {
+ visibility: visible;
+ opacity: 1;
+}
+
+.password-page-modal {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 1000;
+ width: 100%;
+ max-width: 960px;
+ max-height: 90%;
+ padding: 70px;
+ overflow-y: auto;
+ background: #ffffff;
+ opacity: 0;
+ transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transform: translate(-50%, -50%);
+}
+.visible .password-page-modal {
+ visibility: visible;
+ opacity: 1;
+}
+.password-page-modal .header {
+ position: relative;
+ padding-bottom: 15px;
+}
+.password-page-modal .admin-login {
+ font-size: 1rem;
+}
+
+.password-page-field-wrap {
+ position: relative;
+ display: inline-block;
+ width: 75%;
+ max-width: 350px;
+ padding-right: 65px;
+ margin: 0 auto;
+ border: 1px solid #e4e4e4;
+}
+@media (max-width: 539px) {
+ .password-page-field-wrap {
+ width: 100%;
+ }
+}
+.password-page-field-wrap .password-page-input,
+.password-page-field-wrap .submit {
+ padding: 0;
+ margin: 0;
+ font-size: 1rem;
+ border: 0;
+ outline: none;
+}
+.password-page-field-wrap .password-page-input {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ width: 100%;
+ padding: 8px 0 8px 8px;
+ background: transparent;
+}
+.password-page-field-wrap .submit {
+ position: absolute;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ padding-right: 15px;
+ padding-left: 15px;
+ letter-spacing: 0.1em;
+ text-align: center;
+ border-radius: 0 5px 5px 0;
+}
+
+.search {
+ padding: 0 10px;
+ margin-top: 20px;
+}
+.search:first-child {
+ margin-top: 0;
+}
+.search .empty {
+ font-size: 1rem;
+ text-align: center;
+}
+
+.template-search .main-content {
+ margin-bottom: 65px;
+}
+
+.search-results-wrapper {
+ padding: 0 10px;
+ margin-top: 40px;
+}
+
+.search-results-text {
+ padding: 0 20px;
+ margin: 0 0 40px;
+ font-size: 16px;
+ color: #000000;
+ text-align: center;
+}
+
+.search-results-products {
+ font-size: 0;
+}
+.search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
+ width: 20%;
+}
+@media (max-width: 1079px) {
+ .search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
+ width: 33.333%;
+ }
+}
+@media (max-width: 769px) {
+ .search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
+ width: 50%;
+ }
+}
+@media (max-width: 539px) {
+ .search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
+ width: 100%;
+ }
+}
+.search-results-products ~ .search-results-other .section-title {
+ border-top: 1px solid #e4e4e4;
+ padding-top: 40px;
+}
+
+.search-results-other {
+ padding: 0 20px;
+ margin: 40px 0 20px;
+}
+.search-results-other .section-title {
+ margin-bottom: 40px;
+ text-align: center;
+}
+
+.search-results-list {
+ max-width: 560px;
+ margin: 0 auto;
+}
+
+.search-results-item {
+ border-bottom: 1px solid #e4e4e4;
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+}
+.search-results-item:last-child {
+ border-bottom: 0;
+ padding-bottom: 0;
+ margin-bottom: 0;
+}
+
+.search-result-title {
+ text-transform: none;
+ letter-spacing: 0;
+ margin-bottom: 5px;
+ font-size: 1rem;
+}
+
+.search-result-link {
+ color: #000000;
+}
+.search-result-link:hover {
+ color: #0f0f0f;
+}
+
+.search-result-summary {
+ margin-top: 10px;
+}
+.search-result-summary p {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+
+.search-result-image {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+/* Dynamic sections */
+.shopify-section--blog-posts {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+
+.home-blog {
+ padding: 30px 8px;
+ margin: 0;
+ font-size: 0;
+ text-align: center;
+ border-top: 1px solid #e4e4e4;
+}
+@media (max-width: 769px) {
+ .home-blog {
+ margin-bottom: 0;
+ }
+}
+.home-blog .flickity-viewport {
+ overflow: visible;
+ transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.home-blog.flickity-enabled {
+ padding-right: 0;
+ padding-left: 0;
+}
+.home-blog > *:first-child {
+ margin-top: 0;
+}
+.home-blog .section-title {
+ margin-bottom: 30px;
+}
+
+.home-blog-post {
+ display: inline-block;
+ width: 17.8571428571rem;
+ padding: 0 22px;
+ margin: 0;
+ font-size: 1rem;
+ vertical-align: top;
+}
+.home-blog-columns-1 .home-blog-post {
+ width: 100%;
+}
+@media (min-width: 540px) {
+ .home-blog-post {
+ width: 21.4285714286rem;
+ }
+ .home-blog-columns-1 .home-blog-post {
+ width: 100%;
+ }
+}
+@media (min-width: 770px) {
+ .home-blog-columns-1 .home-blog-post {
+ width: 100%;
+ }
+ .home-blog-columns-2 .home-blog-post {
+ width: 50%;
+ }
+ .home-blog-columns-3 .home-blog-post {
+ width: 33.333%;
+ }
+ .home-blog-columns-4 .home-blog-post {
+ width: 25%;
+ }
+}
+
+.home-blog-post-image {
+ position: relative;
+ display: block;
+ width: 100%;
+ overflow: hidden;
+}
+.home-blog-post-image:hover img,
+.home-blog-post-image:hover svg {
+ transform: scale(1.02);
+}
+.home-blog-post-image img,
+.home-blog-post-image svg {
+ display: block;
+ width: 100%;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.home-blog-post-title {
+ margin: 0 0 15px;
+ font-size: 1.4285714286rem;
+}
+
+.home-blog-post-date {
+ margin: 0;
+}
+.home-blog-post-date a {
+ color: #8a8a8a;
+}
+
+.home-blog-post-read-more {
+ margin: 1em 0;
+ line-height: 1;
+}
+
+.home-collections {
+ display: block;
+ padding: 0;
+ text-align: center;
+ margin-top: 30px;
+ margin-bottom: -30px;
+ font-size: 0;
+}
+@media (min-width: 770px) {
+ .home-collections {
+ margin-bottom: -40px;
+ }
+}
+.home-collections > *:first-child {
+ margin-top: 0;
+}
+.home-collections .section-title {
+ margin-bottom: 30px;
+}
+
+.home-collection {
+ display: inline-block;
+ width: 100%;
+ padding: 0 30px;
+ margin-top: 0;
+ margin-bottom: 30px;
+ font-size: 1rem;
+ vertical-align: top;
+}
+.home-collection:last-child {
+ margin-bottom: 0;
+}
+@media (max-width: 769px) and (min-width: 540px) {
+ .home-collection {
+ width: 50%;
+ }
+ .home-collections-has-remainder .home-collection:first-child {
+ width: 100%;
+ }
+}
+@media (min-width: 770px) {
+ .home-collection {
+ margin-bottom: 40px;
+ }
+ .home-collections-columns-1 .home-collection {
+ width: 100%;
+ }
+ .home-collections-columns-2 .home-collection {
+ width: 50%;
+ }
+ .home-collections-columns-3 .home-collection {
+ width: 33.3333333333%;
+ }
+}
+
+.home-collection-image {
+ position: relative;
+ width: 100%;
+ margin: 0;
+ overflow: hidden;
+ aspect-ratio: var(--home-collection-image-aspect-ratio);
+}
+.home-collection-image:hover .home-collection-overlay-wrapper.home-collection-overlay-color-white {
+ background: rgba(0, 0, 0, 0.5);
+}
+.home-collection-image:hover .home-collection-overlay-wrapper.home-collection-overlay-color-black {
+ background: rgba(255, 255, 255, 0.5);
+}
+.home-collection-image:hover img {
+ transform: scale(1.02);
+}
+.home-collection-image img {
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: 50% 50%;
+}
+.ie9 .home-collection-image img {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ width: 100%;
+ height: auto;
+ transform: translate(-50%, -50%);
+}
+
+.home-collection__link {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+}
+
+.home-collection-overlay-wrapper {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.home-collection-overlay {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+.home-collection-overlay-color-white .home-collection-overlay {
+ color: #fff;
+ text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+}
+.home-collection-overlay-color-white .home-collection-overlay a {
+ color: #fff;
+}
+.home-collection-overlay-color-black .home-collection-overlay {
+ color: #000;
+ text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
+}
+.home-collection-overlay-color-black .home-collection-overlay a {
+ color: #000;
+}
+
+.home-collection-title {
+ margin: 0;
+ color: inherit;
+ font-size: 1.7857142857rem;
+}
+
+.home-collection-subtitle {
+ font-size: 1.1428571429rem;
+}
+
+.home-collection-description {
+ border: 1px solid #e4e4e4;
+ padding: 30px 35px 35px;
+}
+.home-collection-description > *:first-child {
+ margin-top: 0;
+}
+.home-collection-description > *:last-child {
+ margin-bottom: 0;
+}
+.home-collection-description p {
+ margin: 1em 0;
+}
+
+.home-masonry {
+ padding-right: 25px;
+ padding-left: 25px;
+ font-size: 0;
+}
+.home-masonry.home-masonry-gutters {
+ margin-left: -5px;
+}
+@media (min-width: 770px) {
+ .home-masonry.home-masonry-gutters {
+ width: calc(100% + 10px);
+ }
+}
+.home-masonry.home-masonry-layout-content-width {
+ margin-left: 0;
+ padding-right: 30px;
+ padding-left: 30px;
+}
+.home-masonry.home-masonry-layout-full-width {
+ padding-right: 0;
+ padding-left: 0;
+ margin-top: 0;
+ overflow: hidden;
+}
+@media (min-width: 1260px) {
+ .home-masonry.home-masonry-layout-full-width {
+ width: 100vw;
+ margin-left: calc(-50vw + 630px);
+ }
+ .home-masonry.home-masonry-layout-full-width.home-masonry-gutters {
+ width: calc(100vw + 10px);
+ margin-left: calc(-50vw + 630px - 5px);
+ }
+}
+@media (max-width: 769px) {
+ .home-masonry {
+ margin-bottom: 0;
+ }
+ .home-masonry .home-masonry-feature-1,
+ .home-masonry .home-masonry-feature-2,
+ .home-masonry .home-masonry-feature-3,
+ .home-masonry .home-masonry-feature-4,
+ .home-masonry .home-masonry-feature-5,
+ .home-masonry .home-masonry-feature-6 {
+ display: none;
+ width: 100%;
+ height: auto;
+ padding: 0;
+ padding-bottom: 0;
+ }
+ .home-masonry .home-masonry-feature-1.home-masonry-feature-mobile,
+ .home-masonry .home-masonry-feature-2.home-masonry-feature-mobile,
+ .home-masonry .home-masonry-feature-3.home-masonry-feature-mobile,
+ .home-masonry .home-masonry-feature-4.home-masonry-feature-mobile,
+ .home-masonry .home-masonry-feature-5.home-masonry-feature-mobile,
+ .home-masonry .home-masonry-feature-6.home-masonry-feature-mobile {
+ display: block;
+ margin-right: 0;
+ margin-left: 0;
+ }
+}
+
+.home-masonry-feature {
+ position: relative;
+ display: inline-block;
+ height: 0;
+ margin: 0;
+ overflow: hidden;
+ vertical-align: top;
+}
+.home-masonry-feature.home-masonry-feature-has-url {
+ cursor: pointer;
+}
+.home-masonry-feature.home-masonry-feature-gutters {
+ margin: 0 5px 10px;
+}
+@media (max-width: 769px) {
+ .home-masonry-feature {
+ text-align: center;
+ }
+}
+.home-masonry-feature.has-link {
+ cursor: pointer;
+}
+.home-masonry-hover-animation .home-masonry-feature:hover .home-masonry-feature-image {
+ transform: scale(1.02);
+}
+.home-masonry-hover-animation .home-masonry-feature:hover.color-black.home-masonry-feature-has-content figure:after {
+ background: rgba(255, 255, 255, 0.5);
+}
+.home-masonry-hover-animation .home-masonry-feature:hover.color-white.home-masonry-feature-has-content figure:after {
+ background: rgba(0, 0, 0, 0.5);
+}
+.home-masonry-feature .no-image {
+ width: 100%;
+ background: #f7f7f7;
+}
+@media (max-width: 769px) {
+ .home-masonry-feature .no-image {
+ padding-bottom: 30% !important;
+ }
+}
+
+@media (min-width: 770px) {
+ .home-masonry-feature-count-1 .home-masonry-feature-1 {
+ width: 100%;
+ padding-bottom: 100%;
+ }
+ .home-masonry-feature-count-1 .home-masonry-feature-1.home-masonry-feature-gutters {
+ width: calc(100% - 10px);
+ padding-bottom: calc(100% - 10px);
+ }
+}
+
+@media (min-width: 770px) {
+ .home-masonry-feature-count-2 .home-masonry-feature-1 {
+ width: 50%;
+ padding-bottom: 30%;
+ }
+ .home-masonry-feature-count-2 .home-masonry-feature-1.home-masonry-feature-gutters {
+ width: calc(50% - 10px);
+ padding-bottom: calc(30% - 10px);
+ }
+ .home-masonry-feature-count-2 .home-masonry-feature-2 {
+ width: 50%;
+ padding-bottom: 30%;
+ }
+ .home-masonry-feature-count-2 .home-masonry-feature-2.home-masonry-feature-gutters {
+ width: calc(50% - 10px);
+ padding-bottom: calc(30% - 10px);
+ }
+}
+
+@media (min-width: 770px) {
+ .home-masonry-feature-count-3 .home-masonry-feature-1 {
+ width: 33.33%;
+ padding-bottom: 25%;
+ }
+ .home-masonry-feature-count-3 .home-masonry-feature-1.home-masonry-feature-gutters {
+ width: calc(33.33% - 10px);
+ padding-bottom: calc(25% - 10px);
+ }
+ .home-masonry-feature-count-3 .home-masonry-feature-2 {
+ width: 33.33%;
+ padding-bottom: 25%;
+ }
+ .home-masonry-feature-count-3 .home-masonry-feature-2.home-masonry-feature-gutters {
+ width: calc(33.33% - 10px);
+ padding-bottom: calc(25% - 10px);
+ }
+ .home-masonry-feature-count-3 .home-masonry-feature-3 {
+ width: 33.33%;
+ padding-bottom: 25%;
+ }
+ .home-masonry-feature-count-3 .home-masonry-feature-3.home-masonry-feature-gutters {
+ width: calc(33.33% - 10px);
+ padding-bottom: calc(25% - 10px);
+ }
+}
+
+@media (min-width: 770px) {
+ .home-masonry-feature-count-4 .home-masonry-feature-1 {
+ width: 50%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-4 .home-masonry-feature-1.home-masonry-feature-gutters {
+ width: calc(50% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+ .home-masonry-feature-count-4 .home-masonry-feature-2 {
+ width: 50%;
+ padding-bottom: 29.4%;
+ }
+ .home-masonry-feature-count-4 .home-masonry-feature-2.home-masonry-feature-gutters {
+ width: calc(50% - 10px);
+ padding-bottom: calc(29.4% - 10px);
+ }
+ .home-masonry-feature-count-4 .home-masonry-feature-3 {
+ width: 50%;
+ padding-bottom: 29.4%;
+ margin-top: calc(-8.8%);
+ }
+ .home-masonry-feature-count-4 .home-masonry-feature-3.home-masonry-feature-gutters {
+ width: calc(50% - 10px);
+ padding-bottom: calc(29.4% - 10px);
+ margin-top: calc(-8.8%);
+ }
+ .home-masonry-feature-count-4 .home-masonry-feature-4 {
+ width: 50%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-4 .home-masonry-feature-4.home-masonry-feature-gutters {
+ width: calc(50% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+}
+
+@media (min-width: 770px) {
+ .home-masonry-feature-count-5 .home-masonry-feature-1 {
+ width: 30%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-1.home-masonry-feature-gutters {
+ width: calc(30% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-2 {
+ width: 70%;
+ padding-bottom: 29.4%;
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-2.home-masonry-feature-gutters {
+ width: calc(70% - 10px);
+ padding-bottom: calc(29.4% - 10px);
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-3 {
+ width: 30%;
+ padding-bottom: 29.4%;
+ margin-top: calc(-8.8%);
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-3.home-masonry-feature-gutters {
+ width: calc(30% - 10px);
+ padding-bottom: calc(29.4% - 10px);
+ margin-top: calc(-8.8%);
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-4 {
+ width: 40%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-4.home-masonry-feature-gutters {
+ width: calc(40% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-5 {
+ width: 30%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-5 .home-masonry-feature-5.home-masonry-feature-gutters {
+ width: calc(30% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+}
+
+@media (min-width: 770px) {
+ .home-masonry-feature-count-6 .home-masonry-feature-1 {
+ width: 30%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-1.home-masonry-feature-gutters {
+ width: calc(30% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-2 {
+ width: 30%;
+ padding-bottom: 29.4%;
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-2.home-masonry-feature-gutters {
+ width: calc(30% - 10px);
+ padding-bottom: calc(29.4% - 10px);
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-3 {
+ width: 40%;
+ padding-bottom: 29.4%;
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-3.home-masonry-feature-gutters {
+ width: calc(40% - 10px);
+ padding-bottom: calc(29.4% - 10px);
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-4 {
+ width: 30%;
+ padding-bottom: 29.4%;
+ margin-top: calc(-8.8%);
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-4.home-masonry-feature-gutters {
+ width: calc(30% - 10px);
+ padding-bottom: calc(29.4% - 10px);
+ margin-top: calc(-8.8%);
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-5 {
+ width: 40%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-5.home-masonry-feature-gutters {
+ width: calc(40% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-6 {
+ width: 30%;
+ padding-bottom: 20.6%;
+ }
+ .home-masonry-feature-count-6 .home-masonry-feature-6.home-masonry-feature-gutters {
+ width: calc(30% - 10px);
+ padding-bottom: calc(20.6% - 10px);
+ }
+}
+
+.home-masonry-feature-image {
+ transform-style: preserve-3d;
+ transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ position: relative;
+ margin: 0;
+ overflow: hidden;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+@media (min-width: 770px) {
+ .home-masonry-feature-image {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+}
+.home-masonry-feature-image .overlay {
+ width: 100%;
+ height: 100%;
+}
+.home-masonry-onboard .home-masonry-feature-image {
+ overflow: visible;
+ border: 1px solid rgba(0, 0, 0, 0.5);
+}
+@media (max-width: 769px) {
+ .home-masonry-feature-image {
+ display: inline-block;
+ height: auto !important;
+ width: 100%;
+ }
+ .home-masonry-feature-image:not(.no-image) {
+ padding-bottom: 0 !important;
+ }
+}
+.home-masonry-feature-image::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.home-masonry-feature-count-1 .home-masonry-feature-image {
+ height: auto;
+}
+.home-masonry-feature-image .home-masonry-feature-placeholder {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+}
+.home-masonry-feature-image img {
+ pointer-events: none;
+ opacity: 0;
+}
+
+.home-masonry-feature-text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 100%;
+ max-width: 85%;
+ font-size: 1rem;
+ text-align: center;
+ transform: translate(-50%, -50%);
+}
+.home-masonry-feature-text p {
+ margin-bottom: 0;
+}
+
+.no-touch .home-masonry-hover .home-masonry-feature-text {
+ opacity: 0;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transform: translate(-50%, -50%) scale(0.95);
+}
+.no-touch .home-masonry-hover .home-masonry-feature:hover .home-masonry-feature-text {
+ opacity: 1;
+ transform: translate(-50%, -50%) scale(0.95);
+}
+
+.home-masonry-feature-title {
+ margin-top: 0;
+ font-size: 1.5714285714rem;
+ line-height: 1.2;
+}
+@media (max-width: 1079px) and (min-width: 770px) {
+ .home-masonry-feature-title {
+ font-size: 1.2857142857rem;
+ }
+}
+
+.home-masonry-feature-subtitle {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 1.1428571429rem;
+ line-height: 1.2;
+}
+@media (max-width: 1079px) and (min-width: 770px) {
+ .home-masonry-feature-subtitle {
+ font-size: 1rem;
+ }
+}
+
+.home-masonry-feature-video-trigger {
+ display: inline-block;
+ height: 40px;
+ color: #b08212;
+ cursor: pointer;
+ transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.home-masonry-feature-video-trigger:hover {
+ color: #cc9715;
+}
+@media (max-width: 769px) and (min-width: 375px) {
+ .home-masonry-feature-video-trigger {
+ height: 50px;
+ }
+}
+@media (max-width: 1079px) and (min-width: 770px) {
+ .home-masonry-feature-video-trigger {
+ height: 30px;
+ }
+}
+
+.home-masonry-feature-video-trigger,
+.home-masonry-feature-title,
+.home-masonry-feature-subtitle {
+ margin-top: 15px;
+}
+.home-masonry-feature-video-trigger:first-child,
+.home-masonry-feature-title:first-child,
+.home-masonry-feature-subtitle:first-child {
+ margin-top: 0;
+}
+@media (max-width: 769px) and (min-width: 540px) {
+ .home-masonry-feature-video-trigger,
+ .home-masonry-feature-title,
+ .home-masonry-feature-subtitle {
+ margin-top: 30px;
+ }
+}
+@media (max-width: 1079px) and (min-width: 770px) {
+ .home-masonry-feature-video-trigger,
+ .home-masonry-feature-title,
+ .home-masonry-feature-subtitle {
+ margin-top: 10px;
+ }
+}
+
+.home-masonry-video-modal .modal-inner {
+ overflow: hidden;
+ transform: translate(-50%, -50%);
+}
+
+.home-message {
+ margin: 30px;
+ text-align: center;
+}
+
+.home-message-content {
+ padding: 30px;
+}
+.home-message-content.home-message-content-border {
+ border: 1px solid #e4e4e4;
+}
+.home-message-content h2,
+.home-message-content h3 {
+ display: block;
+ max-width: 840px;
+ margin: 0 auto 16px;
+}
+
+.shopify-section--featured-collection {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+
+.home-products .section-title {
+ margin-top: 0;
+ text-align: center;
+}
+
+.home-products-content {
+ padding: 0 10px;
+ font-size: 0;
+}
+@media (max-width: 539px) {
+ .home-products-content {
+ padding-left: 30px;
+ white-space: nowrap;
+ }
+}
+.home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
+ width: 100%;
+}
+@media (max-width: 539px) {
+ .home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
+ width: 230px;
+ padding-right: 0;
+ padding-left: 0;
+ margin-right: 15px;
+ }
+}
+@media (max-width: 539px) and (min-width: 375px) {
+ .home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
+ width: 260px;
+ }
+}
+@media (max-width: 539px) and (min-width: 540px) {
+ .home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
+ width: calc(50% - 15px);
+ }
+}
+@media (min-width: 540px) {
+ .home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
+ width: 50%;
+ }
+}
+@media (min-width: 770px) {
+ .home-products-columns-4 .home-products-content .product-list-item, .home-products-columns-4 .home-products-content .product-grid-masonry-sizer {
+ width: 25%;
+ }
+ .home-products-columns-3 .home-products-content .product-list-item, .home-products-columns-3 .home-products-content .product-grid-masonry-sizer {
+ width: 33.3333333333%;
+ }
+ .home-products-columns-2 .home-products-content .product-list-item, .home-products-columns-2 .home-products-content .product-grid-masonry-sizer {
+ width: 50%;
+ }
+}
+.home-products-content .flickity-viewport {
+ overflow: visible;
+ transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.template-index .main-content .shopify-section--promotion + .shopify-section--promotion {
+ margin-top: -40px;
+}
+
+.home-promotion {
+ position: relative;
+ max-width: 1260px;
+ margin: 0 auto;
+}
+.home-promotion.home-promotion-layout-content-width {
+ padding-right: 30px;
+ padding-left: 30px;
+}
+.home-promotion.home-promotion-layout-content-width.home-promotion-align-center .home-promotion-content {
+ padding-left: 20%;
+ padding-right: 20%;
+}
+@media (max-width: 1079px) {
+ .home-promotion.home-promotion-layout-content-width.home-promotion-align-center .home-promotion-content {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+}
+.home-promotion.home-promotion-layout-full-screen, .home-promotion.home-promotion-layout-full-width {
+ width: 100%;
+ max-width: 100vw;
+ min-width: 100%;
+ margin: 0;
+ overflow: hidden;
+}
+@media (min-width: 1260px) {
+ .home-promotion.home-promotion-layout-full-screen, .home-promotion.home-promotion-layout-full-width {
+ width: 100vw;
+ margin-left: calc(-50vw + 630px);
+ }
+}
+.home-promotion.home-promotion-layout-full-screen {
+ height: 100vh;
+}
+
+.home-promotion-align-left {
+ text-align: left;
+}
+
+.home-promotion-align-center {
+ text-align: center;
+}
+
+.home-promotion-align-right {
+ text-align: right;
+}
+
+.home-promotion-content {
+ position: relative;
+ z-index: 100;
+ padding: 120px 30px;
+ transition: padding 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.home-promotion-layout-full-screen .home-promotion-content, .home-promotion-image-container + .home-promotion-content {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ left: 0;
+ padding-top: 60px;
+ padding-bottom: 60px;
+ transform: translateY(-50%);
+}
+
+.home-promotion-image-container {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ background-size: cover;
+ transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.home-promotion-layout-full-screen .home-promotion-image-container {
+ height: 100%;
+}
+
+.home-promotion-image {
+ display: block;
+ height: auto;
+ max-width: 100%;
+ min-height: 150px;
+ margin-right: auto;
+ margin-left: auto;
+}
+.home-promotion-has-content .home-promotion-image {
+ opacity: 0;
+}
+
+.home-slideshow {
+ margin: 0 auto;
+ max-width: 1260px;
+}
+.home-slideshow.home-slideshow-layout-content-width {
+ padding-right: 30px;
+ padding-left: 30px;
+}
+@media (max-width: 769px) {
+ .home-slideshow.home-slideshow-layout-content-width {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+.home-slideshow.home-slideshow-layout-full-width {
+ width: 100%;
+ min-width: 100%;
+ max-width: 100vw;
+ margin: 0;
+ overflow: hidden;
+}
+@media (min-width: 1260px) {
+ .home-slideshow.home-slideshow-layout-full-width {
+ width: 100vw;
+ margin-left: calc(-50vw + 630px);
+ }
+}
+
+.home-slideshow-slide {
+ position: relative;
+ width: 100%;
+ margin: 0;
+}
+
+.home-slideshow-slide-image {
+ position: relative;
+ margin: 0;
+ overflow: hidden;
+}
+.home-slideshow-slide-image img {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+
+.home-slideshow-slide-content {
+ position: absolute;
+ top: 50%;
+ right: 70px;
+ left: 70px;
+ text-align: left;
+ transform: translateY(-50%);
+}
+@media (max-width: 769px) {
+ .home-slideshow-slide-content {
+ position: relative;
+ top: auto;
+ right: auto;
+ left: auto;
+ padding: 50px 30px;
+ text-align: left;
+ transform: none;
+ }
+}
+.home-slideshow-slide-alignment-center .home-slideshow-slide-content {
+ text-align: center;
+}
+.home-slideshow-slide-alignment-right .home-slideshow-slide-content {
+ text-align: right;
+}
+
+.home-slideshow-slide-content-inner {
+ margin: 0 auto;
+ max-width: 1260px;
+}
+
+@media (max-width: 769px) {
+ .home-slideshow-slide-heading {
+ color: #000000 !important;
+ }
+}
+
+@media (max-width: 769px) {
+ .home-slideshow-slide-subheading {
+ color: #8a8a8a !important;
+ }
+}
+
+.shopify-section--testimonials {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+
+.home-testimonials {
+ padding: 0;
+ margin: 0 30px 0;
+}
+@media (min-width: 770px) {
+ .home-testimonials {
+ margin-right: 15px;
+ margin-left: 15px;
+ }
+}
+.home-testimonials .section-title {
+ margin-top: 0;
+ margin-bottom: 30px;
+ text-align: center;
+}
+@media (min-width: 770px) {
+ .home-testimonials .section-title {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
+}
+
+.home-testimonials-list {
+ padding-right: 15px;
+ padding-left: 15px;
+ font-size: 0;
+}
+.home-testimonials-list .flickity-viewport {
+ overflow: visible;
+ transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.home-testimonials-list.flickity-enabled {
+ padding-right: 0;
+ padding-left: 0;
+}
+@media (min-width: 770px) {
+ .home-testimonials-list {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+
+.home-testimonials-item {
+ display: inline-block;
+ width: 20rem;
+ min-width: 20rem;
+ padding: 2.5rem;
+ margin: 30px 15px 0;
+ font-size: 1rem;
+ text-align: center;
+ vertical-align: top;
+}
+@media (max-width: 374px) {
+ .home-testimonials-item {
+ width: 16.4285714286rem;
+ min-width: 16.4285714286rem;
+ padding-right: 8px;
+ padding-left: 8px;
+ margin-right: 8px;
+ margin-left: 8px;
+ }
+ .home-testimonials-item:first-child {
+ margin-left: 15px;
+ }
+ .home-testimonials-item:last-child {
+ margin-right: 15px;
+ }
+}
+@media (max-width: 769px) {
+ .home-testimonials-item:not(:first-child) {
+ position: absolute;
+ visibility: hidden;
+ }
+ .flickity-enabled .home-testimonials-item:not(:first-child) {
+ position: relative;
+ visibility: visible;
+ }
+}
+.home-testimonials-item:first-child {
+ margin-top: 0;
+}
+.style-filled .home-testimonials-item {
+ background-color: #f7f7f7;
+}
+.style-bordered .home-testimonials-item {
+ border: 1px solid #e4e4e4;
+}
+.flickity-enabled .home-testimonials-item {
+ margin-top: 0;
+}
+@media (min-width: 770px) {
+ .home-testimonials-item {
+ min-width: inherit;
+ }
+ .rows-of-2 .home-testimonials-item {
+ width: calc(50% - 30px);
+ }
+ .rows-of-2 .home-testimonials-item:nth-child(-n+2) {
+ margin-top: 0;
+ }
+ .rows-of-3 .home-testimonials-item {
+ width: calc(33.3333333333% - 30px);
+ }
+ .rows-of-3 .home-testimonials-item:nth-child(-n+3) {
+ margin-top: 0;
+ }
+ .rows-of-4 .home-testimonials-item {
+ width: calc(25% - 30px);
+ }
+ .rows-of-4 .home-testimonials-item:nth-child(-n+4) {
+ margin-top: 0;
+ }
+}
+
+.home-testimonials-icon {
+ display: inline-block;
+ margin-right: auto;
+ margin-bottom: 20px;
+ margin-left: auto;
+ color: #b08212;
+}
+
+.home-testimonials-content {
+ font-size: 1.1428571429rem;
+}
+.home-testimonials-content + span {
+ margin-top: 20px;
+}
+
+.home-testimonials-name,
+.home-testimonials-role {
+ display: block;
+ line-height: 1.15;
+ color: #444444;
+}
+
+.home-testimonials-name {
+ font-size: 1.1428571429rem;
+}
+
+.home-testimonials-role {
+ margin-top: 2px;
+ font-size: 1.1428571429rem;
+ opacity: 0.75;
+}
+
+.pxs-announcement-bar {
+ display: block;
+ padding: 16px 15px;
+ font-size: 14px;
+ line-height: 1.5;
+ text-align: center;
+ text-decoration: none;
+}
+@media (min-width: 770px) {
+ .pxs-announcement-bar {
+ padding-right: 30px;
+ padding-left: 30px;
+ }
+}
+
+.pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
+ display: none;
+}
+@media (min-width: 770px) {
+ .pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
+ display: block;
+ }
+}
+
+@media (min-width: 770px) {
+ .pxs-announcement-bar-text-mobile {
+ display: none;
+ }
+}
+
+.pxs-announcement-bar {
+ display: block;
+ position: relative;
+ z-index: 5000;
+ font-size: 16px;
+}
+.shopify-section-group-header-group ~ .shopify-section-group-header-group .pxs-announcement-bar {
+ z-index: 0;
+}
+
+.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-image {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+ opacity: 0;
+}
+.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-image[data-rimg=noscript] {
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ object-fit: cover;
+}
+@media (min-width: 480px) {
+ .pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ bottom: 20px;
+ left: 20px;
+ }
+}
+
+.pxs-image-with-text-wrapper {
+ position: relative;
+}
+
+.pxs-image-with-text-background {
+ background-size: cover;
+}
+.pxs-image-with-text-background svg {
+ width: 100%;
+ height: 100%;
+ max-height: 100%;
+}
+
+.pxs-image-with-text-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+@media (max-width: 480px) {
+ .pxs-image-with-text-section-height-original .pxs-image-with-text-overlay {
+ display: none;
+ }
+}
+
+.pxs-image-with-text-content-wrapper {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 36px;
+ text-align: center;
+}
+@media (max-width: 480px) {
+ .pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
+ align-items: center;
+ justify-content: center;
+ padding: 20px;
+ text-align: center;
+ }
+}
+
+.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-top {
+ align-items: flex-start;
+ padding-bottom: 100px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-top {
+ padding-bottom: 180px;
+ }
+}
+.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
+ padding: 60px 36px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
+ padding: 100px 36px;
+ }
+}
+.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-bottom {
+ align-items: flex-end;
+ padding-top: 100px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-bottom {
+ padding-top: 180px;
+ }
+}
+.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-x-left {
+ justify-content: flex-start;
+ text-align: left;
+}
+.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-x-right {
+ justify-content: flex-end;
+ text-align: right;
+}
+
+.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-top {
+ align-items: flex-start;
+ padding-bottom: 160px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-top {
+ padding-bottom: 280px;
+ }
+}
+.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
+ padding: 90px 36px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
+ padding: 150px 36px;
+ }
+}
+.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-bottom {
+ align-items: flex-end;
+ padding-top: 160px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-bottom {
+ padding-top: 280px;
+ }
+}
+.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-x-left {
+ justify-content: flex-start;
+ text-align: left;
+}
+.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-x-right {
+ justify-content: flex-end;
+ text-align: right;
+}
+
+.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-top {
+ align-items: flex-start;
+ padding-bottom: 220px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-top {
+ padding-bottom: 380px;
+ }
+}
+.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
+ padding: 120px 36px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
+ padding: 200px 36px;
+ }
+}
+.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-bottom {
+ align-items: flex-end;
+ padding-top: 220px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-bottom {
+ padding-top: 380px;
+ }
+}
+.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-x-left {
+ justify-content: flex-start;
+ text-align: left;
+}
+.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-x-right {
+ justify-content: flex-end;
+ text-align: right;
+}
+
+.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-top {
+ align-items: flex-start;
+ padding-bottom: -20px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-top {
+ padding-bottom: -20px;
+ }
+}
+.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-center {
+ padding: 0 36px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-center {
+ padding: 0 36px;
+ }
+}
+.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-bottom {
+ align-items: flex-end;
+ padding-top: -20px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-bottom {
+ padding-top: -20px;
+ }
+}
+.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-x-left {
+ justify-content: flex-start;
+ text-align: left;
+}
+.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-x-right {
+ justify-content: flex-end;
+ text-align: right;
+}
+
+.pxs-image-with-text-content {
+ width: 85%;
+ padding: 8px 0;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-content {
+ width: 60%;
+ padding: 12px 0;
+ }
+ .pxs-image-with-text-content-position-x-left .pxs-image-with-text-content, .pxs-image-with-text-content-position-x-right .pxs-image-with-text-content {
+ width: 45%;
+ }
+}
+
+.pxs-image-with-text-text-alignment-left {
+ text-align: left;
+}
+
+.pxs-image-with-text-text-alignment-center {
+ text-align: center;
+}
+
+.pxs-image-with-text-text-alignment-right {
+ text-align: right;
+}
+
+.pxs-image-with-text-heading,
+.pxs-image-with-text-subheading {
+ color: inherit;
+}
+@media (max-width: 480px) {
+ .pxs-image-with-text-section-height-original .pxs-image-with-text-heading,
+ .pxs-image-with-text-section-height-original .pxs-image-with-text-subheading {
+ color: #444444;
+ }
+}
+
+.pxs-image-with-text-heading {
+ margin-top: 0;
+ margin-bottom: 4px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-heading {
+ margin-bottom: 12px;
+ }
+}
+
+.pxs-image-with-text-subheading {
+ margin: 0;
+}
+.pxs-image-with-text-subheading p {
+ margin-top: 0;
+}
+.pxs-image-with-text-subheading p:last-child {
+ margin-bottom: 0;
+}
+
+.pxs-image-with-text-button {
+ margin-top: 20px;
+}
+@media (min-width: 720px) {
+ .pxs-image-with-text-button {
+ margin-top: 28px;
+ }
+}
+@media (min-width: 1024px) {
+ .pxs-image-with-text-button {
+ margin-top: 36px;
+ }
+}
+
+.pxs-image-with-text-link {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.pxs-image-with-text {
+ margin: 0 30px;
+}
+
+.pxs-map {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ margin-top: 50px;
+}
+@media (max-width: 770px) {
+ .pxs-map {
+ flex-wrap: wrap;
+ }
+}
+
+.pxs-map-wrapper {
+ position: relative;
+ width: 100%;
+ height: 280px;
+ padding: 0;
+ background-size: cover;
+}
+@media (min-width: 770px) {
+ .pxs-map-wrapper {
+ height: 400px;
+ }
+ .pxs-map-section-layout-x-outside-left .pxs-map-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-wrapper {
+ width: calc(50% - 10px);
+ }
+}
+.pxs-map-wrapper.pxs-map-wrapper-height-medium {
+ height: 350px;
+}
+@media (min-width: 770px) {
+ .pxs-map-wrapper.pxs-map-wrapper-height-medium {
+ height: 500px;
+ }
+}
+.pxs-map-wrapper.pxs-map-wrapper-height-large {
+ height: 420px;
+}
+@media (min-width: 770px) {
+ .pxs-map-wrapper.pxs-map-wrapper-height-large {
+ height: 600px;
+ }
+}
+.pxs-map-wrapper .pxs-map-image {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+ opacity: 0;
+}
+.pxs-map-wrapper .pxs-map-image[data-rimg=noscript] {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ object-fit: cover;
+}
+
+.pxs-map-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+.pxs-map-section-layout-x-outside-left .pxs-map-overlay, .pxs-map-section-layout-x-outside-right .pxs-map-overlay {
+ display: none;
+}
+@media (max-width: 770px) {
+ .pxs-map-overlay {
+ display: none;
+ }
+}
+
+.pxs-map-container {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+.pxs-map-error-message {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ padding: 20px;
+}
+.pxs-map-error-message p {
+ margin: 0;
+ text-align: center;
+}
+.pxs-map-error-message a {
+ color: inherit;
+}
+
+.pxs-map-card-wrapper {
+ width: 100%;
+}
+@media (max-width: 770px) {
+ .pxs-map-section-layout-mobile-above .pxs-map-card-wrapper {
+ order: -1;
+ margin-bottom: 20px;
+ }
+ .pxs-map-section-layout-mobile-below .pxs-map-card-wrapper {
+ margin-top: 20px;
+ }
+}
+@media (min-width: 770px) {
+ .pxs-map-card-wrapper {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ bottom: 20px;
+ left: 0;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ padding: 0 20px;
+ }
+ .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-card-wrapper {
+ position: static;
+ width: calc(50% - 10px);
+ padding: 0;
+ background-color: #fff;
+ }
+ .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper {
+ order: -1;
+ }
+ .pxs-map-section-layout-y-outside-center .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-center .pxs-map-card-wrapper {
+ align-items: center;
+ }
+ .pxs-map-section-layout-y-outside-bottom .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-bottom .pxs-map-card-wrapper {
+ align-items: flex-end;
+ }
+ .pxs-map-section-layout-x-overlay-center .pxs-map-card-wrapper {
+ justify-content: center;
+ }
+ .pxs-map-section-layout-x-overlay-right .pxs-map-card-wrapper {
+ justify-content: flex-end;
+ }
+}
+@media (min-width: 1280px) {
+ .pxs-map-card-wrapper {
+ top: 25px;
+ bottom: 25px;
+ padding: 0 25px;
+ }
+}
+
+.pxs-map-card {
+ width: 100%;
+ padding: 25px;
+ background-color: #fff;
+}
+@media (max-width: 770px) {
+ .pxs-map-card {
+ max-width: 100%;
+ }
+}
+@media (min-width: 770px) {
+ .pxs-map-card {
+ right: auto;
+ bottom: 25px;
+ left: 25px;
+ width: auto;
+ max-width: 40%;
+ min-width: 280px;
+ }
+ .pxs-map-section-layout-x-outside-left .pxs-map-card, .pxs-map-section-layout-x-outside-right .pxs-map-card {
+ width: 100%;
+ max-width: 100%;
+ }
+}
+
+.pxs-map-card-text-alignment-left {
+ text-align: left;
+}
+
+.pxs-map-card-text-alignment-center {
+ text-align: center;
+}
+
+.pxs-map-card-text-alignment-right {
+ text-align: right;
+}
+
+.pxs-map-card-heading {
+ margin: 0 0 26px;
+}
+
+.pxs-map-card-content p:last-child {
+ margin-bottom: 0;
+}
+
+.pxs-map {
+ margin: 0 30px;
+}
+
+.video-section--content-width {
+ max-width: 1260px;
+ padding: 0 30px 50px;
+ margin-right: auto;
+ margin-left: auto;
+}
+.video-section--content-width .video-section__wrapper:first-child {
+ margin-top: 50px;
+}
+
+@media (min-width: 1260px) {
+ .video-section--full-width {
+ width: 100vw;
+ margin-left: calc(-50vw + 630px);
+ }
+}
+
+.video-section__wrapper {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.video-section__wrapper.video-section__wrapper--aspect-ratio-16-9 {
+ padding-bottom: 56.25%;
+}
+.video-section__wrapper.video-section__wrapper--aspect-ratio-21-9 {
+ padding-bottom: 42.8571428571%;
+}
+
+.video-section__video {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ outline: none;
+}
+
+.video-section__video iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.video-section__overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+[data-video-transitioning=true] .video-section__overlay, [data-video-playing=true] .video-section__overlay {
+ pointer-events: none;
+ visibility: none;
+ opacity: 0;
+}
+
+.video-section__overlay-header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ padding: 0.5rem;
+ margin: auto;
+ text-align: center;
+ background-color: var(--overlay-color);
+}
+.video-section__overlay-header.video-section__overlay-header--text-position-below-button .video-section__overlay-heading, .video-section__overlay-header.video-section__overlay-header--text-position-below-button .video-section__overlay-subheading {
+ order: 2;
+}
+[data-video-transitioning=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header, [data-video-playing=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header {
+ opacity: 0;
+ transition: opacity 200ms ease-in-out;
+}
+[data-video-playing=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header {
+ z-index: 0;
+}
+
+.video-section__overlay-image {
+ object-fit: cover;
+ width: 100%;
+ height: 100%;
+}
+
+.video-section__overlay-image-wrapper {
+ height: 100%;
+}
+[data-video-transitioning=true] .video-section__overlay-image-wrapper, [data-video-playing=true] .video-section__overlay-image-wrapper {
+ opacity: 0;
+ transition: opacity 200ms ease-in-out;
+}
+[data-video-playing=true] .video-section__overlay-image-wrapper {
+ z-index: 0;
+}
+
+.video-section__play-button {
+ position: relative;
+ width: 50px;
+ height: 50px;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ border: 0;
+ border-radius: 25px;
+ outline: none;
+}
+[data-video-transitioning=true] .video-section__play-button, [data-video-playing=true] .video-section__play-button {
+ opacity: 0;
+ transition: opacity 200ms ease-in-out;
+}
+[data-video-playing=true] .video-section__play-button {
+ display: none;
+}
+.video-section__play-button .video-section__play-icon svg path {
+ fill: currentColor;
+}
+
+.video-section__play-button--primary {
+ color: #ffffff;
+ background-color: var(--shopify-editor-setting-accent-color);
+}
+
+.video-section__play-button-text {
+ display: none;
+}
+
+.video-section__play-icon svg {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: block;
+ width: 10px;
+ height: auto;
+ margin-left: 2px;
+ color: inherit;
+ opacity: 1;
+ transform: translate(-50%, -50%);
+}
+[data-video-loading=true] .video-section__play-icon {
+ opacity: 0;
+ transition: opacity 200ms ease-in-out;
+}
+
+.video-section__loading-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: block;
+ opacity: 0;
+ transform: translate(-50%, -50%);
+}
+[data-video-loading=true] .video-section__loading-icon {
+ opacity: 1;
+ transition: opacity 200ms ease-in-out;
+}
+
+.video-section__overlay-heading {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin: 20px 0;
+ font-size: 2.5rem;
+ line-height: 1.25;
+ color: var(--overlay-text-color);
+}.video-section__overlay-heading {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }@media (max-width: 769px) {
+ .video-section__overlay-heading {
+ font-size: 1.875rem;
+ }
+}
+
+.video-section__overlay-subheading {
+ margin-bottom: 20px;
+ font-size: 1.25rem;
+ color: var(--overlay-text-color);
+}
+@media (max-width: 769px) {
+ .video-section__overlay-subheading {
+ display: none;
+ font-size: 1.125rem;
+ }
+}
+
+.video-section__overlay-subheading p {
+ max-width: 640px;
+ margin-right: auto;
+ margin-left: auto;
+}
+.video-section__overlay-subheading p:first-child {
+ margin-top: 0;
+}
+.video-section__overlay-subheading p:last-child {
+ margin-bottom: 0;
+}
+
+.pxs-newsletter-section {
+ position: relative;
+ width: 100%;
+}
+.pxs-newsletter-section .newsletter-success {
+ font-weight: bold;
+ text-align: center;
+}
+
+.pxs-newsletter {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ max-width: 100%;
+ padding: 50px 0 20px;
+ margin: 0 auto;
+}
+@media screen and (max-width: 680px) {
+ .pxs-newsletter {
+ flex-direction: column;
+ }
+}
+@media (min-width: 1080px) {
+ .pxs-newsletter {
+ max-width: 100%;
+ padding-top: 68px;
+ }
+}
+
+.pxs-newsletter-figure {
+ position: relative;
+ flex-shrink: 1;
+ order: 0;
+ margin: 0;
+ background-size: cover;
+}
+@media screen and (max-width: 680px) {
+ .pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
+ order: 1;
+ }
+}
+@media screen and (min-width: 680px) {
+ .pxs-newsletter-desktop-alignment-right .pxs-newsletter-figure {
+ order: 1;
+ }
+}
+
+.pxs-newsletter-content {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ order: 0;
+ padding: 0 20px;
+}
+@media screen and (min-width: 680px) {
+ .pxs-newsletter-content {
+ padding: 0 50px;
+ }
+}
+
+.pxs-newsletter-image {
+ display: block;
+ width: 100%;
+ opacity: 0;
+}
+.pxs-newsletter-image[data-rimg=noscript] {
+ opacity: 1;
+}
+
+.pxs-newsletter-header {
+ margin: 0 auto;
+ text-align: center;
+}
+@media (min-width: 680px) {
+ .pxs-newsletter-header {
+ max-width: 80%;
+ }
+}
+
+.pxs-newsletter-heading {
+ margin-top: 0;
+ margin-bottom: 12px;
+}
+
+.pxs-newsletter-text {
+ margin-top: 0;
+ margin-bottom: 36px;
+}
+
+.pxs-newsletter-form .contact-form {
+ margin: 0;
+}
+
+.pxs-newsletter-form-fields {
+ display: flex;
+ align-items: stretch;
+ justify-content: center;
+}
+
+.pxs-newsletter-form-label {
+ display: none;
+}
+
+.pxs-newsletter-form-input {
+ height: 100%;
+ margin: 0;
+}
+
+.pxs-newsletter-form-button {
+ height: 100%;
+}
+
+.pxs-newsletter {
+ padding: 0;
+ align-items: stretch;
+ justify-content: space-between;
+ margin: 0 30px;
+}
+
+.pxs-newsletter-figure,
+.pxs-newsletter-content {
+ border: 1px solid #e4e4e4;
+}
+
+.pxs-newsletter-content {
+ width: 100%;
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+@media (min-width: 770px) {
+ .pxs-newsletter-content {
+ padding-top: 50px;
+ padding-bottom: 50px;
+ }
+}
+
+@media (min-width: 770px) {
+ .pxs-newsletter-figure {
+ width: 50%;
+ }
+ .pxs-newsletter-figure + .pxs-newsletter-content {
+ width: 50%;
+ }
+}
+
+@media (max-width: 769px) {
+ .pxs-newsletter-mobile-alignment-top .pxs-newsletter-figure {
+ border-bottom: 0;
+ }
+ .pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
+ border-top: 0;
+ }
+}
+@media (min-width: 770px) {
+ .pxs-newsletter-desktop-alignment-left .pxs-newsletter-figure {
+ border-right: 0;
+ }
+ .pxs-newsletter-desktop-alignment-right .pxs-newsletter-figure {
+ border-left: 0;
+ }
+}
+
+.pxs-newsletter-heading {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin-bottom: 17px;
+}
+@media (min-width: 770px) {
+ .pxs-newsletter-heading {
+ margin-bottom: 28px;
+ }
+}
+
+.pxs-newsletter-text {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin-bottom: 20px;
+ font-size: 1.1428571429rem;
+}
+@media (min-width: 770px) {
+ .pxs-newsletter-text {
+ margin-bottom: 32px;
+ }
+}
+
+.custom-liquid__wrapper {
+ display: flex;
+ margin: 0 30px;
+}
+
+.predictive-search-results {
+ position: relative;
+ display: grid;
+ grid-template-columns: 1fr;
+ row-gap: 30px;
+}
+.predictive-search-results.predictive-search-results--multi-column {
+ grid-template-columns: 1fr 1fr;
+ gap: 30px;
+}
+@media (max-width: 769px) {
+ .predictive-search-results.predictive-search-results--multi-column {
+ grid-template-columns: 1fr;
+ }
+}
+[data-loading=true] .predictive-search-results {
+ display: none;
+}
+
+.predictive-search-heading {
+ padding-bottom: 8px;
+ margin: 0;
+ font-size: 14px;
+ border-bottom: 1px solid #e4e4e4;
+}
+.predictive-search-heading + .predictive-search-results-list {
+ margin-top: 12px;
+}
+
+.predictive-search-results-list {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ margin: 0;
+ word-break: break-word;
+ list-style: none;
+}
+
+.predictive-search-results-list__item-result {
+ display: block;
+ color: #000000;
+}
+.predictive-search-query-suggestions .predictive-search-results-list__item-result mark {
+ color: inherit;
+ background: none;
+}
+.predictive-search-query-suggestions .predictive-search-results-list__item-result span {
+ font-weight: bold;
+}
+
+.predictive-search-results-list__item-result-container {
+ display: flex;
+ gap: 18px;
+}
+
+.predictive-search-results-list__product-item-image-container {
+ flex: 0 0 80px;
+}
+
+.predictive-search-results-list__product-item-content {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ color: #444444;
+}
+.predictive-search-results-list__product-item-vendor {
+ font-size: 13px;
+}
+
+.predictive-search-results-list__product-item-heading {
+ margin: 0;
+ font-size: 15px;
+ text-transform: none;
+ letter-spacing: 0;
+}
+
+.predictive-search-results-list__product-item-price {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+ margin: 0;
+ font-size: 14px;
+}
+.predictive-search-results-list__product-item-price .original {
+ color: #a2a2a2;
+ text-decoration: line-through;
+}
+
+.predictive-search-no-results,
+.predictive-search-query-suggestions {
+ grid-column: span 2;
+}
+@media (max-width: 769px) {
+ .predictive-search-no-results,
+ .predictive-search-query-suggestions {
+ grid-column: span 1;
+ }
+}
+
+.predictive-search-no-results__text {
+ text-align: center;
+}
+
+.predictive-search-footer {
+ position: sticky;
+ bottom: 0;
+ grid-column: span 2;
+ padding: 20px 0;
+ margin-top: -20px; /* Account for grid-gap and sticky footer button */
+ background-color: #ffffff;
+}
+@media (max-width: 769px) {
+ .predictive-search-footer {
+ grid-column: span 1;
+ }
+}
+
+.predictive-search-footer__button {
+ width: 100%;
+ word-break: break-word;
+}
+
+/* Static sections */
+.template-cart .main-content {
+ margin-bottom: 65px;
+}
+.template-cart .empty {
+ padding: 0 30px;
+ text-align: center;
+ word-wrap: break-word;
+}
+
+.cart-form {
+ max-width: 1260px;
+ margin: 40px auto;
+ padding: 0 30px;
+}
+
+.cart-items {
+ width: 100%;
+ border-top: 1px solid #e4e4e4;
+ transition: height 0.3s ease-in;
+}
+.cart-items.empty {
+ height: 0;
+ overflow: hidden;
+}
+@media (max-width: 769px) {
+ .cart-items thead {
+ display: none;
+ }
+}
+.cart-items th,
+.cart-items td {
+ padding: 30px 2vw;
+ border: 0;
+}
+.cart-items td.first {
+ padding-left: 30px;
+}
+@media (max-width: 769px) {
+ .cart-items td {
+ padding: 30px 5vw;
+ }
+ .cart-items td.first {
+ padding: 30px 5vw;
+ }
+}
+.cart-items th {
+ padding: 20px 30px 20px 0;
+ font-size: 0.8571428571rem;
+ text-align: right;
+ border-bottom: 1px solid #e4e4e4;
+}
+.cart-items th.first {
+ text-align: left;
+ padding-left: 30px;
+}
+
+.cart-item {
+ transition: opacity 0.3s ease-in, height 0.3s ease-in;
+}
+.cart-item.removing {
+ opacity: 0;
+}
+.cart-item .removed {
+ text-align: center;
+}
+@media (max-width: 769px) {
+ .cart-item.first .product-item,
+ .cart-item.first .remove {
+ border-top: 0;
+ }
+}
+.cart-item .product-item {
+ position: relative;
+ width: 50%;
+ font-size: 0;
+ padding-right: 0;
+}
+@media (max-width: 769px) {
+ .cart-item .product-item {
+ display: block;
+ border-top: 1px solid #e4e4e4;
+ width: 100%;
+ padding: 30px 30px 12px;
+ }
+ .lt-ie10 .cart-item .product-item {
+ float: left;
+ }
+}
+.cart-item .image,
+.cart-item .product-item-details {
+ display: inline-block;
+ vertical-align: middle;
+ font-size: 1rem;
+}
+.cart-item .image {
+ width: 25%;
+}
+@media (max-width: 769px) {
+ .cart-item .image {
+ width: 50%;
+ }
+}
+@media (max-width: 769px) {
+ .cart-item .image img {
+ float: left;
+ width: 100%;
+ }
+}
+.cart-item .product-item-details {
+ width: 75%;
+ padding: 0 30px 0 20px;
+}
+@media (max-width: 769px) {
+ .cart-item .product-item-details {
+ width: 50%;
+ padding: 0 0px 0 5vw;
+ }
+}
+.cart-item .product-item-details span {
+ display: block;
+}
+.cart-item .original-price {
+ display: block;
+ color: #848484;
+}
+.cart-item .original-price ~ .final-price {
+ color: #b08212;
+}
+.cart-item .cart-item-discounts {
+ color: #b08212;
+ margin: 0;
+ line-height: 1.4;
+}
+.cart-item .cart-item-discounts svg {
+ color: #b08212;
+ margin-right: 4px;
+ height: 0.7142857143rem;
+ width: 0.7142857143rem;
+}
+.cart-item .cart-item-discounts .cart-item-discount {
+ margin-top: 7px;
+}
+.cart-item .price {
+ width: 20%;
+}
+.cart-item .quantity,
+.cart-item .total {
+ width: 15%;
+}
+@media (max-width: 769px) {
+ .cart-item .quantity:before {
+ align-self: center;
+ }
+}
+.cart-item .price,
+.cart-item .quantity,
+.cart-item .total {
+ padding-left: 0;
+ text-align: right;
+}
+@media (max-width: 769px) {
+ .cart-item .price,
+ .cart-item .quantity,
+ .cart-item .total {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ padding: 10px 5vw;
+ text-align: right;
+ }
+ .lt-ie10 .cart-item .price,
+ .lt-ie10 .cart-item .quantity,
+ .lt-ie10 .cart-item .total {
+ float: left;
+ }
+ .cart-item .price:before,
+ .cart-item .quantity:before,
+ .cart-item .total:before {
+ flex: 1;
+ text-align: left;
+ margin-right: 20px;
+ color: #000000;
+ }
+ .cart-item .price .price-container,
+ .cart-item .quantity .price-container,
+ .cart-item .total .price-container {
+ flex: 1;
+ }
+ .cart-item .price .price-container .cart-item-discounts,
+ .cart-item .quantity .price-container .cart-item-discounts,
+ .cart-item .total .price-container .cart-item-discounts {
+ margin-top: 0;
+ }
+ .cart-item .price input,
+ .cart-item .quantity input,
+ .cart-item .total input {
+ width: 68px;
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+}
+@media (max-width: 769px) {
+ .cart-item .price:before,
+ .cart-item .quantity:before,
+ .cart-item .total:before {
+ content: attr(data-title);
+ }
+ .cart-item .price .price-container,
+ .cart-item .total .price-container {
+ display: inline-grid;
+ justify-items: flex-end;
+ }
+ .cart-item .price .cart-item-discounts,
+ .cart-item .total .cart-item-discounts {
+ margin-top: 15px;
+ }
+ .cart-item .total {
+ padding-bottom: 30px;
+ }
+}
+.cart-item .quantity input {
+ display: inline-block;
+ width: 68px;
+ text-align: center;
+}
+.cart-item .remove {
+ position: absolute;
+ top: 30px;
+ font-size: 0.7142857143rem;
+ color: #8a8a8a;
+ cursor: pointer;
+ -webkit-font-smoothing: antialiased;
+}
+@media (min-width: 770px) {
+ .cart-item .remove {
+ left: 10px;
+ }
+}
+@media (max-width: 769px) {
+ .cart-item .remove {
+ top: 12px;
+ right: 10px;
+ }
+}
+
+.cart-brand {
+ font-size: 0.8571428571rem;
+}.cart-brand a {
+ color: #8a8a8a;
+}
+
+.cart-title {
+ margin: 5px 0;
+ font-size: 1.1428571429rem;
+}
+@media (max-width: 769px) {
+ .cart-title {
+ line-height: 1.4;
+ }
+}
+
+@media (max-width: 769px) {
+ .cart-variant {
+ line-height: 1.4;
+ }
+}
+
+.cart-item-properties {
+ margin-top: 5px;
+ font-size: 1rem;
+ color: #444444;
+ word-break: break-word;
+}
+
+@media (max-width: 769px) {
+ .cart-item-property {
+ margin-top: 5px;
+ }
+}
+
+.cart-item-property-label,
+.cart-item-property-value {
+ display: inline !important;
+}
+
+.cart-undo {
+ cursor: pointer;
+ color: #b08212;
+}
+
+.cart-tools {
+ margin-top: 40px;
+ font-size: 0;
+}
+
+.cart-instructions,
+.cart-totals {
+ display: inline-block;
+ vertical-align: top;
+ font-size: 1rem;
+}
+
+.cart-instructions {
+ width: 50%;
+}
+@media (max-width: 769px) {
+ .cart-instructions {
+ width: 100%;
+ }
+}
+.cart-instructions h2 {
+ margin: 0 0 20px;
+ font-size: 1rem;
+}
+.cart-instructions textarea {
+ width: 100%;
+ max-width: 100%;
+}
+
+.cart-totals {
+ width: 100%;
+ text-align: right;
+}
+.has-special-instructions .cart-totals {
+ padding-left: 40px;
+ width: 50%;
+}
+.has-special-instructions .cart-totals .cart-discount {
+ margin-left: 0;
+}
+@media (max-width: 769px) {
+ .has-special-instructions .cart-totals {
+ padding-left: 0px;
+ width: 100%;
+ }
+}
+.cart-totals .cart-discount {
+ display: flex;
+ flex-direction: row;
+ margin-bottom: 10px;
+ margin-left: 50%;
+ line-height: 1.4;
+ color: #b08212;
+}
+@media (max-width: 769px) {
+ .cart-totals .cart-discount {
+ margin-left: 20%;
+ }
+}
+.cart-totals .cart-discount .cart-discount-title {
+ flex: 3;
+ padding: 0 10px 10px 0;
+}
+.cart-totals .cart-discount .cart-discount-title svg {
+ margin-right: 3px;
+ height: 0.7142857143rem;
+ width: 0.7142857143rem;
+}
+.cart-totals .cart-discount .cart-discount-price {
+ padding-left: 10px;
+ text-align: right;
+}
+@media (max-width: 769px) {
+ .cart-totals {
+ width: 100%;
+ padding: 0;
+ margin-top: 40px;
+ }
+}
+
+.cart-price {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin: 0;
+ font-size: 2.1428571429rem;
+ line-height: 1;
+ color: #000000;
+}
+
+.cart-message {
+ margin: 8px 0 0;
+}
+
+.cart-buttons-container {
+ display: flex;
+ justify-content: flex-end;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+.cart-buttons-container .button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.cart-checkout {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: 10px;
+}
+.cart-checkout svg {
+ width: 16px;
+ height: 16px;
+ margin: -10px 10px -10px 0;
+}
+
+@media (max-width: 769px) {
+ .cart-buttons-container {
+ display: block;
+ }
+ .cart-buttons-container .button {
+ width: 100%;
+ }
+ .cart-buttons-container .cart-checkout {
+ margin-top: 10px;
+ margin-left: 0px;
+ }
+}
+.cart-shipping-calculator {
+ max-width: 1260px;
+ padding: 0 30px;
+ margin: 0 auto;
+ font-size: 0;
+}
+.cart-shipping-calculator h2 {
+ margin: 0 0 20px;
+ font-size: 1rem;
+}
+.cart-shipping-calculator label {
+ display: block;
+ margin: 20px 0 10px;
+}
+.cart-shipping-calculator .get-rates {
+ margin-top: 24px;
+}
+.cart-shipping-calculator .wrapper-setup,
+.cart-shipping-calculator .cart-shipping-calculator-response {
+ display: inline-block;
+ vertical-align: top;
+ font-size: 1rem;
+}
+@media (max-width: 539px) {
+ .cart-shipping-calculator .wrapper-setup,
+ .cart-shipping-calculator .cart-shipping-calculator-response {
+ width: 100%;
+ padding: 0;
+ }
+}
+.cart-shipping-calculator .wrapper-setup {
+ width: 340px;
+}
+@media (max-width: 1079px) {
+ .cart-shipping-calculator .wrapper-setup {
+ width: 300px;
+ }
+}
+@media (max-width: 769px) {
+ .cart-shipping-calculator .wrapper-setup {
+ max-width: 300px;
+ }
+}
+.no-js .cart-shipping-calculator {
+ display: none;
+}
+
+.cart-shipping-calculator-response {
+ padding-left: 40px;
+ width: 400px;
+}
+@media (max-width: 1079px) {
+ .cart-shipping-calculator-response {
+ width: 370px;
+ }
+}
+@media (max-width: 769px) {
+ .cart-shipping-calculator-response {
+ padding-left: 0;
+ max-width: 370px;
+ }
+}
+
+.shopify-apple-pay-button {
+ margin-left: 0 !important;
+ margin-right: 10px !important;
+ vertical-align: top;
+}
+
+.zip-code {
+ max-width: 220px;
+}
+
+.additional-checkout-buttons {
+ display: flex;
+ justify-content: flex-end;
+}
+@media (max-width: 769px) {
+ .additional-checkout-buttons {
+ display: inline-block;
+ width: 100%;
+ }
+}
+
+[data-shopify-buttoncontainer] {
+ justify-content: flex-end;
+}
+@media (max-width: 769px) {
+ [data-shopify-buttoncontainer] {
+ justify-content: center;
+ }
+}
+
+.main-footer {
+ max-width: 1260px;
+ margin: 0 auto 30px;
+ padding: 0 30px;
+ font-size: 0;
+}
+@media (max-width: 1079px) {
+ .main-footer {
+ border-top: 1px solid #e4e4e4;
+ padding: 0;
+ }
+}
+.main-footer .section-title {
+ margin: 0 0 20px;
+ font-size: 1.1428571429rem;
+}.main-footer .section-title {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.main-footer a {
+ color: #000000;
+}
+
+.masonry-features-wrapper + .main-footer {
+ border: 0;
+}
+.masonry-features-wrapper + .main-footer .upper-footer {
+ border: 0;
+}
+
+.upper-footer {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 40px 0 50px;
+ border-top: 1px solid #e4e4e4;
+}
+@media (max-width: 1079px) {
+ .upper-footer {
+ border: 0;
+ padding: 40px 30px;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer > *:last-child {
+ margin-bottom: 0;
+ }
+}
+.upper-footer a:hover {
+ color: #444444;
+}
+
+.upper-footer-item {
+ flex-basis: auto;
+ flex-grow: 1;
+ width: auto;
+ max-width: 20%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-item-count-1 .upper-footer-item {
+ max-width: 100%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-item-count-1 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-item-count-1 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-has-newsletter .upper-footer-item-count-1 .upper-footer-item {
+ max-width: 100%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-1 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-1 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-item-count-2 .upper-footer-item {
+ max-width: 50%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-item-count-2 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-item-count-2 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-has-newsletter .upper-footer-item-count-2 .upper-footer-item {
+ max-width: 74%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-2 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-2 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-item-count-3 .upper-footer-item {
+ max-width: 33.33%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-item-count-3 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-item-count-3 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-has-newsletter .upper-footer-item-count-3 .upper-footer-item {
+ max-width: 37%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-3 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-3 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-item-count-4 .upper-footer-item {
+ max-width: 25%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-item-count-4 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-item-count-4 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-has-newsletter .upper-footer-item-count-4 .upper-footer-item {
+ max-width: 24.67%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-4 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-4 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-item-count-5 .upper-footer-item {
+ max-width: 20%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-item-count-5 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-item-count-5 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+.upper-footer-has-newsletter .upper-footer-item-count-5 .upper-footer-item {
+ max-width: 18.5%;
+}
+@media (max-width: 1079px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-5 .upper-footer-item {
+ max-width: 25%;
+ }
+}
+@media (max-width: 769px) {
+ .upper-footer-has-newsletter .upper-footer-item-count-5 .upper-footer-item {
+ max-width: 100%;
+ }
+}
+
+.footer-linklist {
+ display: inline-block;
+ vertical-align: top;
+ padding-right: 30px;
+ font-size: 1rem;
+}
+@media (max-width: 1079px) {
+ .footer-linklist {
+ width: 22%;
+ }
+}
+@media (max-width: 769px) {
+ .footer-linklist {
+ width: 100%;
+ text-align: center;
+ margin-bottom: 40px;
+ padding: 0;
+ }
+}
+.footer-linklist ul {
+ margin: 0;
+ padding: 0;
+}
+.footer-linklist .social-link svg {
+ width: 16px;
+ height: 16px;
+ vertical-align: text-bottom;
+}
+
+.footer-blurb {
+ display: inline-block;
+ vertical-align: top;
+ padding-right: 30px;
+ font-size: 1rem;
+ color: #000000;
+ word-wrap: break-word;
+}
+@media (max-width: 1079px) {
+ .footer-blurb {
+ width: 34%;
+ }
+}
+@media (max-width: 769px) {
+ .footer-blurb {
+ width: 100%;
+ text-align: center;
+ margin-bottom: 40px;
+ padding: 0;
+ }
+}
+.footer-blurb a {
+ color: #b08212;
+}
+.footer-blurb a:hover {
+ color: #eec154;
+}
+
+.mailing-list {
+ display: inline-block;
+ max-width: 305px;
+ width: 26%;
+ padding-right: 30px;
+ font-size: 1rem;
+}
+@media (max-width: 1079px) {
+ .mailing-list {
+ float: none;
+ margin: 40px auto;
+ text-align: center;
+ width: 100%;
+ max-width: 100%;
+ padding-right: 0;
+ }
+}
+.mailing-list form {
+ position: relative;
+ font-size: 0;
+ max-width: 380px;
+ margin: 0 auto;
+}
+.mailing-list .section-title {
+ letter-spacing: 0;
+}.mailing-list .section-title {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.mailing-list-success,
+.mailing-list-error {
+ display: block;
+ margin: 5px 0;
+ font-size: 1rem;
+ text-align: left;
+}
+
+.mailing-list-input {
+ position: relative;
+ text-align: left;
+}
+
+input.mailing-list-email {
+ display: inline-block;
+ vertical-align: top;
+ height: 39px;
+ margin: 5px 0;
+ padding: 9px 101px 9px 12px;
+ font-size: 1rem;
+}
+input.mailing-list-email::placeholder {
+ color: #444444;
+}
+
+.mailing-list-submit {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: auto;
+ height: 39px;
+}
+.mailing-list-submit .submit {
+ width: auto;
+ height: 39px;
+ margin: 0;
+ padding: 1px 10px 0;
+ font-size: 0.9285714286rem;
+ line-height: 39px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}.mailing-list-submit .submit {
+ font-size: 0.8571428571rem;
+ }.subfooter {
+ margin-top: 40px;
+ font-size: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 25px;
+}
+@media (min-width: 1080px) {
+ .subfooter {
+ padding-top: 25px;
+ gap: 20px;
+ border-top: 1px solid #e4e4e4;
+ }
+}
+.subfooter:first-child {
+ margin-top: 30px;
+}
+.upper-footer ~ .subfooter {
+ border-top: 0;
+ padding-top: 0;
+}
+@media (max-width: 1079px) {
+ .subfooter {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+}
+
+.sub-footer__row {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 20px;
+}
+@media (max-width: 1079px) {
+ .sub-footer__row {
+ gap: 25px;
+ }
+}
+@media (max-width: 769px) {
+ .sub-footer__row {
+ flex-direction: column-reverse;
+ text-align: center;
+ }
+}
+.sub-footer__row > :nth-child(1) {
+ flex: 1 1 50%;
+}
+@media (max-width: 769px) {
+ .sub-footer__row > :nth-child(1) {
+ flex: initial;
+ }
+}
+.sub-footer__row > :nth-child(2) {
+ margin-left: auto;
+ text-align: right;
+}
+@media (max-width: 769px) {
+ .sub-footer__row > :nth-child(2) {
+ margin-inline: auto;
+ text-align: center;
+ }
+}
+.subfooter--layout-column .sub-footer__row {
+ align-items: flex-end;
+}
+@media (max-width: 1079px) {
+ .subfooter--layout-column .sub-footer__row {
+ flex-direction: column-reverse;
+ align-items: center;
+ }
+ .subfooter--layout-column .sub-footer__row > :nth-child(1) {
+ flex: initial;
+ }
+ .subfooter--layout-column .sub-footer__row > :nth-child(2) {
+ margin-inline: auto;
+ text-align: center;
+ }
+}
+@media (max-width: 1079px) {
+ .subfooter--layout-copyright-only .sub-footer__row {
+ text-align: center;
+ }
+}
+
+.sub-footer-right {
+ font-size: 1rem;
+}
+.sub-footer-right .shopify-cross-border {
+ justify-content: center;
+ gap: 5px;
+}
+@media (min-width: 770px) {
+ .sub-footer-right .shopify-cross-border {
+ justify-content: flex-end;
+ }
+}
+
+@media (min-width: 770px) {
+ .sub-footer__row--first .sub-footer-right > :nth-child(1) {
+ display: flex;
+ justify-content: flex-end;
+ }
+}
+.sub-footer__row--first .sub-footer-right > :nth-child(2):not(:only-child) {
+ display: none;
+}
+.sub-footer__row--first .sub-footer-right--selectors-only {
+ display: none;
+}
+@media (max-width: 769px) {
+ .sub-footer__row--first .sub-footer-right--selectors-only {
+ display: block;
+ }
+}
+.sub-footer__row--first .sub-footer-right--payments-only {
+ display: none;
+}
+
+@media (min-width: 770px) {
+ .sub-footer__row--second .sub-footer-right > :nth-child(1) {
+ display: flex;
+ justify-content: flex-end;
+ }
+}
+.sub-footer__row--second .sub-footer-right > :nth-child(1):not(:only-child) {
+ display: none;
+}
+.sub-footer__row--second .sub-footer-right--selectors-only {
+ display: block;
+}
+@media (max-width: 769px) {
+ .sub-footer__row--second .sub-footer-right--selectors-only {
+ display: none;
+ }
+}
+.sub-footer__row--second .sub-footer-right--payments-only {
+ display: block;
+}
+
+.copyright-wrapper {
+ margin: 0;
+ font-size: 1rem;
+ word-break: break-word;
+ color: #737373;
+ -webkit-font-smoothing: antialiased;
+}
+.copyright-wrapper p {
+ margin: 0;
+}
+
+.subfooter__payment-types {
+ margin-top: -5px;
+ margin-left: -5px;
+}
+.subfooter__payment-types svg {
+ display: inline-block;
+ width: 41px;
+ height: 26px;
+ margin-top: 5px;
+ margin-left: 5px;
+ color: #e4e4e4;
+}
+
+.shopify-localization-form {
+ margin: 0;
+}
+.shopify-localization-form .selectors-form__item {
+ display: inline-block;
+}
+.no-js .shopify-localization-form .selectors-form--no-js-hidden {
+ display: none;
+}
+noscript .shopify-localization-form {
+ margin-right: 2px;
+ margin-left: 2px;
+}
+noscript .shopify-localization-form .disclosure__submit {
+ color: #b08212;
+ background-color: #e2ded0;
+ border-radius: 2px;
+}
+noscript .shopify-localization-form .disclosure__submit:hover {
+ color: #b08212;
+ background: ;
+}
+noscript .shopify-localization-form .disclosure__toggle {
+ position: relative;
+}
+noscript .shopify-localization-form .disclosure-list {
+ right: 0;
+ z-index: 1;
+ padding: 1rem;
+}
+noscript .shopify-localization-form .disclosure-list__item--label {
+ margin: 0 0 0 5px;
+}
+
+.main-header {
+ position: relative;
+ z-index: 5000;
+ font-size: 0;
+ background-color: #ffffff;
+}
+.header-border .main-header {
+ border-bottom: 1px solid #e4e4e4;
+}
+
+.header-main-content {
+ position: relative;
+ display: block;
+ padding-right: 30px;
+ padding-left: 30px;
+ font-size: 0;
+ transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.header-content-width .header-main-content {
+ max-width: 1260px;
+ margin: 0 auto;
+}
+
+.header-layout-default .navigation-wrapper {
+ display: block;
+ width: 100%;
+}
+@media (min-width: 1080px) {
+ .header-layout-default .header-content-right {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ }
+ .header-layout-default .header-content-right.sticky-header {
+ position: relative;
+ }
+ .header-layout-default .header-branding .logo-link {
+ max-width: 200px;
+ }
+}
+
+@media (min-width: 1080px) {
+ .header-layout-compact-left .header-content-right {
+ position: relative;
+ max-width: 100%;
+ }
+ .header-layout-compact-left .header-branding-desktop,
+ .header-layout-compact-left .navigation-wrapper,
+ .header-layout-compact-left .header-content-right {
+ display: inline-block;
+ vertical-align: middle;
+ }
+ .header-layout-compact-left .header-branding-desktop,
+ .header-layout-compact-left .header-content-right {
+ width: 200px;
+ }
+ .header-layout-compact-left .navigation-wrapper {
+ width: calc(100% - 400px);
+ }
+ .header-layout-compact-left .header-branding-desktop {
+ text-align: left;
+ }
+}
+
+@media (min-width: 1080px) {
+ .header-layout-compact-center {
+ position: relative;
+ }
+ .header-layout-compact-center .header-main-content {
+ vertical-align: middle;
+ }
+ .header-layout-compact-center .header-branding-desktop {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: inline-block;
+ width: auto;
+ padding-top: 0;
+ padding-bottom: 0;
+ transform: translateX(-50%) translateY(-50%);
+ transition-delay: 0s;
+ }
+ .header-layout-compact-center .header-branding .logo-link {
+ max-width: 200px;
+ }
+ .header-layout-compact-center .header-content-right {
+ position: absolute;
+ top: 50%;
+ right: 30px;
+ transform: translateY(-50%);
+ }
+ .header-layout-compact-center .navigation-wrapper {
+ display: inline-block;
+ width: calc(50% - 100px);
+ }
+ .header-layout-compact-center .navigation.navigation-desktop {
+ text-align: left;
+ }
+ .header-layout-compact-center .mega-nav,
+ .header-layout-compact-center .navigation-menu {
+ margin-left: -25px;
+ }
+ .header-layout-compact-center .mega-nav {
+ left: 0;
+ transform: translateX(0);
+ }
+}
+
+.header-branding {
+ position: relative;
+ padding: 20px 0;
+ font-size: 0;
+}
+@media (max-width: 769px) {
+ .header-branding {
+ padding: 36px 0;
+ }
+}
+
+.header-branding-mobile {
+ display: block;
+ padding-right: 30px;
+ padding-left: 30px;
+ text-align: center;
+ border-bottom: 1px solid #e4e4e4;
+}
+@media (min-width: 1080px) {
+ .header-branding-mobile {
+ display: none;
+ }
+}
+.header-branding-mobile .logo-link {
+ display: inline-block;
+ max-width: 200px;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.header-branding-desktop {
+ z-index: 100;
+ display: block;
+ width: 100%;
+ text-align: center;
+}
+@media (max-width: 1079px) {
+ .header-search-expanded-closing .header-branding-desktop {
+ transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ }
+ .header-logo-covered .header-branding-desktop {
+ opacity: 0;
+ transform: translateX(-40px);
+ transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ }
+ .header-branding-desktop {
+ width: calc(100% - 80px);
+ margin: 0 auto;
+ }
+ .header-search-expanded .header-branding-desktop {
+ z-index: 50;
+ }
+}
+@media (min-width: 1080px) {
+ .header-branding-desktop {
+ padding-top: 30px;
+ padding-bottom: 15px;
+ }
+ .header-layout-compact-center .header-branding-desktop, .header-layout-compact-left .header-branding-desktop {
+ padding-top: 25px;
+ padding-bottom: 25px;
+ }
+}
+.header-branding-desktop .navigation-toggle-close {
+ display: none;
+}
+
+.header-content-left {
+ position: absolute;
+ top: 50%;
+ left: 30px;
+ z-index: 100;
+ display: inline-block;
+ text-align: left;
+ transform: translateY(-50%);
+}
+@media (min-width: 1080px) {
+ .header-content-left {
+ display: none;
+ }
+}
+
+.header-content-right {
+ z-index: 100;
+ display: inline-block;
+ text-align: right;
+}
+@media (max-width: 1079px) {
+ .header-content-right {
+ position: absolute;
+ top: 50%;
+ right: 30px;
+ display: block;
+ width: 40px;
+ transform: translateY(-50%);
+ }
+}
+@media (min-width: 1080px) {
+ .header-content-right {
+ display: flex;
+ justify-content: flex-end;
+ width: 33.3333333333%;
+ }
+}
+.header-content-right .search-toggle {
+ padding: 0.5rem;
+ background: none;
+ border: none;
+}
+@media (min-width: 1080px) {
+ .header-content-right .search-toggle {
+ display: none;
+ }
+}
+
+.product-recommendations-wrapper--section {
+ margin-right: 10px;
+ margin-left: 10px;
+ clear: both;
+ font-size: 0;
+}
+.product-recommendations-wrapper--section::before {
+ display: block;
+ padding-top: 1px;
+ content: "";
+}
+.product-recommendations-wrapper--section .section-title {
+ text-align: center;
+}
+.product-recommendations-wrapper--section .product-recommendations:first-child {
+ padding-top: 70px;
+ margin-top: 100px;
+ border-top: 1px solid #e4e4e4;
+}
+.product-recommendations-wrapper--section .rows-of-4 .product-list-item, .product-recommendations-wrapper--section .rows-of-4 .product-grid-masonry-sizer {
+ width: 25%;
+}
+@media (max-width: 839px) {
+ .product-recommendations-wrapper--section .rows-of-4 .product-list-item, .product-recommendations-wrapper--section .rows-of-4 .product-grid-masonry-sizer {
+ width: 50%;
+ }
+}
+@media (max-width: 539px) {
+ .product-recommendations-wrapper--section .rows-of-4 .product-list-item, .product-recommendations-wrapper--section .rows-of-4 .product-grid-masonry-sizer {
+ width: 100%;
+ }
+}
+.product-recommendations-wrapper--section .flickity-viewport {
+ transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.product-recommendations-position-section + .product-recommendations-wrapper--right {
+ display: none;
+}
+
+.product-recommendations-wrapper--right {
+ margin-top: 35px;
+ border-left: 1px solid #e4e4e4;
+ padding: 0 30px;
+ font-size: 0;
+}
+@media (max-width: 1079px) {
+ .product-recommendations-wrapper--right {
+ position: static;
+ width: 100%;
+ margin-top: 0;
+ border-left: 0;
+ font-size: 0;
+ padding: 0;
+ }
+ .product-recommendations-wrapper--right:before {
+ content: "";
+ display: block;
+ padding-top: 1px;
+ }
+}
+.product-recommendations-wrapper--right .section-title {
+ margin: 0 0 25px;
+ font-size: 1rem;
+}
+@media (max-width: 1079px) {
+ .product-recommendations-wrapper--right .section-title {
+ width: auto;
+ padding-top: 50px;
+ margin: 70px 30px 20px;
+ border-top: 1px solid #e4e4e4;
+ }
+}
+@media (max-width: 1079px) {
+ .product-recommendations-wrapper--right .product-recommendations {
+ padding: 0 10px;
+ }
+}
+.product-recommendations-wrapper--right a {
+ display: inline-block;
+ vertical-align: top;
+ width: 23%;
+ margin: 0 1%;
+ margin-bottom: 0;
+ font-size: 16px;
+}
+.product-recommendations-wrapper--right a:last-child {
+ margin-bottom: 0;
+}
+@media (max-width: 1079px) {
+ .product-recommendations-wrapper--right a {
+ display: inline-block;
+ vertical-align: top;
+ width: 25%;
+ padding: 0 20px;
+ }
+ .product-recommendations-wrapper--right a:last-child {
+ margin-bottom: 25px;
+ }
+}
+@media (max-width: 539px) {
+ .product-recommendations-wrapper--right a {
+ width: 50%;
+ }
+}
+.product-recommendations-wrapper--right img {
+ display: block;
+ width: 100%;
+}
+@media (max-width: 1079px) {
+ .product-recommendations-wrapper--right img {
+ margin: 0 auto;
+ width: auto;
+ }
+}
+
+.template-product .main-content {
+ position: relative;
+ margin-bottom: 65px;
+}
+.template-product .share-buttons {
+ margin: 30px 0 0;
+}
+.template-product .share-buttons .section-title {
+ display: inline-block;
+ width: auto;
+}
+
+.product-section .shopify-section:nth-child(2) section .section-title {
+ width: auto;
+ padding-top: 70px;
+ margin: 0 20px 20px;
+ border-top: 1px solid #e4e4e4;
+}
+@media (min-width: 1080px) {
+ .product-section .shopify-section:nth-child(2) section .section-title {
+ margin: 100px 20px 20px;
+ }
+}
+
+.product-container {
+ margin-top: 35px;
+}
+.product-container.product-recommendations-position-right {
+ display: grid;
+ grid-template-columns: 22fr 3fr;
+}
+@media (max-width: 1079px) {
+ .product-container.product-recommendations-position-right {
+ grid-template-columns: 1fr;
+ }
+}
+
+.product {
+ position: relative;
+ overflow: hidden;
+ font-size: 1rem;
+}
+.product .product-price__unit-price {
+ display: inline-block;
+ margin-left: 10px;
+}
+.product .product-price__unit-price.hidden {
+ display: none;
+}
+.product .product-price__tax {
+ display: block;
+ margin: 5px 0 0;
+}
+.product .product-price__tax.hidden {
+ height: 0;
+ margin: 0;
+}
+
+.product-images {
+ position: relative;
+ padding: 0 30px 0 30px;
+}
+@media (min-width: 770px) {
+ .product-images {
+ float: left;
+ width: 50%;
+ }
+}
+.product-images img {
+ display: block;
+ margin: 0 auto;
+}
+
+.product-images-masonry {
+ float: none;
+ padding-right: 0;
+ padding-left: 0;
+ margin-right: 30px;
+ margin-left: 30px;
+}
+.product-images-masonry:before, .product-images-masonry:after {
+ display: none;
+}
+@media (max-width: 769px) {
+ .product-images-masonry:not(.flickity-enabled) .product-image:not(:first-child) {
+ position: absolute;
+ }
+ .product-images-masonry.flickity-enabled {
+ padding-right: 30px;
+ padding-left: 30px;
+ margin-right: 0;
+ margin-left: 0;
+ }
+ .product-images-masonry .flickity-viewport {
+ overflow: visible;
+ transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ }
+ .product-images-masonry .product-gallery--viewport--figure {
+ display: block;
+ width: 80%;
+ margin-right: 30px;
+ }
+ .product-images-masonry .product-gallery--viewport--figure img {
+ width: 100%;
+ height: auto;
+ }
+ .product-images-masonry .product-gallery--viewport--figure:only-child {
+ width: 100%;
+ }
+}
+@media (min-width: 770px) {
+ .product-images-masonry {
+ width: calc(100% - (50px));
+ margin-right: 25px;
+ margin-left: 25px;
+ }
+ .product-images-masonry .product-image-masonry-sizer,
+ .product-images-masonry .product-gallery--viewport--figure {
+ width: 33.33%;
+ }
+ .quickshop .product-images-masonry .product-image-masonry-sizer,
+ .quickshop .product-images-masonry .product-gallery--viewport--figure {
+ width: 33.33%;
+ }
+ .product-images-masonry.product-images-masonry-2 .product-image-masonry-sizer,
+ .product-images-masonry.product-images-masonry-2 .product-gallery--viewport--figure {
+ width: 50%;
+ }
+ .quickshop .product-images-masonry.product-images-masonry-2 .product-image-masonry-sizer,
+ .quickshop .product-images-masonry.product-images-masonry-2 .product-gallery--viewport--figure {
+ width: 50%;
+ }
+ .product-images-masonry.product-images-masonry-3 .product-image-masonry-sizer,
+ .product-images-masonry.product-images-masonry-3 .product-gallery--viewport--figure {
+ width: 33.33%;
+ }
+ .product-images-masonry .product-image-wide {
+ width: 50%;
+ }
+ .quickshop .product-images-masonry .product-image-wide {
+ width: 50%;
+ }
+ .product-images-masonry .product-gallery--viewport--figure {
+ padding: 0 5px;
+ margin-bottom: 10px;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
+ }
+ .product-images-masonry .product-gallery--viewport--figure:only-child {
+ width: 50%;
+ margin-right: auto;
+ margin-left: auto;
+ text-align: center;
+ }
+ .product-images-masonry img {
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
+@media (min-width: 1080px) {
+ .product-images-masonry .product-image-masonry-sizer,
+ .product-images-masonry .product-gallery--viewport--figure {
+ width: 25%;
+ }
+ .quickshop .product-images-masonry .product-image-masonry-sizer,
+ .quickshop .product-images-masonry .product-gallery--viewport--figure {
+ width: 33.33%;
+ }
+}
+
+.product-main-image {
+ position: relative;
+ transition: height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.product-main-image img {
+ z-index: 100;
+ display: block;
+ margin: 0 auto;
+ transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.product-main-image.zoom-enabled {
+ cursor: pointer;
+ cursor: zoom-in;
+}
+
+.product-zoom {
+ position: absolute;
+ background-color: white;
+ background-repeat: no-repeat;
+ display: none;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 10;
+ cursor: pointer;
+ cursor: zoom-out;
+}
+.product-zoom.active {
+ display: block;
+}
+
+.product-gallery-navigation-outer-wrapper {
+ position: relative;
+ margin: 20px auto 0;
+ font-size: 0;
+ text-align: center;
+}
+
+.product-gallery--navigation-wrapper {
+ display: inline-block;
+ vertical-align: middle;
+ width: 100%;
+ max-width: 80%;
+ overflow: hidden;
+ position: relative;
+}
+@media (max-width: 769px) {
+ .product-gallery--navigation-wrapper {
+ width: 90%;
+ }
+}
+
+.product-gallery--navigation {
+ display: flex;
+ align-items: start;
+ justify-content: center;
+ margin: 0 auto;
+ font-size: 0;
+ transition: left 0.2s ease-in-out;
+}
+.product-gallery--navigation.has-side-scroll {
+ position: absolute;
+ left: 0;
+ display: block;
+ text-align: left;
+}
+
+.product-gallery--media-thumbnail {
+ position: relative;
+ display: inline-block;
+ width: 25%;
+ height: auto;
+ padding: 0 6px;
+ vertical-align: top;
+ cursor: pointer;
+}
+.product-gallery--media-thumbnail.active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 6px;
+ right: 6px;
+ border: 2px solid #e4e4e4;
+}
+.product-gallery--media-thumbnail img {
+ display: block;
+ margin: 0 auto;
+}
+
+.product-thumbnails-navigation-previous,
+.product-thumbnails-navigation-next {
+ font-size: 1.1428571429rem;
+ cursor: pointer;
+ width: 10%;
+ vertical-align: middle;
+}
+
+.product-thumbnails-navigation-previous {
+ text-align: right;
+ padding-right: 20px;
+}
+@media (max-width: 769px) {
+ .product-thumbnails-navigation-previous {
+ padding-right: 15px;
+ }
+}
+
+.product-thumbnails-navigation-next {
+ text-align: left;
+ padding-left: 20px;
+}
+@media (max-width: 769px) {
+ .product-thumbnails-navigation-next {
+ padding-left: 15px;
+ }
+}
+
+.product-details-wrapper {
+ float: right;
+ width: 50%;
+ padding: 0 30px 0 25px;
+ text-align: left;
+}
+@media (max-width: 769px) {
+ .product-details-wrapper {
+ width: 100%;
+ text-align: center;
+ }
+}
+.product-details-wrapper .shopify-product-form {
+ margin-top: 0;
+}
+.product-images-masonry ~ .product-details-wrapper {
+ float: none;
+ width: 100%;
+ max-width: 600px;
+ margin-top: 50px;
+ margin-right: auto;
+ margin-left: auto;
+}
+.product-images-masonry ~ .product-details-wrapper .product-description,
+.product-images-masonry ~ .product-details-wrapper .product-details {
+ text-align: center;
+}
+@media (max-width: 769px) {
+ .product-details-wrapper .product-details {
+ margin-top: 40px;
+ }
+}
+.product-details-wrapper .product-details.product-details-fixed {
+ position: fixed;
+ top: 0;
+}
+.product-details-wrapper .product-details.product-details-absolute {
+ position: absolute;
+ bottom: 0;
+}
+.product-details-wrapper .no-options {
+ display: none;
+}
+.product-details-wrapper .selector-wrapper {
+ margin-bottom: 24px;
+}
+.product-details-wrapper .selector-wrapper label {
+ display: inline-block;
+ margin: 0 15px 10px 0;
+}
+.product-details-wrapper .inline-field-wrapper {
+ margin-bottom: 10px;
+}
+.product-details-wrapper .inline-field-wrapper label {
+ display: inline-block;
+ margin: 0 15px 10px 0;
+}
+.product-details-wrapper .select-wrapper {
+ display: inline-block;
+ text-align: left;
+}
+.product-details-wrapper .select-wrapper label {
+ display: inline-block;
+ margin: 0 15px 10px 0;
+}
+
+.product-form-content-wrapper > *:first-child {
+ margin-top: 0;
+}
+
+.product-vendor {
+ display: block;
+ font-size: 1.2857142857rem;
+}.product-title {
+ margin: 5px 0;
+ font-size: 2.5rem;
+ font-size: 2.2857142857rem;
+}
+.product-title a {
+ font-size: inherit;
+ color: inherit;
+ text-decoration: inherit;
+}
+
+.product__custom-liquid {
+ margin: 1rem 0;
+}
+
+.collapsible-tab {
+ text-align: left;
+ border-bottom: 1px solid #e4e4e4;
+}
+.collapsible-tab svg {
+ width: 12px;
+ height: 12px;
+ transform: rotate(90deg);
+}
+.collapsible-tab[open] svg {
+ transform: rotate(270deg);
+}
+
+.collapsible-tab__heading {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+ font-size: 1rem;
+ padding: 1rem 1rem 1rem 0;
+}
+.collapsible-tab__heading::-webkit-details-marker {
+ display: none;
+}
+
+.collapsible-tab__text {
+ margin-bottom: 1rem;
+ word-break: break-word;
+}
+
+.collapsible-tab__text p {
+ margin-top: 0;
+}
+.collapsible-tab__text p:last-child {
+ margin-bottom: 0;
+}
+
+.product-tabs {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 2rem 0;
+}
+
+.product-tabs__radio {
+ position: absolute;
+ opacity: 0;
+ width: 0;
+ height: 0;
+ margin: 0;
+}
+.product-tabs__radio:checked + .product-tabs__label + .product-tabs__panel {
+ display: block;
+}
+.product-tabs__radio:checked + .product-tabs__label {
+ border-color: #e4e4e4;
+}
+
+.no-js .product-tabs__radio:focus + .product-tabs__label,
+.user-is-tabbing .product-tabs__radio:focus + .product-tabs__label {
+ outline: auto 5px Highlight;
+ outline: auto 5px -webkit-focus-ring-color;
+}
+
+.product-tabs__label {
+ word-break: break-word;
+ padding: 10px;
+ margin: 0;
+ border: 1px solid transparent;
+ border-bottom: none;
+ cursor: pointer;
+ font-size: 1rem;
+}
+
+.product-tabs__panel {
+ order: 1;
+ width: 100%;
+ display: none;
+ word-break: break-word;
+ text-align: left;
+ white-space: normal;
+ padding-top: 20px;
+ border-top: 1px solid #e4e4e4;
+}
+
+.product-tabs__panel p {
+ margin-top: 0;
+}
+.product-tabs__panel p:last-child {
+ margin-bottom: 0;
+}
+
+.product-masonry .product__rating {
+ justify-content: center;
+}
+@media (max-width: 769px) {
+ .product__rating {
+ justify-content: center;
+ }
+}
+
+.product-price {
+ display: inline-block;
+ margin: 0;
+ font-size: 1.2857142857rem;
+}
+
+.product-price-compare {
+ margin-left: 8px;
+ display: none;
+ color: #a2a2a2;
+ text-decoration: line-through;
+}
+.product-price-compare.visible {
+ display: inline-block;
+}
+
+.product-quantity label {
+ margin: 0 15px 0 0;
+}
+.product-quantity input {
+ margin: 0;
+ max-width: 50px;
+ text-align: center;
+}
+.product-quantity input[type=number]::-webkit-inner-spin-button,
+.product-quantity input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+.product-description {
+ margin-top: 40px;
+ text-align: left;
+}
+.product-description table {
+ display: block;
+ overflow-x: auto;
+ white-space: nowrap;
+}
+.product-description table td {
+ width: 100%;
+}
+
+.selector-wrapper.no-js-required,
+.product-select {
+ display: none;
+}
+.no-js .selector-wrapper.no-js-required,
+.no-js .product-select {
+ display: block;
+}
+
+.product-options {
+ display: grid;
+ grid-template-columns: -webkit-max-content minmax(220px, -webkit-max-content);
+ grid-template-columns: max-content minmax(220px, max-content);
+ align-items: center;
+ width: auto;
+ margin-top: 40px;
+}
+.product-options.product-options-default-only {
+ grid-template-columns: -webkit-max-content minmax(-webkit-min-content, -webkit-max-content);
+ grid-template-columns: max-content minmax(min-content, max-content);
+}
+.product-masonry .product-options {
+ justify-content: center;
+}
+@media (max-width: 769px) {
+ .product-options {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ max-width: 220px;
+ margin: 40px auto 0;
+ }
+ .product-options .selected-text {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ }
+}
+@media (min-width: 770px) {
+ .product-options .product-option-column-1 {
+ display: flex;
+ align-items: center;
+ margin: 0 10px 10px 0;
+ grid-column: 1;
+ }
+ .product-options .product-option-column-1 + * {
+ margin: 0 0 10px;
+ grid-column: 2;
+ }
+ .product-options .product-option-column-1.product-option-row-1, .product-options .product-option-column-1.product-option-row-1 + * {
+ grid-row: 1;
+ }
+ .product-options .product-option-column-1.product-option-row-2, .product-options .product-option-column-1.product-option-row-2 + * {
+ grid-row: 2;
+ }
+ .product-options .product-option-column-1.product-option-row-3, .product-options .product-option-column-1.product-option-row-3 + * {
+ grid-row: 3;
+ }
+ .product-options .product-option-column-1.product-option-row-4, .product-options .product-option-column-1.product-option-row-4 + * {
+ grid-row: 4;
+ }
+}
+.product-options .product-option-quantity-label {
+ margin: 0 10px 0 0;
+}
+@media (max-width: 769px) {
+ .product-options .product-option-quantity-label {
+ margin: 10px 10px 0 0;
+ }
+}
+.product-options .product-option-quantity {
+ max-width: 60px;
+ margin: 0;
+ text-align: center;
+}
+@media (max-width: 769px) {
+ .product-options .product-option-quantity {
+ margin: 10px 0 0;
+ }
+}
+.no-js .product-options .product-option-row-1,
+.no-js .product-options .product-option-row-1 + *,
+.no-js .product-options .product-option-row-2,
+.no-js .product-options .product-option-row-2 + *,
+.no-js .product-options .product-option-row-3,
+.no-js .product-options .product-option-row-3 + * {
+ display: none;
+}
+
+.product-add-to-cart {
+ display: flex;
+ flex-wrap: wrap;
+ width: calc(100% + 15px);
+ margin-top: 45px;
+ margin-right: -15px;
+}
+@media (max-width: 769px) {
+ .product-add-to-cart {
+ justify-content: center;
+ }
+}
+.product-masonry .product-add-to-cart {
+ justify-content: center;
+}
+.product-add-to-cart .add-to-cart {
+ width: 230px;
+ margin: 0 15px 10px 0;
+}
+.product-add-to-cart .add-to-cart:disabled + .shopify-payment-button {
+ display: none;
+}
+.product-add-to-cart .shopify-payment-button {
+ width: auto;
+ min-width: 230px;
+ margin-right: 15px;
+ margin-bottom: 10px;
+}
+.product-add-to-cart .add-to-cart,
+.product-add-to-cart .shopify-payment-button {
+ flex-grow: 1;
+ max-width: 230px;
+}
+@media (max-width: 769px) {
+ .product-add-to-cart .add-to-cart,
+ .product-add-to-cart .shopify-payment-button {
+ width: 100%;
+ }
+}
+.product-add-to-cart .add-to-cart,
+.product-add-to-cart .shopify-payment-button__button {
+ height: 49px;
+}.product-add-to-cart .add-to-cart,
+ .product-add-to-cart .shopify-payment-button__button {
+ font-size: 0.9285714286rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.product-smart-payments .add-to-cart {
+ color: #b08212;
+ background-color: #e2ded0;
+}
+.product-smart-payments .add-to-cart:hover:not(:disabled) {
+ color: #b08212;
+ background: ;
+}
+
+.shopify-payment-button__button {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 700;
+ overflow: hidden;
+ border-radius: 2px;
+}
+
+.shopify-payment-button__button--unbranded {
+ color: #ffffff;
+ background: #b08212;
+}
+.shopify-payment-button__button--unbranded:hover:not(:disabled) {
+ color: #ffffff;
+ background: #cc9715;
+}
+
+.shopify-payment-button__more-options {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ color: #444444;
+}
+.shopify-payment-button__more-options:hover:not(:disabled) {
+ text-decoration: none;
+}
+
+.shopify-payment-button__button--hidden {
+ display: none;
+}
+
+.product-message form {
+ display: inline-block;
+ margin: 0;
+}
+.product-message button[type=submit] {
+ padding: 0;
+ margin: 0;
+ font: inherit;
+ font-size: inherit;
+ font-style: inherit;
+ color: #b08212;
+ text-decoration: none;
+ cursor: pointer;
+ background: none;
+ border: 0;
+ -webkit-appearance: none;
+ appearance: none;
+}
+.product-message button[type=submit]:hover {
+ color: #eec154;
+}
+
+:root {
+ --color-body-text: #444444;
+ --color-body: #ffffff;
+ --color-bg: #ffffff;
+}
+
+shopify-payment-terms {
+ display: block;
+ margin-top: 8px;
+}
+
+.template-suffix-quickshop {
+ background-color: rgba(0, 0, 0, 0.8);
+}
+.template-suffix-quickshop #shopify-section-header,
+.template-suffix-quickshop #shopify-section-pxs-announcement-bar,
+.template-suffix-quickshop #shopify-section-footer {
+ display: none;
+}
+.template-suffix-quickshop .product {
+ padding: 70px;
+ background-color: #ffffff;
+ max-width: 960px;
+ margin: 0 auto;
+}
+.template-suffix-quickshop .shopify-section:not(.shopify-section--quick-shop) {
+ display: none;
+}
+
+.product-app--container {
+ text-align: left;
+}
+
+.surface-pick-up-embed {
+ --surface-pick-up-embed-theme-success-color: #108144;
+ --surface-pick-up-embed-theme-error-color: #d60000;
+ --surface-pick-up-embed-theme-paragraph-font-size: 16px;
+ --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 1px);
+ --surface-pick-up-embed-theme-body-font-weight-bold: 700;
+ --surface-pick-up-embed-theme-body-text-color: #444444;
+ --surface-pick-up-embed-theme-link-text-decoration: none;
+ --surface-pick-up-embed-row-gap: 10px;
+ --surface-pick-up-embed-column-gap: 10px;
+ margin-top: 25px;
+}
+@media (max-width: 1079px) {
+ .surface-pick-up-embed {
+ justify-content: center;
+ text-align: center;
+ }
+}
+.product-masonry .surface-pick-up-embed {
+ justify-content: center;
+ text-align: center;
+}
+
+.surface-pick-up-item {
+ --surface-pick-up-item-theme-success-color: #108144;
+ --surface-pick-up-item-theme-error-color: #d60000;
+ --surface-pick-up-item-theme-paragraph-font-size: 16px;
+ --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 1px);
+ --surface-pick-up-item-theme-body-font-weight-bold: 700;
+ --surface-pick-up-item-theme-body-text-color: #444444;
+ --surface-pick-up-item-theme-border-color: #e4e4e4;
+ --surface-pick-up-item-theme-link-text-decoration: none;
+ --surface-pick-up-item-row-gap: 10px;
+ --surface-pick-up-item-column-gap: 5px;
+ --surface-pick-up-item-gap: 28px;
+ align-items: center;
+}
+
+@media (max-width: 1079px) {
+ .surface-pick-up-embed__modal-btn {
+ justify-self: center;
+ }
+}
+.product-masonry .surface-pick-up-embed__modal-btn {
+ justify-self: center;
+}
+
+.surface-pick-up-item__in-stock-icon,
+.surface-pick-up-item__out-of-stock-icon {
+ margin-top: 0;
+}
+
+.surface-pick-up-item__address-info {
+ margin-top: 5px;
+ margin-bottom: 0;
+ font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
+}
+
+.surface-pick-up-modal {
+ align-items: center;
+ justify-content: center;
+ padding: 20px;
+ text-align: left;
+}
+.surface-pick-up-modal.modal-opened {
+ display: flex;
+}
+.surface-pick-up-modal .modal-inner {
+ position: relative;
+ top: 0;
+ left: 0;
+ width: -webkit-max-content;
+ width: max-content;
+ max-width: 500px;
+ max-height: 100%;
+ padding-top: 26px;
+ padding-right: 26px;
+ padding-bottom: 26px;
+ padding-left: 26px;
+}
+.surface-pick-up-modal .modal-close {
+ top: 28px;
+ right: 28px;
+ width: 16px;
+ height: 16px;
+}
+.surface-pick-up-modal .modal-close svg {
+ padding: 0;
+}
+.surface-pick-up-modal .modal-header {
+ padding-right: 80px;
+ padding-bottom: 18px;
+ border-bottom: 1px solid #e4e4e4;
+}
+
+.surface-pick-up-modal__header {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ display: block;
+ margin-top: 0;
+ margin-bottom: 0;
+ color: #000000;
+}.surface-pick-up-modal__header {
+ font-size: 1.5rem;
+ }.surface-pick-up-modal__subtitle {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 1.625;
+ color: #8a8a8a;
+}
+
+.surface-pick-up-embed__location-availability {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+}
+
+/* Components */
+.breadcrumbs {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin: 0 auto 15px;
+ padding: 15px 30px;
+ text-align: center;
+ color: #ffffff;
+ font-size: 1rem;
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ display: block;
+ width: -webkit-fit-content;
+ width: fit-content;
+ max-width: 90%;
+}
+.breadcrumbs a {
+ color: #ffffff;
+ text-decoration: underline;
+}
+.breadcrumbs a:hover {
+ color: #e0e0e0;
+}
+
+/* DW FIX 2026-06-23: the base .breadcrumbs rule above (white text + dark
+ rgba(0,0,0,.5) overlay) is meant for breadcrumbs sitting OVER a collection
+ hero image. On standard pages (product / page / cart / search / 404 / blog /
+ account) there is no hero, so it rendered as an empty grey bar with invisible
+ white text. Strip the overlay + use readable dark body text on those pages,
+ then RE-ASSERT the dark overlay for the real hero case (.collection-header)
+ so collection pages with a banner image are unchanged. */
+.breadcrumbs {
+ background-color: transparent;
+ color: #333333;
+ border-radius: 0;
+}
+.breadcrumbs a {
+ color: #333333;
+}
+.breadcrumbs a:hover {
+ color: #000000;
+}
+.breadcrumbs .divider {
+ color: #999999;
+}
+/* Preserve the hero-overlay styling where breadcrumbs sit on a banner image. */
+.collection-header .breadcrumbs {
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ border-radius: 4px;
+}
+.collection-header .breadcrumbs a {
+ color: #ffffff;
+}
+.collection-header .breadcrumbs a:hover {
+ color: #e0e0e0;
+}
+.collection-header .breadcrumbs .divider {
+ color: #ffffff;
+}
+
+.filter-form {
+ display: flex;
+}
+
+.collection-header--filters-sort-enabled {
+ padding: 0;
+}
+@media (min-width: 770px) {
+ .collection-header--filters-sort-enabled {
+ padding: 0 20px;
+ }
+}
+
+.collection-sorting__wrapper {
+ margin-top: 10px;
+ text-align: center;
+}
+@media (min-width: 770px) {
+ .collection-sorting__wrapper {
+ min-width: 25%;
+ margin-top: 0;
+ text-align: right;
+ }
+}
+
+.collection-filters__title {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ display: block;
+ margin: 0;
+ font-size: 16px;
+ color: inherit;
+ text-align: center;
+}
+@media (min-width: 770px) {
+ .collection-filters__title {
+ position: absolute !important; /* Visually hide label */
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(1px, 1px, 1px, 1px);
+ border: 0;
+ }
+}
+
+.faceted-filters {
+ display: block;
+ margin-top: 10px;
+}
+@media (min-width: 770px) {
+ .collection-header-alternate .faceted-filters:only-child .collection-dropdown--filter {
+ justify-content: left;
+ }
+}
+@media (min-width: 770px) {
+ .collection-header--filters-sort-enabled .faceted-filters {
+ display: flex;
+ margin-top: 0;
+ }
+}
+
+.collection-dropdown--filter {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ width: 100%;
+ margin-top: 10px;
+}
+.collection-dropdown--filter:only-child {
+ width: auto;
+}
+@media (min-width: 770px) {
+ .collection-header--filters-sort-enabled .collection-dropdown--filter {
+ justify-content: left;
+ margin-top: 0;
+ }
+}
+
+.collection-filters {
+ display: flex;
+ flex-direction: column-reverse;
+ row-gap: 10px;
+}
+@media (min-width: 770px) {
+ .collection-filters {
+ flex-direction: row;
+ row-gap: 0;
+ width: 100%;
+ margin-top: 10px;
+ }
+ .collection-header--filters-sort-enabled .collection-filters {
+ justify-content: space-between;
+ }
+}
+
+.collection-filters__filter {
+ position: absolute;
+ left: var(--mobile-left);
+ z-index: 1;
+ box-sizing: border-box;
+ display: none;
+ width: var(--mobile-width);
+ max-height: 500px;
+ padding: 0.75rem;
+ margin-top: 4px;
+ overflow-y: auto;
+ list-style-type: none;
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ border-radius: 3px;
+ opacity: 0;
+}
+.collection-filters__filter[data-animation] {
+ display: block;
+}
+.collection-filters__filter[data-animation="closed=>open"] {
+ transition: opacity 200ms, height 300ms;
+}
+.collection-filters__filter[data-animation="open=>closed"] {
+ transition: opacity 150ms, height 150ms;
+}
+.collection-filters__filter[data-animation-state=open] {
+ display: block;
+ height: var(--open-height);
+ opacity: 1;
+}
+@media (min-width: 540px) {
+ .collection-filters__filter {
+ right: auto;
+ left: 0;
+ width: -webkit-max-content;
+ width: max-content;
+ min-width: 100%;
+ }
+ .collection-filters__filter.filters--overflow-right {
+ right: 0;
+ left: auto;
+ }
+}
+
+.collection-filters__details-wrapper {
+ position: unset;
+ height: auto;
+ margin: 0 4px 4px 0;
+ overflow: visible;
+}
+.collection-filters__details-wrapper:last-child {
+ margin: 0 0 4px 0;
+}
+@media (min-width: 540px) {
+ .collection-filters__details-wrapper {
+ position: relative;
+ height: var(--closed-filter-height);
+ }
+}
+
+.collection-filters__filter-group {
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ border-radius: 3px;
+ transition: border-color 0.2s ease-out;
+}
+.collection-filters__filter-group::after {
+ display: none;
+}
+.collection-filters__filter-group .collection-filters__filter-group-title::-webkit-details-marker {
+ display: none;
+}
+
+.collection-filters__filter-title-wrapper {
+ display: flex;
+ align-items: center;
+}
+
+.collection-filters__filter-group-title {
+ display: flex;
+ align-items: center;
+ width: auto;
+ padding-right: 2.5rem;
+ margin-top: 0;
+ margin-bottom: 0;
+ list-style: none;
+ border: none;
+ max-width: unset;
+}
+.collection-filters__filter-group-title::after {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 10.5px;
+ padding: 4px 10px;
+ margin: 0;
+ pointer-events: none;
+ transform: rotate(0) translateY(-50%);
+}
+.collection-filters__filter-group[open] .collection-filters__filter-group-title::after {
+ transform: rotate(180deg) translateY(50%);
+}
+
+.collection-filters__active-filter-indicator {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15px;
+ height: 15px;
+ padding: 2px;
+ margin-left: 1rem;
+ font-size: 0.75rem;
+ color: #b08212;
+ background-color: #e2ded0;
+ border-radius: 50%;
+}
+
+.collection-filters__filter-checkbox {
+ width: 12px;
+ min-width: 12px;
+ height: 12px;
+ color: #b08212;
+ cursor: pointer;
+ border: 1px solid #e4e4e4;
+}
+.collection-filters__filter-checkbox svg {
+ display: none;
+}
+.collection-filters__filter-checkbox[data-checked] svg {
+ display: block;
+}
+[data-disabled] .collection-filters__filter-checkbox {
+ cursor: not-allowed;
+}
+
+.collection-filters__filter-range {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ color: #787878;
+}
+
+.collection-filters__filter-range--from,
+.collection-filters__filter-range--to {
+ position: relative;
+ display: grid;
+ grid-template-rows: auto auto;
+ grid-template-columns: -webkit-min-content auto;
+ grid-template-columns: min-content auto;
+ align-items: center;
+ width: 100%;
+ margin: 4px 0;
+}
+.collection-filters__filter-range--from .collection-filters__filter-range-input,
+.collection-filters__filter-range--to .collection-filters__filter-range-input {
+ margin: 0;
+ color: currentColor;
+}
+
+.collection-filters__filter-range--to {
+ margin-right: 0;
+ margin-left: 1rem;
+}
+
+.collection-filters__filter-range-label {
+ grid-row: 1/span 1;
+ grid-column: 1/span 2;
+ justify-self: start;
+ font-size: 1rem;
+ margin: 0;
+ color: currentColor;
+}
+
+.collection-filters__filter-range-currency {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ margin-right: 4px;
+ color: currentColor;
+}
+
+.collection-filters__filter-title {
+ margin: 0;
+ text-transform: none;
+ letter-spacing: 0;
+ pointer-events: none;
+}
+
+.collection-filters__filter-icon-wrapper {
+ position: relative;
+ width: 0.5714285714rem;
+ height: 0.5714285714rem;
+ margin: 0 4px;
+ outline: none;
+}
+
+.collection-filters__filter-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: inline-block;
+ margin-top: -3px;
+ transform: translateX(-50%);
+}
+
+.collection-filters__filter-list-item {
+ display: flex;
+ row-gap: 0.25rem;
+ align-items: center;
+ margin-top: 0.5rem;
+ font-size: 1rem;
+ color: #787878;
+}
+.collection-filters__filter-list-item:first-child {
+ margin-top: 0;
+}
+
+.collection-filters__filter-link {
+ display: flex;
+ flex: 1;
+ column-gap: 0.375rem;
+ align-items: center;
+ padding: 0.2142857143rem;
+ margin: 0;
+ line-height: 1.15;
+ color: currentColor;
+ text-decoration: none;
+ outline-offset: -4px;
+}
+.collection-filters__filter-link[data-disabled] {
+ cursor: not-allowed;
+ opacity: 50%;
+}
+.collection-filters__filter-link[data-disabled]:hover {
+ color: currentColor;
+}
+.collection-filters__filter-link:hover {
+ z-index: 101;
+ color: currentColor;
+}
+.modal .collection-filters__filter-link {
+ width: 100%;
+ padding: 4px;
+}
+
+.collection-filters__filter-list-item-text {
+ display: inline-block;
+ padding: 0.2142857143rem;
+ margin: 0;
+ line-height: 1.15;
+ color: currentColor;
+ text-decoration: none;
+ vertical-align: middle;
+ text-align: left;
+ word-break: break-word;
+}
+
+.collection-page__filters--active {
+ margin-top: 20px;
+}
+
+.active-filter-group {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
+ margin-top: 16px;
+ list-style-type: none;
+}
+@media (min-width: 770px) {
+ .collection-header--filters-sort-enabled .active-filter-group {
+ justify-content: left;
+ }
+}
+
+.active-filter-group__item-wrapper {
+ display: inline-block;
+ margin: 0;
+}
+.active-filter-group__item-wrapper .active-filter-group__item {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 700;
+ position: relative;
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ padding: 6px;
+ color: #b08212;
+ cursor: pointer;
+ background-color: #e2ded0;
+ border-radius: 2px;
+ word-break: break-word;
+}
+.active-filter-group__item-wrapper .filter-icon--remove {
+ padding: 4px;
+ border-radius: 100%;
+}
+.active-filter-group__item-wrapper .filter-icon--remove svg {
+ position: relative;
+ display: block;
+ width: 8px;
+ height: 8px;
+}
+.active-filter-group__item-wrapper .filter-icon--remove path {
+ stroke-width: 1px;
+}
+.active-filter-group__item-wrapper a {
+ font-size: 16px;
+}
+
+.filter-text,
+.filter-icon--checkbox {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.active-filter-text {
+ font-size: 16px;
+}
+
+.complementary-products {
+ --slide-item-padding: 1rem;
+ --slide-item-outer-gap: 1rem;
+ --slide-item-inner-gap: 1rem;
+ --slide-item-border-color: black;
+ --slide-item-border-thickness: 1px;
+ --slider-dot-gap: 0.5rem;
+ --slider-dot-size: 0.5rem;
+ --slider-dot-color: #cacaca;
+ --slider-active-dot-color: #787878;
+}
+
+.complementary-products__slider [data-slide] {
+ position: absolute;
+ display: flex;
+ flex-direction: column;
+ margin: 0 1rem;
+ gap: var(--slide-item-outer-gap);
+ width: 100%;
+ height: auto;
+}
+.complementary-products__slider .flickity-page-dots {
+ list-style-type: none;
+ display: flex;
+ justify-content: center;
+ gap: var(--slider-dot-gap);
+}
+.complementary-products__slider .flickity-page-dots .dot {
+ margin: 0;
+ border-radius: 50%;
+ background: var(--slider-dot-color);
+ height: var(--slider-dot-size);
+ width: var(--slider-dot-size);
+}
+.complementary-products__slider .flickity-page-dots .dot.is-selected {
+ background: var(--slider-active-dot-color);
+}
+
+.complementary-products__grid {
+ display: flex;
+ flex-direction: column;
+ gap: var(--slide-item-outer-gap);
+}
+
+.complementary-product {
+ display: flex;
+ flex-direction: row;
+ gap: var(--slide-item-inner-gap);
+ padding: var(--slide-item-padding);
+ border: var(--slide-item-border-thickness) solid var(--slide-item-border-color);
+}
+
+.complementary-product__name,
+.complementary-product__price-text {
+ margin: 0;
+}
+
+.complementary-product__price-text {
+ display: inline-block;
+}
+
+.complementary-product__image-link {
+ display: block;
+ position: relative;
+ line-height: 0;
+}
+
+.complementary-products {
+ --slide-item-outer-gap: 1.5rem;
+ --slide-item-inner-gap: 1.125rem;
+ --slide-item-padding: 0;
+ --slide-item-border-thickness: 0;
+ --slider-dot-color: #444444;
+ --slider-active-dot-color: #444444;
+ --slider-dot-size: 10px;
+ --slider-dot-gap: 1rem;
+}
+.complementary-products:first-child > *:first-child {
+ margin-top: 0;
+}
+.complementary-products.complementary-products--no-recommendations {
+ margin: 0;
+}
+.complementary-products__title {
+ margin: 40px 0 20px;
+}
+@media (max-width: 769px) {
+ .complementary-products__title {
+ margin-bottom: 32px;
+ }
+}
+.complementary-products__container {
+ margin-bottom: 60px;
+}
+@media (max-width: 769px) {
+ .complementary-products__container {
+ margin-bottom: 40px;
+ }
+}
+.complementary-products .flickity-prev-next-button {
+ top: 100%;
+ z-index: 1;
+ padding: 0;
+ margin: 0;
+}
+@media (max-width: 769px) {
+ .complementary-products .flickity-prev-next-button {
+ display: none;
+ }
+}
+.complementary-products .flickity-prev-next-button.active, .complementary-products .flickity-prev-next-button:hover {
+ background: #ffffff;
+}
+.complementary-products .flickity-prev-next-button svg {
+ top: 50%;
+ left: 50%;
+ width: 40%;
+ height: 40%;
+}
+.complementary-products .flickity-prev-next-button svg .arrow {
+ fill: #787878;
+}
+.complementary-products .flickity-prev-next-button.previous {
+ left: 0;
+}
+.complementary-products .flickity-prev-next-button.previous svg {
+ transform: translate(-45%, -50%);
+}
+.complementary-products .flickity-prev-next-button.next {
+ right: 0;
+}
+.complementary-products .flickity-prev-next-button.next svg {
+ transform: translate(-55%, -50%);
+}
+.complementary-products .flickity-page-dots {
+ position: relative;
+ bottom: 0;
+ margin: 2rem 0 1.5rem;
+}
+.complementary-products .flickity-page-dots .dot {
+ transform: translateY(50%);
+}
+
+.complementary-product__image {
+ display: flex;
+ flex: 0 0 20%;
+}
+@media (max-width: 769px) {
+ .complementary-product__image {
+ flex-basis: 15%;
+ }
+}
+@media (max-width: 539px) {
+ .complementary-product__image {
+ flex-basis: 25%;
+ }
+}
+.complementary-product__details {
+ display: flex;
+ flex-direction: column;
+ text-align: left;
+}
+.complementary-product__name {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+}
+.complementary-product__price-wrapper {
+ margin-top: 0.25rem;
+}
+.complementary-product__price-compare {
+ color: #a2a2a2;
+ text-decoration: line-through;
+}
+.complementary-product__price-text--now {
+ display: none;
+}
+.complementary-product__link {
+ margin-top: 0.75rem;
+}
+
+.shopify-localization-form {
+ display: inline-flex;
+ align-items: stretch;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.shopify-cross-border {
+ flex-direction: column;
+}
+.shopify-cross-border .disclosure-list--alternate-drop {
+ transform: translateX(25%);
+}
+@media (min-width: 540px) {
+ .shopify-cross-border {
+ flex-direction: row;
+ }
+ .shopify-cross-border .disclosure-list--alternate-drop {
+ transform: translateX(0);
+ }
+}
+
+.disclosure {
+ --disclosure-max-height: 300px;
+ --disclosure-min-height: 92px;
+ --disclosure-toggle-text-color: #787878;
+ --disclosure-toggle-background-color: #ffffff;
+ --disclosure-toggle-border-color: #e4e4e4;
+ --disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M6.667 15.96l.576.603 6.482-6.198-6.482-6.198-.576.602 5.853 5.596z'/%3E%3C/svg%3E");
+ --disclosure-toggle-svg-color: #787878;
+ --disclosure-text-color: #444444;
+ --disclosure-background-color: #ffffff;
+ --disclosure-border-color: #e4e4e4;
+ height: 100%;
+}
+.disclosure summary:focus {
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+.disclosure__toggle {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ height: 100%;
+ padding: 9px 30px 9px 10px;
+ font-size: 16px;
+ border-radius: 2px;
+}
+.disclosure__toggle::after {
+ width: 13px;
+ height: 13px;
+ transform: translateY(-50%) rotate(90deg);
+}
+
+.disclosure-list {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+}
+
+.faceted-filter-swatch {
+ --faceted-filter-swatch-size: 20px;
+ flex-shrink: 0;
+ width: var(--faceted-filter-swatch-size);
+ height: var(--faceted-filter-swatch-size);
+ line-height: 0;
+ border-radius: 50%;
+}
+.search-filters__filter-link:not([data-disabled]):hover .faceted-filter-swatch, .collection-filters__filter-link:not([data-disabled]):hover .faceted-filter-swatch {
+ box-shadow: 0 0 0 1.5px #ffffff, 0 0 0 3px rgba(68, 68, 68, 0.5);
+}
+.search-filters__filter-list-item--active .faceted-filter-swatch, .collection-filters__filter-list-item--active .faceted-filter-swatch {
+ box-shadow: 0 0 0 1.5px #ffffff, 0 0 0 3px #444444;
+}
+
+.faceted-filter-swatch__color,
+.faceted-filter-swatch__image {
+ width: 100%;
+ height: 100%;
+ border: 1px solid #d9d9d9;
+ border-radius: 50%;
+}
+
+.faceted-filter-swatch__color {
+ background-color: var(--faceted-filter-swatch-color, transparent);
+}
+
+.faceted-filter-swatch__image {
+ object-fit: cover;
+}
+
+.faceted-filter-image__image {
+ width: 50px;
+ height: auto;
+}
+.search-filters__filter-list-item--active .faceted-filter-image__image, .collection-filters__filter-list-item--active .faceted-filter-image__image {
+ box-shadow: 0 0 0 1.5px #ffffff, 0 0 0 3px #444444;
+}
+
+.recipient-disclosure {
+ --recipient-disclosure-top-margin: 0;
+ --recipient-disclosure-bottom-margin: 0;
+ --recipient-form-field-gap: 0;
+ --recipient-form-label-gap: 0;
+ --recipient-form-label-margin: 6px;
+ --recipient-form-checkbox-width: 12px;
+ --recipient-form-checkbox-border-width: 1px;
+ --recipient-form-checkbox-border-color: #000000;
+ --recipient-form-checkbox-border-radius: 0;
+ --recipient-form-checkbox-svg-color: inherit;
+ --recipient-form-error-color: #cc3333;
+ margin: var(--recipient-disclosure-top-margin) 0 var(--recipient-disclosure-bottom-margin);
+}
+
+.recipient-disclosure__summary {
+ position: relative;
+ list-style: none;
+}
+.recipient-disclosure__summary::-webkit-details-marker {
+ display: none;
+}
+
+.recipient-disclosure__checkbox {
+ position: absolute;
+ -webkit-appearance: none;
+ appearance: none;
+ width: var(--recipient-form-checkbox-width);
+ height: var(--recipient-form-checkbox-width);
+ border: var(--recipient-form-checkbox-border-width) solid var(--recipient-form-checkbox-border-color);
+ border-radius: var(--recipient-form-checkbox-border-radius);
+}
+.recipient-disclosure__checkbox:checked ~ svg {
+ visibility: visible;
+}
+
+.recipient-disclosure__checkbox-label {
+ display: flex;
+ align-items: center;
+}
+.recipient-disclosure__checkbox-label svg {
+ visibility: hidden;
+ position: absolute;
+ width: var(--recipient-form-checkbox-width);
+ height: var(--recipient-form-checkbox-width);
+ color: var(--recipient-form-checkbox-svg-color);
+}
+
+.recipient-disclosure__checkbox,
+.recipient-disclosure__checkbox-label {
+ cursor: pointer;
+}
+
+.recipient-disclosure__checkbox-label-text {
+ flex: 1;
+ margin-left: calc(var(--recipient-form-checkbox-width) + var(--recipient-form-label-margin));
+}
+
+.recipient-form {
+ display: flex;
+ flex-direction: column;
+ gap: var(--recipient-form-field-gap);
+ margin-top: 1rem;
+}
+
+.recipient-form__input-wrapper {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ gap: var(--recipient-form-label-gap);
+}
+
+.recipient-form__input {
+ box-sizing: border-box;
+}
+
+.recipient-form__error-message {
+ display: none;
+}
+.recipient-form--has-errors .recipient-form__error-message {
+ display: block;
+}
+
+.recipient-form__max-characters-message {
+ display: block;
+ margin-top: 0.25rem;
+}
+
+.recipient-disclosure {
+ --recipient-disclosure-top-margin: 25px;
+ --recipient-disclosure-bottom-margin: 25px;
+ --recipient-form-field-gap: 16px;
+ --recipient-form-label-margin: 8px;
+ --recipient-form-checkbox-width: 14px;
+ --recipient-form-checkbox-border-color: #e4e4e4;
+ --recipient-form-checkbox-svg-color: #b08212;
+ --recipient-form-error-color: #d60000;
+ max-width: 340px;
+ text-align: left;
+}
+.recipient-disclosure + .product-add-to-cart {
+ margin-top: 0;
+}
+@media (max-width: 769px) {
+ .recipient-disclosure {
+ --recipient-disclosure-top-margin: 16px;
+ --recipient-disclosure-bottom-margin: 16px;
+ margin: var(--recipient-disclosure-top-margin) auto;
+ }
+}
+
+@media (max-width: 769px) {
+ .recipient-disclosure__summary {
+ display: flex;
+ justify-content: center;
+ }
+}
+
+@media (max-width: 769px) {
+ .recipient-disclosure__checkbox-label-text {
+ padding: 12px 0;
+ }
+}
+
+.recipient-form {
+ padding-top: 15px;
+ margin: 15px 0 20px;
+ border-top: 1px solid #e4e4e4;
+}
+@media (max-width: 769px) {
+ .recipient-form {
+ margin: 7px 0 20px;
+ }
+}
+
+.recipient-form__label,
+.recipient-form__input,
+.recipient-disclosure__checkbox,
+.recipient-disclosure__checkbox-label,
+input[type=checkbox].recipient-disclosure__checkbox {
+ margin: 0;
+}
+
+.recipient-form--has-errors .recipient-form__input--email {
+ color: var(--recipient-form-error-color);
+ border: 1px solid var(--recipient-form-error-color);
+}
+
+.recipient-form__error-message {
+ margin-top: 5px;
+ color: var(--recipient-form-error-color);
+}
+
+.recipient-form__max-characters-message {
+ margin-top: 5px;
+}
+
+.header-tools-wrapper {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ position: relative;
+ width: 100%;
+ color: #000000;
+ background: #ffffff;
+}
+
+.header-tools {
+ padding: 0 30px;
+}
+.header-content-width .header-tools {
+ max-width: 1260px;
+ margin: 0 auto;
+}
+.header-tools .customer-links {
+ color: #242424;
+ -webkit-font-smoothing: antialiased;
+}
+.header-tools .customer-links > a {
+ color: #242424;
+ -webkit-font-smoothing: antialiased;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.header-tools .customer-links > a:hover {
+ color: #646464;
+}
+.header-tools .checkout-link,
+.header-tools .cart-count {
+ color: #000000;
+}
+.header-tools .checkout-link:hover,
+.header-tools .cart-count:hover {
+ color: #404040;
+}
+.header-tools .checkout-link,
+.header-tools .customer-links,
+.header-tools .cart-count {
+ display: inline-block;
+ font-size: 1rem;
+}.header-tools .checkout-link,
+ .header-tools .customer-links,
+ .header-tools .cart-count {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ font-size: 0.9285714286rem;
+ }.header-tools .checkout-link,
+.header-tools .mini-cart-wrapper {
+ padding: 11px 20px;
+ background: #ffffff;
+}
+.header-tools .aligned-left {
+ float: left;
+ padding: 10px 0;
+}
+.header-tools .aligned-right {
+ position: relative;
+ float: right;
+ text-align: right;
+}
+.header-tools .aligned-right > *:first-child {
+ margin-left: 0;
+}
+@media (max-width: 1079px) {
+ .header-tools .aligned-right .cart-count {
+ margin-left: 0;
+ }
+}
+.header-tools .customer-links {
+ margin: 0 25px;
+}
+.header-tools .mini-cart-wrapper {
+ position: relative;
+ display: inline-block;
+}
+.header-tools .checkout-link {
+ margin-left: 0;
+}
+@media (max-width: 1079px) {
+ .header-tools {
+ vertical-align: middle;
+ }
+ .header-tools .customer-links,
+ .header-tools .checkout-link {
+ display: none;
+ }
+}
+
+.checkout-link {
+ margin: 0;
+}
+
+.checkout-link__button {
+ display: block;
+ font-size: 1rem;
+ color: #000000;
+ background: none;
+ border: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}.checkout-link__button {
+ font-size: 0.9285714286rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.checkout-link__button:hover {
+ color: #404040;
+}
+
+.customer-links {
+ position: relative;
+}
+.customer-links:hover > .customer-links-inner {
+ display: block;
+}
+.customer-links li {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin: 5px 0;
+ text-transform: none;
+ letter-spacing: 0;
+ font-size: 1rem;
+}
+.customer-links .arrow {
+ position: absolute;
+ top: -8px;
+ left: 50%;
+ margin-left: -8px;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ border-bottom: 8px solid #ffffff;
+}
+.customer-links .arrow:before {
+ content: "";
+ display: block;
+ border-left: 9px solid transparent;
+ border-right: 9px solid transparent;
+ border-bottom: 9px solid #e4e4e4;
+ z-index: -1;
+ left: 50%;
+ position: absolute;
+ margin-left: -9px;
+ top: -1px;
+}
+
+.customer-links-inner {
+ display: none;
+ position: absolute;
+ top: 35px;
+ left: 50%;
+ z-index: 3000;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ text-align: center;
+ padding: 0 30px;
+ transform: translateX(-50%);
+}
+.customer-links-inner:before {
+ content: "";
+ position: absolute;
+ top: -20px;
+ left: 0;
+ height: 20px;
+ width: 100%;
+}
+
+.loading-animation {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -7px 0 0 -35px;
+ width: 70px;
+ height: 15px;
+ text-align: center;
+ backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.loading-animation > div {
+ width: 5px;
+ height: 5px;
+ margin: 5px;
+ color: #a2a2a2;
+ background-color: #8a8a8a;
+ border-radius: 100%;
+ display: inline-block;
+ animation: bouncedelay 1.4s infinite ease-in-out;
+ /* Prevent first frame from flickering when animation starts */
+ animation-fill-mode: both;
+}
+
+.loading-animation .loading-animation-1 {
+ animation-delay: -0.32s;
+}
+
+.loading-animation .loading-animation-2 {
+ animation-delay: -0.16s;
+}
+@keyframes bouncedelay {
+ 0%, 80%, 100% {
+ transform: scale(0);
+ -webkit-transform: scale(0);
+ }
+ 40% {
+ transform: scale(1);
+ -webkit-transform: scale(1);
+ }
+}
+.masonry-grid {
+ margin-right: -10px;
+ margin-left: -10px;
+}
+@media (min-width: 770px) {
+ .masonry-grid {
+ margin-right: -15px;
+ margin-left: -15px;
+ }
+}
+@media (min-width: 1080px) {
+ .masonry-grid {
+ margin-right: -20px;
+ margin-left: -20px;
+ }
+}
+.masonry-grid .pagination {
+ width: 100%;
+}
+
+.masonry-grid-item,
+.masonry-grid-sizer {
+ width: 100%;
+ padding-right: 10px;
+ padding-left: 10px;
+ margin-top: 0;
+ margin-bottom: 20px;
+ background-color: #ffffff;
+}
+@media (min-width: 770px) {
+ .masonry-grid-item,
+ .masonry-grid-sizer {
+ width: 50%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-bottom: 30px;
+ }
+ .masonry-grid-item.masonry-grid-item-wide,
+ .masonry-grid-sizer.masonry-grid-item-wide {
+ width: 100%;
+ }
+}
+@media (min-width: 1080px) {
+ .masonry-grid-item,
+ .masonry-grid-sizer {
+ width: 33.3333333333%;
+ padding-right: 20px;
+ padding-left: 20px;
+ margin-bottom: 40px;
+ }
+ .masonry-grid-item.masonry-grid-item-wide,
+ .masonry-grid-sizer.masonry-grid-item-wide {
+ width: 66.6666666667%;
+ }
+}
+
+.masonry-grid-sizer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 0;
+ margin-bottom: 0;
+ visibility: hidden;
+}
+@media (min-width: 770px) {
+ .masonry-grid-sizer {
+ margin-bottom: 0;
+ }
+}
+@media (min-width: 1080px) {
+ .masonry-grid-sizer {
+ margin-bottom: 0;
+ }
+}
+
+.mini-cart-wrapper:hover .mini-cart {
+ display: block;
+}
+@media (max-width: 1079px) {
+ .mini-cart-wrapper:hover .mini-cart {
+ display: none;
+ }
+}
+.mini-cart-wrapper:hover .mini-cart.empty {
+ display: none;
+}
+
+.mini-cart {
+ display: none;
+ position: absolute;
+ top: 45px;
+ right: -75px;
+ z-index: 5000;
+ width: 410px;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ text-align: left;
+}
+.mini-cart:before {
+ content: "";
+ position: absolute;
+ top: -20px;
+ height: 20px;
+ width: 100%;
+}
+.mini-cart .arrow {
+ position: absolute;
+ top: -8px;
+ right: 117px;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ border-bottom: 8px solid #ffffff;
+}
+.mini-cart .arrow:before {
+ content: "";
+ display: block;
+ border-left: 9px solid transparent;
+ border-right: 9px solid transparent;
+ border-bottom: 9px solid #e4e4e4;
+ z-index: -1;
+ left: 50%;
+ position: absolute;
+ margin-left: -9px;
+ top: -1px;
+}
+.template-cart .mini-cart {
+ display: none !important;
+}
+
+.mini-cart-item {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ position: relative;
+ margin: 0 30px;
+ padding: 20px 0;
+ border-bottom: 1px solid #e4e4e4;
+}
+.mini-cart-item:last-of-type {
+ border-bottom: 0;
+}
+
+.mini-cart-item-image {
+ display: inline-block;
+ width: 90px;
+ margin-right: 30px;
+ margin-left: 0;
+ vertical-align: top;
+}
+.mini-cart-item-image img {
+ display: block;
+ margin: 0 auto;
+}
+
+.mini-cart-item-details {
+ display: inline-block;
+ width: 225px;
+ font-size: 1rem;
+}
+.mini-cart-item-details p {
+ margin: 0;
+}
+
+.original-price {
+ display: block;
+ color: #848484;
+}
+.original-price ~ .mini-cart-item-price .final-price {
+ color: #b08212;
+}
+
+.cart-item-discounts {
+ color: #b08212;
+ margin: 0;
+}
+.cart-item-discounts svg {
+ color: #b08212;
+ margin-right: 2px;
+ height: 0.7142857143rem;
+ width: 0.7142857143rem;
+}
+.cart-item-discounts .cart-item-discount {
+ line-height: 1.4em;
+ margin-top: 7px;
+}
+
+.mini-cart-item-quantity,
+.mini-cart-item-subscriptions {
+ font-size: 0.8571428571rem;
+}
+
+.mini-cart-item-title a {
+ display: block;
+ margin: 6px 0;
+ color: #444444;
+}
+
+.mini-cart-item-property {
+ display: block;
+ margin: 6px 0 !important;
+ color: #444444;
+}
+
+.subtotal-row {
+ display: flex;
+ flex-direction: row;
+}
+.subtotal-row .cart-subtotal-group:nth-child(odd) {
+ flex: 2;
+}
+.subtotal-row .cart-subtotal-group:nth-child(even) {
+ flex: 1;
+}
+
+.mini-cart__taxes-shipping-text {
+ margin: 0;
+}
+
+.cart-subtotal {
+ font-size: 16px;
+}
+.cart-subtotal .price {
+ text-align: right;
+}
+.cart-subtotal .cart-discount-title {
+ color: #b08212;
+ line-height: 1.4em;
+ padding-bottom: 10px;
+}
+.cart-subtotal .cart-discount-title svg {
+ margin-right: 1px;
+ height: 0.7142857143rem;
+ width: 0.7142857143rem;
+}
+.cart-subtotal .discount-value {
+ color: #b08212;
+ padding-bottom: 10px;
+}
+
+.mini-cart-footer {
+ display: flex;
+ justify-content: space-between;
+ padding: 22px 24px;
+ border-top: 1px solid #e4e4e4;
+}
+.mini-cart-footer .button {
+ width: 170px;
+}
+.mini-cart-footer .mini-cart-checkout-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.mini-cart-footer .mini-cart-checkout-button svg {
+ width: 16px;
+ height: 16px;
+ margin: -10px 10px -10px 0;
+}
+
+.modal-wrapper {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 4000;
+ display: none;
+ visibility: hidden;
+ background: rgba(0, 0, 0, 0.8);
+ opacity: 0;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.modal-opened {
+ display: block;
+}
+
+.modal-visible {
+ visibility: visible;
+ opacity: 1;
+}
+
+.modal-inner {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 1000;
+ width: 100%;
+ max-width: 960px;
+ max-height: 90%;
+ padding: 30px;
+ overflow-y: scroll;
+ background: #ffffff;
+ opacity: 0;
+ transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ aspect-ratio: var(--video-feature-aspect-ratio);
+}
+.modal-active .modal-inner {
+ opacity: 1;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+@media (min-width: 770px) {
+ .modal-inner {
+ padding: 70px;
+ }
+}
+
+.modal-header:empty {
+ display: none;
+}
+
+.modal-close {
+ position: absolute;
+ top: 6px;
+ right: 6px;
+ width: 18px;
+ height: 18px;
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+}
+.modal-close svg {
+ padding: 4px;
+}
+@media (min-width: 770px) {
+ .modal-close {
+ top: 26px;
+ right: 26px;
+ }
+ .modal-close svg {
+ padding: 0;
+ }
+}
+
+.navigation.navigation-desktop {
+ position: relative;
+ display: none;
+ width: 100%;
+ font-size: 0;
+ -webkit-font-smoothing: antialiased;
+ text-align: center;
+}
+@media (min-width: 1080px) {
+ .navigation.navigation-desktop {
+ display: table;
+ }
+}
+.navigation.navigation-desktop li {
+ display: inline-block;
+}
+.navigation.navigation-desktop .navigation-menu a,
+.navigation.navigation-desktop .navigation-menu summary {
+ position: relative;
+ top: 1px;
+ display: block;
+ padding: 15px 25px 14px;
+ font-size: 1.2142857143rem;
+ border: 1px solid transparent;
+ transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}.navigation.navigation-desktop .navigation-menu a,
+ .navigation.navigation-desktop .navigation-menu summary {
+ padding: 17px 25px;
+ font-size: 1rem;
+ }.navigation.navigation-desktop .navigation-menu a:hover,
+.navigation.navigation-desktop .navigation-menu summary:hover {
+ color: #646464;
+}
+.navigation.navigation-desktop .navigation-menu summary {
+ list-style: none;
+ cursor: pointer;
+}
+.navigation.navigation-desktop .navigation-menu summary::-webkit-details-marker {
+ display: none;
+}
+.navigation.navigation-desktop .has-dropdown > a,
+.navigation.navigation-desktop .has-dropdown summary,
+.navigation.navigation-desktop .has-mega-nav > a,
+.navigation.navigation-desktop .has-mega-nav summary {
+ padding-right: 36px;
+}
+.navigation.navigation-desktop .has-dropdown > a:after,
+.navigation.navigation-desktop .has-dropdown summary:after,
+.navigation.navigation-desktop .has-mega-nav > a:after,
+.navigation.navigation-desktop .has-mega-nav summary:after {
+ content: "\e602";
+ font-size: 0.2857142857rem;
+ position: absolute;
+ top: 50%;
+ right: 15px;
+}.navigation.navigation-desktop .has-dropdown > a:after,
+ .navigation.navigation-desktop .has-dropdown summary:after,
+ .navigation.navigation-desktop .has-mega-nav > a:after,
+ .navigation.navigation-desktop .has-mega-nav summary:after {
+ margin-top: -1px;
+ }.navigation.navigation-desktop .has-dropdown.has-dropdown--active,
+.navigation.navigation-desktop .has-mega-nav.has-dropdown--active {
+ z-index: 4000;
+}
+.navigation.navigation-desktop .has-dropdown.has-dropdown--active > a,
+.navigation.navigation-desktop .has-dropdown.has-dropdown--active summary,
+.navigation.navigation-desktop .has-mega-nav.has-dropdown--active > a,
+.navigation.navigation-desktop .has-mega-nav.has-dropdown--active summary {
+ z-index: 3000;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ border-bottom-color: #ffffff;
+}
+.navigation.navigation-desktop .has-dropdown {
+ position: relative;
+}
+.navigation.navigation-desktop .has-dropdown .navigation-submenu.visible {
+ display: block;
+}
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu {
+ position: absolute;
+ top: 100%;
+ z-index: 2500;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ min-width: 200px;
+ text-align: left;
+ padding: 15px 0;
+}
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu li {
+ display: block;
+}
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu a,
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu summary {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ display: block;
+ border: 0;
+ padding: 1px 25px;
+ line-height: 1.6em;
+ text-transform: none;
+ letter-spacing: 0;
+ font-size: 1rem;
+ border: 0;
+}
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu a:hover,
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu summary:hover {
+ color: #c0c0c0;
+}
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu-tier2 .has-dropdown > a::after,
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu-tier2 .has-dropdown > details summary::after {
+ transform: rotate(-90deg);
+}
+.navigation.navigation-desktop .has-dropdown > details .navigation-submenu-tier3 {
+ top: -16px;
+}
+.navigation.navigation-desktop .has-dropdown .navigation-submenu-tier3 {
+ left: 100%;
+}
+.navigation.navigation-desktop .has-dropdown .navigation-submenu-tier3.navigation-submenu-open-left {
+ right: 100%;
+ left: auto;
+}
+.navigation.navigation-desktop .mobile-link,
+.navigation.navigation-desktop .enter-linklist {
+ display: none;
+}
+.navigation.navigation-desktop .navigation-menu .has-mega-nav details[open] .mega-nav {
+ display: block;
+}
+
+.mega-nav {
+ position: absolute;
+ left: 50%;
+ z-index: 2500;
+ display: none;
+ width: 100vw;
+ max-width: 1260px;
+ padding: 35px;
+ font-size: 0;
+ text-align: left;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ transform: translateX(-50%);
+}
+@media (max-width: 1079px) {
+ .mega-nav {
+ display: none;
+ }
+}
+.mega-nav.visible {
+ display: block;
+}
+
+.mega-nav-list-wrapper {
+ display: inline-block;
+ width: 100%;
+ vertical-align: top;
+}
+.mega-nav-image + .mega-nav-list-wrapper {
+ width: 65%;
+}
+.navigation.navigation-desktop .mega-nav-list-wrapper {
+ margin-bottom: -40px;
+}
+
+.navigation.navigation-desktop .mega-nav-list {
+ display: inline-block;
+ width: 33.333%;
+ padding-right: 30px;
+ margin-bottom: 40px;
+ vertical-align: top;
+}
+.navigation.navigation-desktop .mega-nav-list li {
+ display: block;
+}
+.navigation.navigation-desktop .mega-nav-list a {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ padding: 1px 0;
+ font-size: 1rem;
+ line-height: 1.6;
+ letter-spacing: 0;
+ text-transform: none;
+ border: 0;
+}
+.navigation.navigation-desktop .mega-nav-list a:hover {
+ color: #444444;
+}
+.navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link {
+ font-weight: 700;
+}
+.mega-nav-list .mega-nav-list-title .mega-nav-list-title-link {
+ margin-bottom: 10px;
+ font-size: 1.1428571429rem;
+ font-weight: 700;
+}
+.mobile-mega-nav .mega-nav-list .mega-nav-list-title .mega-nav-list-title-link {
+ margin-bottom: 0;
+ font-size: inherit;
+}.mega-nav-list .mega-nav-list-title .mega-nav-list-title-link {
+ font-size: 1rem;
+ }.mega-nav-image {
+ display: inline-block;
+ width: 35%;
+ padding-right: 45px;
+ margin: 0;
+ vertical-align: top;
+}
+.mega-nav-image img {
+ display: block;
+ margin: 0 auto;
+}
+
+.mobile-mega-nav {
+ display: none;
+}
+@media (max-width: 1079px) {
+ .mobile-mega-nav {
+ display: block;
+ }
+}
+
+.navigation.navigation-mobile {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 3000;
+ display: block;
+ width: 100%;
+ max-width: 450px;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ background: #ffffff;
+ transform: translateX(-450px);
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ -webkit-overflow-scrolling: touch;
+}
+@media (max-width: 539px) {
+ .navigation.navigation-mobile {
+ max-width: 300px;
+ }
+}
+@media (min-width: 1080px) {
+ .navigation.navigation-mobile {
+ display: none;
+ }
+}
+.navigation.navigation-mobile.visible {
+ transform: translateX(0);
+}
+.navigation.navigation-mobile .mobile-link {
+ display: block;
+}
+.navigation.navigation-mobile .navigation-menu {
+ position: relative;
+ padding: 0 20px;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.navigation.navigation-mobile .navigation-menu li {
+ width: 100%;
+}
+.navigation.navigation-mobile .navigation-menu > li {
+ border-bottom: 1px solid #e4e4e4;
+}
+.navigation.navigation-mobile .navigation-menu > li:last-child {
+ border-bottom: 0;
+}
+.navigation.navigation-mobile .navigation-menu a {
+ display: block;
+ padding: 18px 0;
+}
+.navigation.navigation-mobile .navigation-menu a + .navigation-submenu {
+ padding-bottom: 0;
+}
+.navigation.navigation-mobile .navigation-menu a + .navigation-submenu-visible {
+ padding-bottom: 18px;
+}
+.navigation.navigation-mobile .has-dropdown > a {
+ margin-right: 40px;
+}
+.navigation.navigation-mobile .has-mobile-dropdown--active > .navigation-submenu {
+ max-height: 100%;
+}
+.navigation.navigation-mobile .navigation-submenu {
+ display: block;
+ width: 100%;
+ max-height: 0;
+ overflow: auto;
+ transition: max-height 0.25s ease, padding 0.25s ease;
+}
+.navigation.navigation-mobile .navigation-submenu a {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.navigation.navigation-mobile .navigation-submenu a + .navigation-submenu {
+ padding-bottom: 0;
+}
+.navigation.navigation-mobile .navigation-submenu a + .navigation-submenu-visible {
+ padding-bottom: 12px;
+}
+.navigation.navigation-mobile .navigation-submenu .navigation-submenu {
+ padding-right: 12px;
+ padding-left: 12px;
+}
+.navigation.navigation-mobile .navigation-submenu .navigation-submenu a {
+ padding-top: 6px;
+ padding-bottom: 6px;
+}
+.navigation.navigation-mobile .navigation-submenu .navigation-submenu a + .navigation-submenu {
+ padding-bottom: 0;
+}
+.navigation.navigation-mobile .navigation-submenu .navigation-submenu a + .navigation-submenu-visible {
+ padding-bottom: 6px;
+}
+
+@media (min-width: 1080px) {
+ .sticky-header .header-main-content {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 2000;
+ display: table;
+ width: 100%;
+ max-width: 100%;
+ background: #ffffff;
+ border-bottom: 1px solid #e4e4e4;
+ }
+ .sticky-header .header-layout-compact-center .header-main-content {
+ display: block;
+ }
+ .sticky-header .header-layout-compact-center .header-branding-desktop--has-logo {
+ max-height: calc(100% - 10px);
+ }
+ .sticky-header .header-layout-compact-center .header-branding-desktop--has-logo .logo-link {
+ height: 100%;
+ }
+ .sticky-header .header-layout-compact-center .header-branding-desktop--has-logo .logo-image {
+ max-height: auto;
+ }
+ .sticky-header .header-branding h1, .sticky-header .header-branding .age-gate__heading {
+ font-size: 1rem;
+ }
+ .sticky-header .header-branding-desktop {
+ width: 130px;
+ padding: 0;
+ border-bottom: 0;
+ }
+ .sticky-header .header-branding-desktop .logo-link {
+ max-width: 100%;
+ visibility: hidden;
+ }
+ .sticky-header .header-branding-desktop .logo-image {
+ height: auto;
+ max-height: 48px;
+ }
+ .sticky-header .header-sticky-show-logo .logo-link {
+ visibility: visible;
+ }
+ .sticky-header .header-content-right {
+ width: 130px;
+ }
+ .sticky-header .header-search-form {
+ display: none;
+ }
+ .sticky-header .header-layout-default .header-branding-desktop,
+ .sticky-header .header-layout-default .navigation-wrapper,
+ .sticky-header .header-layout-default .header-content-right {
+ display: table-cell;
+ vertical-align: middle;
+ }
+ .sticky-header .header-layout-default .header-branding-desktop {
+ padding-left: 30px;
+ }
+ .sticky-header .header-layout-default .header-content-right {
+ position: relative;
+ top: 0;
+ right: 0;
+ }
+ .sticky-header .header-layout-compact-left .navigation-wrapper,
+ .sticky-header .header-layout-default .navigation-wrapper {
+ width: calc(100% - 260px);
+ }
+}
+
+.sticky-header-cart-count {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ position: absolute;
+ font-size: 0.9285714286rem;
+ line-height: 0.9285714286rem;
+ color: #000000;
+ text-align: right;
+ opacity: 0;
+ visibility: hidden;
+ transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.sticky-header-cart-count:hover {
+ color: #404040;
+}.sticky-header-cart-count {
+ font-size: 0.8571428571rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.sticky-header .sticky-header-cart-count {
+ position: relative;
+ top: 0;
+ right: 0;
+ padding-right: 30px;
+ opacity: 1;
+ visibility: visible;
+}
+
+.navigation-toggle-close,
+.navigation-submenu-toggle {
+ color: #808080;
+}
+
+.navigation-submenu-toggle {
+ display: inline-block;
+ float: right;
+ width: 30px;
+ height: 30px;
+ padding: 5px;
+ margin-top: -5px;
+ margin-right: -40px;
+ color: #808080;
+}
+@media (min-width: 1080px) {
+ .navigation-submenu-toggle {
+ display: none;
+ }
+}
+.navigation-submenu-toggle svg {
+ width: -5px;
+ height: -5px;
+ transform: rotate(0);
+ transition: transform 0.25s ease;
+ transform-origin: 50% 50%;
+}
+.has-mobile-dropdown--active > a .navigation-submenu-toggle svg {
+ transform: rotate(-90deg);
+}
+
+.navigation-toggle {
+ display: inline-block;
+ margin: 0;
+ cursor: pointer;
+}
+@media (min-width: 1080px) {
+ .navigation-toggle {
+ display: none;
+ }
+}
+
+.navigation-toggle-close {
+ position: absolute;
+ top: 50%;
+ right: 20px;
+ padding: 3px;
+ margin-top: -12px;
+ color: #808080;
+}
+.navigation-toggle-close svg {
+ width: 18px;
+ height: 18px;
+}
+
+.header-search-expanded-closing .navigation-toggle-open {
+ transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.header-nav-toggle-covered .navigation-toggle-open {
+ opacity: 0;
+ transform: translateX(-40px);
+ transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.navigation-toggle-open {
+ padding: 3px;
+}
+
+.navigation-toggle-icon {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ height: 12px;
+ color: #242424;
+}
+
+body.lock-scroll {
+ height: 100%;
+ overflow: hidden;
+ width: 100%;
+ position: fixed;
+}
+
+@media (max-width: 1079px) {
+ .mobile-nav-open .main-header,
+ .mobile-nav-open .home-slideshow,
+ .mobile-nav-open .masonry-features-wrapper,
+ .mobile-nav-open .main-content,
+ .mobile-nav-open .main-footer {
+ transform: translateX(450px);
+ }
+}
+@media (max-width: 539px) {
+ .mobile-nav-open .main-header,
+ .mobile-nav-open .home-slideshow,
+ .mobile-nav-open .masonry-features-wrapper,
+ .mobile-nav-open .main-content,
+ .mobile-nav-open .main-footer {
+ transform: translateX(300px);
+ }
+}
+
+.header-search {
+ display: none;
+}
+@media (min-width: 1080px) {
+ .header-search {
+ display: inline-block;
+ }
+}
+
+.navigation.full-width {
+ border-bottom: 0;
+}
+
+.navigation-wrapper {
+ background: transparent;
+ transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.navigation-wrapper.visible {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0px;
+ left: 0;
+ z-index: 5001;
+ overflow: hidden;
+}
+.navigation-wrapper.background {
+ background: rgba(0, 0, 0, 0.6);
+}
+
+.navigation {
+ position: relative;
+}
+.navigation ul {
+ padding: 0;
+ margin: 0;
+}
+.navigation li {
+ display: inline-block;
+}
+.navigation .has-dropdown > ul {
+ display: none;
+}
+.navigation .navigation-menu a,
+.navigation .navigation-menu summary {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 1rem;
+ color: #808080;
+}.navigation .navigation-menu a,
+ .navigation .navigation-menu summary {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }.pagination,
+.single-post-pagination {
+ margin-top: 10px;
+ padding: 0 30px;
+ text-align: center;
+}
+.pagination li,
+.single-post-pagination li {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+}
+.pagination .next,
+.pagination .previous,
+.single-post-pagination .next,
+.single-post-pagination .previous {
+ width: 36px;
+ padding: 13px 0 12px;
+ color: #ffffff;
+ vertical-align: top;
+ background: #b08212;
+ cursor: pointer;
+}
+.pagination .next a,
+.pagination .previous a,
+.single-post-pagination .next a,
+.single-post-pagination .previous a {
+ color: #ffffff;
+ line-height: 1;
+}
+.pagination a,
+.single-post-pagination a {
+ display: block;
+ width: 36px;
+ line-height: 38px;
+ color: #787878;
+}
+.pagination .ellipsis,
+.single-post-pagination .ellipsis {
+ background: transparent;
+ width: 36px;
+ border: 0;
+ color: #8a8a8a;
+ color: #a2a2a2;
+ font-size: 1.3571428571rem;
+ font-family: "Helvetica", "Arial", sans-serif;
+ vertical-align: top;
+}
+@media (max-width: 769px) {
+ .pagination li:not(.next):not(.previous),
+ .single-post-pagination li:not(.next):not(.previous) {
+ display: none;
+ }
+}
+
+.product-gallery {
+ overflow: hidden;
+}
+
+body:not(.user-is-tabbing) .product-gallery--viewport {
+ outline: none;
+}
+
+.product-gallery--viewport--figure {
+ position: relative;
+ margin-block-start: 0;
+ margin-block-end: 0;
+ margin-inline-end: 0;
+ margin-inline-start: 0;
+}
+body:not(.user-is-tabbing) .product-gallery--viewport--figure {
+ outline: none;
+}
+.product-gallery--viewport--figure:not([data-product-gallery-selected=true]) {
+ display: none;
+}
+[data-product-gallery-layout=masonry] .product-gallery--viewport--figure, [data-product-gallery-layout=list] .product-gallery--viewport--figure {
+ display: block;
+}
+[data-product-gallery-layout=list] .product-gallery--viewport--figure {
+ margin: 10px 0 0;
+}
+[data-product-gallery-layout=list] .product-gallery--viewport--figure:first-of-type {
+ margin-top: 0;
+}
+.product-gallery--viewport--figure img {
+ display: block;
+ width: 100%;
+ height: auto;
+ max-width: 100%;
+}
+.product-gallery--viewport--figure img .zoom-enabled {
+ cursor: zoom-in;
+}
+.product-gallery--viewport--figure video {
+ display: block;
+ max-width: 100%;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.product-gallery--viewport--figure .product-gallery--media-wrapper {
+ position: relative;
+}
+.product-gallery--viewport--figure .product-gallery--media-wrapper.zoom-enabled {
+ cursor: zoom-in;
+}
+.product-gallery--viewport--figure[data-media-type=model] .product-gallery--media-wrapper {
+ height: 0;
+ padding-bottom: 100%;
+}
+.product-gallery--viewport--figure[data-media-type=model] .product-gallery--media-wrapper model-viewer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ text-align: start;
+}
+.product-gallery--viewport--figure[data-media-type=external_video] .product-gallery--media-wrapper {
+ width: 100%;
+ height: 0;
+ padding-bottom: 56.25%;
+}
+.product-gallery--viewport--figure[data-media-type=external_video] .product-gallery--media-wrapper > iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.product-gallery--viewport--figure .product-gallery--border-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+}
+.product-gallery--viewport--figure[data-media-type=video] .product-gallery--media-wrapper > video {
+ visibility: hidden;
+}
+
+.product-gallery--media-thumbnail {
+ position: relative;
+ max-width: 100%;
+ padding: 2px;
+ margin: 0 6px;
+ background: none;
+ border: none;
+}
+@media (max-width: 769px) {
+ .product-gallery--media-thumbnail {
+ margin: 0 2px;
+ }
+}
+body:not(.user-is-tabbing) .product-gallery--media-thumbnail {
+ outline: none;
+}
+.product-gallery--media-thumbnail::after {
+ transition: box-shadow 200ms;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ content: "";
+ box-shadow: none;
+}
+.product-gallery--media-borders .product-gallery--media-thumbnail::after {
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+}
+.product-gallery--media-thumbnail[data-product-gallery-selected=true] {
+ border: 1px solid #444444;
+}
+.product-gallery--media-thumbnail img {
+ display: block;
+ width: 100%;
+ height: auto;
+ max-width: 100%;
+}
+.product-gallery--media-thumbnail svg {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ width: 20px;
+ height: 20px;
+ color: #000000;
+ background-color: #ffffff;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.product-gallery--viewinyourspace {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 60%;
+ height: auto;
+ padding: 0;
+ color: #444444;
+ background-color: rgba(68, 68, 68, 0.08);
+ border: 0;
+ margin: 30px auto 0;
+}
+[data-product-gallery-layout=slideshow] .product-gallery--viewinyourspace, [data-product-gallery-layout=list] .product-gallery--viewinyourspace {
+ margin: 0 0 10px 0;
+ width: 100%;
+}
+.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
+ display: none;
+}
+@media (min-width: 770px) {
+ .product-gallery--viewinyourspace[data-shopify-xr-hidden] {
+ display: none;
+ }
+}
+.product-gallery--viewinyourspace svg {
+ width: 44px;
+ height: 44px;
+ pointer-events: none;
+}
+
+[data-mobile-slider-navigation] {
+ display: none;
+}
+
+@media (max-width: 769px) {
+ .product-masonry .mobile-slider-nav-wrapper {
+ display: block;
+ width: 100%;
+ }
+ .product-masonry [data-mobile-slider-navigation] {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ max-width: 80%;
+ margin: 30px auto 0;
+ }
+ .product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next {
+ padding: 0;
+ color: #000000;
+ cursor: pointer;
+ background: transparent;
+ border: none;
+ }
+ .product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next[data-mobile-slider-button=prev] {
+ margin-right: 30px;
+ }
+ .product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next[data-mobile-slider-button=next] {
+ margin-left: 30px;
+ }
+ .product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next:disabled {
+ cursor: default;
+ opacity: 0.2;
+ }
+ .product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next svg {
+ width: 17px;
+ height: 17px;
+ vertical-align: middle;
+ fill: #000000;
+ }
+ .product-masonry [data-mobile-slider-navigation] [data-mobile-slider-dots] {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ list-style-type: none;
+ cursor: pointer;
+ margin: 0;
+ }
+ .product-masonry [data-mobile-slider-navigation] [data-mobile-slider-dots] .dot {
+ width: 10px;
+ height: 10px;
+ margin: 4px 8px 4px 8px;
+ background-color: #000000;
+ border-radius: 10px;
+ opacity: 0.2;
+ }
+ .product-masonry [data-mobile-slider-navigation] [data-mobile-slider-dots] .dot.selected {
+ opacity: 1;
+ }
+}
+.plyr.plyr--video {
+ color: #000000;
+ background-color: #ffffff;
+}
+body:not(.user-is-tabbing) .plyr.plyr--video {
+ outline: none;
+}
+.plyr.plyr--video .plyr__control {
+ color: #000000;
+ background: #ffffff;
+ border: 0;
+}
+.plyr.plyr--video > .plyr__control {
+ width: 60px;
+ height: 60px;
+ padding: 0;
+ background: #ffffff;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+.plyr.plyr--video > .plyr__control > svg {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ border: 0;
+ transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.plyr.plyr--video > .plyr__control:hover > svg {
+ opacity: 0.55;
+}
+.plyr.plyr--video > .plyr__control:active {
+ opacity: 0.7;
+}
+.plyr.plyr--video .plyr__progress__buffer {
+ background: rgba(0, 0, 0, 0.06);
+ opacity: 0.6;
+}
+.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
+.plyr.plyr--video .plyr__control--overlaid:hover {
+ color: #000000;
+}
+.plyr.plyr--video .plyr__video-wrapper,
+.plyr.plyr--video .plyr__poster {
+ background-color: #ffffff;
+}
+.plyr.plyr--video .plyr__controls {
+ background: #ffffff;
+ border: 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+.plyr.plyr--video .plyr__tooltip {
+ color: #ffffff;
+ background: #000000;
+}
+.plyr.plyr--video .plyr__tooltip:before {
+ border-top: 4px solid #000000;
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
+ background-image: linear-gradient(to right, #000000 var(--value, 0%), rgba(0, 0, 0, 0.06) var(--value, 0%));
+}
+.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
+ box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
+ box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
+ box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-thumb {
+ box-shadow: 2px 0 0 0 #ffffff;
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-moz-range-track {
+ box-shadow: 2px 0 0 0 #ffffff;
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-ms-thumb {
+ box-shadow: 2px 0 0 0 #ffffff;
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
+ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]:active::-moz-range-track {
+ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]:active::-ms-thumb {
+ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume {
+ background-color: #000000;
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
+ background-image: linear-gradient(to right, #ffffff var(--value, 0%), rgba(255, 255, 255, 0.6) var(--value, 0%));
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
+ color: #ffffff;
+ box-shadow: 2px 0 0 0 #000000;
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
+ color: #ffffff;
+ box-shadow: 2px 0 0 0 #000000;
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
+ color: #ffffff;
+ box-shadow: 2px 0 0 0 #000000;
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
+ box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-track {
+ box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
+ box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
+}
+
+.product-list-item, .product-grid-masonry-sizer {
+ margin: 20px 0 30px;
+ display: inline-block;
+ vertical-align: top;
+ padding: 0 20px;
+ font-size: 1rem;
+}
+.rows-of-2 .product-list-item, .rows-of-2 .product-grid-masonry-sizer {
+ width: 50%;
+}
+@media (max-width: 539px) {
+ .rows-of-2 .product-list-item, .rows-of-2 .product-grid-masonry-sizer {
+ width: 100%;
+ }
+}
+.rows-of-3 .product-list-item, .rows-of-3 .product-grid-masonry-sizer {
+ width: 33.333%;
+}
+@media (max-width: 769px) {
+ .rows-of-3 .product-list-item, .rows-of-3 .product-grid-masonry-sizer {
+ width: 50%;
+ }
+}
+@media (max-width: 539px) {
+ .rows-of-3 .product-list-item, .rows-of-3 .product-grid-masonry-sizer {
+ width: 100%;
+ }
+}
+.rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
+ width: 25%;
+}
+@media (max-width: 1079px) {
+ .rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
+ width: 33.333%;
+ }
+}
+@media (max-width: 769px) {
+ .rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
+ width: 50%;
+ }
+}
+@media (max-width: 539px) {
+ .rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
+ width: 100%;
+ }
+}
+.product-grid-masonry-sizer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ visibility: hidden;
+}
+
+.product-list-item-thumbnail {
+ position: relative;
+ margin: 0;
+ cursor: pointer;
+}
+.product-list-item-thumbnail.has-secondary-image {
+ background-size: 0%;
+ background-position: center;
+}
+.product-list-item-thumbnail:before {
+ transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ content: "";
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ pointer-events: none;
+}
+.has-quick-shop .product-list-item-thumbnail:hover::before, .has-stock-indicator .product-list-item-thumbnail:hover::before {
+ background: rgba(255, 255, 255, 0.5);
+}
+@media (max-width: 1079px) {
+ .has-quick-shop .product-list-item-thumbnail:hover::before, .has-stock-indicator .product-list-item-thumbnail:hover::before {
+ background: transparent;
+ }
+}
+.product-list-item-thumbnail img,
+.product-list-item-thumbnail svg {
+ display: block;
+ margin: 0 auto;
+}
+.no-touch .product-list-item-thumbnail.has-secondary-image:hover {
+ background-size: cover;
+}
+.no-touch .product-list-item-thumbnail.has-secondary-image:hover img,
+.no-touch .product-list-item-thumbnail.has-secondary-image:hover svg {
+ opacity: 0;
+}
+.product-list-item-thumbnail:hover .product-list-item-inventory {
+ opacity: 1;
+}
+
+.product-list-item-inventory {
+ cursor: pointer;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ font-size: 0.9285714286rem;
+ text-align: center;
+ padding: 12px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ opacity: 0;
+ transform: translateX(-50%) translateY(-50%);
+}.product-list-item-inventory {
+ font-size: 0.8571428571rem;
+ }.product-list-item-inventory:hover {
+ color: #000000;
+}
+
+.product-list-item-unavailable,
+.product-list-item-on-sale {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ top: -10px;
+ right: -10px;
+ background: #b08212;
+ padding: 10px;
+ width: 62px;
+ height: 62px;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 1.4;
+}
+.product-list-item-unavailable.product-icons::after,
+.product-list-item-on-sale.product-icons::after {
+ font-family: "chiko-icons";
+ font-size: 1.7857142857rem;
+ letter-spacing: 0;
+ line-height: 0;
+ color: #ffffff;
+ -webkit-font-smoothing: antialiased;
+}
+.product-list-item-unavailable::after,
+.product-list-item-on-sale::after {
+ transform: translate(-50%, -50%);
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ font-size: 0.6428571429rem;
+ color: #ffffff;
+ -webkit-font-smoothing: antialiased;
+}
+
+.product-list-item-unavailable::after,
+.product-list-item-on-sale::after {
+ content: attr(data-title);
+}
+
+.product-list-item-unavailable.product-icons::after {
+ content: "\e607";
+}
+
+.product-list-item-on-sale.product-icons::after {
+ content: "\e605";
+}
+
+.product-list-item-details {
+ text-align: center;
+}
+.product-list-item-details p {
+ margin: 0;
+}
+.product-list-item-details > *:first-child {
+ margin-top: 18px;
+}
+
+.product-list-item-vendor {
+ font-size: 0.9285714286rem;
+}.product-list-item-vendor a {
+ color: #8a8a8a;
+}
+
+.product-list-item-title {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ margin: 7px 0;
+ font-size: 1.0714285714rem;
+ text-transform: none;
+ letter-spacing: 0;
+ word-break: break-word;
+}
+.product-list-item-title a {
+ color: #000000;
+ white-space: normal;
+}
+
+.product-list-item-price .original {
+ text-decoration: line-through;
+ color: #a2a2a2;
+ margin-left: 2px;
+}
+
+.shopify-model-viewer-ui {
+ --progress-bar-color: #000000;
+ --progress-bar-height: 2px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen) .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--exit-fullscreen {
+ display: none;
+}
+.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--enter-fullscreen {
+ display: none;
+}
+.shopify-model-viewer-ui model-viewer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+}
+.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
+ pointer-events: none;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ cursor: pointer;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
+ position: absolute;
+ right: 10px;
+ bottom: 10px;
+ z-index: 1;
+ display: flex;
+ flex-direction: column;
+ width: 46px;
+ height: auto;
+ opacity: 0;
+ transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
+ display: none;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
+ opacity: 1;
+}
+.shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area {
+ opacity: 1;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
+ cursor: pointer;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus {
+ z-index: 1;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-out,
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-in,
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--fullscreen {
+ cursor: pointer;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
+ width: 46px;
+ height: 46px;
+ padding: 0;
+ color: #000000;
+ background-color: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.05);
+ transition: background-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
+body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
+ outline: none;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg,
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control svg {
+ width: 46px;
+ height: 46px;
+ opacity: 1;
+ transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg,
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover svg {
+ opacity: 0.55;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:active,
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
+ background-color: #f2f2f2;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
+ position: absolute;
+ top: calc(50% - 60px/2);
+ left: calc(50% - 60px/2);
+ z-index: 1;
+ width: 60px;
+ height: 60px;
+ background-color: #ffffff;
+ border: none;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg {
+ opacity: 0.55;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg {
+ width: 100%;
+ height: 100%;
+ border: none;
+ opacity: 1;
+ transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:first-child {
+ border-bottom: 0;
+}
+.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
+ border-top: 0;
+}
+
+.quick-shop-modal-trigger {
+ opacity: 0;
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ padding: 12px;
+ font-size: 0.9285714286rem;
+ text-align: center;
+ cursor: pointer;
+ background: #ffffff;
+ border: 1px solid #e4e4e4;
+ transform: translateX(-50%) translateY(-50%);
+}.quick-shop-modal-trigger {
+ font-size: 0.8571428571rem;
+ }.quick-shop-modal-trigger:hover {
+ color: #404040;
+}
+@media (max-width: 1079px) {
+ .quick-shop-modal-trigger {
+ display: none;
+ }
+}
+.product-list-item > figure:hover .quick-shop-modal-trigger, .product-grid-masonry-sizer > figure:hover .quick-shop-modal-trigger {
+ opacity: 1;
+}
+
+.quickshop {
+ opacity: 0;
+ transition: all, 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 4000;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: rgba(0, 0, 0, 0.8);
+ visibility: hidden;
+}
+@media (max-width: 1079px) {
+ .quickshop {
+ display: none;
+ }
+}
+.quickshop.quickshop-visible {
+ opacity: 1;
+ visibility: visible;
+}
+
+.quickshop-content {
+ position: relative;
+ display: flex;
+ width: 100%;
+ max-width: 960px;
+ max-height: 90%;
+ padding: 70px;
+ overflow: hidden;
+ background: #ffffff;
+ opacity: 0;
+}
+.quickshop-loaded .quickshop-content {
+ opacity: 1;
+}
+
+.quickshop-close {
+ position: absolute;
+ top: 40px;
+ right: 40px;
+ width: 19px;
+ height: 18px;
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+}
+
+.quickshop-spinner {
+ opacity: 1;
+}
+.quickshop-loaded .quickshop-spinner {
+ opacity: 0;
+}
+
+.quickshop-product {
+ width: 100%;
+ height: auto;
+ overflow-y: auto;
+}
+
+.shopify-payment-button .shopify-payment-button__button {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 700;
+ overflow: hidden;
+ border-radius: 2px;
+}
+.shopify-payment-button .shopify-payment-button__button--unbranded {
+ color: #ffffff;
+ background: #b08212;
+}
+.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not(:disabled) {
+ color: #ffffff;
+ background: #cc9715;
+}
+
+.rating {
+ display: flex;
+ align-items: center;
+}
+
+.rating__star-wrapper {
+ display: flex;
+ margin-bottom: 3px;
+}
+
+.icon-star-background {
+ transform: scaleX(var(--rating-scale, 0));
+}
+
+.icon-star-reference {
+ position: absolute;
+ left: -9999;
+ width: 0;
+ height: 0;
+}
+
+.rating__star {
+ width: 20px;
+ height: auto;
+}
+
+.rating__star-1 {
+ --rating-scale: calc(var(--rating-value));
+}
+
+.rating__star-2 {
+ --rating-scale: calc(var(--rating-value) - 1);
+}
+
+.rating__star-3 {
+ --rating-scale: calc(var(--rating-value) - 2);
+}
+
+.rating__star-4 {
+ --rating-scale: calc(var(--rating-value) - 3);
+}
+
+.rating__star-5 {
+ --rating-scale: calc(var(--rating-value) - 4);
+}
+
+.rating__text {
+ display: none;
+}
+
+.rating__count {
+ margin: 0 0 0 5px;
+}
+
+@media (forced-colors: active) {
+ .rating__star-wrapper {
+ display: none;
+ }
+ .rating__text {
+ display: block;
+ }
+}
+.search-filters__title {
+ display: none;
+}
+
+.search-dropdown--filter {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ width: 100%;
+ margin-top: 10px;
+}
+.search-dropdown--filter:only-child {
+ width: auto;
+}
+
+.search-filters__filter {
+ position: absolute;
+ left: var(--mobile-left);
+ z-index: 1;
+ box-sizing: border-box;
+ display: none;
+ width: var(--mobile-width);
+ max-height: 500px;
+ padding: 0.75rem;
+ margin-top: 4px;
+ overflow-y: auto;
+ list-style-type: none;
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ border-radius: 3px;
+ opacity: 0;
+}
+.search-filters__filter[data-animation] {
+ display: block;
+}
+.search-filters__filter[data-animation="closed=>open"] {
+ transition: opacity 200ms, height 300ms;
+}
+.search-filters__filter[data-animation="open=>closed"] {
+ transition: opacity 150ms, height 150ms;
+}
+.search-filters__filter[data-animation-state=open] {
+ display: block;
+ height: var(--open-height);
+ opacity: 1;
+}
+@media (min-width: 540px) {
+ .search-filters__filter {
+ right: auto;
+ left: 0;
+ width: -webkit-max-content;
+ width: max-content;
+ min-width: 100%;
+ }
+ .search-filters__filter.filters--overflow-right {
+ right: 0;
+ left: auto;
+ }
+}
+
+.search-filters__price-range-form {
+ margin: 0;
+}
+
+.search-filters__details-wrapper {
+ position: unset;
+ height: auto;
+ margin: 0 4px 4px 0;
+ overflow: visible;
+}
+.search-filters__details-wrapper:last-child {
+ margin: 0 0 4px 0;
+}
+@media (min-width: 540px) {
+ .search-filters__details-wrapper {
+ position: relative;
+ height: var(--closed-filter-height);
+ }
+}
+
+.search-filters__filter-group {
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ border-radius: 3px;
+ transition: border-color 0.2s ease-out;
+}
+.search-filters__filter-group::after {
+ display: none;
+}
+.search-filters__filter-group .search-filters__filter-group-title::-webkit-details-marker {
+ display: none;
+}
+
+.search-filters__filter-group-title {
+ display: flex;
+ align-items: center;
+ width: auto;
+ padding-right: 2.5rem;
+ margin-top: 0;
+ margin-bottom: 0;
+ list-style: none;
+ border: none;
+}
+.search-filters__filter-group-title::after {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 10.5px;
+ padding: 4px 10px;
+ margin: 0;
+ pointer-events: none;
+ transform: rotate(0) translateY(-50%);
+}
+.search-filters__filter-group[open] .search-filters__filter-group-title::after {
+ transform: rotate(180deg) translateY(50%);
+}
+
+.search-filters__active-filter-indicator {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15px;
+ height: 15px;
+ padding: 2px;
+ margin-left: 1rem;
+ font-size: 0.75rem;
+ color: #b08212;
+ background-color: #e2ded0;
+ border-radius: 50%;
+}
+
+.search-filters__filter-checkbox {
+ width: 12px;
+ min-width: 12px;
+ height: 12px;
+ color: #b08212;
+ cursor: pointer;
+ border: 1px solid #e4e4e4;
+}
+.search-filters__filter-checkbox svg {
+ display: none;
+}
+.search-filters__filter-checkbox[data-checked] svg {
+ display: block;
+}
+[data-disabled] .search-filters__filter-checkbox {
+ cursor: not-allowed;
+}
+
+.search-filters__filter-range {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ color: #787878;
+}
+
+.search-filters__filter-range--from,
+.search-filters__filter-range--to {
+ position: relative;
+ display: grid;
+ grid-template-rows: auto auto;
+ grid-template-columns: -webkit-min-content auto;
+ grid-template-columns: min-content auto;
+ align-items: center;
+ width: 100%;
+ margin: 4px 0;
+}
+.search-filters__filter-range--from .search-filters__filter-range-input,
+.search-filters__filter-range--to .search-filters__filter-range-input {
+ margin: 0;
+ color: currentColor;
+}
+
+.search-filters__filter-range--to {
+ margin-right: 0;
+ margin-left: 1rem;
+}
+
+.search-filters__filter-range-label {
+ grid-row: 1/span 1;
+ grid-column: 1/span 2;
+ justify-self: start;
+ font-size: 1rem;
+ margin: 0;
+ color: currentColor;
+}
+
+.search-filters__filter-range-currency {
+ font-family: Lora,serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ margin-right: 4px;
+ color: currentColor;
+}
+
+.search-filters__filter-title-wrapper {
+ display: flex;
+ align-items: center;
+}
+
+.search-filters__filter-title {
+ margin: 0;
+ text-transform: none;
+ letter-spacing: 0;
+ pointer-events: none;
+}
+
+.search-filters__filter-icon-wrapper {
+ position: relative;
+ width: 0.5714285714rem;
+ height: 0.5714285714rem;
+ margin: 0 4px;
+ outline: none;
+}
+
+.search-filters__filter-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: inline-block;
+ margin-top: -3px;
+ transform: translateX(-50%);
+}
+
+.search-filters__filter-list-item {
+ display: flex;
+ row-gap: 0.25rem;
+ align-items: center;
+ margin-top: 0.5rem;
+ font-size: 1rem;
+ color: #787878;
+}
+.search-filters__filter-list-item:first-child {
+ margin-top: 0;
+}
+
+.search-filters__filter-link {
+ display: flex;
+ flex: 1;
+ column-gap: 0.375rem;
+ align-items: center;
+ padding: 0.2142857143rem;
+ margin: 0;
+ line-height: 1.15;
+ color: currentColor;
+ text-decoration: none;
+ outline-offset: -4px;
+}
+.search-filters__filter-link[data-disabled] {
+ cursor: not-allowed;
+ opacity: 50%;
+}
+.search-filters__filter-link[data-disabled]:hover {
+ color: currentColor;
+}
+.search-filters__filter-link:hover {
+ z-index: 101;
+ color: currentColor;
+}
+.modal .search-filters__filter-link {
+ width: 100%;
+ padding: 4px;
+}
+
+.search-filters__filter-list-item-text {
+ display: inline-block;
+ padding: 0.2142857143rem;
+ margin: 0;
+ line-height: 1.15;
+ color: currentColor;
+ text-decoration: none;
+ vertical-align: middle;
+ text-align: left;
+ word-break: break-word;
+}
+
+.search-page__filters--active {
+ margin-top: 20px;
+}
+
+.search-form {
+ position: relative;
+ width: 100%;
+}
+.search-form.search-form--header {
+ max-width: 225px;
+}
+@media (max-width: 1079px) {
+ .search-form.search-form--header {
+ display: none;
+ }
+}
+.sticky-header .search-form.search-form--header {
+ display: none;
+}
+@media (max-width: 769px) {
+ .search-form.search-form--mobile {
+ position: static;
+ }
+}
+.search-form.search-form--search-page {
+ max-width: 675px;
+ padding: 0 20px;
+ margin: 24px auto;
+}
+
+.search-form__results-container {
+ position: absolute;
+ right: 0;
+ display: none;
+ width: 650px;
+ max-height: var(--results-container-height);
+ padding: 20px 30px 0;
+ margin-top: 4px;
+ overflow-y: auto;
+ font-size: initial;
+ text-align: left;
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ opacity: 0;
+}
+.search-form__results-container[data-animation] {
+ display: block;
+ transition: opacity 0.2s;
+}
+.search-form__results-container[data-animation-state=open] {
+ display: block;
+ opacity: 1;
+}
+.search-form__results-container[data-loading=true] {
+ padding: 20px 30px;
+}
+@media (max-width: 769px) {
+ .search-form__results-container {
+ padding: 24px 30px 0;
+ border: none;
+ }
+}
+.search-form--mobile .search-form__results-container {
+ width: 100%;
+ margin-top: -1px; /* Account for border overlap */
+}
+@media (max-width: 769px) {
+ .search-form--mobile .search-form__results-container {
+ top: 100%;
+ padding-top: 0;
+ }
+}
+
+.search-form__results-container-loading-state {
+ display: flex;
+ justify-content: center;
+ padding: 1rem 0;
+}
+[data-loading=false] .search-form__results-container-loading-state {
+ display: none;
+}
+.search-form__results-container-loading-state svg path:first-child {
+ opacity: 0.125;
+}
+.search-form__results-container-loading-state svg path:last-child {
+ fill: #b08212;
+}
+[data-loading=true] .search-form__results-container-loading-state svg path:last-child {
+ transform-origin: center;
+ animation: rotate 0.75s infinite linear;
+}
+@keyframes rotate {
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+.search-form__field {
+ position: relative;
+}
+
+input.search-form__input {
+ max-width: 100%;
+ padding: 16px 52px 16px 18px;
+ margin: 0;
+}
+.search-form--header input.search-form__input {
+ padding: 10px 40px 10px 12px;
+ font-size: 13px;
+}
+@media (max-width: 1079px) {
+ input.search-form__input {
+ font-size: 16px;
+ }
+}
+
+.search-form__submit-button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ padding: 12px 16px;
+ background: none;
+ border: none;
+}
+.search-form--header .search-form__submit-button {
+ padding: 12px;
+}
+.search-form--header .search-form__submit-button svg {
+ width: 15px;
+ height: 15px;
+}
+
+.search-takeover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 200;
+ display: none;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ padding: 0 30px;
+ background-color: #ffffff;
+ opacity: 0;
+}
+.search-takeover[data-animation] {
+ display: flex;
+ transition: opacity 0.2s;
+}
+.search-takeover[data-animation-state=open] {
+ display: flex;
+ opacity: 1;
+}
+
+.search-takeover__wrapper {
+ display: flex;
+ flex: 1;
+ gap: 18px;
+}
+@media (min-width: 540px) {
+ .search-takeover__wrapper {
+ gap: 30px;
+ }
+}
+@media (min-width: 770px) {
+ .search-takeover__wrapper {
+ padding-left: 64px;
+ }
+}
+
+.search-takeover__close-button {
+ padding: 0.5rem;
+ background: none;
+ border: none;
+}
+.search-takeover__close-button svg {
+ display: block;
+ width: 20px;
+ height: 20px;
+}
+
+.share-buttons {
+ margin: 30px auto 40px;
+ cursor: pointer;
+}
+.share-buttons .section-title {
+ margin-right: 12px;
+ font-size: 0.9285714286rem;
+}
+.share-buttons a {
+ display: inline-block;
+ height: 22px;
+ margin: 0 5px;
+ vertical-align: text-top;
+}
+.share-buttons a svg {
+ height: 13px;
+}
+.share-buttons a.share-pinterest svg {
+ height: 14px;
+}
+.share-buttons a.share-fancy svg {
+ width: 13px;
+ height: 13px;
+}
+.share-buttons a .share-email svg {
+ height: 11px;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * *
+ShopPad App: Tracktor
+https://apps.shopify.com/tracktor-2
+* * * * * * * * * * * * * * * * * * * * * * * * * * */
+#tracktorContainer {
+ max-width: 1260px;
+ margin: 0 auto 30px;
+ padding: 0 30px;
+}
+
+#tracktorOrderForm {
+ padding: 0 30px !important;
+ max-width: 710px;
+ margin: 0 auto;
+ float: none !important;
+ width: auto !important;
+ text-align: center;
+}
+#tracktorOrderForm label {
+ margin: 0;
+ color: #000000;
+}
+#tracktorOrderForm input {
+ background-color: #ffffff;
+}
+
+@media screen and (max-width: 797px) {
+ #tracktorOrderStatus div {
+ height: auto !important;
+ background-color: rgba(0, 0, 0, 0) !important;
+ }
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * *
+ShopPad App: Bouncer
+https://apps.shopify.com/bouncer
+* * * * * * * * * * * * * * * * * * * * * * * * * * */
+#bouncer_modal_datepicker span {
+ position: relative;
+ display: inline-block;
+ margin: 0;
+}
+#bouncer_modal_datepicker span:after {
+ content: "\e602";
+ font-size: 0.3571428571rem;
+ position: absolute;
+ right: 12px;
+ top: 50%;
+ margin-top: -2px;
+}
+#bouncer_modal_datepicker span select {
+ background-color: #ffffff;
+ cursor: pointer;
+ border: 1px solid #e4e4e4;
+ color: #787878;
+ position: relative;
+ padding: 6px 30px 6px 10px;
+ width: 100%;
+ border-radius: 2px;
+ font-size: 1rem;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * *
+ShopPad App: Uploadery
+https://apps.shopify.com/uploadery
+* * * * * * * * * * * * * * * * * * * * * * * * * * */
+#uploadery-container:empty {
+ display: none !important;
+}
+#uploadery-container form {
+ display: inline-block;
+ width: 100%;
+ background-color: inherit;
+ margin: 30px 0 0 0;
+}
+#uploadery-container form:last-child {
+ margin-bottom: 30px;
+}
+#uploadery-container label {
+ position: relative;
+ line-height: 1.6;
+ color: #444444;
+ width: 100%;
+ display: inline-block;
+ margin: 0;
+ color: #000000;
+ overflow: hidden;
+}
+#uploadery-container label .spb-fileupload {
+ margin-top: 5px;
+}
+#uploadery-container input[type=file] {
+ -webkit-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ outline: none;
+ font-size: 1rem;
+ color: #444444;
+ padding: 0;
+ border: 0;
+}
+#uploadery-container input[type=file]::-webkit-file-upload-button {
+ font-size: 1rem;
+ color: #444444;
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ border-radius: 4px;
+ color: #444444;
+ box-sizing: border-box;
+ padding: 4px 6px;
+ outline: none;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * *
+ShopPad App: Infinite Options
+https://apps.shopify.com/custom-options
+* * * * * * * * * * * * * * * * * * * * * * * * * * */
+#infiniteoptions-container > div {
+ margin-bottom: 16px;
+ display: inline-block;
+ width: 100%;
+}
+#infiniteoptions-container > div > label {
+ color: #444444;
+ width: 100%;
+ display: inline-block;
+ margin: 0;
+ color: #000000;
+}
+#infiniteoptions-container > div > span {
+ width: 100%;
+ display: inline-block;
+}
+#infiniteoptions-container > div > span label {
+ /* radio button labels */
+ color: #444444;
+ margin: 0;
+ margin-bottom: 5px;
+ width: 100%;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ position: relative;
+}
+#infiniteoptions-container > div > span label input[type=radio] {
+ position: relative;
+ margin: 0;
+ margin-right: 10px;
+ display: inline-block;
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ width: 20px;
+ height: 20px;
+ border-radius: 10px;
+ vertical-align: bottom;
+ -webkit-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ outline: none;
+}
+#infiniteoptions-container > div > span label input[type=radio]:checked:after {
+ content: "";
+ position: relative;
+ display: block;
+ width: 10px;
+ height: 10px;
+ background-color: #444444;
+ border-radius: 10px;
+ top: 4px;
+ left: 4px;
+}
+#infiniteoptions-container .spb-select {
+ position: relative;
+ width: 100%;
+ max-width: 340px;
+}
+@media (max-width: 769px) {
+ #infiniteoptions-container .spb-select {
+ margin: 0 auto;
+ }
+}
+#infiniteoptions-container .spb-select:after {
+ content: "\e602";
+ font-size: 0.3571428571rem;
+ position: absolute;
+ right: 12px;
+ top: 50%;
+ margin-top: -2px;
+ pointer-events: none;
+}
+#infiniteoptions-container .spb-select select {
+ background-color: #ffffff;
+ cursor: pointer;
+ border: 1px solid #e4e4e4;
+ color: #787878;
+ position: relative;
+ padding: 6px 30px 6px 10px;
+ width: 100%;
+ border-radius: 2px;
+ font-size: 1rem;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+}
+#infiniteoptions-container input[type=text],
+#infiniteoptions-container input[type=number],
+#infiniteoptions-container input[type=url],
+#infiniteoptions-container input[type=password],
+#infiniteoptions-container input[type=email],
+#infiniteoptions-container textarea {
+ background-color: #ffffff;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+}
+@media (max-width: 769px) {
+ #infiniteoptions-container input[type=text],
+ #infiniteoptions-container input[type=number],
+ #infiniteoptions-container input[type=url],
+ #infiniteoptions-container input[type=password],
+ #infiniteoptions-container input[type=email],
+ #infiniteoptions-container textarea {
+ margin: 0 auto;
+ }
+}
+#infiniteoptions-container textarea {
+ min-height: 5px;
+}
+#infiniteoptions-container fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+#infiniteoptions-container fieldset label {
+ color: #444444;
+ margin-bottom: 5px;
+ width: 100%;
+ display: inline-block;
+ margin: 0;
+}
+#infiniteoptions-container fieldset input[type=checkbox] {
+ position: relative;
+ margin: 0;
+ margin-right: 10px;
+ display: inline-block;
+ background-color: #ffffff;
+ border: 1px solid #e4e4e4;
+ width: 20px;
+ height: 20px;
+ border-radius: 4px;
+ vertical-align: bottom;
+ -webkit-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ outline: none;
+}
+#infiniteoptions-container fieldset input[type=checkbox]:checked:after {
+ font-family: arial;
+ content: "✓";
+ position: relative;
+ width: 20px;
+ height: 20px;
+ color: #444444;
+ top: 0;
+ left: 4px;
+ text-align: center;
+ line-height: 20px;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * *
+ShopPad App: Coin
+https://apps.shopify.com/coin
+* * * * * * * * * * * * * * * * * * * * * * * * * * */
+#coin-container {
+ position: relative;
+}
+#coin-container:empty {
+ display: none !important;
+}
+#coin-container:after {
+ content: "\e602";
+ font-size: 0.3571428571rem;
+ position: absolute;
+ right: 5px;
+ bottom: 5px;
+ pointer-events: none;
+}
+#coin-container select {
+ background-color: transparent;
+ cursor: pointer;
+ border: 1px solid #e4e4e4;
+ color: #000000;
+ padding: 8px 30px 8px 5px;
+ max-width: 220px;
+ width: 100%;
+ border-radius: 2px;
+ font-size: 0.9285714286rem;
+ -webkit-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+}
+#coin-container select::-ms-expand {
+ display: none;
+}
+
+.main-header #coin-container {
+ display: inline-block;
+}
+.main-header #coin-container label {
+ display: inline-block;
+ margin: 0;
+ font-size: 1rem;
+ line-height: 36px;
+ color: #242424;
+}
+.main-header #coin-container label select {
+ margin-left: 10px;
+}
+.main-header #coin-container select {
+ display: inline-block;
+ background: transparent;
+ border: 0;
+ max-width: none;
+ width: auto;
+ float: right;
+ line-height: 18px;
+ color: #242424;
+}
+
+.site-overlay {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 4000;
+ display: none;
+ height: 100vh;
+ overflow: hidden;
+ background-color: rgba(0, 0, 0, 0.6);
+ opacity: 0;
+}
+.site-overlay[data-animation] {
+ display: block;
+ transition: opacity 250ms;
+}
+.site-overlay[data-animation-state=open] {
+ display: block;
+ opacity: 1;
+}
+
+.no-js [data-rimg-noscript] + [data-rimg=lazy] {
+ display: none;
+}
+.no-js [data-rimg=lazy] {
+ opacity: 1;
+}
+
+.age-gate {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+}
+.age-gate::before {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: var(--background-color, #ffffff);
+ content: "";
+}
+
+.age-gate__header {
+ margin-bottom: 32px;
+}
+
+.age-gate__logo-wrapper {
+ position: relative;
+ display: block;
+ max-width: 100px;
+ margin: 0 auto;
+}
+.age-gate__logo-wrapper + .age-gate__heading,
+.age-gate__logo-wrapper + .age-gate__description {
+ margin-top: 32px;
+}
+
+.age-gate__logo {
+ width: auto;
+ height: auto;
+ max-width: 100%;
+}
+
+.age-gate__heading {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.age-gate__heading + .age-gate__description {
+ margin-top: 12px;
+}
+
+.age-gate__description {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.age-gate__content {
+ position: relative;
+ z-index: 1;
+ /* Extra small devices (phones, 768px and down) */
+ max-width: 75%;
+ /* Medium devices (landscape tablets, 768px and up) */
+}
+@media only screen and (min-width: 768px) {
+ .age-gate__content {
+ max-width: 50%;
+ }
+}
+
+.age-gate__form {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 16px;
+}
+
+.age-gate__select-wrapper {
+ /* Extra small devices (phones, 768px and down) */
+ grid-column: 1/4;
+ /* Medium devices (landscape tablets, 768px and up) */
+}
+@media only screen and (min-width: 768px) {
+ .age-gate__select-wrapper {
+ grid-column: unset;
+ }
+}
+
+.age-gate__select {
+ margin-top: 0;
+ margin-bottom: 0;
+ /* Medium devices (landscape tablets, 768px and up) */
+}
+@media only screen and (min-width: 768px) {
+ .age-gate__select {
+ margin-top: inherit;
+ margin-bottom: inherit;
+ }
+}
+
+.age-gate__confirm_btn {
+ grid-column: 1/4;
+}
+
+.age-gate__error {
+ grid-column: 1/4;
+ margin-top: 10px;
+ color: var(--color-error, #ea555c);
+}
+
+.age-gate {
+ z-index: 9999;
+}
+
+.age-gate__select-wrapper {
+ text-align: left;
+}
+.age-gate__select-wrapper .select-wrapper {
+ max-width: none;
+}
\ No newline at end of file
diff --git a/shopify/_cwGRID/assets/theme.css.liquid b/shopify/_cwGRID/assets/theme.css.liquid
index d3d49665..d9a2c7b7 100644
--- a/shopify/_cwGRID/assets/theme.css.liquid
+++ b/shopify/_cwGRID/assets/theme.css.liquid
@@ -1790,11 +1790,20 @@ h6 {
.shopify-policy__title h1,
.shopify-policy__title .age-gate__heading {
margin: 0 0 10px 0;
- padding: 0 30px;
+ padding: 30px;
text-align: center;
font-size: 1.7142857143rem;
-webkit-font-smoothing: antialiased;
word-break: break-word;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ border-radius: 4px;
+ display: block;
+ width: -webkit-fit-content;
+ width: fit-content;
+ max-width: 90%;
+ margin-left: auto;
+ margin-right: auto;
}
{%- if settings.heading-font-small-caps == true -%}
.page-title,
@@ -3470,9 +3479,42 @@ iframe {
max-width: 600px;
margin: 0 auto 20px;
font-size: 1rem;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ padding: 20px 30px;
+ border-radius: 4px;
+ display: block;
+ width: -webkit-fit-content;
+ width: fit-content;
+ max-width: 90%;
}
.collection-header-alternate .collection-description {
- max-width: 100%;
+ max-width: 90%;
+}
+
+/* Boost AI Search & Discovery collection header: the title + description are
+ overlaid on the hero background image. Put each text block on its own 50%
+ opaque dark panel so it stays readable over any image (Steve 2026-06-22).
+ Per-element (not the wrapper) — the wrapper's width collapses and won't
+ cover the wider description text. */
+.boost-sd__header-title {
+ display: inline-block !important;
+ background-color: rgba(0, 0, 0, 0.55) !important;
+ color: #ffffff !important;
+ padding: 10px 24px !important;
+ border-radius: 6px !important;
+}
+.boost-sd__header-description {
+ display: inline-block !important;
+ background-color: rgba(0, 0, 0, 0.55) !important;
+ color: #ffffff !important;
+ padding: 16px 28px !important;
+ border-radius: 6px !important;
+ max-width: 92% !important;
+ margin-top: 10px !important;
+}
+.boost-sd__header-description * {
+ color: #ffffff !important;
}
@media (min-width: 770px) {
@@ -6923,7 +6965,7 @@ iframe {
text-align: left;
}
-input.input.mailing-list-email {
+input.mailing-list-email {
display: inline-block;
vertical-align: top;
height: 39px;
@@ -6931,7 +6973,7 @@ input.input.mailing-list-email {
padding: 9px 101px 9px 12px;
font-size: 1rem;
}
-input.input.mailing-list-email::placeholder {
+input.mailing-list-email::placeholder {
color: {{ settings.body-text-color }};
}
@@ -6945,7 +6987,7 @@ input.input.mailing-list-email::placeholder {
.mailing-list-submit .submit {
width: auto;
height: 39px;
- margin: 5px 0;
+ margin: 0;
padding: 1px 10px 0;
font-size: 0.9285714286rem;
line-height: 39px;
@@ -7423,6 +7465,7 @@ noscript .shopify-localization-form .disclosure-list__item--label {
margin-top: 35px;
border-left: 1px solid {{ settings.border-color }};
padding: 0 30px;
+ font-size: 0;
}
@media (max-width: 1079px) {
.product-recommendations-wrapper--right {
@@ -7457,8 +7500,12 @@ noscript .shopify-localization-form .disclosure-list__item--label {
}
}
.product-recommendations-wrapper--right a {
- display: block;
- margin-bottom: 25px;
+ display: inline-block;
+ vertical-align: top;
+ width: 23%;
+ margin: 0 1%;
+ margin-bottom: 0;
+ font-size: 16px;
}
.product-recommendations-wrapper--right a:last-child {
margin-bottom: 0;
@@ -8386,17 +8433,61 @@ shopify-payment-terms {
font-family: {{ fonts_font_body_family }};
font-style: {{ fonts_font_body_style }};
font-weight: {{ fonts_font_body_weight }};
- margin: 0;
- padding: 0 30px;
+ margin: 0 auto 15px;
+ padding: 15px 30px;
text-align: center;
- color: {{ settings.meta-color }};
+ color: #ffffff;
font-size: 1rem;
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ display: block;
+ width: -webkit-fit-content;
+ width: fit-content;
+ max-width: 90%;
}
.breadcrumbs a {
- color: {{ settings.meta-color }};
+ color: #ffffff;
+ text-decoration: underline;
}
.breadcrumbs a:hover {
- color: {{ settings.accent-color }};
+ color: #e0e0e0;
+}
+
+/* DW FIX 2026-06-23: the base .breadcrumbs rule above (white text + dark
+ rgba(0,0,0,.5) overlay) is meant for breadcrumbs sitting OVER a collection
+ hero image. On standard pages (product / page / cart / search / 404 / blog /
+ account) there is no hero, so it rendered as an empty grey bar with invisible
+ white text. Strip the overlay + use readable dark body text on those pages,
+ then RE-ASSERT the dark overlay for the real hero case (.collection-header)
+ so collection pages with a banner image are unchanged. */
+.breadcrumbs {
+ background-color: transparent;
+ color: #333333;
+ border-radius: 0;
+}
+.breadcrumbs a {
+ color: #333333;
+}
+.breadcrumbs a:hover {
+ color: #000000;
+}
+.breadcrumbs .divider {
+ color: #999999;
+}
+/* Preserve the hero-overlay styling where breadcrumbs sit on a banner image. */
+.collection-header .breadcrumbs {
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ border-radius: 4px;
+}
+.collection-header .breadcrumbs a {
+ color: #ffffff;
+}
+.collection-header .breadcrumbs a:hover {
+ color: #e0e0e0;
+}
+.collection-header .breadcrumbs .divider {
+ color: #ffffff;
}
.filter-form {
@@ -9323,9 +9414,8 @@ input[type=checkbox].recipient-disclosure__checkbox {
}
.header-tools .aligned-right {
position: relative;
- display: flex;
- justify-content: flex-end;
- align-items: center;
+ float: right;
+ text-align: right;
}
.header-tools .aligned-right > *:first-child {
margin-left: 0;
@@ -11709,17 +11799,17 @@ body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__bu
position: relative;
}
-input.input.search-form__input {
+input.search-form__input {
max-width: 100%;
padding: 16px 52px 16px 18px;
margin: 0;
}
-.search-form--header input.input.search-form__input {
+.search-form--header input.search-form__input {
padding: 10px 40px 10px 12px;
font-size: 13px;
}
@media (max-width: 1079px) {
- input.input.search-form__input {
+ input.search-form__input {
font-size: 16px;
}
}
diff --git a/shopify/_cwGRID/snippets/product-form-content.liquid b/shopify/_cwGRID/snippets/product-form-content.liquid
index bfadee2c..c0019d66 100644
--- a/shopify/_cwGRID/snippets/product-form-content.liquid
+++ b/shopify/_cwGRID/snippets/product-form-content.liquid
@@ -10,668 +10,792 @@
{% assign product_id = product.id %}
{% assign selected_variant = product.selected_or_first_available_variant %}
-<div class="product-form-content-wrapper">
- {% for block in section.blocks %}
- {% case block.type %}
- {% when 'vendor' %}
- <a class="product-vendor" href="{{ product.vendor | url_for_vendor }}" {{ block.shopify_attributes }}>{{ product.vendor }}</a>
-
- {% when 'title' %}
- <h1 class="product-title" {{ block.shopify_attributes }}>
- {% if product != blank %}
- {% if link_to %}
- <a href="{{ product.url }}">
- {{ product.title }}
- </a>
- {% else %}
+{%- liquid
+ assign _selected_variant_sku = selected_variant.sku | default: '' | downcase
+ assign _selected_variant_title = selected_variant.title | default: '' | downcase
+
+ assign _selected_variant_sku_suffix = _selected_variant_sku | slice: -7, 7
+
+ assign is_sample_sku = false
+ if _selected_variant_sku != blank and _selected_variant_sku_suffix == '-sample'
+ assign is_sample_sku = true
+ endif
+
+ assign is_sample_title = false
+ if _selected_variant_title contains 'sample'
+ assign is_sample_title = true
+ endif
+
+ assign is_sample_like = false
+ if is_sample_sku
+ assign is_sample_like = true
+ elsif is_sample_title and selected_variant.price == 0
+ assign is_sample_like = true
+ endif
+-%}
+
+<!-- -----------020------------ -->
+{% assign prods_quantity_order_min = 1 %}
+
+{% if product.metafields['global']['v_prods_quantity_order_min'] %}
+ {% if product.metafields['global']['v_prods_quantity_order_min'] != '' %}
+ {% assign prods_quantity_order_min = product.metafields['global']['v_prods_quantity_order_min'] %}
+ {% endif %}
+{% endif %}
+
+{% assign prods_quantity_order_units = 1 %}
+
+{% if product.metafields['global']['v_prods_quantity_order_units'] %}
+ {% if product.metafields['global']['v_prods_quantity_order_units'] != '' %}
+ {% assign prods_quantity_order_units = product.metafields['global']['v_prods_quantity_order_units'] %}
+ {% endif %}
+{% endif %}
+
+<!-- Minimum order quantity from custom metafields (e.g. Ralph Lauren fabrics) -->
+{% assign min_order_qty = product.metafields.custom.minimum_order_quantity | default: nil %}
+{% assign min_order_unit = product.metafields.custom.minimum_order_unit | default: '' %}
+{% assign has_min_order = false %}
+{% if min_order_qty != nil and min_order_qty != blank and min_order_qty > 1 %}
+ {% assign has_min_order = true %}
+ {% assign min_order_qty_num = min_order_qty | plus: 0 %}
+ {% if min_order_qty_num > prods_quantity_order_min %}
+ {% assign prods_quantity_order_min = min_order_qty_num %}
+ {% endif %}
+{% endif %}
+
+<!-- -------------------------- -->
+<script>
+ setTimeout(function () {
+ const qtySelector = document.querySelector('.mm_quantity .input-text.qty');
+ if (qtySelector) {
+ qtySelector.value = {{ prods_quantity_order_min }};
+ }
+ }, 1000);
+</script>
+
+{% if has_min_order %}
+<!-- Minimum order notice and validation -->
+<style>
+ .min-order-notice {
+ background: #fff3cd;
+ border: 1px solid #ffc107;
+ border-radius: 4px;
+ padding: 8px 12px;
+ margin: 10px 0;
+ font-size: 14px;
+ font-weight: 600;
+ color: #856404;
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ }
+ .min-order-notice svg {
+ flex-shrink: 0;
+ }
+ .min-order-error {
+ background: #f8d7da;
+ border: 1px solid #f5c6cb;
+ color: #721c24;
+ border-radius: 4px;
+ padding: 8px 12px;
+ margin: 8px 0 0;
+ font-size: 13px;
+ display: none;
+ }
+</style>
+<div class="min-order-notice" data-min-order-notice>
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 2.5a.75.75 0 01.75.75v4a.75.75 0 01-1.5 0v-4A.75.75 0 018 3.5zm0 8a.75.75 0 100-1.5.75.75 0 000 1.5z"/></svg>
+ Minimum order: {{ min_order_qty }} {{ min_order_unit }}
+</div>
+<script>
+ (function() {
+ var MIN_QTY = {{ min_order_qty }};
+ var MIN_UNIT = {{ min_order_unit | json }};
+
+ document.addEventListener('DOMContentLoaded', function() {
+ // Find the product form (could be either .shopify-product-form or form with data-product-form)
+ var forms = document.querySelectorAll('form[action*="/cart/add"], form[data-product-form]');
+ forms.forEach(function(form) {
+ form.addEventListener('submit', function(e) {
+ var qtyInput = form.querySelector('.mm_quantity .input-text.qty') || form.querySelector('input[name="quantity"]');
+ if (!qtyInput) return;
+
+ var qty = parseInt(qtyInput.value, 10);
+ if (isNaN(qty) || qty < MIN_QTY) {
+ e.preventDefault();
+ e.stopImmediatePropagation();
+
+ // Show error message
+ var errorDiv = form.querySelector('.min-order-error');
+ if (!errorDiv) {
+ errorDiv = document.createElement('div');
+ errorDiv.className = 'min-order-error';
+ var addToCartBtn = form.querySelector('.product-add-to-cart');
+ if (addToCartBtn) {
+ addToCartBtn.appendChild(errorDiv);
+ }
+ }
+ errorDiv.textContent = 'Please enter a quantity of at least ' + MIN_QTY + ' ' + MIN_UNIT + '.';
+ errorDiv.style.display = 'block';
+
+ // Also fix the value
+ qtyInput.value = MIN_QTY;
+ var hqty = form.querySelector('.hquantity');
+ if (hqty) hqty.value = MIN_QTY;
+
+ // Hide error after 5s
+ setTimeout(function() { errorDiv.style.display = 'none'; }, 5000);
+ return false;
+ }
+ });
+ });
+
+ // Also enforce min on the minus button - prevent going below minimum
+ jQuery(document).on('click', '.minus', function() {
+ var $qty = jQuery(this).closest('.mm_quantity').find('.qty');
+ var currentVal = parseInt($qty.val(), 10);
+ if (currentVal < MIN_QTY) {
+ $qty.val(MIN_QTY);
+ jQuery(this).closest('.mm_quantity').find('.hquantity').attr('value', MIN_QTY);
+ }
+ });
+
+ // Enforce min on blur (manual typing)
+ jQuery(document).on('blur', '.mm_quantity .input-text.qty', function() {
+ var currentVal = parseInt(jQuery(this).val(), 10);
+ if (isNaN(currentVal) || currentVal < MIN_QTY) {
+ jQuery(this).val(MIN_QTY);
+ jQuery(this).closest('.mm_quantity').find('.hquantity').attr('value', MIN_QTY);
+ }
+ });
+
+ // Hide notice when sample variant is selected
+ jQuery(document).on('change', '.product-select, .single-option-selector', function() {
+ var $form = jQuery(this).closest('form, [data-product-form]');
+ var $selected = $form.find('.product-select option:selected, .product-select[type="hidden"]');
+ var selectedText = ($selected.text() || $selected.attr('data-variant-title') || '').toLowerCase();
+ var selectedSku = ($selected.attr('data-sku') || '').toLowerCase();
+ var isSample = /sample/i.test(selectedText) || /-sample$/i.test(selectedSku);
+
+ var $notice = jQuery('.min-order-notice[data-min-order-notice]');
+ if (isSample) {
+ $notice.hide();
+ } else {
+ $notice.show();
+ }
+ });
+ });
+ })();
+</script>
+{% endif %}
+
+{% for block in section.blocks %}
+ {% case block.type %}
+ {% when 'vendor' %}
+ <a class="product-vendor" href="{{ product.vendor | url_for_vendor }}" {{ block.shopify_attributes }}>{{ product.vendor }}</a>
+
+ {% when 'title' %}
+ <h1 class="product-title" {{ block.shopify_attributes }}>
+ {% if product != blank %}
+ {% if link_to %}
+ <a href="{{ product.url }}">
{{ product.title }}
- {% endif %}
+ </a>
{% else %}
- {{ 'products.product.onboarding.title' | t }}
+ {% comment %}{{ product.title }} {% endcomment %}
+ <a href="https://designer-laboratory-sandbox.myshopify.com/search?q={{ product.title }}">
+ {{ product.title }}
+ </a>
{% endif %}
- </h1>
-
- {% when '@app' %}
- <div class="product-app" {{ block.shopify_attributes }}>
- {% render block %}
+ {% else %}
+ {{ 'products.product.onboarding.title' | t }}
+ {% endif %}
+ </h1>
+ <span class="product-sku-label">SKU: </span>
+ {%- liquid
+ assign sku_raw = product.selected_or_first_available_variant.sku | default: ''
+ assign sku_display = sku_raw | replace: '-Sample', '' | replace: '-SAMPLE', '' | replace: '-sample', ''
+ assign sku_display = sku_display | replace: '--', '-' | replace: '--', '-'
+ assign sku_last_char = sku_display | slice: -1, 1
+ if sku_display != blank and sku_last_char == '-'
+ assign sku_display = sku_display | remove_last: '-'
+ endif
+ -%}
+ <span class="product-sku-value">{{ sku_display }}</span>
+ {% when '@app' %}
+ <div class="product-app" {{ block.shopify_attributes }}>
+ {% render block %}
+ </div>
+
+ {% when 'custom-liquid' %}
+ {% if block.settings.custom_liquid != blank %}
+ <div class="product__custom-liquid" {{ block.shopify_attributes }}>
+ {{ block.settings.custom_liquid }}
</div>
+ {% endif %}
- {% when 'custom-liquid' %}
- {% if block.settings.custom_liquid != blank %}
- <div class="product__custom-liquid" {{ block.shopify_attributes }}>
- {{ block.settings.custom_liquid }}
- </div>
- {% endif %}
+ {% when 'collapsible-tab' %}
+ {% if block.settings.collapsible_tab_heading != blank %}
+ <details class="collapsible-tab" {{ block.shopify_attributes }}>
+ <summary class="collapsible-tab__heading">
+ <span>{{ block.settings.collapsible_tab_heading | escape }}</span>
+ {%
+ render 'icons',
+ id: 'chevron-right',
+ %}
+ </summary>
+
+ {% if block.settings.collapsible_tab_text != blank %}
+ <div class="collapsible-tab__text rte">
+ {{ block.settings.collapsible_tab_text }}
+ </div>
+ {% endif %}
+ </details>
+ {% endif %}
+
+ {% when 'tabs' %}
+ {% assign tab_counter = 1 %}
+ <div class="product-tabs" {{ block.shopify_attributes }}>
+ {% if block.settings.show_product_description %}
+ <input
+ class="product-tabs__radio"
+ id="product-tabs__radio-{{ section.id }}"
+ name="{{ section.id }}"
+ tabindex="0"
+ type="radio"
+ checked="checked"
+ >
- {% when 'collapsible-tab' %}
- {% if block.settings.collapsible_tab_heading != blank %}
- <details class="collapsible-tab" {{ block.shopify_attributes }}>
- <summary class="collapsible-tab__heading">
- <span>{{ block.settings.collapsible_tab_heading | escape }}</span>
- {%
- render 'icons',
- id: 'chevron-right',
- %}
- </summary>
-
- {% if block.settings.collapsible_tab_text != blank %}
- <div class="collapsible-tab__text rte">
- {{ block.settings.collapsible_tab_text }}
- </div>
+ <label class="product-tabs__label" for="product-tabs__radio-{{ section.id }}">
+ {{ 'onboarding.tab_title'| t }}
+ </label>
+
+ <div class="product-tabs__panel rte" tabindex="0">
+ {% if onboarding %}
+ {{ 'onboarding.tab_content'| t }}
+ {% else %}
+ {% if product.description != blank %}
+ {{ product.description }}
+ {% else %}
+ {{ 'onboarding.tab_content'| t }}
+ {% endif %}
{% endif %}
- </details>
+ </div>
{% endif %}
- {% when 'tabs' %}
- {% assign tab_counter = 1 %}
- <div class="product-tabs" {{ block.shopify_attributes }}>
- {% if block.settings.show_product_description %}
+ {% for i in (1..3) %}
+ {% assign tab_text_key = 'tab_text_' | append: i %}
+ {% assign tab_heading_key = 'tab_heading_' | append: i %}
+ {% assign tab_heading_value = block.settings[tab_heading_key] %}
+ {% assign tab_text_value = block.settings[tab_text_key] %}
+
+ {% if tab_heading_value != blank %}
<input
- class="product-tabs__radio input"
- id="product-tabs__radio-{{ section.id }}"
+ class="product-tabs__radio"
+ id="product-tabs__radio-{{ i }}-{{ section.id }}"
name="{{ section.id }}"
tabindex="0"
type="radio"
- checked="checked"
+ {% if tab_counter == 1 and block.settings.show_product_description == false %}
+ checked
+ {% endif %}
>
- <label class="product-tabs__label label" for="product-tabs__radio-{{ section.id }}">
- {{ 'onboarding.tab_title'| t }}
+ <label class="product-tabs__label" for="product-tabs__radio-{{ i }}-{{ section.id }}">
+ {{ tab_heading_value | escape }}
</label>
<div class="product-tabs__panel rte" tabindex="0">
- {% if onboarding %}
- {{ 'onboarding.tab_content'| t }}
- {% else %}
- {% if product.description != blank %}
- {{ product.description }}
- {% else %}
- {{ 'onboarding.tab_content'| t }}
- {% endif %}
- {% endif %}
+ {{ tab_text_value }}
</div>
- {% endif %}
-
- {% for i in (1..3) %}
- {% assign tab_text_key = 'tab_text_' | append: i %}
- {% assign tab_heading_key = 'tab_heading_' | append: i %}
- {% assign tab_heading_value = block.settings[tab_heading_key] %}
- {% assign tab_text_value = block.settings[tab_text_key] %}
-
- {% if tab_heading_value != blank %}
- <input
- class="product-tabs__radio input"
- id="product-tabs__radio-{{ i }}-{{ section.id }}"
- name="{{ section.id }}"
- tabindex="0"
- type="radio"
- {% if tab_counter == 1 and block.settings.show_product_description == false %}
- checked
- {% endif %}
- >
-
- <label class="product-tabs__label label" for="product-tabs__radio-{{ i }}-{{ section.id }}">
- {{ tab_heading_value | escape }}
- </label>
-
- <div class="product-tabs__panel rte" tabindex="0">
- {{ tab_text_value }}
- </div>
- {% assign tab_counter = tab_counter | plus: 1 %}
- {% endif %}
- {% endfor %}
- </div>
-
- {% when 'price' %}
- <div class="product__price" {{ block.shopify_attributes }}>
- <p class="product-price">
- <span class="product-price-minimum money">
+ {% assign tab_counter = tab_counter | plus: 1 %}
+ {% endif %}
+ {% endfor %}
+ </div>
+
+ {% when 'price' %}
+ <div class="product__price" {{ block.shopify_attributes }}>
+ {%- comment -%}
+ DW trade/designer pricing tiers (2026-06-11): any customer carrying one of these
+ professional tags sees the trade price display (15% off, ×0.85). This restores the
+ pre-app behavior where every designer/trade tier got the discount — not just 'trade'.
+ Matches *any* tag containing 'designer' (interior_designer, commercial_designer, …)
+ plus the explicit tiers below. Add new tiers to the explicit list as needed.
+ {%- endcomment -%}
+ {%- assign dw_is_trade = false -%}
+ {%- for dw_t in customer.tags -%}
+ {%- assign dw_tl = dw_t | downcase | strip -%}
+ {%- if dw_tl contains 'designer' or dw_tl == 'trade' or dw_tl == 'architect' or dw_tl == 'stager' or dw_tl == 'hospitality' or dw_tl == 'retailer' -%}
+ {%- assign dw_is_trade = true -%}
+ {%- break -%}
+ {%- endif -%}
+ {%- endfor -%}
+ <input type="hidden" id="customer_tag" value="{% if dw_is_trade %}trade{% endif %}">
+ <p class="product-price">
+ {% comment %} SA Wholesale (saw_/wbuyx/"WHO") app removed 2026-06-11 — it left the price span blank. Render native variant price unconditionally. {% endcomment %}
+ <!-- native price markup -->
+ <meta itemprop="price" content="{{ selected_variant.price | money_without_currency }}">
+ <span class="product-price-minimum money {% if dw_is_trade %}original{% endif %}">
{% if product != blank %}
{{ selected_variant.price | money }}
{% else %}
{{ 'products.product.onboarding.price' | t }}
{% endif %}
</span>
+ {% if dw_is_trade %}
+ <span
+ class="product-price-discount"
+ >
+ {% assign target_product = selected_variant %}
+ {% assign com_selected_variant_title = selected_variant.title | capitalize %}
+ {% assign com_selected_variant_sku = selected_variant.sku | default: '' | downcase %}
+ {% if com_selected_variant_title == "Sample" or com_selected_variant_sku contains "sample" %}
+ {% comment %} {% render 'money', value: 0 %} {% endcomment %}
+ Complimentary Sample
+ {% else %}
+ {% assign com_variant_first_title = product.variants[0].title | capitalize %}
+ {% if com_variant_first_title == "Sample" and product.variants[1] != blank %}
+ {% assign target_product = product.variants[1] %}
+ {% endif %}
+ {% assign discounted_price = target_product.price | times:0.85 | round: 2 %}
+ {% render 'money', value: discounted_price %}
+ {% endif %}
+
+ </span>
+ {% endif %}
+ {% comment %}
<span
class="product-price-compare money original {% if selected_variant.compare_at_price > selected_variant.price %}visible{% endif %}"
>
{{ selected_variant.compare_at_price | money }}
</span>
- </p>
+ {% endcomment %}
+ </p>
+
+ {% assign variant_for_unit_price = selected_variant %}
+ {% comment %}Inject unit-price begin{% endcomment %}
+ {% comment %}
+ @param variant_for_unit_price
+ Product variant for price
+ @param tax_text
+ String containing 'tax included' text
+ {% endcomment %}
+
+ {% capture total_quantity %}
+ <span class="product-price__unit-price-total-quantity" data-unit-price-quantity>
+ {{ variant_for_unit_price.unit_price_measurement.quantity_value }}{{ variant_for_unit_price.unit_price_measurement.quantity_unit }}
+ </span>
+ {% endcapture %}
+
+
+ {% capture unit_price %}
+ <span class="product-price__unit-price-amount money" data-unit-price-amount>
+ {{ variant_for_unit_price.unit_price | money }}
+ </span>
+ {% endcapture %}
+ {% capture unit_measure %}
+ <span class="product-price__unit-price-measure" data-unit-price-measure>
+ {%- if variant_for_unit_price.unit_price_measurement.reference_value != 1 -%}
+ {{ variant_for_unit_price.unit_price_measurement.reference_value }}
+ {%- endif %}
+ {{ variant_for_unit_price.unit_price_measurement.reference_unit }}
+ </span>
+ {% endcapture %}
+
+ <div
+ class="
+ product-price__unit-price
+ {% unless variant_for_unit_price.unit_price_measurement %}hidden{% endunless %}
+ "
+ data-unit-price
+ >
+ {{ 'products.product.price_per_unit_html' | t: total_quantity: total_quantity, unit_price: unit_price, unit_measure: unit_measure | strip_newlines }}
+ </div>
- {% assign variant_for_unit_price = selected_variant %}
- {% comment %}Inject unit-price begin{% endcomment %}
- {% comment %}
- @param variant_for_unit_price
- Product variant for price
- @param tax_text
- String containing 'tax included' text
- {% endcomment %}
-
- {% capture total_quantity %}
- <span class="product-price__unit-price-total-quantity" data-unit-price-quantity>
- {{ variant_for_unit_price.unit_price_measurement.quantity_value }}{{ variant_for_unit_price.unit_price_measurement.quantity_unit }}
- </span>
- {% endcapture %}
-
-
- {% capture unit_price %}
- <span class="product-price__unit-price-amount money" data-unit-price-amount>
- {{ variant_for_unit_price.unit_price | money }}
- </span>
- {% endcapture %}
- {% capture unit_measure %}
- <span class="product-price__unit-price-measure" data-unit-price-measure>
- {%- if variant_for_unit_price.unit_price_measurement.reference_value != 1 -%}
- {{ variant_for_unit_price.unit_price_measurement.reference_value }}
- {%- endif %}
- {{ variant_for_unit_price.unit_price_measurement.reference_unit }}
- </span>
- {% endcapture %}
-
- <div
- class="
- product-price__unit-price
- {% unless variant_for_unit_price.unit_price_measurement %}hidden{% endunless %}
+ {% assign variant_for_unit_price = blank %}
+ {% comment %}Inject unit-price end{% endcomment %}
+
+
+ {%- capture tax_text -%}
+ {{ 'products.product.tax_line_html' | t }}
+ {%- endcapture -%}
+
+ {%- if tax_text != blank -%}
+ <div class="
+ product-price__tax
+ {% unless selected_variant.taxable %}hidden{% endunless %}
"
- data-unit-price
+ data-tax-line
>
- {{ 'products.product.price_per_unit_html' | t: total_quantity: total_quantity, unit_price: unit_price, unit_measure: unit_measure | strip_newlines }}
+ {{ tax_text }}
</div>
-
- {% assign variant_for_unit_price = blank %}
- {% comment %}Inject unit-price end{% endcomment %}
+ {%- endif -%}
+ {{ form | payment_terms }}
+ </div>
- {%- capture tax_text -%}
- {{ 'products.product.tax_line_html' | t }}
- {%- endcapture -%}
+ {% when 'form' %}
- {%- if tax_text != blank -%}
- <div class="
- product-price__tax
- {% unless selected_variant.taxable %}hidden{% endunless %}
- "
- data-tax-line
- >
- {{ tax_text }}
- </div>
- {%- endif -%}
-
- {{ form | payment_terms }}
- </div>
+ <div class="product__form" {{ block.shopify_attributes }}>
- {% when 'form' %}
- <div class="product__form" {{ block.shopify_attributes }}>
-
- {% unless product.has_only_default_variant %}
- <div class="product-options">
- {%-
- render 'product-options-dropdown',
- product: product,
- form_id: product_id
- -%}
-
- <label
- class="
- product-option-column-1
- product-option-row-4
- product-option-quantity-label
- label
- "
- for="default-variant-quantity-input"
- >
- <strong>{{ 'general.general.quantity' | t }}:</strong>
- </label>
+ {% unless product.has_only_default_variant %}
+ <div class="product-options">
+ {%-
+ render 'product-options-dropdown',
+ product: product,
+ form_id: product_id
+ -%}
+ <label
+ class="
+ product-option-column-1
+ product-option-row-4
+ product-option-quantity-label
+ {% if is_sample_like %}hidden{% endif %}
+ "
+ for="default-variant-quantity-input"
+ >
+ <strong>{{ 'general.general.quantity' | t }}:</strong>
+ </label>
+ {% comment %}
+ <input
+ class="product-option-quantity"
+ id="default-variant-quantity-input"
+ data-product-quantity-input
+ type="number"
+ inputmode="numeric"
+ name="quantity"
+ value="1"
+ >
+ {% endcomment %}
+ <!-- 020 -->
+ <div class="mm_quantity mm_buttons_added product-option-row-4 {% if is_sample_like %}hidden{% endif %}">
+ <input type="hidden" class="hquantity" name="hquantity" value="{{ prods_quantity_order_min }}">
+ <input type="button" value="-" class="minus">
<input
- class="product-option-quantity input"
- id="default-variant-quantity-input"
- data-product-quantity-input
- type="number"
- inputmode="numeric"
+ type="text"
+ step="{{ prods_quantity_order_units }}"
+ min="{{ prods_quantity_order_min }}"
+ max=""
name="quantity"
- value="1"
+ value="{{ prods_quantity_order_min }}"
+ title="Qty"
+ class="input-text qty text"
+ size="4"
+ pattern=""
+ inputmode=""
+ onkeypress="mm_validate(event)"
>
-
- <div class="selector-wrapper no-js-required">
- <label class="label" for="product-select-{{ product_id }}"></label>
- <select
- class="product-select select"
- name="id"
- id="product-select-{{ product_id }}"
- data-select-ignore
- >
- {% for variant in product.variants %}
- {% if variant.available %}
- <option
- {% if variant == selected_variant %}selected="selected"{% endif %}
- value="{{ variant.id }}" data-variant-id="{{ variant.id }}" data-sku="{{ variant.sku }}">
- {{ variant.title }} - {{ variant.price | money }}
- </option>
- {% else %}
- <option disabled="disabled" data-variant-id="{{ variant.id }}" value="{{ variant.id }}">
- {{ variant.title }} - {{ 'products.product.sold_out' | t }}
- </option>
- {% endif %}
- {% endfor %}
- </select>
- </div>
+ <input type="button" value="+" class="plus">
</div>
- {% else %}
- <div class="product-options product-options-default-only">
- <input
- class="product-select input"
+ <!-- -->
+
+ <div class="selector-wrapper no-js-required">
+ <label for="product-select-{{ product_id }}"></label>
+ <select
+ class="product-select"
name="id"
- value="{{ product.variants[0].id }}"
- type="hidden"
- data-variant-title="{{ product.variants[0].title }}"
- />
-
- <label
- class="
- product-option-column-1
- product-option-row-1
- product-option-quantity-label
- label
- "
- for="quantity-input"
+ id="product-select-{{ product_id }}"
+ data-select-ignore
>
- <strong>{{ 'general.general.quantity' | t }}:</strong>
- </label>
+ {% for variant in product.variants %}
+ {% if variant.available %}
+ {% assign com_variant_title = variant.title | capitalize %}
+ {% if com_variant_title == "Sample" %}
+ {% assign dl_sample_variant = variant.id %}
+ {% assign dl_sample_variant_title = product.title | append: ' - ' | append: variant.title %}
+ {% assign dl_sample = 'small_sample' %}
+ {% endif %}
+
+ {% if com_variant_title == "Large Sample" %}
+ {% assign dl_sample_variant2 = variant.id %}
+ {% assign dl_sample_variant_title2 = product.title | append: ' - ' | append: variant.title %}
+ {% assign dl_sample2 = 'large_sample' %}
+ {% endif %}
+
+ <option
+ {% if variant == selected_variant %}selected="selected"{% endif %}
+ value="{{ variant.id }}"
+ data-variant-id="{{ variant.id }}"
+ data-sku="{{ variant.sku }}"
+ data-vprice="{{ variant.price }}"
+ >
+ {{ variant.title }} - {{ variant.price | money }}
+ </option>
+ {% else %}
+ <option
+ disabled="disabled"
+ data-variant-id="{{ variant.id }}"
+ value="{{ variant.id }}"
+ data-sku="{{ variant.sku }}">
+ {{ variant.title }} - {{ 'products.product.sold_out' | t }}
+ </option>
+ {% endif %}
+ {% endfor %}
+ </select>
+ </div>
+ </div>
+ {% else %}
+ <div class="product-options product-options-default-only">
+ <input
+ class="product-select"
+ name="id"
+ value="{{ product.variants[0].id }}"
+ type="hidden"
+ data-variant-title="{{ product.variants[0].title }}"
+ data-sku="{{ product.variants[0].sku }}"
+ data-vprice="{{ product.variants[0].price }}"
+ />
+
+ <label
+ class="
+ product-option-column-1
+ product-option-row-1
+ product-option-quantity-label
+ {% if is_sample_like %}hidden{% endif %}
+ "
+ for="quantity-input"
+ >
+ <strong>{{ 'general.general.quantity' | t }}:</strong>
+ </label>
+<!-- <input
+ class="product-option-quantity"
+ id="quantity-input"
+ data-product-quantity-input
+ type="number"
+ inputmode="numeric"
+ name="quantity"
+ value="1"
+ > -->
+ <!-- 020 -->
+ <div class="mm_quantity mm_buttons_added product-option-row-1 {% if is_sample_like %}hidden{% endif %}">
+ <input type="hidden" class="hquantity" name="hquantity" value="{{ prods_quantity_order_min }}">
+ <input type="button" value="-" class="minus">
<input
- class="product-option-quantity input"
- id="quantity-input"
- data-product-quantity-input
- type="number"
- inputmode="numeric"
+ type="text"
+ step="{{ prods_quantity_order_units }}"
+ min="{{ prods_quantity_order_min }}"
+ max=""
name="quantity"
- value="1"
+ value="{{ prods_quantity_order_min }}"
+ title="Qty"
+ class="input-text qty text"
+ size="4"
+ pattern=""
+ inputmode=""
+ onkeypress="mm_validate(event)"
>
+ <input type="button" value="+" class="plus">
</div>
- {% endunless %}
-
- {% if product.available %}
- <div id="infiniteoptions-container"></div>
- <div id="uploadery-container"></div>
+ <!-- -->
+ </div>
+ {% endunless %}
+
+ {% for tag in product.tags %}
+ {% if tag contains 'custom mural' %}
+ <!-- Custom Price Calculator -->
+ <div id="custom-calculator" style="display:none" data-calculatorid="62388fabd48c8"></div>
+ <script>
+ document.querySelector(".product-options .last_variant").innerHTML = "Custom Sizes";
+
+ var appendCalc = setInterval(moveCalc, 300);
+
+ function moveCalc() {
+ var calc = document.getElementById("calculator");
+ if (calc) {
+ document
+ .querySelector(".product-options")
+ .insertBefore(
+ document.getElementById("calculator"),
+ document.querySelector(".product-options").children[2]
+ );
+ clearInterval(appendCalc);
+ }
+ }
+ </script>
+ <style>
+ .product-options {
+ display: flex;
+ flex-direction: column;
+ align-items: baseline;
+ margin-left: 0;
+ }
+ .product-options .product-option-quantity-label,
+ .mm_quantity.mm_buttons_added {
+ display: none !important;
+ }
+ </style>
{% endif %}
+ {% endfor %}
- {% liquid
- assign show_recipient_form = block.settings.show_gift_card_recipient_form
- assign recipient_form_textarea_rows = 0
- %}
-
- {% comment %}Inject @pixelunion/pxs-gift-card-recipient-form/recipient-form begin{% endcomment %}
- {% comment %}
- @param form {Object}
- The form object
-
- @param section {Object}
- The section object
-
- @param show_recipient_form {Boolean}
- If true, show the gift card recipient form
-
- @param show_recipient_form_placeholders {Boolean}
- If true, show recipient form placeholder attributes
-
- @param show_recipient_form_labels {Boolean}
- If true, show recipient form input labels
-
- @param show_recipient_form_max_characters_message {Boolean}
- If true, show the recipient form max characters message
-
- @param recipient_form_textarea_rows {Number}
- A numerical value to specify the number of textarea rows
-
- @param recipient_form_textarea_classes {String}
- A space separated list of class names added to recipient form textarea
-
- @param recipient_form_input_classes {String}
- A space separated list of class names added to recipient form inputs
-
- @param recipient_form_label_classes {String}
- A space separated list of class names added to recipient form labels
-
- @param recipient_form_label_position {String}
- The recipient form input label position, either 'top', or 'bottom'
- {% endcomment %}
-
- {% liquid
- assign show_recipient_form_placeholders = show_recipient_form_placeholders | default: false
- assign show_recipient_form_labels = show_recipient_form_labels | default: true, allow_false: true
- assign show_recipient_form_max_characters_message = show_recipient_form_max_characters_message | default: true, allow_false: true
- assign recipient_form_textarea_rows = recipient_form_textarea_rows | default: 5
- assign recipient_form_label_position = recipient_form_label_position | default: 'top'
- %}
-
- {%- if show_recipient_form and product.gift_card? -%}
- <details class="recipient-disclosure" data-recipient-disclosure>
- <summary class="recipient-disclosure__summary">
- <label
- class="recipient-disclosure__checkbox-label"
- for="recipient-disclosure__checkbox-{{ section.id }}"
- >
- <input
- class="recipient-disclosure__checkbox"
- id="recipient-disclosure__checkbox-{{ section.id }}"
- type="checkbox"
- name="properties[__shopify_send_gift_card_to_recipient]"
- tabindex="-1"
- data-recipient-disclosure-checkbox
- >
-
- {%- render 'recipient-form-disclosure-icon' -%}
-
- <span class="recipient-disclosure__checkbox-label-text">
- {{- 'recipient.form.checkbox_label' | t -}}
- </span>
- </label>
- </summary>
-
- {% comment %} Recipient email {% endcomment %}
- <div class="recipient-form" data-recipient-form>
- <div class="recipient-form__field">
- {%- if show_recipient_form_labels -%}
- {%- capture recipient_email_label -%}
- <label
- class="
- recipient-form__label
- {{ recipient_form_label_classes }}
- "
- for="recipient-email-{{ section.id }}"
- >
- {{- 'recipient.form.email_label' | t -}}
- <span class="recipient-form__required"> *</span>
- </label>
- {%- endcapture -%}
- {%- endif -%}
-
- {%- capture recipient_email -%}
- <input
- class="
- recipient-form__input
- recipient-form__input--email
- {{ recipient_form_input_classes }}
- "
- id="recipient-email-{{ section.id }}"
- type="email"
- {%- if show_recipient_form_placeholders -%}
- placeholder="{{- 'recipient.form.email_placeholder' | t -}}"
- {%- endif -%}
- {%- unless show_recipient_form_labels -%}
- aria-label="{{- 'recipient.form.email_placeholder' | t -}}"
- {%- endunless -%}
- name="properties[Recipient email]"
- value="{{ form.email }}"
- data-recipient-form-input
- data-recipient-form-email-input
- >
- {%- endcapture -%}
-
- {%- capture recipient_error_message -%}
- <span class="recipient-form__error-message" data-recipient-form-error-message>
- {{- 'recipient.form.error_message' | t -}}
- </span>
- {%- endcapture -%}
-
- {%- if recipient_form_label_position == 'top' -%}
- <div class="recipient-form__input-wrapper">
- {{- recipient_email_label -}}
- {{- recipient_email -}}
- </div>
- {{- recipient_error_message -}}
- {%- else -%}
- <div class="recipient-form__input-wrapper">
- {{- recipient_email -}}
- {{- recipient_email_label -}}
- </div>
- {{- recipient_error_message -}}
- {%- endif -%}
- </div>
-
- {% comment %} Recipient name {% endcomment %}
- <div class="recipient-form__field">
- <div class="recipient-form__input-wrapper">
- {%- if show_recipient_form_labels -%}
- {%- capture recipient_name_label -%}
- <label
- class="
- recipient-form__label
- {{ recipient_form_label_classes }}
- "
- for="recipient-name-{{ section.id }}"
- >
- {{- 'recipient.form.name_label' | t -}}
- </label>
- {%- endcapture -%}
- {%- endif -%}
-
- {%- capture recipient_name -%}
- <input
- class="
- recipient-form__input
- recipient-form__input--name
- {{ recipient_form_input_classes }}
- "
- id="recipient-name-{{ section.id }}"
- type="text"
- {%- if show_recipient_form_placeholders -%}
- placeholder="{{- 'recipient.form.name_placeholder' | t -}}"
- {%- endif -%}
- {%- unless show_recipient_form_labels -%}
- aria-label="{{- 'recipient.form.name_placeholder' | t -}}"
- {%- endunless -%}
- name="properties[Recipient name]"
- value="{{ form.name }}"
- data-recipient-form-input
- >
- {%- endcapture -%}
-
- {%- if recipient_form_label_position == 'top' -%}
- {{ recipient_name_label }}
- {{ recipient_name }}
- {%- else -%}
- {{ recipient_name }}
- {{ recipient_name_label }}
- {%- endif -%}
- </div>
- </div>
-
- {% comment %} Recipient message {% endcomment %}
- <div class="recipient-form__field">
- <div class="recipient-form__input-wrapper">
- {%- liquid
- assign max_characters_length = 200
-
- if show_recipient_form_max_characters_message
- assign max_characters_message = 'recipient.form.max_characters' | t: max_characters: max_characters_length
- endif
- -%}
-
- {%- if show_recipient_form_labels -%}
- {%- capture recipient_message_label -%}
- <label
- class="
- recipient-form__label
- {{ recipient_form_label_classes }}
- "
- for="recipient-message-{{ section.id }}"
- >
- {{- 'recipient.form.message_label' | t -}}
- </label>
- {%- endcapture -%}
- {%- endif -%}
-
- {%- capture recipient_message -%}
- <textarea
- class="
- recipient-form__input
- recipient-form__input--message
- {{ recipient_form_input_classes }}
- {{ recipient_form_textarea_classes }}
- "
- id="recipient-message-{{ section.id }}"
- {%- if show_recipient_form_placeholders -%}
- placeholder="{{- 'recipient.form.message_placeholder' | t -}}"
- {%- endif -%}
- {%- unless show_recipient_form_labels -%}
- aria-label="{{- 'recipient.form.message_placeholder' | t -}}"
- {%- endunless -%}
- name="properties[Message]"
- {%- if recipient_form_textarea_rows != 0 -%}
- rows="{{ recipient_form_textarea_rows }}"
- {%- endif -%}
- maxlength="{{ max_characters_length }}"
- data-recipient-form-input
- >
- {{- form.message -}}
- </textarea>
- {%- endcapture -%}
-
- {%- if recipient_form_label_position == 'top' -%}
- {{ recipient_message_label }}
- {{ recipient_message }}
- {%- else -%}
- {{ recipient_message }}
- {{ recipient_message_label }}
- {%- endif -%}
- </div>
-
- {%- if show_recipient_form_max_characters_message -%}
- <span class="recipient-form__max-characters-message">
- <small>
- {{- max_characters_message -}}
- </small>
- </span>
- {%- endif -%}
- </div>
-
- {% comment %} Recipient send on date {% endcomment %}
- <div class="recipient-form__field">
- <div class="recipient-form__input-wrapper">
- {%- if show_recipient_form_labels -%}
- {%- capture recipient_date_label -%}
- <label
- class="
- recipient-form__label
- {{ recipient_form_label_classes }}
- "
- for="recipient-date-{{ section.id }}"
- >
- {{- 'recipient.form.send_on_label' | t -}}
- </label>
- {%- endcapture -%}
- {%- endif -%}
-
- {%- capture recipient_date -%}
- <input
- class="
- recipient-form__input
- recipient-form__input--date
- {{ recipient_form_input_classes }}
- "
- id="recipient-date-{{ section.id }}"
- {%- if show_recipient_form_placeholders -%}
- placeholder="{{- 'recipient.form.send_on_placeholder' | t -}}"
- {%- endif -%}
- {%- unless show_recipient_form_labels -%}
- aria-label="{{- 'recipient.form.send_on_placeholder' | t -}}"
- {%- endunless -%}
- type="date"
- name="properties[Send on]"
- autocomplete="send_on"
- pattern="\d{4}-\d{2}-\d{2}"
- value="{{ form.send_on }}"
- data-recipient-form-input
- >
- {%- endcapture -%}
-
- {%- if recipient_form_label_position == 'top' -%}
- {{ recipient_date_label }}
- {{ recipient_date }}
- {%- else -%}
- {{ recipient_date }}
- {{ recipient_date_label }}
- {%- endif -%}
- </div>
- </div>
- </div>
- </details>
- {%- endif -%}
- {% comment %}Inject @pixelunion/pxs-gift-card-recipient-form/recipient-form end{% endcomment %}
+ {% if product.available %}
+ <div id="infiniteoptions-container"></div>
+ <div id="uploadery-container"></div>
+ {% endif %}
+ <!-- Print PDF button -->
+ {% render 'button-product-pdf-print' %}
- <div
- class="
- product-add-to-cart
- {% if product != blank and show_payment_button %}
- product-smart-payments
+ <div
+ class="
+ product-add-to-cart
+ {% if product != blank and show_payment_button %}
+ product-smart-payments
+ {% endif %}
+ "
+ >
+ {% if selected_variant.available and template.name != 'password' %}
+ <!-- 020 -->
+ <div class="custom-contact-message"></div>
+
+ <a
+ href="#"
+ class="dl-contact-btn custom-popup-contact-form"
+ {% if variant.price == 0 %}
+ style="display:inline-block;"
+ {% else %}
+ style="display:none;"
{% endif %}
- "
- >
- {% if selected_variant.available and template.name != 'password' %}
- <input class="add-to-cart input" type="submit" value="{{ 'products.product.add_to_cart' | t }}" />
- {% else %}
- <input class="add-to-cart disabled input" type="submit" value="{{ 'products.product.sold_out' | t }}" disabled/>
+ >
+ Contact Us
+ </a>
+
+ {% assign title = 'Request Sample' %}
+ {% assign showonly = blank %}
+ {% if product.tags contains "Showroom only" and product.price == 0 %}
+ {% assign showonly = 'showonly' %}
+ {% endif %}
+ {% if product.tags contains "Showroom Only" and product.price == 0 %}
+ {% assign showonly = 'showonly' %}
{% endif %}
- {% if show_payment_button %}
- {{ form | payment_button }}
+ {% if is_sample_sku and dl_sample == blank and dl_sample2 == blank %}
+ <a
+ href=""
+ data-dlvid="{{ selected_variant.id }}"
+ data-dlvtitle="{{ product.title | append: ' - Sample' }}"
+ class="dl-sample-btn {{ showonly }}"
+ data-product-id="{{ product.id }}"
+ >
+ {{ title }}
+ </a>
{% endif %}
- </div>
- <div class="product-message"></div>
-
- <div data-surface-pick-up></div>
- {%-
- render 'modal',
- modal_id: 'surface-pick-up',
- modal_class: 'surface-pick-up-modal',
- -%}
- </div>
- {% when 'social' %}
- <div class="product__social" {{ block.shopify_attributes }}>
- {% render 'share-buttons' %}
- </div>
+ {% if dl_sample != blank and dl_sample2 != blank and dl_sample == 'small_sample' and dl_sample2 == 'large_sample' %}
+ {% assign title = 'Small Sample' %}
+ {% endif %}
- {% when 'description' %}
- {% if product != blank and product.description != blank %}
- <div class="product-description rte" {{ block.shopify_attributes }}>
- {{ product.description }}
- </div>
- {% elsif product == blank %}
- <div class="product-description rte" {{ block.shopify_attributes }}>
- {{ 'products.product.onboarding.description' | t }}
- </div>
- {% endif %}
+ {% if dl_sample == 'small_sample' and dl_sample_variant !='' and dl_sample_variant_title != '' %}
+ <a
+ href=""
+ data-dlvid="{{ dl_sample_variant }}"
+ data-dlvtitle="{{ dl_sample_variant_title }}"
+ class="dl-sample-btn {{ showonly }}"
+ data-product-id="{{ product.id }}"
+ >
+ {{ title }}
+ </a>
+ {% endif %}
- {%- when 'rating' -%}
- {%- if product.metafields.reviews.rating.value != blank -%}
- <div class="product__rating rating" {{ block.shopify_attributes }}>
- {%
- render 'rating-stars',
- value: product.metafields.reviews.rating.value.rating,
- scale_max: product.metafields.reviews.rating.value.scale_max,
- %}
- <p class="rating__text">
- <span aria-hidden="true">{{ product.metafields.reviews.rating.value }} / {{ product.metafields.reviews.rating.value.scale_max }}</span>
- </p>
- <p class="rating__count">
- <span aria-hidden="true">({{ product.metafields.reviews.rating_count }})</span>
- <span class="visually-hidden">{{ product.metafields.reviews.rating_count }} {{ "general.accessibility.total_reviews" | t }}</span>
- </p>
- </div>
- {%- endif -%}
+ {% if dl_sample2 == 'large_sample' and dl_sample_variant2 !='' and dl_sample_variant_title2 != '' %}
+ <a
+ href=""
+ data-dlvid="{{ dl_sample_variant2 }}"
+ data-dlvtitle="{{ dl_sample_variant_title2 }}"
+ class="dl-sample-btn {{ showonly }}"
+ data-product-id="{{ product.id }}"
+ >
+ Large Sample
+ </a>
+ {% endif %}
+ {% for variant_item in product.variants %}
+ {% if variant_item.price == 0 and variant_item.title contains "Sample" and variant_item.title != "Sample" %}
+ {% assign showing_title = variant_item.title %}
+ {% if showing_title == "Textured Vinyl Sample" %}
+ {% assign showing_title = "Vinyl Sample" %}
+ {% endif %}
+ <a
+ href=""
+ data-dlvid="{{ variant_item.id }}"
+ data-dlvtitle="{{ variant_item.title }}"
+ class="dl-second-sample-btn {% if variant_item.id != product.selected_or_first_available_variant.id %}unavailable{% endif %} {{ showonly }}"
+ data-product-id="{{ product.id }}"
+ >
+ Request {{ showing_title }}
+ </a>
+ {% endif %}
+ {% endfor %}
+
+<!-- <input class="add-to-cart" type="submit" value="{{ 'products.product.add_to_cart' | t }}" /> -->
+ {% assign com_first_variant_title = product.selected_or_first_available_variant.title | capitalize %}
+ <input class="add-to-cart {% if is_sample_like %}hidden{% endif %} {% if product.variants.size == 1 and com_first_variant_title == "Sample" %}hidden{% endif %} {% if product.selected_or_first_available_variant.price == 0 %}unavailable{% endif %}" type="submit" value="{{ 'products.product.add_to_cart' | t }}"/>
+
+ {% comment %} Download PDF — moved to the RIGHT of Add to Cart (2026-06-23) {% endcomment %}
+ {% render 'spec-sheet-button' %}
+ {% else %}
+ <input class="add-to-cart disabled" type="submit" value="{{ 'products.product.sold_out' | t }}" disabled/>
+ {% endif %}
+
+ <!--020 -->
+ {% for t in product.tags %}
+ {% if t == 'Customize' %}
+ <a href="#" class="dl-customize-btn custom-popup-contact-form">Customize this Pattern</a>
+ {% endif %}
+ {% endfor %}
+
+ {% if show_payment_button %}
+ {{ form | payment_button }}
+ {% endif %}
- {%- when 'complementary_products' -%}
- {%
- render 'complementary-products',
- product: product,
- block: block,
- %}
- {% endcase %}
- {% endfor %}
-</div>
\ No newline at end of file
+ {% capture the_snippet_fave %}{% include 'socialshopwave-widget-fave' %}{% endcapture %}
+ {% unless the_snippet_fave contains 'Liquid error' %}
+ {{ the_snippet_fave }}
+ {% endunless %}
+ </div>
+ <div class="product-message"></div>
+
+ <div data-surface-pick-up></div>
+ {%-
+ render 'modal',
+ modal_id: 'surface-pick-up',
+ modal_class: 'surface-pick-up-modal',
+ -%}
+ </div>
+
+ {% when 'social' %}
+ <div class="product__social" {{ block.shopify_attributes }}>
+ {% render 'share-buttons' %}
+ </div>
+
+ {% when 'description' %}
+ {% if product != blank and product.description != blank %}
+ <div class="product-description rte" {{ block.shopify_attributes }}>
+ {{ product.description }}
+ </div>
+ {% elsif product == blank %}
+ <div class="product-description rte" {{ block.shopify_attributes }}>
+ {{ 'products.product.onboarding.description' | t }}
+ </div>
+ {% endif %}
+
+ {%- when 'rating' -%}
+ {%- if product.metafields.reviews.rating.value != blank -%}
+ <div class="product__rating rating" {{ block.shopify_attributes }}>
+ {%
+ render 'rating-stars',
+ value: product.metafields.reviews.rating.value.rating,
+ scale_max: product.metafields.reviews.rating.value.scale_max,
+ %}
+ <p class="rating__text">
+ <span aria-hidden="true">{{ product.metafields.reviews.rating.value }} / {{ product.metafields.reviews.rating.value.scale_max }}</span>
+ </p>
+ <p class="rating__count">
+ <span aria-hidden="true">({{ product.metafields.reviews.rating_count }})</span>
+ <span class="visually-hidden">{{ product.metafields.reviews.rating_count }} {{ "general.accessibility.total_reviews" | t }}</span>
+ </p>
+ </div>
+ {%- endif -%}
+ {% endcase %}
+{% endfor %}
diff --git a/shopify/_cwGRID/snippets/spec-sheet-button.liquid b/shopify/_cwGRID/snippets/spec-sheet-button.liquid
index 22f6c7b2..6257a54e 100644
--- a/shopify/_cwGRID/snippets/spec-sheet-button.liquid
+++ b/shopify/_cwGRID/snippets/spec-sheet-button.liquid
@@ -1,100 +1,216 @@
{% comment %}
- Spec Sheet Button - Inline PDF download (no page navigation)
-
- FIX 2026-06-23: the previous version did fetch() + DOMParser on
- /pages/spec-sheet, then ran html2canvas on the parsed #pdf-content. That
- never worked: the spec-sheet page renders its product data via JavaScript
- (loadProduct()), and DOMParser does NOT execute scripts, so #pdf-content was
- always captured as the "Loading Product..." placeholder -> 0-dimension canvas
- -> jsPDF.addImage() threw -> "Error" -> nothing saved.
-
- This version spins up a hidden SAME-ORIGIN iframe pointed at the spec-sheet
- page. Inside the iframe the page's OWN scripts run and render the product
- (styles + image + specs all present), then we invoke the iframe's already-
- proven downloadPDF(). One click, reuses the working generator.
+ Spec Sheet Button — INLINE PDF download (no page navigation, no iframe).
+
+ FIX HISTORY
+ -----------
+ v1 (broken): fetch('/pages/spec-sheet') + DOMParser + html2canvas. DOMParser
+ never runs scripts, so #pdf-content was always the "Loading Product..."
+ placeholder -> 0-dim canvas -> jsPDF threw -> "Error".
+
+ v2 (broken on LIVE): hidden same-origin iframe -> /pages/spec-sheet -> call its
+ downloadPDF(). DEAD ON ARRIVAL: the storefront sends `X-Frame-Options: DENY`
+ + CSP `frame-ancestors 'none'` STORE-WIDE (verified 2026-06-23 on /, /pages/*,
+ /collections/*, /products/*). DENY blocks ALL framing — including same-origin —
+ so the iframe never renders and contentDocument is inaccessible.
+
+ v3 (this version — works against live CSP):
+ Build the spec-sheet DOM RIGHT HERE on the product page from Liquid-injected
+ product data + metafields (no fetch, no iframe, no /pages/spec-sheet
+ dependency). On click we lazy-load jsPDF + html2canvas from cdnjs (the live
+ CSP has NO script-src/default-src directive, so cdnjs is allowed — verified),
+ render the offscreen node with html2canvas (useCORS:true; the product image
+ is on cdn.shopify.com which returns `access-control-allow-origin: *`, so the
+ canvas does NOT taint), and jsPDF.save() it. One click, fully self-contained.
+
+ The standalone /pages/spec-sheet page still works for a direct visit (it has
+ {% layout none %} so it's a clean print page), but the BUTTON no longer needs it.
{% endcomment %}
+{%- liquid
+ assign p = product
+ assign mf = product.metafields
+ # ---- Color: real color name only (spreadsheet/metafield/variant option), never AI ----
+ assign spec_color = ''
+ if mf.custom.color != blank
+ assign spec_color = mf.custom.color
+ elsif mf.global.Color != blank
+ assign spec_color = mf.global.Color
+ elsif mf.dwc.color != blank
+ assign spec_color = mf.dwc.color
+ endif
+ # ---- Mfr SKU ----
+ assign mfr_sku = ''
+ if mf.custom.manufacturer_sku != blank
+ assign mfr_sku = mf.custom.manufacturer_sku
+ elsif mf.dwc.manufacturer_sku != blank
+ assign mfr_sku = mf.dwc.manufacturer_sku
+ endif
+ # ---- DW SKU (strip -Sample) ----
+ assign dw_sku = p.selected_or_first_available_variant.sku | default: p.variants.first.sku
+ assign dw_sku = dw_sku | replace: '-Sample', '' | replace: '-SAMPLE', '' | replace: '-sample', ''
+-%}
+
<div class="spec-sheet-controls">
- <button class="spec-sheet-btn pdf-download-btn"
- onclick="downloadSpecSheetPDF(event, '{{ product.handle }}', '{{ product.title }}');"
- style="vertical-align: top;">
+ <button type="button"
+ class="spec-sheet-btn pdf-download-btn"
+ data-dw-spec-trigger
+ aria-label="Download spec sheet PDF for {{ p.title | escape }}">
🖨️ Download PDF
</button>
</div>
+{%- comment %} Offscreen, fully-rendered spec sheet built from Liquid data {% endcomment -%}
+<div id="dw-spec-sheet" aria-hidden="true"
+ style="position:fixed;left:-10000px;top:0;width:816px;background:#fff;z-index:-1;">
+ <div class="dw-spec-page">
+ <div class="dw-spec-header">
+ <img class="dw-spec-logo"
+ crossorigin="anonymous"
+ src="https://www.designerwallcoverings.com/cdn/shop/files/Screen_Shot_2019-02-06_at_12.08.24_PM_300x172.png?v=1613539653"
+ alt="Designer Wallcoverings">
+ </div>
+ <div class="dw-spec-body">
+ <h1 class="dw-spec-title">{{ p.title | escape }}</h1>
+ {%- if p.featured_image -%}
+ <img class="dw-spec-img" crossorigin="anonymous"
+ src="{{ p.featured_image | image_url: width: 600 }}"
+ alt="{{ p.title | escape }}">
+ {%- endif -%}
+ <div class="dw-spec-grid">
+ <div class="dw-spec-item"><strong>DW SKU:</strong><span>{{ dw_sku | escape }}</span></div>
+ {%- if spec_color != blank -%}<div class="dw-spec-item"><strong>Color:</strong><span>{{ spec_color | escape }}</span></div>{%- endif -%}
+ {%- if p.vendor != blank -%}<div class="dw-spec-item"><strong>Brand:</strong><span>{{ p.vendor | escape }}</span></div>{%- endif -%}
+ {%- assign coll = mf.custom.collection_name | default: mf.global.Collection -%}
+ {%- if coll != blank -%}<div class="dw-spec-item"><strong>Collection:</strong><span>{{ coll | escape }}</span></div>{%- endif -%}
+ {%- assign comp = mf.custom.material | default: mf.global.Content | default: mf.global.Contents -%}
+ {%- if comp != blank -%}<div class="dw-spec-item"><strong>Composition:</strong><span>{{ comp | escape }}</span></div>{%- endif -%}
+ {%- assign w = mf.custom.width | default: mf.global.width | default: mf.global.Width -%}
+ {%- if w != blank -%}<div class="dw-spec-item"><strong>Width:</strong><span>{{ w | escape }}</span></div>{%- endif -%}
+ {%- assign len = mf.custom.length | default: mf.global.length | default: mf.global.Length -%}
+ {%- if len != blank -%}<div class="dw-spec-item"><strong>Length:</strong><span>{{ len | escape }}</span></div>{%- endif -%}
+ {%- assign rep = mf.custom.pattern_repeat | default: mf.global.repeat -%}
+ {%- if rep != blank -%}<div class="dw-spec-item"><strong>Repeat:</strong><span>{{ rep | escape }}</span></div>{%- endif -%}
+ {%- assign mt = mf.custom.match_type | default: mf.global.Match | default: mf.global.MATCH -%}
+ {%- if mt != blank -%}<div class="dw-spec-item"><strong>Match:</strong><span>{{ mt | escape }}</span></div>{%- endif -%}
+ {%- assign wt = mf.custom.product_weight | default: mf.global.Weight -%}
+ {%- if wt != blank -%}<div class="dw-spec-item"><strong>Weight:</strong><span>{{ wt | escape }}</span></div>{%- endif -%}
+ {%- assign fin = mf.custom.finish | default: mf.global.Finish | default: mf.global.FINISH -%}
+ {%- if fin != blank -%}<div class="dw-spec-item"><strong>Finish:</strong><span>{{ fin | escape }}</span></div>{%- endif -%}
+ {%- assign care = mf.custom.care | default: mf.global.Cleaning -%}
+ {%- if care != blank -%}<div class="dw-spec-item"><strong>Care:</strong><span>{{ care | escape }}</span></div>{%- endif -%}
+ {%- assign fire = mf.custom.fire_rating | default: mf.global.fire_rating | default: mf.global.FLAMMABILITY -%}
+ {%- if fire != blank -%}<div class="dw-spec-item"><strong>Fire Rating:</strong><span>{{ fire | escape }}</span></div>{%- endif -%}
+ {%- assign origin = mf.custom.origin | default: mf.global.Country -%}
+ {%- if origin != blank -%}<div class="dw-spec-item"><strong>Country of Origin:</strong><span>{{ origin | escape }}</span></div>{%- endif -%}
+ {%- assign uom = mf.custom.unit_of_measure | default: mf.global.unit_of_measure -%}
+ {%- if uom != blank -%}<div class="dw-spec-item"><strong>Sold:</strong><span>{{ uom | escape }}</span></div>{%- endif -%}
+ {%- if mfr_sku != blank -%}<div class="dw-spec-item"><strong>Extra Info:</strong><span>{{ mfr_sku | escape }}</span></div>{%- endif -%}
+ </div>
+ </div>
+ <div class="dw-spec-footer">
+ <div class="dw-spec-footer-line company">Designer Wallcoverings Purchasing Agency</div>
+ <div class="dw-spec-footer-line">15442 Ventura Bl #102, Sherman Oaks, CA 91403</div>
+ <div class="dw-spec-footer-line">Phone: (888) 373-4564 | info@designerwallcoverings.com | www.designerwallcoverings.com</div>
+ <div class="dw-spec-footer-line italic">Purchasing Agency for the Wallcovering and Surface Material Industry</div>
+ <div class="dw-spec-footer-line tiny">Spec sheet information valid only when purchased through Designer Wallcoverings Purchasing</div>
+ </div>
+ </div>
+</div>
+
<script>
-async function downloadSpecSheetPDF(e, handle, title) {
- e?.preventDefault?.();
- e?.stopPropagation?.();
-
- // currentTarget is the button itself (target can be a child node/emoji span)
- const btn = e?.currentTarget || e?.target;
- const reset = () => { if (btn) { btn.textContent = '🖨️ Download PDF'; btn.disabled = false; } };
- if (btn) { btn.textContent = '⏳ Generating...'; btn.disabled = true; }
-
- let iframe;
- try {
- // 1. Hidden, same-origin iframe so the spec-sheet page's scripts execute.
- iframe = document.createElement('iframe');
- iframe.setAttribute('aria-hidden', 'true');
- iframe.style.cssText = 'position:fixed;left:-10000px;top:0;width:900px;height:1400px;border:0;visibility:hidden;';
- iframe.src = '/pages/spec-sheet?product=' + encodeURIComponent(handle);
- document.body.appendChild(iframe);
-
- // 2. Wait for the iframe to render the product (its JS reveals #pdfBtn when ready).
- await new Promise(function (resolve, reject) {
- var t0 = Date.now();
- iframe.addEventListener('load', function () {
- var poll = setInterval(function () {
- var idoc = iframe.contentDocument;
- if (!idoc) return; // not accessible yet
- var pdfBtn = idoc.getElementById('pdfBtn');
- var content = idoc.getElementById('content');
- var failed = content && /Product Not Found|No Product Specified/i.test(content.textContent || '');
- var ready = pdfBtn && pdfBtn.style.display !== 'none';
- if (ready) { clearInterval(poll); resolve(); }
- else if (failed) { clearInterval(poll); reject(new Error('Product not found in spec sheet')); }
- else if (Date.now() - t0 > 20000) { clearInterval(poll); reject(new Error('Spec sheet render timed out')); }
- }, 200);
- });
- iframe.addEventListener('error', function () { reject(new Error('Could not load spec sheet')); });
+(function () {
+ if (window.__dwSpecPdfInit) return;
+ window.__dwSpecPdfInit = true;
+
+ var JSPDF_SRC = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js';
+ var H2C_SRC = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
+
+ function loadScript(src) {
+ return new Promise(function (resolve, reject) {
+ var existing = document.querySelector('script[src="' + src + '"]');
+ if (existing) {
+ if (existing.dataset.loaded === '1') return resolve();
+ existing.addEventListener('load', function () { resolve(); });
+ existing.addEventListener('error', function () { reject(new Error('load fail ' + src)); });
+ return;
+ }
+ var s = document.createElement('script');
+ s.src = src;
+ s.async = true;
+ s.addEventListener('load', function () { s.dataset.loaded = '1'; resolve(); });
+ s.addEventListener('error', function () { reject(new Error('load fail ' + src)); });
+ document.head.appendChild(s);
});
+ }
- // 3. Invoke the iframe's own proven generator (libs + image + styles all in its context).
- var iwin = iframe.contentWindow;
- var idoc = iframe.contentDocument;
- if (typeof iwin.downloadPDF !== 'function') {
- throw new Error('Spec sheet generator unavailable');
- }
- iwin.downloadPDF();
-
- // 4. Wait for the iframe's button to report success/failure before tearing it down.
- await new Promise(function (resolve, reject) {
- var t0 = Date.now();
- var poll = setInterval(function () {
- var pdfBtn = idoc.getElementById('pdfBtn');
- var txt = pdfBtn ? pdfBtn.textContent : '';
- if (/Downloaded/i.test(txt)) { clearInterval(poll); resolve(); }
- else if (/Error/i.test(txt)) { clearInterval(poll); reject(new Error('Generator failed')); }
- else if (Date.now() - t0 > 30000) { clearInterval(poll); reject(new Error('PDF generation timed out')); }
- }, 250);
+ function ensureLibs() {
+ var need = [];
+ if (typeof window.html2canvas !== 'function') need.push(loadScript(H2C_SRC));
+ if (!(window.jspdf && window.jspdf.jsPDF)) need.push(loadScript(JSPDF_SRC));
+ return Promise.all(need);
+ }
+
+ // Decode the protocol-relative shopify logo to avoid a tainting surprise; the
+ // product image + logo are both cdn.shopify.com (ACAO:*), so useCORS handles them.
+ async function generate(btn) {
+ var node = document.getElementById('dw-spec-sheet');
+ if (!node) throw new Error('spec node missing');
+ // Make it renderable (html2canvas needs layout; keep it offscreen, not display:none).
+ node.style.zIndex = '-1';
+ node.style.visibility = 'visible';
+
+ await ensureLibs();
+
+ var canvas = await window.html2canvas(node.querySelector('.dw-spec-page'), {
+ scale: 2,
+ useCORS: true,
+ allowTaint: false,
+ backgroundColor: '#ffffff',
+ logging: false,
+ windowWidth: 816
});
- if (btn) {
+ var jsPDF = window.jspdf.jsPDF;
+ var imgData = canvas.toDataURL('image/png');
+ var pdf = new jsPDF({ orientation: 'portrait', unit: 'mm', format: 'letter' });
+ var imgWidth = 216;
+ var imgHeight = (canvas.height * imgWidth) / canvas.width;
+ pdf.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight);
+
+ var sku = (node.querySelector('.dw-spec-item span') || {}).textContent || 'spec';
+ pdf.save('Designer-Wallcoverings-Los-Angeles-' + sku.trim().replace(/[^A-Za-z0-9\-]+/g, '-') + '.pdf');
+ }
+
+ function onClick(e) {
+ var btn = e.currentTarget;
+ var orig = btn.textContent;
+ btn.textContent = '⏳ Generating...';
+ btn.disabled = true;
+ generate(btn).then(function () {
btn.textContent = '✓ Downloaded!';
- setTimeout(reset, 2000);
- }
- } catch (err) {
- console.error('PDF generation failed:', err);
- if (btn) {
+ setTimeout(function () { btn.textContent = orig; btn.disabled = false; }, 2000);
+ }).catch(function (err) {
+ console.error('Spec PDF generation failed:', err);
btn.textContent = '✗ Error - Try Again';
- setTimeout(reset, 2500);
+ setTimeout(function () { btn.textContent = orig; btn.disabled = false; }, 2500);
+ });
+ }
+
+ function wire() {
+ var btns = document.querySelectorAll('[data-dw-spec-trigger]');
+ for (var i = 0; i < btns.length; i++) {
+ if (btns[i].dataset.dwWired === '1') continue;
+ btns[i].dataset.dwWired = '1';
+ btns[i].addEventListener('click', onClick);
}
- } finally {
- // Give the browser a beat to commit the download, then remove the iframe.
- if (iframe) setTimeout(function () { iframe.remove(); }, 1500);
}
-}
+
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', wire);
+ } else {
+ wire();
+ }
+})();
</script>
<style>
@@ -102,7 +218,6 @@ async function downloadSpecSheetPDF(e, handle, title) {
display: inline-block;
margin: 0;
}
-
.spec-sheet-btn {
display: inline-block;
padding: 10px 16px;
@@ -116,23 +231,30 @@ async function downloadSpecSheetPDF(e, handle, title) {
transition: all 0.3s ease;
white-space: nowrap;
}
-
.spec-sheet-btn:hover {
background: #1e4557;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
+.spec-sheet-btn:active { transform: translateY(0); }
+.spec-sheet-btn:disabled { opacity: 0.6; cursor: not-allowed; }
+.pdf-download-btn { vertical-align: top; }
-.spec-sheet-btn:active {
- transform: translateY(0);
-}
-
-.spec-sheet-btn:disabled {
- opacity: 0.6;
- cursor: not-allowed;
-}
-
-.pdf-download-btn {
- vertical-align: top;
-}
+/* Offscreen spec-sheet print styles (rendered by html2canvas, never shown to the user) */
+#dw-spec-sheet * { margin: 0; padding: 0; box-sizing: border-box; }
+#dw-spec-sheet .dw-spec-page { width: 816px; background: #fff; font-family: Arial, Helvetica, sans-serif; }
+#dw-spec-sheet .dw-spec-header { padding: 30px 40px; text-align: center; border-bottom: 2px solid #2c5f7f; }
+#dw-spec-sheet .dw-spec-logo { max-width: 200px; display: block; margin: 0 auto; }
+#dw-spec-sheet .dw-spec-body { padding: 30px 40px; }
+#dw-spec-sheet .dw-spec-title { font-size: 18px; color: #333; margin-bottom: 15px; font-weight: normal; text-align: center; text-transform: capitalize; }
+#dw-spec-sheet .dw-spec-img { max-width: 500px; max-height: 500px; object-fit: contain; display: block; margin: 0 auto 20px; width: 100%; }
+#dw-spec-sheet .dw-spec-grid { max-width: 560px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 10px; }
+#dw-spec-sheet .dw-spec-item { font-size: 14px; line-height: 1.6; display: flex; align-items: baseline; }
+#dw-spec-sheet .dw-spec-item strong { color: #333; font-weight: bold; margin-right: 6px; white-space: nowrap; }
+#dw-spec-sheet .dw-spec-item span { color: #555; flex: 1; }
+#dw-spec-sheet .dw-spec-footer { padding: 20px 40px; text-align: center; border-top: 2px solid #2c5f7f; background: #f9f9f9; }
+#dw-spec-sheet .dw-spec-footer-line { font-size: 10px; color: #666; margin: 3px 0; }
+#dw-spec-sheet .dw-spec-footer-line.company { font-size: 12px; font-weight: bold; color: #333; margin-bottom: 6px; }
+#dw-spec-sheet .dw-spec-footer-line.italic { font-style: italic; margin-top: 10px; }
+#dw-spec-sheet .dw-spec-footer-line.tiny { font-size: 9px; margin-top: 8px; }
</style>
diff --git a/shopify/_cwGRID/templates/page.spec-sheet.liquid b/shopify/_cwGRID/templates/page.spec-sheet.liquid
index 4fd5cb1d..7681eac9 100644
--- a/shopify/_cwGRID/templates/page.spec-sheet.liquid
+++ b/shopify/_cwGRID/templates/page.spec-sheet.liquid
@@ -4,12 +4,6 @@
- Larger image (500x500px)
- Single column if space available
- Title case, not bold
-
- layout none (2026-06-23): this template outputs its own complete <!DOCTYPE html>
- document, so it must NOT be wrapped in theme.liquid. Without this, the rendered
- page was ~900KB of nested/duplicate markup (theme chrome wrapping a full HTML
- doc). Skipping the layout yields a lean standalone spec sheet -> faster, valid,
- and ideal for the hidden-iframe PDF generator in spec-sheet-button.liquid.
{% endcomment %}
<!DOCTYPE html>
← 9f9be71a Harden Tres Tintas spec recrawl: retry+try/catch on vendor f
·
back to Designer Wallcoverings
·
Add Tres Tintas room-setting generator (Replicate SDXL, patt 1f14df14 →