/*
 * Flowcat homepage baseline
 *
 * Consolidated from the Elementor CSS injection layers used on page 443.
 * Layer order is intentionally preserved to match the existing WordPress page.
 * Load this file only on the configured front page or page 443.
 */

/* Source layer: inject-v2.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v2 — aligned to delivered mockup ===== */
/* Desktop 1440 */
@media (min-width: 1024px) {
  /* 1) Header: ~96px, white, logo left / nav center / cart right */
  body.page-id-443 #header.ct-header,
  body.page-id-443 #header.ct-header > div:first-child,
  body.page-id-443 #header.ct-header .ct-container,
  body.page-id-443 #header.ct-header [data-column] {
    height: 96px !important;
    min-height: 96px !important;
  }
  body.page-id-443 #header.ct-header {
    background: #FFFFFF !important;
    border-bottom: 1px solid #EFE8DE !important;
  }
  body.page-id-443 #header.ct-header .site-logo-container img {
    max-height: 52px !important;
    width: auto !important;
  }
  body.page-id-443 #header.ct-header .ct-menu-link {
    background: transparent !important;
    box-shadow: none !important;
    color: #2B2620 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px !important;
  }
  body.page-id-443 #header.ct-header li.current-menu-item > .ct-menu-link {
    color: #6F4E37 !important;
  }
  body.page-id-443 #header.ct-header .ct-header-cart { color: #2B2620 !important; }

  /* 2) Hero: warm beige full-width band, left text / right product visual */
  .elementor-element-3f496f5b .stk-a76n5tq { padding-top: 96px !important; padding-bottom: 96px !important; }
  .elementor-element-3f496f5b .stk-a76n5tq .stk-block-heading__text {
    font-size: clamp(42px, 4vw, 56px) !important;
    line-height: 1.08 !important;
    color: #2B2620 !important;
  }
  .elementor-element-3f496f5b .stk-a76n5tq .stk-button {
    border-radius: 999px !important;
    padding: 14px 30px !important;
  }

  /* 3) Problem: white panel, heading centered, cards image-left / text-right */
  .stk-1oh3tl6 {
    background: #FFFFFF !important;
    border-radius: 28px !important;
    padding: 56px 48px !important;
  }
  .stk-1oh3tl6 .stk-block-heading__text {
    text-align: center !important;
    color: #2B2620 !important;
    font-size: 32px !important;
  }
  .stk-53olaks { margin-top: 40px !important; }
  .stk-53olaks > .stk-row { gap: 24px !important; }
  .stk-53olaks .stk-column-wrapper {
    background: #FFFFFF !important;
    border-radius: 18px !important;
    padding: 22px !important;
    box-shadow: 0 8px 28px rgba(43,38,32,0.08) !important;
    height: 100% !important;
  }
  .stk-53olaks .stk-column-wrapper .stk-inner-blocks { display: block !important; }
  .stk-53olaks .stk-inner-blocks > .stk-block-image {
    float: left !important;
    width: 46% !important;
    margin: 0 18px 8px 0 !important;
  }
  .stk-53olaks .stk-block-heading__text { color: #2B2620 !important; }
  .stk-53olaks .stk-block-text__text { color: #4A4238 !important; }

  /* 4) Solution: light beige, two cols, product visual RIGHT */
  .stk-13ms4kh {
    background: #F1E8DC !important;
    border-radius: 28px !important;
    padding: 48px 40px !important;
  }
  .stk-13ms4kh > .stk-row { flex-direction: row-reverse !important; }
  .stk-13ms4kh .stk-block-subtitle__text { color: #6F4E37 !important; }
  .stk-13ms4kh .stk-block-heading__text { color: #2B2620 !important; font-size: 36px !important; }
  .stk-13ms4kh .stk-block-text__text { color: #4A4238 !important; }
  .stk-13ms4kh .stk-button { border-radius: 999px !important; padding: 13px 26px !important; }

  /* 5) Selling points: white bg, centered title, three small cards in a row */
  .elementor-element-ca7ebc5,
  .elementor-element-4aef1cd,
  .elementor-element-f24dcba { background-color: #FFFFFF !important; }
  .elementor-element-4aef1cd .elementor-text-editor { text-align: center !important; }
  .elementor-element-525f8f8 { display: none !important; }
  .elementor-element-f24dcba { justify-content: center !important; gap: 24px !important; }
  .elementor-element-f24dcba > .elementor-element { flex: 0 0 340px !important; width: 340px !important; }

  /* 6) Capacity: light beige, three equal cards, 1.2L dark MOST POPULAR badge + brown border */
  .elementor-element-a07094c { background-color: #F1E8DC !important; }
  .elementor-element-b1d9a1f { gap: 24px !important; }
  .elementor-element-ddb5613 { border: 2px solid #6F4E37 !important; position: relative !important; }
  .elementor-element-ddb5613::before {
    content: "MOST POPULAR" !important;
    position: absolute !important;
    top: -13px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #2B2620 !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    padding: 6px 16px !important;
    border-radius: 999px !important;
    z-index: 3 !important;
    white-space: nowrap !important;
  }

  /* 7) Scenario: white bg, title left, four equal cards in a row */
  .elementor-element-dbf609f { background-color: #FFFFFF !important; }
  .elementor-element-dbf609f .e-con-inner { align-items: flex-start !important; }
  .elementor-element-dbf609f .e-con-inner .elementor-widget { text-align: left !important; }
  .elementor-element-dbf609f .e-heading-base,
  .elementor-element-dbf609f .elementor-heading-title { text-align: left !important; }
  .elementor-element-d92892d { grid-template-columns: repeat(4, 1fr) !important; }

  /* 8) Bottom CTA: full-width dark strip */
  .elementor-element-9c338c6 { border-radius: 0 !important; padding: 64px 32px !important; }
}

/* Mobile 390 (<=767px) */
@media (max-width: 767px) {
  body.page-id-443 #header.ct-header,
  body.page-id-443 #header.ct-header > div:first-child,
  body.page-id-443 #header.ct-header .ct-container { height: 72px !important; min-height: 72px !important; }
  body.page-id-443 #header.ct-header .site-logo-container img { max-height: 36px !important; }

  .stk-a76n5tq { padding: 56px 20px !important; }
  .stk-a76n5tq .stk-block-heading__text { font-size: 32px !important; line-height: 1.15 !important; }

  .stk-6zrdyh3 { padding: 48px 20px !important; }

  .stk-1oh3tl6 { padding: 40px 20px !important; border-radius: 22px !important; }
  .stk-53olaks > .stk-row { flex-direction: column !important; }
  .stk-53olaks .stk-inner-blocks > .stk-block-image { float: none !important; width: 100% !important; margin: 0 0 14px !important; }

  .stk-13ms4kh { padding: 32px 20px !important; border-radius: 22px !important; }

  .elementor-element-f24dcba { flex-direction: column !important; align-items: center !important; }
  .elementor-element-f24dcba > .elementor-element { flex: 0 0 auto !important; width: 100% !important; max-width: 360px !important; }

  .elementor-element-b1d9a1f { flex-direction: column !important; align-items: center !important; }
  .elementor-element-b1d9a1f > .elementor-element { flex: 0 0 auto !important; width: 100% !important; max-width: 360px !important; }

  .elementor-element-d92892d {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    overflow: visible !important;
  }

  .elementor-element-9c338c6 { padding: 44px 20px !important; }
  .elementor-element-9c338c6 .elementor-button { width: 100% !important; }
}

/* Source layer: inject-v3.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v3 — stable structural selectors ===== */
/* Stackable blocks live inside widget 550820b1 (hero container 3f496f5b).
   Direct div children: 1=hero, 2=strip, 4=problem, 6=solution (ids are unstable, hence positional). */
@media (min-width: 1024px) {
  /* 2) Hero */
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) { padding-top: 96px !important; padding-bottom: 96px !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-heading__text {
    font-size: clamp(42px, 4vw, 56px) !important;
    line-height: 1.08 !important;
    color: #2B2620 !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-button {
    border-radius: 999px !important;
    padding: 14px 30px !important;
  }

  /* 3) Problem: white panel + heading centered + cards image-left/text-right */
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) {
    background: #FFFFFF !important;
    border-radius: 28px !important;
    padding: 56px 48px !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) > .stk-row > .stk-block-column > .stk-column-wrapper > .stk-inner-blocks > .stk-block-heading .stk-block-heading__text,
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-heading__text {
    text-align: center !important;
    color: #2B2620 !important;
    font-size: 32px !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns { margin-top: 40px !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-column .stk-column-wrapper {
    background: #FFFFFF !important;
    border-radius: 18px !important;
    padding: 22px !important;
    box-shadow: 0 8px 28px rgba(43,38,32,0.08) !important;
    height: 100% !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-column-wrapper .stk-inner-blocks { display: block !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-inner-blocks > .stk-block-image {
    float: left !important;
    width: 46% !important;
    margin: 0 18px 8px 0 !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-heading__text { color: #2B2620 !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-text__text { color: #4A4238 !important; }

  /* 4) Solution: light beige, two cols, product visual RIGHT */
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) {
    background: #F1E8DC !important;
    border-radius: 28px !important;
    padding: 48px 40px !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row { flex-direction: row-reverse !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-subtitle__text { color: #6F4E37 !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-heading__text { color: #2B2620 !important; font-size: 36px !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-text__text { color: #4A4238 !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-button { border-radius: 999px !important; padding: 13px 26px !important; }
}

@media (max-width: 767px) {
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) { padding: 56px 20px !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-heading__text { font-size: 32px !important; line-height: 1.15 !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) { padding: 48px 20px !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) { padding: 40px 20px !important; border-radius: 22px !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns > .stk-row { flex-direction: column !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-inner-blocks > .stk-block-image { float: none !important; width: 100% !important; margin: 0 0 14px !important; }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) { padding: 32px 20px !important; border-radius: 22px !important; }
}

/* Source layer: inject-v4.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v4 — problem cards-row layout fixes ===== */
@media (min-width: 1024px) {
  /* Problem: kill nested brown/block cards-row, restore 3-across; cards image-left / text-right */
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-column-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: auto !important;
    padding: 0 !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns {
    background: transparent !important;
    margin-top: 40px !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns > .stk-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns > .stk-row > .stk-block-column {
    flex: 1 1 30% !important;
    min-width: 0 !important;
  }
  /* Each problem card: image left ~half, text right */
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-card__image {
    flex: 0 0 46% !important;
    width: 46% !important;
    margin: 0 !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-card__content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
}

/* Source layer: local-v29-live-inline-compatibility.css
 * Elementor still renders its former footer style block after enqueued theme
 * assets. A single added html qualifier lets the approved child-theme footer
 * win without editing database-stored page content during activation.
 */
html body.page-id-443 footer.ct-footer,
html body.page-id-443 footer.ct-footer [data-row] {
  background-color: #EFE5D9 !important;
  color: #2B2620 !important;
}
html body.page-id-443 footer.ct-footer a {
  color: #2B2620 !important;
}
html body.page-id-443 footer.ct-footer a:hover {
  color: #6F4E37 !important;
}
html body.page-id-443 footer.ct-footer .ct-footer-copyright {
  color: #74665D !important;
}
html body.page-id-443 footer.ct-footer .ct-icon-container {
  background: #FFFFFF !important;
  border-color: #D8C7B6 !important;
}
html body.page-id-443 footer.ct-footer .ct-icon,
html body.page-id-443 footer.ct-footer svg {
  fill: #6F4E37 !important;
}
html body.page-id-443 footer.ct-footer [data-row="top"],
html body.page-id-443 footer.ct-footer [data-row="bottom"] {
  border-top-color: #D8C7B6 !important;
}

@media (max-width: 767px) {
  /* Problem cards: stack, image full-width on top */
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns > .stk-row {
    flex-direction: column !important;
    gap: 18px !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-container {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-card__image {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

/* Source layer: inject-v5.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v5 — remove double box on problem top-level column wrapper ===== */
.elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) > .stk-row > .stk-block-column > .stk-column-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

/* Source layer: inject-v6.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v6 — MOST POPULAR badge sizing (Elementor .e-con::before overlay box) ===== */
.elementor-element-ddb5613::before {
  width: max-content !important;
  height: auto !important;
  max-width: calc(100% - 24px) !important;
  line-height: 1.3 !important;
  text-align: center !important;
  top: -13px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  inset: auto !important;
}

/* Source layer: inject-v7.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v7 — MOST POPULAR badge position fix ===== */
.elementor-element-ddb5613::before {
  inset: auto !important;
  top: -13px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Source layer: inject-v8.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v8 — badge on ALL breakpoints (incl. mobile <=767px) + mobile scenario single column ===== */
.elementor-element-ddb5613::before {
  content: "MOST POPULAR" !important;
  position: absolute !important;
  inset: auto !important;
  top: -13px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #2B2620 !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.4px !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  z-index: 3 !important;
  white-space: nowrap !important;
  text-align: center !important;
  width: max-content !important;
  height: auto !important;
  max-width: calc(100% - 24px) !important;
}
@media (max-width: 767px) {
  .elementor-element-d92892d {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    gap: 16px !important;
  }
  .elementor-element-d92892d > .elementor-element {
    width: 100% !important;
  }
}

/* Source layer: inject-v9.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v9 — header & footer to mockup (homepage-scoped) ===== */
/* ---------- HEADER ---------- */
/* White bg across breakpoints + bottom separator on mobile row */
body.page-id-443 #header.ct-header,
body.page-id-443 #header [data-device=mobile] { background: #FFFFFF !important; }
body.page-id-443 #header [data-device=mobile] [data-row=middle] { border-bottom: 1px solid #EFE8DE !important; }
/* Kill blue link color on logo link/image */
body.page-id-443 #header .site-logo-container,
body.page-id-443 #header .site-logo-container img { color: #2B2620 !important; }

/* Desktop (>=1024): logo ~92px left; nav dead-center; uniform charcoal links; right = Shop Now pill + cart */
@media (min-width: 1024px) {
  body.page-id-443 #header [data-row=middle] > .ct-container { grid-template-columns: 1fr auto 1fr !important; }
  body.page-id-443 #header .site-branding { margin-left: 17px !important; }
  body.page-id-443 #header .site-logo-container img { max-height: 48px !important; width: auto !important; }
  /* nav: uniform dark charcoal, small, letter-spaced; no brown/blue active tint */
  body.page-id-443 #header .ct-menu-link { color: #2B2620 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1.8px !important; }
  body.page-id-443 #header li.current-menu-item > .ct-menu-link { color: #2B2620 !important; }
  body.page-id-443 #header .ct-menu-link:hover { color: #6F4E37 !important; }
  /* right side: hide search + account (not in mockup), keep cart */
  body.page-id-443 #header .ct-header-search,
  body.page-id-443 #header .ct-header-account { display: none !important; }
  /* cart icon dark; count badge brown pill instead of blue */
  body.page-id-443 #header .ct-header-cart { color: #2B2620 !important; }
  body.page-id-443 #header .ct-dynamic-count-cart { background: #6F4E37 !important; color: #FFFFFF !important; border-radius: 999px !important; }
  /* Shop Now brown pill (CSS-generated, clickable via cart link) before cart icon */
  body.page-id-443 #header .ct-header-cart .ct-cart-item { display: inline-flex !important; align-items: center !important; }
  body.page-id-443 #header .ct-header-cart .ct-cart-item::before {
    content: "SHOP NOW" !important;
    display: inline-block !important;
    margin-right: 14px !important;
    background: #6F4E37 !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    padding: 10px 24px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }
  /* mini-cart dropdown buttons: blue -> brown */
  body.page-id-443 #header .ct-cart-content .button,
  body.page-id-443 #header .ct-header-cart .button { background: #6F4E37 !important; color: #FFFFFF !important; border-radius: 999px !important; }
}

/* Mobile (<=767): logo at 24px left; keep logo + hamburger simple structure */
@media (max-width: 767px) {
  body.page-id-443 #header [data-device=mobile] .site-branding { margin-left: 8px !important; }
  body.page-id-443 #header [data-device=mobile] .site-branding img { max-height: 36px !important; width: auto !important; }
}

/* ---------- FOOTER ---------- */
body.page-id-443 footer.ct-footer,
body.page-id-443 footer.ct-footer [data-row] { background-color: #2B2620 !important; }
body.page-id-443 footer.ct-footer { color: #F1E8DC !important; }
body.page-id-443 footer.ct-footer a { color: #E8DFD0 !important; }
body.page-id-443 footer.ct-footer a:hover { color: #FFFFFF !important; }
body.page-id-443 footer.ct-footer .ct-footer-copyright { color: #B9AFA3 !important; }
body.page-id-443 footer.ct-footer .ct-icon,
body.page-id-443 footer.ct-footer svg { fill: #E8DFD0 !important; }
/* horizontal separators between footer rows */
body.page-id-443 footer.ct-footer [data-row=middle] { border-top: 1px solid rgba(255,255,255,0.14) !important; }
body.page-id-443 footer.ct-footer [data-row=bottom] { border-top: 1px solid rgba(255,255,255,0.14) !important; }
/* reasonable padding */
body.page-id-443 footer.ct-footer [data-row=top] .ct-container { padding-top: 40px !important; padding-bottom: 28px !important; }
body.page-id-443 footer.ct-footer [data-row=middle] .ct-container { padding-top: 36px !important; padding-bottom: 36px !important; }
body.page-id-443 footer.ct-footer [data-row=bottom] .ct-container { padding-top: 22px !important; padding-bottom: 22px !important; }
@media (max-width: 767px) {
  body.page-id-443 footer.ct-footer [data-row=top] .ct-container { padding-top: 28px !important; padding-bottom: 20px !important; }
  body.page-id-443 footer.ct-footer [data-row=middle] .ct-container { padding-top: 24px !important; padding-bottom: 24px !important; }
}

/* Source layer: inject-v10.js */
/* v10: uniform charcoal nav active link (overrides v2 brown with equal specificity, later in cascade) */
@media (min-width: 1024px) {
  body.page-id-443 #header.ct-header li.current-menu-item > .ct-menu-link { color: #2B2620 !important; }
}

/* Source layer: inject-v11.js */
/* v11: mobile header row background must be white (theme row default #EEEEEE) */
body.page-id-443 #header [data-device=mobile] [data-row] { background: #FFFFFF !important; }

/* Source layer: inject-v12.js */
/* v12: match the delivered header logo size on desktop and mobile. */
@media (min-width: 1024px) {
  body.page-id-443 #header.ct-header .site-logo-container img.default-logo {
    width: 190px !important;
    height: 26px !important;
    max-height: 26px !important;
    object-fit: contain;
  }
}
@media (max-width: 767px) {
  body.page-id-443 #header.ct-header .site-logo-container img.default-logo {
    width: 136px !important;
    height: 18px !important;
    max-height: 18px !important;
    object-fit: contain;
  }
}

/* Source layer: inject-v13.js */
/* v13: vertically align the logo with the navigation and Shop Now control. */
body.page-id-443 #header.ct-header .site-logo-container { --logo-max-height: 26px !important; }
@media (min-width: 1024px) {
  body.page-id-443 #header.ct-header [data-row] > .ct-container,
  body.page-id-443 #header.ct-header [data-column] > div,
  body.page-id-443 #header.ct-header .site-branding {
    height: 96px !important;
    min-height: 96px !important;
    align-items: center !important;
  }
  body.page-id-443 #header.ct-header .site-logo-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
  body.page-id-443 #header.ct-header .site-logo-container img.default-logo {
    display: block !important;
    margin: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
  }
}
@media (max-width: 767px) {
  body.page-id-443 #header.ct-header [data-row] > .ct-container,
  body.page-id-443 #header.ct-header [data-column] > div,
  body.page-id-443 #header.ct-header .site-branding {
    height: 72px !important;
    min-height: 72px !important;
    align-items: center !important;
  }
  body.page-id-443 #header.ct-header .site-logo-container {
    --logo-max-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
  body.page-id-443 #header.ct-header .site-logo-container img.default-logo {
    display: block !important;
    margin: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
  }
}

/* Source layer: inject-v16.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v16 - Capacity module final sizing (page-id-443 scoped, overrides v14/v15) =====
   Desktop >=1024px: cards ~418px tall, equal-width row; image area ~320x230, images contain (white-bg square SKU imgs, never cropped);
   text below image fully visible; button bottom-aligned. Mobile <=767px: keep current ~300px card / ~302x150 image, single column. */
@media (min-width: 1024px) {
  body.page-id-443 .elementor-element-a029815,
  body.page-id-443 .elementor-element-ddb5613,
  body.page-id-443 .elementor-element-1cd63c4 {
    height: 418px !important;
    min-height: 418px !important;
    flex: 1 1 0 !important;
  }
  body.page-id-443 .elementor-element-a6d2930,
  body.page-id-443 .elementor-element-7e401c3,
  body.page-id-443 .elementor-element-8d465e1 {
    width: 320px !important;
    max-width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.page-id-443 .elementor-element-a6d2930 img,
  body.page-id-443 .elementor-element-7e401c3 img,
  body.page-id-443 .elementor-element-8d465e1 img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  body.page-id-443 .elementor-element-a07094c .e-button-base {
    margin-top: auto !important;
  }
}
@media (max-width: 767px) {
  body.page-id-443 .elementor-element-a029815,
  body.page-id-443 .elementor-element-ddb5613,
  body.page-id-443 .elementor-element-1cd63c4 {
    height: 300px !important;
    min-height: 300px !important;
  }
  body.page-id-443 .elementor-element-a6d2930,
  body.page-id-443 .elementor-element-7e401c3,
  body.page-id-443 .elementor-element-8d465e1 {
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;
  }
  body.page-id-443 .elementor-element-a6d2930 img,
  body.page-id-443 .elementor-element-7e401c3 img,
  body.page-id-443 .elementor-element-8d465e1 img {
    width: 302px !important;
    height: 150px !important;
    max-width: none !important;
    max-height: none !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* Source layer: inject-v17-fix.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v17 - Capacity module exact mockup match (page-id-443 scoped, overrides v14/v15/v16) =====
   Targets from flowcat-homepage-design.svg / mobile SVG. Desktop: module #F7F2EA, 108 side margins, cards 364x418 rx24 gap66,
   1.2L 3px #B6815D + top-LEFT badge 132x30; images 320x230 contain (white-bg squares, no crop), 1.2L image shifted to y62 h190;
   title 38px Georgia / sub 17px 700 / desc 17px / button 134x36 left-aligned, 1.2L button solid. Mobile: cards 342 wide
   285/305/285 rx20 gap20, images 302x150, badge 115x27 top-left, title 30 / sub 14 / desc 13, button 100x34 right-side. */
@media (min-width: 1024px) {
  body.page-id-443 .elementor-element-a07094c { background-color: #F7F2EA !important; padding: 84px 108px 108px !important; }
  body.page-id-443 .elementor-element-a07094c > .e-con-inner { gap: 0 !important; row-gap: 0 !important; padding: 0 !important; }
  body.page-id-443 .elementor-element-298b3cc .elementor-heading-title { font-size: 15px !important; letter-spacing: 3px !important; font-weight: 700 !important; color: #8E5E43 !important; text-transform: uppercase !important; line-height: 1.5 !important; text-align: center !important; margin: 0 0 24px !important; }
  body.page-id-443 .elementor-element-8e8b0f1 .elementor-heading-title { font-family: Georgia, 'Times New Roman', serif !important; font-size: 50px !important; font-weight: 700 !important; color: #2B211B !important; text-align: center !important; letter-spacing: 0 !important; line-height: 1.08 !important; margin: 0 0 19px !important; }
  body.page-id-443 .elementor-element-8f9a61f { text-align: center !important; font-size: 21px !important; color: #74665D !important; line-height: 1.55 !important; margin: 0 0 58px !important; }
  body.page-id-443 .elementor-element-8f9a61f p { text-align: center !important; font-size: 21px !important; color: #74665D !important; line-height: 1.55 !important; margin: 0 !important; }
  body.page-id-443 .elementor-element-b1d9a1f { gap: 66px !important; justify-content: center !important; align-items: stretch !important; padding: 0 !important; }
  body.page-id-443 .elementor-element-b1d9a1f > .elementor-element { flex: 0 0 364px !important; width: 364px !important; min-width: 0 !important; max-width: 100% !important; }
  body.page-id-443 .elementor-element-a029815, body.page-id-443 .elementor-element-ddb5613, body.page-id-443 .elementor-element-1cd63c4 { background-color: #FFFFFF !important; border-radius: 24px !important; border: 1px solid #E2D6CA !important; padding: 0 !important; height: 418px !important; min-height: 418px !important; overflow: visible !important; gap: 0 !important; justify-content: flex-start !important; position: relative !important; }
  body.page-id-443 .elementor-element-ddb5613 { border: 3px solid #B6815D !important; }
  body.page-id-443 .elementor-element-ae44112, body.page-id-443 .elementor-element-5463297, body.page-id-443 .elementor-element-f0ef5c2 { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; height: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; position: relative !important; }
  body.page-id-443 .elementor-element-a6d2930, body.page-id-443 .elementor-element-7e401c3, body.page-id-443 .elementor-element-8d465e1 { width: 320px !important; max-width: 100% !important; height: 230px !important; min-height: 230px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 22px 0 0 22px !important; }
  body.page-id-443 .elementor-element-7e401c3 { height: 190px !important; min-height: 190px !important; margin-top: 62px !important; }
  body.page-id-443 .elementor-element-a6d2930 img, body.page-id-443 .elementor-element-7e401c3 img, body.page-id-443 .elementor-element-8d465e1 img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; flex-shrink: 0 !important; object-fit: contain !important; object-position: center !important; }
  body.page-id-443 .elementor-element-a07094c .cap-title .elementor-heading-title,
  body.page-id-443 .elementor-element-a07094c [data-interaction-id="546fff5"],
  body.page-id-443 .elementor-element-a07094c [data-interaction-id="d50e459"] { font-family: Georgia, 'Times New Roman', serif !important; font-size: 38px !important; font-weight: 700 !important; color: #2B211B !important; text-align: left !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 11px 0 0 28px !important; }
  body.page-id-443 .elementor-element-a07094c .cap-sub .elementor-heading-title,
  body.page-id-443 .elementor-element-a07094c [data-interaction-id="a7b916f"] { font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0 !important; color: #8E5E43 !important; text-align: left !important; line-height: 1.2 !important; margin: 7px 0 0 28px !important; text-transform: none !important; }
  body.page-id-443 .elementor-element-621e251, body.page-id-443 .elementor-element-381a48b, body.page-id-443 .elementor-element-415285b { margin: 6px 0 0 28px !important; width: auto !important; }
  body.page-id-443 .elementor-element-621e251 p, body.page-id-443 .elementor-element-381a48b p, body.page-id-443 .elementor-element-415285b p { font-size: 17px !important; color: #74665D !important; text-align: left !important; line-height: 1.2 !important; margin: 0 !important; }
  body.page-id-443 .elementor-element-a07094c .e-button-base { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 134px !important; height: 36px !important; min-width: 0 !important; min-height: 0 !important; box-sizing: border-box !important; border: 1px solid #8E5E43 !important; border-radius: 18px !important; padding: 0 !important; margin: 13px 0 0 28px !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: #6B4938 !important; background: transparent !important; line-height: 1 !important; text-decoration: none !important; }
  body.page-id-443 .elementor-element-a07094c .e-button-base:hover { background: #8E5E43 !important; color: #FFFFFF !important; }
  body.page-id-443 .elementor-element-ddb5613 .e-button-base { background: #2B211B !important; border: 1px solid #2B211B !important; color: #FFFFFF !important; }
  body.page-id-443 .elementor-element-ddb5613 .e-button-base:hover { background: #3A2F27 !important; }
  body.page-id-443 .elementor-element-ddb5613::before { content: "MOST POPULAR" !important; position: absolute !important; inset: auto !important; top: 22px !important; left: 22px !important; transform: none !important; width: 132px !important; height: 30px !important; box-sizing: border-box !important; border-radius: 15px !important; background: #2B211B !important; color: #FFFFFF !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1px !important; line-height: 30px !important; text-align: center !important; padding: 0 !important; z-index: 5 !important; white-space: nowrap !important; max-width: none !important; }
}
@media (max-width: 767px) {
  body.page-id-443 .elementor-element-a07094c { background-color: #F7F2EA !important; padding: 46px 24px 40px !important; }
  body.page-id-443 .elementor-element-a07094c > .e-con-inner { gap: 0 !important; row-gap: 0 !important; padding: 0 !important; }
  body.page-id-443 .elementor-element-298b3cc .elementor-heading-title { font-size: 11px !important; letter-spacing: 2.2px !important; font-weight: 700 !important; color: #8E5E43 !important; text-transform: uppercase !important; line-height: 1.4 !important; text-align: center !important; margin: 0 0 18px !important; }
  body.page-id-443 .elementor-element-8e8b0f1 .elementor-heading-title { font-family: Georgia, 'Times New Roman', serif !important; font-size: 31px !important; font-weight: 700 !important; color: #2B211B !important; text-align: center !important; letter-spacing: 0 !important; line-height: 1.15 !important; margin: 0 0 17px !important; }
  body.page-id-443 .elementor-element-8f9a61f { text-align: center !important; font-size: 13px !important; color: #74665D !important; line-height: 1.5 !important; margin: 0 0 28px !important; }
  body.page-id-443 .elementor-element-8f9a61f p { text-align: center !important; font-size: 13px !important; color: #74665D !important; line-height: 1.5 !important; margin: 0 !important; }
  body.page-id-443 .elementor-element-b1d9a1f { flex-direction: column !important; align-items: center !important; gap: 20px !important; padding: 0 !important; }
  body.page-id-443 .elementor-element-b1d9a1f > .elementor-element { flex: 0 0 auto !important; width: 342px !important; max-width: 100% !important; }
  body.page-id-443 .elementor-element-a029815, body.page-id-443 .elementor-element-1cd63c4 { height: 285px !important; min-height: 285px !important; border-radius: 20px !important; border: 1px solid #E2D6CA !important; padding: 0 !important; }
  body.page-id-443 .elementor-element-ddb5613 { height: 305px !important; min-height: 305px !important; border-radius: 20px !important; border: 3px solid #B6815D !important; padding: 0 !important; }
  body.page-id-443 .elementor-element-ae44112, body.page-id-443 .elementor-element-5463297, body.page-id-443 .elementor-element-f0ef5c2 { align-items: flex-start !important; padding: 0 !important; position: relative !important; }
  body.page-id-443 .elementor-element-a6d2930, body.page-id-443 .elementor-element-7e401c3, body.page-id-443 .elementor-element-8d465e1 { width: 302px !important; max-width: 100% !important; height: 150px !important; min-height: 150px !important; margin: 20px 0 0 20px !important; }
  body.page-id-443 .elementor-element-7e401c3 { margin-top: 58px !important; }
  body.page-id-443 .elementor-element-a6d2930 img, body.page-id-443 .elementor-element-7e401c3 img, body.page-id-443 .elementor-element-8d465e1 img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; flex-shrink: 0 !important; object-fit: contain !important; object-position: center !important; }
  body.page-id-443 .elementor-element-a07094c .cap-title .elementor-heading-title,
  body.page-id-443 .elementor-element-a07094c [data-interaction-id="546fff5"],
  body.page-id-443 .elementor-element-a07094c [data-interaction-id="d50e459"] { font-family: Georgia, 'Times New Roman', serif !important; font-size: 30px !important; font-weight: 700 !important; color: #2B211B !important; text-align: left !important; line-height: 1.05 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 12px 0 0 24px !important; }
  body.page-id-443 .elementor-element-a07094c .cap-sub .elementor-heading-title,
  body.page-id-443 .elementor-element-a07094c [data-interaction-id="a7b916f"] { font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; color: #8E5E43 !important; text-align: left !important; line-height: 1.2 !important; margin: 6px 0 0 24px !important; text-transform: none !important; }
  body.page-id-443 .elementor-element-621e251, body.page-id-443 .elementor-element-381a48b, body.page-id-443 .elementor-element-415285b { margin: 5px 0 0 24px !important; max-width: 190px !important; width: auto !important; }
  body.page-id-443 .elementor-element-621e251 p, body.page-id-443 .elementor-element-381a48b p, body.page-id-443 .elementor-element-415285b p { font-size: 13px !important; color: #74665D !important; text-align: left !important; line-height: 1.2 !important; margin: 0 !important; }
  body.page-id-443 .elementor-element-a07094c .e-button-base { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; left: 218px !important; top: 218px !important; width: 100px !important; height: 34px !important; min-width: 0 !important; min-height: 0 !important; box-sizing: border-box !important; border: 1px solid #8E5E43 !important; border-radius: 17px !important; padding: 0 !important; margin: 0 !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: #6B4938 !important; background: transparent !important; line-height: 1 !important; text-decoration: none !important; }
  body.page-id-443 .elementor-element-a07094c .e-button-base:hover { background: #8E5E43 !important; color: #FFFFFF !important; }
  body.page-id-443 .elementor-element-ddb5613 .e-button-base { background: #2B211B !important; border: 1px solid #2B211B !important; color: #FFFFFF !important; top: 253px !important; }
  body.page-id-443 .elementor-element-ddb5613::before { content: "MOST POPULAR" !important; position: absolute !important; inset: auto !important; top: 18px !important; left: 20px !important; transform: none !important; width: 115px !important; height: 27px !important; box-sizing: border-box !important; border-radius: 14px !important; background: #2B211B !important; color: #FFFFFF !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; line-height: 27px !important; text-align: center !important; padding: 0 !important; z-index: 5 !important; white-space: nowrap !important; max-width: none !important; }
}

/* Source layer: inject-v18.js */
/* ===== FLOWCAT HOMEPAGE REDESIGN v18 - 1.2L MOST POPULAR badge bulletproof re-assert (page-id-443, capacity module only) =====
   High-specificity ::before on .elementor-element-ddb5613; base rule outside media queries covers all widths.
   Desktop 132x30 @ left22/top22, deep charcoal #2B211B, white ~11px/700/ls1, radius 999; mobile 115x27 @ left20/top18, ~10px.
   0.8L / 1.6L explicitly content:none. Card position:relative + overflow:visible, z-index above image, no overlap (image starts y62/58). */
body.page-id-443 .elementor-element-a07094c .elementor-element-ddb5613 {
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
}
body.page-id-443 .elementor-element-a07094c .elementor-element-ddb5613::before {
  content: "MOST POPULAR" !important;
  position: absolute !important;
  inset: auto !important;
  top: 22px !important;
  left: 22px !important;
  transform: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
  width: 132px !important;
  height: 30px !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  background: #2B211B !important;
  color: #FFFFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  line-height: 30px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 20 !important;
}
body.page-id-443 .elementor-element-a07094c .elementor-element-a029815::before,
body.page-id-443 .elementor-element-a07094c .elementor-element-1cd63c4::before {
  content: none !important;
  display: none !important;
}
@media (max-width: 767px) {
  body.page-id-443 .elementor-element-a07094c .elementor-element-ddb5613::before {
    top: 18px !important;
    left: 20px !important;
    width: 115px !important;
    height: 27px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 27px !important;
  }
}

/* Source layer: add_v19_css.js (normalized to a local SVG asset). */
body.page-id-443 #header .ct-header-account {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 16px 0 0 !important;
}

body.page-id-443 #header .ct-account-item {
  display: inline-flex !important;
  align-items: center !important;
  color: #2B2620 !important;
  text-decoration: none !important;
}

body.page-id-443 #header .ct-account-item .ct-media-container,
body.page-id-443 #header .ct-account-item .ct-icon {
  display: none !important;
}

body.page-id-443 #header .ct-account-item::before {
  content: "" !important;
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  flex: none !important;
  background-color: #2B2620 !important;
  -webkit-mask: url("../images/account.svg") center / contain no-repeat !important;
  mask: url("../images/account.svg") center / contain no-repeat !important;
}

body.page-id-443 #header .ct-account-item:hover::before {
  background-color: #6F4E37 !important;
}

/* v30: keep only the native cart icon; override the earlier generated CTA. */
body.home.page-id-443 #header.ct-header .ct-header-cart .ct-cart-item::before {
  content: none !important;
  display: none !important;
}

/* Source layer: local-v20-pc-audit.css
 * PC review fixes: remove editor spacer artifacts, restore readable controls,
 * normalize card typography, and improve product-image prominence.
 */
@media (min-width: 1024px) {
  /* The text-editor payload contains formatting-only paragraphs around blocks. */
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > p,
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .stk-n4kokmw {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }

  /* Compact the three-item benefit strip without changing its structure. */
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) {
    padding: 60px 24px !important;
  }

  /* Keep problem-card headings readable without splitting words. */
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-container {
    gap: 16px !important;
  }
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-card__image {
    flex-basis: 42% !important;
    width: 42% !important;
  }
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-heading__text {
    font-size: 26px !important;
    line-height: 1.25 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* The outline solution CTA inherited white text on a white background. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-button-group > .stk-block-button:nth-child(2) .stk-button__inner-text {
    color: #6F4E37 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-button-group > .stk-block-button:nth-child(2) .stk-button:hover {
    background: #6F4E37 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-button-group > .stk-block-button:nth-child(2) .stk-button:hover .stk-button__inner-text {
    color: #FFFFFF !important;
  }

  /* Equalize the visible white cards and align their copy baselines. */
  body.page-id-443 .elementor-element-f24dcba .elementor-widget-image-box,
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-wrapper {
    height: 421px !important;
    min-height: 421px !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-title {
    min-height: 78px !important;
    margin-bottom: 12px !important;
    font-size: 26px !important;
    line-height: 1.35 !important;
  }

  /* The supplied square SKU images have large white margins; enlarge only
     inside their existing clipped image areas so card geometry stays fixed. */
  body.page-id-443 .elementor-element-a6d2930,
  body.page-id-443 .elementor-element-7e401c3,
  body.page-id-443 .elementor-element-8d465e1 {
    overflow: hidden !important;
  }
  body.page-id-443 .elementor-element-a6d2930 img,
  body.page-id-443 .elementor-element-7e401c3 img,
  body.page-id-443 .elementor-element-8d465e1 img {
    transform: scale(1.6) !important;
    transform-origin: center !important;
  }
  /* Center the scenario introduction and prevent oversized card headings. */
  body.page-id-443 .elementor-element-dbf609f .e-con-inner .elementor-element-7ab4613,
  body.page-id-443 .elementor-element-dbf609f .e-con-inner .elementor-element-7ab4613 * {
    width: 100% !important;
    text-align: center !important;
  }
  body.page-id-443 .elementor-element-d92892d .e-heading-base {
    min-height: 70px !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
  body.page-id-443 .elementor-element-d92892d {
    grid-template-rows: 1fr !important;
  }

  /* Restore contrast for the CTA supporting sentence. */
  body.page-id-443 .elementor-element-9c338c6 .elementor-element-ad4c5a5,
  body.page-id-443 .elementor-element-9c338c6 .elementor-element-ad4c5a5 * {
    color: #D8CCBF !important;
  }
}

/* Source layer: local-v22-browser-feedback.css */
@media (min-width: 1024px) {
  /* Recompose the post-hero value strip in the same warm, refined card
     language used throughout the rest of the homepage. */
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) {
    background: #F1E8DC !important;
    border: 1px solid #E6D9CA !important;
    border-radius: 28px !important;
    padding: 32px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) > .stk-row {
    align-items: stretch !important;
    gap: 20px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) > .stk-row > .stk-block-column,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) > .stk-row > .stk-block-column > .stk-column-wrapper,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) > .stk-row > .stk-block-column > .stk-column-wrapper > .stk-inner-blocks {
    height: 100% !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .wp-block-stackable-columns {
    height: 100% !important;
    min-height: 148px !important;
    padding: 24px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5D9CE !important;
    border-top: 4px solid #8E5E43 !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(43, 33, 27, 0.07) !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .wp-block-stackable-columns > .stk-row > .stk-block-column:first-child {
    display: none !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .wp-block-stackable-columns > .stk-row > .stk-block-column:last-child {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .stk-block-heading__text {
    margin: 0 0 10px !important;
    color: #2B2620 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .stk-block-text__text {
    margin: 0 !important;
    color: #74665D !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  /* Small supporting headings should not compete with the section title. */
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-container {
    gap: 14px !important;
  }
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-card__image {
    flex: 0 0 38% !important;
    width: 38% !important;
  }
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-card__content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 8px !important;
  }
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-heading__text {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    hyphens: none !important;
    text-wrap: balance !important;
  }
}

/* Source layer: local-v23-footer-feedback.css
 * Lighten the final CTA and footer so the page ends in the same warm,
 * understated visual language as the content sections above.
 */
body.page-id-443 {
  background-color: #F8F4EE !important;
}
body.page-id-443 footer.ct-footer,
body.page-id-443 footer.ct-footer [data-row] {
  background-color: #F7F2EA !important;
  color: #2B2620 !important;
}
body.page-id-443 footer.ct-footer a {
  color: #2B2620 !important;
}
body.page-id-443 footer.ct-footer a:hover {
  color: #6F4E37 !important;
}
body.page-id-443 footer.ct-footer .ct-footer-copyright {
  color: #74665D !important;
}
body.page-id-443 footer.ct-footer .ct-icon-container {
  background: #FFFFFF !important;
  border: 1px solid #E2D6CA !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.page-id-443 footer.ct-footer .ct-icon,
body.page-id-443 footer.ct-footer svg {
  fill: #6F4E37 !important;
}
body.page-id-443 footer.ct-footer [data-row="top"],
body.page-id-443 footer.ct-footer [data-row="bottom"] {
  border-top: 1px solid #E2D6CA !important;
}
body.page-id-443 footer.ct-footer [data-row="middle"] {
  display: none !important;
}

@media (min-width: 1024px) {
  body.page-id-443 .elementor-element-9c338c6 {
    width: calc(100% - 112px) !important;
    max-width: 1290px !important;
    margin: 0 auto 48px !important;
    padding: 56px 32px !important;
    overflow: hidden !important;
    background-color: #F1E8DC !important;
    background-image: none !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 28px !important;
  }
  body.page-id-443 .elementor-element-9c338c6 .e-heading-base {
    color: #2B2620 !important;
  }
  body.page-id-443 .elementor-element-9c338c6 .elementor-element-ad4c5a5,
  body.page-id-443 .elementor-element-9c338c6 .elementor-element-ad4c5a5 * {
    color: #74665D !important;
  }
  body.page-id-443 .elementor-element-9c338c6 .elementor-button {
    background-color: #6F4E37 !important;
    color: #FFFFFF !important;
  }
}

/* Source layer: local-v24-header-and-spacing-feedback.css */
body.page-id-443 header#header,
body.page-id-443 header#header [data-row="middle"] {
  background-color: #F8F4EE !important;
}
body.page-id-443 header#header [data-row="middle"] {
  border-bottom: 1px solid #E5D9CE !important;
}

@media (min-width: 1024px) {
  /* This formatting-only Stackable spacer sits between the value strip and
     the problem section; removing it restores the normal section rhythm. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-spacer:nth-of-type(3) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }
}

/* Source layer: local-v25-header-contrast-feedback.css
 * Keep the header in the warm palette while separating it from the lighter
 * hero with a darker sand tone and restrained depth.
 */
body.page-id-443 header#header,
body.page-id-443 header#header [data-row="middle"] {
  background-color: #EFE5D9 !important;
}
body.page-id-443 header#header {
  box-shadow: 0 6px 18px rgba(43, 38, 32, 0.06) !important;
}
body.page-id-443 header#header [data-row="middle"] {
  border-bottom-color: #D8C7B6 !important;
}

/* Source layer: local-v26-header-footer-palette-feedback.css
 * Mirror the header treatment at the end of the page so the layout has a
 * consistent warm-sand frame around the lighter content area.
 */
body.page-id-443 footer.ct-footer,
body.page-id-443 footer.ct-footer [data-row] {
  background-color: #EFE5D9 !important;
}
body.page-id-443 footer.ct-footer {
  box-shadow: 0 -6px 18px rgba(43, 38, 32, 0.06) !important;
}
body.page-id-443 footer.ct-footer [data-row="top"],
body.page-id-443 footer.ct-footer [data-row="bottom"] {
  border-top-color: #D8C7B6 !important;
}

/* Source layer: local-v27-section-and-controls-feedback.css */
@media (min-width: 1024px) {
  /* Bring the problem section into the same warm outer-panel / light-card
     system used by the other explanatory blocks. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) {
    background-color: #F1E8DC !important;
    border: 1px solid #E3D5C6 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card > .stk-container {
    background-color: #FFFDF9 !important;
    border: 1px solid #E5D9CE !important;
    box-shadow: 0 8px 22px rgba(43, 38, 32, 0.06) !important;
  }

  /* Match the product-card controls to the homepage's brown pill buttons. */
  body.page-id-443 .elementor-element-b1d9a1f a.e-button-base {
    min-width: 160px !important;
    min-height: 38px !important;
    padding: 0 20px !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    color: #6F4E37 !important;
    border: 1.5px solid #6F4E37 !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.06em !important;
    white-space: nowrap !important;
  }
  body.page-id-443 .elementor-element-b1d9a1f .elementor-element-ddb5613 a.e-button-base,
  body.page-id-443 .elementor-element-b1d9a1f a.e-button-base:hover {
    background-color: #6F4E37 !important;
    color: #FFFFFF !important;
  }

  /* Supporting scenario labels should remain subordinate to the section
     heading and use the same compact scale as other small card titles. */
  body.page-id-443 .elementor-element-d92892d .e-heading-base {
    min-height: 64px !important;
    padding: 12px 14px 16px !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
}

/* Source layer: local-v28-mobile-homepage.css
 * Mobile-specific composition using the approved desktop palette and type
 * hierarchy without changing the desktop layout.
 */
@media (max-width: 767px) {
  /* Match the mobile header to the desktop warm-sand frame. */
  body.page-id-443 header#header,
  body.page-id-443 header#header [data-device="mobile"],
  body.page-id-443 header#header [data-device="mobile"] [data-row="middle"] {
    background-color: #EFE5D9 !important;
  }
  body.page-id-443 header#header [data-device="mobile"] [data-row="middle"] {
    border-bottom: 1px solid #D8C7B6 !important;
  }

  /* Remove formatting-only editor payloads between the content blocks. */
  body.page-id-443 .elementor-element-550820b1 > p,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-spacer,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-text {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }

  /* Compact value cards replace the former tall brown strip. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) {
    margin: 24px 0 !important;
    padding: 20px !important;
    background: #F1E8DC !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 22px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) > .stk-row {
    gap: 12px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .wp-block-stackable-columns {
    min-height: 0 !important;
    padding: 20px !important;
    background: #FFFDF9 !important;
    border: 1px solid #E5D9CE !important;
    border-top: 4px solid #8E5E43 !important;
    border-radius: 16px !important;
    box-shadow: 0 7px 20px rgba(43, 38, 32, 0.06) !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .wp-block-stackable-columns > .stk-row > .stk-block-column:first-child {
    display: none !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .wp-block-stackable-columns > .stk-row > .stk-block-column:last-child {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .stk-block-heading__text {
    margin: 0 0 8px !important;
    color: #2B2620 !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) .stk-block-text__text {
    margin: 0 !important;
    color: #74665D !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  /* Recompose the freshness problems as compact horizontal cards. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) {
    margin: 32px 0 16px !important;
    padding: 28px 18px !important;
    background: #F1E8DC !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 22px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-heading__text.has-text-align-center {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns {
    background: transparent !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card > .stk-container {
    display: flex !important;
    flex-direction: row !important;
    height: 180px !important;
    min-height: 180px !important;
    overflow: hidden !important;
    background: #FFFDF9 !important;
    border: 1px solid #E5D9CE !important;
    border-radius: 16px !important;
    box-shadow: 0 7px 20px rgba(43, 38, 32, 0.06) !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card > .stk-container > figure.stk-block-card__image {
    flex: 0 0 42% !important;
    flex-basis: 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card__content {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 58% !important;
    max-width: 58% !important;
    padding: 16px 12px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card .stk-block-heading__text {
    font-size: 18px !important;
    line-height: 1.35 !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }

  /* Keep the solution readable and restore the outline-button contrast. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) {
    margin: 32px 0 16px !important;
    padding: 28px 20px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-heading__text {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-text__text {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-button-group > .stk-block-button:nth-child(2) .stk-button__inner-text {
    color: #6F4E37 !important;
  }

  /* Scale the supplied white-margin SKU imagery and normalize small CTAs. */
  body.page-id-443 .elementor-element-a07094c {
    padding: 40px 16px !important;
  }
  body.page-id-443 .elementor-element-a6d2930,
  body.page-id-443 .elementor-element-7e401c3,
  body.page-id-443 .elementor-element-8d465e1 {
    overflow: hidden !important;
  }
  body.page-id-443 .elementor-element-a6d2930 img,
  body.page-id-443 .elementor-element-7e401c3 img,
  body.page-id-443 .elementor-element-8d465e1 img {
    transform: scale(1.85) !important;
    transform-origin: center !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f .elementor-element-a029815,
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f .elementor-element-1cd63c4 {
    height: 320px !important;
    min-height: 320px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f .elementor-element-ddb5613 {
    height: 375px !important;
    min-height: 375px !important;
  }
  body.page-id-443 .elementor-element-b1d9a1f a.e-button-base {
    min-width: 128px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: #6F4E37 !important;
    border: 1.5px solid #6F4E37 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
  }
  body.page-id-443 .elementor-element-b1d9a1f .elementor-element-ddb5613 a.e-button-base {
    background: #6F4E37 !important;
    color: #FFFFFF !important;
  }

  /* Supporting scenario labels stay below the section-title hierarchy. */
  body.page-id-443 .elementor-element-dbf609f > .e-con-inner > .e-heading-base {
    font-size: 30px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
  body.page-id-443 .elementor-element-d92892d .e-heading-base {
    min-height: 52px !important;
    padding: 10px 12px 14px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  /* End the mobile page with the same light CTA used on desktop. */
  body.page-id-443 .elementor-element-9c338c6 {
    width: calc(100% - 32px) !important;
    margin: 0 auto 32px !important;
    padding: 40px 24px !important;
    background: #F1E8DC !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 22px !important;
  }
  body.page-id-443 .elementor-element-9c338c6 .e-heading-base {
    color: #2B2620 !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  body.page-id-443 .elementor-element-9c338c6 .elementor-element-ad4c5a5,
  body.page-id-443 .elementor-element-9c338c6 .elementor-element-ad4c5a5 * {
    color: #74665D !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}

/* Source layer: local-v30-pc-hero-composition.css
 * Keep the full hero inside a common laptop viewport and remove the
 * redundant pagination indicator from its single-item product carousel.
 */
@media (min-width: 1024px) {
  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  body.page-id-443 .elementor-element-3f496f5b .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__dots {
    display: none !important;
  }
}

/* Source layer: local-v31-pc-section-balance.css
 * Rebalance the hero and join the split white content bands into the
 * homepage's established warm-panel / light-card visual system.
 */
@media (min-width: 1024px) {
  /* Hero: smaller product visual and a balanced, vertically centered copy stack. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-kamzqkg > .stk-row {
    align-items: center !important;
    gap: 36px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-ec62zli,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-ec62zli-container {
    height: 520px !important;
    min-height: 520px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-ec62zli-inner-blocks {
    display: flex !important;
    height: 100% !important;
    justify-content: center !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-9zx73tf {
    display: none !important;
    height: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-w4mn52x {
    margin-bottom: 14px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-w4mn52x .stk-block-text__text {
    color: #8E5E43 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-2va8gg5 {
    margin-bottom: 22px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-2va8gg5 .stk-block-heading__text {
    font-family: "League Spartan", sans-serif !important;
    font-size: 54px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-3pbfb12 {
    max-width: 390px !important;
    margin-bottom: 34px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-3pbfb12 .stk-block-text__text {
    color: #5F554C !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-u6qhf42-container,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-u6qhf42-inner-blocks,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-wwtcemk,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-wwtcemk figure,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-img-wrapper {
    width: 100% !important;
    max-width: 450px !important;
    height: auto !important;
    min-height: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-u6qhf42 img {
    width: 100% !important;
    max-width: 450px !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: contain !important;
  }

  /* Benefits: make the separate title, intro, and cards read as one module. */
  body.page-id-443 .elementor-element-ca7ebc5,
  body.page-id-443 .elementor-element-4aef1cd,
  body.page-id-443 .elementor-element-f24dcba {
    width: calc(100% - 112px) !important;
    max-width: 1290px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
    background-color: #F1E8DC !important;
    border-right: 1px solid #E3D5C6 !important;
    border-left: 1px solid #E3D5C6 !important;
  }
  body.page-id-443 .elementor-element-ca7ebc5 {
    padding: 48px 40px 8px !important;
    border-top: 1px solid #E3D5C6 !important;
    border-radius: 28px 28px 0 0 !important;
  }
  body.page-id-443 .elementor-element-4aef1cd {
    padding: 0 40px 28px !important;
  }
  body.page-id-443 .elementor-element-f24dcba {
    gap: 24px !important;
    padding: 0 32px 40px !important;
    border-bottom: 1px solid #E3D5C6 !important;
    border-radius: 0 0 28px 28px !important;
  }
  body.page-id-443 .elementor-element-f24dcba > .elementor-element:not(.elementor-element-525f8f8) {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 340px !important;
  }

  /* Scenarios: replace the full white band with the same warm framed panel. */
  body.page-id-443 .elementor-element-dbf609f {
    width: calc(100% - 112px) !important;
    max-width: 1290px !important;
    margin: 48px auto !important;
    padding: 48px 32px 40px !important;
    box-sizing: border-box !important;
    background-color: #F1E8DC !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 28px !important;
  }
  body.page-id-443 .elementor-element-dbf609f > .e-con-inner > .e-heading-base,
  body.page-id-443 .elementor-element-dbf609f .elementor-element-7ab4613,
  body.page-id-443 .elementor-element-dbf609f .elementor-element-7ab4613 * {
    width: 100% !important;
    text-align: center !important;
  }
  body.page-id-443 .elementor-element-dbf609f .elementor-element-d92892d > .e-con-inner > .e-con,
  body.page-id-443 .elementor-element-dbf609f .elementor-element-d92892d > .e-con {
    background-color: #FFFDF9 !important;
    border: 1px solid #E5D9CE !important;
  }
}

/* Source layer: local-v32-pc-card-finishing.css
 * Add breathing room below the capacity CTAs, strengthen the featured SKU,
 * and make all scenario images use the same inset on every side.
 */
@media (min-width: 1024px) {
  body.page-id-443 .elementor-element-a07094c .elementor-element-a029815,
  body.page-id-443 .elementor-element-a07094c .elementor-element-ddb5613,
  body.page-id-443 .elementor-element-a07094c .elementor-element-1cd63c4 {
    height: 440px !important;
    min-height: 440px !important;
  }

  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f .elementor-element-ddb5613::before {
    top: 18px !important;
    left: 18px !important;
    width: 146px !important;
    height: 34px !important;
    background: #8E4F2D !important;
    border: 2px solid #F0D6C4 !important;
    box-shadow: 0 8px 18px rgba(89, 45, 24, 0.28) !important;
    font-family: "League Spartan", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 0 !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-ddb5613 a.e-button-base {
    background-color: #6F4E37 !important;
    border-color: #6F4E37 !important;
    box-shadow: 0 6px 14px rgba(111, 78, 55, 0.22) !important;
  }

  body.page-id-443 .elementor-element-dbf609f .elementor-element-d92892d > .e-con-inner > .e-con .elementor-widget-image,
  body.page-id-443 .elementor-element-dbf609f .elementor-element-d92892d > .e-con .elementor-widget-image,
  body.page-id-443 .elementor-element-dbf609f .elementor-element-d92892d .elementor-widget-image .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
  }
  body.page-id-443 .elementor-element-dbf609f .elementor-element-d92892d .elementor-widget-image img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 132px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }
}

/* Source layer: local-v33-pc-spacing-system.css
 * Normalize the latest local homepage's horizontal rhythm, section spacing,
 * panel padding, and primary heading/copy/action gaps without changing content.
 */
@media (min-width: 1024px) {
  /* Hero and its closely related value strip. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) {
    display: flex !important;
    height: 100% !important;
    justify-content: center !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) > .stk-block-spacer {
    display: none !important;
    height: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) > .stk-block-text:has(+ .stk-block-heading) {
    margin-bottom: 14px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) > .stk-block-heading:has(h1) {
    margin-bottom: 20px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) > .stk-block-heading:has(h1) + .stk-block-text {
    margin-bottom: 34px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) {
    margin-top: 32px !important;
    margin-bottom: 0 !important;
  }

  /* Main Stackable panels use one 48px vertical rhythm. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) {
    margin-top: 48px !important;
    margin-bottom: 0 !important;
    padding: 48px 40px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns {
    margin-top: 32px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .stk-block-spacer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) {
    margin-top: 48px !important;
    margin-bottom: 0 !important;
    padding: 48px 40px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .stk-block-text {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }

  /* Benefits remain one panel with consistent title/copy/card spacing. */
  body.page-id-443 .elementor-element-ca7ebc5 {
    margin-top: 38px !important;
    padding: 48px 40px 12px !important;
  }
  body.page-id-443 .elementor-element-4aef1cd {
    padding: 0 40px 32px !important;
  }
  body.page-id-443 .elementor-element-f24dcba {
    padding: 0 32px 48px !important;
  }

  /* Capacity: full-width band, aligned inner content and a compact text stack. */
  body.page-id-443 .elementor.elementor-443 > .elementor-element-a07094c {
    margin-top: 48px !important;
    padding: 64px 0 72px !important;
  }
  body.page-id-443 .elementor.elementor-443 > .elementor-element-a07094c > .e-con-inner {
    width: calc(100% - 112px) !important;
    max-width: 1290px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-298b3cc {
    margin-bottom: 8px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-8e8b0f1 {
    margin-bottom: 12px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-8f9a61f {
    margin-bottom: 40px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f {
    width: 100% !important;
    gap: 24px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-a029815,
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-ddb5613,
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-1cd63c4 {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-a6d2930,
  body.page-id-443 .elementor-element-a07094c .elementor-element-7e401c3,
  body.page-id-443 .elementor-element-a07094c .elementor-element-8d465e1 {
    width: calc(100% - 44px) !important;
    max-width: 320px !important;
  }

  /* Scenario and CTA share the same outer and inner rhythm. */
  body.page-id-443 .elementor-element-dbf609f {
    margin: 48px auto !important;
    padding: 48px 32px !important;
  }
  body.page-id-443 .elementor-element-dbf609f > .e-con-inner {
    row-gap: 20px !important;
  }
  body.page-id-443 .elementor-element-9c338c6 {
    margin: 0 auto 48px !important;
    padding: 48px 32px !important;
  }
  body.page-id-443 .elementor-element-9c338c6 > .e-con-inner {
    row-gap: 24px !important;
  }
}

/* Source layer: local-v34-mobile-spacing-system.css
 * Carry the approved PC hierarchy into the local mobile homepage with a
 * consistent 16px gutter, 24/32px section rhythm, and in-flow card actions.
 */
@media (max-width: 767px) {
  body.page-id-443 .elementor.elementor-443 > .elementor-element-3f496f5b {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body.page-id-443 .elementor.elementor-443 > .elementor-element-3f496f5b > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
  }

  /* Hero: remove single-slide carousel chrome and keep the next module visible. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__slider-wrapper,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__slider,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__slide--active {
    height: auto !important;
    min-height: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__slide--active .wp-block-stackable-columns:has(h1),
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__slide--active .wp-block-stackable-columns:has(h1) > .stk-row {
    height: auto !important;
    min-height: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__slide--active .wp-block-stackable-columns:has(h1) {
    padding: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__slide--active .wp-block-stackable-columns:has(h1) > .stk-row {
    gap: 40px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) > .stk-block-text:has(+ .stk-block-heading) {
    margin-bottom: 12px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) > .stk-block-heading:has(h1) {
    margin-bottom: 16px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-inner-blocks:has(> .stk-block-heading h1) > .stk-block-heading:has(h1) + .stk-block-text {
    margin-bottom: 28px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-block-carousel__dots {
    display: none !important;
  }

  /* Embedded homepage modules share one compact vertical system. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(2) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 24px auto 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 32px auto 0 !important;
    padding: 32px 18px 36px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .wp-block-stackable-columns {
    margin-top: 24px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 32px auto 0 !important;
    padding: 32px 20px 36px !important;
  }

  /* Benefits title, copy, and cards read as one warm panel on mobile. */
  body.page-id-443 .elementor-element-ca7ebc5,
  body.page-id-443 .elementor-element-4aef1cd,
  body.page-id-443 .elementor-element-f24dcba {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    background: #F1E8DC !important;
  }
  body.page-id-443 .elementor-element-ca7ebc5 {
    margin-top: 22px !important;
    padding: 32px 20px 10px !important;
    border: 1px solid #E3D5C6 !important;
    border-bottom: 0 !important;
    border-radius: 22px 22px 0 0 !important;
  }
  body.page-id-443 .elementor-element-ca7ebc5 .e-heading-base {
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1.25 !important;
  }
  body.page-id-443 .elementor-element-4aef1cd {
    padding: 0 20px 24px !important;
    border-right: 1px solid #E3D5C6 !important;
    border-left: 1px solid #E3D5C6 !important;
  }
  body.page-id-443 .elementor-element-4aef1cd p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  body.page-id-443 .elementor-element-f24dcba {
    padding: 0 16px 32px !important;
    border: 1px solid #E3D5C6 !important;
    border-top: 0 !important;
    border-radius: 0 0 22px 22px !important;
  }
  body.page-id-443 .elementor-element-f24dcba > .e-con-inner {
    gap: 16px !important;
  }

  /* Capacity keeps the full-width band while its cards use safe in-flow actions. */
  body.page-id-443 .elementor.elementor-443 > .elementor-element-a07094c {
    margin-top: 32px !important;
    padding: 40px 24px 48px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-298b3cc {
    margin-bottom: 10px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-8e8b0f1 {
    margin-bottom: 14px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-8f9a61f {
    margin-bottom: 28px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f {
    gap: 20px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-a029815,
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-1cd63c4 {
    height: 344px !important;
    min-height: 344px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-ddb5613 {
    height: 400px !important;
    min-height: 400px !important;
  }
  body.page-id-443 .elementor.elementor-443 > .elementor-element-a07094c .elementor-element-b1d9a1f a.e-button-base {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 128px !important;
    height: 44px !important;
    min-width: 128px !important;
    min-height: 44px !important;
    margin: 14px 0 0 24px !important;
  }

  /* Scenario and CTA mirror the same framed-panel spacing as the PC page. */
  body.page-id-443 .elementor-element-dbf609f {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    margin: 32px auto !important;
    padding: 32px 16px !important;
    background: #F1E8DC !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 22px !important;
  }
  body.page-id-443 .elementor-element-dbf609f > .e-con-inner {
    row-gap: 16px !important;
  }
  body.page-id-443 .elementor-element-d92892d {
    gap: 16px !important;
  }
  body.page-id-443 .elementor-element-9c338c6 {
    margin: 0 auto 32px !important;
    padding: 36px 24px !important;
  }
  body.page-id-443 .elementor-element-9c338c6 > .e-con-inner {
    row-gap: 20px !important;
  }
  body.page-id-443 .elementor-element-9c338c6 .e-button-base {
    min-height: 48px !important;
  }
}

/* Source layer: local-v35-mobile-pc-detail-parity.css
 * Preserve the final PC page's action hierarchy, media proportions, card
 * count, featured-product treatment, and scenario-card construction.
 */
@media (max-width: 767px) {
  /* Hero keeps both PC actions, scaled to fit one mobile row. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-button-group {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-button-group > .stk-block-button:nth-child(2) {
    display: block !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(1) .stk-button-group .stk-button {
    width: auto !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  /* Problem cards retain the PC card shape and image/text split. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(4) .stk-block-card > .stk-container {
    border-radius: 18px !important;
  }

  /* Solution reads like the PC row: copy first, then a natural-ratio graphic. */
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row {
    flex-direction: column !important;
    gap: 28px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row > .stk-block-column {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row > .stk-block-column:first-child {
    order: 2 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row > .stk-block-column:last-child {
    order: 1 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row > .stk-block-column:first-child,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row > .stk-block-column:first-child .stk-column-wrapper,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) > .stk-row > .stk-block-column:first-child .stk-block-content,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-image,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-image figure,
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-image .stk-img-wrapper {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-image .stk-img-wrapper {
    aspect-ratio: 1262 / 841 !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-block-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1262 / 841 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-button-group {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }
  body.page-id-443 .elementor-element-550820b1 > .wp-block-stackable-columns:nth-of-type(6) .stk-button-group .stk-button {
    width: auto !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  /* The final PC benefits module intentionally contains three visible cards. */
  body.page-id-443 .elementor-element-f24dcba > .elementor-element-525f8f8 {
    display: none !important;
  }
  body.page-id-443 .elementor-element-f24dcba > .elementor-element:not(.elementor-element-525f8f8) {
    height: 421px !important;
    min-height: 421px !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-wrapper {
    height: 401px !important;
    min-height: 401px !important;
  }

  /* Carry the PC featured-SKU accent and button depth into mobile. */
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f .elementor-element-ddb5613::before {
    background: #8E4F2D !important;
    border: 2px solid #F0D6C4 !important;
    box-shadow: 0 7px 16px rgba(89, 45, 24, 0.24) !important;
    font-family: "League Spartan", sans-serif !important;
    letter-spacing: 0 !important;
    line-height: 23px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-ddb5613 a.e-button-base {
    background-color: #6F4E37 !important;
    border-color: #6F4E37 !important;
    box-shadow: 0 5px 12px rgba(111, 78, 55, 0.2) !important;
  }

  /* Scenario cards use the same image-over-title construction as PC. */
  body.page-id-443 .elementor-element-d92892d {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  body.page-id-443 .elementor-element-d92892d > .e-con {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 10px 16px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    background-color: #FFFDF9 !important;
    border: 1px solid #E5D9CE !important;
    border-radius: 18px !important;
  }
  body.page-id-443 .elementor-element-d92892d .elementor-widget-image,
  body.page-id-443 .elementor-element-d92892d .elementor-widget-image .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
  }
  body.page-id-443 .elementor-element-d92892d .elementor-widget-image img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 5 / 3 !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }
  body.page-id-443 .elementor-element-d92892d .e-heading-base {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 10px 2px !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
}

/* Source layer: local-v36-mobile-final-home-parity.css
 * Refine the mobile proportions against the published final desktop page:
 * compact benefit cards, equal capacity cards, contained product media, and
 * scenario cards with the same image/title balance as the desktop layout.
 */
@media (max-width: 767px) {
  /* Benefit cards keep the desktop hierarchy without desktop-sized heights. */
  body.page-id-443 .elementor-element-f24dcba > .elementor-element:not(.elementor-element-525f8f8) {
    height: auto !important;
    min-height: 0 !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-wrapper {
    height: auto !important;
    min-height: 0 !important;
    padding: 16px !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-img,
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-img img {
    display: block !important;
    width: 100% !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-img img {
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-title {
    min-height: 60px !important;
    margin: 18px 0 10px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
  }
  body.page-id-443 .elementor-element-f24dcba .elementor-image-box-description {
    min-height: 72px !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  /* The featured product is distinguished by styling, not an oversized card. */
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-a029815,
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-ddb5613,
  body.page-id-443 .elementor-element-a07094c .elementor-element-b1d9a1f > .elementor-element-1cd63c4 {
    height: 368px !important;
    min-height: 368px !important;
    padding-bottom: 20px !important;
    overflow: hidden !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-a6d2930,
  body.page-id-443 .elementor-element-a07094c .elementor-element-7e401c3,
  body.page-id-443 .elementor-element-a07094c .elementor-element-8d465e1 {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    height: 154px !important;
    min-height: 154px !important;
    margin: 20px 20px 0 !important;
    overflow: hidden !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-ae44112,
  body.page-id-443 .elementor-element-a07094c .elementor-element-5463297,
  body.page-id-443 .elementor-element-a07094c .elementor-element-f0ef5c2 {
    flex-wrap: nowrap !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-7e401c3 {
    height: 140px !important;
    min-height: 140px !important;
    margin-top: 44px !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-a6d2930 img,
  body.page-id-443 .elementor-element-a07094c .elementor-element-7e401c3 img,
  body.page-id-443 .elementor-element-a07094c .elementor-element-8d465e1 img {
    transform: scale(2.05) !important;
    transform-origin: center !important;
  }
  body.page-id-443 .elementor-element-a07094c .elementor-element-ddb5613 a.e-button-base {
    margin-top: 10px !important;
  }

  /* Scenario cards retain the desktop card depth and title area. */
  body.page-id-443 .elementor-element-d92892d > .e-con {
    min-height: 252px !important;
  }
  body.page-id-443 .elementor-element-d92892d .e-heading-base {
    min-height: 58px !important;
    padding: 14px 10px 4px !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
}

/* Source layer: local-v37-mobile-offcanvas-branding.css
 * Bring the Blocksy mobile drawer into the homepage's warm Flowcat system and
 * replace the inherited demo logo with the current Flowcat wordmark.
 */
@media (max-width: 999px) {
  body.page-id-443 #offcanvas.ct-panel {
    background: rgba(43, 38, 32, 0.48) !important;
  }
  body.page-id-443 #offcanvas .ct-panel-inner {
    --side-panel-width: min(calc(100vw - 24px), 420px);
    width: min(calc(100vw - 24px), 420px) !important;
    max-width: 420px !important;
    background: #FAF6F0 !important;
    background-image: none !important;
    border-left: 1px solid #E3D5C6 !important;
    box-shadow: -18px 0 48px rgba(43, 38, 32, 0.18) !important;
    color: #2B2620 !important;
  }
  body.page-id-443 #offcanvas .ct-panel-actions {
    top: 20px !important;
    right: 20px !important;
  }
  body.page-id-443 #offcanvas .ct-toggle-close {
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 11px !important;
    color: #6F4E37 !important;
    background: #FFFDF9 !important;
    border: 1px solid #DCCCBD !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 18px rgba(43, 38, 32, 0.08) !important;
  }
  body.page-id-443 #offcanvas .ct-toggle-close .ct-icon {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    color: inherit !important;
    fill: currentColor !important;
    opacity: 1 !important;
  }
  body.page-id-443 #offcanvas .ct-toggle-close:focus,
  body.page-id-443 #offcanvas .ct-toggle-close:focus-visible {
    outline: 2px solid rgba(111, 78, 55, 0.34) !important;
    outline-offset: 3px !important;
  }
  body.page-id-443 #offcanvas .ct-toggle-close:hover {
    color: #FFFFFF !important;
    background: #6F4E37 !important;
    border-color: #6F4E37 !important;
  }
  body.page-id-443 #offcanvas .ct-panel-content[data-device="mobile"] .ct-panel-content-inner {
    width: 100% !important;
    min-height: 100% !important;
    padding: 42px 28px 28px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    color: #2B2620 !important;
  }
  body.page-id-443 #offcanvas [data-id="offcanvas-logo"] {
    display: flex !important;
    width: 164px !important;
    max-width: calc(100% - 52px) !important;
    margin: 0 0 32px !important;
    align-items: center !important;
  }
  body.page-id-443 #offcanvas [data-id="offcanvas-logo"] img {
    content: url("https://flowcat.store/wp-content/uploads/2026/08/flowcat-logo-transparent.png") !important;
    display: block !important;
    width: 164px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  body.page-id-443 #offcanvas .mobile-menu {
    width: 100% !important;
    margin: 0 !important;
  }
  body.page-id-443 #offcanvas .mobile-menu > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.page-id-443 #offcanvas .mobile-menu .menu-item {
    width: 100% !important;
    border-bottom: 1px solid #E3D5C6 !important;
  }
  body.page-id-443 #offcanvas .mobile-menu .menu-item:first-child {
    border-top: 1px solid #E3D5C6 !important;
  }
  body.page-id-443 #offcanvas .mobile-menu .ct-menu-link {
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 4px !important;
    justify-content: flex-start !important;
    color: #2B2620 !important;
    font-family: "League Spartan", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
  body.page-id-443 #offcanvas .mobile-menu .current-menu-item > .ct-menu-link,
  body.page-id-443 #offcanvas .mobile-menu .ct-menu-link:hover {
    padding-left: 16px !important;
    color: #6F4E37 !important;
    background: #F1E8DC !important;
    box-shadow: inset 3px 0 0 #8E5E43 !important;
  }
  body.page-id-443 #offcanvas .ct-header-text {
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 24px 4px 0 !important;
    color: #74655A !important;
    border-top: 1px solid #E3D5C6 !important;
    text-align: left !important;
  }
  body.page-id-443 #offcanvas .ct-header-text h5 {
    margin: 0 0 10px !important;
    color: #8E5E43 !important;
    font-family: "League Spartan", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }
  body.page-id-443 #offcanvas .ct-header-text p {
    margin: 0 !important;
    color: #74655A !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 479px) {
  body.page-id-443 #offcanvas .ct-panel-content[data-device="mobile"] .ct-panel-content-inner {
    padding: 36px 24px 24px !important;
  }
  body.page-id-443 #offcanvas [data-id="offcanvas-logo"] {
    width: 148px !important;
    margin-bottom: 26px !important;
  }
  body.page-id-443 #offcanvas [data-id="offcanvas-logo"] img {
    width: 148px !important;
  }
}

/* Source layer: local-v38-desktop-header-popovers.css
 * Match the account and mini-cart popovers to the homepage's warm palette.
 */
@media (min-width: 1024px) {
  body.page-id-443 #header .ct-header-account-dropdown,
  body.page-id-443 #header .ct-cart-content {
    --dropdown-background-color: #FAF6F0;
    --mini-cart-background-color: #FAF6F0;
    --dropdown-items-background-hover-color: #F1E8DC;
    --theme-text-color: #2B2620;
    --theme-link-initial-color: #2B2620;
    --theme-link-hover-color: #6F4E37;
    background: #FAF6F0 !important;
    color: #2B2620 !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 4px !important;
    box-shadow: 0 18px 44px rgba(43, 38, 32, 0.16) !important;
  }

  body.page-id-443 #header .ct-header-account-dropdown {
    --dropdown-width: 320px;
    overflow: hidden !important;
  }
  body.page-id-443 #header .ct-header-account-dropdown .ct-account-welcome {
    padding: 20px !important;
    background: #F1E8DC !important;
    border-bottom: 1px solid #E3D5C6 !important;
  }
  body.page-id-443 #header .ct-header-account-dropdown .ct-account-user-box,
  body.page-id-443 #header .ct-header-account-dropdown .ct-account-user-box span,
  body.page-id-443 #header .ct-header-account-dropdown a {
    color: #2B2620 !important;
  }
  body.page-id-443 #header .ct-header-account-dropdown > li > a {
    padding: 13px 20px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #E3D5C6 !important;
  }
  body.page-id-443 #header .ct-header-account-dropdown > li:last-child > a {
    border-bottom: 0 !important;
  }
  body.page-id-443 #header .ct-header-account-dropdown > li > a:hover,
  body.page-id-443 #header .ct-header-account-dropdown > li > a:focus-visible {
    color: #6F4E37 !important;
    background: #F1E8DC !important;
  }

  body.page-id-443 #header .ct-cart-content {
    width: 320px !important;
    padding: 22px !important;
  }
  body.page-id-443 #header .ct-cart-content,
  body.page-id-443 #header .ct-cart-content p,
  body.page-id-443 #header .ct-cart-content .total,
  body.page-id-443 #header .ct-cart-content a:not(.button) {
    color: #2B2620 !important;
  }
  body.page-id-443 #header .ct-cart-content .cart-empty {
    margin: 0 0 16px !important;
    padding: 14px 16px !important;
    color: #2B2620 !important;
    background: #F1E8DC !important;
    border: 1px solid #E3D5C6 !important;
    border-radius: 4px !important;
  }
  body.page-id-443 #header .ct-cart-content .cart-empty::before {
    color: #8E5E43 !important;
  }
  body.page-id-443 #header .ct-cart-content .woocommerce-mini-cart-item,
  body.page-id-443 #header .ct-cart-content .total {
    border-color: #E3D5C6 !important;
  }
  body.page-id-443 #header .ct-cart-content .button {
    min-height: 42px !important;
    color: #FFFFFF !important;
    background: #6F4E37 !important;
    border: 1px solid #6F4E37 !important;
    border-radius: 999px !important;
  }
  body.page-id-443 #header .ct-cart-content .button:hover,
  body.page-id-443 #header .ct-cart-content .button:focus-visible {
    color: #FFFFFF !important;
    background: #2B2620 !important;
    border-color: #2B2620 !important;
  }
}

/* Source layer: local-v39-home-button-interactions.css
 * Homepage buttons stay white until hover or keyboard focus.
 */
body.page-id-443 article#post-443 a.stk-button,
body.page-id-443 article#post-443 a.e-button-base,
body.page-id-443 article#post-443 a.elementor-button {
  color: #6F4E37 !important;
  background: #FFFFFF !important;
  border: 1.5px solid #6F4E37 !important;
  filter: none !important;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

body.page-id-443 article#post-443 a.stk-button .stk-button__inner-text,
body.page-id-443 article#post-443 a.elementor-button .elementor-button-text {
  color: #6F4E37 !important;
  transition: color 180ms ease !important;
}

body.page-id-443 article#post-443 a.stk-button:hover,
body.page-id-443 article#post-443 a.stk-button:focus-visible,
body.page-id-443 article#post-443 a.e-button-base:hover,
body.page-id-443 article#post-443 a.e-button-base:focus-visible,
body.page-id-443 article#post-443 a.elementor-button:hover,
body.page-id-443 article#post-443 a.elementor-button:focus-visible {
  color: #FFFFFF !important;
  background: #6F4E37 !important;
  border-color: #6F4E37 !important;
  filter: none !important;
}

body.page-id-443 article#post-443 a.stk-button:hover .stk-button__inner-text,
body.page-id-443 article#post-443 a.stk-button:focus-visible .stk-button__inner-text,
body.page-id-443 article#post-443 a.elementor-button:hover .elementor-button-text,
body.page-id-443 article#post-443 a.elementor-button:focus-visible .elementor-button-text {
  color: #FFFFFF !important;
}

/* Source layer: local-v40-desktop-nav-hover.css
 * Add a restrained brand-colored hover cue without shifting the header layout.
 */
@media (min-width: 1024px) {
  body.page-id-443 #header .header-menu-1 .ct-menu-link {
    position: relative !important;
    transition: color 180ms ease, transform 180ms ease !important;
  }
  body.page-id-443 #header .header-menu-1 .ct-menu-link::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 22px !important;
    left: 0 !important;
    height: 1.5px !important;
    background: #8E5E43 !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 180ms ease !important;
  }
  body.page-id-443 #header .header-menu-1 .ct-menu-link:hover,
  body.page-id-443 #header .header-menu-1 .ct-menu-link:focus-visible {
    color: #6F4E37 !important;
    transform: translateY(-1px) !important;
  }
  body.page-id-443 #header .header-menu-1 .ct-menu-link:hover::after,
  body.page-id-443 #header .header-menu-1 .ct-menu-link:focus-visible::after {
    transform: scaleX(1) !important;
  }
}