/* Final hero headline vertical alignment */
html body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] [data-element-id="elm_JnoyqVODTUu6co3ZxX_usQ"] {
  top: calc(50% + 248px) !important;
}
/* Fine-tune hero headline to true vertical center */
html body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] [data-element-id="elm_JnoyqVODTUu6co3ZxX_usQ"] {
  top: calc(50% + 248px) !important;
}

/* EmberStick hero and marquee layout correction */
html body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] [data-element-id="elm_JnoyqVODTUu6co3ZxX_usQ"] {
  position: relative !important;
  top: calc(50% + 233px) !important;
  margin-top: -304px !important;
}

@keyframes emberstick-marquee-scroll {
  from { transform: translate3d(100vw, 0, 0); }
  to { transform: translate3d(-100%, 0, 0); }
}

html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] {
  overflow: hidden !important;
}

html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] .zs-marquee-text-track {
  width: max-content !important;
  min-width: 0 !important;
  display: flex !important;
  padding: 0 !important;
  animation: emberstick-marquee-scroll 18s linear infinite !important;
}

html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] .zs-marquee-text-track .zpelem-text,
html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] .zs-marquee-text-track .zptext,
html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] .zs-marquee-text-track p {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* EmberStick scrolling strip */
html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] [data-element-id="elm_qdYLjfPsQC-MvzgD2bUC7w"],
html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] [data-element-id="elm_qdYLjfPsQC-MvzgD2bUC7w"] .zptext,
html body #main-content [data-element-id="elm_H4QbDugASkGiwpIw00HgaQ"] [data-element-id="elm_qdYLjfPsQC-MvzgD2bUC7w"] p {
  color: #FA5E09 !important;
  -webkit-text-fill-color: #FA5E09 !important;
}

/* EmberStick orange cart icon and Add to Cart controls */
.theme-minicart-icon.theme-carticon-style-13,
.theme-minicart-icon.theme-carticon-style-13 svg,
.theme-minicart-icon.theme-carticon-style-13 svg * {
  color: #FA5E09 !important;
  fill: #FA5E09 !important;
  stroke: #FA5E09 !important;
  -webkit-text-fill-color: #FA5E09 !important;
}

html body #main-content a.theme-cart-button[data-zs-add-to-cart],
html body #main-content a.theme-cart-button[data-zs-add-to-cart]:hover,
html body #main-content a.theme-cart-button[data-zs-add-to-cart]:focus,
html body #main-content a.theme-cart-button[data-zs-add-to-cart] > * {
  background: #FA5E09 !important;
  background-color: #FA5E09 !important;
  border-color: #FA5E09 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* EmberStick homepage hero height - corrected scope */
body .theme-banner.theme-pages-full-stretch:has(.zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"]),
body .zpcontent-container.hero-container:has(.zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"]),
body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"],
body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] .zphero-slide,
body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] .zpslider-img,
body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] .zphero-slider-container {
  height: 50vh !important;
  min-height: 0 !important;
  max-height: 50vh !important;
}
/* EmberStick homepage hero height */
main#main-content .theme-banner.theme-pages-full-stretch,
main#main-content .zpcontent-container.hero-container,
main#main-content .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"],
main#main-content .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] .zphero-slide,
main#main-content .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] .zpslider-img,
main#main-content .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] .zphero-slider-container {
  height: 50vh !important;
  min-height: 0 !important;
  max-height: 50vh !important;
}
/* EmberStick homepage heading color */
#main-content [data-element-id="elm_LG1Y5FpLQLqZYA1l4ywolQ"] .zptext,
#main-content [data-element-id="elm_LG1Y5FpLQLqZYA1l4ywolQ"] p {
  color: #FA5E09 !important;
  -webkit-text-fill-color: #FA5E09 !important;
}
/* ============================================================
   EMBER WAGON — Zoho Commerce Custom CSS Override
   Paste this in: Settings → Design → Custom CSS
   Theme: Default / Shoptimized (works on both)
   Brand Guide v1.0 · Updated 2026
   ============================================================ */

/* ---- BRAND TOKENS ----------------------------------------- */
:root {
  --ew-ember:       #FA5E09;
  --ew-ember-dark:  #d94d00;
  --ew-flame:       #F6BA1B;
  --ew-fir:         #5E7C56;
  --ew-moss:        #3C6030;
  --ew-steel:       #282422;
  --ew-limestone:   #EAE5E4;
  --ew-white:       #F6F3F2;

  --ew-font-display: 'Georgia', 'Times New Roman', serif;
  --ew-font-body:    'Gibson', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
  --ew-font-stamp:   'Gibson', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;

  --ew-radius:       6px;
  --ew-radius-sm:    4px;
}

/* ---- GLOBAL BASE ------------------------------------------ */
body,
.zc-body {
  background-color: var(--ew-steel) !important;
  color: var(--ew-limestone) !important;
  font-family: var(--ew-font-body) !important;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--ew-limestone);
  transition: color 0.2s ease;
}
a:hover {
  color: var(--ew-ember);
  text-decoration: none;
}

/* ---- TYPOGRAPHY ------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.zc-h1, .zc-h2, .zc-h3 {
  font-family: var(--ew-font-display) !important;
  color: var(--ew-limestone) !important;
  letter-spacing: -0.015em;
  line-height: 1.05;
}

h1, .zc-h1 { font-size: clamp(36px, 5vw, 72px); font-weight: 900; }
h2, .zc-h2 { font-size: clamp(24px, 3.5vw, 48px); font-weight: 800; }
h3, .zc-h3 { font-size: clamp(18px, 2.5vw, 28px); font-weight: 700; }

p, li, span, td, label {
  font-family: var(--ew-font-body) !important;
  color: var(--ew-limestone);
}

/* ---- HEADER / NAV ----------------------------------------- */
.zc-header,
.zc-nav,
header,
.header-wrapper,
.site-header {
  background-color: var(--ew-steel) !important;
  border-bottom: 1px solid rgba(234,229,228,0.08) !important;
  box-shadow: none !important;
}

.zc-nav a,
.zc-header a,
nav a {
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(234,229,228,0.75) !important;
  transition: color 0.2s ease !important;
}

.zc-nav a:hover,
nav a:hover {
  color: var(--ew-ember) !important;
}

/* Cart icon / search icon */
.zc-header .zc-cart-icon,
.zc-header .zc-search-icon {
  color: var(--ew-limestone) !important;
}
.zc-header .zc-cart-count {
  background: var(--ew-ember) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* ---- HERO / BANNER ---------------------------------------- */
.zc-banner,
.zc-hero,
.hero-section,
.banner-section {
  background-color: var(--ew-steel) !important;
}

.zc-banner h1,
.zc-hero h1,
.banner-title {
  color: var(--ew-limestone) !important;
  font-weight: 900 !important;
}

.zc-banner p,
.zc-hero p,
.banner-subtitle {
  color: rgba(234,229,228,0.75) !important;
}

/* ---- BUTTONS ---------------------------------------------- */
/* Primary CTA */
.zc-btn,
.zc-btn-primary,
button[type="submit"],
.add-to-cart-btn,
.checkout-btn,
.zc-button {
  background-color: var(--ew-ember) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--ew-radius) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 16px 28px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.zc-btn:hover,
.zc-btn-primary:hover,
button[type="submit"]:hover,
.add-to-cart-btn:hover,
.checkout-btn:hover {
  background-color: var(--ew-ember-dark) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.zc-btn:active,
button[type="submit"]:active,
.add-to-cart-btn:active {
  transform: scale(0.99) !important;
}

/* Secondary / outline button */
.zc-btn-secondary,
.zc-btn-outline {
  background-color: transparent !important;
  border: 1px solid rgba(234,229,228,0.3) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
}

.zc-btn-secondary:hover,
.zc-btn-outline:hover {
  border-color: var(--ew-ember) !important;
  color: var(--ew-ember) !important;
  background-color: transparent !important;
}

/* ---- PRODUCT CARDS ---------------------------------------- */
.zc-product-card,
.product-card,
.product-item,
.zc-product-item {
  background-color: rgba(234,229,228,0.04) !important;
  border: 1px solid rgba(234,229,228,0.08) !important;
  border-radius: var(--ew-radius) !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.2,0.7,0.2,1),
              border-color 0.3s ease !important;
}

.zc-product-card:hover,
.product-card:hover,
.product-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(250,94,9,0.3) !important;
}

.zc-product-card .product-name,
.zc-product-card h3,
.product-item .product-name {
  color: var(--ew-limestone) !important;
  font-family: var(--ew-font-body) !important;
  font-weight: 600 !important;
}

.zc-product-card .product-price,
.product-price,
.zc-price {
  color: var(--ew-ember) !important;
  font-family: var(--ew-font-stamp) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

/* Sale / original price */
.original-price,
.zc-price-original {
  color: rgba(234,229,228,0.4) !important;
  text-decoration: line-through !important;
}

/* ---- PRODUCT DETAIL PAGE ---------------------------------- */
.zc-product-detail,
.product-detail-section,
.product-main {
  background-color: var(--ew-steel) !important;
}

.product-title,
.zc-product-title {
  font-family: var(--ew-font-display) !important;
  font-weight: 900 !important;
  color: var(--ew-limestone) !important;
  font-size: clamp(28px, 4vw, 54px) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.0 !important;
}

.product-price-main,
.zc-product-price {
  color: var(--ew-ember) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
}

.product-description,
.zc-product-description {
  color: rgba(234,229,228,0.8) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Image gallery thumbnails */
.zc-product-thumbnails .thumbnail,
.product-thumbnail {
  border: 1px solid rgba(234,229,228,0.12) !important;
  border-radius: var(--ew-radius-sm) !important;
  opacity: 0.65;
  transition: opacity 0.2s ease, border-color 0.2s ease !important;
}

.zc-product-thumbnails .thumbnail:hover,
.zc-product-thumbnails .thumbnail.active,
.product-thumbnail:hover {
  border-color: var(--ew-ember) !important;
  opacity: 1 !important;
}

/* Quantity selector */
.zc-quantity input,
.quantity-input {
  background-color: rgba(234,229,228,0.06) !important;
  border: 1px solid rgba(234,229,228,0.18) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius-sm) !important;
  text-align: center !important;
}

/* ---- FORMS & INPUTS --------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
select,
textarea {
  background-color: rgba(234,229,228,0.05) !important;
  border: 1px solid rgba(234,229,228,0.18) !important;
  border-radius: var(--ew-radius-sm) !important;
  color: var(--ew-limestone) !important;
  font-family: var(--ew-font-body) !important;
  padding: 12px 14px !important;
  transition: border-color 0.2s ease !important;
  outline: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border-color: var(--ew-ember) !important;
  background-color: rgba(234,229,228,0.08) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(234,229,228,0.35) !important;
}

label {
  color: rgba(234,229,228,0.75) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* ---- CART / CHECKOUT -------------------------------------- */
.zc-cart,
.cart-section,
.checkout-section {
  background-color: var(--ew-steel) !important;
}

.zc-cart-item,
.cart-item {
  border-bottom: 1px solid rgba(234,229,228,0.08) !important;
  padding: 20px 0 !important;
}

.cart-item-name,
.zc-cart-item-name {
  color: var(--ew-limestone) !important;
  font-weight: 600 !important;
}

.cart-item-price,
.zc-cart-item-price {
  color: var(--ew-ember) !important;
  font-weight: 700 !important;
}

.cart-total,
.zc-cart-total,
.order-total {
  font-family: var(--ew-font-display) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--ew-limestone) !important;
  border-top: 1px solid rgba(234,229,228,0.14) !important;
  padding-top: 16px !important;
}

/* Remove / delete links in cart */
.remove-item,
.zc-remove {
  color: rgba(234,229,228,0.35) !important;
  font-size: 12px !important;
}
.remove-item:hover,
.zc-remove:hover {
  color: rgba(250,94,9,0.75) !important;
}

/* ---- BREADCRUMBS ------------------------------------------ */
.zc-breadcrumb,
.breadcrumb {
  font-family: var(--ew-font-stamp) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(234,229,228,0.45) !important;
}

.zc-breadcrumb a,
.breadcrumb a {
  color: rgba(234,229,228,0.45) !important;
}

.zc-breadcrumb a:hover,
.breadcrumb a:hover {
  color: var(--ew-ember) !important;
}

/* ---- TAGS / BADGES ---------------------------------------- */
.zc-badge,
.product-badge,
.zc-tag {
  background-color: var(--ew-ember) !important;
  color: #fff !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: var(--ew-radius-sm) !important;
  padding: 4px 8px !important;
  font-weight: 700 !important;
}

.zc-badge-new,
.badge-new {
  background-color: var(--ew-fir) !important;
}

/* ---- COLLECTION / CATEGORY PAGE -------------------------- */
.zc-collection-header,
.category-header {
  background-color: var(--ew-steel) !important;
  padding: 64px 0 48px !important;
  border-bottom: 1px solid rgba(234,229,228,0.08) !important;
}

.zc-collection-title,
.category-title {
  font-family: var(--ew-font-display) !important;
  font-weight: 900 !important;
  color: var(--ew-limestone) !important;
}

/* Filter / sort bar */
.zc-filter-bar,
.sort-bar,
.filter-bar {
  background-color: rgba(234,229,228,0.03) !important;
  border-bottom: 1px solid rgba(234,229,228,0.06) !important;
}

.zc-filter-bar select,
.filter-bar select,
.sort-select {
  background-color: rgba(234,229,228,0.05) !important;
  border-color: rgba(234,229,228,0.18) !important;
  color: var(--ew-limestone) !important;
}

/* ---- PAGINATION ------------------------------------------- */
.zc-pagination a,
.pagination a {
  color: rgba(234,229,228,0.6) !important;
  border: 1px solid rgba(234,229,228,0.12) !important;
  border-radius: var(--ew-radius-sm) !important;
  transition: all 0.2s ease !important;
}

.zc-pagination a:hover,
.pagination a:hover,
.zc-pagination a.active,
.pagination a.active {
  background-color: var(--ew-ember) !important;
  border-color: var(--ew-ember) !important;
  color: #fff !important;
}

/* ---- FOOTER ----------------------------------------------- */
footer,
.zc-footer,
.site-footer {
  background-color: #1a1614 !important;
  color: rgba(234,229,228,0.55) !important;
  border-top: 1px solid rgba(234,229,228,0.06) !important;
}

footer a,
.zc-footer a {
  color: rgba(234,229,228,0.55) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

footer a:hover,
.zc-footer a:hover {
  color: var(--ew-ember) !important;
}

.zc-footer-copyright,
.footer-copyright {
  font-family: var(--ew-font-stamp) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(234,229,228,0.35) !important;
}

/* ---- NOTIFICATIONS / ALERTS ------------------------------- */
.zc-alert-success,
.alert-success,
.success-message {
  background-color: rgba(94,124,86,0.15) !important;
  border: 1px solid var(--ew-fir) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius) !important;
}

.zc-alert-error,
.alert-error,
.error-message {
  background-color: rgba(250,94,9,0.1) !important;
  border: 1px solid var(--ew-ember) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius) !important;
}

/* ---- SEARCH ----------------------------------------------- */
.zc-search-results,
.search-results-page {
  background-color: var(--ew-steel) !important;
}

.zc-search-input,
.search-input {
  background-color: rgba(234,229,228,0.06) !important;
  border: 1px solid rgba(234,229,228,0.18) !important;
  color: var(--ew-limestone) !important;
}

/* ---- DIVIDERS & UTILITY ----------------------------------- */
hr,
.zc-divider {
  border: none !important;
  border-top: 1px solid rgba(234,229,228,0.08) !important;
  margin: 32px 0 !important;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--ew-steel); }
::-webkit-scrollbar-thumb { background: rgba(234,229,228,0.18); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(250,94,9,0.5); }

/* Selection highlight */
::selection {
  background-color: rgba(250,94,9,0.30
  color: var(--ew-limestone);
}
 /* ============================================================
   EMBER WAGON — Zoho Commerce Custom CSS Override
   Paste this in: Settings → Design → Custom CSS
   Theme: Default / Shoptimized (works on both)
   Brand Guide v1.0 · Updated 2026
   ============================================================ */

/* ---- BRAND TOKENS ----------------------------------------- */
:root {
  --ew-ember:       #FA5E09;
  --ew-ember-dark:  #d94d00;
  --ew-flame:       #F6BA1B;
  --ew-fir:         #5E7C56;
  --ew-moss:        #3C6030;
  --ew-steel:       #282422;
  --ew-limestone:   #EAE5E4;
  --ew-white:       #F6F3F2;

  --ew-font-display: 'Georgia', 'Times New Roman', serif;
  --ew-font-body:    'Gibson', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
  --ew-font-stamp:   'Gibson', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;

  --ew-radius:       6px;
  --ew-radius-sm:    4px;
}

/* ---- GLOBAL BASE ------------------------------------------ */
body,
.zc-body {
  background-color: var(--ew-steel) !important;
  color: var(--ew-limestone) !important;
  font-family: var(--ew-font-body) !important;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--ew-limestone);
  transition: color 0.2s ease;
}
a:hover {
  color: var(--ew-ember);
  text-decoration: none;
}

/* ---- TYPOGRAPHY ------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.zc-h1, .zc-h2, .zc-h3 {
  font-family: var(--ew-font-display) !important;
  color: var(--ew-limestone) !important;
  letter-spacing: -0.015em;
  line-height: 1.05;
}

h1, .zc-h1 { font-size: clamp(36px, 5vw, 72px); font-weight: 900; }
h2, .zc-h2 { font-size: clamp(24px, 3.5vw, 48px); font-weight: 800; }
h3, .zc-h3 { font-size: clamp(18px, 2.5vw, 28px); font-weight: 700; }

p, li, span, td, label {
  font-family: var(--ew-font-body) !important;
  color: var(--ew-limestone);
}

/* ---- HEADER / NAV ----------------------------------------- */
.zc-header,
.zc-nav,
header,
.header-wrapper,
.site-header {
  background-color: var(--ew-steel) !important;
  border-bottom: 1px solid rgba(234,229,228,0.08) !important;
  box-shadow: none !important;
}

.zc-nav a,
.zc-header a,
nav a {
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(234,229,228,0.75) !important;
  transition: color 0.2s ease !important;
}

.zc-nav a:hover,
nav a:hover {
  color: var(--ew-ember) !important;
}

/* Cart icon / search icon */
.zc-header .zc-cart-icon,
.zc-header .zc-search-icon {
  color: var(--ew-limestone) !important;
}
.zc-header .zc-cart-count {
  background: var(--ew-ember) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* ---- HERO / BANNER ---------------------------------------- */
.zc-banner,
.zc-hero,
.hero-section,
.banner-section {
  background-color: var(--ew-steel) !important;
}

.zc-banner h1,
.zc-hero h1,
.banner-title {
  color: var(--ew-limestone) !important;
  font-weight: 900 !important;
}

.zc-banner p,
.zc-hero p,
.banner-subtitle {
  color: rgba(234,229,228,0.75) !important;
}

/* ---- BUTTONS ---------------------------------------------- */
/* Primary CTA */
.zc-btn,
.zc-btn-primary,
button[type="submit"],
.add-to-cart-btn,
.checkout-btn,
.zc-button {
  background-color: var(--ew-ember) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--ew-radius) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 16px 28px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.zc-btn:hover,
.zc-btn-primary:hover,
button[type="submit"]:hover,
.add-to-cart-btn:hover,
.checkout-btn:hover {
  background-color: var(--ew-ember-dark) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.zc-btn:active,
button[type="submit"]:active,
.add-to-cart-btn:active {
  transform: scale(0.99) !important;
}

/* Secondary / outline button */
.zc-btn-secondary,
.zc-btn-outline {
  background-color: transparent !important;
  border: 1px solid rgba(234,229,228,0.3) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
}

.zc-btn-secondary:hover,
.zc-btn-outline:hover {
  border-color: var(--ew-ember) !important;
  color: var(--ew-ember) !important;
  background-color: transparent !important;
}

/* ---- PRODUCT CARDS ---------------------------------------- */
.zc-product-card,
.product-card,
.product-item,
.zc-product-item {
  background-color: rgba(234,229,228,0.04) !important;
  border: 1px solid rgba(234,229,228,0.08) !important;
  border-radius: var(--ew-radius) !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.2,0.7,0.2,1),
              border-color 0.3s ease !important;
}

.zc-product-card:hover,
.product-card:hover,
.product-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(250,94,9,0.3) !important;
}

.zc-product-card .product-name,
.zc-product-card h3,
.product-item .product-name {
  color: var(--ew-limestone) !important;
  font-family: var(--ew-font-body) !important;
  font-weight: 600 !important;
}

.zc-product-card .product-price,
.product-price,
.zc-price {
  color: var(--ew-ember) !important;
  font-family: var(--ew-font-stamp) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

/* Sale / original price */
.original-price,
.zc-price-original {
  color: rgba(234,229,228,0.4) !important;
  text-decoration: line-through !important;
}

/* ---- PRODUCT DETAIL PAGE ---------------------------------- */
.zc-product-detail,
.product-detail-section,
.product-main {
  background-color: var(--ew-steel) !important;
}

.product-title,
.zc-product-title {
  font-family: var(--ew-font-display) !important;
  font-weight: 900 !important;
  color: var(--ew-limestone) !important;
  font-size: clamp(28px, 4vw, 54px) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.0 !important;
}

.product-price-main,
.zc-product-price {
  color: var(--ew-ember) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
}

.product-description,
.zc-product-description {
  color: rgba(234,229,228,0.8) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Image gallery thumbnails */
.zc-product-thumbnails .thumbnail,
.product-thumbnail {
  border: 1px solid rgba(234,229,228,0.12) !important;
  border-radius: var(--ew-radius-sm) !important;
  opacity: 0.65;
  transition: opacity 0.2s ease, border-color 0.2s ease !important;
}

.zc-product-thumbnails .thumbnail:hover,
.zc-product-thumbnails .thumbnail.active,
.product-thumbnail:hover {
  border-color: var(--ew-ember) !important;
  opacity: 1 !important;
}

/* Quantity selector */
.zc-quantity input,
.quantity-input {
  background-color: rgba(234,229,228,0.06) !important;
  border: 1px solid rgba(234,229,228,0.18) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius-sm) !important;
  text-align: center !important;
}

/* ---- FORMS & INPUTS --------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
select,
textarea {
  background-color: rgba(234,229,228,0.05) !important;
  border: 1px solid rgba(234,229,228,0.18) !important;
  border-radius: var(--ew-radius-sm) !important;
  color: var(--ew-limestone) !important;
  font-family: var(--ew-font-body) !important;
  padding: 12px 14px !important;
  transition: border-color 0.2s ease !important;
  outline: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border-color: var(--ew-ember) !important;
  background-color: rgba(234,229,228,0.08) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(234,229,228,0.35) !important;
}

label {
  color: rgba(234,229,228,0.75) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* ---- CART / CHECKOUT -------------------------------------- */
.zc-cart,
.cart-section,
.checkout-section {
  background-color: var(--ew-steel) !important;
}

.zc-cart-item,
.cart-item {
  border-bottom: 1px solid rgba(234,229,228,0.08) !important;
  padding: 20px 0 !important;
}

.cart-item-name,
.zc-cart-item-name {
  color: var(--ew-limestone) !important;
  font-weight: 600 !important;
}

.cart-item-price,
.zc-cart-item-price {
  color: var(--ew-ember) !important;
  font-weight: 700 !important;
}

.cart-total,
.zc-cart-total,
.order-total {
  font-family: var(--ew-font-display) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--ew-limestone) !important;
  border-top: 1px solid rgba(234,229,228,0.14) !important;
  padding-top: 16px !important;
}

/* Remove / delete links in cart */
.remove-item,
.zc-remove {
  color: rgba(234,229,228,0.35) !important;
  font-size: 12px !important;
}
.remove-item:hover,
.zc-remove:hover {
  color: rgba(250,94,9,0.75) !important;
}

/* ---- BREADCRUMBS ------------------------------------------ */
.zc-breadcrumb,
.breadcrumb {
  font-family: var(--ew-font-stamp) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(234,229,228,0.45) !important;
}

.zc-breadcrumb a,
.breadcrumb a {
  color: rgba(234,229,228,0.45) !important;
}

.zc-breadcrumb a:hover,
.breadcrumb a:hover {
  color: var(--ew-ember) !important;
}

/* ---- TAGS / BADGES ---------------------------------------- */
.zc-badge,
.product-badge,
.zc-tag {
  background-color: var(--ew-ember) !important;
  color: #fff !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: var(--ew-radius-sm) !important;
  padding: 4px 8px !important;
  font-weight: 700 !important;
}

.zc-badge-new,
.badge-new {
  background-color: var(--ew-fir) !important;
}

/* ---- COLLECTION / CATEGORY PAGE -------------------------- */
.zc-collection-header,
.category-header {
  background-color: var(--ew-steel) !important;
  padding: 64px 0 48px !important;
  border-bottom: 1px solid rgba(234,229,228,0.08) !important;
}

.zc-collection-title,
.category-title {
  font-family: var(--ew-font-display) !important;
  font-weight: 900 !important;
  color: var(--ew-limestone) !important;
}

/* Filter / sort bar */
.zc-filter-bar,
.sort-bar,
.filter-bar {
  background-color: rgba(234,229,228,0.03) !important;
  border-bottom: 1px solid rgba(234,229,228,0.06) !important;
}

.zc-filter-bar select,
.filter-bar select,
.sort-select {
  background-color: rgba(234,229,228,0.05) !important;
  border-color: rgba(234,229,228,0.18) !important;
  color: var(--ew-limestone) !important;
}

/* ---- PAGINATION ------------------------------------------- */
.zc-pagination a,
.pagination a {
  color: rgba(234,229,228,0.6) !important;
  border: 1px solid rgba(234,229,228,0.12) !important;
  border-radius: var(--ew-radius-sm) !important;
  transition: all 0.2s ease !important;
}

.zc-pagination a:hover,
.pagination a:hover,
.zc-pagination a.active,
.pagination a.active {
  background-color: var(--ew-ember) !important;
  border-color: var(--ew-ember) !important;
  color: #fff !important;
}

/* ---- FOOTER ----------------------------------------------- */
footer,
.zc-footer,
.site-footer {
  background-color: #1a1614 !important;
  color: rgba(234,229,228,0.55) !important;
  border-top: 1px solid rgba(234,229,228,0.06) !important;
}

footer a,
.zc-footer a {
  color: rgba(234,229,228,0.55) !important;
  font-family: var(--ew-font-stamp) !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

footer a:hover,
.zc-footer a:hover {
  color: var(--ew-ember) !important;
}

.zc-footer-copyright,
.footer-copyright {
  font-family: var(--ew-font-stamp) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(234,229,228,0.35) !important;
}

/* ---- NOTIFICATIONS / ALERTS ------------------------------- */
.zc-alert-success,
.alert-success,
.success-message {
  background-color: rgba(94,124,86,0.15) !important;
  border: 1px solid var(--ew-fir) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius) !important;
}

.zc-alert-error,
.alert-error,
.error-message {
  background-color: rgba(250,94,9,0.1) !important;
  border: 1px solid var(--ew-ember) !important;
  color: var(--ew-limestone) !important;
  border-radius: var(--ew-radius) !important;
}

/* ---- SEARCH ----------------------------------------------- */
.zc-search-results,
.search-results-page {
  background-color: var(--ew-steel) !important;
}

.zc-search-input,
.search-input {
  background-color: rgba(234,229,228,0.06) !important;
  border: 1px solid rgba(234,229,228,0.18) !important;
  color: var(--ew-limestone) !important;
}

/* ---- DIVIDERS & UTILITY ----------------------------------- */
hr,
.zc-divider {
  border: none !important;
  border-top: 1px solid rgba(234,229,228,0.08) !important;
  margin: 32px 0 !important;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--ew-steel); }
::-webkit-scrollbar-thumb { background: rgba(234,229,228,0.18); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(250,94,9,0.5); }

/* Selection highlight */
::selection {
  background-color: rgba(250,94,9,0.3);
  color: var(--ew-limestone);
}

/* EmberStick product detail readability and image framing */
body:has(#product-image){background:#fff!important;color:#282422!important}
#product-image{object-fit:contain!important;object-position:center!important;background:#eae5e4!important}
#main-content h1,.main-content h1,main h1{color:#282422!important;font-weight:800!important}
#main-content h2,#main-content h3,#main-content p,#main-content span,#main-content label,#main-content li,
.main-content h2,.main-content h3,.main-content p,.main-content span,.main-content label,.main-content li,
main h2,main h3,main p,main span,main label,main li{color:#282422!important}
#main-content button[aria-expanded],.main-content button[aria-expanded],main button[aria-expanded]{color:#282422!important}
#main-content button:not([aria-expanded]),.main-content button:not([aria-expanded]),main button:not([aria-expanded]){background:#5e7c56!important;border-color:#5e7c56!important;color:#fff!important}


/* Native EmberStick product template readability and image framing */
#product-image {
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#eae5e4 !important;
}
#product-image ~ *,
#product-image ~ * * {
  color:#282422 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#282422 !important;
  text-shadow:none !important;
  mix-blend-mode:normal !important;
}
#product-image ~ h1,
#product-image ~ h2,
#product-image ~ h3 {
  color:#282422 !important;
  font-weight:800 !important;
}
#product-image ~ * button:not([aria-expanded]),
#product-image ~ * * button:not([aria-expanded]) {
  background:#5e7c56 !important;
  border-color:#5e7c56 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}


/* EmberStick product detail - readable text and complete product media */
html body:has(#product-image) {
  background: #ffffff !important;
  color: #282422 !important;
}
html body:has(#product-image) .theme-product-detail-column,
html body:has(#product-image) .theme-product-detail-container,
html body:has(#product-image) .theme-product-detail-container *,
html body:has(#product-image) .theme-product-specification-section,
html body:has(#product-image) .theme-product-specification-section * {
  color: #282422 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #282422 !important;
  filter: none !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
html body:has(#product-image) .theme-product-detail-container h1,
html body:has(#product-image) .theme-product-detail-container h2,
html body:has(#product-image) .theme-product-detail-container h3,
html body:has(#product-image) .theme-product-detail-container h4,
html body:has(#product-image) .theme-product-detail-container summary {
  color: #282422 !important;
  font-weight: 800 !important;
}
html body:has(#product-image) .theme-product-detail-container button:not([aria-expanded]),
html body:has(#product-image) .theme-product-detail-container input[type=submit],
html body:has(#product-image) .theme-product-detail-container [type=button]:not([aria-expanded]) {
  background: #5e7c56 !important;
  border-color: #5e7c56 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body:has(#product-image) .theme-product-detail-image-inner,
html body:has(#product-image) .theme-product-detail-image-inner picture,
html body:has(#product-image) .theme-product-detail-image-inner figure {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body:has(#product-image) #product-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #f3efed !important;
}

/* Product detail contrast fallback for the active EmberStick catalog */
html body .theme-product-detail-column,
html body .theme-product-detail-container,
html body .theme-product-detail-container *,
html body .theme-product-specification-section,
html body .theme-product-specification-section *,
html body [data-zs-product-details-primary-section],
html body [data-zs-product-details-primary-section] * {
  color: #282422 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #282422 !important;
  filter: none !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
html body .theme-product-detail-container h1,
html body .theme-product-detail-container h2,
html body .theme-product-detail-container h3,
html body .theme-product-detail-container h4,
html body .theme-product-detail-container summary {
  color: #282422 !important;
  font-weight: 800 !important;
}
html body .theme-product-detail-container button:not([aria-expanded]),
html body .theme-product-detail-container input[type=submit],
html body .theme-product-detail-container [type=button]:not([aria-expanded]) {
  background: #5e7c56 !important;
  border-color: #5e7c56 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Stable page-level fallback */
html body #main-content {
  background: #ffffff !important;
  color: #282422 !important;
  opacity: 1 !important;
}
html body #main-content * {
  color: #282422 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #282422 !important;
  filter: none !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
html body #main-content h1,
html body #main-content h2,
html body #main-content h3,
html body #main-content h4,
html body #main-content summary {
  color: #282422 !important;
  font-weight: 800 !important;
}
html body #main-content button:not([aria-expanded]),
html body #main-content input[type=submit],
html body #main-content [type=button]:not([aria-expanded]) {
  background: #5e7c56 !important;
  border-color: #5e7c56 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body #main-content #product-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #f3efed !important;
}

/* Final hero headline vertical alignment override */
html body .zphero[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] [data-element-id="elm_JnoyqVODTUu6co3ZxX_usQ"] {
  top: calc(50% + 248px) !important;
}


/* Specific hero headline offset correction */
html body .zphero.zpapply-height[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] [data-element-id="elm_JnoyqVODTUu6co3ZxX_usQ"] {
  margin-top: -289px !important;
}


/* Final logical margin correction for hero headline */
html body .zphero.zpapply-height[data-element-id="elm_aX_SLfsyQ02Wm7zq1Y0paQ"] [data-element-id="elm_JnoyqVODTUu6co3ZxX_usQ"] {
  margin-block-start: -289px !important;
}




/* Free U.S. shipping beside storefront selling prices — 2026-10-24 */
#main-content .theme-product-price[data-zs-selling-price]::after { content: "Free U.S. shipping"; display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; font-weight: 700; letter-spacing: 0; text-transform: none; color: #FA5E09 !important; -webkit-text-fill-color: #FA5E09 !important; }