/** Shopify CDN: Minification failed

Line 174:0 All "@import" rules must come first

**/
/* =========================================================
   HMWC — Shop by Goal (BOTTOM section) — match the top  [v3]
   Section: #shopify-section-template--18750281875650__collection_list_HgwUtF
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@500&display=swap');

/* ---------- Heading (serif) — strong selectors incl. bare h2 ---------- */
#shopify-section-template--18750281875650__collection_list_HgwUtF .title,
#shopify-section-template--18750281875650__collection_list_HgwUtF h2.title,
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper h2,
#shopify-section-template--18750281875650__collection_list_HgwUtF .collection-list-title h2,
#shopify-section-template--18750281875650__collection_list_HgwUtF h2 {
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 0px 0 !important;          /* 6px under the title */
  font-family: "Spectral", Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  font-size: clamp(26px, 3vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  color: #20201e !important;
}

/* ---------- Title block + tagline: center, controlled spacing ---------- */
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper-with-link,
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper,
#shopify-section-template--18750281875650__collection_list_HgwUtF .collection-list-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto 34px auto !important;   /* 34px down to the tiles */
}

#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper-with-link::after,
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper::after {
  content: "Find targeted support based on what you're working on.";
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-family: -apple-system, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  color: #6f6a62 !important;
}

/* Kill Dawn's extra margins above the grid so the gap is exactly 34px */
#shopify-section-template--18750281875650__collection_list_HgwUtF .collection-list,
#shopify-section-template--18750281875650__collection_list_HgwUtF .slider {
  margin-top: 0 !important;
}

/* ---------- Remove Dawn arrows + card chrome (NOT the image) ---------- */
#shopify-section-template--18750281875650__collection_list_HgwUtF .icon-wrap,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__heading svg {
  display: none !important;
}

#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__content,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__information {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Strip padding from the TEXT area only (never .card__inner / .card__media) */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__content,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__information {
  padding: 0 !important;
}

/* ---------- Image tile: subtle border + the lift. NO background, NO clip ---------- */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__media {
  border: 1px solid #e7dfd5 !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  transition: transform .18s ease !important;
}

/* HMWC — Shop by Goal: force square/minimal corners */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__inner,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__media,
#shopify-section-template--18750281875650__collection_list_HgwUtF .media,
#shopify-section-template--18750281875650__collection_list_HgwUtF img {
  border-radius: 3px !important;
}

/* ---------- HOVER: only the image lifts 3px (matches top) ---------- */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper:hover .card__media {
  transform: translateY(-3px) !important;
  box-shadow: none !important;
}
/* Cancel Dawn's hover zoom — hover only, transform only (cannot hide the image) */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper:hover .card__media img,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper:hover .card__media .media img {
  transform: none !important;
  scale: 1 !important;
}
/* Keep the text caption perfectly still */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper:hover .card,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper:hover .card__content,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper:hover .card__information {
  transform: none !important;
}

/* ---------- Caption (match top: system sans, 600, 13px) ---------- */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__heading {
  text-align: center !important;
  margin: 10px 0 0 0 !important;     /* 10px gap from the image */
}
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__heading a,
#shopify-section-template--18750281875650__collection_list_HgwUtF .card__information .card__heading a {
  display: block !important;
  text-align: center !important;
  font-family: -apple-system, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;   /* fixes the kerning */
  text-decoration: none !important;
  color: #20201e !important;
  box-shadow: none !important;
  outline: 0 !important;
}
/* No movement or color change on hover (matches top) */
#shopify-section-template--18750281875650__collection_list_HgwUtF .card-wrapper:hover .card__heading a {
  color: #20201e !important;
  text-decoration: none !important;
}


/* --------------------------------- ------------------------------------- --------------------------- */
/* ---- Kill the 30px gap under "Shop by Goal" ---- */
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper-with-link,
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper,
#shopify-section-template--18750281875650__collection_list_HgwUtF .collection-list-title {
  row-gap: 0 !important;
  gap: 0 !important;
}
#shopify-section-template--18750281875650__collection_list_HgwUtF .collection-list-title,
#shopify-section-template--18750281875650__collection_list_HgwUtF h2 {
  margin: 0 !important;
  padding: 0 !important;
}
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper-with-link::after,
#shopify-section-template--18750281875650__collection_list_HgwUtF .title-wrapper::after {
  margin-top: 4px !important;   /* gap between heading and tagline — raise/lower to taste */
}


/* == == ============================================================================================================================================ == */
/* =========================================================
   HMWC — Shop by Brand  [v2: 60px · no boxes · +50px · carousel]
   Section: #shopify-section-template--18750281875650__collection_list_3rhYfD
   Replaces your previous Shop-by-Brand block. (Keep any of your own
   @media mobile tweaks for this section if you added them.)
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@500&display=swap');

/* ---------- Heading (serif) ---------- */
#shopify-section-template--18750281875650__collection_list_3rhYfD .title,
#shopify-section-template--18750281875650__collection_list_3rhYfD h2.title,
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper h2,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list-title h2,
#shopify-section-template--18750281875650__collection_list_3rhYfD h2 {
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 0px 0 !important;          /* 6px under the title */
  font-family: "Spectral", Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  font-size: clamp(26px, 3vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  color: #20201e !important;
}

/* ---------- Title block + tagline — TIGHT spacing (the fix) ---------- */
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper-with-link,
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto 34px auto !important;   /* 34px down to the tiles */
}




#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper-with-link::after,
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper::after {
  content: "Explore professional-grade brands selected by Houston Medical Wellness Clinic.";
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-family: -apple-system, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  color: #6f6a62 !important;
}

/* Kill Dawn's extra margins above the grid so the gap is exactly 34px */
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list,
#shopify-section-template--18750281875650__collection_list_3rhYfD .slider {
  margin-top: 0 !important;
}


/* ---------- Full width + clip the marquee overflow ---------- */
#shopify-section-template--18750281875650__collection_list_3rhYfD .page-width,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list-wrapper {
  max-width: 100% !important;
  padding-left: clamp(16px, 4vw, 56px) !important;
  padding-right: clamp(16px, 4vw, 56px) !important;
  overflow: hidden !important;
}

/* ---------- Strip ALL boxes / chrome (keep only the logo) ---------- */
#shopify-section-template--18750281875650__collection_list_3rhYfD .icon-wrap,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__heading svg { display: none !important; }

#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__inner,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__content,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__information,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media > .media,
#shopify-section-template--18750281875650__collection_list_3rhYfD .media {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* ---------- Collapse the tile to a 60px logo (no aspect-ratio box) ---------- */
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__inner,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media > .media,
#shopify-section-template--18750281875650__collection_list_3rhYfD .media {
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 !important;
}
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__content,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__information { padding: 0 !important; }

/* Logo: real logo = FIRST image, grayscale at rest → full colour on hover */
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media .media img:first-of-type,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media img:first-of-type {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 60px !important;
  object-fit: contain !important;
  filter: grayscale(1) !important;
  opacity: 1 !important;
  transition: filter .25s ease !important;
}
/* any OTHER image (the blank hover-swap) = always hidden — THIS was the white flash */
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media .media img:not(:first-of-type),
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__media img:not(:first-of-type) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
/* hover = lift + full colour, swap image stays hidden */
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media .media img:first-of-type,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media img:first-of-type {
  filter: none !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media .media img:not(:first-of-type),
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media img:not(:first-of-type) {
  display: none !important; opacity: 0 !important;
}

/* ---------- No captions (keep the click target) ---------- */
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__heading { margin: 0 !important; }
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__heading a,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card__information .card__heading a {
  font-size: 0 !important; line-height: 0 !important; 
  text-decoration: none !important; box-shadow: none !important; outline: 0 !important;
}

/* ---------- Auto-scroll marquee (activated by the Step-2 snippet) ---------- */
#shopify-section-template--18750281875650__collection_list_3rhYfD ul.hmw-marquee-on,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list.hmw-marquee-on {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  gap: 80px !important;                    /* +50px vs the old ~30px */
  margin: 0 !important;
  padding: 0 !important;
  animation: hmw-brand-marquee 60s linear infinite;
}
#shopify-section-template--18750281875650__collection_list_3rhYfD ul.hmw-marquee-on:hover,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list.hmw-marquee-on:hover { animation-play-state: paused !important; }

#shopify-section-template--18750281875650__collection_list_3rhYfD ul.hmw-marquee-on > * {
  flex: 0 0 auto !important;
  width: 190px !important;                 /* fixed logo cell so it scrolls cleanly */
  max-width: 190px !important;
  margin: 0 !important;
}
@keyframes hmw-brand-marquee { to { transform: translateX(calc(-50% - 40px)); } }
/* (If you skip Step 2, the logos still show full-width at 60px with no boxes —
    just no auto-scroll. For a STATIC wide row instead, delete the animation
    line above and add: ...collection_list_3rhYfD .collection-list{ gap:80px !important; }) */

/* Remove yellow margin gap under Shop by Brand heading */
#shopify-section-template--18750281875650__collection_list_3rhYfD .title,
#shopify-section-template--18750281875650__collection_list_3rhYfD h2,
#shopify-section-template--18750281875650__collection_list_3rhYfD h2.title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper-with-link,
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list-title {
  margin-top: 0 !important;
  margin-bottom: 0px !important;
  padding-bottom: 0 !important;
}

#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper-with-link::after,
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper::after {
  margin-top: 0px !important;
  margin-bottom: 50 !important;
}

/*  brand scale transform on hover.. */
/* Shop by Brand — colour on hover, but NO zoom/enlarge/transform */
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media .media,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media img,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media .media img,
#shopify-section-template--18750281875650__collection_list_3rhYfD .card-wrapper:hover .card__media .media img:first-of-type{
  transform: none !important;
  scale: 1 !important;
}

/* ========================================================= =============================== =============================== =============================== */





/* =========================================================
   HMWC — Button hover: ink sweep + arrow reveal  [v3.1]
   >>> DELETE any earlier button blocks first — this replaces them. <<<
   v3.1: blue is hardcoded (no variable to lose), a z-index guard makes
   the sweep show, and the reduced-motion block is removed so the
   animation always plays.
   ========================================================= */

/* ---------- Core: stacking context + lift, on all theme buttons ---------- */
.button,
.button--primary,
.button--secondary,
.shopify-payment-button__button--unbranded{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  z-index: 0 !important;                          /* guarantees the sweep stacks correctly */
  background-image: none !important;             /* undo any old gradient fill */
  transition: transform .22s ease,
              box-shadow .22s ease,
              color .2s ease !important;
}

/* Pin the solid rest color so the sweep always has charcoal to sit on */
.button,
.button--primary,
.shopify-payment-button__button--unbranded{
  background-color: #20201e !important;
  color: #ffffff !important;
}
/* Ghost / outline buttons start transparent with dark text */
.button--secondary{
  background-color: transparent !important;
  color: #20201e !important;
}

/* ---------- The sweep: a blue layer that scales in from the left ---------- */
.button::before,
.button--primary::before,
.button--secondary::before,
.shopify-payment-button__button--unbranded::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;                         /* above the button bg, below the text */
  background: #34618c !important;                  /* denim slate (hardcoded — B = #1f5066) */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .34s cubic-bezier(.7,0,.2,1) !important;
}
.button:hover::before,
.button:focus-visible::before,
.button--primary:hover::before,
.button--primary:focus-visible::before,
.button--secondary:hover::before,
.shopify-payment-button__button--unbranded:hover::before{
  transform: scaleX(1) !important;
}

/* Lift + soft shadow on hover */
.button:hover,
.button:focus-visible,
.button--primary:hover,
.button--secondary:hover,
.shopify-payment-button__button--unbranded:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px -14px rgba(52, 97, 140, .8) !important;   /* B: 31,64,90 */
}

/* Outline / ghost buttons: fill charcoal, flip text to white */
.button--secondary::before{
  background: #20201e !important;
}
.button--secondary:hover{
  color: #ffffff !important;
  box-shadow: 0 10px 22px -14px rgba(32, 32, 30, .6) !important;
}

/* ---------- The → reveal: primary CTAs only ----------
   (uses ::after, overriding Dawn's faint border ring on primary buttons only) */
.button--primary{
  padding-right: 2.7em !important;               /* reserve room, no layout jump */
}
.button--primary::after{
  content: "\2192" !important;
  position: absolute !important;
  right: 1.05em !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: 2 !important;                          /* above the sweep + text */
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  opacity: 0 !important;
  transform: translateY(-50%) translateX(-5px) !important;
  transition: opacity .26s ease, transform .34s cubic-bezier(.7,0,.2,1) !important;
  font-weight: 600 !important;
  color: inherit !important;
  pointer-events: none !important;
}
.button--primary:hover::after,
.button--primary:focus-visible::after{
  opacity: 1 !important;
  transform: translateY(-50%) translateX(0) !important;
}



/* ===== HOTFIX — control the spacing around the "Shop by Brand" title =====
   Paste at the VERY BOTTOM of custom.css. Targets the heading by its exact id
   so it overrides Dawn no matter what else is in the file.
   Two knobs below:  8px = heading→tagline,   36px = tagline→logos.  ===== */

/* heading: no margin of its own */
#SectionHeading-template--18750281875650__collection_list_3rhYfD,
#shopify-section-template--18750281875650__collection_list_3rhYfD h2,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list-title {
  margin: 0 !important;
  padding: 0 !important;
}

/* wrapper: kill Dawn's flex gap + its own margins (spacing comes from the tagline) */
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper-with-link,
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper,
#shopify-section-template--18750281875650__collection_list_3rhYfD .collection-list-title {
  gap: 0 !important;
  row-gap: 0 !important;
  margin: 0 auto !important;
}

/* tagline controls BOTH gaps: 8px above (to the heading), 36px below (to the logos) */
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper-with-link::after,
#shopify-section-template--18750281875650__collection_list_3rhYfD .title-wrapper::after {
  margin: 8px auto 40px auto !important;
}