/* deploy test */
/* ============================================================
   EDEN CANVAS — Design System
   Version: 1.0.0

   This file replaces everything in:
     Appearance → Customize → Additional CSS

   All classes use the .ec-* namespace.
   ============================================================ */


/* ── DESIGN TOKENS ────────────────────────────────────────── */

:root {
    /* Brand colours */
    --ec-gold:         #d4a24c;
    --ec-gold-dark:    #b08a3e;
    --ec-gold-dim:     rgba(212,162,76,0.08);
    --ec-gold-border:  rgba(212,162,76,0.18);

    /* Surfaces */
    --ec-bg:           #faf8f4;
    --ec-surface:      #ffffff;
    --ec-surface-warm: #fdf9f0;

    /* Text */
    --ec-ink:          #1a1a1a;
    --ec-muted:        #777;
    --ec-light:        #aaa;

    /* Radii */
    --ec-r-card:       18px;
    --ec-r-sm:         10px;
    --ec-r-pill:       999px;
}


/* ── PASTE YOUR CURRENT ADDITIONAL CSS BELOW THIS LINE ───── */
/* ─────────────────────────────────────────────────────────── */

body .wc-block-product-template h2.wp-block-post-title {
    font-size: 13px !important;
    line-height: 1.4 !important;
}
/* --- THE MASTER ICON FIX --- */

.ec-account-icon {
  display: flex !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #d4a24c !important;
  border-radius: 50% !important;
  background: rgba(212,162,76,0.08) !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

.ec-user-icon {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4a24c'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.ec-account-icon:hover {
  background: #d4a24c !important;
}

.ec-account-icon:hover .ec-user-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.ec-account-icon:hover {
    background: #d4a24c !important;
}

.ec-account-icon:hover svg path {
    fill: #ffffff !important;
}

/* ══════════════════════════════════════════════════════
   EDEN CANVAS — MOBILE CART FIX v2
   ══════════════════════════════════════════════════════ */

@media (max-width: 921px) {

  /* 1. RESERVE SPACE */
  .ast-site-header-cart,
  .ast-site-header-cart-li,
  .main-header-bar .ast-site-header-cart {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 2. GOLD CIRCLE */
  .ast-site-header-cart .ast-cart-menu-wrap,
  .ast-site-header-cart a.cart-container,
  .ast-site-header-cart > a,
  .main-header-bar .ast-site-header-cart .ast-cart-menu-wrap,
  .main-header-bar .ast-site-header-cart a.cart-container,
  .ast-header-break-point .ast-site-header-cart .ast-cart-menu-wrap,
  .ast-header-break-point .ast-site-header-cart a.cart-container {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid #d4a24c !important;
    background: rgba(212,162,76,0.08) !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  .ast-site-header-cart .ast-cart-menu-wrap:hover,
  .ast-site-header-cart a.cart-container:hover {
    background: #d4a24c !important;
  }

  /* 3. ICON SIZE + COLOUR */
  .ast-site-header-cart .ast-cart-menu-wrap svg,
  .ast-site-header-cart a.cart-container svg,
  .ast-site-header-cart .astra-icon {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    color: #d4a24c !important;
    fill: #d4a24c !important;
    transition: fill 0.2s ease, color 0.2s ease !important;
  }

  .ec-account-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ec-user-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ast-site-header-cart .ast-cart-menu-wrap:hover svg,
  .ast-site-header-cart a.cart-container:hover svg {
    color: #ffffff !important;
    fill: #ffffff !important;
  }

  /* 4. COUNT BADGE */
  .ast-site-header-cart .count,
  .ast-site-header-cart .cart-count {
    position: absolute !important;
    top: -3px !important;
    right: -3px !important;
    min-width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    background: #d4a24c !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 2px !important;
    border: 1.5px solid #ffffff !important;
    visibility: hidden !important;
  }

  .ast-site-header-cart .count:not(.empty),
  .ast-site-header-cart .cart-count:not(.empty) {
    visibility: visible !important;
  }

  /* 5. HIDE PRICE TEXT */
  .ast-site-header-cart .cart-contents .amount,
  .ast-site-header-cart .cart-contents .woocommerce-Price-amount,
  .ast-site-header-cart .ast-cart-totals,
  .ast-site-header-cart .ast-woo-header-cart-info-wrap {
    display: none !important;
  }

  /* 6. ACCOUNT ICON */
  .ec-account-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex-shrink: 0 !important;
  }

  /* 7. HEADER RIGHT */
  .ast-mobile-header-wrap .site-header-section-right,
  .main-header-bar .ast-mobile-header-wrap .ast-header-sections-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }

}

/* --- AGGRESSIVE ASTRA STRIP FIX (WITH DIAMONDS) --- */
@media (max-width: 921px) {

  .ast-header-break-point .secondary-main-menu .menu-link {
    background: none !important;
    border: none !important;
  }

  .ast-header-break-point .secondary-main-menu .current-menu-item > .menu-link {
    color: #d4a24c !important;
    background: none !important;
  }

  .ast-header-break-point .ast-below-header-bar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: block !important;
    height: auto !important;
    padding: 0 !important;
    position: relative !important;
  }

  .ast-header-break-point .ast-below-header-actual-nav,
  .ast-header-break-point .ast-below-header-bar .main-header-bar-navigation {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    background: none !important;
  }

  .ast-header-break-point .ast-below-header-actual-nav ul.secondary-main-menu,
  .ast-header-break-point .ast-below-header-bar .main-navigation ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 10px 15px !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .ast-header-break-point .ast-below-header-actual-nav ul li,
  .ast-header-break-point .ast-below-header-bar .main-navigation ul li {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
  }

  .ast-header-break-point .ast-below-header-actual-nav ul li:not(:last-child):after,
  .ast-header-break-point .ast-below-header-bar .main-navigation ul li:not(:last-child):after {
    content: "◆";
    font-size: 8px;
    color: #d4a24c;
    margin: 0 15px;
    opacity: 0.6;
  }

  .ast-header-break-point .ast-below-header-actual-nav ul li a,
  .ast-header-break-point .ast-below-header-bar .main-navigation ul li a {
    padding: 5px 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #111111 !important;
    border: none !important;
  }

  .ast-header-break-point .ast-below-header-actual-nav ul::-webkit-scrollbar {
    display: none !important;
  }

}

/* --- Row 1 Alignment Refinement --- */
.ast-mobile-header-wrap .site-header-section-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

/* Freeze main header on scroll */
.ast-header-break-point .main-header-bar,
.ast-desktop .main-header-bar {
    position: sticky;
    top: 0;
    z-index: 9999;
}

.ast-transparent-header .main-header-bar {
    position: sticky;
    top: 0;
}

/* --- FREEZE ONLY THE TOP ROW (Logo + Cart) --- */
@media (max-width: 921px) {

  .main-header-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  }

  .ast-below-header-bar {
    margin-top: 60px !important;
    position: relative !important;
    z-index: 1 !important;
  }

}

/* Remove the Add to cart button completely */
.no-cart .woocommerce ul.products li.product a.button,
.no-cart .woocommerce ul.products li.product .add_to_cart_button {
  display: none !important;
}

.no-cart .woocommerce ul.products li.product .price {
  margin-bottom: 0 !important;
}

/* Horizontal scroll products — .hc-scroll */
@media (max-width: 768px) {

  .hc-scroll .woocommerce ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding-bottom: 8px;
    margin: 0 !important;
    scrollbar-width: none;
  }

  .hc-scroll .woocommerce ul.products::-webkit-scrollbar {
    display: none;
  }

  .hc-scroll .woocommerce ul.products li.product {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    margin: 0 !important;
  }

}

/* Horizontal scroll — .hc-scroll-cats */
@media (max-width: 768px) {

  .hc-scroll-cats {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 12px 12px 12px !important;
    margin: 0 !important;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 12px;
    scrollbar-width: none;
  }

  .hc-scroll-cats::-webkit-scrollbar {
    display: none;
  }

  .hc-scroll-cats > * {
    flex: 0 0 82% !important;
    max-width: 82% !important;
    min-height: 280px;
    scroll-snap-align: start;
    margin: 0 !important;
  }

  .hc-scroll-cats img {
    max-width: 100%;
    height: auto;
    display: block;
  }

}

@media (min-width: 769px) {

  div.wp-block-group.hc-scroll-cats {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 20px !important;
  }

  div.wp-block-group.hc-scroll-cats > div.wp-block-uagb-info-box {
    flex: 1 1 0 !important;
    width: 32% !important;
    max-width: 33% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

/* Hide variation swatches in featured product grid */
.hc-scroll .woocommerce ul.products li.product .cfvsw_variations_form {
  display: none !important;
}

/* Block post title */
.wp-block-post-title {
    font-size: 13px !important;
}

/* ec-scroll-mobile */
@media (max-width: 768px) {

  .ec-scroll-mobile {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 10px;
    padding-bottom: 8px;
  }

  .ec-scroll-mobile::-webkit-scrollbar {
    display: none;
  }

  .ec-scroll-mobile > * {
    flex: 0 0 62% !important;
    min-width: 0 !important;
    border-bottom: none !important;
  }

}

/* Product title — lighter weight, smaller size */
.woocommerce-js ul.products li.product h2.woocommerce-loop-product__title {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
/* ============================================================
   EDEN CANVAS — Category Page CSS
   ADD THIS TO: Appearance > Customize > Additional CSS
   Then the HTML blocks below will render correctly.
   ============================================================ */

.ec-cat {
  font-family: 'Poppins', sans-serif;
  background: #fff;
  color: #1a1a1a;
  overflow-x: hidden;
}
.ec-cat .wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
}
.ec-cat a { text-decoration: none; }

.ec-cat .eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #d4a24c;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ec-cat .eyebrow::before {
  content: '';
  display: block;
  width: 16px;
  height: 1.5px;
  background: #d4a24c;
  flex-shrink: 0;
}

.ec-cat .hero {
  padding: 64px 0 56px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: end;
}
.ec-cat .hero h1 {
  font-size: clamp(32px, 5vw, 54px);
  font-weight: 600;
  letter-spacing: -1.5px;
  color: #1a1a1a;
  line-height: 1.05;
  margin: 0;
}
.ec-cat .hero h1 em {
  font-style: italic;
  color: #d4a24c;
  font-weight: 300;
}
.ec-cat .hero-right p {
  font-size: 15px;
  font-weight: 300;
  color: #6e6e73;
  line-height: 1.85;
  margin-bottom: 24px;
}
.ec-cat .hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ec-cat .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 400;
  color: #6e6e73;
  background: #f5f5f7;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 999px;
  padding: 8px 14px;
}
.ec-cat .badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4a24c;
  flex-shrink: 0;
}
.ec-cat .badge-green {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ade80;
  flex-shrink: 0;
}

.ec-cat .products-section { padding: 52px 0 0; }
.ec-cat .products-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 28px;
}
.ec-cat .products-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: -0.3px;
  margin-top: 6px;
}
.ec-cat .products-link {
  font-size: 12px;
  font-weight: 600;
  color: #d4a24c;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.2s;
}
.ec-cat .products-link:hover { opacity: 0.7; }

.ec-cat .usp-strip {
  margin-top: 52px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.08);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ec-cat .usp-item {
  padding: 28px 22px;
  text-align: center;
  border-right: 1px solid rgba(0,0,0,0.08);
  background: #fff;
  transition: background 0.2s;
}
.ec-cat .usp-item:last-child { border-right: none; }
.ec-cat .usp-item:hover { background: #f5f5f7; }
.ec-cat .usp-icon {
  width: 40px;
  height: 40px;
  background: #f5f5f7;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.ec-cat .usp-title {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 4px;
}
.ec-cat .usp-divider {
  width: 20px;
  height: 1.5px;
  background: #d4a24c;
  margin: 8px auto;
}
.ec-cat .usp-desc {
  font-size: 11.5px;
  font-weight: 300;
  color: #6e6e73;
  line-height: 1.65;
}

.ec-cat .ideas-wrap { padding: 52px 0 0; }
.ec-cat .ideas-header { margin-bottom: 24px; }
.ec-cat .ideas-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: -0.3px;
  margin-top: 6px;
}
.ec-cat .ideas-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.ec-cat .idea-card {
  background: #f5f5f7;
  border: 1px solid transparent;
  border-radius: 18px;
  padding: 24px 22px;
  transition: border-color 0.2s;
}
.ec-cat .idea-card:hover { border-color: rgba(212,162,76,0.4); }
.ec-cat .idea-icon {
  width: 38px;
  height: 38px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.ec-cat .idea-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 6px;
}
.ec-cat .idea-desc {
  font-size: 12px;
  font-weight: 300;
  color: #6e6e73;
  line-height: 1.7;
}

.ec-cat .hiw-wrap { padding: 52px 0 0; }
.ec-cat .hiw-header { text-align: center; margin-bottom: 28px; }
.ec-cat .hiw-eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #d4a24c;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ec-cat .hiw-eyebrow::before,
.ec-cat .hiw-eyebrow::after {
  content: '';
  display: block;
  width: 16px;
  height: 1.5px;
  background: #d4a24c;
}
.ec-cat .hiw-title {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: -0.3px;
  margin-top: 6px;
}
.ec-cat .hiw-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #f5f5f7;
  border-radius: 18px;
  overflow: hidden;
}
.ec-cat .hiw-step {
  padding: 26px 20px;
  text-align: center;
  border-right: 1px solid rgba(0,0,0,0.08);
  transition: background 0.2s;
}
.ec-cat .hiw-step:last-child { border-right: none; }
.ec-cat .hiw-step:hover { background: #eeecea; }
.ec-cat .hiw-num {
  width: 40px;
  height: 40px;
  border: 1.5px solid #d4a24c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #d4a24c;
  background: #fff;
  margin: 0 auto 12px;
}
.ec-cat .hiw-step-title {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 5px;
}
.ec-cat .hiw-step-desc {
  font-size: 12px;
  font-weight: 300;
  color: #6e6e73;
  line-height: 1.7;
}

.ec-cat .cta-banner {
  background: linear-gradient(135deg, #fdf9f0 0%, #faf5e8 60%, #f9f7f4 100%);
  border: 1px solid rgba(212,162,76,0.2);
  border-radius: 18px;
  padding: 52px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  margin: 48px 0 56px;
  position: relative;
  overflow: hidden;
}
.ec-cat .cta-banner::before {
  content: '';
  position: absolute;
  top: -50px; right: -50px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212,162,76,0.1) 0%, transparent 70%);
  pointer-events: none;
}
.ec-cat .cta-eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #d4a24c;
  margin-bottom: 10px;
}
.ec-cat .cta-h2 {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #1a1a1a;
  line-height: 1.15;
  margin-bottom: 8px;
}
.ec-cat .cta-sub {
  font-size: 13px;
  color: #6e6e73;
  font-weight: 300;
  line-height: 1.75;
  max-width: 400px;
}
.ec-cat .cta-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
}
.ec-cat .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
  border: none;
}
.ec-cat .btn-gold { background: #d4a24c; color: #fff; }
.ec-cat .btn-gold:hover { background: #c49240; }
.ec-cat .btn-outline {
  background: transparent;
  color: #1a1a1a;
  border: 1px solid rgba(0,0,0,0.15);
}
.ec-cat .btn-outline:hover {
  border-color: rgba(212,162,76,0.4);
  color: #d4a24c;
}

@media (max-width: 900px) {
  .ec-cat .hero { grid-template-columns: 1fr; gap: 28px; }
  .ec-cat .ideas-grid { grid-template-columns: 1fr 1fr; }
  .ec-cat .usp-strip { grid-template-columns: repeat(2, 1fr); }
  .ec-cat .usp-item:nth-child(2) { border-right: none; }
  .ec-cat .usp-item:nth-child(1),
  .ec-cat .usp-item:nth-child(2) { border-bottom: 1px solid rgba(0,0,0,0.08); }
  .ec-cat .hiw-steps { grid-template-columns: repeat(2, 1fr); }
  .ec-cat .hiw-step:nth-child(2) { border-right: none; }
  .ec-cat .hiw-step:nth-child(1),
  .ec-cat .hiw-step:nth-child(2) { border-bottom: 1px solid rgba(0,0,0,0.08); }
  .ec-cat .cta-banner { flex-direction: column; align-items: flex-start; padding: 36px 28px; }
  .ec-cat .products-header { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (max-width: 560px) {
  .ec-cat .wrap { padding: 0 18px; }
  .ec-cat .hero { padding: 48px 0 36px; }
  .ec-cat .ideas-grid { grid-template-columns: 1fr; }
  .ec-cat .usp-strip { grid-template-columns: 1fr; }
  .ec-cat .usp-item { border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.08); }
  .ec-cat .usp-item:last-child { border-bottom: none; }
  .ec-cat .hiw-steps { grid-template-columns: 1fr; }
  .ec-cat .hiw-step { border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.08); }
  .ec-cat .hiw-step:last-child { border-bottom: none; }
  .ec-cat .cta-banner { padding: 28px 20px; }
}
.ec-delivery-banner {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #555;
    background: #faf8f4;
    border: 1px solid #e8e2d9;
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 16px;
    text-align: center;
}

.ec-delivery-sub {
    font-size: 12px;
    color: #888;
}
.ec-trust-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    gap: 10px !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    padding: 14px 10px !important;
    background: #faf8f4 !important;
    border: 1px solid #e8e2d9 !important;
    border-radius: 6px !important;
    text-align: center !important;
}

.ec-trust-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: #555 !important;
    white-space: nowrap !important;
}

.ec-trust-item span {
    font-size: 11px;
    line-height: 1.3;
}

@media (max-width: 600px) {
    .ec-trust-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .ec-trust-item {
        flex: 0 0 45%;
        margin-bottom: 8px;
    }
}
@media (max-width: 768px) {
    /* Reduce gallery height on mobile */
    .woocommerce div.product div.images {
        margin-bottom: 10px;
    }

    /* Tighten spacing around product title */
    .woocommerce div.product .product_title {
        font-size: 20px;
        margin-bottom: 6px;
        line-height: 1.3;
    }

    /* Reduce space around price */
    .woocommerce div.product p.price {
        margin-bottom: 8px;
    }

    /* Tighten short description */
    .woocommerce div.product .woocommerce-product-details__short-description {
        margin-bottom: 10px;
    }

    /* Compact the gallery thumbnails */
    .woocommerce div.product div.images .flex-control-thumbs {
        gap: 4px;
        margin-top: 6px;
    }

    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 18%;
    }
}
.ec-trust-row img.emoji {
    display: inline !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 2px 0 0 !important;
    vertical-align: middle !important;
}

/* ── WOOCOMMERCE FILE UPLOAD BUTTON ───────────────────────── */

/* File upload button — product personalisation (WPCPO) */
.wpcpo-option-field.field-uploads::file-selector-button {
    padding: 12px 24px;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background: var(--ec-surface);
    color: var(--ec-ink);
    border: 2px solid var(--ec-gold);
    border-radius: var(--ec-r-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}
.wpcpo-option-field.field-uploads::file-selector-button:hover {
    background: var(--ec-gold);
    color: #fff;
}
/* Personal message field + character counter fix */
.wpcpo-option-text .wpcpo-option-form p.form-row label {
    display: flex !important;
    flex-wrap: wrap !important;
}
.wpcpo-option-text .wpcpo-option-form input.wpcpo-option-field {
    width: 100% !important;
    box-sizing: border-box !important;
}
small.wpcpo-chars-remaining {
    display: block !important;
    width: 100% !important;
    margin-top: 6px !important;
    font-size: 12px !important;
}
@media (max-width: 768px) {
    .wpcpo-option-form p.form-row label {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .wpcpo-option-form p.form-row label input.wpcpo-option-field {
        width: 100% !important;
        box-sizing: border-box !important;
        flex: 0 0 100% !important;
    }
    small.wpcpo-chars-remaining {
        display: block !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-top: 6px !important;
    }
}
/* =============================================
   EC Carousel � reusable product carousel
   ============================================= */

/* Section header pattern */
.ec-section-header{text-align:center;margin-bottom:24px;}
.ec-section-header .eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ec-gold);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;}
.ec-section-header .eyebrow::before,.ec-section-header .eyebrow::after{content:'';display:block;width:24px;height:1.5px;background:var(--ec-gold);}
.ec-section-header h2{font-size:clamp(26px,4vw,40px);font-weight:600;letter-spacing:-1px;color:var(--ec-ink);line-height:1.1;margin-bottom:0;}
.ec-section-header h2 em{font-style:italic;color:var(--ec-gold);font-weight:300;}

/* Carousel wrapper */
.ec-carousel-wrap{position:relative;max-width:1100px;margin:0 auto;padding:0 52px;}

/* Arrow buttons */
.ec-carousel-wrap .ec-arrow{position:absolute;top:35%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:1.5px solid var(--ec-gold);box-shadow:0 2px 8px rgba(0,0,0,0.08);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0;}
.ec-carousel-wrap .ec-arrow:hover{background:var(--ec-gold);}
.ec-carousel-wrap .ec-arrow:hover svg path{stroke:#fff;}
.ec-carousel-wrap .ec-arrow svg{width:14px;height:14px;flex-shrink:0;}
.ec-carousel-wrap .ec-arrow svg path{stroke:var(--ec-gold);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.ec-carousel-wrap .ec-arrow-left{left:4px;}
.ec-carousel-wrap .ec-arrow-right{right:4px;}

/* Scroll track */
.ec-carousel-track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;}
.ec-carousel-track::-webkit-scrollbar{display:none;}

/* Product cards */
.ec-carousel-track .woocommerce ul.products,.ec-carousel-track.woocommerce ul.products{display:flex !important;flex-wrap:nowrap !important;gap:16px;padding:0;margin:0 !important;}
.ec-carousel-track .woocommerce ul.products li.product,.ec-carousel-track.woocommerce ul.products li.product{flex:0 0 calc(25% - 12px) !important;max-width:calc(25% - 12px) !important;min-width:calc(25% - 12px) !important;margin:0 !important;scroll-snap-align:start;text-align:center;overflow:hidden;}
.ec-carousel-track .woocommerce ul.products li.product img,.ec-carousel-track.woocommerce ul.products li.product img{width:100%;height:200px;object-fit:contain;}
.ec-carousel-track .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px !important;line-height:1.3 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 4px;}
.ec-carousel-track .woocommerce ul.products li.product .price{font-size:14px !important;}
.ec-carousel-track .woocommerce ul.products li.product .button{font-size:12px !important;padding:8px 16px !important;white-space:nowrap;}
.ec-carousel-track .woocommerce ul.products li.product .cfvsw_variations_form{display:none !important;}

/* Mobile carousel */
@media(max-width:768px){
  .ec-carousel-wrap{padding:0;}
  .ec-carousel-wrap .ec-arrow{display:none !important;}
  .ec-carousel-track .woocommerce ul.products,.ec-carousel-track.woocommerce ul.products{padding:0 18px 8px;gap:10px;}
  .ec-carousel-track .woocommerce ul.products li.product,.ec-carousel-track.woocommerce ul.products li.product{flex:0 0 60% !important;max-width:60% !important;min-width:60% !important;}
  .ec-carousel-track .woocommerce ul.products li.product img,.ec-carousel-track.woocommerce ul.products li.product img{height:220px;}
  .ec-carousel-track .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px !important;line-height:1.3 !important;padding:4px 4px 0;}
  .ec-carousel-track .woocommerce ul.products li.product .price{font-size:15px !important;padding-top:4px;}
  .ec-carousel-track .woocommerce ul.products li.product .button{font-size:13px !important;padding:12px 18px !important;}
}