/** Shopify CDN: Minification failed

Line 385:0 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: #000000 !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;