/** Shopify CDN: Minification failed

Line 1196:1 Expected "}" to go with "{"

**/
/* =========================================================
   School Daze — CLEAN Overrides (Safe + Working)
   ========================================================= */

/* Brand tokens */
:root{
  --sd-neon-blue:#00E5FF;
  --sd-hot-pink:#FF2F92;
  --sd-neon-green:#39FF14;
  --sd-orange:#FF6600;
  --sd-ink:#111111;
  --sd-btn-bg:#000000;
  --sd-btn-text:#00E5FF;
  --sd-btn-shadow:#FF2F92;
}

/* 1) Chalkboard drawer background */
.menu-drawer__menu{
  background-color:#1a1d1a !important;
  background-image:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0%, transparent 80%),
    repeating-linear-gradient(45deg, rgba(255,255,255,0.01) 0px, rgba(255,255,255,0.01) 1px, transparent 1px, transparent 10px) !important;
  border-top:10px solid #5d4037 !important;
  box-shadow: inset 0 0 100px rgba(0,0,0,0.5);
  padding-bottom:200px !important;
  overflow-y:auto !important;
  height:100% !important;
}

/* 2) Primary buttons — loud but clean */
.button--primary,
.product-form__submit,
.quick-add__submit,
button.shopify-payment-button__button--unbranded{
  background-color: var(--sd-btn-bg) !important;
  color: var(--sd-btn-text) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  border: none !important;
  box-shadow: 0 6px 0 var(--sd-btn-shadow) !important;
  transition: transform .12s ease, box-shadow .12s ease !important;
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}
.button--primary:active,
.product-form__submit:active,
.quick-add__submit:active{
  transform: translateY(3px) !important;
  box-shadow: 0 2px 0 var(--sd-btn-shadow) !important;
}
/* 3) Doodle Effect on product cards (Fixed Clickability) */
.card-wrapper .card__inner {
  transition: all .2s ease-in-out !important;
  /* Removed low z-index that was burying the image */
  position: relative !important; 
}

/* Base "Doodle" style */
.card-wrapper:hover .card__inner,
.card-wrapper:active .card__inner,
.card-wrapper:focus-within .card__inner {
  outline: 4px solid #000000 !important;
  outline-offset: -8px !important;
  border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px !important;
  box-shadow: 6px 6px 0px var(--sd-hot-pink), 12px 12px 0px #000000 !important;
  background-color: #FFFFFF !important;
  /* Ensure the inner content stays on top of the new background/shadows */
  z-index: 2 !important; 
}

/* Subtle tilt effect - Added pointer-events to ensure clicks pass through */
.card-wrapper:hover,
.card-wrapper:active {
  transform: rotate(-1deg) scale(1.01) !important;
  z-index: 5 !important;
  cursor: pointer; /* Force the pointer icon */
}

/* Mobile-Specific Optimization */
@media screen and (max-width: 749px) {
  .card-wrapper:active .card__inner {
    box-shadow: 4px 4px 0px var(--sd-hot-pink), 8px 8px 0px #000000 !important;
    transform: scale(0.98);
  }
}


/* 4) Make prices pop */
.price, .price-item, .money{
  color: var(--sd-neon-green) !important;
  font-weight: 800 !important;
}

/* 5) Links */
a, .link{ color: var(--sd-hot-pink) !important; }
a:hover, .link:hover{ opacity: .85; }

/* 6) Checkout button — consistent */
.cart__checkout-button,
#checkout,
.cart__ctas button[name="checkout"]{
  background: var(--sd-btn-bg) !important;
  color: var(--sd-btn-text) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  border: none !important;
  box-shadow: 0 6px 0 var(--sd-btn-shadow) !important;
}

/* 7) Remove button (cart) */
cart-remove-button button,
.cart-remove-button,
a[href*="cart/change"][aria-label*="Remove"],
button[aria-label*="Remove"]{
  background: transparent !important;
  color: var(--sd-hot-pink) !important;
  border: 2px solid var(--sd-hot-pink) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* 8) Mobile tweaks */
@media screen and (max-width: 749px){
  .card__content .button,
  .card__content .quick-add__submit{
    padding: 8px 12px !important;
    font-size: 13px !important;
    min-height: auto !important;
  }
}

/* =========================================================
   Subtle Notebook Background
========================================================= */
body{
  background:
    linear-gradient(#ffffff, #ffffff),
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.03) 0px,
      rgba(0, 0, 0, 0.03) 1px,
      transparent 1px,
      transparent 34px
    );
  background-blend-mode: normal;
}
.shopify-section{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* =========================================================
   Trust Strip
========================================================= */
.sd-trust-strip{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin: 12px auto 0;
  padding: 10px 14px;
  max-width: 1200px;
  border-radius: 16px;
  background: rgba(0,229,255,.10);
  border: 2px dashed rgba(255,47,146,.45);
}
.sd-trust-item{
  font-weight: 800;
  font-size: 14px;
  color: var(--sd-ink);
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 0 rgba(0,0,0,.06);
}
@media (max-width: 749px){
  .sd-trust-strip{ justify-content:flex-start; }
  .sd-trust-item{ font-size: 13px; }
}

/* =========================================================
   Section Header underline
========================================================= */
.title-wrapper-with-link .title,
.title{
  position: relative;
  display: inline-block;
}
.title::after{
  content:"";
  display:block;
  height: 8px;
  margin-top: 6px;
  border-radius: 999px;
  background: rgba(255,47,146,.35);
}

/* =========================================================
   HERO (Image Banner) — Sticker Box + Color Pop
========================================================= */
.banner__box{
  background: rgba(255,255,255,.88) !important;
  border: 3px solid rgba(0,0,0,.85) !important;
  border-radius: 18px !important;
  box-shadow: 10px 10px 0 rgba(255,47,146,.55) !important;
  backdrop-filter: blur(3px);
}
.banner__heading{
  display: inline-block;
  position: relative;
}
.banner__heading::after{
  content:"";
  display:block;
  height: 10px;
  margin-top: 10px;
  border-radius: 999px;
  background: rgba(0,229,255,.35);
}
.banner__text{
  font-weight: 600;
  color: #111 !important;
}
@media (hover:hover){
  .banner .button--primary:hover{
    transform: translateY(-1px) !important;
    filter: brightness(1.03);
  }
}
@media (max-width: 749px){
  .banner__box{
    box-shadow: 6px 6px 0 rgba(255,47,146,.45) !important;
  }
}

/* =========================================================
   HOW IT WORKS — Light Blue Background
   (Use this ONLY if you add class "sd-how" to that section)
========================================================= */
.sd-how{
  background: linear-gradient(180deg,#f3fbff 0%, #e9f7ff 100%) !important;
  border-radius: 24px;
  margin: 40px auto;
  padding: 24px 16px;
}
.sd-how .multicolumn-card,
.sd-how .rich-text__blocks{
  background:#fff !important;
  border-radius:18px;
  padding:20px;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

/* =========================================================
   SD BADGE (Best Seller / Fan Favorite)
========================================================= */
.card__inner{ position: relative !important; overflow: visible !important; }

.sd-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:9999;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.3px;
  background: var(--sd-hot-pink);
  color:#fff;
  box-shadow:0 4px 0 #000;
  pointer-events:none;
}
.sd-badge--alt{
  background: var(--sd-neon-blue);
  color:#000;
}
/* =========================
   School Daze — Tiny Chalk Underline
========================= */

/* Wrap ONLY the headline you want underlined */
.sd-chalk-underline {
  display: inline-block;
  position: relative;
}

/* The chalk bar */
.sd-chalk-underline::after {
  content: "";
  display: block;
  width: 72px;              /* short = classy */
  height: 6px;              /* thin chalk */
  margin-top: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.85); /* chalk white */
  
  /* subtle chalk texture */
  box-shadow:
    2px 2px 0 rgba(0,0,0,0.12),
    -1px 1px 0 rgba(0,0,0,0.08);
}
/* =========================
   REVIEWS: WHITE BACKGROUND (KEEP YOUR COLORS)
   ========================= */

/* Kill any Dawn section overlays */
.shopify-section:has(.jdgm-widget)::before,
.shopify-section:has(.jdgm-widget)::after {
  display: none !important;
  content: none !important;
}

/* Make the section white */
.shopify-section:has(.jdgm-widget) {
  background: #ffffff !important;
}

/* Make Judge.me wrapper white (but DON'T force text colors) */
.jdgm-widget,
.jdgm-carousel-wrapper,
.jdgm-rev-widg,
.jdgm-widget-wrapper {
  background: #ffffff !important;
}

/* If any inner elements still have dark background, neutralize them */
.jdgm-widget * {
  background-color: transparent !important;
}

/* OPTIONAL: If you want Judge.me text to be YOUR pink */
.jdgm-widget,
.jdgm-widget .jdgm-rev__title,
.jdgm-widget .jdgm-rev__body,
.jdgm-widget .jdgm-rev__author,
.jdgm-widget .jdgm-rev__timestamp,
.jdgm-widget .jdgm-rev__rating,
.jdgm-widget .jdgm-rev__buyer-badge-wrapper {
  color: #FF1493 !important;
}

/* Keep stars readable (optional) */
.jdgm-star {
  color: #FF1493 !important;
}
/* ================================
   School Daze — Price Styling
   Black price with soft shadow
================================ */

/* Product cards + collections */
.price,
.price-item,
.price-item--regular,
.price__regular,
.price__sale {
  color: #FFFFFF !important;
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Product page main price */
.product__price,
.product__price .price-item {
  color: #000000 !important;
  font-weight: 900;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);
}

/* Remove any leftover neon styling */
.price span,
.price-item span {
  background: none !important;
  box-shadow: none !important;
/* 1. Ensure the card wrapper is the master container */
.card-wrapper {
  position: relative !important;
}

/* 2. Target Dawn's specific link pseudo-element */
/* This forces the 'hit area' to stay on the very top layer */
.card-wrapper .full-unstyled-link::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 100 !important; /* Higher than the doodle and badges */
  pointer-events: auto !important;
}

/* 3. Ensure the inner containers don't block the click */
.card__inner, 
.card__media, 
.sd-badge {
  pointer-events: none !important; 
}

/* 4. Exceptions: Keep the Quick Add button and Price clickable */
.quick-add,
.card__content .button,
.price {
  position: relative !important;
  z-index: 110 !important; /* Higher than the link */
  pointer-events: auto !important;
}.card-wrapper .full-unstyled-link {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
}/* 1. Prevent the info area from overlapping the image */
.card-wrapper.product-card-wrapper .card--standard > .card__content {
  position: static !important;
}

/* 2. Ensure the image container allows the link to breathe */
.card__inner {
  position: relative !important;
  z-index: 1 !important;
}

/* 3. Re-stretch the link to ensure it's on the very top layer of the new image size */
.card-wrapper .full-unstyled-link::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999 !important; /* The 'High Score' z-index */
  display: block !important;
  pointer-events: auto !important;
}
.sd-per-unit__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

.sd-per-unit__badges{
  display:flex;
  align-items:center;
  gap:8px;
}

.sd-save{
  background:#ff4fa3;
  color:#000;
  font-size:11px;
  font-weight:800;
  padding:3px 10px;
  border-radius:999px;
  border:2px solid #000;
  line-height:1;
}

.sd-best-value{
  background:#000;
  color:#fff;
  font-size:11px;
  font-weight:800;
  padding:3px 10px;
  border-radius:999px;
  line-height:1;
}
/* --- School Daze Per-Unit Clean Structure --- */

.sd-per-unit {
  margin-top: 10px;
  padding: 10px 14px;
  background: #fff6f9;
  border: 2px dashed #ff4fa3;
  border-radius: 12px;
  font-size: 15px;
  display: inline-block;
}

/* Lunchroom Math label → PINK */
.sd-per-unit .sd-math {
  color: #ff4fa3 !important;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

/* Main per-unit price → BLACK */
.sd-per-unit strong {
  color: #000 !important;
  font-weight: 800;
}

/* Save $X → Pink pill */
.sd-save {
  background: #ff4fa3 !important;
  color: #000 !important;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  border: 2px solid #000;
  margin-left: 8px;
}

/* BEST VALUE → Black pill */
.sd-best-value {
  background: #000 !important;
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  margin-left: 8px;
}/* ---- FORCE School Daze Per-Unit Colors (Guaranteed) ---- */
#per-unit-price .sd-math{
  color:#ff4fa3 !important;
  font-weight:700 !important;
  display:block !important;
  margin-bottom:4px !important;
}

#per-unit-price strong{
  color:#000 !important;
  font-weight:800 !important;
}

#per-unit-price .sd-save{
  background:#ff4fa3 !important;
  color:#000 !important;
  font-size:11px !important;
  font-weight:800 !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  border:2px solid #000 !important;
}

#per-unit-price .sd-best-value{
  background:#000 !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
  padding:4px 10px !important;
  border-radius:999px !important;
}

#per-unit-price .sd-per-unit{
  margin-top:10px !important;
  padding:10px 14px !important;
  background:#fff6f9 !important;
  border:2px dashed #ff4fa3 !important;
  border-radius:12px !important;
  display:inline-block !important;
}
/* Tighten space below hero banner on homepage */
.template-index .banner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.template-index .banner + .section {
  margin-top: -20px !important;
}
/* =========================
   SCHOOL DAZE PRODUCT GRID
   Featured collection / product cards
========================= */

.collection .card-wrapper,
.product-grid .card-wrapper,
ul.grid.product-grid .grid__item .card-wrapper {
  height: 100%;
}

.collection .card,
.product-grid .card,
ul.grid.product-grid .grid__item .card {
  position: relative;
  height: 100%;
  background: #111111;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0,0,0,0.22);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.collection .card:hover,
.product-grid .card:hover,
ul.grid.product-grid .grid__item .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 38px rgba(0,0,0,0.28);
  border-color: rgba(255,47,146,0.22);
}

/* image area */
.collection .card__inner,
.product-grid .card__inner,
ul.grid.product-grid .grid__item .card__inner {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255,47,146,0.08), transparent 30%),
    radial-gradient(circle at top right, rgba(0,229,255,0.08), transparent 35%),
    #0d0d0d;
}

.collection .card__media,
.product-grid .card__media,
ul.grid.product-grid .grid__item .card__media {
  background: transparent;
}

.collection .media img,
.product-grid .media img,
ul.grid.product-grid .grid__item .media img {
  transition: transform 0.35s ease;
}

.collection .card:hover .media img,
.product-grid .card:hover .media img,
ul.grid.product-grid .grid__item .card:hover .media img {
  transform: scale(1.04);
}

/* content area */
.collection .card__content,
.product-grid .card__content,
ul.grid.product-grid .grid__item .card__content {
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.02), rgba(255,255,255,0)),
    #111111;
  padding-bottom: 8px;
}

.collection .card__information,
.product-grid .card__information,
ul.grid.product-grid .grid__item .card__information {
  padding: 16px 16px 10px;
}

/* product title */
.collection .card__heading,
.product-grid .card__heading,
ul.grid.product-grid .grid__item .card__heading {
  margin-bottom: 8px;
  line-height: 1.15;
}

.collection .card__heading a,
.product-grid .card__heading a,
ul.grid.product-grid .grid__item .card__heading a {
  color: #FFFFFF;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.01em;
  text-decoration: none;
}

.collection .card__heading a:hover,
.product-grid .card__heading a:hover,
ul.grid.product-grid .grid__item .card__heading a:hover {
  color: #00E5FF;
}

/* price */
.collection .price,
.product-grid .price,
ul.grid.product-grid .grid__item .price {
  color: #FFDE59;
  font-weight: 900;
}

.collection .price-item,
.product-grid .price-item,
ul.grid.product-grid .grid__item .price-item {
  color: #FFDE59;
  font-weight: 900;
  font-size: 18px;
}

/* rating / vendor / extra text muted */
.collection .caption,
.collection .caption-with-letter-spacing,
.collection .card-information,
.product-grid .caption,
.product-grid .caption-with-letter-spacing,
.product-grid .card-information,
ul.grid.product-grid .grid__item .caption,
ul.grid.product-grid .grid__item .caption-with-letter-spacing,
ul.grid.product-grid .grid__item .card-information {
  color: #BDBDBD;
}

/* quick add area */
.collection .card-information,
.product-grid .card-information,
ul.grid.product-grid .grid__item .card-information {
  padding: 0 16px 16px;
}

/* buttons */
.collection .quick-add__submit,
.product-grid .quick-add__submit,
ul.grid.product-grid .grid__item .quick-add__submit,
.collection .button,
.product-grid .button,
ul.grid.product-grid .grid__item .button {
  min-height: 46px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-transform: none;
  border: none;
  background: #FFDE59;
  color: #111111;
  box-shadow: 0 10px 22px rgba(0,0,0,0.22);
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}

.collection .quick-add__submit:hover,
.product-grid .quick-add__submit:hover,
ul.grid.product-grid .grid__item .quick-add__submit:hover,
.collection .button:hover,
.product-grid .button:hover,
ul.grid.product-grid .grid__item .button:hover {
  transform: translateY(-2px);
  opacity: 0.96;
  box-shadow: 0 14px 26px rgba(0,0,0,0.28);
}

/* if Dawn uses secondary button styling inside cards */
.collection .button--secondary,
.product-grid .button--secondary,
ul.grid.product-grid .grid__item .button--secondary {
  background: #FFDE59;
  color: #111111;
  border: none;
  box-shadow: 0 10px 22px rgba(0,0,0,0.22);
}

/* sale / badges */
.collection .badge,
.product-grid .badge,
ul.grid.product-grid .grid__item .badge {
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

/* best seller / sale styles if theme uses color vars */
.collection .badge--bottom-left,
.product-grid .badge--bottom-left,
ul.grid.product-grid .grid__item .badge--bottom-left {
  margin: 10px;
}

/* optional "school daze" card glow edge */
.collection .card::after,
.product-grid .card::after,
ul.grid.product-grid .grid__item .card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 24px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    inset 0 0 0 1px rgba(255,255,255,0.02);
}

/* make product cards feel balanced */
.collection .card__information > * + *,
.product-grid .card__information > * + *,
ul.grid.product-grid .grid__item .card__information > * + * {
  margin-top: 6px;
}

/* mobile tightening */
@media screen and (max-width: 749px) {
  .collection .card,
  .product-grid .card,
  ul.grid.product-grid .grid__item .card {
    border-radius: 20px;
  }

  .collection .card__information,
  .product-grid .card__information,
  ul.grid.product-grid .grid__item .card__information {
    padding: 14px 14px 10px;
  }

  .collection .card__heading a,
  .product-grid .card__heading a,
  ul.grid.product-grid .grid__item .card__heading a {
    font-size: 16px;
  }

  .collection .price-item,
  .product-grid .price-item,
  ul.grid.product-grid .grid__item .price-item {
    font-size: 17px;
  }

  .collection .card-information,
  .product-grid .card-information,
  ul.grid.product-grid .grid__item .card-information {
    padding: 0 14px 14px;
  }

  .collection .quick-add__submit,
  .product-grid .quick-add__submit,
  ul.grid.product-grid .grid__item .quick-add__submit,
  .collection .button,
  .product-grid .button,
  ul.grid.product-grid .grid__item .button {
    min-height: 44px;
    font-size: 14px;
  }
.jdgm-prev-badge__text {
  display: none !important;
}/* Hide Judge.me review count / text on cards and badges */
.jdgm-prev-badge__text,
.jdgm-star-rating__text,
.jdgm-rev-widg__summary-text,
.jdgm-preview-badge .jdgm-prev-badge__text,
.jdgm-widget .jdgm-prev-badge__text,
span.jdgm-prev-badge__text,
a.jdgm-prev-badge__text {
  display: none !important;
}

/* Optional: if your theme shows the numeric average like 4.0 */
.jdgm-star-rating__rating,
.jdgm-prev-badge__stars + span,
.jdgm-prev-badge[data-average-rating]::after {
  display: none !important;
}.card-information .rating-count {
  display: none !important;
}.quick-add {
  margin-top: 10px;
}.quick-add__submit {
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 700;
}.card__information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}.card-wrapper {
  height: 100%;
}

.card {
  height: 100%;
}/* 🍕 Make Add to Tray Buttons Elite */
.product-form__submit, .button--full-width {
  min-height: 55px !important; /* Makes it easier to hit with a thumb */
  font-size: 18px !important;   /* Makes the text punchy */
  font-weight: 900 !important;  /* Maximum thickness */
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 3px solid #000 !important; /* Thick black border */
  box-shadow: 5px 5px 0px #000 !important; /* 90s style drop shadow */
  transition: 0.2s ease;
}

/* Add a little wiggle/pop when they click */
.product-form__submit:active {
  box-shadow: 0px 0px 0px #000 !important;
  transform: translate(3px, 3px);
}/* TEST: force School Daze button style on product + quick add buttons */
.product-form__submit,
.quick-add__submit,
.product-form button[type="submit"],
.quick-add button[type="submit"] {
  min-height: 55px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: 3px solid #000 !important;
  box-shadow: 5px 5px 0 #000 !important;
  transition: all 0.2s ease !important;
}

.product-form__submit:active,
.quick-add__submit:active,
.product-form button[type="submit"]:active,
.quick-add button[type="submit"]:active {
  box-shadow: 0 0 0 #000 !important;
  transform: translate(3px, 3px) !important;
}/* Soften featured collection under What's Hot Right Now */
.sd-best-head + .shopify-section,
.sd-best-head + .shopify-section .color-background-1,
.sd-best-head + .shopify-section .gradient {
  background: #f3f3f3 !important;
}

/* Tighten top spacing on the product section */
.sd-best-head + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Pull product grid slightly closer */
.sd-best-head + .shopify-section .page-width,
.sd-best-head + .shopify-section .collection,
.sd-best-head + .shopify-section .featured-collection {
  padding-top: 10px !important;
}
/* Turn product section dark to match brand */
.sd-best-head + .shopify-section {
  background: #0b0b0b !important;
}

/* Remove white backgrounds inside product cards */
.sd-best-head + .shopify-section .card,
.sd-best-head + .shopify-section .card__inner,
.sd-best-head + .shopify-section .card__content {
  background: transparent !important;
}

/* Make product titles pop on dark */
.sd-best-head + .shopify-section .card__heading,
.sd-best-head + .shopify-section .card__heading a {
  color: #ffffff !important;
}

/* Price styling */
.sd-best-head + .shopify-section .price {
  color: #ffffff !important;
}

/* Optional: soften spacing */
.sd-best-head + .shopify-section .page-width {
  padding-top: 20px !important;
}
/* Make product section match dark vibe */
.sd-best-head + .shopify-section {
  background: #0b0b0b !important;
}

/* Clean card layout */
.sd-best-head + .shopify-section .card {
  background: transparent !important;
  text-align: center;
}

/* Image spacing */
.sd-best-head + .shopify-section .card__inner {
  padding: 10px 10px 0 !important;
}

/* Title styling */
.sd-best-head + .shopify-section .card__heading {
  margin-top: 10px !important;
  font-size: 16px;
  line-height: 1.3;
  min-height: 44px;
}

.sd-best-head + .shopify-section .card__heading a {
  color: #FF2F92 !important;
  font-weight: 700;
}

/* Price styling */
.sd-best-head + .shopify-section .price {
  color: #ffffff !important;
  font-weight: 900;
  font-size: 18px;
}

/* Star rating spacing */
.sd-best-head + .shopify-section .rating {
  margin: 6px 0 !important;
}

/* BUTTON FIX (BIG ONE) */
.sd-best-head + .shopify-section .card__content .button {
  background: #000000 !important;
  color: #00E5FF !important;
  border-radius: 999px !important;
  font-weight: 900;
  padding: 12px 14px !important;
  margin-top: 10px;
  box-shadow: 0 6px 0 #FF2F92;
}

/* Force ALL buttons to match (kills "Choose options" vibe issue) */
.sd-best-head + .shopify-section .card__content .button span {
  color: #00E5FF !important;
}

/* Hover */
.sd-best-head + .shopify-section .card__content .button:hover {
  transform: translateY(-2px);
}/* Product title readability fix */
.card__heading a {
  font-weight: 800 !important;
  font-size: 17px !important;
}/* Make quick add / choose options buttons feel consistent */
.card__content .button,
.quick-add__submit,
button.quick-add__submit {
  border-radius: 999px !important;
  font-weight: 900 !important;
  min-height: 52px !important;
  background: #000 !important;
  color: #00E5FF !important;
  border: 0 !important;
  box-shadow: 0 8px 0 #FF2F92 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.card__content .button:hover,
.quick-add__submit:hover,
button.quick-add__submit:hover {
  transform: translateY(-2px);
}

.card__content .button span,
.quick-add__submit span,
button.quick-add__submit span {
  color: #00E5FF !important;
}/* Neon social proof (Hero) */
.sd-hero-proof{
  margin-top: 18px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;

  color: #00E5FF; /* neon blue */

  text-shadow:
    0 0 6px rgba(0,229,255,0.6),
    0 0 12px rgba(0,229,255,0.4);

  opacity: 0.95;
}/* ============================= */
/* SCHOOL DAZE — KEEP BLACK + ADD GLOW */
/* ============================= */

/* Keep your current dark product/card look */
.card,
.card-wrapper .card,
.product-card-wrapper .card,
.collection .card,
.slider .card,
.grid__item .card {
  background: #0b0b0f !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
}

/* Soft hover glow */
.card:hover,
.card-wrapper .card:hover,
.product-card-wrapper .card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,47,146,0.45);
  box-shadow:
    0 0 0 1px rgba(255,47,146,0.25),
    0 0 16px rgba(255,47,146,0.18),
    0 0 26px rgba(0,229,255,0.10);
}

/* Product image spotlight */
.card__media {
  position: relative;
}

.card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at center, rgba(255,255,255,0.08) 0%, transparent 68%);
}

.card__heading,
.card__heading a,
.full-unstyled-link,
.card-information__text {
  color: #ffffff !important;
}

/* Pink accent for product titles on hover */
.card__heading a:hover,
.full-unstyled-link:hover {
  color: #FF2F92 !important;
}

/* Buttons keep School Daze energy */
.card .button,
.card button,
.quick-add__submit,
.product-form__submit {
  background: #00E5FF !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 999px !important;
  font-weight: 800;
  box-shadow: 0 4px 0 #FF2F92;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card .button:hover,
.card button:hover,
.quick-add__submit:hover,
.product-form__submit:hover {
  transform: translateY(-1px);
  box-shadow:
    0 6px 0 #FF2F92,
    0 0 14px rgba(0,229,255,0.35);
}

/* Badge glow */
.badge,
.card .badge {
  background: #FF2F92 !important;
  color: #ffffff !important;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(255,47,146,0.35);
}

/* Section-level dark depth without changing food images */
.shopify-section .collection,
.shopify-section .featured-collection,
.shopify-section .color-background-1,
.shopify-section .color-background-2 {
  background: transparent;
}

/* Optional: black/glow feeling behind collection areas */
.collection.page-width,
.featured-collection .page-width {
  position: relative;
}

.collection.page-width::before,
.featured-collection .page-width::before {
  content: "";
  position: absolute;
  inset: -18px;
  z-index: -1;
  border-radius: 24px;
  background: radial-gradient(circle at top, rgba(11,11,15,0.98) 0%, rgba(5,5,7,0.98) 75%);
  box-shadow:
    inset 0 0 60px rgba(0,229,255,0.04),
    inset 0 0 80px rgba(255,47,146,0.04);
body.template-product .price,
body.template-product .price * ,
body.template-collection .price,
body.template-collection .price * {
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  text-shadow:none !important;
}
/* =========================
   PRICE CONTROL (FINAL)
   ========================= */

/* HOMEPAGE = WHITE */
body.template-index .price,
body.template-index .price * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* PRODUCT + COLLECTION = BLACK */
body.template-product .price,
body.template-product .price *,
body.template-collection .price,
body.template-collection .price * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}