← back to Designer Wallcoverings
Add gated live-push + rollback scripts + candidate snapshot for vendor-routing/grey-header fix
72762a60d5439d887f3b3c80716e227be4a08e16 · 2026-06-23 12:04:14 -0700 · Steve Abrams
Files touched
A shopify/push-vendor-routing-to-live.shA shopify/rollback-vendor-routing-live.shA shopify/vendor-routing-candidates/assets__theme.css.liquid.CANDIDATEA shopify/vendor-routing-candidates/snippets__dw-vendor-collection-url.liquidA shopify/vendor-routing-candidates/snippets__product-form-content.CANDIDATE.liquidA shopify/vendor-routing-candidates/stage-on-dev.sh
Diff
commit 72762a60d5439d887f3b3c80716e227be4a08e16
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Tue Jun 23 12:04:14 2026 -0700
Add gated live-push + rollback scripts + candidate snapshot for vendor-routing/grey-header fix
---
shopify/push-vendor-routing-to-live.sh | 59 +
shopify/rollback-vendor-routing-live.sh | 26 +
.../assets__theme.css.liquid.CANDIDATE | 12424 +++++++++++++++++++
.../snippets__dw-vendor-collection-url.liquid | 39 +
...snippets__product-form-content.CANDIDATE.liquid | 802 ++
shopify/vendor-routing-candidates/stage-on-dev.sh | 61 +
6 files changed, 13411 insertions(+)
diff --git a/shopify/push-vendor-routing-to-live.sh b/shopify/push-vendor-routing-to-live.sh
new file mode 100755
index 00000000..9ae07b3f
--- /dev/null
+++ b/shopify/push-vendor-routing-to-live.sh
@@ -0,0 +1,59 @@
+#!/usr/bin/env bash
+# GATED LIVE PUSH — vendor-collection routing (FIX 1) + grey-header contrast (FIX 2)
+# Target: MAIN/live theme 142250278963 "Steves Version 5.0"
+# Backs up every overwritten asset to /tmp/live-pull/live-push-backups/<stamp>/,
+# PUTs the three candidates, verifies. RUN ONLY AFTER STEVE APPROVES.
+#
+# THEME_TOKEN=shpat_xxx bash push-vendor-routing-to-live.sh
+set -euo pipefail
+STORE="designer-laboratory-sandbox.myshopify.com"
+API="2024-10"
+SECRETS="$HOME/Projects/secrets-manager/.env"
+LIVE_THEME=142250278963
+TOK="${THEME_TOKEN:-$(grep -hE '^SHOPIFY_THEME_TOKEN=' "$SECRETS" | head -1 | cut -d= -f2- | tr -d '"'"'"' ')}"
+[ -z "$TOK" ] && { echo "no theme token"; exit 1; }
+BK="/tmp/live-pull/live-push-backups/$(date +%Y%m%d-%H%M%S)"; mkdir -p "$BK"
+
+python3 - "$STORE" "$API" "$TOK" "$LIVE_THEME" "$BK" <<'PY'
+import sys,json,os,urllib.request,urllib.parse
+store,api,tok,tid,bk=sys.argv[1:6]
+H={"X-Shopify-Access-Token":tok,"Content-Type":"application/json"}
+def get(u): return json.load(urllib.request.urlopen(urllib.request.Request(u,headers=H)))
+def asset_get(k):
+ q=urllib.parse.urlencode({"asset[key]":k})
+ return get(f"https://{store}/admin/api/{api}/themes/{tid}/assets.json?{q}")["asset"]["value"]
+def asset_put(k,v):
+ b=json.dumps({"asset":{"key":k,"value":v}}).encode()
+ return urllib.request.urlopen(urllib.request.Request(
+ f"https://{store}/admin/api/{api}/themes/{tid}/assets.json",data=b,method="PUT",headers=H)).status
+
+themes=get(f"https://{store}/admin/api/{api}/themes.json")["themes"]
+th=[t for t in themes if str(t["id"])==str(tid)]
+assert th, "theme not found"
+role=th[0]["role"]
+print(f'TARGET {tid} "{th[0]["name"]}" role={role}')
+assert role=="main", f"expected MAIN, got {role} — abort"
+
+plan=[
+ ("snippets/dw-vendor-collection-url.liquid","/tmp/live-pull/snippets__dw-vendor-collection-url.liquid",True),
+ ("snippets/product-form-content.liquid","/tmp/live-pull/snippets__product-form-content.CANDIDATE.liquid",False),
+ ("assets/theme.css.liquid","/tmp/live-pull/css/assets__theme.css.liquid.CANDIDATE",False),
+]
+for key,path,is_new in plan:
+ val=open(path).read()
+ if not is_new:
+ cur=asset_get(key); bp=os.path.join(bk,key.replace('/','__')+'.bak'); open(bp,'w').write(cur)
+ print(f"backup {key} -> {bp} ({len(cur)}b)")
+ print(f"PUT {key} -> HTTP {asset_put(key,val)} ({len(val)}b)")
+
+pf=asset_get("snippets/product-form-content.liquid")
+css=asset_get("assets/theme.css") # compiled
+res=asset_get("snippets/dw-vendor-collection-url.liquid")
+print("VERIFY resolver .id test:", "_col.id" in res)
+print("VERIFY pdp uses resolver:", "dw-vendor-collection-url" in pf,
+ "| no raw url_for_vendor anchor:", 'href="{{ product.vendor | url_for_vendor }}"' not in pf)
+print("VERIFY css fix compiled:", "DW FIX 2026-06-23: collection HEADER" in css and "collection-image--true .page-title" in css)
+print(f"\nLIVE now: https://www.designerwallcoverings.com/collections/tres-tintas")
+print(f"LIVE pdp: https://www.designerwallcoverings.com/products/croci-pu2909-2-wallcovering-tres-tintas")
+PY
+echo "backups in $BK (rollback: PUT each .bak back to its key on theme $LIVE_THEME)"
diff --git a/shopify/rollback-vendor-routing-live.sh b/shopify/rollback-vendor-routing-live.sh
new file mode 100755
index 00000000..00dd1e6e
--- /dev/null
+++ b/shopify/rollback-vendor-routing-live.sh
@@ -0,0 +1,26 @@
+#!/usr/bin/env bash
+# ONE-BLOCK ROLLBACK — restore the live theme assets from the push backup.
+# Usage: THEME_TOKEN=shpat_xxx BK=/tmp/live-pull/live-push-backups/<stamp> bash rollback-vendor-routing-live.sh
+# (also deletes the net-new resolver snippet so the theme returns to exact pre-push state)
+set -euo pipefail
+STORE="designer-laboratory-sandbox.myshopify.com"; API="2024-10"; LIVE_THEME=142250278963
+SECRETS="$HOME/Projects/secrets-manager/.env"
+TOK="${THEME_TOKEN:-$(grep -hE '^SHOPIFY_THEME_TOKEN=' "$SECRETS" | head -1 | cut -d= -f2- | tr -d '"'"'"' ')}"
+BK="${BK:?set BK=/tmp/live-pull/live-push-backups/<stamp>}"
+python3 - "$STORE" "$API" "$TOK" "$LIVE_THEME" "$BK" <<'PY'
+import sys,json,os,glob,urllib.request,urllib.parse
+store,api,tok,tid,bk=sys.argv[1:6]
+H={"X-Shopify-Access-Token":tok,"Content-Type":"application/json"}
+def put(k,v):
+ b=json.dumps({"asset":{"key":k,"value":v}}).encode()
+ return urllib.request.urlopen(urllib.request.Request(f"https://{store}/admin/api/{api}/themes/{tid}/assets.json",data=b,method="PUT",headers=H)).status
+def delete(k):
+ q=urllib.parse.urlencode({"asset[key]":k})
+ return urllib.request.urlopen(urllib.request.Request(f"https://{store}/admin/api/{api}/themes/{tid}/assets.json?{q}",method="DELETE",headers=H)).status
+for f in glob.glob(os.path.join(bk,"*.bak")):
+ key=os.path.basename(f)[:-4].replace("__","/")
+ print("restore",key,"->",put(key,open(f).read()))
+# net-new snippet had no backup; remove it
+try: print("delete resolver snippet:", delete("snippets/dw-vendor-collection-url.liquid"))
+except Exception as e: print("delete resolver:", e)
+PY
diff --git a/shopify/vendor-routing-candidates/assets__theme.css.liquid.CANDIDATE b/shopify/vendor-routing-candidates/assets__theme.css.liquid.CANDIDATE
new file mode 100644
index 00000000..f187cc74
--- /dev/null
+++ b/shopify/vendor-routing-candidates/assets__theme.css.liquid.CANDIDATE
@@ -0,0 +1,12424 @@
+@charset "UTF-8";
+/* Fonts */
+{%- comment -%}font_heading{%- endcomment -%}
+
+{%- assign fonts_font_heading_display = "swap" | default: 'auto' -%}
+
+ {%- comment -%}Normal{%- endcomment -%}
+
+ {%- assign fonts_font_heading_family = settings.font_heading.family | append: ',' | append: settings.font_heading.fallback_families -%}
+ {%- assign fonts_font_heading_style = settings.font_heading.style -%}
+ {%- assign fonts_font_heading_weight = settings.font_heading.weight | times: 1 -%}
+ {{ settings.font_heading | font_face: font_display: fonts_font_heading_display }}
+
+ {%- comment -%}Italic{%- endcomment -%}
+
+ {%- assign fonts_font_heading_style_italic = settings.font_heading | font_modify: 'style', 'italic' | map: 'style' | default: 'italic' -%}
+ {{ settings.font_heading | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_heading_display }}
+
+ {%- comment -%}Bolder{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 700 -%}
+ {%- if fonts_font_heading_weight > 700 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_heading_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_heading_bolder = settings.font_heading | font_modify: 'weight', 'bolder' -%}
+ {%- assign fonts_font_heading_weight_bolder = fonts_font_heading_bolder.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_heading_bolder | font_face: font_display: fonts_font_heading_display }}
+ {{ fonts_font_heading_bolder | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_heading_display }}
+
+ {%- comment -%}Lighter{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 300 -%}
+ {%- if fonts_font_heading_weight < 300 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_heading_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_heading_lighter = settings.font_heading | font_modify: 'weight', 'lighter' -%}
+ {%- assign fonts_font_heading_weight_lighter = fonts_font_heading_lighter.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_heading_lighter | font_face: font_display: fonts_font_heading_display }}
+ {{ fonts_font_heading_lighter | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_heading_display }}
+
+
+{%- comment -%}font_navigation{%- endcomment -%}
+
+{%- assign fonts_font_navigation_display = "swap" | default: 'auto' -%}
+
+ {%- comment -%}Normal{%- endcomment -%}
+
+ {%- assign fonts_font_navigation_family = settings.font_navigation.family | append: ',' | append: settings.font_navigation.fallback_families -%}
+ {%- assign fonts_font_navigation_style = settings.font_navigation.style -%}
+ {%- assign fonts_font_navigation_weight = settings.font_navigation.weight | times: 1 -%}
+ {{ settings.font_navigation | font_face: font_display: fonts_font_navigation_display }}
+
+ {%- comment -%}Italic{%- endcomment -%}
+
+ {%- assign fonts_font_navigation_style_italic = settings.font_navigation | font_modify: 'style', 'italic' | map: 'style' | default: 'italic' -%}
+ {{ settings.font_navigation | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_navigation_display }}
+
+ {%- comment -%}Bolder{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 700 -%}
+ {%- if fonts_font_navigation_weight > 700 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_navigation_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_navigation_bolder = settings.font_navigation | font_modify: 'weight', 'bolder' -%}
+ {%- assign fonts_font_navigation_weight_bolder = fonts_font_navigation_bolder.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_navigation_bolder | font_face: font_display: fonts_font_navigation_display }}
+ {{ fonts_font_navigation_bolder | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_navigation_display }}
+
+ {%- comment -%}Lighter{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 300 -%}
+ {%- if fonts_font_navigation_weight < 300 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_navigation_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_navigation_lighter = settings.font_navigation | font_modify: 'weight', 'lighter' -%}
+ {%- assign fonts_font_navigation_weight_lighter = fonts_font_navigation_lighter.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_navigation_lighter | font_face: font_display: fonts_font_navigation_display }}
+ {{ fonts_font_navigation_lighter | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_navigation_display }}
+
+
+{%- comment -%}font_body{%- endcomment -%}
+
+{%- assign fonts_font_body_display = "swap" | default: 'auto' -%}
+
+ {%- comment -%}Normal{%- endcomment -%}
+
+ {%- assign fonts_font_body_family = settings.font_body.family | append: ',' | append: settings.font_body.fallback_families -%}
+ {%- assign fonts_font_body_style = settings.font_body.style -%}
+ {%- assign fonts_font_body_weight = settings.font_body.weight | times: 1 -%}
+ {{ settings.font_body | font_face: font_display: fonts_font_body_display }}
+
+ {%- comment -%}Italic{%- endcomment -%}
+
+ {%- assign fonts_font_body_style_italic = settings.font_body | font_modify: 'style', 'italic' | map: 'style' | default: 'italic' -%}
+ {{ settings.font_body | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_body_display }}
+
+ {%- comment -%}Bolder{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 700 -%}
+ {%- if fonts_font_body_weight > 700 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_body_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_body_bolder = settings.font_body | font_modify: 'weight', 'bolder' -%}
+ {%- assign fonts_font_body_weight_bolder = fonts_font_body_bolder.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_body_bolder | font_face: font_display: fonts_font_body_display }}
+ {{ fonts_font_body_bolder | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_body_display }}
+
+ {%- comment -%}Lighter{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 300 -%}
+ {%- if fonts_font_body_weight < 300 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_body_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_body_lighter = settings.font_body | font_modify: 'weight', 'lighter' -%}
+ {%- assign fonts_font_body_weight_lighter = fonts_font_body_lighter.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_body_lighter | font_face: font_display: fonts_font_body_display }}
+ {{ fonts_font_body_lighter | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_body_display }}
+
+
+{%- comment -%}font_button{%- endcomment -%}
+
+{%- assign fonts_font_button_display = "swap" | default: 'auto' -%}
+
+ {%- comment -%}Normal{%- endcomment -%}
+
+ {%- assign fonts_font_button_family = settings.font_button.family | append: ',' | append: settings.font_button.fallback_families -%}
+ {%- assign fonts_font_button_style = settings.font_button.style -%}
+ {%- assign fonts_font_button_weight = settings.font_button.weight | times: 1 -%}
+ {{ settings.font_button | font_face: font_display: fonts_font_button_display }}
+
+ {%- comment -%}Italic{%- endcomment -%}
+
+ {%- assign fonts_font_button_style_italic = settings.font_button | font_modify: 'style', 'italic' | map: 'style' | default: 'italic' -%}
+ {{ settings.font_button | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_button_display }}
+
+ {%- comment -%}Bolder{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 700 -%}
+ {%- if fonts_font_button_weight > 700 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_button_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_button_bolder = settings.font_button | font_modify: 'weight', 'bolder' -%}
+ {%- assign fonts_font_button_weight_bolder = fonts_font_button_bolder.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_button_bolder | font_face: font_display: fonts_font_button_display }}
+ {{ fonts_font_button_bolder | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_button_display }}
+
+ {%- comment -%}Lighter{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 300 -%}
+ {%- if fonts_font_button_weight < 300 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_button_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_button_lighter = settings.font_button | font_modify: 'weight', 'lighter' -%}
+ {%- assign fonts_font_button_weight_lighter = fonts_font_button_lighter.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_button_lighter | font_face: font_display: fonts_font_button_display }}
+ {{ fonts_font_button_lighter | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_button_display }}
+
+
+{%- comment -%}font_meta{%- endcomment -%}
+
+{%- assign fonts_font_meta_display = "swap" | default: 'auto' -%}
+
+ {%- comment -%}Normal{%- endcomment -%}
+
+ {%- assign fonts_font_meta_family = settings.font_meta.family | append: ',' | append: settings.font_meta.fallback_families -%}
+ {%- assign fonts_font_meta_style = settings.font_meta.style -%}
+ {%- assign fonts_font_meta_weight = settings.font_meta.weight | times: 1 -%}
+ {{ settings.font_meta | font_face: font_display: fonts_font_meta_display }}
+
+ {%- comment -%}Italic{%- endcomment -%}
+
+ {%- assign fonts_font_meta_style_italic = settings.font_meta | font_modify: 'style', 'italic' | map: 'style' | default: 'italic' -%}
+ {{ settings.font_meta | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_meta_display }}
+
+ {%- comment -%}Bolder{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 700 -%}
+ {%- if fonts_font_meta_weight > 700 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_meta_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_meta_bolder = settings.font_meta | font_modify: 'weight', 'bolder' -%}
+ {%- assign fonts_font_meta_weight_bolder = fonts_font_meta_bolder.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_meta_bolder | font_face: font_display: fonts_font_meta_display }}
+ {{ fonts_font_meta_bolder | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_meta_display }}
+
+ {%- comment -%}Lighter{%- endcomment -%}
+
+ {%- assign fonts_weight_adjustment_default = 300 -%}
+ {%- if fonts_font_meta_weight < 300 -%}
+ {%- assign fonts_weight_adjustment_default = fonts_font_meta_weight -%}
+ {%- endif -%}
+ {%- assign fonts_font_meta_lighter = settings.font_meta | font_modify: 'weight', 'lighter' -%}
+ {%- assign fonts_font_meta_weight_lighter = fonts_font_meta_lighter.weight | default: fonts_weight_adjustment_default -%}
+ {{ fonts_font_meta_lighter | font_face: font_display: fonts_font_meta_display }}
+ {{ fonts_font_meta_lighter | font_modify: 'style', 'italic' | font_face: font_display: fonts_font_meta_display }}
+@font-face {
+ font-family: "chiko-icons";
+ font-style: normal;
+ font-weight: normal;
+ font-display: block;
+ src: url({{ 'chiko-icons.woff' | asset_url }}) format("woff");
+}
+@font-face {
+ font-family: "pxu-social-icons";
+ font-style: normal;
+ font-weight: normal;
+ font-display: block;
+ src: url({{ 'pxu-social-icons.woff' | asset_url }}) format("woff");
+}
+/* Settings */
+/* User Settings
+------------------------- */
+/* General */
+/* Section specific
+------------------------- */
+/* Header */
+/* Slideshow */
+/* General Settings
+------------------------- */
+{% comment %}
+ Calculate hover and text hover color based on lightness of heading color
+{% endcomment %}
+{% assign background_lightness = settings.heading-color | color_extract: 'lightness' %}
+{% if background_lightness > 50 %}
+ {% assign color_hover_heading = settings.heading-color | color_darken: 5 %}
+ {% assign color_text_hover_heading = settings.heading-color | color_darken: 6 %}
+{% else %}
+ {% assign color_hover_heading = settings.heading-color | color_lighten: 6 %}
+ {% assign color_text_hover_heading = settings.heading-color | color_lighten: 25 %}
+{% endif %}
+
+{% comment %}
+ Calculate text hover color based on lightness of header tools color
+{% endcomment %}
+{% assign background_lightness = settings.header-tools-color | color_extract: 'lightness' %}
+{% if background_lightness > 50 %}
+ {% assign color_text_hover_heading_tools = settings.header-tools-color | color_darken: 6 %}
+{% else %}
+ {% assign color_text_hover_heading_tools = settings.header-tools-color | color_lighten: 25 %}
+{% endif %}
+
+{% comment %}
+ Calculate hover and text hover color based on lightness of accent color
+{% endcomment %}
+{% assign background_lightness = settings.accent-color | color_extract: 'lightness' %}
+{% if background_lightness > 50 %}
+ {% assign color_hover_accent = settings.accent-color | color_darken: 5 %}
+ {% assign color_text_hover_accent = settings.accent-color | color_darken: 6 %}
+{% else %}
+ {% assign color_hover_accent = settings.accent-color | color_lighten: 6 %}
+ {% assign color_text_hover_accent = settings.accent-color | color_lighten: 25 %}
+{% endif %}
+
+{% comment %}
+ Calculate hover color based on lightness of secondary button background color
+{% endcomment %}
+{% assign background_lightness = settings.settings.secondary-button-background | color_extract: 'lightness' %}
+{% if background_lightness > 50 %}
+ {% assign color_hover_secondary_button_background = settings.settings.secondary-button-background | color_darken: 5 %}
+{% else %}
+ {% assign color_hover_secondary_button_background = settings.settings.secondary-button-background | color_lighten: 6 %}
+{% endif %}
+
+{% comment %}
+ Calculate faceted filter swatch border color based on lightness of the form select background color
+{% endcomment %}
+{% assign background_lightness = settings.form-select-background | color_extract: 'lightness' %}
+{% if background_lightness > 50 %}
+ {% assign color_faceted_filter_swatch_border = settings.form-select-background | color_darken: 15 %}
+{% else %}
+ {% assign color_faceted_filter_swatch_border = settings.form-select-background | color_lighten: 30 %}
+{% endif %}
+/* 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: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+ color: {{ settings.heading-color }};
+}
+{%- if settings.heading-font-small-caps == true -%}
+.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;
+ }
+{%- endif -%}
+
+.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: {{ fonts_font_meta_family }};
+ font-style: {{ fonts_font_meta_style }};
+ font-weight: {{ fonts_font_meta_weight }};
+ color: {{ settings.meta-color }};
+}
+{%- if settings.meta-font-small-caps == true -%}
+.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 {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+
+.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: {{ fonts_font_button_family }};
+ font-style: {{ fonts_font_button_style }};
+ font-weight: {{ fonts_font_button_weight }};
+ 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: {{ settings.heading-color }};
+ 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: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+ margin: 0;
+ font-size: 2.1428571429rem;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.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;
+ }
+{%- endif -%}
+
+.home-slideshow-slide-heading, .home-promotion-title {
+ margin: 0;
+ font-size: 1.8571428571rem;
+}
+{%- if settings.heading-font-small-caps == true -%}
+@media (min-width: 770px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 2rem;
+ }
+ }
+{%- else -%}
+@media (min-width: 770px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 2.2857142857rem;
+ }
+ }
+{%- endif -%}
+{%- if settings.heading-font-small-caps == true -%}
+@media (min-width: 1080px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 3.2142857143rem;
+ }
+ }
+{%- else -%}
+@media (min-width: 1080px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 3.5714285714rem;
+ }
+ }
+{%- endif -%}
+{%- if settings.heading-font-small-caps == true -%}
+@media (min-width: 1280px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 4.2857142857rem;
+ }
+ }
+{%- else -%}
+@media (min-width: 1280px) {
+ .home-slideshow-slide-heading, .home-promotion-title {
+ font-size: 4.5714285714rem;
+ }
+ }
+{%- endif -%}
+
+.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;
+}
+{%- if settings.button-font-small-caps == true -%}
+.home-slideshow-slide-cta, .home-promotion-button {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+@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;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.post-title, .blog-post-masonry-title {
+ font-size: 2.2857142857rem;
+ }
+{%- endif -%}
+.post-title a, .blog-post-masonry-title a {
+ color: currentColor;
+}
+
+.post-date, .blog-post-masonry-content-date {
+ color: {{ settings.meta-color }};
+}
+.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: {{ settings.body-text-color | color_mix: settings.background-color, 50 }};
+}
+
+.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 {{ settings.form-select-border-color }};
+ background: {{ settings.form-select-background }};
+ color: {{ settings.form-select-color }};
+ 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: {{ settings.form-select-border-color | color_darken: 20 }};
+}
+
+.placeholder-svg {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-color: {{ settings.border-color }};
+ fill: {{ settings.body-text-color | color_modify: 'alpha', 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: {{ settings.accent-color }};
+ 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: {{ settings.body-text-color }};
+ background-color: {{ settings.background-color }};
+}
+{%- if settings.body-background-image != blank -%}
+body {
+ background-image: url({{ settings.body-background-image | img_url: '200x200' }});
+ background-position: {{ settings.body-background-image.presentation.focal_point }};
+ }
+{%- endif -%}
+body {
+ background-size: 100% auto;
+}
+{%- if settings.body-background-image != blank -%}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+ body {
+ background-image: url({{ settings.body-background-image | img_url: '200x200', scale: 2 }});
+ background-position: {{ settings.body-background-image.presentation.focal_point }};
+ }
+ }
+{%- endif -%}
+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: {{ settings.font-base-size }};
+}
+
+body {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ color: {{ settings.body-text-color }};
+ font-size: {{ settings.font-base-size }};
+ 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: {{ settings.accent-color }};
+ text-decoration: none;
+}
+a:hover {
+ color: {{ color_text_hover_accent }};
+}
+
+/* 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: {{ fonts_font_heading_weight_bolder }};
+}
+h1 em, .age-gate__heading em, h2 em, h3 em, h4 em, h5 em, h6 em {
+ font-style: {{ fonts_font_heading_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: {{ fonts_font_heading_style_italic }};
+}
+
+{%- if settings.heading-font-small-caps == true -%}
+
+h1, .age-gate__heading {
+ font-size: 2.5714285714rem;
+ }
+{%- else -%}
+h1, .age-gate__heading {
+ font-size: 2.8571428571rem;
+ }
+{%- endif -%}
+
+{%- if settings.heading-font-small-caps == true -%}
+
+h2 {
+ font-size: 1.7142857143rem;
+ }
+{%- else -%}
+h2 {
+ font-size: 1.9285714286rem;
+ }
+{%- endif -%}
+
+{%- if settings.heading-font-small-caps == true -%}
+
+h3 {
+ font-size: 1.1428571429rem;
+ }
+{%- else -%}
+h3 {
+ font-size: 1.2857142857rem;
+ }
+{%- endif -%}
+
+{%- if settings.heading-font-small-caps == true -%}
+
+h4 {
+ font-size: 1rem;
+ }
+{%- else -%}
+h4 {
+ font-size: 1.1428571429rem;
+ }
+{%- endif -%}
+
+{%- if settings.heading-font-small-caps == true -%}
+
+h5 {
+ font-size: 1rem;
+ }
+{%- else -%}
+h5 {
+ font-size: 1.1428571429rem;
+ }
+{%- endif -%}
+
+{%- if settings.heading-font-small-caps == true -%}
+
+h6 {
+ font-size: 0.8571428571rem;
+ letter-spacing: 0.3em;
+ }
+{%- else -%}
+h6 {
+ font-size: 1rem;
+ }
+{%- endif -%}
+
+.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;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.page-title,
+ .shopify-policy__title h1,
+ .shopify-policy__title .age-gate__heading {
+ font-size: 1.7142857143rem;
+ }
+{%- endif -%}
+
+.section-title {
+ display: block;
+ width: 100%;
+ font-size: 1.2857142857rem;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.section-title {
+ font-size: 1.1428571429rem;
+ }
+{%- endif -%}
+
+.meta {
+ font-size: 1rem;
+}
+{%- if settings.meta-font-small-caps == true -%}
+.meta {
+ font-size: 0.8571428571rem;
+ }
+{%- endif -%}
+
+/* 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: {{ settings.border-color }};
+ border: none;
+}
+
+blockquote > *:first-child {
+ margin-top: 0;
+}
+blockquote > *:last-child {
+ margin-bottom: 0;
+}
+
+b,
+strong {
+ font-weight: {{ fonts_font_body_weight_bolder }};
+}
+
+em {
+ font-style: {{ fonts_font_body_style_italic }};
+}
+
+b em,
+strong em,
+em b,
+em strong {
+ font-style: {{ fonts_font_body_style_italic }};
+}
+
+cite {
+ color: {{ settings.meta-color }};
+}
+
+/* Tables */
+table {
+ background: transparent;
+ color: {{ settings.body-text-color }};
+ border: 1px solid {{ settings.border-color }};
+ border-top: none;
+ border-radius: 2px;
+ border-collapse: separate;
+}
+table.clean {
+ border: none;
+ border-radius: 0;
+}
+
+th {
+ font-size: 1.1428571429rem;
+ background: {{ settings.form-select-background }};
+ color: {{ settings.form-select-color }};
+}
+
+tr td, tr th {
+ border-top: 1px solid {{ settings.border-color }};
+ border-left: 1px solid {{ settings.border-color }};
+ 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 {{ settings.border-color }} !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 {{ settings.border-color }} !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: {{ fonts_font_button_family }};
+ font-style: {{ fonts_font_button_style }};
+ font-weight: {{ fonts_font_button_weight }};
+ background: {{ settings.accent-color }};
+ color: {{ settings.button-color }};
+ 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);
+}
+{%- if settings.button-font-small-caps == true -%}
+.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;
+ }
+{%- endif -%}
+.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: {{ settings.button-color }};
+ background: {{ color_hover_accent }};
+}
+.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: {{ settings.secondary-button-background }};
+ color: {{ settings.secondary-button-color }};
+}
+.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: {{ settings.secondary-button-color }};
+ background: {{ color_hover_secondary_button_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: {{ settings.heading-color }};
+ 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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ display: block;
+ width: 100%;
+ max-width: 340px;
+ padding: 10px 12px;
+ font-size: 1rem;
+ color: {{ settings.body-text-color }};
+ background: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ 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({{ settings.body-text-color }}, 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({{ settings.body-text-color }}, 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({{ settings.body-text-color }}, 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({{ settings.body-text-color }}, 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: {{ settings.form-select-background }};
+ cursor: pointer;
+ border: 1px solid {{ settings.form-select-border-color }};
+ color: {{ settings.form-select-color }};
+ 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 {{ settings.accent-color }};
+}
+.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 {{ settings.heading-color }};
+ padding-left: 50px;
+}
+.rte blockquote cite,
+.element-text.element-text--rte blockquote cite {
+ display: block;
+ color: {{ settings.heading-color }};
+ 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: {{ settings.heading-color }};
+}
+.rte .tabs li.active,
+.element-text.element-text--rte .tabs li.active {
+ border-color: {{ settings.border-color }};
+ background: transparent;
+}
+{%- if settings.body-background-use-image != blank -%}
+.rte .tabs li.active,
+ .element-text.element-text--rte .tabs li.active {
+ border-bottom: 1px solid {{ settings.background-color }};
+ }
+{%- endif -%}
+.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 {{ settings.border-color }};
+}
+.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: {{ settings.meta-color }};
+}
+
+.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: {{ settings.accent-color }};
+}
+.toggle-forgetfulness:hover,
+.active-account-decline:hover {
+ color: {{ color_text_hover_accent }};
+}
+
+.guest-checkout {
+ margin-top: 30px;
+ padding-top: 10px;
+ border-top: 1px solid {{ settings.border-color }};
+}
+.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 {{ settings.border-color }};
+}
+
+.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 {{ settings.border-color }};
+ 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 {{ settings.border-color }};
+}
+.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: {{ settings.product-badge-background-color }};
+}
+@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: {{ settings.heading-color }};
+ }
+ .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 {{ settings.border-color }};
+ 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: {{ settings.product-badge-background-color }};
+}
+@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;
+}
+
+{%- if settings.meta-font-small-caps == true -%}
+
+.order-vendor {
+ font-size: 0.7857142857rem;
+ }
+
+{%- endif -%}
+
+.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: {{ settings.heading-color }};
+ text-align: right;
+}
+
+.order-totals .order-discount-title,
+.order-totals .order-discount-price {
+ color: {{ settings.product-badge-background-color }};
+ line-height: 1.4;
+}
+.order-totals .order-discount-title svg,
+.order-totals .order-discount-price svg {
+ margin-right: 3px;
+ width: 10px;
+ height: 10px;
+ color: {{ settings.product-badge-background-color }};
+}
+@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 {{ settings.border-color }};
+}
+.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 {{ settings.border-color }};
+}
+
+.customer-addresses ~ .customer-address-form-wrapper {
+ width: 50%;
+}
+@media (max-width: 769px) {
+ .customer-addresses ~ .customer-address-form-wrapper {
+ width: 100%;
+ border-top: 1px solid {{ settings.border-color }};
+ 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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style_italic }};
+ font-weight: {{ fonts_font_body_weight }};
+ display: none;
+}
+.editing .customer-address-editing-message {
+ display: block;
+}
+
+.addresses-pagination {
+ margin: 1.6em 0;
+}
+.addresses-pagination span.previous, .addresses-pagination span.next {
+ color: {{ settings.meta-color }};
+}
+.addresses-pagination .previous {
+ margin-right: 8px;
+}
+.addresses-pagination .next {
+ margin-left: 8px;
+}
+.addresses-pagination .page {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style_italic }};
+ font-weight: {{ fonts_font_body_weight }};
+}
+
+.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 {{ settings.border-color }};
+}
+.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;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.blog-sidebar .section-title {
+ font-size: 1rem;
+ }
+{%- endif -%}
+
+.blog-recent-posts {
+ border-bottom: 1px solid {{ settings.border-color }};
+}
+.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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ margin: 0 0 2px;
+ text-transform: none;
+ letter-spacing: 0;
+}
+.blog-recent-post-title a {
+ color: {{ settings.heading-color }};
+}
+
+.blog-recent-post-date {
+ margin: 0;
+}
+.blog-recent-post-date a {
+ color: {{ settings.meta-color }};
+}
+
+.blog-tag-filter {
+ margin: 35px 0 0;
+ padding-bottom: 40px;
+ border-bottom: 1px solid {{ settings.border-color }};
+}
+@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 {{ settings.border-color }};
+ }
+}
+@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 {{ settings.border-color }};
+}
+.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: {{ settings.background-color }};
+ 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: {{ settings.meta-color }};
+}
+
+.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: {{ settings.meta-color }};
+}
+.post-meta .post-tags .title {
+ margin-right: 5px;
+ color: {{ settings.heading-color }};
+}
+
+.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: {{ settings.meta-color }};
+ text-align: center;
+}
+{%- if settings.article-author-avatar -%}
+.post-author-name {
+ text-align: left;
+ }
+{%- endif -%}
+.post-author-name:before {
+ content: attr(data-title);
+ display: block;
+ color: {{ settings.heading-color }};
+ font-size: 0.9285714286rem;
+}
+{%- if settings.meta-font-small-caps == true -%}
+.post-author-name:before {
+ font-size: 0.8571428571rem;
+ }
+{%- endif -%}
+
+.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 {{ settings.border-color }};
+}
+.post-comments .pagination {
+ margin: 0;
+}
+
+.post-comments-list {
+ padding-bottom: 40px;
+ border-bottom: 1px solid {{ settings.border-color }};
+}
+
+.post-comment {
+ padding-bottom: 40px;
+ margin-bottom: 40px;
+ border-bottom: 1px solid {{ settings.border-color }};
+}
+.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: {{ settings.heading-color }};
+ 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: {{ settings.heading-color }};
+}
+
+.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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style_italic }};
+ font-weight: {{ fonts_font_body_weight }};
+ 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 {{ settings.border-color }};
+}
+.password-page-form-header:after {
+ content: "";
+ display: block;
+ max-width: 50px;
+ margin: 15px auto 0;
+ border-bottom: 1px solid {{ settings.border-color }};
+}
+
+.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: {{ settings.background-color }};
+ 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 {{ settings.border-color }};
+}
+@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: {{ fonts_font_meta_family }};
+ font-style: {{ fonts_font_meta_style }};
+ font-weight: {{ fonts_font_meta_weight }};
+ 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: {{ settings.heading-color }};
+ 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 {{ settings.border-color }};
+ 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 {{ settings.border-color }};
+ 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: {{ settings.heading-color }};
+}
+.search-result-link:hover {
+ color: {{ color_hover_heading }};
+}
+
+.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 {{ settings.border-color }};
+}
+@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: {{ settings.meta-color }};
+}
+
+.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 {{ settings.border-color }};
+ 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: {{ settings.border-color | color_mix: settings.background-color, 30 }};
+}
+@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: {{ settings.accent-color }};
+ cursor: pointer;
+ transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.home-masonry-feature-video-trigger:hover {
+ color: {{ color_hover_accent }};
+}
+@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 {{ settings.border-color }};
+}
+.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: {{ settings.heading-color }} !important;
+ }
+}
+
+@media (max-width: 769px) {
+ .home-slideshow-slide-subheading {
+ color: {{ settings.meta-color }} !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: {{ settings.border-color | color_mix: settings.background-color, 28 }};
+}
+.style-bordered .home-testimonials-item {
+ border: 1px solid {{ settings.border-color }};
+}
+.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: {{ settings.accent-color }};
+}
+
+.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: {{ settings.body-text-color }};
+}
+
+.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: {{ settings.font-base-size }};
+}
+.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: {{ settings.body-text-color }};
+ }
+}
+
+.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: {{ settings.button-color }};
+ 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: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+ margin: 20px 0;
+ font-size: 2.5rem;
+ line-height: 1.25;
+ color: var(--overlay-text-color);
+}
+{%- if settings.heading-font-small-caps == true -%}
+.video-section__overlay-heading {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+@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 {{ settings.border-color }};
+}
+
+.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: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+ margin-bottom: 17px;
+}
+@media (min-width: 770px) {
+ .pxs-newsletter-heading {
+ margin-bottom: 28px;
+ }
+}
+
+.pxs-newsletter-text {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ 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 {{ settings.border-color }};
+}
+.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: {{ settings.heading-color }};
+}
+.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: {{ settings.body-text-color }};
+}
+.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: {{ settings.body-text-color | color_mix: settings.background-color, 50 }};
+ 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: {{ settings.background-color }};
+}
+@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 {{ settings.border-color }};
+ 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 {{ settings.border-color }};
+}
+.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 {{ settings.border-color }};
+ 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: {{ settings.body-text-color | color_lighten: 25 }};
+}
+.cart-item .original-price ~ .final-price {
+ color: {{ settings.product-badge-background-color }};
+}
+.cart-item .cart-item-discounts {
+ color: {{ settings.product-badge-background-color }};
+ margin: 0;
+ line-height: 1.4;
+}
+.cart-item .cart-item-discounts svg {
+ color: {{ settings.product-badge-background-color }};
+ 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: {{ settings.heading-color }};
+ }
+ .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: {{ settings.meta-color }};
+ 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;
+}
+{%- if settings.meta-font-small-caps == true -%}
+.cart-brand {
+ font-size: 0.7857142857rem;
+ }
+{%- endif -%}
+.cart-brand a {
+ color: {{ settings.meta-color }};
+}
+
+.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: {{ settings.body-text-color }};
+ 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: {{ settings.accent-color }};
+}
+
+.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: {{ settings.product-badge-background-color }};
+}
+@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: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+ margin: 0;
+ font-size: 2.1428571429rem;
+ line-height: 1;
+ color: {{ settings.heading-color }};
+}
+
+.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 {{ settings.border-color }};
+ padding: 0;
+ }
+}
+.main-footer .section-title {
+ margin: 0 0 20px;
+ font-size: 1.1428571429rem;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.main-footer .section-title {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+.main-footer a {
+ color: {{ settings.heading-color }};
+}
+
+.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 {{ settings.border-color }};
+}
+@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: {{ settings.body-text-color }};
+}
+
+.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: {{ settings.heading-color }};
+ 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: {{ settings.accent-color }};
+}
+.footer-blurb a:hover {
+ color: {{ color_text_hover_accent }};
+}
+
+.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;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.mailing-list .section-title {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+
+.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: {{ settings.body-text-color }};
+}
+
+.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;
+}
+{%- if settings.button-font-small-caps == true -%}
+.mailing-list-submit .submit {
+ font-size: 0.8571428571rem;
+ }
+{%- endif -%}
+
+.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 {{ settings.border-color }};
+ }
+}
+.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: {{ settings.body-text-color | color_mix: settings.background-color, 75 }};
+ -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: {{ settings.border-color }};
+}
+
+.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: {{ settings.secondary-button-color }};
+ background-color: {{ settings.secondary-button-background }};
+ border-radius: 2px;
+}
+noscript .shopify-localization-form .disclosure__submit:hover {
+ color: {{ settings.secondary-button-color }};
+ background: {{ color_hover_secondary_button_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: {{ settings.background-color }};
+}
+.header-border .main-header {
+ border-bottom: 1px solid {{ settings.border-color }};
+}
+
+.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 {{ settings.border-color }};
+}
+@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 {{ settings.border-color }};
+}
+.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 {{ settings.border-color }};
+ 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 {{ settings.border-color }};
+ }
+}
+@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 {{ settings.border-color }};
+}
+@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 {{ settings.border-color }};
+}
+.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;
+}
+{%- if settings.meta-font-small-caps == true -%}
+.product-vendor {
+ font-size: 1.1428571429rem;
+ }
+{%- endif -%}
+
+.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 {{ settings.border-color }};
+}
+.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: {{ settings.border-color }};
+}
+
+.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 {{ settings.border-color }};
+}
+
+.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: {{ settings.body-text-color | color_mix: settings.background-color, 50 }};
+ 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;
+}
+{%- if settings.button-font-small-caps == true -%}
+.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;
+ }
+{%- endif -%}
+
+.product-smart-payments .add-to-cart {
+ color: {{ settings.secondary-button-color }};
+ background-color: {{ settings.secondary-button-background }};
+}
+.product-smart-payments .add-to-cart:hover:not(:disabled) {
+ color: {{ settings.secondary-button-color }};
+ background: {{ color_hover_secondary_button_background }};
+}
+
+.shopify-payment-button__button {
+ font-family: {{ fonts_font_button_family }};
+ font-style: {{ fonts_font_button_style }};
+ font-weight: {{ fonts_font_button_weight }};
+ overflow: hidden;
+ border-radius: 2px;
+}
+
+.shopify-payment-button__button--unbranded {
+ color: {{ settings.button-color }};
+ background: {{ settings.accent-color }};
+}
+.shopify-payment-button__button--unbranded:hover:not(:disabled) {
+ color: {{ settings.button-color }};
+ background: {{ color_hover_accent }};
+}
+
+.shopify-payment-button__more-options {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ color: {{ settings.body-text-color }};
+}
+.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: {{ settings.accent-color }};
+ text-decoration: none;
+ cursor: pointer;
+ background: none;
+ border: 0;
+ -webkit-appearance: none;
+ appearance: none;
+}
+.product-message button[type=submit]:hover {
+ color: {{ color_text_hover_accent }};
+}
+
+:root {
+ --color-body-text: {{ settings.body-text-color }};
+ --color-body: {{ settings.background-color }};
+ --color-bg: {{ settings.background-color }};
+}
+
+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: {{ settings.background-color }};
+ 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: {{ settings.font-base-size }};
+ --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: {{ fonts_font_body_weight_bolder }};
+ --surface-pick-up-embed-theme-body-text-color: {{ settings.body-text-color }};
+ --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: {{ settings.font-base-size }};
+ --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: {{ fonts_font_body_weight_bolder }};
+ --surface-pick-up-item-theme-body-text-color: {{ settings.body-text-color }};
+ --surface-pick-up-item-theme-border-color: {{ settings.border-color }};
+ --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 {{ settings.border-color }};
+}
+
+.surface-pick-up-modal__header {
+ font-family: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+ display: block;
+ margin-top: 0;
+ margin-bottom: 0;
+ color: {{ settings.heading-color }};
+}
+{%- if settings.heading-font-small-caps == true -%}
+.surface-pick-up-modal__header {
+ font-size: 1.5rem;
+ }
+{%- else -%}
+.surface-pick-up-modal__header {
+ font-size: 1.7142857143rem;
+ }
+{%- endif -%}
+
+.surface-pick-up-modal__subtitle {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ font-size: {{ settings.font-base-size }};
+ line-height: 1.625;
+ color: {{ settings.meta-color }};
+}
+
+.surface-pick-up-embed__location-availability {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+}
+
+/* Components */
+.breadcrumbs {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ 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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ display: block;
+ margin: 0;
+ font-size: {{ settings.font-base-size }};
+ 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: {{ settings.form-select-background }};
+ border: 1px solid {{ settings.form-select-border-color }};
+ 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: {{ settings.form-select-background }};
+ border: 1px solid {{ settings.form-select-border-color }};
+ 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: {{ settings.secondary-button-color }};
+ background-color: {{ settings.secondary-button-background }};
+ border-radius: 50%;
+}
+
+.collection-filters__filter-checkbox {
+ width: 12px;
+ min-width: 12px;
+ height: 12px;
+ color: {{ settings.accent-color }};
+ cursor: pointer;
+ border: 1px solid {{ settings.border-color }};
+}
+.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: {{ settings.form-select-color }};
+}
+
+.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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ font-size: {{ settings.font-base-size }};
+ 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: {{ settings.form-select-color }};
+}
+.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: {{ fonts_font_button_family }};
+ font-style: {{ fonts_font_button_style }};
+ font-weight: {{ fonts_font_button_weight }};
+ position: relative;
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ padding: 6px;
+ color: {{ settings.secondary-button-color }};
+ cursor: pointer;
+ background-color: {{ settings.secondary-button-background }};
+ 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: {{ settings.font-base-size }};
+}
+
+.filter-text,
+.filter-icon--checkbox {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.active-filter-text {
+ font-size: {{ settings.font-base-size }};
+}
+
+.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: {{ settings.body-text-color }};
+ --slider-active-dot-color: {{ settings.body-text-color }};
+ --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: {{ settings.form-select-background }};
+}
+.complementary-products .flickity-prev-next-button svg {
+ top: 50%;
+ left: 50%;
+ width: 40%;
+ height: 40%;
+}
+.complementary-products .flickity-prev-next-button svg .arrow {
+ fill: {{ settings.form-select-color }};
+}
+.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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+}
+.complementary-product__price-wrapper {
+ margin-top: 0.25rem;
+}
+.complementary-product__price-compare {
+ color: {{ settings.body-text-color | color_mix: settings.background-color, 50 }};
+ 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: {{ settings.form-select-color }};
+ --disclosure-toggle-background-color: {{ settings.form-select-background }};
+ --disclosure-toggle-border-color: {{ settings.form-select-border-color }};
+ --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: {{ settings.form-select-color }};
+ --disclosure-text-color: {{ settings.body-text-color }};
+ --disclosure-background-color: {{ settings.background-color }};
+ --disclosure-border-color: {{ settings.border-color }};
+ height: 100%;
+}
+.disclosure summary:focus {
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+.disclosure__toggle {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ height: 100%;
+ padding: 9px 30px 9px 10px;
+ font-size: {{ settings.font-base-size }};
+ border-radius: 2px;
+}
+.disclosure__toggle::after {
+ width: 13px;
+ height: 13px;
+ transform: translateY(-50%) rotate(90deg);
+}
+
+.disclosure-list {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ font-size: {{ settings.font-base-size }};
+}
+
+.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 {{ settings.background-color }}, 0 0 0 3px {{ settings.body-text-color | color_modify: 'alpha', 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 {{ settings.background-color }}, 0 0 0 3px {{ settings.body-text-color }};
+}
+
+.faceted-filter-swatch__color,
+.faceted-filter-swatch__image {
+ width: 100%;
+ height: 100%;
+ border: 1px solid {{ color_faceted_filter_swatch_border }};
+ 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 {{ settings.background-color }}, 0 0 0 3px {{ settings.body-text-color }};
+}
+
+.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: {{ settings.border-color }};
+ --recipient-form-checkbox-svg-color: {{ settings.accent-color }};
+ --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 {{ settings.border-color }};
+}
+@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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ position: relative;
+ width: 100%;
+ color: {{ settings.heading-color }};
+ background: {{ settings.header-tools-background-color }};
+}
+
+.header-tools {
+ padding: 0 30px;
+}
+.header-content-width .header-tools {
+ max-width: 1260px;
+ margin: 0 auto;
+}
+.header-tools .customer-links {
+ color: {{ settings.header-tools-color }};
+ -webkit-font-smoothing: antialiased;
+}
+.header-tools .customer-links > a {
+ color: {{ settings.header-tools-color }};
+ -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: {{ color_text_hover_heading_tools }};
+}
+.header-tools .checkout-link,
+.header-tools .cart-count {
+ color: {{ settings.heading-color }};
+}
+.header-tools .checkout-link:hover,
+.header-tools .cart-count:hover {
+ color: {{ color_text_hover_heading }};
+}
+.header-tools .checkout-link,
+.header-tools .customer-links,
+.header-tools .cart-count {
+ display: inline-block;
+ font-size: 1rem;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.header-tools .checkout-link,
+ .header-tools .customer-links,
+ .header-tools .cart-count {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ font-size: 0.9285714286rem;
+ }
+{%- endif -%}
+.header-tools .checkout-link,
+.header-tools .mini-cart-wrapper {
+ padding: 11px 20px;
+ background: {{ settings.background-color }};
+}
+.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: {{ settings.heading-color }};
+ background: none;
+ border: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.checkout-link__button {
+ font-size: 0.9285714286rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+.checkout-link__button:hover {
+ color: {{ color_text_hover_heading }};
+}
+
+.customer-links {
+ position: relative;
+}
+.customer-links:hover > .customer-links-inner {
+ display: block;
+}
+.customer-links li {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ 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 {{ settings.background-color }};
+}
+.customer-links .arrow:before {
+ content: "";
+ display: block;
+ border-left: 9px solid transparent;
+ border-right: 9px solid transparent;
+ border-bottom: 9px solid {{ settings.border-color }};
+ 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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ 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: {{ settings.body-text-color | color_mix: settings.background-color, 50 }};
+ background-color: {{ settings.meta-color }};
+ 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: {{ settings.background-color }};
+}
+@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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ 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 {{ settings.background-color }};
+}
+.mini-cart .arrow:before {
+ content: "";
+ display: block;
+ border-left: 9px solid transparent;
+ border-right: 9px solid transparent;
+ border-bottom: 9px solid {{ settings.border-color }};
+ z-index: -1;
+ left: 50%;
+ position: absolute;
+ margin-left: -9px;
+ top: -1px;
+}
+.template-cart .mini-cart {
+ display: none !important;
+}
+
+.mini-cart-item {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ position: relative;
+ margin: 0 30px;
+ padding: 20px 0;
+ border-bottom: 1px solid {{ settings.border-color }};
+}
+.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: {{ settings.body-text-color | color_lighten: 25 }};
+}
+.original-price ~ .mini-cart-item-price .final-price {
+ color: {{ settings.product-badge-background-color }};
+}
+
+.cart-item-discounts {
+ color: {{ settings.product-badge-background-color }};
+ margin: 0;
+}
+.cart-item-discounts svg {
+ color: {{ settings.product-badge-background-color }};
+ 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: {{ settings.body-text-color }};
+}
+
+.mini-cart-item-property {
+ display: block;
+ margin: 6px 0 !important;
+ color: {{ settings.body-text-color }};
+}
+
+.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: {{ settings.font-base-size }};
+}
+.cart-subtotal .price {
+ text-align: right;
+}
+.cart-subtotal .cart-discount-title {
+ color: {{ settings.product-badge-background-color }};
+ 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: {{ settings.product-badge-background-color }};
+ padding-bottom: 10px;
+}
+
+.mini-cart-footer {
+ display: flex;
+ justify-content: space-between;
+ padding: 22px 24px;
+ border-top: 1px solid {{ settings.border-color }};
+}
+.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: {{ settings.background-color }};
+ 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);
+}
+{%- if settings.navigation-font-small-caps == true -%}
+.navigation.navigation-desktop .navigation-menu a,
+ .navigation.navigation-desktop .navigation-menu summary {
+ padding: 17px 25px;
+ font-size: 1rem;
+ }
+{%- endif -%}
+.navigation.navigation-desktop .navigation-menu a:hover,
+.navigation.navigation-desktop .navigation-menu summary:hover {
+ color: {{ color_text_hover_heading_tools }};
+}
+.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;
+}
+{%- if settings.navigation-font-small-caps == true -%}
+.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;
+ }
+{%- endif -%}
+.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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ border-bottom-color: {{ settings.background-color }};
+}
+.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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ 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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ 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: {{ settings.navigation-color | color_mix: settings.background-color, 50 }};
+}
+.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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ 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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ 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: {{ settings.body-text-color }};
+}
+.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;
+}
+{%- if settings.heading-font-small-caps == true -%}
+.mega-nav-list .mega-nav-list-title .mega-nav-list-title-link {
+ font-size: 1rem;
+ }
+{%- endif -%}
+
+.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: {{ settings.background-color }};
+ 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 {{ settings.border-color }};
+}
+.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: {{ settings.background-color }};
+ border-bottom: 1px solid {{ settings.border-color }};
+ }
+ .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: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+ position: absolute;
+ font-size: 0.9285714286rem;
+ line-height: 0.9285714286rem;
+ color: {{ settings.heading-color }};
+ 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: {{ color_text_hover_heading }};
+}
+{%- if settings.heading-font-small-caps == true -%}
+.sticky-header-cart-count {
+ font-size: 0.8571428571rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+.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: {{ settings.navigation-color }};
+}
+
+.navigation-submenu-toggle {
+ display: inline-block;
+ float: right;
+ width: 30px;
+ height: 30px;
+ padding: 5px;
+ margin-top: -5px;
+ margin-right: -40px;
+ color: {{ settings.navigation-color }};
+}
+@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: {{ settings.navigation-color }};
+}
+.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: {{ settings.header-tools-color }};
+}
+
+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: {{ fonts_font_navigation_family }};
+ font-style: {{ fonts_font_navigation_style }};
+ font-weight: {{ fonts_font_navigation_weight }};
+ font-size: 1rem;
+ color: {{ settings.navigation-color }};
+}
+{%- if settings.navigation-font-small-caps == true -%}
+.navigation .navigation-menu a,
+ .navigation .navigation-menu summary {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+{%- endif -%}
+
+.pagination,
+.single-post-pagination {
+ margin-top: 10px;
+ padding: 0 30px;
+ text-align: center;
+}
+.pagination li,
+.single-post-pagination li {
+ font-family: {{ fonts_font_heading_family }};
+ font-style: {{ fonts_font_heading_style }};
+ font-weight: {{ fonts_font_heading_weight }};
+}
+.pagination .next,
+.pagination .previous,
+.single-post-pagination .next,
+.single-post-pagination .previous {
+ width: 36px;
+ padding: 13px 0 12px;
+ color: {{ settings.button-color }};
+ vertical-align: top;
+ background: {{ settings.accent-color }};
+ cursor: pointer;
+}
+.pagination .next a,
+.pagination .previous a,
+.single-post-pagination .next a,
+.single-post-pagination .previous a {
+ color: {{ settings.button-color }};
+ line-height: 1;
+}
+.pagination a,
+.single-post-pagination a {
+ display: block;
+ width: 36px;
+ line-height: 38px;
+ color: {{ settings.form-select-color }};
+}
+.pagination .ellipsis,
+.single-post-pagination .ellipsis {
+ background: transparent;
+ width: 36px;
+ border: 0;
+ color: {{ settings.meta-color }};
+ color: {{ settings.body-text-color | color_mix: settings.background-color, 50 }};
+ 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 {{ settings.body-text-color }};
+}
+.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: {{ settings.heading-color }};
+ background-color: {{ settings.background-color }};
+ box-shadow: 0 0 0 1px {{ settings.heading-color | color_modify: 'alpha', 0.05 }};
+}
+
+.product-gallery--viewinyourspace {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 60%;
+ height: auto;
+ padding: 0;
+ color: {{ settings.body-text-color }};
+ background-color: {{ settings.body-text-color | color_modify: 'alpha', 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: {{ settings.heading-color }};
+ 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: {{ settings.heading-color }};
+ }
+ .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: {{ settings.heading-color }};
+ border-radius: 10px;
+ opacity: 0.2;
+ }
+ .product-masonry [data-mobile-slider-navigation] [data-mobile-slider-dots] .dot.selected {
+ opacity: 1;
+ }
+}
+.plyr.plyr--video {
+ color: {{ settings.heading-color }};
+ background-color: {{ settings.background-color }};
+}
+body:not(.user-is-tabbing) .plyr.plyr--video {
+ outline: none;
+}
+.plyr.plyr--video .plyr__control {
+ color: {{ settings.heading-color }};
+ background: {{ settings.background-color }};
+ border: 0;
+}
+.plyr.plyr--video > .plyr__control {
+ width: 60px;
+ height: 60px;
+ padding: 0;
+ background: {{ settings.background-color }};
+ box-shadow: 0 0 0 1px {{ settings.heading-color | color_modify: 'alpha', 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: {{ settings.heading-color | color_modify: 'alpha', 0.06 }};
+ opacity: 0.6;
+}
+.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
+.plyr.plyr--video .plyr__control--overlaid:hover {
+ color: {{ settings.heading-color }};
+}
+.plyr.plyr--video .plyr__video-wrapper,
+.plyr.plyr--video .plyr__poster {
+ background-color: {{ settings.background-color }};
+}
+.plyr.plyr--video .plyr__controls {
+ background: {{ settings.background-color }};
+ border: 0;
+ box-shadow: 0 0 0 1px {{ settings.heading-color | color_modify: 'alpha', 0.05 }};
+}
+.plyr.plyr--video .plyr__tooltip {
+ color: {{ settings.background-color }};
+ background: {{ settings.heading-color }};
+}
+.plyr.plyr--video .plyr__tooltip:before {
+ border-top: 4px solid {{ settings.heading-color }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
+ background-image: linear-gradient(to right, {{ settings.heading-color }} var(--value, 0%), {{ settings.heading-color | color_modify: 'alpha', 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 {{ settings.heading-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
+ box-shadow: 0 0 0 4px {{ settings.heading-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
+ box-shadow: 0 0 0 4px {{ settings.heading-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-thumb {
+ box-shadow: 2px 0 0 0 {{ settings.background-color }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-moz-range-track {
+ box-shadow: 2px 0 0 0 {{ settings.background-color }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]::-ms-thumb {
+ box-shadow: 2px 0 0 0 {{ settings.background-color }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
+ box-shadow: 0 0 0 3px {{ settings.heading-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]:active::-moz-range-track {
+ box-shadow: 0 0 0 3px {{ settings.heading-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui input[type=range]:active::-ms-thumb {
+ box-shadow: 0 0 0 3px {{ settings.heading-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume {
+ background-color: {{ settings.heading-color }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
+ background-image: linear-gradient(to right, {{ settings.background-color }} var(--value, 0%), {{ settings.background-color | color_modify: 'alpha', 0.60 }} 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 {{ settings.background-color | color_modify: 'alpha', 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 {{ settings.background-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
+ box-shadow: 0 0 0 4px {{ settings.background-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
+ color: {{ settings.background-color }};
+ box-shadow: 2px 0 0 0 {{ settings.heading-color }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
+ color: {{ settings.background-color }};
+ box-shadow: 2px 0 0 0 {{ settings.heading-color }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
+ color: {{ settings.background-color }};
+ box-shadow: 2px 0 0 0 {{ settings.heading-color }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
+ box-shadow: 0 0 0 3px {{ settings.background-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-track {
+ box-shadow: 0 0 0 3px {{ settings.background-color | color_modify: 'alpha', 0.25 }};
+}
+.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
+ box-shadow: 0 0 0 3px {{ settings.background-color | color_modify: 'alpha', 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: {{ settings.background-color | color_modify: 'alpha', 0.50 }};
+}
+@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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ font-size: 0.9285714286rem;
+ text-align: center;
+ padding: 12px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ opacity: 0;
+ transform: translateX(-50%) translateY(-50%);
+}
+{%- if settings.heading-font-small-caps == true -%}
+.product-list-item-inventory {
+ font-size: 0.8571428571rem;
+ }
+{%- endif -%}
+.product-list-item-inventory:hover {
+ color: {{ settings.heading-color }};
+}
+
+.product-list-item-unavailable,
+.product-list-item-on-sale {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ top: -10px;
+ right: -10px;
+ background: {{ settings.product-badge-background-color }};
+ 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: {{ settings.background-color }};
+ -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: {{ settings.background-color }};
+ -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;
+}
+{%- if settings.meta-font-small-caps == true -%}
+.product-list-item-vendor {
+ font-size: 0.8571428571rem;
+ }
+{%- endif -%}
+.product-list-item-vendor a {
+ color: {{ settings.meta-color }};
+}
+
+.product-list-item-title {
+ font-family: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ margin: 7px 0;
+ font-size: 1.0714285714rem;
+ text-transform: none;
+ letter-spacing: 0;
+ word-break: break-word;
+}
+.product-list-item-title a {
+ color: {{ settings.heading-color }};
+ white-space: normal;
+}
+
+.product-list-item-price .original {
+ text-decoration: line-through;
+ color: {{ settings.body-text-color | color_mix: settings.background-color, 50 }};
+ margin-left: 2px;
+}
+
+.shopify-model-viewer-ui {
+ --progress-bar-color: {{ settings.heading-color }};
+ --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: {{ settings.heading-color }};
+ background-color: {{ settings.background-color }};
+ border: 1px solid {{ settings.heading-color | color_modify: 'alpha', 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: {{ settings.heading-color | color_mix: settings.background-color, 5 }};
+}
+.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: {{ settings.background-color }};
+ border: none;
+ box-shadow: 0 0 0 1px {{ settings.heading-color | color_modify: 'alpha', 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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ transform: translateX(-50%) translateY(-50%);
+}
+{%- if settings.heading-font-small-caps == true -%}
+.quick-shop-modal-trigger {
+ font-size: 0.8571428571rem;
+ }
+{%- endif -%}
+.quick-shop-modal-trigger:hover {
+ color: {{ color_text_hover_heading }};
+}
+@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: {{ settings.background-color }};
+ 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: {{ fonts_font_button_family }};
+ font-style: {{ fonts_font_button_style }};
+ font-weight: {{ fonts_font_button_weight }};
+ overflow: hidden;
+ border-radius: 2px;
+}
+.shopify-payment-button .shopify-payment-button__button--unbranded {
+ color: {{ settings.button-color }};
+ background: {{ settings.accent-color }};
+}
+.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not(:disabled) {
+ color: {{ settings.button-color }};
+ background: {{ color_hover_accent }};
+}
+
+.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: {{ settings.form-select-background }};
+ border: 1px solid {{ settings.form-select-border-color }};
+ 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: {{ settings.form-select-background }};
+ border: 1px solid {{ settings.form-select-border-color }};
+ 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: {{ settings.secondary-button-color }};
+ background-color: {{ settings.secondary-button-background }};
+ border-radius: 50%;
+}
+
+.search-filters__filter-checkbox {
+ width: 12px;
+ min-width: 12px;
+ height: 12px;
+ color: {{ settings.accent-color }};
+ cursor: pointer;
+ border: 1px solid {{ settings.border-color }};
+}
+.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: {{ settings.form-select-color }};
+}
+
+.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: {{ fonts_font_body_family }};
+ font-style: {{ fonts_font_body_style }};
+ font-weight: {{ fonts_font_body_weight }};
+ font-size: {{ settings.font-base-size }};
+ 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: {{ settings.form-select-color }};
+}
+.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: {{ settings.background-color }};
+ border: 1px solid {{ settings.border-color }};
+ 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: {{ settings.accent-color }};
+}
+[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: {{ settings.background-color }};
+ 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: {{ settings.heading-color }};
+}
+#tracktorOrderForm input {
+ background-color: {{ settings.form-select-background }};
+}
+
+@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: {{ settings.form-select-background }};
+ cursor: pointer;
+ border: 1px solid {{ settings.form-select-border-color }};
+ color: {{ settings.form-select-color }};
+ 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: {{ settings.body-text-color }};
+ width: 100%;
+ display: inline-block;
+ margin: 0;
+ color: {{ settings.heading-color }};
+ 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: {{ settings.body-text-color }};
+ padding: 0;
+ border: 0;
+}
+#uploadery-container input[type=file]::-webkit-file-upload-button {
+ font-size: 1rem;
+ color: {{ settings.body-text-color }};
+ background-color: {{ settings.form-select-background }};
+ border: 1px solid {{ settings.form-select-border-color }};
+ border-radius: 4px;
+ color: {{ settings.body-text-color }};
+ 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: {{ settings.body-text-color }};
+ width: 100%;
+ display: inline-block;
+ margin: 0;
+ color: {{ settings.heading-color }};
+}
+#infiniteoptions-container > div > span {
+ width: 100%;
+ display: inline-block;
+}
+#infiniteoptions-container > div > span label {
+ /* radio button labels */
+ color: {{ settings.body-text-color }};
+ 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: {{ settings.form-select-background }};
+ border: 1px solid {{ settings.form-select-border-color }};
+ 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: {{ settings.body-text-color }};
+ 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: {{ settings.form-select-background }};
+ cursor: pointer;
+ border: 1px solid {{ settings.form-select-border-color }};
+ color: {{ settings.form-select-color }};
+ 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: {{ settings.form-select-background }};
+ -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: {{ settings.body-text-color }};
+ 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: {{ settings.form-select-background }};
+ border: 1px solid {{ settings.form-select-border-color }};
+ 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: {{ settings.body-text-color }};
+ 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 {{ settings.border-color }};
+ color: {{ settings.heading-color }};
+ 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: {{ settings.header-tools-color }};
+}
+.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: {{ settings.header-tools-color }};
+}
+
+.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;
+}
+/* DW FIX 2026-06-23: collection HEADER title + description contrast.
+ The base rules above give `.page-title` and `.collection-description` a
+ translucent-black overlay (rgba(0,0,0,.5)) + white text. That treatment is
+ only legible OVER a collection hero image. On the vast majority of vendor
+ collections there is NO hero image (e.g. /collections/tres-tintas), so the
+ block rendered as WHITE TEXT ON A MEDIUM-GREY BOX floating on a white page —
+ unreadable. Strip the overlay + use readable dark text by default, then
+ RE-ASSERT the dark overlay only when the collection actually has a hero
+ image (theme adds `.collection-image--true` to the .collection wrapper).
+ Same family as the .breadcrumbs hero-overlay fix above. */
+.page-title,
+.collection-description {
+ background-color: transparent;
+ color: #1a1a1a;
+}
+.collection-description,
+.collection-description * {
+ color: #333333;
+}
+/* Preserve the hero-overlay treatment where there IS a banner image. */
+.collection-image--true .page-title,
+.collection-image--true .collection-description {
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+}
+.collection-image--true .collection-description,
+.collection-image--true .collection-description * {
+ color: #ffffff;
+}
diff --git a/shopify/vendor-routing-candidates/snippets__dw-vendor-collection-url.liquid b/shopify/vendor-routing-candidates/snippets__dw-vendor-collection-url.liquid
new file mode 100644
index 00000000..a8ec8491
--- /dev/null
+++ b/shopify/vendor-routing-candidates/snippets__dw-vendor-collection-url.liquid
@@ -0,0 +1,39 @@
+{% comment %}
+ DW 2026-06-23 — Resolve the best customer-facing URL for a product vendor.
+
+ Routes a vendor to its REAL collection page (full nav header + title +
+ About description + proper grid + sort) instead of Shopify's generic
+ /collections/vendors?q=<Vendor> search URL (no header, fragile stacked
+ grids, inconsistent sort) emitted by the raw `url_for_vendor` filter.
+
+ Resolution order (degrades gracefully — never 404s):
+ 1. collections[handleize(vendor)] (exact handle)
+ 2. collections[handleize(vendor)-wallcoverings] (common DW suffix)
+ 3. collections[handleize(vendor)-1] (Shopify dup suffix)
+ 4. product.vendor | url_for_vendor (original search URL)
+
+ Existence test uses `collection.id` — Shopify returns an EMPTY collection
+ drop (id == nil) for a missing handle, so `collections[h] == empty` is
+ unreliable; `.id` is the robust truthiness check.
+
+ Usage:
+ {% capture u %}{% render 'dw-vendor-collection-url', vendor: product.vendor %}{% endcapture %}
+ <a href="{{ u | strip }}">…</a>
+{% endcomment %}
+{%- liquid
+ assign _vh = vendor | handleize
+ assign _col = collections[_vh]
+ unless _col.id
+ assign _vh2 = _vh | append: '-wallcoverings'
+ assign _col = collections[_vh2]
+ endunless
+ unless _col.id
+ assign _vh3 = _vh | append: '-1'
+ assign _col = collections[_vh3]
+ endunless
+ if _col.id and _col.url != blank
+ echo _col.url
+ else
+ echo vendor | url_for_vendor
+ endif
+-%}
diff --git a/shopify/vendor-routing-candidates/snippets__product-form-content.CANDIDATE.liquid b/shopify/vendor-routing-candidates/snippets__product-form-content.CANDIDATE.liquid
new file mode 100644
index 00000000..48b2c24e
--- /dev/null
+++ b/shopify/vendor-routing-candidates/snippets__product-form-content.CANDIDATE.liquid
@@ -0,0 +1,802 @@
+{% comment %}
+ @param product {Product}
+
+ @param show_social_media_icons {Boolean}
+
+ @param show_payment_button {Boolean}
+ Show the DPBs in the product form
+{% endcomment %}
+
+{% assign product_id = product.id %}
+{% assign selected_variant = product.selected_or_first_available_variant %}
+
+{%- 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' %}
+ {%- capture dw_vendor_url -%}{%- render 'dw-vendor-collection-url', vendor: product.vendor -%}{%- endcapture -%}
+ <a class="product-vendor" href="{{ dw_vendor_url | strip }}" {{ 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 %}
+ {% comment %}{{ product.title }} {% endcomment %}
+ <a href="https://designer-laboratory-sandbox.myshopify.com/search?q={{ product.title }}">
+ {{ product.title }}
+ </a>
+ {% endif %}
+ {% 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 '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"
+ >
+
+ <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 %}
+ </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"
+ 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" 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 }}>
+ {%- 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>
+ {% 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 = 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-tax-line
+ >
+ {{ tax_text }}
+ </div>
+ {%- endif -%}
+
+ {{ form | payment_terms }}
+ </div>
+
+ {% 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
+ {% 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
+ type="text"
+ step="{{ prods_quantity_order_units }}"
+ min="{{ prods_quantity_order_min }}"
+ max=""
+ name="quantity"
+ 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>
+ <!-- -->
+
+ <div class="selector-wrapper no-js-required">
+ <label for="product-select-{{ product_id }}"></label>
+ <select
+ class="product-select"
+ name="id"
+ id="product-select-{{ product_id }}"
+ data-select-ignore
+ >
+ {% 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
+ type="text"
+ step="{{ prods_quantity_order_units }}"
+ min="{{ prods_quantity_order_min }}"
+ max=""
+ name="quantity"
+ 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>
+ <!-- -->
+ </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 %}
+
+ {% 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
+ {% 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 %}
+ >
+ 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 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 %}
+
+ {% if dl_sample != blank and dl_sample2 != blank and dl_sample == 'small_sample' and dl_sample2 == 'large_sample' %}
+ {% assign title = 'Small Sample' %}
+ {% 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 %}
+
+ {% 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 %}
+
+ {% 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/vendor-routing-candidates/stage-on-dev.sh b/shopify/vendor-routing-candidates/stage-on-dev.sh
new file mode 100644
index 00000000..b4350e76
--- /dev/null
+++ b/shopify/vendor-routing-candidates/stage-on-dev.sh
@@ -0,0 +1,61 @@
+#!/usr/bin/env bash
+# Stage the vendor-collection routing + grey-header fix on a NON-MAIN dev theme.
+# Backs up every overwritten asset, PUTs candidates, verifies. NEVER touches live.
+set -euo pipefail
+STORE="designer-laboratory-sandbox.myshopify.com"
+API="2024-10"
+SECRETS="$HOME/Projects/secrets-manager/.env"
+DEV_THEME="${1:-143950217267}" # default: "[Dev] PDF+breadcrumbs fix"
+TOK=$(grep -hE '^SHOPIFY_THEME_TOKEN=' "$SECRETS" | head -1 | cut -d= -f2- | tr -d '"'"'"' ')
+[ -z "$TOK" ] && { echo "no theme token"; exit 1; }
+BK="/tmp/live-pull/dev-backups/stage-$(date +%Y%m%d-%H%M%S)"; mkdir -p "$BK"
+
+python3 - "$STORE" "$API" "$TOK" "$DEV_THEME" "$BK" <<'PY'
+import sys,json,urllib.request,urllib.parse
+store,api,tok,tid,bk=sys.argv[1:6]
+H={"X-Shopify-Access-Token":tok,"Content-Type":"application/json"}
+def get(u): return json.load(urllib.request.urlopen(urllib.request.Request(u,headers=H)))
+def asset_get(key):
+ q=urllib.parse.urlencode({"asset[key]":key})
+ return get(f"https://{store}/admin/api/{api}/themes/{tid}/assets.json?{q}")["asset"]["value"]
+def asset_put(key,val):
+ body=json.dumps({"asset":{"key":key,"value":val}}).encode()
+ r=urllib.request.urlopen(urllib.request.Request(
+ f"https://{store}/admin/api/{api}/themes/{tid}/assets.json",data=body,method="PUT",headers=H))
+ return r.status
+
+# guard: refuse main theme
+themes=get(f"https://{store}/admin/api/{api}/themes.json")["themes"]
+th=[t for t in themes if str(t["id"])==str(tid)]
+if not th: print("theme not found",tid); sys.exit(1)
+if th[0]["role"]=="main": print("REFUSE: target is MAIN/live theme"); sys.exit(2)
+print(f'staging on {tid} "{th[0]["name"]}" role={th[0]["role"]}')
+
+plan=[
+ ("snippets/dw-vendor-collection-url.liquid","/tmp/live-pull/snippets__dw-vendor-collection-url.liquid",True),
+ ("snippets/product-form-content.liquid","/tmp/live-pull/snippets__product-form-content.CANDIDATE.liquid",False),
+ ("assets/theme.css.liquid","/tmp/live-pull/css/assets__theme.css.liquid.CANDIDATE",False),
+]
+import os
+for key,path,is_new in plan:
+ val=open(path).read()
+ if not is_new:
+ try:
+ cur=asset_get(key)
+ bp=os.path.join(bk,key.replace('/','__')+'.bak'); open(bp,'w').write(cur)
+ print(f"backup {key} -> {bp} ({len(cur)}b)")
+ except urllib.error.HTTPError as e:
+ print(f"WARN no current {key}: {e.code}")
+ st=asset_put(key,val); print(f"PUT {key} -> HTTP {st} ({len(val)}b)")
+
+# verify
+pf=asset_get("snippets/product-form-content.liquid")
+css=asset_get("assets/theme.css.liquid")
+res=asset_get("snippets/dw-vendor-collection-url.liquid")
+print("VERIFY resolver present:", "Resolve the best customer-facing URL" in res)
+print("VERIFY pdp uses resolver:", "dw-vendor-collection-url" in pf, "| raw url_for_vendor still in vendor block:", pf.count("when 'vendor'") and "url_for_vendor }}\" {{ block" in pf)
+print("VERIFY css fix present:", "DW FIX 2026-06-23: collection HEADER" in css)
+print(f"\nPREVIEW collection: https://www.designerwallcoverings.com/collections/tres-tintas?preview_theme_id={tid}")
+print(f"PREVIEW pdp: https://www.designerwallcoverings.com/products/cirrus-jade-dwdx-220230?preview_theme_id={tid}")
+PY
+echo "backups in $BK"
← caa2d35e dw-vendor-collection-url: use collection.id existence test +
·
back to Designer Wallcoverings
·
auto-save: 2026-06-23T12:21:34 (3 files) — shopify/scripts/t 3c95a884 →