/** Shopify CDN: Minification failed

Line 454:13 Expected identifier but found whitespace
Line 455:0 Unexpected "@media"
Line 572:15 Expected identifier but found "#eba1"
Line 853:0 Expected "}" to go with "{"

**/
/* Hubba Hubba pink success card with heart icon */
.newsletter-confirmation,
.form__message--success,
.shopify-challenge__message--success {
  --hubba-bg: #fff0f8;          /* soft Hubba pink background */
  --hubba-border: #e6007e;      /* brand pink border */
  --heart-green: #16a34a;       /* vivid green for the heart badge */
  --text-color: #111;           /* readable dark text */

  max-width: 720px;
  margin: 20px auto;
  padding: 14px 18px;
  background: var(--hubba-bg);
  border: 2px solid var(--hubba-border);
  color: var(--text-color);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(230, 0, 126, 0.2);
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  align-items: center;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  animation: hubba-drop-in .35s ease-out;
  text-align: left;
}

/* Green heart badge */
.newsletter-confirmation::before,
.form__message--success::before,
.shopify-challenge__message--success::before {
  content: "♥";
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--heart-green);
  color: #fff;
  font-weight: 900;
  font-size: 16px;
}

/* Smooth entrance */
@keyframes hubba-drop-in {
  from { transform: translateY(-6px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

/* Scroll offset so anchors don’t hide it under header */
.newsletter-confirmation { scroll-margin-top: 90px; }

/* Force email links to be blue + underlined */
a[href^="mailto:"] {
  color: blue !important;
  text-decoration: underline !important;
}

/* Make all links blue + underlined */


/* 1) Footer links: force black, no underline by default */
footer a,
.site-footer a,
.footer-menu a {
  color: #000 !important;
  text-decoration: none !important;
}

footer a:hover,
.site-footer a:hover,
.footer-menu a:hover {
  text-decoration: underline !important;
}

footer a:visited,
.site-footer a:visited,
.footer-menu a:visited {
  color: #000 !important;
}

/* Accessibility: visible focus without changing color */
footer a:focus-visible,
.site-footer a:focus-visible,
.footer-menu a:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* 2) Email links: blue + underlined everywhere EXCEPT the footer */
a[href^="mailto:"]:not(footer a):not(.site-footer a):not(.footer-menu a) {
  color: blue !important;
  text-decoration: underline !important;
}

/* =========================
   Product Accordions (Hubba)
   Light-pink pill headers, 💋 → 💔 toggle
   ========================= */
.hhr-accordions details {
  margin: 16px 0;
  border: 0;
}

/* Header = pill button */
.hhr-accordions summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 12px 16px;
  background: #ffe3f1;
  color: #e6007e;
  border: 1px solid #e6007e;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  user-select: none;
  box-shadow: 0 1px 4px rgba(230,0,126,.12);
}

.hhr-accordions summary strong { color: inherit; }
.hhr-accordions summary::-webkit-details-marker { display: none; }
.hhr-accordions summary::marker { display: none; }

/* Right-side icon: default lips */
.hhr-accordions summary::after {
  content: "💋";
  font-size: 14px;
  margin-left: 8px;
}

/* When open: icon flips to broken heart */
.hhr-accordions details[open] > summary::after {
  content: "💔";
}

/* Body area */
.hhr-accordions details > div,
.hhr-accordions details > .rte {
  padding: 14px 16px;
  background: #fff0f8;
  color: #000;
  border-radius: 0 0 12px 12px;
  border: 1px solid #e6007e;
  border-top: 0;
  box-shadow: 0 2px 8px rgba(230,0,126,.10);
}

/* Hover/focus affordances */
.hhr-accordions summary:hover { filter: brightness(0.98); }
.hhr-accordions summary:focus-visible {
  outline: 2px solid #e6007e;
  outline-offset: 2px;
}
/* Force Add to Cart visible and on top */
.product-form [type="submit"][name="add"],
.product-form__submit {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Make sure the Shop/accelerated button shows too, but BELOW */
.shopify-payment-button {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  margin-top: 10px !important;  /* space under Add to Cart */
}

/* If your theme stacks buttons using flex and reverses order, fix it */
.product-form__buttons,
.product__buttons,
.product-form--buttons {
  display: flex;
  flex-direction: column !important;
}
.product-form__buttons .product-form__submit { order: 1 !important; }
.product-form__buttons .shopify-payment-button { order: 2 !important; }

/* Nuke any theme rule that hides the submit when payment button is present */
.shopify-payment-button ~ .product-form__submit,
.shopify-payment-button ~ [type="submit"][name="add"] {
  display: block !important;
}

/* Optional: helper note style if you add one under Shop Pay */
.hhr-checkout-hint { font-size: 12px; opacity: .8; margin: 6px 0 0; }

/* Nicer paragraph rhythm in hub intros */
.shopify-section .rich-text .rte p { 
  margin: 0 0 12px;
  line-height: 1.5;
}
/* Nicer paragraph rhythm for hub intros only */
.template-page .rich-text .rte p { 
  margin: 0 0 16px;  /* space between paragraphs */
  line-height: 1.5;  /* easier to read */
}
/* Tighten the gap under hub page titles */
.template-page .page-header,
.banner-header { margin-bottom: 8px !important; padding-bottom: 0 !important; }

.page-header + .shopify-section .rich-text,
.banner-header + .shopify-section .rich-text { margin-top: 8px !important; }


/* Move collection titles below images and center them */
.collection-list__item .collection-list__title,
.collection-card__title {
  position: static !important;
  background: transparent !important;
  color: #111 !important;
  display: block;
  text-align: center;
  margin-top: 8px;
  padding: 0;
  box-shadow: none;
}


/* Hub crosslinks with full-line links */
.hub-crosslinks {
  text-align: center;
  margin: 30px auto;
  max-width: 900px;
}

.hub-kicker {
  font-weight: 800;
  font-size: clamp(22px, 2vw, 28px);
  margin-bottom: 20px;
}

.hub-blocks {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
}

.hub-block {
  display: block;
  padding: 14px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 17px;
  transition: background 0.2s ease;
}

.hub-block:hover {
  background: #ddd; /* hover tint to show it's clickable */
}

.hub-title {
  font-weight: 800;
  font-size: 18px;
  color: #e6007e; /* Hubba pink */
}

.hub-desc {
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.hub-green {
  background: #e0f5e9; /* light green */
}

.hub-blue {
  background: #e6f2ff; /* light blue */
}

.hub-outro {
  margin-top: 12px;
  font-weight: 600;
}
/* ============= HUB PAGES: tidy spacing & header gap ============= */

/* Paragraph rhythm on hub page intros (affects your Rich text on hub pages only) */
.template-page .rich-text .rte p {
  margin: 0 0 16px;   /* space between lines/points */
  line-height: 1.5;   /* easier to read */
}

/* Tighten the gap under the big page title ("Domestic Drama", etc.) */
.template-page .page-header,
.banner-header {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}
.page-header + .shopify-section .rich-text,
.banner-header + .shopify-section .rich-text {
  margin-top: 8px !important;
}

/* ============= COLLECTION LIST TILES ============= */
/* Move collection titles below the image and center them */
.collection-list__item .collection-list__title,
.collection-card__title {
  position: static !important;
  background: transparent !important;
  color: #111 !important;
  display: block;
  text-align: center;
  margin-top: 8px;
  padding: 0;
  box-shadow: none;
}

/* ============= BOTTOM CROSS-LINK BLOCKS (Domestic hub) ============= */
/* Wrapper + headings */
.hub-crosslinks { text-align: center; margin: 30px auto; max-width: 900px; }
.hub-kicker     { font-weight: 800; font-size: clamp(22px,2vw,28px); margin: 0 0 6px; }
.hub-subkicker  { margin: 0 0 16px; font-weight: 600; }

/* Stack the two hub rows */
.hub-blocks { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }

/* Full-line links (override your sitewide blue+underline just inside this block) */
.hub-crosslinks a,
.hub-block {
  color: #000 !important;
  text-decoration: none !important;
}

/* The clickable rows */
.hub-block {
  display: block;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 17px;
  transition: background .2s ease;
}

/* Title + tagline on one line */
.hub-title { font-weight: 800; font-size: 18px; color: #000 !important; }
.hub-desc  { font-weight: 400; font-size: 16px; color: #000 !important; }

/* Light color blocks */
.hub-green { background: #e0f5e9; }  /* light green */
.hub-blue  { background: #e6f2ff; }  /* light blue */

/* Nice hover (tint by color) */
.hub-green:hover { background: #d8efe2; }
.hub-blue:hover  { background: #d6e8ff; }
/* Collection titles, counts, and shipping line */
.collection-list .collection__title--text.h4 {
  font-weight: 700 !important;   /* bold title */
  font-size: 1rem !important;
  color: #000 !important;
  text-shadow: none !important;
  line-height: 1.3 !important;
}

.collection-list .collection_item-count {
  font-weight: 600 !important;
  font-size: 0.8rem !important;  /* smaller than title */
  color: #000 !important;
  margin-top: 2px;
}

/* Add Free U.S. Shipping as last line, italic and small */
.collection-list .collection_item-count::after {
  content: "Free U.S. Shipping";
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  font-style: italic;
  color: #000 !important;   /* same color as the rest */
  margin-top: 2px;
}
/* Title: leave as-is, just ensure clean black */
.collection-list .collection__title--text.h4 {
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #000 !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}

/* Item count: smaller + italic */
.collection-list .collection_item-count {
  font-size: 0.75rem !important;  /* small */
  font-style: italic !important;
  font-weight: 500 !important;
  color: #000 !important;
  margin-top: 2px;
}

/* Shipping line: same size as current count (0.8rem), regular weight */
.collection-list .collection_item-count::after {
  content: "Free U.S. Shipping";
  display: block;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #000 !important;
  margin-top: 2px;
}
/* ===== Header menu: keep one line, keep logo size ===== */

/* 1) Don’t let the main menu wrap on desktop */
@media (min-width: 1100px) {
  nav[role="navigation"],
  .header__inline-menu,
  .site-nav, 
  .navigation, 
  .list-menu {
    white-space: nowrap !important;
  }
}

/* 2) Tighten horizontal spacing & slightly reduce font size */
@media (min-width: 1100px) {
  /* Catch common Shopify menu link classes across themes */
  .list-menu__item a,
  .header__menu-item,
  .site-nav__link,
  .navigation a {
    padding: 0 10px !important;      /* was usually 14–18px */
    font-size: 15px !important;       /* subtle step down */
    letter-spacing: 0 !important;     /* remove extra tracking */
    line-height: 1.2 !important;
  }

  /* If your menu uses CSS gap instead of link padding */
  .list-menu,
  .navigation ul,
  .site-nav__wrapper {
    gap: 12px !important;             /* tighten any flex gap */
  }
}

/* 3) Make sure the menu has priority to stay on one line */
@media (min-width: 1100px) {
  .header,
  .header__inline-menu,
  .site-header {
    overflow: vi
@media (min-width:1100px) and (max-width:1280px) {
  .list-menu__item a,
  .header__menu-item,
  .site-nav__link,
  .navigation a { font-size: 14px !important; }
}
/* ==============================
   0) CONTENT LINKS — keep blue + underline (NOT header/footer/drawer)
   ============================== */
main a,
.rte a,
.product-card .card__title a,
a.see-more,
.section-header__link,
a[href^="mailto:"] {
  color: #00f !important;
  text-decoration: underline !important;
}

/* ==============================
   1) DESKTOP HEADER — nav black; Login white (over dark strip)
   ============================== */
#shopify-section-header .header__nav__link,
#shopify-section-header .site-nav__link,
#shopify-section-header nav a {
  color: #000 !important;
  text-decoration: none !important;
}

#shopify-section-header a[href*="/account"],
#shopify-section-header .header__account a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}

/* ==============================
   2) MOBILE TOP BAR (header) — hamburger + cart visible
   (Set to #000 for white header; change to #fff if header bg is dark)
   ============================== */
.header__mobile-wrapper {
  --mobile-header-text: #000 !important;
}
.header__mobile-wrapper .slideout__trigger-mobile-menu svg,
.header__mobile-wrapper .slideout__trigger-mobile-menu svg *,
.header__mobile-wrapper svg,
.header__mobile-wrapper svg * {
  color: var(--mobile-header-text) !important;
  fill:  var(--mobile-header-text) !important;
  stroke:var(--mobile-header-text) !important;
}


/* ==============================
   4) FOOTER — links black; mailto stays blue
   ============================== */
#footer a,
.site-footer a,
.footer-menu a {
  color: #000 !important;
  text-decoration: none !important;
}
#footer a[href^="mailto:"],
.site-footer a[href^="mailto:"],
.footer-menu a[href^="mailto:"] {
  color: #2e6fff !important;
  text-decoration: underline !important;
}


}
/* ==============================
   HUB SECTION STYLING — GOLD COPY (no divider line)
   ============================== */

/* Hub wrapper */
.hub-crosslinks {
  max-width: 720px;
  margin: 28px auto 0;
  padding-top: 18px;
  /* border-top removed */
}

/* Optional intro copy */
.hub-crosslinks .hub-kicker,
.hub-crosslinks .hub-subkicker {
  text-align: center;
  margin: 0 0 10px;
}

/* Pill container */
.hub-crosslinks .hub-blocks {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Base pill look */
.hub-crosslinks .hub-block {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 600;
  color: #111;
  background: #e8f1ff;         /* default light blue */
  border: 1px solid #cddffc;    /* default blue border */
}

/* Explicit color classes */
.hub-crosslinks .hub-block.hub-blue {
  background:#e8f1ff;
  border-color:#cddffc;
}
.hub-crosslinks .hub-block.hub-pink {
  background:#ffe6ee;
  border-color:#eba1
/* ==============================
   MOBILE NAV DRAWER — GOLD COPY (always white, no pink)
   ============================== */

/* Drawer wrappers (Mr Parker uses both hooks) */
#slideout-mobile-navigation,
.slideout[data-wau-slideout="mobile-navigation"] {
  background: #111 !important;             /* dark background */
  color: #ffffff !important;               /* base text */
  --nav-color: #ffffff !important;         /* theme var safety */
  --mobile-header-text: #ffffff !important;/* icon/chevron safety */
}

/* Links (all states) */
#slideout-mobile-navigation a,
#slideout-mobile-navigation a:link,
#slideout-mobile-navigation a:visited,
#slideout-mobile-navigation a:active,
.slideout[data-wau-slideout="mobile-navigation"] a,
.slideout[data-wau-slideout="mobile-navigation"] a:link,
.slideout[data-wau-slideout="mobile-navigation"] a:visited,
.slideout[data-wau-slideout="mobile-navigation"] a:active,
#slideout-mobile-navigation .mobile-nav__link,
.slideout[data-wau-slideout="mobile-navigation"] .mobile-nav__link,
#slideout-mobile-navigation .list-menu__item > a,
.slideout[data-wau-slideout="mobile-navigation"] .list-menu__item > a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important; /* Safari */
  text-decoration: none !important;
}

/* Toggles (buttons/summary/disclosure) */
#slideout-mobile-navigation button,
#slideout-mobile-navigation summary,
#slideout-mobile-navigation .disclosure__button,
.slideout[data-wau-slideout="mobile-navigation"] button,
.slideout[data-wau-slideout="mobile-navigation"] summary,
.slideout[data-wau-slideout="mobile-navigation"] .disclosure__button {
  color: #ffffff !important;
}

/* Icons inside the drawer */
#slideout-mobile-navigation svg,
#slideout-mobile-navigation svg *,
.slideout[data-wau-slideout="mobile-navigation"] svg,
.slideout[data-wau-slideout="mobile-navigation"] svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Divider lines between items (keep white) */
#slideout-mobile-navigation li,
.slideout[data-wau-slideout="mobile-navigation"] li {
  border-color: #ffffff !important;
}
/* ==============================
   MOBILE NAV DRAWER — HARD OVERRIDE (no pink)
   ============================== */

/* Make the drawer think everything is white */
body #slideout-mobile-navigation#slideout-mobile-navigation,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] {
  background: #111 !important;            /* keep dark backdrop if used */
  color: #ffffff !important;              /* base text */
  --nav-color: #ffffff !important;        /* theme var safety */
  --mobile-header-text: #ffffff !important;/* icon/chevron safety */
}

/* Absolutely every “thing you can click” inside the drawer = white */
body #slideout-mobile-navigation#slideout-mobile-navigation :any-link,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] :any-link,
body #slideout-mobile-navigation#slideout-mobile-navigation [href],
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] [href],
body #slideout-mobile-navigation#slideout-mobile-navigation .mobile-nav__link,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] .mobile-nav__link,
body #slideout-mobile-navigation#slideout-mobile-navigation .list-menu__item > a,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] .list-menu__item > a,
body #slideout-mobile-navigation#slideout-mobile-navigation button,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] button,
body #slideout-mobile-navigation#slideout-mobile-navigation summary,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] summary,
body #slideout-mobile-navigation#slideout-mobile-navigation .disclosure__button,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] .disclosure__button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important; /* Safari */
  text-decoration: none !important;
}

/* Icons inherit the white color */
body #slideout-mobile-navigation#slideout-mobile-navigation svg,
body #slideout-mobile-navigation#slideout-mobile-navigation svg *,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] svg,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Keep the separators white */
body #slideout-mobile-navigation#slideout-mobile-navigation li,
body .slideout[data-wau-slideout="mobile-navigation"].slideout[data-wau-slideout="mobile-navigation"] li {
  border-color: #ffffff !important;
}
/* === HUBBA MASTER NAV & LINK FIX (2025-10-01) ===
   This block replaces all earlier experiments.
   - Fixes global blue link override issue
   - Keeps content links blue/underlined
   - Ensures nav, mobile drawer, and footer links render correctly
   - Safe, clean, final copy
==================================================== */

/* ==============================
   0) CONTENT LINKS — blue + underline (but NOT nav/drawer/footer)
   ============================== */
main a,
.rte a,
.product-card .card__title a,
a.see-more,
.section-header__link,
a[href^="mailto:"] {
  color: #00f !important;
  text-decoration: underline !important;
}

/* ==============================
   1) DESKTOP HEADER — nav black; Login white
   ============================== */
#shopify-section-header .header__nav__link,
#shopify-section-header .site-nav__link,
#shopify-section-header nav a {
  color: #000 !important;
  text-decoration: none !important;
}

#shopify-section-header a[href*="/account"],
#shopify-section-header .header__account a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}

/* ==============================
   2) MOBILE TOP BAR (header) — hamburger + cart
   ============================== */
.header__mobile-wrapper {
  --mobile-header-text: #000 !important; /* adjust to #fff if header bg is dark */
}
.header__mobile-wrapper .slideout__trigger-mobile-menu svg,
.header__mobile-wrapper .slideout__trigger-mobile-menu svg *,
.header__mobile-wrapper svg,
.header__mobile-wrapper svg * {
  color: var(--mobile-header-text) !important;
  fill:  var(--mobile-header-text) !important;
  stroke:var(--mobile-header-text) !important;
}

/* ==============================
   3) MOBILE NAV DRAWER — enforce white links/icons
   ============================== */
#slideout-mobile-navigation a,
#slideout-mobile-navigation .mobile-nav__link,
#slideout-mobile-navigation .list-menu__item-link,
.slideout[data-wau-slideout="mobile-navigation"] a,
.slideout[data-wau-slideout="mobile-navigation"] .mobile-nav__link,
.slideout[data-wau-slideout="mobile-navigation"] .list-menu__item-link {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important; /* Safari */
  text-decoration: none !important;
}

/* Ensure all states stay white */
#slideout-mobile-navigation a:link,
#slideout-mobile-navigation a:visited,
#slideout-mobile-navigation a:hover,
#slideout-mobile-navigation a:active,
.slideout[data-wau-slideout="mobile-navigation"] a:link,
.slideout[data-wau-slideout="mobile-navigation"] a:visited,
.slideout[data-wau-slideout="mobile-navigation"] a:hover,
.slideout[data-wau-slideout="mobile-navigation"] a:active {
  color: #ffffff !important;
}

/* Dropdown toggles / summary items */
#slideout-mobile-navigation button,
#slideout-mobile-navigation summary,
.slideout[data-wau-slideout="mobile-navigation"] button,
.slideout[data-wau-slideout="mobile-navigation"] summary {
  color: #ffffff !important;
}

/* Icons & chevrons */
#slideout-mobile-navigation svg,
#slideout-mobile-navigation svg *,
.slideout[data-wau-slideout="mobile-navigation"] svg,
.slideout[data-wau-slideout="mobile-navigation"] svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Divider lines in drawer */
#slideout-mobile-navigation li,
.slideout[data-wau-slideout="mobile-navigation"] li {
  border-color: #ffffff !important;
}

/* ==============================
   4) FOOTER — links black; mailto blue + underlined
   ============================== */
#footer a,
.site-footer a,
.footer-menu a {
  color: #000 !important;
  text-decoration: none !important;
}
#footer a[href^="mailto:"],
.site-footer a[href^="mailto:"],
.footer-menu a[href^="mailto:"] {
  color: #2e6fff !important;
  text-decoration: underline !important;
}
/* === Hub pills: enforce colors on mobile too === */
@media (max-width: 768px) {
  .hub-crosslinks .hub-block.hub-pink {
    background: #ffe6ee !important;
    border-color: #eba1b8 !important;
  }
  .hub-crosslinks .hub-block.hub-blue {
    background: #e8f1ff !important;
    border-color: #cddffc !important;
  }
  /* make sure the pills are visible & not collapsing */
  .hub-crosslinks .hub-blocks {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .hub-crosslinks .hub-block {
    display: block !important;
  }
}
/* === HUB PILLS — MOBILE ENFORCER (wins vs gradients / mobile overrides) === */
@media (max-width: 768px) {
  /* Pink pill */
  body .hub-crosslinks .hub-blocks > a.hub-block.hub-pink,
  body .template-page .hub-crosslinks .hub-blocks > a.hub-block.hub-pink,
  body .main__content-wrapper .hub-crosslinks .hub-blocks > a.hub-block.hub-pink {
    background: #ffe6ee !important;
    background-color: #ffe6ee !important;   /* belt + suspenders */
    background-image: none !important;      /* kill mobile gradients/images */
    border-color: #eba1b8 !important;
  }

  /* Blue pills */
  body .hub-crosslinks .hub-blocks > a.hub-block.hub-blue,
  body .template-page .hub-crosslinks .hub-blocks > a.hub-block.hub-blue,
  body .main__content-wrapper .hub-crosslinks .hub-blocks > a.hub-block.hub-blue {
    background: #e8f1ff !important;
    background-color: #e8f1ff !important;
    background-image: none !important;
    border-color: #cddffc !important;
  }

  /* Make sure layout isn't collapsing on mobile */
  body .hub-crosslinks .hub-blocks { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  body .hub-crosslinks .hub-block   { display: block !important; }
}
/* Content links + product titles blue; header/footer untouched */
main a {
  color: #2b6cf6 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2px !important;
}

/* Keep footer policy links black */
footer[role="contentinfo"] a {
  color: #000 !important;
  text-decoration: underline;
}