/** Shopify CDN: Minification failed

Line 696:43 Unexpected "/"
Line 976:28 Unexpected "/"
Line 1024:9 Unexpected "{"
Line 1024:18 Expected ":"
Line 1024:24 Unexpected ","
Line 2220:19 Expected identifier but found "{"
Line 2220:20 Unexpected "{"
Line 2220:29 Expected ":"
Line 2234:8 Expected identifier but found "{"
Line 2234:9 Unexpected "{"
... and 43 more hidden warnings

**/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@400;600;700&display=swap');

.huntix-topbar {
    background-color: #7ea581ff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 20px !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600;
    color: #ffffff!important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    min-height: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .huntix-topbar .topbar-left {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    flex: 1 !important;
  }
  .huntix-topbar .topbar-left a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 11px!important;
    font-weight: 600!important;
    letter-spacing: 0.06em!important;
    text-transform: uppercase!important;
    opacity: 0.9!important;
    white-space: nowrap!important;
    transition: opacity 0.2s ease !important;
  }
  .huntix-topbar .topbar-left a:hover { opacity: 1; text-decoration: underline; }
  .huntix-topbar .topbar-left svg { flex-shrink: 0; width: 13px; height: 13px; stroke: #ffffff; }
  .huntix-topbar .topbar-center {
    flex: 1;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #ffffff;
    white-space: nowrap;
  }
  .huntix-topbar .topbar-right {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    justify-content: flex-end!important;
  }
  .huntix-topbar .topbar-right svg { width: 13px; height: 13px; stroke: #ffffff; flex-shrink: 0; }
  .huntix-topbar .topbar-right a {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    opacity: 0.9;
    white-space: nowrap;
    transition: opacity 0.2s ease;
  }
  .huntix-topbar .topbar-right a:hover { opacity: 1; text-decoration: underline; }
  @media (max-width: 768px) {
    .huntix-topbar .topbar-left,
    .huntix-topbar .topbar-right { display: none; }
    .huntix-topbar .topbar-center { flex: unset; width: 100%; text-align: center; }
  }


:root {
  --hx-green: #2d4a2f;
  --hx-nav:   #2d4a2f;
  --hx-gold:  #e8a820;
  --hx-red:   #e63b2a;
  --hx-lightgreen: #7ea581ff;
}

/* ── Reset Shopify defaults ── */
.section-header,
.header-wrapper {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* ── OUTER WRAPPER: full green background ── */
.hx-header-wrap {
  background-color: var(--hx-green);
  width: 100%;
  display: grid;
  grid-template-columns: 180px 1fr;
  grid-template-rows: auto auto;
  align-items: stretch;
  box-sizing: border-box;
  min-height: 90px;
}
/* ── LOGO: spans both rows, left column ── */
.hx-logo {
  grid-column: 1;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 20px;
  text-decoration: none;
  background-color: var(--hx-green);
}
.hx-logo img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
  display: block;
}
.hx-logo-text {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 40px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -1px;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}
.hx-logo-text em {
  font-style: italic;
  color: var(--hx-gold);
}

/* ── TOP ROW: Search + Icons (right column, row 1) ── */
.hx-top-row {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 0;
  gap: 12px;
  background-color: var(--hx-green);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Search bar */
.hx-search {
  flex: 1;
}
.hx-search form {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  height: 44px;
  width: 100%;
}
.hx-search input[type="search"] {
  flex: 1;
  border: none;
  outline: none;
  padding: 0 16px;
  font-size: 13.5px;
  color: #333;
  font-family: 'Barlow', sans-serif;
  background: transparent;
  height: 100%;
  -webkit-appearance: none;
}
.hx-search input::placeholder { color: #999; }
.hx-search button {
  background: none;
  border: none;
  padding: 0 14px;
  cursor: pointer;
  color: #555;
  display: flex;
  align-items: center;
  height: 100%;
  transition: color 0.2s;
}
.hx-search button:hover { color: var(--hx-green); }
.hx-search button svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
}

/* Currency / Language */
.hx-locale {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #ffffff;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
}
.hx-locale span { color: #ffffff; cursor: pointer; }
.hx-locale .sep { opacity: 0.4; margin: 0 2px; }

/* Icon buttons */
.hx-icon-btn {
  position: relative;
  background: none;
  border: none;
  color: #ffffff;
  cursor: pointer;
  padding: 6px 7px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.18s;
  flex-shrink: 0;
}
.hx-icon-btn:hover { background: rgba(255,255,255,0.12); }
.hx-icon-btn svg {
  width: 22px;
  height: 22px;
  stroke: #ffffff;
  fill: none;
  stroke-width: 1.8;
}
.hx-badge {
  position: absolute;
  top: 2px; right: 2px;
  background: var(--hx-red);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Barlow', sans-serif;
}

/* ── NAV ROW (right column, row 2) ── */
.hx-nav-item {
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: #ffffff;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.18s;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
}
.hx-nav-item:hover { background: rgba(255,255,255,0.08); }
.hx-nav-item.active {
  color: var(--hx-lightgreen);
  /* border-bottom-color: var(--hx-gold); */
}
.hx-nav-sep {
  display: flex;
  align-items: center;
  color: var(--hx-gold);
  font-size: 14px;
  user-select: none;
  padding: 0 2px;
}

/* Hide ALL original Shopify header elements */
.header,
.header__heading,
.header__menu-item,
.header__icons,
.header-search,
header-drawer,
.header__search {
  display: none !important;
}

/* ── MOBILE ── */
@media (max-width: 989px) {
  .hx-header-wrap {
    grid-template-columns: 140px 1fr;
  }
  .hx-top-row { padding: 8px 12px 8px 0; }
  .hx-locale { display: none; }
}
@media (max-width: 600px) {
  .hx-header-wrap {
    grid-template-columns: 110px 1fr;
  }
  .hx-logo { padding: 10px 12px; }
  .hx-logo-text { font-size: 28px; }
  .hx-search input::placeholder { font-size: 12px; }
  .hx-navbar { overflow-x: auto; height: 38px; }
  .hx-nav-item { font-size: 11px; padding: 0 10px; }
}

.hx-navbar {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 42px;
  background-color: #3a5c3c !important;
  min-width: 0;
  width: 100%;
}

/* /huntix-hero */
.hx-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hx-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  display:block!important;
}

.hx-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}

.hx-hero-content {
  position: relative;
  z-index: 2;
  padding: 0 20px;
  max-width: 800px;
}

.hx-hero-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 150px;
  margin-bottom: 10x;
}

.hx-hero-badge {
  background: #e63b2a;
  color: #ffffff;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 2px;
  white-space: nowrap;
}

.hx-hero-eyebrow-text {
  color: #ffffff;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 0px !important;
}

.hx-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(48px, 7vw, 100px);
  font-weight: 700;
  color: #ffffff;
  line-height: 0.95;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 10px !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.4)
}

.hx-hero-btn {
  display: inline-block;
  background: #ffffff;
  color: #111111;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 15px 48px;
  border-radius: 2px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, transform 0.15s;
}

.hx-hero-btn:hover {
  background: #e8a820;
  color: #ffffff;
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .hx-hero { height: 80vh; }
  .hx-hero-btn { padding: 13px 36px; }
}


 /* COLLECTIONS section */

.content-for-layout{
 background: #ffffff;
}

.hx-collections {
  display: flex;
  /* width: 100%; */
  gap: 0;
  overflow: hidden;
  margin:40px !important;
  background-color: #000000;
  object-fit: cover;
}

.hx-col-item {
  position: relative;
  flex: 1;
  height: 700px;
  overflow: hidden;
  cursor: pointer;
  object-fit: cover;
}

.hx-col-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  z-index: 0;
  display: block;
  transition: transform 0.6s ease;   /* zoom transition */
}

/* Zoom on hover */
.hx-col-item:hover .hx-col-img {
  transform: scale(1.08);
}

/* Background image */
.hx-col-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  transition: transform 0.5s ease;
  display:block;
}


/* Dark overlay */
.hx-col-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.3) 50%,
    rgba(0,0,0,0.1) 100%
  );
  z-index: 1;
  transition: background 0.3s ease;
}

.hx-col-item:hover .hx-col-overlay {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.85) 0%,
    rgba(0,0,0,0.45) 50%,
    rgba(0,0,0,0.2) 100%
  );
}

/* Content */
.hx-col-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 32px 24px 48px;
  text-align: center;
  /* justify-content: center; */
}

/* Eyebrow */
.hx-col-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  font-weight: 620;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.85;
  margin: 0px 0 10px;
}

/* Title */
.hx-col-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(36px, 6vw, 80px);
  font-weight: 580;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 0.9;
  margin: 0px 0 28px;
  text-shadow: 0 2px 16px rgba(0,0,0,0.5);
}

/* Shop Now button — hidden by default */
.hx-col-btn {
  display: inline-block;
  background: #ffffff;
  color: #111111;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 14px 44px;
  border-radius: 2px;
  text-decoration: none;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.2s;
  pointer-events: none;
  margin-top: 110px !important;
}

/* Show button on hover */
.hx-col-item:hover .hx-col-btn {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.hx-col-btn:hover {
  background: #e8a820;
  color: #ffffff;
}

/* Divider line between columns */
.hx-col-item + .hx-col-item {
  border-left: 1px solid rgba(255,255,255,0.15);
}

/* Mobile */
@media (max-width: 768px) {
  .hx-collections {
    flex-direction: column;
  }
  .hx-col-item {
    min-height: 320px;
  }
  .hx-col-item + .hx-col-item {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,0.15);
  }
  .hx-col-btn {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* //featured products */

.hx-featured {
  padding: 48px 0 0;
  background: #ffffff;
  margin-bottom: 100px !important
}

.hx-featured-header {
  padding: 0 24px 24px;
}

.hx-featured-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 42px;
  font-weight: 650;
  color: #2d4a2f;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0;
}

/* Grid */
.hx-featured-grid {
  display: grid;
  /* grid-template-columns: repeat(4, 1fr); */
  gap: 0;
  border-top: 1px solid #e8e8e8;
}

/* .hx-grid-1 {
  grid-template-columns: 1fr;
} */

/* 2 products — half each */
/* .hx-grid-2 {
  grid-template-columns: repeat(2, 1fr);
} */

/* 3 products — thirds, full width */
.hx-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

/* 4 products — quarters */ 
.hx-grid-4 {
  grid-template-columns: repeat(4, 1fr);
} 

/* 5 products */
/* .hx-grid-5 {
  grid-template-columns: repeat(5, 1fr);
} */


/* 6 products */
/* .hx-grid-6 {
  grid-template-columns: repeat(3, 1fr);
} */

/* 8 products */
.hx-grid-8 {
  grid-template-columns: repeat(4, 1fr);
}

/* Card */
.hx-product-card {
  position: relative;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
.hx-product-card:last-child { border-right: none; }

* Remove right border on last in each row */
.hx-grid-2 .hx-product-card:nth-child(2n) { border-right: none; }
.hx-grid-3 .hx-product-card:nth-child(3n) { border-right: none; }
.hx-grid-5 .hx-product-card:nth-child(5n) { border-right: none; }
.hx-grid-6 .hx-product-card:nth-child(3n) { border-right: none; }


/* ── Save Ticker — scrolling animation ──
.hx-save-ticker {
  background: #e63b2a;
  color: #ffffff;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  animation: tickerScroll 12s linear infinite;
}
.hx-save-ticker span { flex-shrink: 0; padding: 0 4px; }
.hx-dot { opacity: 0.7; }

@keyframes tickerScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
} */

/* ── Image wrapper ── */
.hx-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f0eeea;
}

/* ── Both images share base style ── */
.hx-card-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 12px;
  box-sizing: border-box;
  display: block;
  transition: transform 0.5s ease, opacity 0.4s ease;
}

/* Primary — visible by default */
.hx-card-img--primary {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

/* Secondary — hidden by default, zoomed in */
.hx-card-img--secondary {
  opacity: 0;
  transform: scale(1);
  z-index: 2;
}

/* On hover: swap images with zoom */
.hx-product-card:hover .hx-card-img--primary {
  opacity: 0;
}

.hx-product-card:hover .hx-card-img--secondary {
  opacity: 1;
  transform: scale(1.06);
}

/* Placeholder */
.hx-card-placeholder {
  position: absolute;
  inset: 0;
  background: #e8e4dc;
}

/* ── Hover action icons ── */
.hx-card-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(6px);
  display: flex;
  gap: 0;
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 5;
}
.hx-product-card:hover .hx-card-actions {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0);
}
.hx-action-btn {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  color: #333;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  border-radius: 0;
}
.hx-action-btn:first-child { border-radius: 3px 0 0 3px; }
.hx-action-btn:last-child  { border-radius: 0 3px 3px 0; }
.hx-action-btn + .hx-action-btn { border-left: none; }
.hx-action-btn:hover { background: var(--hx-gold); color: #ffffff; }
.hx-action-btn:hover svg { stroke: #ffffff; }

/* ── Product info ── */
.hx-card-info {
  padding: 14px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}

/* ── Stars — outline only (your change kept) ── */
.hx-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}
.hx-review-count {
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  color: #999;
  margin-left: 4px;
}

/* ── Title (your sizes kept) ── */
.hx-card-title {
  font-family: 'Barlow', sans-serif;
  font-size: 20px;
  font-weight: 650;
  color: #111111;
  text-decoration: none;
  line-height: 1.2;
  letter-spacing: 0.01em;
  display: block;
}
.hx-card-title:hover { color: #2d4a2f; }

/* ── Price + Plus row ── */
.hx-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

.hx-card-price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hx-price {
  font-family: 'Barlow', sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #111111;
}
.hx-compare-price {
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  color: #999;
  text-decoration: line-through;
}

/* ── Featured Products — Expanding Plus Button ── */
.hx-fp-atc-form { margin: 0; }

.hx-fp-plus {
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: all 0.25s ease;
  padding: 0;
  height: 34px;
  max-width: 34px;
  width: 34px;
}

/* Plus icon */
.hx-fp-plus-icon {
  font-size: 20px;
  font-weight: 300;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  transition: background 0.25s, color 0.25s;
  flex-shrink: 0;
}

/* ATC text — hidden by default */
.hx-fp-atc-text {
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-width 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  padding: 0;
}

/* Expand on card hover OR button hover */
.hx-product-card:hover .hx-fp-plus,
.hx-fp-plus:hover {
  max-width: 160px;
  width: auto;
  background: var(--hx-gold);
  border-color: var(--hx-gold);
}

.hx-product-card:hover .hx-fp-plus-icon,
.hx-fp-plus:hover .hx-fp-plus-icon {
  background: var(--hx-gold);
  color: #ffffff;
}

.hx-product-card:hover .hx-fp-atc-text,
.hx-fp-plus:hover .hx-fp-atc-text {
  max-width: 130px;
  opacity: 1;
  padding: 0 10px 0 4px;
}

/* Loading state */
.hx-fp-plus.loading .hx-fp-plus-icon {
  color: #888;
}

/* Added state */
.hx-fp-plus.added {
  background: var(--hx-green) !important;
  border-color: var(--hx-green) !important;
  max-width: 160px !important;
  width: auto !important;
}
.hx-fp-plus.added .hx-fp-plus-icon {
  color: #ffffff !important;
  background: var(--hx-gold) !important;
}
.hx-fp-plus.added .hx-fp-atc-text {
  color: #ffffff !important;
  max-width: 130px !important;
  opacity: 1 !important;
  padding: 0 10px 0 4px !important;
}

/* Remove old ATC bar styles if still in CSS */
.hx-atc-bar-wrap { display: none !important; }
.hx-atc-bar-form { display: none !important; }


* ── Responsive ── */
@media (max-width: 1024px) {
  .hx-grid-5 { grid-template-columns: repeat(3, 1fr); }
  .hx-grid-6 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .hx-grid-3,
  .hx-grid-4,
  .hx-grid-5 { grid-template-columns: repeat(2, 1fr); }

  .hx-grid-2 .hx-product-card:nth-child(2n),
  .hx-grid-3 .hx-product-card:nth-child(2n),
  .hx-grid-4 .hx-product-card:nth-child(2n),
  .hx-grid-5 .hx-product-card:nth-child(2n) { border-right: none; }

  .hx-grid-3 .hx-product-card:nth-child(3n),
  .hx-grid-4 .hx-product-card:nth-child(4n),
  .hx-grid-5 .hx-product-card:nth-child(5n) { border-right: 1px solid #e8e8e8; }
}

@media (max-width: 480px) {
  .hx-grid-1,
  .hx-grid-2,
  .hx-grid-3,
  .hx-grid-4,
  .hx-grid-5,
  .hx-grid-6 {
    grid-template-columns: 1fr;
  }
  .hx-product-card { border-right: none !important; }
}

/* Responsive */
@media (max-width: 900px) {
  .hx-featured-grid { grid-template-columns: repeat(2, 1fr); }
  .hx-product-card:nth-child(2) { border-right: none; }
}
@media (max-width: 480px) {
  .hx-featured-grid { grid-template-columns: 1fr; }
  .hx-product-card { border-right: none; }
  .hx-card-actions { opacity: 1; top: auto; bottom: 60px; transform: translateX(-50%); }
  .hx-atc-bar { opacity: 1; max-height: 60px; }
}


   /* IMAGE BANNER — HUNTIX STYLE */
/* Banner must be relative for absolute children */
#Banner-{{ section.id }},
.banner {
  position: relative !important;
  overflow: hidden !important;
}

/* Full width content container */
.banner__content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 10 !important;
  pointer-events: none;
}

/* Inner box fills full banner */
.banner__content .banner__box {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: block !important;
  pointer-events: auto;
  text-align: left !important;
}

/* ── SUBTITLE (text block) — top left ── */
.banner__box .banner__text,
.banner__box .subtop {
  position: absolute !important;
  top: 28px !important;
  left: 40px !important;
  right: auto !important;
  bottom: auto !important;
  font-family: 'Barlow', sans-serif !important;
  /* font-family:Zalando Sans!important */
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;

  margin: 0 !important;
  padding: 0 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

.banner__box .banner__text p {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* ── HEADING — top left below subtitle ── */
.banner__box .banner__heading,
.banner__box h2.mb-26 {
  position: absolute !important;
  top: 58px !important;
  left: 40px !important;
  right: auto !important;
  bottom: auto !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(48px, 6vw, 88px) !important;
  font-weight: 700 !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 50% !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.3) !important;
  letter-spacing: -0.01em !important;
}

/* ── BUTTON WRAPPER — bottom right ── */
.banner__box .huntix-button {
  position: absolute !important;
  bottom: 36px !important;
  right: -580px !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  display: block !important;
}

.banner__box .huntix-button .banner__buttons,
.banner__box .position-btn-bottom {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* ── BUTTON STYLE ── */
.banner__box .button--primary,
.banner__box .button {
  background: #ffffff !important;
  color: #111111 !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  padding: 15px 48px !important;
  border: none !important;
  outline: none !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: 140px !important;
  height: 60px !important;
  box-shadow: none !important;
  transition: background 0.2s, color 0.2s !important;
  cursor: pointer !important;
}

/* ── NO BORDER ON HOVER ── */
.banner__box .button--primary:hover,
.banner__box .button:hover,
.banner__box .button--primary:focus,
.banner__box .button:focus,
.banner__box .button--primary:active,
.banner__box .button:active {
  background: var(--hx-gold) !important;
  color: #ffffff !important;
  border: 1px !important;
  border-color: var(--hx-gold) !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Mobile */
@media (max-width: 749px) {
  .banner__box .huntix-button {
    bottom: 24px !important;
    right: 20px !important;
  }
  .banner__box .button--primary,
  .banner__box .button {
    padding: 13px 32px !important;
    font-size: 12px !important;
    min-width: 130px !important;
  }
}
/* ── Remove Shopify's default text box background ── */
.banner--desktop-transparent .banner__box,
.banner__box.color-scheme-1,
.banner__box.gradient {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* ── Mobile ── */
@media (max-width: 749px) {
  .banner__box .banner__text,
  .banner__box .subtop {
    top: 20px !important;
    left: 20px !important;
    font-size: 11px !important;
  }

  .banner__box .banner__heading,
  .banner__box h2.mb-26 {
    top: 44px !important;
    left: 20px !important;
    font-size: 38px !important;
    max-width: 75% !important;
  }

  .banner__box .huntix-button,
  .banner__box .position-btn-bottom {
    bottom: 24px !important;
    right: 20px !important;
  }

  .banner__box .button--primary,
  .banner__box .button {
    padding: 13px 32px !important;
    font-size: 11px !important;
  }
}

/* ============================================
   CATEGORY TABS SECTION
   ============================================ */
.hx-cattabs {
  width: 100%;
  overflow: hidden;
}

.hx-cattabs-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 480px;
}

/* ── LEFT IMAGE PANEL ── */
.hx-cattabs-image-wrap {
  position: relative;
  overflow: hidden;
  background: #1a1a1a;
  min-height: 480px;
}

.hx-cattabs-img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 0;
}

.hx-cattabs-img.active {
  opacity: 1;
  z-index: 1;
}

.hx-cattabs-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.6s ease;
}

.hx-cattabs-img.active img {
  transform: scale(1.04);
}

.hx-cattabs-placeholder {
  width: 100%;
  height: 100%;
  background: #2d4a2f;
}

/* ── RIGHT PANEL ── */
.hx-cattabs-right {
  background: #2d4a2f;
  padding: 48px 40px 48px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.hx-cattabs-right {
  overflow: hidden !important;
  position: relative !important;
}

.hx-cattabs-right::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/cdn/shop/files/ChatGPT_Image_May_21_2026_12_19_12_PM.png?v=1779346267');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
  opacity: 0.12;
  mix-blend-mode: luminosity;
}

/* Eyebrow */
.hx-cattabs-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  /* opacity: 0.7; */
  margin: 0 0 260px !important;
  position: relative;
  z-index: 1;
}

/* Category list */
.hx-cattabs-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.hx-cattabs-item {
  border: none;
  cursor: pointer;
}

.hx-cattabs-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  text-decoration: none;
  transition: padding-left 0.3s ease;
}

/* SHOW NOW label — hidden by default */
.hx-cattabs-shownow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #e8a820;
  white-space: nowrap;
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, width 0.3s ease;
}

/* Category label */
.hx-cattabs-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1;
  color: #577661;
;
  transition: color 0.3s ease, font-size 0.3s ease;
}

/* ── ACTIVE STATE ── */
.hx-cattabs-item.active .hx-cattabs-label {
  color: #ffffff;
  font-size: clamp(36px, 4.5vw, 58px);
}

.hx-cattabs-item.active .hx-cattabs-shownow {
  opacity: 1;
  width: 90px;
}

.hx-cattabs-item.active .hx-cattabs-link {
  padding-left: 0;
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .hx-cattabs-inner {
    grid-template-columns: 1fr;
  }
  .hx-cattabs-image-wrap {
    min-height: 300px;
    position: relative;
  }
  .hx-cattabs-img {
    position: absolute;
  }
  .hx-cattabs-right {
    padding: 32px 24px;
  }
  .hx-cattabs-label {
    font-size: 32px !important;
  }
  .hx-cattabs-item.active .hx-cattabs-label {
    font-size: 36px !important;
  }
}

/* ── Category Tabs Full Height ── */
.hx-cattabs {
  width: 100%;
  overflow: hidden;
  height: 100vh;
  margin-bottom: 80px !important;
}

.hx-cattabs-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}

.hx-cattabs-image-wrap {
  position: relative;
  overflow: hidden;
  background: #1a1a1a;
  height: 100%;
}

.hx-cattabs-img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}

.hx-cattabs-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hx-cattabs-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  overflow-y: auto;
}

/* Mobile */
@media (max-width: 768px) {
  .hx-cattabs {
    height: auto;
    min-height: 100vh;
  }
  .hx-cattabs-inner {
    grid-template-columns: 1fr;
    height: auto;
  }
  .hx-cattabs-image-wrap {
    height: 50vh;
  }
  .hx-cattabs-right {
    height: auto;
    min-height: 50vh;
  }
}

/* ============================================
   HOT THIS WEEK
   ============================================ */
.hx-hotweek {
  margin-bottom: 80px !important;
  background: #ffffff;
}

.hx-hotweek-header {
  padding: 0 0 20px 20px;
}

.hx-hotweek-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #2d4a2f;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.02em;
}

/* ── Layout ── */
.hx-hotweek-inner {
  display: grid;
  grid-template-columns: 530px 1fr;
  min-height: 640px;
  border: 1px solid #e8e8e8;
}

/* ── LEFT PANEL ── */
.hx-hotweek-left {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  cursor: pointer;
  min-height: 640px;
}

.hx-hotweek-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.85) 0%,
    rgba(0,0,0,0.4) 50%,
    rgba(0,0,0,0.15) 100%
  );
  z-index: 1;
  transition: background 0.3s ease;
}

.hx-hotweek-left:hover .hx-hotweek-overlay {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.3) 50%,
    rgba(0,0,0,0.05) 100%
  );
}

.hx-hotweek-left-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px;
  z-index: 2;
}

.hx-hotweek-deal-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(28px, 3vw, 30px);
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1;
  margin: 0 0 12px;
  transition: color 0.3s ease;
}

.hx-hotweek-deal-sub {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 14px;
  opacity: 0.85;
  transition: color 0.3s ease;
}

.hx-hotweek-divider {
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0.55);
  margin-bottom: 20px;
}

/* ── Countdown ── */
.hx-countdown {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  flex-wrap: wrap;
}

.hx-countdown-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.hx-countdown-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -0.02em;
}

.hx-countdown-label {
  font-family: 'Barlow', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ffffff;
  opacity: 0.7;
  text-transform: uppercase;
}

.hx-countdown-sep {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 40px;
  font-weight: 900;
  color: var(--hx-gold);
  line-height: 1;
  padding-top: 14px;
}


/* ── RIGHT PRODUCT GRID ── */
.hx-hotweek-right {
  border-left: 1px solid #e8e8e8;
}

.hx-hotweek-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
}

/* ── Product Card ── */
.hx-hotweek-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  background: #ffffff;
  transition: background 0.2s;
}

.hx-hotweek-card:hover {
  background: #fafaf8;
}

.hx-hotweek-grid .hx-hotweek-card:nth-child(2n) {
  border-right: none;
}

/* Image */
.hx-hotweek-img-wrap {
  flex-shrink: 0;
  width: 150px;
  height: 150px;
  display: block;
  background: #f4f3f0;
  border-radius: 3px;
  overflow: hidden;
}

.hx-hotweek-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 8px;
  box-sizing: border-box;
  transition: transform 0.4s ease;
}

.hx-hotweek-card:hover .hx-hotweek-img {
  transform: scale(1.06);
}

.hx-hotweek-img-placeholder {
  width: 100%;
  height: 100%;
  background: #e8e4dc;
}

/* Card info */
.hx-hotweek-card-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.hx-hotweek-card-title {
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
  line-height: 1.3;
  display: block;
  text-transform: uppercase;
  transition: color 0.2s;
}

.hx-hotweek-card-title:hover {
  color: #2d4a2f;
}

/* Plus / ATC button */
.hx-hotweek-atc-wrap {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.hx-hotweek-plus {
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0;
  overflow: hidden;
  transition: all 0.25s ease;
  padding: 0;
  height: 34px;
  max-width: 34px;
  width: 34px;
}

/* Plus icon */
.hx-plus-icon {
  font-size: 20px;
  font-weight: 300;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  transition: background 0.25s, color 0.25s;
  flex-shrink: 0;
}

/* ATC text — hidden by default */
.hx-atc-text {
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-width 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  padding: 0;
}

/* On hover — expand button to show ADD TO CART */
.hx-hotweek-card:hover .hx-hotweek-plus,
.hx-hotweek-plus:hover {
  max-width: 170px;
  width: auto;
  background: #e8a820;
  border-color: #e8a820;
  color: #ffffff
}

.hx-hotweek-card:hover .hx-plus-icon,
.hx-hotweek-plus:hover .hx-plus-icon {
  background: #e8a820;
  color: #ffffff;
}

.hx-hotweek-card:hover .hx-atc-text,
.hx-hotweek-plus:hover .hx-atc-text {
  max-width: 130px;
  opacity: 1;
  padding: 0 10px 0 4px;
}

/* Loading / added states */
.hx-hotweek-plus.loading .hx-plus-icon { color: #888; }
/* .hx-hotweek-plus.added { background: #2d4a2f !important; border-color: #2d4a2f !important; } */
.hx-hotweek-plus.added .hx-plus-icon { color: #ffffff !important; }

/* Responsive */
@media (max-width: 1024px) {
  .hx-hotweek-inner {
    grid-template-columns: 380px 1fr;
  }
}

@media (max-width: 768px) {
  .hx-hotweek-inner {
    grid-template-columns: 1fr;
  }
  .hx-hotweek-left {
    min-height: 400px;
  }
  .hx-hotweek-grid {
    grid-template-columns: 1fr;
  }
  .hx-hotweek-grid .hx-hotweek-card:nth-child(2n) {
    border-right: none;
  }
  .hx-hotweek-card {
    border-right: none;
  }
}

/* //REVIEWS SECTION */
.cr-wrap{padding:60px 20px!important;background:#fff!important, margin-bottom: 120px !important}
.cr-title{text-align:center!important;font-size:36px!important;font-weight:700!important;color:#2c3e2d!important;letter-spacing:3px!important;margin-bottom:50px!important;text-transform:uppercase!important}
.cr-grid{display:flex!important;flex-direction:row!important;gap:40px!important;justify-content:space-between!important}
.cr-card{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:20px!important}
.cr-stars{color:var(--hx-gold)!important;font-size:22px!important;margin-bottom:6px!important;display:block!important}
.cr-quote{font-size:22px!important;font-weight:700!important;color:#1a1a1a!important;line-height:1!important;text-transform:uppercase!important;margin-bottom:45px!important;flex:1!important}
.cr-author{display:flex!important;align-items:center!important;gap:8px!important;margin-top:auto!important}
.cr-author-name{font-weight:700!important;font-size:14px!important;color:#1a1a1a!important}
.cr-verified{display:flex!important;align-items:center!important;gap:4px!important;color:#999!important;font-size:13px!important}
.cr-verified-icon{width:16px!important;height:16px!important;background:#999!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:10px!important}
@media(max-width:749px){.cr-grid{flex-direction:column!important}}


/* //FEATURES-BAR */
.fb-wrap{display:flex!important;flex-direction:row!important;padding:30px 20px!important;border-top:1px solid #eee!important;background:#fff!important;justify-content:space-between!important;gap:20px!important; margin-bottom: 50px!important}
.fb-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;flex:1!important}
.fb-icon-img{width:36px!important;height:36px!important;object-fit:contain!important;flex-shrink:0!important}
.fb-item-title{font-weight:700!important;font-size:15px!important;color:#1a1a1a!important;text-transform:uppercase!important;margin-bottom:6px!important;display:block!important;letter-spacing:1px!important}
.fb-item-desc{font-size:14px!important;color:#999!important;line-height:1.5!important;margin:0!important}
@media(max-width:749px){.fb-wrap{flex-direction:column!important;padding:30px 20px!important}}

/* //POPULAR-BRANDS */
.pb-wrap{padding:40px 20px!important;background:#fff!important;margin-bottom: 100px !important; min-height: 300px !important;min-width:250px !important}
.pb-title{font-size:13px!important;font-weight:700!important;color:#666!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-bottom:20px!important;display:block!important}
.pb-grid{display:flex!important;flex-direction:row!important;border:1px solid #eee!important}
.pb-item{flex:1!important;padding:30px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-right:1px solid #eee!important;cursor:pointer!important}
.pb-item:last-child{border-right:none!important}
.pb-item img{width:100%!important;max-width:160px!important;height:120px!important;object-fit:contain!important;filter:grayscale(100%) opacity(0.3)!important;transition:filter 0.3s ease!important;display:block!important}
.pb-item:hover img{filter:grayscale(0%) opacity(1)!important}
@media(max-width:749px){.pb-grid{flex-wrap:wrap!important}.pb-item{flex:0 0 50%!important;border-bottom:1px solid #eee!important}}

/* //FEATURE BLOG */
.main-blog{padding:40px 20px!important;background:#fff!important; margin-bottom:100px!important; }
.main-blog .title--primary{
  font-size:42px!important;
  font-weight:700!important;
  /* color:var(--hx-green)!important; */
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  margin-bottom:30px!important;
  color:#2d4a2f!important;
  font-family:'Barlow Condensed',sans-serif!important;
}
.card__heading a{color:#2d4a2f!important;font-family:'Barlow Condensed',sans-serif!important}
.card__heading a:hover{color:var(--hx-gold)!important; text-decoration: none!important}
.blog-articles{display:flex!important;flex-direction:row!important;gap:24px!important}
.blog-articles__article{flex:1!important;display:flex!important;flex-direction:column!important}
.card__media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.card__information .blog-article__info{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important}
.blog-article__category{font-size:12px!important;font-weight:700!important;color:#c8962e!important;text-transform:uppercase!important;letter-spacing:1px!important}
.blog-article__date{font-size:12px!important;color:#666!important}
.article-card__excerpt{font-size:14px!important;color:#666!important;line-height:1.6!important}
@media(max-width:749px){.blog-articles{flex-direction:column!important}}

/* FOOTER */
.cfv2-wrap{
  background:#2d4a2f!important;
  padding:60px 20px 0!important;
  color:#fff!important;
  font-family:'Barlow Condensed',sans-serif!important
  margin-top:80px !important;
}
.cfv2-top{
  display:grid!important;
  grid-template-columns:30% 1fr!important;
  gap:100px!important;
  margin-bottom:40px!important
}
.cfv2-left{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.cfv2-heading{
  font-size:54px!important;
  font-weight:600!important;
  color:#fff!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
  margin-bottom:20px!important;
  letter-spacing:1px!important
}
.cfv2-subdesc{
  font-size:20px!important;
  color:rgba(255,255,255,0.5)!important;
  line-height:1.6!important;
  margin-bottom:30px!important
}
.cfv2-form{
  margin-top:70px!important;
  display:flex!important;
  flex-direction:row!important;
  border:1px solid rgba(255,255,255,0.3)!important;
  max-width:450px!important
}
.cfv2-form input{
  flex:1!important;
  padding:16px 16px!important;
  background:transparent!important;
  border:none!important;
  color:#fff!important;
  font-size:18px!important;
  outline:none!important;
  font-family:'Barlow Condensed',sans-serif!important
}
.cfv2-form input::placeholder{
  color:rgba(255,255,255,0.5)!important
}
.cfv2-form button{
  padding:18px 20px!important;
  background:transparent!important;
  border:none!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:1px!important;
  cursor:pointer!important;
  font-family:'Barlow Condensed',sans-serif!important;
  text-transform:uppercase!important;
  transition:color 0.2s!important;
  white-space:nowrap!important
}
.cfv2-form button:hover{
  color:var(--hx-gold)!important
}

.cfv2-right{
  display:flex!important;
  flex-direction:column!important;
  margin-top:48px!important;
}

.cfv2-cols{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:30px!important;
  margin-bottom:30px!important;
}

.cfv2-col-title{
  font-size:18px!important;
  font-weight:600!important;
  color:#fff!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  margin-bottom:18px!important;
  display:block!important
}
.cfv2-col a{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:600!important;
  text-decoration:none!important;
  margin-bottom:8px!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  position:relative!important;
  padding-bottom:3px!important;
  width:fit-content!important;
  transition:color 0.2s!important
}
.cfv2-col a::after{
  content:''!important;
  position:absolute!important;
  bottom:0!important;
  left:0!important;
  width:0!important;
  height:1px!important;
  background:var(--hx-lightgreen,#90c95a)!important;
  transition:width 0.3s ease!important
}
.cfv2-col a:hover::after{
  width:100%!important;
}

.cfv2-col .cfv2-child-link{
  font-weight:400!important;
  font-size:13px!important;
  color:rgba(255,255,255,0.7)!important;
  margin-bottom:1px !important;
}
.cfv2-col .cfv2-child-link:hover{
  color:var(--hx-lightgreen)!important
}
.cfv2-mid{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  padding:24px 0!important;
  border-top:1px solid rgba(255,255,255,0.15)!important;
  gap:30px!important
}
.cfv2-contact-item{
  display:flex!important;
  align-items:flex-start!important;gap:10px!important
}
.cfv2-contact-icon{
  font-size:15px!important;
  margin-top:3px!important;
  flex-shrink:0!important;
  color:#fff!important;
}
.cfv2-contact-text{
  font-size:13px!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  line-height:1.6!important;
  font-weight:500px!important;
  margin-top: 4px !important;
}

.cfv2-payment{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
 
}
.cfv2-bottom{
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:20px 0!important;
  margin-bottom:40px!important
}
.cfv2-copy{
  font-size:14px!important;
  color:rgba(255,255,255,0.6)!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  font-weight:400px !important;
}
.cfv2-legal{
  display:flex!important;
  gap:24px!important
}
.cfv2-legal a{
  font-size:14px!important;
  color:rgba(255,255,255,0.6)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  transition:color 0.2s!important
  font-weight:400px !important;
}

.cfv2-legal a:hover{
  color:var(--hx-gold,#c8962e)!important
}
@media(max-width:749px){
  .cfv2-top{
    grid-template-columns:1fr!important
  }
  .cfv2-right{
    grid-template-columns:1fr!important;
  }
  .cfv2-heading{
    font-size:32px!important
  }
  .cfv2-mid{
    flex-direction:column!important;
    align-items:flex-start!important
  }
  .cfv2-wrap{
    padding:40px 20px 0!important
  }
}

.hx-wishlist-btn.active{
  background:#fff!important;
  color:#2d4a2f!;
}

.hx-wishlist-btn.active i{
  color:#2d4a2f!important;
}


/* Target ONLY collection list section */
.section-collection-list .collection-list-wrapper{
  max-width:1200px!important;
  margin:0 auto!important;
  padding:0 20px!important;
}
.section-collection-list .collection-list{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:38px!important;
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.section-collection-list .collection-list__item{
  padding:0!important;
  margin:0!important;
}
.section-collection-list .card-wrapper{
  display:block!important;
}
.section-collection-list .card{
  border:none!important;
  box-shadow:none!important;
}
.section-collection-list .card__inner{
  padding-top:0!important;
  min-width:380px!important;
  height:480px!important;
  overflow:hidden!important;
  border-radius:0!important;
}
.section-collection-list .card__inner.ratio{
  padding-top:0!important;
  height:480px!important;
  min-width:380px!important;
}
.section-collection-list .card__media{
  width:100%!important;
  min-width:380px!important;
  height:480px!important;
  overflow:hidden!important;
  display:block!important;
  position:relative!important;
}
.section-collection-list .card__media .media{
  height:480px!important;
  width:100%!important;
  min-width:380px!important;
  overflow:hidden!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
}
.section-collection-list .card__media img,
.section-collection-list .card__media .motion-reduce{
  width:100%!important;
  min-width:380px!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transition:transform 0.4s ease!important;
  max-width:none!important;
}
.section-collection-list .card-wrapper:hover .motion-reduce{
  transform:scale(1.05)!important;
}
.section-collection-list .card__content{
  padding:14px 0!important;
  text-align:center!important;
  background:transparent!important;
  position:relative!important;
}
.section-collection-list .card__heading{
  font-size:40px!important;
  font-weight:700!important;
  color:#2d4a2f!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  font-family:'Barlow Condensed',sans-serif!important;
  margin:0 0 4px!important;
  line-height:1.3!important;
  word-break:normal!important;
  white-space:normal!important;
}
.section-collection-list .card__heading a{
  color:#2d4a2f!important;
  text-decoration:none!important;
}
/* .section-collection-list .card__heading a:hover{
  color:var(--hx-gold,#c8962e)!important;
} */
.section-collection-list .collection-product-count{
  font-size:13px!important;
  color:#666!important;
  display:block!important;
  margin-top:4px!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
.section-collection-list .icon-wrap,
.section-collection-list .card__caption{
  display:none!important;
}
@media(max-width:749px){
  .section-collection-list .collection-list{
    grid-template-columns:repeat(2,1fr)!important;
    gap:12px!important;
  }
  .section-collection-list .card__inner,
  .section-collection-list .card__inner.ratio,
  .section-collection-list .card__media,
  .section-collection-list .card__media .media{
    height:220px!important;
  }
}

/* //PROMO BANNER */
.promo-banner{
  background-color:{{ section.settings.bg_color }};
  padding:80px 20px;
  text-align:center;
  width:100%;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  margin:50px 0px;
}
.promo-banner__eyebrow{
  font-size:13px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  color:{{ section.settings.text_color }};
  margin-bottom:15px;
  display:block;
}
.promo-banner__title{
  font-size:72px;
  font-weight:700;
  color:{{ section.settings.text_color }};
  text-transform:uppercase;
  line-height:1;
  letter-spacing:-1px;
  margin-bottom:24px;
  font-family:'Barlow Condensed',sans-serif;
}
.promo-banner__desc{
  font-size:16px;
  color:{{ section.settings.text_color }};
  opacity:0.7;
  line-height:1.6;
  max-width:400px;
  margin:0 auto 40px;
}
.promo-banner__sub{
  font-size:13px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  color:{{ section.settings.text_color }};
  margin-bottom:16px;
  display:block;
}
.promo-banner__btn{
  display:inline-block;
  padding:18px 48px;
  background:{{ section.settings.btn_color }};
  color:{{ section.settings.btn_text_color }};
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:opacity 0.2s;
}
.promo-banner__btn:hover{
  opacity:0.85;
  background:var(--hx-gold);
}
@media(max-width:749px){
  .promo-banner__title{font-size:40px!important}
  .promo-banner{padding:60px 20px!important}
}

/* //PRODUCT BANNER */
.phb-wrap{position:relative;width:100%;overflow:hidden;height:{{ section.settings.height }}px;margin:40px 0px !important}

.phb-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.phb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,{{ section.settings.overlay_opacity | divided_by: 100.0 }})}

.phb-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}

.phb-title{font-size:{{ section.settings.title_size }}px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:3px;font-family:'Barlow Condensed',sans-serif;line-height:1;margin:0}

@media(max-width:749px){.phb-wrap{height:250px!important}.phb-title{font-size:36px!important}}


/* //COLLECTION-TABS */
/* .ctx-tabs{display:flex!important;flex-direction:row!important;gap:30px!important;width:100%!important;overflow:hidden!important;align-items:stretch!important}
.ctx-tab{flex:1!important;position:relative!important;cursor:pointer!important;overflow:hidden!important;height:400px!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important}
.ctx-tab img{flex:1!important;min-height:0!important;display:block!important;margin:0!important;padding:0!important}
.ctx-tab:hover img{transform:scale(1.05)!important}
.ctx-tab-label{flex-shrink:0!important;margin:0!important;padding:14px 8px!important;display:block!important}
.ctx-products{padding:40px 20px!important}
.ctx-filter-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:30px!important;padding-bottom:16px!important;border-bottom:2px solid #eee!important}
.ctx-filter-label{font-size:20px!important;font-weight:700!important;color:#2d4a2f!important;font-family:'Barlow Condensed',sans-serif!important;letter-spacing:2px!important}
.ctx-sort{display:flex!important;align-items:center!important;gap:20px!important}
.ctx-sort select{border:1px solid #ddd!important;padding:8px 12px!important;font-size:13px!important;background:#fff!important;cursor:pointer!important;outline:none!important}
.ctx-count{font-size:14px!important;font-weight:700!important;color:#2d4a2f!important;letter-spacing:1px!important}
.ctx-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}
.ctx-card{position:relative!important;background:#f8f8f8!important;overflow:hidden!important}
.ctx-card-img-wrap{position:relative!important;overflow:hidden!important;aspect-ratio:3/4!important}
.ctx-card-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform 0.4s ease!important}
.ctx-card:hover .ctx-card-img{transform:scale(1.05)!important}
.ctx-card-actions{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;gap:8px!important;opacity:0!important;transition:opacity 0.2s!important;z-index:2!important}
.ctx-card:hover .ctx-card-actions{opacity:1!important}
.ctx-card-action-btn{width:44px!important;height:44px!important;background:var(--hx-green)!important;color: #fff !important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;border-radius:50%!important;transition:background 0.2s!important}
.ctx-card-action-btn:hover{background:var(--hx-gold)!important;color:#fff!important}
.ctx-card-info{padding:12px!important}
.ctx-card-title{font-size:14px!important;font-weight:700!important;color:#1a1a1a!important;text-decoration:none!important;display:block!important;margin-bottom:6px!important;text-transform:uppercase!important;font-family:'Barlow Condensed',sans-serif!important}
.ctx-card-title:hover{color:#2d4a2f!important}
.ctx-card-price{font-size:14px!important;color:#2d4a2f!important;font-weight:700!important}
.ctx-card-compare{font-size:13px!important;color:#999!important;text-decoration:line-through!important;margin-left:6px!important}
.ctx-card-atc{position:absolute!important;bottom:12px!important;right:12px!important;width:36px!important;height:36px!important;background:#2d4a2f!important;color:#fff!important;border:none!important;cursor:pointer!important;font-size:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background 0.2s!important}
.ctx-card-atc:hover{background:var(--hx-gold,#c8962e)!important}
.ctx-save-badge{position:absolute!important;top:0!important;left:0!important;right:0!important;background:#e53e3e!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:4px 8px!important;text-align:center!important;letter-spacing:1px!important;z-index:1!important}
.ctx-loading{text-align:center!important;padding:40px!important;font-size:16px!important;color:#666!important;grid-column:1/-1!important}
.ctx-empty{text-align:center!important;padding:60px 20px!important;color:#666!important;font-size:16px!important;grid-column:1/-1!important}
@media(max-width:749px){
  .ctx-tabs{flex-wrap:wrap!important}
  .ctx-tab{flex:0 0 50%!important;height:200px!important}
  .ctx-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
} */


.ctx-tabs{display:flex!important;flex-direction:row!important;gap:25px!important;width:100%!important;overflow:hidden!important}
.ctx-tab{flex:1!important;position:relative!important;cursor:pointer!important;overflow:hidden!important;height:380px!important;margin:0!important;padding:0!important}
.ctx-tab img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;transition:transform 0.4s ease!important;margin:0!important;padding:0!important}
.ctx-tab:hover img{transform:scale(1.05)!important}
.ctx-tab-label{position:absolute!important;bottom:20px!important;left:40px!important;right:40px!important;background:#2d4a2f!important;color:#fff!important;text-align:center!important;padding:12px 6px!important;font-size:18px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;font-family:'Barlow Condensed',sans-serif!important;transition:background 0.2s!important;margin:0!important;z-index:2!important}
.ctx-tab:hover .ctx-tab-label{background:var(--hx-gold,#c8962e)!important}
.ctx-products{padding:40px 20px!important}
.ctx-filter-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:30px!important;padding-bottom:16px!important;border-bottom:2px solid #eee!important}
.ctx-filter-label{font-size:20px!important;font-weight:700!important;color:#2d4a2f!important;font-family:'Barlow Condensed',sans-serif!important;letter-spacing:2px!important}
.ctx-sort{display:flex!important;align-items:center!important;gap:20px!important}
.ctx-sort select{border:1px solid #ddd!important;padding:8px 12px!important;font-size:13px!important;background:#fff!important;cursor:pointer!important;outline:none!important}
.ctx-count{font-size:14px!important;font-weight:700!important;color:#2d4a2f!important;letter-spacing:1px!important}
.ctx-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}
.ctx-card{position:relative!important;background:#f8f8f8!important;overflow:hidden!important}
.ctx-card-img-wrap{position:relative!important;overflow:hidden!important;aspect-ratio:3/4!important}
.ctx-card-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform 0.4s ease!important}
.ctx-card:hover .ctx-card-img{transform:scale(1.05)!important}
.ctx-card-actions{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;gap:8px!important;opacity:0!important;transition:opacity 0.2s!important;z-index:2!important}
.ctx-card:hover .ctx-card-actions{opacity:1!important}
.ctx-card-action-btn{width:44px!important;height:44px!important;background:#fff!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;border-radius:50%!important;transition:background 0.2s!important}
.ctx-card-action-btn:hover{background:#2d4a2f!important;color:#fff!important}
.ctx-card-info{padding:12px!important}
.ctx-card-title{font-size:14px!important;font-weight:700!important;color:#1a1a1a!important;text-decoration:none!important;display:block!important;margin-bottom:6px!important;text-transform:uppercase!important;font-family:'Barlow Condensed',sans-serif!important}
.ctx-card-title:hover{color:#2d4a2f!important}
.ctx-card-price{font-size:14px!important;color:#2d4a2f!important;font-weight:700!important}
.ctx-card-compare{font-size:13px!important;color:#999!important;text-decoration:line-through!important;margin-left:6px!important}
.ctx-card-atc{position:absolute!important;bottom:12px!important;right:12px!important;width:36px!important;height:36px!important;background:#2d4a2f!important;color:#fff!important;border:none!important;cursor:pointer!important;font-size:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background 0.2s!important}
.ctx-card-atc:hover{background:var(--hx-gold,#c8962e)!important}
.ctx-save-badge{position:absolute!important;top:0!important;left:0!important;right:0!important;background:#e53e3e!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:4px 8px!important;text-align:center!important;letter-spacing:1px!important;z-index:1!important}
.ctx-loading{text-align:center!important;padding:40px!important;font-size:16px!important;color:#666!important;grid-column:1/-1!important}
.ctx-empty{text-align:center!important;padding:60px 20px!important;color:#666!important;font-size:16px!important;grid-column:1/-1!important}
@media(max-width:749px){
  .ctx-tabs{flex-wrap:wrap!important}
  .ctx-tab{flex:0 0 50%!important;height:200px!important}
  .ctx-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
}

/* ///VIDEO SECTION */

/* .video-section__cover-content{
  position: absolute;
    top: 50%;
    padding: 0 13px;
    text-align: center;
    opacity: 1;
    transition: opacity .25s ease-out;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.video-section{display:flex!important;flex-direction:row!important;align-items:center!important;gap:30px!important;padding:40px 20px!important;max-width:1200px!important;margin:0 auto!important}
.video-section__media{flex:0 0 65%!important;width:100%!important;margin:0!important}
.video-section__text{flex:1!important;padding:0px 0!important}
.video-section__eyebrow{font-size:16px!important;font-weight:700!important;letter-spacing:0px!important;text-transform:uppercase!important;color:#000000!important;margin-bottom:8px!important;display:block!important}
.video-section__heading{font-size:100px!important;font-weight:700!important;color:#2d4a2f!important;text-transform:uppercase!important;line-height:1.1!important;letter-spacing:1px!important;font-family:'Barlow Condensed',sans-serif!important;margin-bottom:20px!important}
.video-section__desc{font-size:18px!important;color:#666!important;line-height:1.7!important;margin-bottom:30px!important}
.video-section__btn{display:inline-block!important;padding:16px 32px!important;background:#transparent!important;color:#fff!important;font-size:13px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;text-decoration:none!important;border:none!important;cursor:pointer!important;transition:background 0.2s!important}
/* .video-section__btn:hover{background:var(--hx-gold,#c8962e)!important} */
/* .title-wrapper{display:none!important} */
@media(max-width:749px){.video-section{flex-direction:column!important;padding:20px 20px!important}.video-section__media{width:100%!important}}

.vs2-wrap{
  display:flex;
  flex-direction:{{ section.settings.layout }};
  align-items:center;
  gap:50px;
  padding:30px 20px;
  max-width:1400px;
  margin:0 auto;
}
.vs2-media{flex:0 0 65%;width:100%}
.vs2-text{flex:1;padding:20px 0}
.vs2-eyebrow{font-size:16px;font-weight:700;letter-spacing:0px;text-transform:uppercase;color:{{ section.settings.eyebrow_color }};margin-bottom:14px;display:block}
.vs2-heading{font-size:{{ section.settings.heading_size_px }}px;font-weight:700;color:{{ section.settings.heading_color }};text-transform:uppercase;line-height:1.1;letter-spacing:1px;font-family:'Barlow Condensed',sans-serif;margin-bottom:20px}
.vs2-desc{font-size:15px;color:#4A6B4C;line-height:1.7;margin-bottom:30px}
.vs2-btn{display:inline-block;padding:16px 32px;background:{{ section.settings.btn_color }};color:{{ section.settings.btn_text_color }};font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:opacity 0.2s}
.vs2-btn:hover{opacity:0.85}
@media(max-width:749px){
  .vs2-wrap{flex-direction:column!important;padding:30px 20px!important}
  .vs2-media{width:100%!important;flex:none!important}
}

.vs2-btn{
  display:inline-block!important;
  padding:16px 32px!important;
  background:#4A6B4C!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  transition:opacity 0.2s!important;
  margin-top:10px!important;
}
.vs2-btn:hover{
  opacity:0.85!important;
  color:#fff!important;
}

/* //IMAGE TEXT SPLIT */
/*.its-wrap{
  display:flex!important;
  flex-direction:{{ section.settings.layout }}!important;
  width:100%!important;
  min-height:600px!important;
}
.its-left{
  flex:0 0 50%!important;
  width:50%!important;
  padding:60px 50px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:{{ section.settings.left_bg }}!important;
  box-sizing:border-box!important;
}
.its-right{
  flex:0 0 50%!important;
  width:50%!important;
  position:relative!important;
  overflow:hidden!important;
}
.its-right img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.its-eyebrow{
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  color:{{ section.settings.eyebrow_color }}!important;
  margin-bottom:16px!important;
  display:block!important;
  text-align:{{ section.settings.text_align }}!important;
}
.its-heading{
  font-size:{{ section.settings.heading_size }}px!important;
  font-weight:700!important;
  color:{{ section.settings.heading_color }}!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
  font-family:'Barlow Condensed',sans-serif!important;
  margin-bottom:20px!important;
  text-align:{{ section.settings.text_align }}!important;
}
.its-desc{
  font-size:14px!important;
  color:{{ section.settings.desc_color }}!important;
  line-height:1.7!important;
  margin-bottom:30px!important;
  text-align:{{ section.settings.text_align }}!important;
}
.its-small-img{
  width:{{ section.settings.small_image_width }}%!important;
  margin-top:30px!important;
  overflow:hidden!important;
}
.its-small-img img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:cover!important;
}
.its-btn{
  display:inline-block!important;
  padding:14px 32px!important;
  background:{{ section.settings.btn_color }}!important;
  color:{{ section.settings.btn_text_color }}!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  transition:opacity 0.2s!important;
  margin-top:10px!important;
  align-self:{{ section.settings.text_align == 'center' ? 'center' : 'flex-start' }}!important;
}
.its-btn:hover{opacity:0.85!important;color:{{ section.settings.btn_text_color }}!important}
@media(max-width:749px){
  .its-wrap{flex-direction:column!important}
  .its-left,.its-right{width:100%!important;flex:none!important}
  .its-right{height:400px!important}
  .its-left{padding:40px 20px!important}
} */

.its-wrap{display:flex;width:100%;min-height:300px; padding:20px!important;
 margin-bottom:40px!important;}
.its-left{flex:0 0 40%;width:40%;padding:50px 50px;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}
.its-right{flex:0 0 60%;width:60%;position:relative;overflow:hidden}
.its-right img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.its-eyebrow{font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;display:block;color:black!!important;}
.its-heading{font-size:40px;font-weight:700;text-transform:uppercase;line-height:1.1;font-family:'Barlow Condensed',sans-serif;margin-bottom:12px}
.its-desc{font-size:14px;line-height:1.7;margin-bottom:0px}
.its-small-img{padding-left: 60px!importanrt;margin-top:0px;overflow:hidden}
.its-small-img img{width:100%;height:auto;display:block;object-fit:cover}
.its-btn{display:inline-block;padding:14px 32px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:opacity 0.2s;margin-top:10px}
.its-btn:hover{opacity:0.85}
@media(max-width:749px){
  .its-wrap{flex-direction:column}
  .its-left,.its-right{width:100%;flex:none}
  .its-right{height:400px}
  .its-left{padding:40px 20px}
}

/* //TEAM-MEMBERS */
.tm-wrap{padding:40px 20px}
.tm-heading{font-size:40px;font-weight:700;color:#2d4a2f;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;line-height:1.1;margin-bottom:40px;letter-spacing:1px}
.tm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tm-card{position:relative;overflow:hidden}
.tm-card-img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;display:block}
.tm-social{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:2px;padding:8px}
.tm-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#2d4a2f;color:#fff;font-size:13px;text-decoration:none;transition:background 0.2s}
.tm-social a:hover{background:var(--hx-gold,#c8962e)}
.tm-info{padding:16px 0 0}
.tm-name{font-size:24px;font-weight:700;color:#2d4a2f;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;margin-bottom:4px}
.tm-role{font-size:14px;color:#666;font-weight:400}
@media(max-width:749px){.tm-grid{grid-template-columns:repeat(1,1fr)!important}}

/* SLIDES */
.ts-wrap{padding:100px 20px;text-align:center;position:relative;overflow:hidden; margin:100px 0px!important}
.ts-eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:block}
.ts-heading{font-size:36px;font-weight:700;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;margin-bottom:40px;line-height:1.1}
.ts-slider{position:relative;max-width:900px;margin:0 auto;overflow:hidden}
.ts-track{display:flex;transition:transform 0.5s ease}
.ts-slide{min-width:100%;padding:0 80px;box-sizing:border-box}
.ts-rating{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;display:block}
.ts-quote{font-size:40px;font-weight:700;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;line-height:1.2;margin-bottom:30px;letter-spacing:0.5px}
.ts-author-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:4px}
.ts-author-role{font-size:13px;text-transform:uppercase;letter-spacing:2px;display:block}
.ts-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;cursor:pointer;background:none;border:none;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:0;transition:opacity 0.2s}
.ts-nav:hover{opacity:0.6}
.ts-nav--prev{left:20px}
.ts-nav--next{right:20px}
.ts-nav svg{width:20px;height:20px;fill:none;stroke-width:2}
@media(max-width:749px){
  .ts-slide{padding:0 20px}
  .ts-nav--prev{left:4px}
  .ts-nav--next{right:4px}
  .ts-heading{font-size:24px!important}
  .ts-quote{font-size:24px!important}
}

/* Image with text - blog style */
.image-with-text__heading{font-size:42px!important;font-weight:700!important;color:var(--hx-green)!important;text-transform:uppercase!important;font-family:'Barlow Condensed',sans-serif!important;line-height:1.1!important;letter-spacing:1px!important}
.image-with-text__heading:hover{color:var(--hx-gold)!important}
.image-with-text__text{font-size:15px!important;color:#444!important;line-height:1.7!important}
.image-with-text__text--caption{font-size:13px!important;font-weight:700!important;color:var(--hx-gold,#c8962e)!important;letter-spacing:2px!important;text-transform:uppercase!important}
.image-with-text .button--primary{background:#2d4a2f!important;color:#fff!important;border:none!important;padding:16px 32px!important;font-size:13px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;border-radius:0!important}
.image-with-text .button--primary:hover{background:var(--hx-gold)!important;border-color:none!important;}
.image-with-text__media{overflow:hidden!important}
.image-with-text__media img{width:100%!important;height:100%!important;object-fit:cover!important}

/* Remove all borders */
.image-with-text__media,
.image-with-text__content,
.image-with-text__grid,
.image-with-text{
  border:none!important;
  box-shadow:none!important;
  outline:none!important;
}

/* Button transparent/outline style */
.image-with-text .button--primary{
  background:var(--hx-green)!important;
  color:#fff!important;
  /* border:2px solid #2d4a2f!important; */
  padding:14px 32px!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  border-radius:0!important;
  display:inline-block!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.image-with-text .button--primary:hover{
  background:var(--hx-gold)!important;
  color:#fff!important;
  border:none!important;
}

/* Responsive for nav */

/* Mobile hamburger button */
.hx-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}
.hx-hamburger span{display:block;width:24px;height:2px;background:#fff;transition:all 0.3s}

/* Mobile drawer overlay */
.hx-drawer-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999}
.hx-drawer-overlay.open{display:block}

/* Mobile drawer */
.hx-drawer{position:fixed;top:0;left:0;width:85%;max-width:420px;height:100%;background:#fff;z-index:1000;transform:translateX(-100%);transition:transform 0.3s ease;overflow-y:auto}
.hx-drawer.open{transform:translateX(0)}

/* Drawer header */
.hx-drawer-header{display:flex;justify-content:flex-end;padding:20px;border-bottom:1px solid #eee}
.hx-drawer-close{background:none;border:none;font-size:24px;cursor:pointer;color:#2d4a2f;width:36px;height:36px;display:flex;align-items:center;justify-content:center}

/* Drawer menu items */
.hx-drawer-nav{list-style:none;padding:0;margin:0}
.hx-drawer-nav-item{border-bottom:1px solid #eee}
.hx-drawer-nav-link{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;font-size:18px;font-weight:700;color:#2d4a2f;text-decoration:none;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;transition:color 0.2s}
.hx-drawer-nav-link:hover{color:var(--hx-gold,#c8962e)}
.hx-drawer-nav-plus{font-size:22px;font-weight:300;color:#2d4a2f;transition:transform 0.2s}
.hx-drawer-nav-item.open .hx-drawer-nav-plus{transform:rotate(45deg)}

/* Drawer submenu */
.hx-drawer-submenu{display:none;list-style:none;padding:0;margin:0;background:#f8f8f8}
.hx-drawer-nav-item.open .hx-drawer-submenu{display:block}
.hx-drawer-submenu a{display:block;padding:12px 30px;font-size:15px;color:#444;text-decoration:none;border-bottom:1px solid #eee}
.hx-drawer-submenu a:hover{color:#2d4a2f}

/* Drawer footer */
.hx-drawer-footer{padding:20px;border-top:1px solid #eee;margin-top:auto}
.hx-drawer-auth{font-size:15px;color:#2d4a2f;margin-bottom:16px}
.hx-drawer-auth a{color:#2d4a2f;text-decoration:none;font-weight:600}
.hx-drawer-auth a:hover{color:var(--hx-gold,#c8962e)}
.hx-drawer-locale{display:flex;gap:16px;font-size:13px;color:#999;text-transform:uppercase;letter-spacing:1px}

/* Mobile responsive */
@media(max-width:749px){
  .hx-hamburger{display:flex!important}
  .hx-navbar{display:none!important}
  .hx-search{display:none!important}
  .hx-locale{display:none!important}
  .hx-top-row{gap:8px!important}
  .hx-header-wrap{padding:10px 16px!important;flex-wrap:nowrap!important}
  .hx-logo{order:2!important;flex:1!important;text-align:center!important}
  .hx-hamburger{order:1!important}
  .hx-top-row{order:3!important}
}


@media(max-width:749px){
  /* Fix full width */
  body{overflow-x:hidden!important}
  .hx-header-wrap{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 16px!important;
    width:100%!important;
    box-sizing:border-box!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
  }
  /* Hamburger left */
  .hx-hamburger{
    display:flex!important;
    order:1!important;
    flex-shrink:0!important;
  }
  /* Logo center */
  .hx-logo{
    order:2!important;
    flex:1!important;
    text-align:center!important;
    display:flex!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .hx-logo-img{
    max-width:120px!important;
    width:auto!important;
    height:auto!important;
  }
  .hx-logo-text{
    font-size:24px!important;
  }
  /* Icons right */
  .hx-top-row{
    order:3!important;
    flex-shrink:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  /* Hide search and locale on mobile */
  /* .hx-search{display:none!important} */
  .hx-locale{display:none!important}
  /* Hide desktop nav */
  .hx-navbar{display:none!important}
  /* Fix page width */
  .shopify-section{max-width:100vw!important;overflow-x:hidden!important}

  .topbar-left a{
   
  }

  .topbar-center{
  display:none;
  }

  .topbar-right svg{
    display:none !important;
  }

  .topbar-right a{
    display:none !important;
  }
}


/* Fix green background gap */
html, body{
  max-width:100%!important;
  overflow-x:hidden!important;
}

.hx-header-wrap{
  background:#2d4a2f;
  width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:749px){

  /* Footer wrap */
  .cfv2-wrap{
    padding:30px 16px 0!important;
  }

  /* Top section - stack vertically */
  .cfv2-top{
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
    margin-bottom:24px!important;
  }

  /* Left side - heading + form */
  .cfv2-left{
    width:100%!important;
    flex:none!important;
  }
  .cfv2-heading{
    font-size:28px!important;
    margin-bottom:12px!important;
  }
  .cfv2-subdesc{
    font-size:14px!important;
    margin-bottom:16px!important;
  }
  .cfv2-form{
    max-width:100%!important;
    margin-top:16px!important;
  }
  .cfv2-form input{
    font-size:13px!important;
    padding:10px 12px!important;
  }
  .cfv2-form button{
    font-size:12px!important;
    padding:10px 14px!important;
    white-space:nowrap!important;
  }

  /* Right columns - 3 columns compact */
  .cfv2-right{
    width:100%!important;
    flex:none!important;
  }
  .cfv2-cols{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
    margin-bottom:20px!important;
  }
  .cfv2-col-title{
    font-size:12px!important;
    letter-spacing:1px!important;
    margin-bottom:10px!important;
  }
  .cfv2-col a{
    font-size:11px!important;
    margin-bottom:6px!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  .cfv2-col a::after{
    display:none!important;
  }

  /* Mid - contact + payment stacked */
  .cfv2-mid{
    flex-direction:column!important;
    gap:12px!important;
    padding:16px 0!important;
    align-items:flex-start!important;
  }
  .cfv2-contact-text{
    font-size:11px!important;
    letter-spacing:0!important;
  }
  .cfv2-contact-icon{
    font-size:14px!important;
  }
  .cfv2-payment{
    margin-left:0!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  .cfv2-payment svg,
  .cfv2-payment img{
    height:20px!important;
  }

  /* Bottom - stack vertically */
  .cfv2-bottom{
    flex-direction:column!important;
    gap:10px!important;
    padding:14px 0!important;
    text-align:center!important;
    align-items:center!important;
  }
  .cfv2-copy{
    font-size:10px!important;
  }
  .cfv2-legal{
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:12px!important;
  }
  .cfv2-legal a{
    font-size:10px!important;
  }
}

/* DESKTOP SEARCH */
.desktop-search{
  display:block;
}
.hx-mobile-search-btn{
  display:none;
}
.hx-mobile-search-popup{
  display:none;
}

@media(max-width:749px){

.desktop-search{
  display:none;
}

/* MOBILE SEARCH ICON */
.hx-mobile-search-btn{
  display:flex !important;
  background:none;
  border:none;
  cursor:pointer;
  color:#fff;
}

.hx-mobile-search-btn svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;

}

/* POPUP */
.hx-mobile-search-popup{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,0.4)!important;
  z-index:9999;

  opacity:0!important;
  visibility:hidden!important;

  transition:0.3s!important;
}

.hx-mobile-search-popup.active{
  opacity:1!important;
  visibility:visible!important;
}

.hx-mobile-search-inner{
  width:90%!important;
  max-width:420px!important;
  background:#fff!important;
  margin:80px auto!important;
  padding:30px;
  border-radius:10px;
}

.hx-mobile-search-top{
  display:flex !important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:20px!important;
}

.hx-mobile-search-top span{
  font-size:12px!important;
  letter-spacing:1px!important;
  color:#777!important;
}

.hx-mobile-search-close{
  background:none!important;
  border:none!important;
  font-size:30px!important;
  cursor:pointer!important;
}

.hx-mobile-search-field{
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #ddd!important;
  padding-bottom:10px!important;
}

.hx-mobile-search-field input{
  width:100%!important;
  border:none!important;
  outline:none!important;
  font-size:32px!important;
  color:#31553c!important;
}

.hx-mobile-search-field button{
  background:none!important;
  border:none!important;
  cursor:pointer!important;
}

.hx-mobile-search-field svg{
  width:26px!important;
  height:26px!important;
  stroke:#31553c!important;
  fill:none!important;
  stroke-width:2!important;
}
}

/* Mobile slider */
@media(max-width:749px){
  .hx-slider-wrap{overflow:hidden!important;position:relative!important}
  .hx-featured-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
  }
  .hx-product-card{
    min-width:100%!important;
    flex-shrink:0!important;
    transition:transform 0.35s ease!important;
  }

  .hx-card-img-wrap{
    height:500px;
  }

  .hx-card-img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .hx-card-img-wrap{
    aspect-ratio: 1/1;
    overflow:hidden;
  }

  .hx-card-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }

   .hx-featured-grid{
    display:flex;
    transition:transform .35s ease;
  }

  .hx-slider-nav{
    display:flex!important;
    position:absolute!important;
    top:35%!important;
    left:0!important;
    width:100%!important;
    justify-content:space-between!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
    z-index:10!important;
  }
  .hx-slider-btn{
    pointer-events:all!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    border:none!important;
    cursor:pointer!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    box-shadow:0 2px 8px rgba(0,0,0,0.2)!important;
    transition:all 0.2s!important;
  }
  .hx-slider-btn--prev{background:#fff!important;color:#333!important}
  .hx-slider-btn--next{background:var(--hx-gold,#c8962e)!important;color:#fff!important}
  .hx-slider-dots{
    display:flex!important;
    justify-content:center!important;
    gap:6px!important;
    margin-top:12px!important;
    padding-bottom:8px!important;
  }
  .hx-slider-dot{
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    background:#ddd!important;
    border:none!important;
    cursor:pointer!important;
    padding:0!important;
    transition:background 0.2s!important;
  }
  .hx-slider-dot.active{background:#2d4a2f!important}
}

@media(min-width:750px){
  .hx-slider-nav{display:none!important}
  .hx-slider-dots{display:none!important}
}

@media(max-width:749px){

  /* Collections list page */
  .section-collection-list .collection-list{
    grid-template-columns:repeat(2,1fr)!important;
    gap:8px!important;
    padding:0 12px!important;
  }

  .section-collection-list .card__inner,
  .section-collection-list .card__inner.ratio{
    padding-top:0!important;
    height:180px!important;
  }

  .section-collection-list .card__media{
    height:180px!important;
    width:100%!important;
  }

  .section-collection-list .card__media .media{
    height:180px!important;
  }

  .section-collection-list .card__media img,
  .section-collection-list .card__media .motion-reduce{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  .section-collection-list .card__content{
    padding:8px 4px!important;
  }

  .section-collection-list .card__heading{
    font-size:13px!important;
    letter-spacing:0.5px!important;
    margin:0 0 2px!important;
    line-height:1.2!important;
  }

  .section-collection-list .collection-product-count{
    font-size:11px!important;
    margin-top:2px!important;
  }

  /* main-list-collections page (/collections) */
  .main-list-collections .collection-list{
    grid-template-columns:repeat(2,1fr)!important;
    gap:8px!important;
    padding:0 12px!important;
  }

  .main-list-collections .card__inner,
  .main-list-collections .card__inner.ratio{
    padding-top:0!important;
    height:180px!important;
  }

  .main-list-collections .card__media,
  .main-list-collections .card__media .media{
    height:180px!important;
    width:100%!important;
  }

  .main-list-collections .card__media img,
  .main-list-collections .motion-reduce{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  .main-list-collections .card__content{
    padding:8px 4px!important;
  }

  .main-list-collections .card__heading{
    font-size:13px!important;
    letter-spacing:0.5px!important;
    margin:0 0 2px!important;
    line-height:1.2!important;
  }

  .main-list-collections .collection-product-count{
    font-size:11px!important;
    margin-top:2px!important;
  }
}

@media(max-width:749px){

  /* Remove any gap/padding from section */
  .hx-featured{
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }

  .hx-slider-wrap{
    overflow:hidden!important;
    width:100%!important;
  }

  .hx-featured-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }

  .hx-product-card{
    min-width:100vw!important;
    width:100vw!important;
    flex-shrink:0!important;
    transition:transform 0.35s ease!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
  }

  /* Fix image */
  .hx-card-img-wrap{
    width:100%!important;
    aspect-ratio:3/4!important;
    overflow:hidden!important;
    position:relative!important;
  }

  .hx-card-img--primary,
  .hx-card-img--secondary{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  /* Nav buttons position */
  .hx-slider-nav{
    position:absolute!important;
    top:30%!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    padding:0!important;
  }

}

@media(max-width:749px){

  /* Tabs - horizontal scroll on mobile */
  .ctx-tabs{
    display:flex!important;
    flex-direction:row!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:0!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    width:100%!important;
  }
  .ctx-tabs::-webkit-scrollbar{display:none!important}

  .ctx-tab{
    flex:0 0 100vw!important;
    min-width:100vw!important;
    height:60vw!important;
    min-height:220px!important;
    max-height:300px!important;
    position:relative!important;
    cursor:pointer!important;
    overflow:hidden!important;
  }

  .ctx-tab img{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  .ctx-tab-label{
    position:absolute!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    padding:14px!important;
    font-size:20px!important;
    letter-spacing:2px!important;
  }

  /* Filter bar */
  .ctx-filter-bar{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    padding:12px!important;
  }

  .ctx-sort{
    flex-wrap:wrap!important;
    gap:8px!important;
    width:100%!important;
  }

  .ctx-sort select{
    font-size:12px!important;
    padding:6px 8px!important;
    flex:1!important;
  }

  .ctx-count{
    font-size:12px!important;
  }

  /* Products grid - 2 columns */
  .ctx-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:8px!important;
    padding:0 8px!important;
  }

  /* Card */
  .ctx-card-img-wrap{
    aspect-ratio:3/4!important;
  }

  .ctx-card-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .ctx-card-title{
    font-size:11px!important;
    line-height:1.3!important;
  }

  .ctx-card-price{
    font-size:13px!important;
  }

  .ctx-card-info{
    padding:8px 4px!important;
  }

  .ctx-card-atc{
    bottom:8px!important;
    right:8px!important;
    width:30px!important;
    height:30px!important;
    font-size:16px!important;
  }

  .ctx-card-actions{
    gap:4px!important;
  }

  .ctx-card-action-btn{
    width:34px!important;
    height:34px!important;
    font-size:13px!important;
  }

  .ctx-save-badge{
    font-size:9px!important;
    padding:3px 0!important;
  }

  /* Products wrap */
  .ctx-products{
    padding:0!important;
  }

  .ctx-filter-label{
    font-size:16px!important;
  }
}