/** Shopify CDN: Minification failed

Line 2452:0 Unexpected "<"
Line 2454:17 Unexpected "{"
Line 2454:26 Expected ":"
Line 2454:33 Unexpected "{"
Line 2465:14 Expected identifier but found whitespace
Line 2465:16 Unexpected "{"
Line 2465:25 Expected ":"
Line 2465:60 Unexpected "0"
Line 2465:63 Unexpected "{"
Line 2465:72 Expected ":"
... and 125 more hidden warnings

**/
/* =========================================================
   Baylees Creations Custom Theme Foundation
   File: assets/bc-custom.css
   ========================================================= */

:root {
  --bc-black: #000000;
  --bc-white: #ffffff;
  --bc-charcoal: #111111;
  --bc-gray-900: #181818;
  --bc-gray-700: #444444;
  --bc-gray-500: #777777;
  --bc-gray-300: #d9d9d9;
  --bc-gray-200: #e8e8e8;
  --bc-gray-100: #f6f6f6;
  --bc-magenta: #f402eb;
  --bc-magenta-dark: #c900c1;

  --bc-radius-sm: 10px;
  --bc-radius-md: 18px;
  --bc-radius-lg: 28px;

  --bc-shadow-soft: 0 14px 40px rgba(0, 0, 0, 0.08);
  --bc-shadow-card: 0 12px 28px rgba(0, 0, 0, 0.1);

  --bc-page-width: 1240px;
}

/* Safer sizing */
.bc-section,
.bc-section * {
  box-sizing: border-box;
}

.bc-section {
  width: 100%;
}

.bc-container {
  width: min(var(--bc-page-width), calc(100% - 32px));
  margin-inline: auto;
}

@media screen and (min-width: 750px) {
  .bc-container {
    width: min(var(--bc-page-width), calc(100% - 64px));
  }
}

/* Typography helpers */
.bc-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 14px;
  padding: 8px 12px;
  border: 1px solid rgba(244, 2, 235, 0.25);
  border-radius: 999px;
  background: rgba(244, 2, 235, 0.08);
  color: var(--bc-magenta-dark);
  font-size: 0.82rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bc-heading {
  margin: 0;
  color: var(--bc-black);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 0.95;
}

.bc-text {
  margin: 0;
  color: var(--bc-gray-700);
  font-size: clamp(1.05rem, 1.6vw, 1.22rem);
  line-height: 1.55;
}

/* Buttons */
.bc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.bc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 22px;
  border: 2px solid transparent;
  border-radius: 999px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}

.bc-button:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

.bc-button--primary {
  background: var(--bc-magenta);
  color: var(--bc-white);
  box-shadow: 0 12px 26px rgba(244, 2, 235, 0.22);
}

.bc-button--primary:hover {
  background: var(--bc-magenta-dark);
  color: var(--bc-white);
}

.bc-button--secondary {
  background: var(--bc-white);
  color: var(--bc-black);
  border-color: var(--bc-black);
}

.bc-button--secondary:hover {
  background: var(--bc-black);
  color: var(--bc-white);
}

.bc-button--dark {
  background: var(--bc-black);
  color: var(--bc-white);
}

.bc-button--dark:hover {
  background: var(--bc-charcoal);
  color: var(--bc-white);
}

/* Badges */
.bc-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bc-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 1px solid var(--bc-gray-200);
  border-radius: 999px;
  background: var(--bc-white);
  color: var(--bc-charcoal);
  font-size: 0.92rem;
  line-height: 1;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.bc-badge::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--bc-magenta);
}

/* Hero section */
.bc-hero {
  padding-block: var(--bc-hero-pt, 56px) var(--bc-hero-pb, 56px);
  overflow: hidden;
}

.bc-hero--white {
  background: var(--bc-white);
}

.bc-hero--soft {
  background:
    radial-gradient(circle at 85% 10%, rgba(244, 2, 235, 0.16), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f7f7f7 100%);
}

.bc-hero--dark {
  background:
    radial-gradient(circle at 86% 16%, rgba(244, 2, 235, 0.34), transparent 30%),
    linear-gradient(135deg, #050505 0%, #171717 100%);
}

.bc-hero--dark .bc-heading,
.bc-hero--dark .bc-text {
  color: var(--bc-white);
}

.bc-hero--dark .bc-text {
  opacity: 0.86;
}

.bc-hero--dark .bc-eyebrow {
  background: rgba(244, 2, 235, 0.16);
  border-color: rgba(244, 2, 235, 0.45);
  color: var(--bc-white);
}

.bc-hero__grid {
  display: grid;
  gap: 32px;
  align-items: center;
}

.bc-hero__grid--image-right {
  grid-template-areas: "content" "media";
}

.bc-hero__grid--image-left {
  grid-template-areas: "content" "media";
}

.bc-hero__content {
  grid-area: content;
  max-width: 760px;
}

.bc-hero__media {
  grid-area: media;
}

.bc-hero__heading {
  max-width: 760px;
  font-size: clamp(2.55rem, 8vw, 5.6rem);
}

.bc-hero__text {
  max-width: 660px;
  margin-top: 18px;
}

.bc-hero__actions {
  margin-top: 28px;
}

.bc-hero__badges {
  margin-top: 24px;
}

.bc-hero__image-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--bc-radius-lg);
  background: var(--bc-gray-100);
  box-shadow: var(--bc-shadow-soft);
}

.bc-hero__image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: inherit;
}

.bc-hero__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.bc-hero__placeholder {
  display: grid;
  min-height: 340px;
  place-items: center;
  padding: 32px;
  color: var(--bc-gray-500);
  font-weight: 800;
  text-align: center;
}

@media screen and (min-width: 990px) {
  .bc-hero {
    padding-block: var(--bc-hero-pt-desktop, 78px) var(--bc-hero-pb-desktop, 78px);
  }

  .bc-hero__grid {
    grid-template-columns: minmax(0, 1.04fr) minmax(380px, 0.96fr);
    gap: 56px;
  }

  .bc-hero__grid--image-right {
    grid-template-areas: "content media";
  }

  .bc-hero__grid--image-left {
    grid-template-areas: "media content";
  }

  .bc-hero__image {
    aspect-ratio: 1 / 1;
  }
}

@media screen and (max-width: 749px) {
  .bc-hero {
    padding-block: var(--bc-hero-pt-mobile, 42px) var(--bc-hero-pb-mobile, 42px);
  }

  .bc-hero__content {
    text-align: left;
  }

  .bc-hero__actions {
    width: 100%;
  }

  .bc-button {
    width: 100%;
  }

  .bc-badge-row {
    gap: 8px;
  }

  .bc-badge {
    font-size: 0.86rem;
  }
}
/* =========================================================
   BC Hero Mobile Tightening Overrides
   ========================================================= */

@media screen and (max-width: 749px) {
  .bc-hero {
    padding-block: 32px 34px;
  }

  .bc-hero__grid {
    gap: 24px;
  }

  .bc-hero__heading {
    font-size: clamp(2.15rem, 11vw, 3.35rem);
    line-height: 0.96;
  }

  .bc-hero__text {
    margin-top: 14px;
    font-size: 1.12rem;
    line-height: 1.45;
  }

  .bc-hero__actions {
    margin-top: 22px;
    gap: 10px;
  }

  .bc-button {
    min-height: 54px;
    padding: 13px 18px;
    font-size: 1rem;
  }

  .bc-hero__badges {
    margin-top: 20px;
  }

  .bc-badge-row {
    gap: 9px;
  }

  .bc-badge {
    padding: 8px 11px;
    font-size: 0.88rem;
  }

  .bc-badge::before {
    width: 7px;
    height: 7px;
  }

  .bc-hero__image-wrap {
    border-radius: 22px;
  }

  .bc-hero__image {
    aspect-ratio: 1 / 0.72;
    object-fit: cover;
  }

  .bc-hero__placeholder {
    min-height: 240px;
  }
}
/* =========================================================
   BC Hero Tablet + Shopify Preview Fix
   Fixes oversized hero text on narrow stacked layouts
   ========================================================= */

@media screen and (max-width: 989px) {
  .bc-hero {
    padding-block: 36px 38px;
  }

  .bc-hero__grid {
    gap: 26px;
  }

  .bc-hero__heading {
    font-size: clamp(2.4rem, 8.4vw, 4.25rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
  }

  .bc-hero__text {
    max-width: 620px;
    margin-top: 18px;
    font-size: clamp(1.05rem, 3.6vw, 1.35rem);
    line-height: 1.45;
  }

  .bc-hero__actions {
    margin-top: 28px;
    gap: 12px;
  }

  .bc-button {
    width: 100%;
    min-height: 58px;
    padding: 14px 18px;
    font-size: 1.05rem;
  }

  .bc-hero__badges {
    margin-top: 22px;
  }

  .bc-badge-row {
    gap: 10px;
  }

  .bc-badge {
    padding: 8px 12px;
    font-size: 0.92rem;
  }

  .bc-hero__image {
    aspect-ratio: 1 / 0.72;
    object-fit: cover;
  }
}

@media screen and (max-width: 480px) {
  .bc-hero__heading {
    font-size: clamp(2.1rem, 11vw, 3.15rem);
  }

  .bc-hero__text {
    font-size: 1.08rem;
  }

  .bc-button {
    min-height: 54px;
    font-size: 1rem;
  }

  .bc-badge {
    font-size: 0.86rem;
  }
}
/* =========================================================
   BC Hero Final Polish
   ========================================================= */

.bc-hero__content {
  max-width: 860px;
}

.bc-hero__heading {
  max-width: 820px;
}

.bc-hero__text {
  max-width: 720px;
}

.bc-hero__actions {
  max-width: 900px;
}

.bc-hero__image-wrap {
  max-height: 440px;
}

.bc-hero__image {
  max-height: 440px;
  object-fit: cover;
}

@media screen and (min-width: 990px) {
  .bc-hero__grid {
    align-items: center;
  }

  .bc-hero__grid:not(.bc-hero__grid--image-left):not(.bc-hero__grid--image-right) {
    display: block;
  }
}

@media screen and (max-width: 989px) {
  .bc-hero__image-wrap {
    max-height: 360px;
  }

  .bc-hero__image {
    max-height: 360px;
  }
}

@media screen and (max-width: 749px) {
  .bc-hero__image-wrap {
    max-height: 300px;
  }

  .bc-hero__image {
    max-height: 300px;
  }
}
/* =========================================================
   BC Hero Final Responsive Polish
   ========================================================= */

@media screen and (max-width: 749px) {
  .bc-hero {
    padding-block: 26px 30px !important;
  }

  .bc-hero__grid {
    gap: 22px;
  }

  .bc-eyebrow {
    max-width: 100%;
    padding: 7px 10px;
    font-size: 0.72rem;
    line-height: 1.15;
    letter-spacing: 0.055em;
  }

  .bc-hero__heading {
    font-size: clamp(2.05rem, 9.2vw, 2.85rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
  }

  .bc-hero__text {
    margin-top: 14px;
    font-size: 1.05rem;
    line-height: 1.42;
  }

  .bc-hero__actions {
    margin-top: 22px;
    gap: 10px;
  }

  .bc-button {
    min-height: 52px;
    padding: 13px 18px;
    font-size: 0.98rem;
  }

  .bc-hero__badges {
    margin-top: 18px;
  }

  .bc-badge-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  .bc-badge {
    justify-content: center;
    padding: 8px 9px;
    font-size: 0.82rem;
    white-space: nowrap;
  }

  .bc-hero__image-wrap {
    max-height: 260px;
    border-radius: 20px;
  }

  .bc-hero__image {
    max-height: 260px;
    aspect-ratio: 1 / 0.72;
    object-fit: cover;
  }
}

@media screen and (max-width: 390px) {
  .bc-badge-row {
    grid-template-columns: 1fr;
  }

  .bc-badge {
    width: 100%;
  }
}
/* =========================================================
   BC Three-Door Navigation
   ========================================================= */

.bc-door-nav {
  padding-block: var(--bc-door-pt, 58px) var(--bc-door-pb, 58px);
}

.bc-door-nav--white {
  background: var(--bc-white);
}

.bc-door-nav--soft {
  background: var(--bc-gray-100);
}

.bc-door-nav--dark {
  background: var(--bc-black);
}

.bc-door-nav--dark .bc-door-nav__heading,
.bc-door-nav--dark .bc-door-card__title {
  color: var(--bc-white);
}

.bc-door-nav--dark .bc-door-nav__text,
.bc-door-nav--dark .bc-door-card__text {
  color: rgba(255, 255, 255, 0.78);
}

.bc-door-nav__intro {
  max-width: 780px;
  margin-bottom: 28px;
}

.bc-door-nav__heading {
  margin: 0;
  color: var(--bc-black);
  font-size: clamp(2rem, 4.8vw, 4.15rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
  font-weight: 900;
}

.bc-door-nav__text {
  max-width: 680px;
  margin-top: 14px;
  color: var(--bc-gray-700);
  font-size: clamp(1.02rem, 1.7vw, 1.22rem);
  line-height: 1.5;
}

.bc-door-nav__grid {
  display: grid;
  gap: 18px;
}

.bc-door-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid var(--bc-gray-200);
  border-radius: var(--bc-radius-lg);
  background: var(--bc-white);
  color: inherit;
  text-decoration: none;
  box-shadow: var(--bc-shadow-soft);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease;
}

.bc-door-card:hover {
  transform: translateY(-2px);
  border-color: rgba(244, 2, 235, 0.45);
  box-shadow: var(--bc-shadow-card);
  text-decoration: none;
}

.bc-door-card--featured {
  border-color: rgba(244, 2, 235, 0.42);
  box-shadow: 0 16px 44px rgba(244, 2, 235, 0.13);
}

.bc-door-card__media {
  position: relative;
  overflow: hidden;
  background: var(--bc-gray-100);
}

.bc-door-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 220ms ease;
}

.bc-door-card:hover .bc-door-card__image {
  transform: scale(1.025);
}

.bc-door-card__placeholder {
  display: grid;
  min-height: 180px;
  place-items: center;
  padding: 24px;
  color: var(--bc-gray-500);
  font-weight: 800;
  text-align: center;
}

.bc-door-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.bc-door-card__label {
  width: fit-content;
  margin-bottom: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(244, 2, 235, 0.1);
  color: var(--bc-magenta-dark);
  font-size: 0.76rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bc-door-card__title {
  margin: 0;
  color: var(--bc-black);
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1;
  letter-spacing: -0.035em;
  font-weight: 900;
}

.bc-door-card__text {
  margin: 12px 0 0;
  color: var(--bc-gray-700);
  font-size: 1rem;
  line-height: 1.48;
}

.bc-door-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: auto;
  padding-top: 22px;
  color: var(--bc-black);
  font-size: 0.98rem;
  line-height: 1;
  font-weight: 900;
}

.bc-door-card__cta::after {
  content: "→";
  color: var(--bc-magenta);
  font-size: 1.2em;
  line-height: 1;
}

@media screen and (min-width: 750px) {
  .bc-door-nav__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 749px) {
  .bc-door-nav {
    padding-block: var(--bc-door-pt-mobile, 38px) var(--bc-door-pb-mobile, 42px);
  }

  .bc-door-nav__intro {
    margin-bottom: 20px;
  }

  .bc-door-nav__heading {
    font-size: clamp(2rem, 9vw, 2.75rem);
  }

  .bc-door-nav__text {
    font-size: 1.03rem;
  }

  .bc-door-card__body {
    padding: 20px;
  }

  .bc-door-card__image {
    aspect-ratio: 16 / 9;
  }
}
/* =========================================================
   BC Three-Door Dark Mode Card Fix
   ========================================================= */

.bc-door-nav--dark .bc-door-card {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
}

.bc-door-nav--dark .bc-door-card__body {
  background: #111111 !important;
}

.bc-door-nav--dark .bc-door-card__title {
  color: #ffffff !important;
}

.bc-door-nav--dark .bc-door-card__text {
  color: rgba(255, 255, 255, 0.78) !important;
}

.bc-door-nav--dark .bc-door-card__cta {
  color: #ffffff !important;
}

.bc-door-nav--dark .bc-door-card__label {
  background: rgba(244, 2, 235, 0.16) !important;
  color: #ffffff !important;
}

.bc-door-nav--dark .bc-door-card:hover {
  border-color: rgba(244, 2, 235, 0.7) !important;
  box-shadow: 0 18px 48px rgba(244, 2, 235, 0.18) !important;
}
/* =========================================================
   BC Trust Strip
   ========================================================= */

.bc-trust-strip {
  padding-block: var(--bc-trust-pt, 28px) var(--bc-trust-pb, 28px);
  overflow: hidden;
}

.bc-trust-strip--black {
  background: var(--bc-black);
}

.bc-trust-strip--white {
  background: var(--bc-white);
}

.bc-trust-strip--magenta {
  background: var(--bc-magenta);
}

.bc-trust-strip__inner {
  display: grid;
  gap: 14px;
}

.bc-trust-strip__heading {
  margin: 0;
  color: var(--bc-white);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.bc-trust-strip--white .bc-trust-strip__heading {
  color: var(--bc-black);
}

.bc-trust-strip--magenta .bc-trust-strip__heading {
  color: var(--bc-white);
}

.bc-trust-strip__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bc-trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--bc-white);
  font-size: 0.92rem;
  line-height: 1;
  font-weight: 850;
}

.bc-trust-pill::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--bc-magenta);
}

.bc-trust-strip--white .bc-trust-pill {
  border-color: var(--bc-gray-200);
  background: var(--bc-gray-100);
  color: var(--bc-black);
}

.bc-trust-strip--magenta .bc-trust-pill {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(0, 0, 0, 0.14);
  color: var(--bc-white);
}

.bc-trust-strip--magenta .bc-trust-pill::before {
  background: var(--bc-white);
}

@media screen and (min-width: 990px) {
  .bc-trust-strip__inner {
    grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
    align-items: center;
  }

  .bc-trust-strip__items {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 749px) {
  .bc-trust-strip {
    padding-block: var(--bc-trust-pt-mobile, 24px) var(--bc-trust-pb-mobile, 24px);
  }

  .bc-trust-strip__items {
    display: grid;
    grid-template-columns: 1fr;
  }

  .bc-trust-pill {
    width: 100%;
    justify-content: flex-start;
  }
}
/* =========================================================
   BC Split Feature V2
   ========================================================= */

.bc-split-feature {
  padding-block: var(--bc-split-pt, 72px) var(--bc-split-pb, 72px);
  overflow: hidden;
}

.bc-split-feature--white {
  background: var(--bc-white);
}

.bc-split-feature--soft {
  background: var(--bc-gray-100);
}

.bc-split-feature--black {
  background:
    radial-gradient(circle at 85% 20%, rgba(244, 2, 235, 0.18), transparent 30%),
    var(--bc-black);
}

.bc-split-feature--magenta {
  background:
    radial-gradient(circle at 85% 18%, rgba(255, 255, 255, 0.28), transparent 30%),
    var(--bc-magenta);
}

.bc-split-feature--black .bc-split-feature__heading,
.bc-split-feature--black .bc-split-feature__text,
.bc-split-feature--black .bc-split-feature__item,
.bc-split-feature--magenta .bc-split-feature__heading,
.bc-split-feature--magenta .bc-split-feature__text,
.bc-split-feature--magenta .bc-split-feature__item {
  color: var(--bc-white);
}

.bc-split-feature--black .bc-eyebrow {
  color: var(--bc-white);
  border-color: rgba(244, 2, 235, 0.42);
  background: rgba(244, 2, 235, 0.14);
}

.bc-split-feature--magenta .bc-eyebrow {
  color: var(--bc-white);
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.16);
}

.bc-split-feature__grid {
  display: grid;
  gap: 34px;
  align-items: center;
}

.bc-split-feature__content {
  max-width: 700px;
}

.bc-split-feature__heading {
  margin: 0;
  color: var(--bc-black);
  font-size: clamp(2.25rem, 5vw, 5rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
  font-weight: 950;
}

.bc-split-feature__text {
  margin-top: 18px;
  color: var(--bc-gray-700);
  font-size: clamp(1.05rem, 1.6vw, 1.24rem);
  line-height: 1.52;
}

.bc-split-feature__items {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.bc-split-feature__item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--bc-charcoal);
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 800;
}

.bc-split-feature__item::before {
  content: "";
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 999px;
  background: var(--bc-magenta);
}

.bc-split-feature--magenta .bc-split-feature__item::before {
  background: var(--bc-white);
}

.bc-split-feature__actions {
  margin-top: 28px;
}

.bc-split-feature__media {
  position: relative;
}

.bc-split-feature__image-wrap {
  overflow: hidden;
  border-radius: var(--bc-radius-lg);
  background: var(--bc-gray-100);
  box-shadow: var(--bc-shadow-soft);
}

.bc-split-feature__image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.bc-split-feature__placeholder {
  display: grid;
  min-height: 360px;
  place-items: center;
  padding: 32px;
  color: var(--bc-gray-500);
  font-weight: 850;
  text-align: center;
}

.bc-split-feature__callout {
  position: absolute;
  right: 18px;
  bottom: 18px;
  max-width: min(320px, calc(100% - 36px));
  padding: 18px;
  border-radius: 22px;
  background: var(--bc-white);
  color: var(--bc-black);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}

.bc-split-feature__callout strong {
  display: block;
  margin-bottom: 5px;
  font-size: 1.05rem;
  line-height: 1.05;
  font-weight: 950;
}

.bc-split-feature__callout span {
  display: block;
  color: var(--bc-gray-700);
  font-size: 0.92rem;
  line-height: 1.35;
  font-weight: 650;
}

@media screen and (min-width: 990px) {
  .bc-split-feature__grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
    gap: 58px;
  }

  .bc-split-feature__grid--image-left {
    grid-template-columns: minmax(420px, 1.08fr) minmax(0, 0.92fr);
  }

  .bc-split-feature__grid--image-left .bc-split-feature__media {
    order: -1;
  }
}

@media screen and (max-width: 749px) {
  .bc-split-feature {
    padding-block: var(--bc-split-pt-mobile, 46px) var(--bc-split-pb-mobile, 48px);
  }

  .bc-split-feature__grid {
    gap: 28px;
  }

  .bc-split-feature__heading {
    font-size: clamp(2.15rem, 9.2vw, 3rem);
  }

  .bc-split-feature__text {
    font-size: 1.05rem;
  }

  .bc-split-feature__image {
    max-height: 320px;
    aspect-ratio: 1 / 0.82;
  }

  .bc-split-feature__placeholder {
    min-height: 250px;
  }

  .bc-split-feature__callout {
    position: static;
    max-width: none;
    margin-top: 12px;
    border: 1px solid var(--bc-gray-200);
    box-shadow: none;
  }
}
/* =========================================================
   BC Hero Trust Items — Make Them Look Non-Clickable
   Removes button-like pill styling to prevent ghost clicks
   ========================================================= */

.bc-custom-hero-section .bc-hero__badges {
  margin-top: 24px;
}

.bc-custom-hero-section .bc-badge-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
}

.bc-custom-hero-section .bc-badge {
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.94rem;
  line-height: 1.25;
  font-weight: 800;
  white-space: normal !important;
  cursor: default;
  pointer-events: none;
}

.bc-custom-hero-section .bc-badge::before {
  width: 7px;
  height: 7px;
  margin-right: 1px;
  background: var(--bc-magenta);
}

/* Light hero fallback */
.bc-custom-hero-section .bc-hero--white .bc-badge,
.bc-custom-hero-section .bc-hero--soft .bc-badge {
  color: rgba(0, 0, 0, 0.72) !important;
}

/* Mobile: keep them compact and obviously informational */
@media screen and (max-width: 749px) {
  .bc-custom-hero-section .bc-hero__badges {
    margin-top: 18px;
  }

  .bc-custom-hero-section .bc-badge-row {
    display: flex !important;
    gap: 9px 14px;
  }

  .bc-custom-hero-section .bc-badge {
    justify-content: flex-start !important;
    font-size: 0.82rem;
  }
}
/* =========================================================
   BC Trust Strip — Non-Clickable Info Style
   Makes trust items feel like reassurance, not buttons
   ========================================================= */

.bc-trust-strip .bc-trust-strip__inner {
  gap: 18px;
}

.bc-trust-strip .bc-trust-strip__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  align-items: center;
}

.bc-trust-strip .bc-trust-pill {
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.95rem;
  line-height: 1.3;
  font-weight: 800;
  cursor: default;
  pointer-events: none;
}

.bc-trust-strip .bc-trust-pill::before {
  width: 7px;
  height: 7px;
  background: var(--bc-magenta);
}

/* White background fallback */
.bc-trust-strip--white .bc-trust-pill {
  color: rgba(0, 0, 0, 0.72) !important;
}

/* Magenta background fallback */
.bc-trust-strip--magenta .bc-trust-pill {
  color: rgba(255, 255, 255, 0.9) !important;
}

.bc-trust-strip--magenta .bc-trust-pill::before {
  background: #ffffff;
}

/* Desktop alignment: keep it clean and readable */
@media screen and (min-width: 990px) {
  .bc-trust-strip .bc-trust-strip__inner {
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .bc-trust-strip .bc-trust-strip__items {
    justify-content: flex-end;
  }
}

/* Mobile: stack as a simple info list */
@media screen and (max-width: 749px) {
  .bc-trust-strip .bc-trust-strip__inner {
    gap: 14px;
  }

  .bc-trust-strip .bc-trust-strip__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .bc-trust-strip .bc-trust-pill {
    width: 100% !important;
    justify-content: flex-start;
    font-size: 0.9rem;
  }
}
/* =========================================================
   Judge.me Review Section Polish
   Makes the review widget feel integrated with the custom site
   ========================================================= */

.jdgm-widget,
.jdgm-rev-widg,
.jdgm-all-reviews-widget,
.jdgm-carousel-wrapper {
  max-width: 980px !important;
  margin-inline: auto !important;
}

/* Tighten the large empty space around the review block */
.jdgm-widget {
  padding-top: 36px !important;
  padding-bottom: 44px !important;
}

/* Main review title */
.jdgm-widget h2,
.jdgm-rev-widg__title,
.jdgm-all-reviews-widget h2 {
  color: #000000 !important;
  font-size: clamp(1.8rem, 3.4vw, 3rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
  font-weight: 950 !important;
  text-align: center !important;
}

/* Body/summary text */
.jdgm-widget p,
.jdgm-rev-widg__summary-text,
.jdgm-ai-review-summary,
.jdgm-medals__container,
.jdgm-histogram {
  color: rgba(0, 0, 0, 0.72) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* Review summary badge/pill cleanup */
.jdgm-medals__container span,
.jdgm-widget .jdgm-medal,
.jdgm-widget .jdgm-chip {
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* Judge.me button styling */
.jdgm-widget button,
.jdgm-write-rev-link,
.jdgm-widget a.jdgm-write-rev-link,
.jdgm-all-reviews-widget a,
.jdgm-rev-widg__summary button {
  border-radius: 999px !important;
  background: var(--bc-magenta) !important;
  color: #ffffff !important;
  border: 2px solid var(--bc-magenta) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(244, 2, 235, 0.2) !important;
}

/* Keep stars/review accents clean */
.jdgm-star,
.jdgm-prev-badge__stars,
.jdgm-rev__rating {
  color: #000000 !important;
}

/* Mobile tightening */
@media screen and (max-width: 749px) {
  .jdgm-widget {
    padding-top: 28px !important;
    padding-bottom: 34px !important;
  }

  .jdgm-widget h2,
  .jdgm-rev-widg__title,
  .jdgm-all-reviews-widget h2 {
    font-size: clamp(1.75rem, 8vw, 2.4rem) !important;
  }

  .jdgm-widget p,
  .jdgm-rev-widg__summary-text,
  .jdgm-ai-review-summary {
    font-size: 0.98rem !important;
  }
}
/* =========================================================
   HARD FIX — Judge.me Section Spacing + Integration
   Targets the Shopify app section wrapper, not just Judge.me
   ========================================================= */

/* Pull the Judge.me app section up and remove excessive white space */
.shopify-section:has(.jdgm-widget),
.shopify-section:has(.jdgm-all-reviews-widget),
.shopify-section:has(.jdgm-carousel-wrapper),
.shopify-section:has(.jdgm-review-widget) {
  padding-top: 28px !important;
  padding-bottom: 52px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: #ffffff !important;
}

/* Remove extra spacing from app wrappers */
.shopify-section:has(.jdgm-widget) .shopify-app-block,
.shopify-section:has(.jdgm-all-reviews-widget) .shopify-app-block,
.shopify-section:has(.jdgm-carousel-wrapper) .shopify-app-block,
.shopify-section:has(.jdgm-review-widget) .shopify-app-block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Target common Judge.me containers */
.jdgm-widget,
.jdgm-all-reviews-widget,
.jdgm-carousel-wrapper,
.jdgm-review-widget,
.jdgm-rev-widg,
.jdgm-widget.jdgm-widget {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Tighten any inner Judge.me summary containers */
.jdgm-all-reviews-widget,
.jdgm-all-reviews-widget__wrapper,
.jdgm-ai-review-summary,
.jdgm-review-summary,
.jdgm-medals,
.jdgm-medals-wrapper {
  margin-top: 0 !important;
}

/* Main Judge.me title */
.jdgm-widget h2,
.jdgm-all-reviews-widget h2,
.jdgm-rev-widg__title,
.jdgm-review-widget h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  color: #000000 !important;
  font-size: clamp(1.75rem, 3vw, 2.65rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
  font-weight: 950 !important;
  text-align: center !important;
}

/* Judge.me paragraph/summary text */
.jdgm-widget p,
.jdgm-all-reviews-widget p,
.jdgm-ai-review-summary,
.jdgm-rev-widg__summary-text {
  color: rgba(0, 0, 0, 0.72) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* Judge.me review button */
.jdgm-widget button,
.jdgm-widget a,
.jdgm-write-rev-link,
.jdgm-all-reviews-widget a,
.jdgm-rev-widg__summary button {
  border-radius: 999px !important;
}

/* Specifically style the visible review CTA */
.jdgm-widget a[href],
.jdgm-all-reviews-widget a[href],
.jdgm-rev-widg a[href] {
  font-weight: 900 !important;
}

/* Mobile tightening */
@media screen and (max-width: 749px) {
  .shopify-section:has(.jdgm-widget),
  .shopify-section:has(.jdgm-all-reviews-widget),
  .shopify-section:has(.jdgm-carousel-wrapper),
  .shopify-section:has(.jdgm-review-widget) {
    padding-top: 24px !important;
    padding-bottom: 38px !important;
  }

  .jdgm-widget h2,
  .jdgm-all-reviews-widget h2,
  .jdgm-rev-widg__title,
  .jdgm-review-widget h2 {
    font-size: clamp(1.6rem, 7vw, 2.15rem) !important;
  }
}
/* =========================================================
   BC Final CTA V2
   Strong closing action section
   ========================================================= */

.bc-final-cta {
  padding-block: var(--bc-final-pt, 72px) var(--bc-final-pb, 76px);
  overflow: hidden;
}

.bc-final-cta--black {
  background:
    radial-gradient(circle at 82% 16%, rgba(244, 2, 235, 0.24), transparent 32%),
    linear-gradient(135deg, #050505 0%, #151515 100%);
}

.bc-final-cta--magenta {
  background:
    radial-gradient(circle at 80% 18%, rgba(255, 255, 255, 0.28), transparent 32%),
    var(--bc-magenta);
}

.bc-final-cta--soft {
  background: var(--bc-gray-100);
}

.bc-final-cta--white {
  background: var(--bc-white);
}

.bc-final-cta__box {
  position: relative;
  overflow: hidden;
  padding: clamp(32px, 5vw, 64px);
  border-radius: var(--bc-radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: var(--bc-shadow-soft);
}

.bc-final-cta--white .bc-final-cta__box,
.bc-final-cta--soft .bc-final-cta__box {
  border-color: var(--bc-gray-200);
  background: var(--bc-white);
}

.bc-final-cta__inner {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 28px;
  align-items: center;
}

.bc-final-cta__content {
  max-width: 820px;
}

.bc-final-cta__eyebrow {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 14px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(244, 2, 235, 0.42);
  background: rgba(244, 2, 235, 0.16);
  color: var(--bc-white);
  font-size: 0.78rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bc-final-cta--white .bc-final-cta__eyebrow,
.bc-final-cta--soft .bc-final-cta__eyebrow {
  color: var(--bc-magenta-dark);
  background: rgba(244, 2, 235, 0.08);
}

.bc-final-cta__heading {
  margin: 0;
  color: var(--bc-white);
  font-size: clamp(2.4rem, 5.8vw, 5.6rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
  font-weight: 950;
}

.bc-final-cta--white .bc-final-cta__heading,
.bc-final-cta--soft .bc-final-cta__heading {
  color: var(--bc-black);
}

.bc-final-cta__text {
  max-width: 680px;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  line-height: 1.52;
}

.bc-final-cta--white .bc-final-cta__text,
.bc-final-cta--soft .bc-final-cta__text {
  color: rgba(0, 0, 0, 0.72);
}

.bc-final-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.bc-final-cta__notes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 22px;
}

.bc-final-cta__note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.95rem;
  line-height: 1.25;
  font-weight: 800;
}

.bc-final-cta__note::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--bc-magenta);
}

.bc-final-cta--white .bc-final-cta__note,
.bc-final-cta--soft .bc-final-cta__note {
  color: rgba(0, 0, 0, 0.72);
}

.bc-final-cta--magenta .bc-final-cta__note::before {
  background: var(--bc-white);
}

@media screen and (min-width: 990px) {
  .bc-final-cta__inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .bc-final-cta__actions {
    justify-content: flex-end;
  }

  .bc-final-cta .bc-button {
    min-width: 220px;
  }
}

@media screen and (max-width: 749px) {
  .bc-final-cta {
    padding-block: var(--bc-final-pt-mobile, 44px) var(--bc-final-pb-mobile, 48px);
  }

  .bc-final-cta__box {
    padding: 28px 22px;
    border-radius: 24px;
  }

  .bc-final-cta__heading {
    font-size: clamp(2.2rem, 10vw, 3.1rem);
  }

  .bc-final-cta__text {
    font-size: 1.04rem;
  }

  .bc-final-cta__actions {
    width: 100%;
  }

  .bc-final-cta .bc-button {
    width: 100%;
  }

  .bc-final-cta__notes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }
}
/* =========================================================
   BC Global Readability Floor
   Prevents tiny body copy across homepage/custom sections
   ========================================================= */

/* Main content paragraphs should never get too small */
#MainContent p,
#MainContent li,
#MainContent .rte,
#MainContent .rte p,
#MainContent .rich-text__text,
#MainContent .image-with-text__text,
#MainContent .multicolumn-card__info,
#MainContent .jdgm-widget p {
  font-size: max(1rem, 16px) !important;
  line-height: 1.55 !important;
}

/* Custom section body copy floor */
.bc-section p,
.bc-section li,
.bc-text,
.bc-door-card__text,
.bc-split-feature__text,
.bc-final-cta__text,
.bc-trust-pill,
.bc-final-cta__note {
  font-size: max(1rem, 16px) !important;
  line-height: 1.5 !important;
}

/* Better desktop readability */
@media screen and (min-width: 990px) {
  #MainContent p,
  #MainContent li,
  #MainContent .rte,
  #MainContent .rte p,
  #MainContent .rich-text__text,
  #MainContent .image-with-text__text {
    font-size: max(1.06rem, 17px) !important;
  }

  .bc-section p,
  .bc-section li,
  .bc-text,
  .bc-door-card__text,
  .bc-split-feature__text,
  .bc-final-cta__text {
    font-size: max(1.06rem, 17px) !important;
  }
}

/* Do not let app/review summary text get microscopic */
.jdgm-widget,
.jdgm-widget p,
.jdgm-widget span,
.jdgm-ai-review-summary {
  font-size: max(0.95rem, 15px) !important;
  line-height: 1.45 !important;
}

/* Keep small labels small, but still readable */
.bc-eyebrow,
.bc-door-card__label,
.bc-final-cta__eyebrow {
  font-size: max(0.74rem, 12px) !important;
}
/* =========================================================
   BC Visual Consistency Pass
   Fixes tiny trust text, hollow eyebrow pills, and color drift
   ========================================================= */

:root {
  --bc-magenta: #f402eb;
  --bc-magenta-dark: #c900c1;
  --bc-ink: #111111;
  --bc-muted-dark: rgba(255, 255, 255, 0.82);
  --bc-muted-light: rgba(0, 0, 0, 0.72);
}

/* ---------------------------------------------
   Eyebrow Labels — Stop Making Them Look Like Buttons
   Applies to: Choose your path, DTF Transfers, Business Apparel
   --------------------------------------------- */

.bc-eyebrow,
.bc-final-cta__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--bc-magenta) !important;
  font-size: max(0.82rem, 13px) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
  cursor: default !important;
  pointer-events: none !important;
}

.bc-eyebrow::before,
.bc-final-cta__eyebrow::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--bc-magenta) !important;
}

/* On magenta backgrounds, use white eyebrow accents */
.bc-split-feature--magenta .bc-eyebrow,
.bc-final-cta--magenta .bc-final-cta__eyebrow {
  color: #ffffff !important;
}

.bc-split-feature--magenta .bc-eyebrow::before,
.bc-final-cta--magenta .bc-final-cta__eyebrow::before {
  background: #ffffff !important;
}

/* ---------------------------------------------
   Hero Trust Items — Bigger, Clearer, Still Not Clickable
   --------------------------------------------- */

.bc-custom-hero-section .bc-hero__badges {
  margin-top: 26px !important;
}

.bc-custom-hero-section .bc-badge-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 22px !important;
  align-items: center !important;
}

.bc-custom-hero-section .bc-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--bc-muted-dark) !important;
  font-size: max(1.02rem, 16px) !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  white-space: normal !important;
  cursor: default !important;
  pointer-events: none !important;
}

.bc-custom-hero-section .bc-badge::before {
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  background: var(--bc-magenta) !important;
}

/* Light hero fallback */
.bc-custom-hero-section .bc-hero--white .bc-badge,
.bc-custom-hero-section .bc-hero--soft .bc-badge {
  color: var(--bc-muted-light) !important;
}

/* ---------------------------------------------
   Trust Strip — Make It Readable, Not Tiny
   --------------------------------------------- */

.bc-trust-strip {
  padding-block: 30px 34px !important;
}

.bc-trust-strip__heading {
  font-size: clamp(1.45rem, 2.2vw, 2.1rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}

.bc-trust-strip .bc-trust-strip__items {
  gap: 10px 24px !important;
}

.bc-trust-strip .bc-trust-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--bc-muted-dark) !important;
  font-size: max(1rem, 16px) !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.bc-trust-strip .bc-trust-pill::before {
  width: 8px !important;
  height: 8px !important;
  background: var(--bc-magenta) !important;
}

.bc-trust-strip--white .bc-trust-pill {
  color: var(--bc-muted-light) !important;
}

/* ---------------------------------------------
   Card Labels — Consistent Magenta System
   --------------------------------------------- */

.bc-door-card__label {
  border: none !important;
  background: rgba(244, 2, 235, 0.18) !important;
  color: #ffffff !important;
  font-weight: 950 !important;
}

.bc-door-nav--white .bc-door-card__label,
.bc-door-nav--soft .bc-door-card__label {
  background: rgba(244, 2, 235, 0.1) !important;
  color: var(--bc-magenta-dark) !important;
}

/* ---------------------------------------------
   Button Color Consistency
   --------------------------------------------- */

.bc-button--primary {
  background: var(--bc-magenta) !important;
  border-color: var(--bc-magenta) !important;
  color: #ffffff !important;
}

.bc-button--primary:hover {
  background: var(--bc-magenta-dark) !important;
  border-color: var(--bc-magenta-dark) !important;
  color: #ffffff !important;
}

.bc-button--secondary {
  font-weight: 950 !important;
}

/* ---------------------------------------------
   Mobile Adjustments
   --------------------------------------------- */

@media screen and (max-width: 749px) {
  .bc-eyebrow,
  .bc-final-cta__eyebrow {
    font-size: max(0.76rem, 12px) !important;
    gap: 7px !important;
  }

  .bc-eyebrow::before,
  .bc-final-cta__eyebrow::before {
    width: 14px !important;
    height: 3px !important;
  }

  .bc-custom-hero-section .bc-badge-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px 12px !important;
  }

  .bc-custom-hero-section .bc-badge {
    font-size: max(0.92rem, 14px) !important;
    line-height: 1.25 !important;
  }

  .bc-trust-strip {
    padding-block: 26px 30px !important;
  }

  .bc-trust-strip .bc-trust-strip__items {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .bc-trust-strip .bc-trust-pill {
    font-size: max(0.94rem, 15px) !important;
  }
}

@media screen and (max-width: 390px) {
  .bc-custom-hero-section .bc-badge-row {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   Judge.me Phantom Glow Fix
   Removes unwanted magenta blur under review CTA
   ========================================================= */

.jdgm-widget button,
.jdgm-widget a,
.jdgm-all-reviews-widget a,
.jdgm-write-rev-link,
.jdgm-rev-widg a[href],
.jdgm-rev-widg__summary button {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

.jdgm-widget a[href],
.jdgm-all-reviews-widget a[href],
.jdgm-rev-widg a[href] {
  box-shadow: none !important;
}
/* =========================================================
   BC Button Glow Rules
   Glow allowed on dark sections only
   No phantom blur on light sections
   ========================================================= */

/* Default: no glow on buttons */
#MainContent .bc-button,
#MainContent .bc-button--primary,
#MainContent .bc-button--secondary,
#MainContent .jdgm-widget button,
#MainContent .jdgm-widget a[href],
#MainContent .jdgm-all-reviews-widget a[href],
#MainContent .jdgm-write-rev-link {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Light custom sections: absolutely no button glow */
.bc-hero--white .bc-button,
.bc-hero--soft .bc-button,
.bc-door-nav--white .bc-button,
.bc-door-nav--soft .bc-button,
.bc-split-feature--white .bc-button,
.bc-split-feature--soft .bc-button,
.bc-final-cta--white .bc-button,
.bc-final-cta--soft .bc-button,
.bc-trust-strip--white .bc-button {
  box-shadow: none !important;
  filter: none !important;
}

/* Dark sections: allow controlled magenta glow on primary buttons */
.bc-hero--dark .bc-button--primary,
.bc-door-nav--dark .bc-button--primary,
.bc-split-feature--black .bc-button--primary,
.bc-final-cta--black .bc-button--primary {
  box-shadow: 0 12px 26px rgba(244, 2, 235, 0.26) !important;
}

/* Dark section secondary buttons: clean, no glow */
.bc-hero--dark .bc-button--secondary,
.bc-door-nav--dark .bc-button--secondary,
.bc-split-feature--black .bc-button--secondary,
.bc-final-cta--black .bc-button--secondary {
  box-shadow: none !important;
}

/* Magenta sections: keep buttons clean unless we intentionally style them later */
.bc-split-feature--magenta .bc-button,
.bc-final-cta--magenta .bc-button {
  box-shadow: none !important;
}
/* =========================================================
   BC Door Card Label Readability Fix
   Makes small card labels easier to read
   ========================================================= */

.bc-door-card__label {
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: var(--bc-magenta) !important;
  color: #ffffff !important;
  font-size: max(0.82rem, 13px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

/* Dark card version */
.bc-door-nav--dark .bc-door-card__label {
  background: var(--bc-magenta) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Light card version */
.bc-door-nav--white .bc-door-card__label,
.bc-door-nav--soft .bc-door-card__label {
  background: rgba(244, 2, 235, 0.12) !important;
  color: var(--bc-magenta-dark) !important;
}

/* Mobile: keep readable without getting chunky */
@media screen and (max-width: 749px) {
  .bc-door-card__label {
    padding: 6px 10px !important;
    font-size: max(0.78rem, 12px) !important;
    letter-spacing: 0.045em !important;
  }
}
/* =========================================================
   BC Door Card Label Balance
   Keeps labels readable without overpowering the cards
   ========================================================= */

.bc-door-card__label,
.bc-door-nav--dark .bc-door-card__label {
  padding: 5px 10px !important;
  background: rgba(244, 2, 235, 0.72) !important;
  color: #ffffff !important;
  font-size: max(0.72rem, 11px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Slightly softer on hover too */
.bc-door-card:hover .bc-door-card__label {
  background: rgba(244, 2, 235, 0.86) !important;
}
/* =========================================================
   BC Door Card Label Final Style
   Replaces pill badges with clean metadata labels
   Better readability, less visual noise
   ========================================================= */

.bc-door-card__label,
.bc-door-nav--dark .bc-door-card__label,
.bc-door-nav--white .bc-door-card__label,
.bc-door-nav--soft .bc-door-card__label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;

  margin-bottom: 14px !important;
  padding: 0 !important;

  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: rgba(255, 255, 255, 0.78) !important;
  font-size: max(0.78rem, 12px) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;

  cursor: default !important;
  pointer-events: none !important;
}

.bc-door-card__label::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--bc-magenta) !important;
  flex: 0 0 auto !important;
}

/* Light card fallback */
.bc-door-nav--white .bc-door-card__label,
.bc-door-nav--soft .bc-door-card__label {
  color: rgba(0, 0, 0, 0.68) !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .bc-door-card__label,
  .bc-door-nav--dark .bc-door-card__label,
  .bc-door-nav--white .bc-door-card__label,
  .bc-door-nav--soft .bc-door-card__label {
    font-size: max(0.74rem, 12px) !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 12px !important;
  }

  .bc-door-card__label::before {
    width: 14px !important;
    height: 3px !important;
  }
}
/* =========================================================
   BC Trust Strip Desktop Balance Fix
   Centers the trust band and prevents awkward right-heavy wrapping
   ========================================================= */

@media screen and (min-width: 990px) {
  .bc-trust-strip .bc-container {
    max-width: 1180px;
  }

  .bc-trust-strip .bc-trust-strip__inner {
    display: grid !important;
    grid-template-columns: minmax(220px, 0.32fr) minmax(0, 0.68fr) !important;
    gap: 34px !important;
    align-items: center !important;
  }

  .bc-trust-strip__heading {
    max-width: 260px !important;
    margin: 0 !important;
  }

  .bc-trust-strip .bc-trust-strip__items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
    gap: 12px 28px !important;
    justify-content: start !important;
    align-items: center !important;
  }

  .bc-trust-strip .bc-trust-pill {
    width: auto !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
  }
}

/* Large desktop: allow a cleaner 3-column rhythm */
@media screen and (min-width: 1300px) {
  .bc-trust-strip .bc-trust-strip__inner {
    grid-template-columns: minmax(240px, 0.28fr) minmax(0, 0.72fr) !important;
  }

  .bc-trust-strip .bc-trust-strip__items {
    grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;
  }
}

/* Mobile/tablet stays simple */
@media screen and (max-width: 989px) {
  .bc-trust-strip .bc-trust-strip__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .bc-trust-strip .bc-trust-strip__items {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
/* =========================================================
   BC Three-Door Mobile Polish
   Fixes label wrapping, odd eyebrow feel, and card spacing
   ========================================================= */

/* Keep door card labels on one line */
.bc-door-card__label {
  white-space: nowrap !important;
}

/* Desktop: keep the metadata label style clean */
.bc-door-card__label,
.bc-door-nav--dark .bc-door-card__label {
  font-size: max(0.78rem, 12px) !important;
  letter-spacing: 0.065em !important;
}

/* Better mobile card rhythm */
@media screen and (max-width: 749px) {
  .bc-door-nav {
    padding-top: 34px !important;
    padding-bottom: 38px !important;
  }

  .bc-door-nav__intro {
    margin-bottom: 22px !important;
  }

  /* Make the section kicker feel intentional on mobile */
  .bc-door-nav .bc-eyebrow {
    margin-bottom: 12px !important;
    font-size: max(0.78rem, 12px) !important;
    letter-spacing: 0.055em !important;
    white-space: nowrap !important;
  }

  .bc-door-nav .bc-eyebrow::before {
    width: 14px !important;
  }

  .bc-door-nav__heading {
    font-size: clamp(2.25rem, 10vw, 3rem) !important;
    line-height: 0.95 !important;
    margin-bottom: 12px !important;
  }

  .bc-door-nav__text {
    font-size: 1.04rem !important;
    line-height: 1.45 !important;
  }

  .bc-door-nav__grid {
    gap: 18px !important;
  }

  .bc-door-card {
    border-radius: 24px !important;
  }

  .bc-door-card__media-fixed {
    height: 145px !important;
    max-height: 145px !important;
    flex-basis: 145px !important;
  }

  .bc-door-card__media-fixed img {
    height: 145px !important;
    object-fit: cover !important;
  }

  .bc-door-card__body {
    padding: 22px 22px 24px !important;
  }

  .bc-door-card__label,
  .bc-door-nav--dark .bc-door-card__label {
    margin-bottom: 12px !important;
    font-size: max(0.72rem, 11px) !important;
    letter-spacing: 0.055em !important;
    white-space: nowrap !important;
  }

  .bc-door-card__label::before {
    width: 12px !important;
    height: 3px !important;
  }

  .bc-door-card__title {
    font-size: 1.45rem !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
  }

  .bc-door-card__text {
    font-size: 1rem !important;
    line-height: 1.45 !important;
  }

  .bc-door-card__cta {
    padding-top: 18px !important;
    font-size: 0.95rem !important;
  }
}

/* Very small phones: remove the dash if it crowds the label */
@media screen and (max-width: 390px) {
  .bc-door-nav .bc-eyebrow::before {
    display: none !important;
  }

  .bc-door-card__label::before {
    width: 10px !important;
  }
}
/* =========================================================
   BC Split Feature Image Fit Fix
   Prevents object-style images from being cropped on dark feature sections
   ========================================================= */

.bc-split-feature--black .bc-split-feature__image-wrap {
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.bc-split-feature--black .bc-split-feature__image {
  height: auto !important;
  max-height: 560px !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

@media screen and (max-width: 749px) {
  .bc-split-feature--black .bc-split-feature__image {
    max-height: 340px !important;
  }
}
<section id="bc-mission-{{ section.id }}" class="bc-mission-v2 bc-mission-v2--{{ section.settings.background_style }}">
  <style>
    #bc-mission-{{ section.id }} {
      --bc-black: #050505;
      --bc-card: #111111;
      --bc-white: #ffffff;
      --bc-soft: #f6f6f6;
      --bc-border-dark: rgba(255,255,255,.14);
      --bc-border-light: rgba(0,0,0,.1);
      --bc-muted-dark: rgba(255,255,255,.78);
      --bc-muted-light: rgba(0,0,0,.72);
      --bc-magenta: #f402eb;

      padding: {{ section.settings.padding_top_desktop }}px 0 {{ section.settings.padding_bottom_desktop }}px;
      overflow: hidden;
    }

    #bc-mission-{{ section.id }} * {
      box-sizing: border-box;
    }

    #bc-mission-{{ section.id }}.bc-mission-v2--black {
      background:
        radial-gradient(circle at 82% 12%, rgba(244,2,235,.16), transparent 32%),
        linear-gradient(135deg, #050505 0%, #151515 100%);
      color: var(--bc-white);
    }

    #bc-mission-{{ section.id }}.bc-mission-v2--white {
      background: var(--bc-white);
      color: var(--bc-black);
    }

    #bc-mission-{{ section.id }}.bc-mission-v2--soft {
      background: var(--bc-soft);
      color: var(--bc-black);
    }

    #bc-mission-{{ section.id }} .bc-mission__container {
      width: min(1120px, calc(100% - 32px));
      margin-inline: auto;
    }

    #bc-mission-{{ section.id }} .bc-mission__box {
      position: relative;
      overflow: hidden;
      border-radius: 30px;
      padding: clamp(30px, 5vw, 62px);
      border: 1px solid var(--bc-border-dark);
      background: rgba(255,255,255,.055);
    }

    #bc-mission-{{ section.id }}.bc-mission-v2--white .bc-mission__box,
    #bc-mission-{{ section.id }}.bc-mission-v2--soft .bc-mission__box {
      border-color: var(--bc-border-light);
      background: var(--bc-white);
      box-shadow: 0 14px 40px rgba(0,0,0,.06);
    }

    #bc-mission-{{ section.id }} .bc-mission__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 14px;
      color: var(--bc-magenta);
      font-size: max(.82rem, 13px);
      line-height: 1.1;
      font-weight: 950;
      letter-spacing: .075em;
      text-transform: uppercase;
    }

    #bc-mission-{{ section.id }} .bc-mission__eyebrow::before {
      content: "";
      display: block;
      width: 18px;
      height: 3px;
      border-radius: 999px;
      background: var(--bc-magenta);
    }

    #bc-mission-{{ section.id }} .bc-mission__heading {
      max-width: 850px;
      margin: 0;
      color: inherit;
      font-size: clamp(2.35rem, 5.4vw, 5.25rem);
      line-height: .95;
      letter-spacing: -.06em;
      font-weight: 950;
    }

    #bc-mission-{{ section.id }} .bc-mission__text {
      max-width: 900px;
      margin-top: 22px;
      color: var(--bc-muted-dark);
      font-size: clamp(1.08rem, 1.5vw, 1.28rem);
      line-height: 1.58;
      font-weight: 650;
    }

    #bc-mission-{{ section.id }}.bc-mission-v2--white .bc-mission__text,
    #bc-mission-{{ section.id }}.bc-mission-v2--soft .bc-mission__text {
      color: var(--bc-muted-light);
    }

    #bc-mission-{{ section.id }} .bc-mission__text p {
      margin-top: 0;
      margin-bottom: 1em;
    }

    #bc-mission-{{ section.id }} .bc-mission__text p:last-child {
      margin-bottom: 0;
    }

    #bc-mission-{{ section.id }} .bc-mission__points {
      display: grid;
      gap: 14px;
      margin-top: 30px;
    }

    #bc-mission-{{ section.id }} .bc-mission__point {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 18px;
      border-radius: 20px;
      border: 1px solid var(--bc-border-dark);
      background: rgba(255,255,255,.055);
      color: var(--bc-white);
    }

    #bc-mission-{{ section.id }}.bc-mission-v2--white .bc-mission__point,
    #bc-mission-{{ section.id }}.bc-mission-v2--soft .bc-mission__point {
      border-color: var(--bc-border-light);
      background: #f8f8f8;
      color: var(--bc-black);
    }

    #bc-mission-{{ section.id }} .bc-mission__point::before {
      content: "";
      display: block;
      flex: 0 0 auto;
      width: 9px;
      height: 9px;
      margin-top: 7px;
      border-radius: 999px;
      background: var(--bc-magenta);
    }

    #bc-mission-{{ section.id }} .bc-mission__point-title {
      display: block;
      margin-bottom: 5px;
      color: inherit;
      font-size: 1.02rem;
      line-height: 1.15;
      font-weight: 950;
    }

    #bc-mission-{{ section.id }} .bc-mission__point-text {
      display: block;
      color: var(--bc-muted-dark);
      font-size: .98rem;
      line-height: 1.45;
      font-weight: 650;
    }

    #bc-mission-{{ section.id }}.bc-mission-v2--white .bc-mission__point-text,
    #bc-mission-{{ section.id }}.bc-mission-v2--soft .bc-mission__point-text {
      color: var(--bc-muted-light);
    }

    @media screen and (min-width: 850px) {
      #bc-mission-{{ section.id }} .bc-mission__points {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media screen and (max-width: 749px) {
      #bc-mission-{{ section.id }} {
        padding: {{ section.settings.padding_top_mobile }}px 0 {{ section.settings.padding_bottom_mobile }}px;
      }

      #bc-mission-{{ section.id }} .bc-mission__container {
        width: min(100% - 28px, 1120px);
      }

      #bc-mission-{{ section.id }} .bc-mission__box {
        border-radius: 24px;
        padding: 28px 22px;
      }

      #bc-mission-{{ section.id }} .bc-mission__heading {
        font-size: clamp(2.1rem, 10vw, 3.1rem);
      }

      #bc-mission-{{ section.id }} .bc-mission__text {
        font-size: 1.04rem;
        line-height: 1.52;
      }

      #bc-mission-{{ section.id }} .bc-mission__point {
        padding: 16px;
      }
    }
  </style>

  <div class="bc-mission__container">
    <div class="bc-mission__box">
      {% if section.settings.eyebrow != blank %}
        <p class="bc-mission__eyebrow">
          {{ section.settings.eyebrow | escape }}
        </p>
      {% endif %}

      {% if section.settings.heading != blank %}
        <h2 class="bc-mission__heading">
          {{ section.settings.heading | escape }}
        </h2>
      {% endif %}

      {% if section.settings.text != blank %}
        <div class="bc-mission__text">
          {{ section.settings.text }}
        </div>
      {% endif %}

      {% if section.blocks.size > 0 %}
        <div class="bc-mission__points">
          {% for block in section.blocks %}
            <div class="bc-mission__point" {{ block.shopify_attributes }}>
              <div>
                {% if block.settings.title != blank %}
                  <strong class="bc-mission__point-title">
                    {{ block.settings.title | escape }}
                  </strong>
                {% endif %}

                {% if block.settings.text != blank %}
                  <span class="bc-mission__point-text">
                    {{ block.settings.text | escape }}
                  </span>
                {% endif %}
              </div>
            </div>
          {% endfor %}
        </div>
      {% endif %}
    </div>
  </div>
</section>

{% schema %}
{
  "name": "BC Mission V2",
  "settings": [
    {
      "type": "select",
      "id": "background_style",
      "label": "Background style",
      "default": "black",
      "options": [
        {
          "value": "black",
          "label": "Black"
        },
        {
          "value": "white",
          "label": "White"
        },
        {
          "value": "soft",
          "label": "Soft gray"
        }
      ]
    },
    {
      "type": "text",
      "id": "eyebrow",
      "label": "Small label",
      "default": "Why it matters"
    },
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Your Brand Is Important to Us"
    },
    {
      "type": "richtext",
      "id": "text",
      "label": "Text",
      "default": "<p>Your customers see your logo on your storefront, on the side of your work truck, on your business cards, and on your shirts.</p><p>We know that represents late nights, hard work, and the business you are building. Our goal is to treat every customer’s order with the respect and support it deserves.</p>"
    },
    {
      "type": "range",
      "id": "padding_top_desktop",
      "label": "Desktop top padding",
      "min": 32,
      "max": 140,
      "step": 4,
      "default": 72
    },
    {
      "type": "range",
      "id": "padding_bottom_desktop",
      "label": "Desktop bottom padding",
      "min": 32,
      "max": 140,
      "step": 4,
      "default": 72
    },
    {
      "type": "range",
      "id": "padding_top_mobile",
      "label": "Mobile top padding",
      "min": 28,
      "max": 100,
      "step": 4,
      "default": 48
    },
    {
      "type": "range",
      "id": "padding_bottom_mobile",
      "label": "Mobile bottom padding",
      "min": 28,
      "max": 100,
      "step": 4,
      "default": 48
    }
  ],
  "blocks": [
    {
      "type": "point",
      "name": "Mission point",
      "limit": 3,
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Point title",
          "default": "We respect the work behind the logo"
        },
        {
          "type": "text",
          "id": "text",
          "label": "Point text",
          "default": "Every order represents someone’s business, team, event, or family."
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "BC Mission V2",
      "blocks": [
        {
          "type": "point",
          "settings": {
            "title": "We respect the work behind the logo",
            "text": "Every order represents someone’s business, team, event, or family."
          }
        },
        {
          "type": "point",
          "settings": {
            "title": "We check the details",
            "text": "Artwork, print quality, placement, and order details matter."
          }
        },
        {
          "type": "point",
          "settings": {
            "title": "We serve real people",
            "text": "Local businesses, schools, teams, churches, families, and makers."
          }
        }
      ]
    }
  ]
}
{% endschema %}
/* =========================================================
   BC Hero Eyebrow — Remove Leading Dash
   ========================================================= */

.bc-custom-hero-section .bc-eyebrow::before {
  display: none !important;
}

.bc-custom-hero-section .bc-eyebrow {
  gap: 0 !important;
}
/* BC Global — Remove Decorative Title Dashes */
.bc-eyebrow::before,
.bc-door-card__label::before,
.bc-footer__column-title::before {
  display: none !important;
  content: none !important;
}

.bc-eyebrow,
.bc-door-card__label,
.bc-footer__column-title {
  gap: 0 !important;
}
/* =========================================================
   Baylee's Creations — Brand Consistency Patch V1.0
   Low-risk global polish for default Shopify pages
   ========================================================= */

:root {
  --bc-brand-magenta: #f402eb;
  --bc-brand-black: #050505;
  --bc-brand-white: #ffffff;
  --bc-brand-soft: #f6f6f6;
  --bc-brand-border: rgba(0, 0, 0, 0.1);
}

/* Kill decorative title dashes globally */
.bc-eyebrow::before,
.bc-door-card__label::before,
.bc-footer__column-title::before,
.bc-header__mobile-title::before {
  display: none !important;
  content: none !important;
}

.bc-eyebrow,
.bc-door-card__label,
.bc-footer__column-title,
.bc-header__mobile-title {
  gap: 0 !important;
}

/* Default page titles */
#MainContent .main-page-title,
#MainContent .collection-hero__title,
#MainContent .title--primary,
#MainContent .product__title,
#MainContent .rich-text__heading {
  color: #080808;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
  line-height: 0.98 !important;
}

/* Better default body copy */
#MainContent .rte,
#MainContent .rte p,
#MainContent .rich-text__text,
#MainContent .product__description,
#MainContent .collection-hero__description {
  font-size: 1.05rem;
  line-height: 1.55;
  font-weight: 600;
}

/* Shopify default buttons */
#MainContent .button,
#MainContent .shopify-payment-button__button,
#MainContent .product-form__submit,
#MainContent .cart__checkout-button,
#MainContent .customer button {
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 13px 22px !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  box-shadow: none !important;
}

/* Primary button treatment */
#MainContent .button:not(.button--secondary),
#MainContent .product-form__submit,
#MainContent .cart__checkout-button,
#MainContent .customer button {
  background: var(--bc-brand-magenta) !important;
  border-color: var(--bc-brand-magenta) !important;
  color: #ffffff !important;
}

/* Secondary button treatment */
#MainContent .button--secondary {
  background: #ffffff !important;
  border: 2px solid rgba(0, 0, 0, 0.16) !important;
  color: #080808 !important;
}

/* Button hover */
#MainContent .button:hover,
#MainContent .product-form__submit:hover,
#MainContent .cart__checkout-button:hover,
#MainContent .customer button:hover {
  transform: translateY(-1px);
}

/* Product and collection cards */
#MainContent .card,
#MainContent .card-wrapper,
#MainContent .product-card-wrapper {
  border-radius: 22px !important;
}

#MainContent .card__inner,
#MainContent .card__media,
#MainContent .media {
  border-radius: 20px !important;
  overflow: hidden !important;
}

#MainContent .card__heading,
#MainContent .card__heading a {
  color: #080808 !important;
  font-size: 1.05rem !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
}

#MainContent .card-information,
#MainContent .card__information {
  font-weight: 700;
}

/* Prices */
#MainContent .price,
#MainContent .price-item,
#MainContent .price__regular,
#MainContent .price__sale {
  color: #080808 !important;
  font-weight: 950 !important;
}

#MainContent .price-item--sale {
  color: var(--bc-brand-magenta) !important;
}

/* Product page polish */
#MainContent .product__info-wrapper {
  font-weight: 650;
}

#MainContent .product__title h1 {
  font-size: clamp(2.4rem, 5vw, 4.8rem) !important;
}

#MainContent .product-form__input input[type='radio'] + label {
  border-radius: 999px !important;
  font-weight: 850 !important;
}

#MainContent .product-form__input input[type='radio']:checked + label {
  background: var(--bc-brand-magenta) !important;
  border-color: var(--bc-brand-magenta) !important;
  color: #ffffff !important;
}

/* Quantity selector */
#MainContent quantity-input,
#MainContent .quantity {
  border-radius: 999px !important;
  overflow: hidden;
}

/* Forms */
#MainContent input,
#MainContent textarea,
#MainContent select,
#MainContent .field__input,
#MainContent .select__select {
  border-radius: 16px !important;
  font-weight: 650;
}

#MainContent .field__input:focus,
#MainContent textarea:focus,
#MainContent select:focus {
  box-shadow: 0 0 0 2px rgba(244, 2, 235, 0.22) !important;
  border-color: var(--bc-brand-magenta) !important;
}

/* FAQ / collapsible rows */
#MainContent .accordion,
#MainContent details {
  border-color: rgba(0, 0, 0, 0.1);
}

#MainContent .accordion summary,
#MainContent details summary {
  font-weight: 950;
}

/* Cart page */
#MainContent .cart-items,
#MainContent .cart-item {
  font-weight: 700;
}

#MainContent .totals__total,
#MainContent .totals__total-value {
  font-weight: 950 !important;
}

/* Badges */
#MainContent .badge {
  border-radius: 999px !important;
  font-weight: 950 !important;
}

/* Pagination */
#MainContent .pagination__item {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

#MainContent .pagination__item--current {
  color: var(--bc-brand-magenta) !important;
}

/* Make default white sections feel less thin */
#MainContent .shopify-section:not(.bc-custom-hero-section):not(.bc-footer-v2):not(.bc-header-v2):not(.bc-dtf-page-v1) {
  scroll-margin-top: 90px;
}

/* Mobile tuning */
@media screen and (max-width: 749px) {
  #MainContent .main-page-title,
  #MainContent .collection-hero__title,
  #MainContent .title--primary,
  #MainContent .product__title,
  #MainContent .rich-text__heading {
    letter-spacing: -0.045em !important;
  }

  #MainContent .button,
  #MainContent .shopify-payment-button__button,
  #MainContent .product-form__submit,
  #MainContent .cart__checkout-button {
    width: 100%;
    min-height: 50px !important;
  }

  #MainContent .rte,
  #MainContent .rte p,
  #MainContent .rich-text__text,
  #MainContent .product__description,
  #MainContent .collection-hero__description {
    font-size: 1rem;
  }
}
/* =========================================================
   Baylee's Creations — Cart Taming Patch V1.0
   Fixes oversized cart controls caused by global button polish
   ========================================================= */

#MainContent .cart__items,
#MainContent .cart-items {
  font-weight: 600 !important;
}

/* Cart title: still bold, less ridiculous */
#MainContent .cart__contents .title,
#MainContent .cart-items + .cart__footer,
#MainContent .cart__warnings .title,
#MainContent .main-page-title {
  max-width: 100%;
}

#MainContent .cart__contents .title,
#MainContent .cart__warnings .title {
  font-size: clamp(2.8rem, 5vw, 4.4rem) !important;
  line-height: .95 !important;
}

/* Product names */
#MainContent .cart-item__name {
  color: #080808 !important;
  font-size: clamp(1.15rem, 2vw, 1.55rem) !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
}

/* Variant/options text should not look like headlines */
#MainContent .cart-item__details dl,
#MainContent .cart-item__details dd,
#MainContent .cart-item__details .product-option,
#MainContent .cart-item__details .cart-item__discounted-prices {
  font-size: 1rem !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  color: rgba(0,0,0,.72) !important;
}

/* Keep cart price strong but controlled */
#MainContent .cart-item__price-wrapper,
#MainContent .cart-item__totals,
#MainContent .cart-item__final-price,
#MainContent .cart-items .price {
  font-size: 1.18rem !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

/* Quantity selector: premium, not massive */
#MainContent .cart-item__quantity .quantity {
  width: 132px !important;
  min-height: 48px !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

#MainContent .cart-item__quantity .quantity__button,
#MainContent .cart-item__quantity .quantity__input {
  min-height: 46px !important;
  height: 46px !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  color: #080808 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Trash button: stop the magenta dinner-plate situation */
#MainContent cart-remove-button,
#MainContent .cart-remove-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#MainContent cart-remove-button .button,
#MainContent cart-remove-button a,
#MainContent cart-remove-button button,
#MainContent .cart-remove-button,
#MainContent .cart-remove-button .button,
#MainContent .cart-remove-button a,
#MainContent .cart-remove-button button {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  background: #ffffff !important;
  color: #080808 !important;
  box-shadow: none !important;
}

/* Make the trash icon itself readable */
#MainContent cart-remove-button svg,
#MainContent .cart-remove-button svg {
  width: 19px !important;
  height: 19px !important;
  color: #080808 !important;
  fill: currentColor !important;
}

/* Row spacing */
#MainContent .cart-item {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

/* Continue shopping link can stay magenta but not goofy */
#MainContent .underlined-link {
  color: var(--bc-brand-magenta, #f402eb) !important;
  font-weight: 850 !important;
}

/* Checkout button should stay branded */
#MainContent .cart__checkout-button,
#MainContent #checkout {
  background: var(--bc-brand-magenta, #f402eb) !important;
  border-color: var(--bc-brand-magenta, #f402eb) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

/* Mobile cart cleanup */
@media screen and (max-width: 749px) {
  #MainContent .cart-item {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  #MainContent .cart-item__name {
    font-size: 1.12rem !important;
  }

  #MainContent .cart-item__details dl,
  #MainContent .cart-item__details dd,
  #MainContent .cart-item__details .product-option {
    font-size: .95rem !important;
  }

  #MainContent .cart-item__quantity .quantity {
    width: 122px !important;
    min-height: 44px !important;
  }

  #MainContent .cart-item__quantity .quantity__button,
  #MainContent .cart-item__quantity .quantity__input {
    min-height: 42px !important;
    height: 42px !important;
  }

  #MainContent cart-remove-button .button,
  #MainContent cart-remove-button a,
  #MainContent cart-remove-button button,
  #MainContent .cart-remove-button,
  #MainContent .cart-remove-button .button,
  #MainContent .cart-remove-button a,
  #MainContent .cart-remove-button button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}
/* Product Page — Force Add to Cart Primary Style */
#MainContent .product-form__submit,
#MainContent button.product-form__submit,
#MainContent .product-form__buttons .button,
#MainContent .product-form__buttons button[type="submit"] {
  background: var(--bc-brand-magenta, #f402eb) !important;
  border: 2px solid var(--bc-brand-magenta, #f402eb) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  min-height: 52px !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 26px rgba(244, 2, 235, 0.18) !important;
}

#MainContent .product-form__submit:hover,
#MainContent button.product-form__submit:hover,
#MainContent .product-form__buttons .button:hover,
#MainContent .product-form__buttons button[type="submit"]:hover {
  background: #c900c1 !important;
  border-color: #c900c1 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
/* Collection Cards — Softer V1 Polish */
#MainContent .collection .card-wrapper,
#MainContent .product-grid .card-wrapper,
#MainContent .product-grid .product-card-wrapper {
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.06) !important;
}

#MainContent .collection .card,
#MainContent .product-grid .card {
  border: none !important;
  background: #ffffff !important;
}

#MainContent .collection .quick-add__submit,
#MainContent .product-grid .quick-add__submit {
  background: #ffffff !important;
  color: #080808 !important;
  border: 2px solid var(--bc-brand-magenta, #f402eb) !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}

#MainContent .collection .quick-add__submit:hover,
#MainContent .product-grid .quick-add__submit:hover {
  background: var(--bc-brand-magenta, #f402eb) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

#MainContent .collection .card__information,
#MainContent .product-grid .card__information {
  padding: 20px 22px 22px !important;
}
/* =========================================================
   Baylee's Creations — Global Dark Theme Patch V1.0
   Makes default Shopify pages match the new homepage/DTF style
   ========================================================= */

/* Global page surface */
body,
.gradient,
#MainContent {
  background: #050505 !important;
  color: #ffffff !important;
}

/* Default Shopify sections go dark unless they are our custom-built sections */
#MainContent .shopify-section:not(.bc-custom-hero-section):not(.bc-header-v2):not(.bc-footer-v2):not(.bc-dtf-page-v1) {
  background:
    radial-gradient(circle at 86% 12%, rgba(244, 2, 235, 0.09), transparent 30%),
    #050505 !important;
  color: #ffffff !important;
}

/* Main page wrappers */
#MainContent .page-width,
#MainContent .main-page-title,
#MainContent .collection,
#MainContent .collection-hero,
#MainContent .product,
#MainContent .cart__contents,
#MainContent .cart__footer,
#MainContent .customer,
#MainContent .contact,
#MainContent .rich-text {
  color: #ffffff !important;
}

/* Big headings */
#MainContent .main-page-title,
#MainContent .collection-hero__title,
#MainContent .title,
#MainContent .title--primary,
#MainContent .product__title,
#MainContent .product__title h1,
#MainContent .rich-text__heading,
#MainContent h1,
#MainContent h2,
#MainContent h3 {
  color: #ffffff !important;
}

/* Body copy */
#MainContent p,
#MainContent .rte,
#MainContent .rte p,
#MainContent .rich-text__text,
#MainContent .product__description,
#MainContent .collection-hero__description,
#MainContent .product__text,
#MainContent .caption-with-letter-spacing,
#MainContent .product__tax,
#MainContent .product-option,
#MainContent .cart-item__details,
#MainContent .cart-item__details dl,
#MainContent .cart-item__details dd {
  color: rgba(255, 255, 255, 0.74) !important;
}

/* Links */
#MainContent a,
#MainContent .underlined-link {
  color: #f402eb !important;
}

/* Product and collection cards */
#MainContent .card-wrapper,
#MainContent .product-card-wrapper,
#MainContent .collection .card-wrapper,
#MainContent .product-grid .card-wrapper,
#MainContent .product-grid .product-card-wrapper {
  background:
    radial-gradient(circle at 85% 10%, rgba(244, 2, 235, 0.08), transparent 34%),
    #151515 !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28) !important;
}

#MainContent .card,
#MainContent .collection .card,
#MainContent .product-grid .card {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
}

#MainContent .card__information,
#MainContent .card-information,
#MainContent .collection .card__information,
#MainContent .product-grid .card__information {
  background: transparent !important;
  color: #ffffff !important;
}

/* Card titles and prices */
#MainContent .card__heading,
#MainContent .card__heading a,
#MainContent .full-unstyled-link {
  color: #ffffff !important;
}

#MainContent .price,
#MainContent .price-item,
#MainContent .price__regular,
#MainContent .price__sale,
#MainContent .cart-item__final-price,
#MainContent .cart-item__price-wrapper {
  color: #ffffff !important;
}

/* Product images/media can stay clean */
#MainContent .card__media,
#MainContent .card__inner,
#MainContent .media,
#MainContent .product__media,
#MainContent .product__media-wrapper {
  background: #ffffff !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* Product page shell */
#MainContent .product__info-wrapper,
#MainContent .product__media-wrapper {
  color: #ffffff !important;
}

#MainContent .product__info-container {
  color: #ffffff !important;
}

/* Product page accordions */
#MainContent .accordion,
#MainContent details {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

#MainContent .accordion summary,
#MainContent details summary {
  color: #ffffff !important;
  font-weight: 950 !important;
}

/* Forms and inputs */
#MainContent input,
#MainContent textarea,
#MainContent select,
#MainContent .field__input,
#MainContent .select__select,
#MainContent .quantity,
#MainContent quantity-input {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

#MainContent input::placeholder,
#MainContent textarea::placeholder {
  color: rgba(255, 255, 255, 0.48) !important;
}

#MainContent label,
#MainContent .field__label,
#MainContent .form__label {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Quantity buttons */
#MainContent .quantity__button,
#MainContent .quantity__input {
  background: transparent !important;
  color: #ffffff !important;
}

/* Variant pills */
#MainContent .product-form__input input[type='radio'] + label {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

#MainContent .product-form__input input[type='radio']:checked + label {
  background: #f402eb !important;
  border-color: #f402eb !important;
  color: #ffffff !important;
}

/* Main product Add to Cart */
#MainContent .product-form__submit,
#MainContent button.product-form__submit,
#MainContent .product-form__buttons .button,
#MainContent .product-form__buttons button[type="submit"] {
  background: #f402eb !important;
  border: 2px solid #f402eb !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(244, 2, 235, 0.22) !important;
}

#MainContent .product-form__submit:hover,
#MainContent button.product-form__submit:hover,
#MainContent .product-form__buttons .button:hover,
#MainContent .product-form__buttons button[type="submit"]:hover {
  background: #c900c1 !important;
  border-color: #c900c1 !important;
  color: #ffffff !important;
}

/* Collection quick-add buttons */
#MainContent .quick-add__submit,
#MainContent .collection .quick-add__submit,
#MainContent .product-grid .quick-add__submit {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #f402eb !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

#MainContent .quick-add__submit:hover,
#MainContent .collection .quick-add__submit:hover,
#MainContent .product-grid .quick-add__submit:hover {
  background: #f402eb !important;
  color: #ffffff !important;
}

/* Cart page dark cleanup */
#MainContent .cart-item {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

#MainContent .cart-item__name {
  color: #ffffff !important;
}

#MainContent .cart-item__details dl,
#MainContent .cart-item__details dd,
#MainContent .cart-item__details .product-option {
  color: rgba(255, 255, 255, 0.72) !important;
}

#MainContent .cart-item__quantity .quantity {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

#MainContent .cart-item__quantity .quantity__button,
#MainContent .cart-item__quantity .quantity__input {
  color: #ffffff !important;
}

/* Cart remove button: dark version */
#MainContent cart-remove-button .button,
#MainContent cart-remove-button a,
#MainContent cart-remove-button button,
#MainContent .cart-remove-button,
#MainContent .cart-remove-button .button,
#MainContent .cart-remove-button a,
#MainContent .cart-remove-button button {
  background: #151515 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

#MainContent cart-remove-button svg,
#MainContent .cart-remove-button svg {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* Cart totals */
#MainContent .totals__total,
#MainContent .totals__total-value,
#MainContent .cart__footer,
#MainContent .tax-note {
  color: #ffffff !important;
}

/* Checkout button stays loud */
#MainContent .cart__checkout-button,
#MainContent #checkout {
  background: #f402eb !important;
  border-color: #f402eb !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

/* Tables */
#MainContent table,
#MainContent th,
#MainContent td {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

/* Badges */
#MainContent .badge {
  background: #f402eb !important;
  color: #ffffff !important;
  border-color: #f402eb !important;
}

/* Keep Shopify payment/shop pay blocks readable */
#MainContent .shopify-payment-button__button,
#MainContent .shopify-payment-button__more-options {
  border-radius: 999px !important;
}

/* Mobile tuning */
@media screen and (max-width: 749px) {
  #MainContent .card-wrapper,
  #MainContent .product-card-wrapper {
    border-radius: 22px !important;
  }

  #MainContent .product__media,
  #MainContent .product__media-wrapper,
  #MainContent .media {
    border-radius: 18px !important;
  }

  #MainContent .quick-add__submit {
    min-height: 48px !important;
  }
}/* Final Cart Remove Button Taming */
#MainContent cart-remove-button .button,
#MainContent cart-remove-button a,
#MainContent cart-remove-button button,
#MainContent .cart-remove-button,
#MainContent .cart-remove-button .button,
#MainContent .cart-remove-button a,
#MainContent .cart-remove-button button {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #151515 !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#MainContent cart-remove-button .button::before,
#MainContent cart-remove-button .button::after,
#MainContent .cart-remove-button .button::before,
#MainContent .cart-remove-button .button::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}

#MainContent cart-remove-button svg,
#MainContent .cart-remove-button svg {
  width: 18px !important;
  height: 18px !important;
  color: #ffffff !important;
  fill: currentColor !important;
}/* =========================================================
   Judge.me / Review Stars Rescue Patch
   Keeps product review stars visible after dark theme patch
   ========================================================= */

#MainContent .jdgm-widget,
#MainContent .jdgm-preview-badge,
#MainContent .jdgm-prev-badge,
#MainContent .jdgm-rev-widg,
#MainContent .jdgm-all-reviews-widget {
  color: #ffffff !important;
  background: transparent !important;
}

#MainContent .jdgm-prev-badge__stars,
#MainContent .jdgm-star,
#MainContent .jdgm-star:before,
#MainContent .jdgm-star.jdgm--on,
#MainContent .jdgm-star.jdgm--on:before,
#MainContent .jdgm-star.jdgm--half,
#MainContent .jdgm-star.jdgm--half:before {
  color: #f402eb !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#MainContent .jdgm-star.jdgm--off,
#MainContent .jdgm-star.jdgm--off:before {
  color: rgba(255,255,255,.28) !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#MainContent .jdgm-prev-badge__text,
#MainContent .jdgm-rev-widg__summary-text,
#MainContent .jdgm-rev-widg__title,
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__body,
#MainContent .jdgm-rev__timestamp {
  color: rgba(255,255,255,.78) !important;
}

#MainContent .jdgm-widget a,
#MainContent .jdgm-preview-badge a,
#MainContent .jdgm-prev-badge a {
  color: #f402eb !important;
}

#MainContent .jdgm-widget button,
#MainContent .jdgm-write-rev-link,
#MainContent .jdgm-btn {
  border-radius: 999px !important;
  font-weight: 950 !important;
}
/* =========================================================
   Judge.me / Review Stars Rescue Patch
   Keeps product review stars visible after dark theme patch
   ========================================================= */

#MainContent .jdgm-widget,
#MainContent .jdgm-preview-badge,
#MainContent .jdgm-prev-badge,
#MainContent .jdgm-rev-widg,
#MainContent .jdgm-all-reviews-widget {
  color: #ffffff !important;
  background: transparent !important;
}

#MainContent .jdgm-prev-badge__stars,
#MainContent .jdgm-star,
#MainContent .jdgm-star:before,
#MainContent .jdgm-star.jdgm--on,
#MainContent .jdgm-star.jdgm--on:before,
#MainContent .jdgm-star.jdgm--half,
#MainContent .jdgm-star.jdgm--half:before {
  color: #f402eb !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#MainContent .jdgm-star.jdgm--off,
#MainContent .jdgm-star.jdgm--off:before {
  color: rgba(255,255,255,.28) !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#MainContent .jdgm-prev-badge__text,
#MainContent .jdgm-rev-widg__summary-text,
#MainContent .jdgm-rev-widg__title,
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__body,
#MainContent .jdgm-rev__timestamp {
  color: rgba(255,255,255,.78) !important;
}

#MainContent .jdgm-widget a,
#MainContent .jdgm-preview-badge a,
#MainContent .jdgm-prev-badge a {
  color: #f402eb !important;
}

#MainContent .jdgm-widget button,
#MainContent .jdgm-write-rev-link,
#MainContent .jdgm-btn {
  border-radius: 999px !important;
  font-weight: 950 !important;
}
/* =========================================================
   BC Custom Button Rescue Patch
   Fixes global link color overriding custom CTA buttons
   ========================================================= */

/* Primary magenta buttons must always have white text */
#MainContent a.bc-button--primary,
#MainContent .bc-button--primary,
#MainContent a.bc-dtf__button--primary,
#MainContent .bc-dtf__button--primary,
#MainContent .bc-custom-hero-section a.bc-button--primary,
#MainContent .bc-split-feature a.bc-button--primary,
#MainContent .bc-final-cta a.bc-button--primary,
#MainContent .bc-dtf-page-v1 a.bc-dtf__button--primary {
  background: #f402eb !important;
  border-color: #f402eb !important;
  color: #ffffff !important;
}

/* Primary hover */
#MainContent a.bc-button--primary:hover,
#MainContent .bc-button--primary:hover,
#MainContent a.bc-dtf__button--primary:hover,
#MainContent .bc-dtf__button--primary:hover {
  background: #c900c1 !important;
  border-color: #c900c1 !important;
  color: #ffffff !important;
}

/* White secondary buttons should keep dark/magenta text */
#MainContent a.bc-button--secondary,
#MainContent .bc-button--secondary,
#MainContent a.bc-dtf__button--secondary,
#MainContent .bc-dtf__button--secondary {
  color: #080808 !important;
}

/* Secondary buttons on dark sections */
#MainContent .bc-final-cta a.bc-button--secondary,
#MainContent .bc-custom-hero-section a.bc-button--secondary,
#MainContent .bc-dtf-page-v1 a.bc-dtf__button--secondary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #080808 !important;
}

/* Ghost buttons on dark sections */
#MainContent a.bc-button--ghost,
#MainContent .bc-button--ghost,
#MainContent a.bc-dtf__button--ghost,
#MainContent .bc-dtf__button--ghost {
  background: transparent !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #ffffff !important;
}
/* =========================================================
   DTF Light Section Rescue Patch
   Keeps builder/how-it-works section readable on white background
   ========================================================= */

#MainContent .bc-dtf-page-v1 .bc-dtf__section-light {
  background: #f6f6f6 !important;
  color: #111111 !important;
}

#MainContent .bc-dtf-page-v1 .bc-dtf__section-light h1,
#MainContent .bc-dtf-page-v1 .bc-dtf__section-light h2,
#MainContent .bc-dtf-page-v1 .bc-dtf__section-light h3,
#MainContent .bc-dtf-page-v1 .bc-dtf__section-light .bc-dtf__heading {
  color: #111111 !important;
}

#MainContent .bc-dtf-page-v1 .bc-dtf__section-light p,
#MainContent .bc-dtf-page-v1 .bc-dtf__section-light .bc-dtf__subhead,
#MainContent .bc-dtf-page-v1 .bc-dtf__section-light .bc-dtf__step p {
  color: rgba(0,0,0,.66) !important;
}

#MainContent .bc-dtf-page-v1 .bc-dtf__section-light .bc-dtf__eyebrow {
  color: #f402eb !important;
}

#MainContent .bc-dtf-page-v1 .bc-dtf__section-light .bc-dtf__step {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  color: #111111 !important;
}

#MainContent .bc-dtf-page-v1 .bc-dtf__section-light .bc-dtf__step strong {
  color: #111111 !important;
}

#MainContent .bc-dtf-page-v1 .bc-dtf__section-light .bc-dtf__button--primary {
  background: #f402eb !important;
  border-color: #f402eb !important;
  color: #ffffff !important;
}
/* =========================================================
   Product Page Dark Media + Star Rescue Patch
   Fixes black stars and white media column on product pages
   ========================================================= */

/* Product review/rating stars — Shopify + Judge.me */
#MainContent .rating,
#MainContent .rating-star,
#MainContent .rating-star::before,
#MainContent .rating-star::after,
#MainContent .rating-count,
#MainContent .product__info-container .rating,
#MainContent .product__info-container .rating-star,
#MainContent .product__info-container .rating-star::before,
#MainContent .product__info-container .rating-star::after,
#MainContent .jdgm-star,
#MainContent .jdgm-star::before,
#MainContent .jdgm-star.jdgm--on,
#MainContent .jdgm-star.jdgm--on::before,
#MainContent .jdgm-star.jdgm--half,
#MainContent .jdgm-star.jdgm--half::before {
  color: #f402eb !important;
  fill: #f402eb !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainContent .rating-count,
#MainContent .rating-count a,
#MainContent .jdgm-prev-badge__text {
  color: rgba(255,255,255,.85) !important;
  font-weight: 850 !important;
}

/* Empty/off stars should still be visible on dark backgrounds */
#MainContent .rating-star--empty,
#MainContent .rating-star--empty::before,
#MainContent .jdgm-star.jdgm--off,
#MainContent .jdgm-star.jdgm--off::before {
  color: rgba(255,255,255,.28) !important;
  fill: rgba(255,255,255,.28) !important;
}

/* Remove the giant white product media column */
#MainContent .product__media-wrapper,
#MainContent media-gallery,
#MainContent .product__media-list,
#MainContent .product__media-item,
#MainContent .thumbnail-slider,
#MainContent .thumbnail-list,
#MainContent .product-media-container {
  background: transparent !important;
}

/* Main product image card: dark frame instead of white slab */
#MainContent .product__media,
#MainContent .product__media .media,
#MainContent .product-media-container .media {
  background:
    radial-gradient(circle at 85% 12%, rgba(244,2,235,.08), transparent 34%),
    #111111 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}

/* Keep actual image clean and visible */
#MainContent .product__media img,
#MainContent .product-media-container img {
  background: transparent !important;
  border-radius: 22px !important;
}

/* Thumbnails should be dark cards, not white boxes */
#MainContent .thumbnail,
#MainContent .thumbnail-list__item,
#MainContent .thumbnail[aria-current] {
  background: #151515 !important;
  border-color: rgba(255,255,255,.16) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

#MainContent .thumbnail img {
  background: transparent !important;
  border-radius: 14px !important;
}

/* Slider arrows on dark product gallery */
#MainContent .slider-button,
#MainContent .thumbnail-slider .slider-button {
  color: #ffffff !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
}

#MainContent .slider-button svg,
#MainContent .thumbnail-slider .slider-button svg {
  color: #ffffff !important;
  fill: currentColor !important;
}
/* =========================================================
   Final Review + Stars Rescue Patch
   Fixes Shopify product stars + Judge.me review visibility
   ========================================================= */

/* Shopify native product rating stars */
#MainContent .rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #f402eb !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainContent .rating-star {
  --percent: calc(var(--rating) / var(--rating-max) * 100%);
  color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainContent .rating-star::before {
  content: "★★★★★" !important;
  background: linear-gradient(
    90deg,
    #f402eb var(--percent),
    rgba(255,255,255,.28) var(--percent)
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainContent .rating-count,
#MainContent .rating-count a,
#MainContent .product__info-container .rating-count {
  color: rgba(255,255,255,.86) !important;
  font-weight: 850 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Judge.me widget shell */
#MainContent .jdgm-widget,
#MainContent .jdgm-rev-widg,
#MainContent .jdgm-all-reviews-widget,
#MainContent .jdgm-rev-widg__body,
#MainContent .jdgm-rev {
  background: transparent !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Judge.me stars */
#MainContent .jdgm-star,
#MainContent .jdgm-star::before,
#MainContent .jdgm-star.jdgm--on,
#MainContent .jdgm-star.jdgm--on::before,
#MainContent .jdgm-star.jdgm--half,
#MainContent .jdgm-star.jdgm--half::before {
  color: #f402eb !important;
  -webkit-text-fill-color: #f402eb !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainContent .jdgm-star.jdgm--off,
#MainContent .jdgm-star.jdgm--off::before {
  color: rgba(255,255,255,.28) !important;
  -webkit-text-fill-color: rgba(255,255,255,.28) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Judge.me review text */
#MainContent .jdgm-rev__title,
#MainContent .jdgm-rev__body,
#MainContent .jdgm-rev__body p,
#MainContent .jdgm-rev__content,
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__author-wrapper,
#MainContent .jdgm-rev__timestamp,
#MainContent .jdgm-rev-widg__title,
#MainContent .jdgm-rev-widg__summary-text,
#MainContent .jdgm-prev-badge__text {
  color: rgba(255,255,255,.82) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainContent .jdgm-rev__title {
  color: #ffffff !important;
  font-weight: 950 !important;
}

#MainContent .jdgm-rev__author {
  color: rgba(255,255,255,.72) !important;
  font-weight: 850 !important;
}

#MainContent .jdgm-rev__timestamp {
  color: rgba(255,255,255,.62) !important;
}

/* Judge.me verified badges */
#MainContent .jdgm-rev__buyer-badge,
#MainContent .jdgm-verified-badge,
#MainContent .jdgm-rev__buyer-badge-wrapper {
  background: rgba(244,2,235,.14) !important;
  border: 1px solid rgba(244,2,235,.32) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

/* Judge.me reviewer avatar */
#MainContent .jdgm-rev__icon {
  background: rgba(244,2,235,.22) !important;
  color: #ffffff !important;
}

/* Judge.me buttons */
#MainContent .jdgm-write-rev-link,
#MainContent .jdgm-btn,
#MainContent .jdgm-widget button {
  background: #f402eb !important;
  border-color: #f402eb !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

/* Judge.me filter/sort controls */
#MainContent .jdgm-sort-dropdown,
#MainContent .jdgm-sort-dropdown-wrapper,
#MainContent .jdgm-rev-widg__sort-wrapper,
#MainContent .jdgm-medals-wrapper,
#MainContent .jdgm-histogram {
  color: #ffffff !important;
}
/* =========================================================
   Judge.me Deep Readability Patch
   Fixes hidden reviewer names / badges / review meta on dark theme
   ========================================================= */

/* Main Judge.me area */
#MainContent .jdgm-widget,
#MainContent .jdgm-widget *,
#MainContent .jdgm-rev-widg,
#MainContent .jdgm-rev-widg *,
#MainContent .jdgm-rev,
#MainContent .jdgm-rev * {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Force review meta text readable */
#MainContent .jdgm-rev__author-wrapper,
#MainContent .jdgm-rev__author-wrapper *,
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__timestamp,
#MainContent .jdgm-rev__content,
#MainContent .jdgm-rev__content *,
#MainContent .jdgm-rev__body,
#MainContent .jdgm-rev__body *,
#MainContent .jdgm-rev__title,
#MainContent .jdgm-rev__location,
#MainContent .jdgm-rev__prod-link,
#MainContent .jdgm-rev-widg__summary,
#MainContent .jdgm-rev-widg__summary *,
#MainContent .jdgm-rev-widg__title,
#MainContent .jdgm-rev-widg__summary-text,
#MainContent .jdgm-prev-badge__text {
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
}

/* Review titles should pop */
#MainContent .jdgm-rev__title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 950 !important;
}

/* Author names */
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__author-wrapper a,
#MainContent .jdgm-rev__author-wrapper span {
  color: rgba(255,255,255,.74) !important;
  -webkit-text-fill-color: rgba(255,255,255,.74) !important;
  font-weight: 850 !important;
}

/* Dates */
#MainContent .jdgm-rev__timestamp {
  color: rgba(255,255,255,.58) !important;
  -webkit-text-fill-color: rgba(255,255,255,.58) !important;
}

/* Reviewer avatar */
#MainContent .jdgm-rev__icon,
#MainContent .jdgm-rev__icon:before,
#MainContent .jdgm-rev__icon span {
  background: rgba(244,2,235,.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Verified badges */
#MainContent .jdgm-rev__buyer-badge,
#MainContent .jdgm-rev__buyer-badge *,
#MainContent .jdgm-rev__buyer-badge-wrapper,
#MainContent .jdgm-rev__buyer-badge-wrapper *,
#MainContent .jdgm-verified-badge,
#MainContent .jdgm-verified-badge * {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,.16) !important;
}

/* Stars stay magenta */
#MainContent .jdgm-star,
#MainContent .jdgm-star:before,
#MainContent .jdgm-star.jdgm--on,
#MainContent .jdgm-star.jdgm--on:before,
#MainContent .jdgm-star.jdgm--half,
#MainContent .jdgm-star.jdgm--half:before {
  color: #f402eb !important;
  -webkit-text-fill-color: #f402eb !important;
}

/* Empty stars visible but quiet */
#MainContent .jdgm-star.jdgm--off,
#MainContent .jdgm-star.jdgm--off:before {
  color: rgba(255,255,255,.28) !important;
  -webkit-text-fill-color: rgba(255,255,255,.28) !important;
}

/* Judge.me controls */
#MainContent .jdgm-write-rev-link,
#MainContent .jdgm-btn,
#MainContent .jdgm-widget button {
  background: #f402eb !important;
  border-color: #f402eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

/* Filter/sort circle buttons */
#MainContent .jdgm-rev-widg__sort-wrapper,
#MainContent .jdgm-rev-widg__sort-wrapper *,
#MainContent .jdgm-rev-widg__filter,
#MainContent .jdgm-rev-widg__filter *,
#MainContent .jdgm-sort-dropdown,
#MainContent .jdgm-sort-dropdown * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* =========================================================
   Judge.me Final Meta Visibility Patch
   Fixes reviewer name/header text still showing too dark
   ========================================================= */

#MainContent .jdgm-rev__header,
#MainContent .jdgm-rev__header *,
#MainContent .jdgm-rev__author-wrapper,
#MainContent .jdgm-rev__author-wrapper *,
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__timestamp,
#MainContent .jdgm-rev__buyer-badge,
#MainContent .jdgm-rev__buyer-badge *,
#MainContent .jdgm-rev__buyer-badge-wrapper,
#MainContent .jdgm-rev__buyer-badge-wrapper * {
  color: rgba(255,255,255,.74) !important;
  -webkit-text-fill-color: rgba(255,255,255,.74) !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* Reviewer name specifically */
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__author-wrapper .jdgm-rev__author,
#MainContent .jdgm-rev__author-wrapper span,
#MainContent .jdgm-rev__author-wrapper a {
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
  font-weight: 850 !important;
}

/* Date a little quieter */
#MainContent .jdgm-rev__timestamp {
  color: rgba(255,255,255,.58) !important;
  -webkit-text-fill-color: rgba(255,255,255,.58) !important;
}

/* Keep verified pill readable */
#MainContent .jdgm-rev__buyer-badge,
#MainContent .jdgm-rev__buyer-badge-wrapper {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
}

/* Avatar should not disappear into black */
#MainContent .jdgm-rev__icon,
#MainContent .jdgm-rev__icon *,
#MainContent .jdgm-rev__icon::before {
  background: rgba(244,2,235,.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
/* =========================================================
   Judge.me Light Card Fallback + Product Star Fix
   Reliable fix when Judge.me internal text stays black
   ========================================================= */

/* Shopify product rating stars near product title */
#MainContent .rating-star {
  --color-icon: #f402eb !important;
  --color-foreground: 255, 255, 255 !important;
  color: transparent !important;
}

#MainContent .rating-star::before {
  color: transparent !important;
}

#MainContent .rating-count,
#MainContent .rating-count a {
  color: rgba(255,255,255,.86) !important;
  font-weight: 850 !important;
}

/* Put Judge.me inside a clean light card so its app text is readable */
#MainContent #judgeme_product_reviews,
#MainContent .jdgm-widget,
#MainContent .jdgm-rev-widg,
#MainContent .jdgm-all-reviews-widget {
  background: #f6f6f6 !important;
  color: #111111 !important;
  border-radius: 30px !important;
  padding: clamp(22px, 4vw, 42px) !important;
  margin-top: 40px !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.22) !important;
}

/* Force Judge.me text dark inside the light card */
#MainContent #judgeme_product_reviews *,
#MainContent .jdgm-widget *,
#MainContent .jdgm-rev-widg *,
#MainContent .jdgm-all-reviews-widget * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Review titles */
#MainContent .jdgm-rev__title {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-weight: 950 !important;
}

/* Review body text */
#MainContent .jdgm-rev__body,
#MainContent .jdgm-rev__body *,
#MainContent .jdgm-rev__content,
#MainContent .jdgm-rev__content * {
  color: rgba(0,0,0,.76) !important;
  -webkit-text-fill-color: rgba(0,0,0,.76) !important;
}

/* Reviewer names and dates */
#MainContent .jdgm-rev__author,
#MainContent .jdgm-rev__timestamp,
#MainContent .jdgm-rev__author-wrapper,
#MainContent .jdgm-rev__author-wrapper * {
  color: rgba(0,0,0,.68) !important;
  -webkit-text-fill-color: rgba(0,0,0,.68) !important;
}

/* Stars stay brand magenta */
#MainContent .jdgm-star,
#MainContent .jdgm-star:before,
#MainContent .jdgm-star.jdgm--on,
#MainContent .jdgm-star.jdgm--on:before,
#MainContent .jdgm-star.jdgm--half,
#MainContent .jdgm-star.jdgm--half:before {
  color: #f402eb !important;
  -webkit-text-fill-color: #f402eb !important;
}

#MainContent .jdgm-star.jdgm--off,
#MainContent .jdgm-star.jdgm--off:before {
  color: rgba(0,0,0,.22) !important;
  -webkit-text-fill-color: rgba(0,0,0,.22) !important;
}

/* Verified badges */
#MainContent .jdgm-rev__buyer-badge,
#MainContent .jdgm-verified-badge,
#MainContent .jdgm-rev__buyer-badge-wrapper {
  background: rgba(244,2,235,.10) !important;
  border: 1px solid rgba(244,2,235,.28) !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-radius: 999px !important;
}

/* Reviewer avatar */
#MainContent .jdgm-rev__icon,
#MainContent .jdgm-rev__icon *,
#MainContent .jdgm-rev__icon::before {
  background: rgba(244,2,235,.16) !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

/* Judge.me buttons stay magenta */
#MainContent .jdgm-write-rev-link,
#MainContent .jdgm-btn,
#MainContent .jdgm-widget button {
  background: #f402eb !important;
  border-color: #f402eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

/* Filter/sort controls */
#MainContent .jdgm-sort-dropdown,
#MainContent .jdgm-sort-dropdown *,
#MainContent .jdgm-rev-widg__sort-wrapper,
#MainContent .jdgm-rev-widg__sort-wrapper * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
/* =========================================================
   Judge.me Light Card Star Restore
   Makes stars magenta inside the readable light review card
   ========================================================= */

#MainContent #judgeme_product_reviews .jdgm-star,
#MainContent #judgeme_product_reviews .jdgm-star:before,
#MainContent #judgeme_product_reviews .jdgm-star.jdgm--on,
#MainContent #judgeme_product_reviews .jdgm-star.jdgm--on:before,
#MainContent #judgeme_product_reviews .jdgm-star.jdgm--half,
#MainContent #judgeme_product_reviews .jdgm-star.jdgm--half:before,
#MainContent .jdgm-rev-widg .jdgm-star,
#MainContent .jdgm-rev-widg .jdgm-star:before,
#MainContent .jdgm-rev-widg .jdgm-star.jdgm--on,
#MainContent .jdgm-rev-widg .jdgm-star.jdgm--on:before,
#MainContent .jdgm-rev-widg .jdgm-star.jdgm--half,
#MainContent .jdgm-rev-widg .jdgm-star.jdgm--half:before {
  color: #f402eb !important;
  -webkit-text-fill-color: #f402eb !important;
  fill: #f402eb !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainContent #judgeme_product_reviews .jdgm-star.jdgm--off,
#MainContent #judgeme_product_reviews .jdgm-star.jdgm--off:before,
#MainContent .jdgm-rev-widg .jdgm-star.jdgm--off,
#MainContent .jdgm-rev-widg .jdgm-star.jdgm--off:before {
  color: rgba(0,0,0,.24) !important;
  -webkit-text-fill-color: rgba(0,0,0,.24) !important;
  fill: rgba(0,0,0,.24) !important;
}

/* Shopify product rating stars near product title */
#MainContent .product__info-container .rating-star {
  --color-icon: #f402eb !important;
  --color-foreground: 244, 2, 235 !important;
  color: #f402eb !important;
}

#MainContent .product__info-container .rating-star:before {
  color: #f402eb !important;
  -webkit-text-fill-color: #f402eb !important;
}
/* =========================================================
   Judge.me Star Color Nuclear Override
   Must stay at the very bottom of bc-custom.css
   ========================================================= */

#MainContent#MainContent #judgeme_product_reviews .jdgm-star,
#MainContent#MainContent #judgeme_product_reviews .jdgm-star::before,
#MainContent#MainContent #judgeme_product_reviews .jdgm-star:before,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star::before,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star:before,
#MainContent#MainContent .jdgm-widget .jdgm-star,
#MainContent#MainContent .jdgm-widget .jdgm-star::before,
#MainContent#MainContent .jdgm-widget .jdgm-star:before {
  color: #f402eb !important;
  -webkit-text-fill-color: #f402eb !important;
  fill: #f402eb !important;
  stroke: #f402eb !important;
}

#MainContent#MainContent #judgeme_product_reviews .jdgm-star svg,
#MainContent#MainContent #judgeme_product_reviews .jdgm-star svg *,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star svg,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star svg *,
#MainContent#MainContent .jdgm-widget .jdgm-star svg,
#MainContent#MainContent .jdgm-widget .jdgm-star svg * {
  fill: #f402eb !important;
  stroke: #f402eb !important;
  color: #f402eb !important;
}

#MainContent#MainContent #judgeme_product_reviews .jdgm-star.jdgm--off,
#MainContent#MainContent #judgeme_product_reviews .jdgm-star.jdgm--off::before,
#MainContent#MainContent #judgeme_product_reviews .jdgm-star.jdgm--off:before,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star.jdgm--off,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star.jdgm--off::before,
#MainContent#MainContent .jdgm-rev-widg .jdgm-star.jdgm--off:before,
#MainContent#MainContent .jdgm-widget .jdgm-star.jdgm--off,
#MainContent#MainContent .jdgm-widget .jdgm-star.jdgm--off::before,
#MainContent#MainContent .jdgm-widget .jdgm-star.jdgm--off:before {
  color: rgba(0,0,0,.24) !important;
  -webkit-text-fill-color: rgba(0,0,0,.24) !important;
  fill: rgba(0,0,0,.24) !important;
  stroke: rgba(0,0,0,.24) !important;
}
/* =========================================================
   Judge.me Light Card Control Polish
   Fixes hidden icons/buttons/controls inside the review card
   ========================================================= */

/* Keep the Judge.me card clean and readable */
#MainContent #judgeme_product_reviews,
#MainContent .jdgm-widget,
#MainContent .jdgm-rev-widg,
#MainContent .jdgm-all-reviews-widget {
  background: #f6f6f6 !important;
  color: #111111 !important;
}

/* Default Judge.me text inside the light card */
#MainContent #judgeme_product_reviews *,
#MainContent .jdgm-rev-widg *,
#MainContent .jdgm-all-reviews-widget * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

/* Write a review button stays branded */
#MainContent .jdgm-write-rev-link,
#MainContent .jdgm-rev-widg__summary .jdgm-write-rev-link,
#MainContent .jdgm-widget .jdgm-write-rev-link {
  background: #f402eb !important;
  border: 2px solid #f402eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  min-height: 46px !important;
  padding: 12px 28px !important;
  box-shadow: none !important;
}

/* Small Judge.me control buttons on the right: filter, sort, more, etc. */
#MainContent .jdgm-widget button:not(.jdgm-write-rev-link),
#MainContent .jdgm-rev-widg button:not(.jdgm-write-rev-link),
#MainContent .jdgm-rev-widg__filter,
#MainContent .jdgm-rev-widg__sort-wrapper,
#MainContent .jdgm-sort-dropdown-wrapper,
#MainContent .jdgm-sort-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Force icons inside those controls to show */
#MainContent .jdgm-widget button:not(.jdgm-write-rev-link) *,
#MainContent .jdgm-rev-widg button:not(.jdgm-write-rev-link) *,
#MainContent .jdgm-rev-widg__filter *,
#MainContent .jdgm-rev-widg__sort-wrapper *,
#MainContent .jdgm-sort-dropdown-wrapper *,
#MainContent .jdgm-sort-dropdown *,
#MainContent .jdgm-widget svg,
#MainContent .jdgm-widget svg *,
#MainContent .jdgm-rev-widg svg,
#MainContent .jdgm-rev-widg svg * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* If Judge.me uses icon fonts instead of SVGs */
#MainContent .jdgm-widget i,
#MainContent .jdgm-widget i::before,
#MainContent .jdgm-widget span::before,
#MainContent .jdgm-rev-widg i,
#MainContent .jdgm-rev-widg i::before,
#MainContent .jdgm-rev-widg span::before {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Verified badge can stay soft teal */
#MainContent .jdgm-verified-badge,
#MainContent .jdgm-rev__buyer-badge,
#MainContent .jdgm-rev__buyer-badge-wrapper {
  background: #9ff5e8 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-radius: 999px !important;
}

/* Review stars: brand magenta if Judge.me allows it */
#MainContent .jdgm-widget .jdgm-star,
#MainContent .jdgm-widget .jdgm-star::before,
#MainContent .jdgm-widget .jdgm-star:before,
#MainContent .jdgm-rev-widg .jdgm-star,
#MainContent .jdgm-rev-widg .jdgm-star::before,
#MainContent .jdgm-rev-widg .jdgm-star:before {
  color: #f402eb !important;
  -webkit-text-fill-color: #f402eb !important;
  fill: #f402eb !important;
  stroke: #f402eb !important;
}