/** Shopify CDN: Minification failed

Line 94:48 Expected identifier but found "{"
Line 94:49 Unexpected "{"
Line 94:62 Expected ":"
Line 94:67 Expected ":"
Line 166:48 Expected identifier but found "{"
Line 166:49 Unexpected "{"
Line 166:62 Expected ":"
Line 166:67 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection (INDEX:4) */
.collection-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  }
/* END_SECTION:collection */

/* START_SECTION:collections (INDEX:5) */
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
/* END_SECTION:collections */

/* START_SECTION:custom-section (INDEX:6) */
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
/* END_SECTION:custom-section */

/* START_SECTION:footer (INDEX:7) */
.jjftr{
  background:#241636;color:rgba(255,255,255,.78);
  font-family:Fredoka,sans-serif;
}
.jjftr *{box-sizing:border-box}
.jjftr a{color:inherit;text-decoration:none;transition:color .15s}
.jjftr a:hover{color:#fff}
.jjftr a:focus-visible{outline:2px solid rgba(255,211,63,.7);outline-offset:2px;border-radius:4px}

/* ── Top grid ── */
.jjftr-top{
  max-width:1240px;margin:0 auto;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:48px;
  padding:56px 24px 40px;
}

/* ── Brand column ── */
.jjftr-logo-link{display:inline-flex;align-items:center}
.jjftr-logo{display:block;width:auto;max-height:{{ logo_height }}px;object-fit:contain}
.jjftr-logo-text{
  font-weight:700;font-size:22px;color:#fff;
}
.jjftr-tagline{
  margin:14px 0 6px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.65);
}
.jjftr-made{
  margin:8px 0 20px;font-size:13.5px;color:rgba(255,255,255,.5);
}

/* Social icons */
.jjftr-social{display:flex;gap:6px;flex-wrap:wrap}
.jjftr-social-link{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:10px;
  background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);
  transition:background .15s,color .15s;
}
.jjftr-social-link:hover{background:rgba(255,255,255,.2);color:#fff}

/* ── Nav columns ── */
.jjftr-nav-cols{display:flex;gap:40px;flex-wrap:wrap;padding-top:4px}
.jjftr-col{min-width:140px}
.jjftr-col-head{
  font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;
  color:rgba(255,255,255,.38);margin:0 0 14px;
}
.jjftr-col-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.jjftr-col-link{font-size:15px;color:rgba(255,255,255,.72)}
.jjftr-col-link:hover{color:#fff}

/* ── Bottom bar ── */
.jjftr-bottom{
  max-width:1240px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  padding:18px 24px;
  border-top:1px solid rgba(255,255,255,.1);
}
.jjftr-copy{margin:0;font-size:13px;color:rgba(255,255,255,.38)}
.jjftr-payment{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.jjftr-payment-icon{height:24px;width:auto;border-radius:4px;opacity:.65}

/* ── Responsive ── */
@media(max-width:760px){
  .jjftr-top{grid-template-columns:1fr;gap:32px;padding:40px 20px 28px}
  .jjftr-bottom{padding:16px 20px}
}
/* END_SECTION:footer */

/* START_SECTION:header (INDEX:8) */
/* ── Base ── */
.jjhdr-wrap{
  position:relative;z-index:200;
  background:#fff;
  border-bottom:1px solid rgba(36,22,54,.08);
  font-family:Fredoka,sans-serif;
}
.jjhdr-wrap *{box-sizing:border-box}
.jjhdr-sticky{position:sticky;top:0}

.jjhdr{max-width:1240px;margin:0 auto}
.jjhdr-inner{
  display:flex;align-items:center;gap:0;
  padding:0 24px;height:68px;
}

/* ── Logo ── */
.jjhdr-logo-link{
  display:flex;align-items:center;flex:none;
  text-decoration:none;margin-right:32px;
}
.jjhdr-logo{display:block;width:auto;max-height:{{ logo_height }}px;max-width:200px;object-fit:contain}
.jjhdr-logo-text{
  font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;color:#241636;
}

/* ── Desktop nav ── */
.jjhdr-nav{
  display:flex;align-items:center;gap:4px;flex:1;
}
.jjhdr-link{
  display:inline-flex;align-items:center;
  font-weight:500;font-size:15.5px;color:#241636;
  text-decoration:none;padding:7px 12px;border-radius:8px;
  transition:background .15s,color .15s;white-space:nowrap;
}
.jjhdr-link:hover,.jjhdr-link.is-active{background:rgba(36,22,54,.06);color:#241636}
.jjhdr-link.is-active{font-weight:600}
.jjhdr-link:focus-visible{outline:3px solid rgba(138,35,184,.45);outline-offset:2px}

/* ── Featured collection pill ── */
.jjhdr-feat{
  display:inline-flex;align-items:center;gap:7px;
  font-weight:600;font-size:14px;
  text-decoration:none;white-space:nowrap;
  padding:7px 16px 7px 12px;border-radius:999px;
  background:var(--feat-bg,#ffd23f);color:#241636;
  box-shadow:0 2px 10px rgba(36,22,54,.14);
  transition:transform .15s,box-shadow .15s;
  margin-left:8px;
}
.jjhdr-feat:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(36,22,54,.2)}
.jjhdr-feat:focus-visible{outline:3px solid rgba(138,35,184,.45);outline-offset:2px}
.jjhdr-feat-dot{
  width:8px;height:8px;border-radius:50%;flex:none;
  background:rgba(36,22,54,.3);
  animation:jjhdr-pulse 2s ease-in-out infinite;
}
@keyframes jjhdr-pulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}

/* ── Actions ── */
.jjhdr-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none}
.jjhdr-icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:10px;
  background:none;border:none;cursor:pointer;color:#241636;
  transition:background .15s;text-decoration:none;
}
.jjhdr-icon-btn:hover{background:rgba(36,22,54,.06)}
.jjhdr-icon-btn:focus-visible{outline:3px solid rgba(138,35,184,.45);outline-offset:2px}
.jjhdr-icon-btn svg{width:22px;height:22px;display:block}

/* Cart badge */
.jjhdr-cart{position:relative}
.jjhdr-cart-badge{
  position:absolute;top:4px;right:4px;
  width:17px;height:17px;border-radius:50%;
  background:#8a23b8;color:#fff;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:10.5px;
  display:flex;align-items:center;justify-content:center;
  border:2px solid #fff;line-height:1;
}

/* ── Hamburger: mobile only ── */
.jjhdr-hamburger{display:none}
@media(max-width:759px){
  .jjhdr-nav{display:none}
  .jjhdr-hamburger{display:inline-flex}
  .jjhdr-account{display:none}
}

/* ── Mobile drawer ── */
.jjhdr-drawer{
  position:fixed;inset:0;z-index:300;
  pointer-events:none;
}
.jjhdr-drawer.is-open{pointer-events:auto}
.jjhdr-drawer-backdrop{
  position:absolute;inset:0;
  background:rgba(20,10,36,.5);
  opacity:0;transition:opacity .28s ease;
}
.jjhdr-drawer.is-open .jjhdr-drawer-backdrop{opacity:1}
.jjhdr-drawer-panel{
  position:absolute;top:0;left:0;bottom:0;width:min(320px,88vw);
  background:#fff;display:flex;flex-direction:column;
  transform:translateX(-100%);transition:transform .28s cubic-bezier(.25,.8,.25,1);
  box-shadow:4px 0 32px rgba(36,22,54,.12);
}
.jjhdr-drawer.is-open .jjhdr-drawer-panel{transform:translateX(0)}
.jjhdr-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid rgba(36,22,54,.08);
}
.jjhdr-drawer-links{
  flex:1;overflow-y:auto;padding:16px 12px;
  display:flex;flex-direction:column;gap:2px;
}
.jjhdr-drawer-link{
  display:block;font-family:Fredoka,sans-serif;font-weight:500;font-size:18px;
  color:#241636;text-decoration:none;padding:12px 16px;border-radius:10px;
  transition:background .15s;
}
.jjhdr-drawer-link:hover,.jjhdr-drawer-link.is-active{background:rgba(36,22,54,.06)}
.jjhdr-drawer-feat{
  display:inline-flex;align-items:center;gap:8px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  color:#241636;text-decoration:none;
  padding:12px 16px;border-radius:10px;margin-top:8px;
  background:var(--feat-bg,#ffd23f);
}
.jjhdr-drawer-foot{
  padding:16px 20px;border-top:1px solid rgba(36,22,54,.08);
}
.jjhdr-drawer-account{
  font-family:Fredoka,sans-serif;font-size:15px;color:#6a5a82;text-decoration:none;
}

/* ── Retailer bar ── */
.jjhdr-retailer-bar{
  background:#241636;color:rgba(255,255,255,.82);
  font-family:Fredoka,sans-serif;font-size:13px;
  border-top:1px solid rgba(255,255,255,.08);
}
.jjhdr-retailer-bar-inner{
  max-width:1240px;margin:0 auto;
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  padding:7px 24px;
}
.jjhdr-retailer-status{font-weight:500}
.jjhdr-retailer-sep{color:rgba(255,255,255,.25)}
.jjhdr-retailer-bar strong{color:#fff;font-weight:700}
.jjhdr-retailer-shop{
  color:#ffd23f;font-weight:600;text-decoration:none;
  border:1px solid rgba(255,211,63,.4);border-radius:99px;
  padding:2px 12px;transition:background .15s;
}
.jjhdr-retailer-shop:hover{background:rgba(255,211,63,.15)}
.jjhdr-retailer-logout{
  color:rgba(255,255,255,.45);text-decoration:none;font-size:12px;
  transition:color .15s;margin-left:auto;
}
.jjhdr-retailer-logout:hover{color:rgba(255,255,255,.75)}
@media(max-width:600px){
  .jjhdr-retailer-logout{margin-left:0}
}
/* END_SECTION:header */

/* START_SECTION:hello-world (INDEX:9) */
.welcome {
    display: grid;
    grid-template-columns: var(--content-grid);
    background-color: #f6f6f7;
    padding: 72px 0;
  }

  .welcome-content {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0 24px;
  }

  .welcome-description {
    max-width: 80ch;
    line-height: 1.4;
    margin-top: 1.5rem;
  }

  .icon {
    width: 300px;
  }

  .highlights {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
  }

  @media (max-width: 1100px) {
    .highlights {
      grid-template-columns: 1fr;
    }
  }

  .highlight {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    border-radius: 8px;
    background-color: #eef3ff;
    color: rgb(92, 95, 98);
    line-height: 1.4;
  }

  .highlight > * + * {
    margin-top: 1rem;
  }

  .highlight h3 {
    font-size: 1rem;
    color: rgb(32, 34, 35);
  }

  .highlight-description {
    flex: 1 1;
  }

  .highlight a {
    display: flex;
    width: fit-content;
    background-color: rgb(250, 251, 251);
    box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.9) 0px 2px 0px 0px inset;
    border: 1px solid rgb(140, 145, 150);
    border-radius: 4px;
    color: rgb(92, 95, 98);
    padding: 3px 10px 5px;
    text-decoration: none;
  }
/* END_SECTION:hello-world */

/* START_SECTION:jj-affiliate (INDEX:10) */
.jjaff{font-family:inherit;color:#241636;padding-bottom:80px}
.jjaff *{box-sizing:border-box}

/* Hero */
.jjaff-hero{max-width:640px;margin:0 auto;padding:52px 24px 40px;text-align:center}
.jjaff-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:#8a23b8;margin:0 0 12px;
}
.jjaff-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(26px,4vw,44px);line-height:1.08;margin:0 0 16px;
}
.jjaff-lead{font-size:clamp(15px,1.8vw,17px);color:#6a5a82;line-height:1.65;margin:0}
.jjaff-h2{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(20px,2.4vw,28px);line-height:1.1;margin:0 0 28px;color:#241636;
}

/* Benefits card */
.jjaff-benefits{padding:36px 40px}
.jjaff-benefits-label{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);
  margin:0 0 20px;
}
.jjaff-stats{display:flex;align-items:stretch;gap:0;margin-bottom:24px}
.jjaff-stat{
  flex:1;text-align:center;padding:16px 20px;
}
.jjaff-stat-divider{
  width:1px;background:rgba(255,255,255,.12);align-self:stretch;flex:none;margin:8px 0;
}
.jjaff-stat-icon{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:10px;
  background:rgba(255,255,255,.1);margin:0 auto 10px;
  color:rgba(255,255,255,.8);
}
.jjaff-stat-value{
  font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(18px,2.4vw,26px);
  color:#fff;line-height:1.1;margin-bottom:5px;
}
.jjaff-stat-label{font-size:13px;color:rgba(255,255,255,.6);font-weight:500}
.jjaff-add-terms{
  border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin:0;
  font-size:14px;line-height:1.65;color:rgba(255,255,255,.7);
}
.jjaff-add-terms strong{color:#d8a8f0;font-weight:600}

/* Spacing between cards */
.jjaff .jj-card-wrap + .jj-card-wrap{margin-top:24px}

/* Form card */
.jjaff-form-card{padding:44px 40px}

/* Fields grid */
.jjaff-fields{
  display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-bottom:24px;
}
.jjaff-field{display:flex;flex-direction:column;gap:7px}
.jjaff-field--half{grid-column:span 1}
.jjaff-field:not(.jjaff-field--half){grid-column:1 / -1}

.jjaff-social-header{
  grid-column:1 / -1;
  display:flex;align-items:baseline;gap:10px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:#241636;
  padding-top:8px;border-top:1px solid rgba(36,22,54,.08);
}
.jjaff-social-note{font-size:12px;color:#6a5a82;font-family:inherit;font-weight:400}

.jjaff-label{
  font-size:13.5px;font-weight:600;color:#241636;letter-spacing:.01em;
}
.jjaff-label abbr{color:#8a23b8;text-decoration:none;margin-left:1px}
.jjaff-optional{font-weight:400;color:#6a5a82;font-size:12px}

.jjaff-input{
  width:100%;padding:11px 14px;font-size:15px;font-family:inherit;
  border:1.5px solid rgba(36,22,54,.2);border-radius:10px;
  background:#fff;color:#241636;
  transition:border-color .15s,box-shadow .15s;
  outline:none;appearance:none;-webkit-appearance:none;
}
.jjaff-input:focus{
  border-color:#8a23b8;
  box-shadow:0 0 0 3px rgba(138,35,184,.12);
}
.jjaff-input::placeholder{color:#a094b0}
.jjaff-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23241636' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}
.jjaff-textarea{resize:vertical;min-height:72px}

/* TOS box */
.jjaff-tos{
  border:1.5px solid rgba(36,22,54,.12);border-radius:12px;
  margin-bottom:20px;overflow:hidden;
}
.jjaff-tos-heading{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:#6a5a82;
  padding:12px 16px;background:rgba(36,22,54,.04);
  border-bottom:1px solid rgba(36,22,54,.1);
}
.jjaff-tos-body{
  padding:16px;max-height:220px;overflow-y:auto;
  font-size:13.5px;line-height:1.7;color:#4a3a62;
}
.jjaff-tos-body p{margin:0 0 10px}
.jjaff-tos-body p:last-child{margin-bottom:0}
.jjaff-tos-body ul,
.jjaff-tos-body ol{margin:0 0 10px;padding-left:20px}

/* Agreement checkbox */
.jjaff-agree-row{
  display:flex;align-items:flex-start;gap:12px;margin-bottom:28px;
}
.jjaff-checkbox{
  width:18px;height:18px;flex:none;margin-top:2px;accent-color:#8a23b8;cursor:pointer;
}
.jjaff-agree-label{
  font-size:14px;line-height:1.5;color:#241636;cursor:pointer;
}
.jjaff-agree-label abbr{color:#8a23b8;text-decoration:none;margin-left:1px}

/* Submit */
.jjaff-submit{
  display:block;width:100%;font-family:Fredoka,sans-serif;font-weight:600;
  font-size:17px;color:#fff;border:none;cursor:pointer;padding:15px 24px;
  border-radius:999px;
  background:linear-gradient(100deg,#8a23b8,#c42ea8 55%,#f0603a);
  box-shadow:0 8px 22px rgba(138,35,184,.28);
  transition:transform .2s,box-shadow .2s;
}
.jjaff-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(138,35,184,.38)}
.jjaff-submit:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:3px}

/* Success */
.jjaff-success{
  display:flex;align-items:center;gap:12px;
  background:#f0faf8;border:1.5px solid #1ab29a;border-radius:12px;
  padding:18px 20px;font-size:15px;color:#241636;font-weight:500;
}

/* Errors */
.jjaff-form-card .errors{
  background:#fff5f5;border:1.5px solid #e05050;border-radius:10px;
  padding:14px 16px;margin-bottom:20px;font-size:14px;color:#c03030;
}
.jjaff-form-card .errors ul{margin:0;padding-left:18px}

@media(max-width:620px){
  .jjaff-benefits{padding:24px 20px}
  .jjaff-stats{flex-direction:column;gap:0}
  .jjaff-stat-divider{width:auto;height:1px;margin:0 16px}
  .jjaff-fields{grid-template-columns:1fr}
  .jjaff-field--half{grid-column:1}
  .jjaff-form-card{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){.jjaff-submit{transition:none}}
/* END_SECTION:jj-affiliate */

/* START_SECTION:jj-cart (INDEX:11) */
.jjcrt{padding:48px 0 80px;font-family:Fredoka,sans-serif;color:#241636}

/* empty state */
.jjcrt-empty{text-align:center;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}
.jjcrt-empty-icon{margin-bottom:8px}
.jjcrt-empty-h{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0}
.jjcrt-empty-p{font-size:16px;color:#6a5a82;margin:0}

/* heading */
.jjcrt-h1{font-size:clamp(24px,3.5vw,36px);font-weight:700;margin:0 0 32px;line-height:1.1}
.jjcrt-count{font-size:.65em;font-weight:500;color:#6a5a82}

/* layout */
.jjcrt-layout{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:900px){.jjcrt-layout{grid-template-columns:1fr 360px;align-items:start}}

/* items */
.jjcrt-item{
  display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:start;
  padding:24px 0;border-top:1px solid rgba(36,22,54,.08);
}
.jjcrt-item:last-child{border-bottom:1px solid rgba(36,22,54,.08)}
.jjcrt-item-img-wrap{display:block;width:100px;flex-shrink:0}
.jjcrt-item-img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.jjcrt-item-img-placeholder{width:100px;aspect-ratio:1;border-radius:12px;background:#f0ebf7}
.jjcrt-item-title{font-size:16px;font-weight:600;color:#241636;text-decoration:none;display:block;margin-bottom:4px;line-height:1.3}
.jjcrt-item-title:hover{color:#8a23b8}
.jjcrt-item-variant{font-size:13px;color:#6a5a82;margin:0 0 4px}
.jjcrt-item-price{font-size:15px;color:#4a3a62;margin:0 0 14px}
.jjcrt-price-was{color:#9a8aaa;margin-right:6px}
.jjcrt-price-now{color:#8a23b8;font-weight:600}
.jjcrt-item-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.jjcrt-item-line-price{font-size:16px;font-weight:700;color:#241636;white-space:nowrap;padding-top:4px}

/* quantity stepper */
.jjcrt-qty{display:flex;align-items:center;border:1.5px solid rgba(36,22,54,.18);border-radius:99px;overflow:hidden}
.jjcrt-qty-btn{
  width:36px;height:36px;border:none;background:none;cursor:pointer;
  font-size:18px;font-weight:500;color:#241636;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.jjcrt-qty-btn:hover{background:rgba(138,35,184,.08);color:#8a23b8}
.jjcrt-qty-input{
  width:40px;text-align:center;border:none;border-left:1.5px solid rgba(36,22,54,.1);
  border-right:1.5px solid rgba(36,22,54,.1);
  font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;
  color:#241636;background:none;-moz-appearance:textfield;outline:none;
  padding:0;height:36px;
}
.jjcrt-qty-input::-webkit-outer-spin-button,.jjcrt-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}
.jjcrt-remove{font-size:13px;color:#9a8aaa;text-decoration:none;transition:color .15s}
.jjcrt-remove:hover{color:#c0392b}

/* summary card */
.jjcrt-summary-card{display:flex;flex-direction:column;gap:20px}
.jjcrt-summary-h{font-size:20px;font-weight:700;margin:0}
.jjcrt-summary-rows{display:flex;flex-direction:column;gap:10px}
.jjcrt-summary-row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.jjcrt-summary-row--muted{color:#6a5a82;font-size:13px}
.jjcrt-summary-row--discount{color:#1a7a6e;font-weight:600}
.jjcrt-subtotal{font-weight:700;font-size:18px}
.jjcrt-checkout-form{margin:0}

/* buttons */
.jjcrt-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:Fredoka,sans-serif;font-size:17px;font-weight:600;
  padding:14px 28px;border-radius:99px;text-decoration:none;
  border:none;cursor:pointer;transition:opacity .15s,transform .15s;
}
.jjcrt-btn:hover{opacity:.88;transform:translateY(-1px)}
.jjcrt-btn--primary{background:#8a23b8;color:#fff}
.jjcrt-btn--full{width:100%;padding-top:16px;padding-bottom:16px;font-size:18px}
.jjcrt-continue{font-size:14px;color:#6a5a82;text-decoration:none;text-align:center;display:block}
.jjcrt-continue:hover{color:#8a23b8}

/* trust */
.jjcrt-trust{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid rgba(36,22,54,.08)}
.jjcrt-trust-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#6a5a82}
/* END_SECTION:jj-cart */

/* START_SECTION:jj-catalog (INDEX:12) */
.jjcat{max-width:820px;margin:0 auto;padding:48px 22px 80px;font-family:inherit}
.jjcat *{box-sizing:border-box}

/* header */
.jjcat-header{text-align:center;margin-bottom:32px}
.jjcat-eyebrow{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:#8a23b8;margin-bottom:10px}
.jjcat-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(28px,4vw,44px);color:#241636;line-height:1.08;margin:0 0 10px}
.jjcat-sub{color:#6a5a82;font-size:clamp(14px,1.8vw,17px);max-width:44ch;margin:0 auto 22px}

/* action buttons */
.jjcat-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.jjcat-btn{display:inline-flex;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;padding:12px 24px;border-radius:999px;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.jjcat-btn:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:2px}
.jjcat-btn--download{background:linear-gradient(100deg,#8a23b8,#c42ea8 55%,#f0603a);color:#fff;box-shadow:0 8px 22px rgba(138,35,184,.28)}
.jjcat-btn--download:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(138,35,184,.38)}
.jjcat-btn--share{background:#fff;color:#241636;border-color:rgba(36,22,54,.18);box-shadow:0 2px 8px rgba(36,22,54,.07)}
.jjcat-btn--share:hover{background:#faf8fd;border-color:rgba(138,35,184,.35);color:#8a23b8;transform:translateY(-1px)}
.jjcat-btn--share.copied{color:#159c73;border-color:rgba(21,156,115,.4)}

/* embed frame */
.jjcat-frame-wrap{position:relative;width:100%;aspect-ratio:8.5/11;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(36,22,54,.15),0 4px 16px rgba(36,22,54,.08);background:#f4f2f7;border:1px solid rgba(36,22,54,.06)}
.jjcat-cover{position:absolute;inset:0;z-index:2;transition:opacity .6s ease}
.jjcat-cover img{width:100%;height:100%;object-fit:cover;display:block}
.jjcat-cover-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(36,22,54,.08))}
.jjcat-cover.hidden{opacity:0;pointer-events:none}
.jjcat-frame{position:absolute;inset:0;width:100%;height:100%;border:none;z-index:1;display:block}
.jjcat-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#faf8fd;padding:24px;text-align:center}
.jjcat-fallback p{font-family:Fredoka,sans-serif;font-size:15px;color:#6a5a82;margin:0}

.jjcat-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#faf8fd}
.jjcat-placeholder p{font-family:Fredoka,sans-serif;font-size:15px;color:#6a5a82;max-width:26ch;text-align:center;margin:0}

/* footer note */
.jjcat-note{margin-top:18px;text-align:center;font-size:13px;color:#6a5a82}

@media(max-width:480px){
  .jjcat-frame-wrap{border-radius:10px}
  .jjcat-btn{font-size:15px;padding:11px 20px}
}
@media(prefers-reduced-motion:reduce){
  .jjcat-spinner{animation:none}
  .jjcat-btn,.jjcat-cover,.jjcat-loading{transition:none}
}
/* END_SECTION:jj-catalog */

/* START_SECTION:jj-collection (INDEX:13) */
/* section wrapper gets bg tint applied via JS */
.section-jj-collection{transition:background .85s ease}

.jjcoll{position:relative;max-width:1060px;margin:0 auto;padding:16px 20px 56px;color:#241636;font-family:inherit}
.jjcoll *{box-sizing:border-box}

/* atmosphere */
.jjcoll-atmos{position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:-12px;height:560px;pointer-events:none;z-index:0;
  -webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
.jjcoll-layer{position:absolute;inset:0;opacity:0;transition:opacity .85s ease}
.jjcoll.m-calm .jjcoll-layer.calm,.jjcoll.m-bright .jjcoll-layer.bright,.jjcoll.m-wow .jjcoll-layer.wow{opacity:1}
.jjcoll-layer.calm{background:radial-gradient(440px 320px at 16% 10%,var(--calm-p),transparent 70%),radial-gradient(400px 300px at 80% 6%,var(--calm-s),transparent 70%)}
.jjcoll-layer.bright{background:radial-gradient(420px 320px at 14% 8%,var(--bright-p),transparent 68%),radial-gradient(380px 300px at 82% 4%,var(--bright-s),transparent 68%)}
.jjcoll-layer.wow{background:radial-gradient(380px 300px at 16% 6%,var(--wow-p),transparent 66%),radial-gradient(360px 300px at 84% 2%,var(--wow-s),transparent 66%),radial-gradient(900px 520px at 50% 20%,rgba(28,12,46,.14),transparent 75%)}
.jjcoll-glints{position:absolute;inset:0;opacity:0;transition:opacity .85s ease}
.jjcoll.m-wow .jjcoll-glints{opacity:1}
.jjcoll-glint{position:absolute;width:14px;height:14px;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));animation:jjcTw 3.2s ease-in-out infinite}
@keyframes jjcTw{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1)}}

/* header */
.jjcoll-hdr{position:relative;z-index:1;padding:12px 0 6px}
.jjcoll-h{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(26px,4vw,36px);margin:0 0 4px;color:#241636}
.jjcoll-p{margin:0;color:#6a5a82;font-size:15px}

/* filters */
.jjcoll-filters{position:relative;z-index:1;padding:10px 0 20px;display:flex;flex-direction:column;gap:12px}
.jjcoll-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.jjcoll-filter-label{font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;color:#6a5a82;letter-spacing:.06em;text-transform:uppercase;min-width:40px}
.jjcoll-modes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.jjcoll-ages,.jjcoll-groups{display:flex;flex-wrap:wrap;gap:8px}

/* hide mood + age filters (kept for revival) */
.jjcoll-mood-filter,.jjcoll-age-filter{display:none!important}

/* button base shared */
.jjcoll-mode,.jjcoll-age,.jjcoll-group{
  font-family:Fredoka,sans-serif;font-weight:500;font-size:14px;cursor:pointer;
  border:1.5px solid rgba(36,22,54,.14);background:rgba(255,255,255,.8);color:#241636;
  padding:7px 18px;border-radius:999px;
  display:inline-flex;align-items:center;gap:5px;
  transition:transform .15s,background .2s,color .2s,border-color .2s;
}
.jjcoll-mode:hover,.jjcoll-age:hover,.jjcoll-group:hover{transform:translateY(-1px)}
.jjcoll-mode:focus-visible,.jjcoll-age:focus-visible,.jjcoll-group:focus-visible{outline:3px solid rgba(122,63,209,.45);outline-offset:2px}

/* mood button active — tint only */
.jjcoll-mode[data-mode=none][aria-pressed=true]{background:rgba(138,35,184,.08);border-color:rgba(138,35,184,.35);color:#7b1fa2}
.jjcoll-mode[data-mode=calm][aria-pressed=true]{background:var(--calm-tint);border-color:var(--calm);color:var(--calm)}
.jjcoll-mode[data-mode=bright][aria-pressed=true]{background:var(--bright-tint);border-color:var(--bright);color:var(--bright)}
.jjcoll-mode[data-mode=wow][aria-pressed=true]{background:var(--wow-tint);border-color:var(--wow);color:var(--wow)}

/* age buttons — color-coded by range */
.jjcoll-age[data-max-age="4"]{
  border-color:rgba(240,160,0,.35);background:rgba(255,200,40,.08);color:#7a5500;
}
.jjcoll-age[data-max-age="4"].is-active,
.jjcoll-age[data-max-age="4"][aria-pressed=true]{
  background:#f5a623;border-color:#d48a0a;color:#fff;
}
.jjcoll-age[data-max-age="8"]{
  border-color:rgba(43,182,207,.38);background:rgba(43,182,207,.08);color:#1a7a8f;
}
.jjcoll-age[data-max-age="8"].is-active,
.jjcoll-age[data-max-age="8"][aria-pressed=true]{
  background:#2bb6cf;border-color:#1a9fb5;color:#fff;
}
/* neutral all-ages active */
.jjcoll-age[data-max-age="99"].is-active,
.jjcoll-age[data-max-age="99"][aria-pressed=true]{background:#241636;border-color:#241636;color:#fff}

/* group buttons */
.jjcoll-group[data-group="all"].is-active,
.jjcoll-group[data-group="all"][aria-pressed=true]{background:#241636;border-color:#241636;color:#fff}
.jjcoll-group--home{
  border-color:rgba(138,35,184,.3);background:rgba(138,35,184,.06);color:#6a1291;
}
.jjcoll-group--home.is-active,
.jjcoll-group--home[aria-pressed=true]{
  background:#8a23b8;border-color:#7a1faa;color:#fff;
}
.jjcoll-group--party{
  border-color:rgba(214,33,155,.3);background:rgba(214,33,155,.06);color:#a01580;
}
.jjcoll-group--party.is-active,
.jjcoll-group--party[aria-pressed=true]{
  background:#d6219b;border-color:#c01e8a;color:#fff;
}

/* mood info ? button */
.jjcoll-moodinfo{position:relative;display:inline-flex;align-items:center}
.jjcoll-moodinfo-btn{
  width:22px;height:22px;border-radius:50%;flex:none;
  background:rgba(36,22,54,.06);border:1.5px solid rgba(36,22,54,.18);
  color:#6a5a82;font-family:Fredoka,sans-serif;font-weight:700;font-size:12px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .15s,border-color .15s;
  padding:0;
}
.jjcoll-moodinfo-btn:hover{background:rgba(138,35,184,.08);border-color:rgba(138,35,184,.3);color:#8a23b8}
.jjcoll-moodinfo-btn:focus-visible{outline:3px solid rgba(122,63,209,.45);outline-offset:2px}
.jjcoll-moodinfo-tip{
  position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);
  width:220px;padding:11px 14px;
  background:#241636;color:#fff;border-radius:10px;
  font-size:13px;line-height:1.55;
  box-shadow:0 4px 20px rgba(0,0,0,.22);
  z-index:20;
}
.jjcoll-moodinfo-tip::after{
  content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#241636;
}

/* mood subline */
.jjcoll-sub{min-height:20px;color:#6a5a82;font-size:14px;font-style:italic;opacity:0;transition:opacity .4s}
.jjcoll-sub.show{opacity:1}

/* grid */
.jjcoll-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.jjcoll-empty{grid-column:1/-1;color:#6a5a82;padding:32px 0;text-align:center}
.jjcoll-card{grid-column:span 1}
.jjcoll-card.feat{grid-column:span 2}
.jjcoll-card[hidden]{display:none!important}
.jjcoll-card-in{
  height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:rgba(255,255,255,.9);border:1px solid rgba(36,22,54,.12);border-radius:18px;overflow:hidden;
  box-shadow:0 4px 16px rgba(36,22,54,.06);transition:box-shadow .2s,transform .15s;
}
.jjcoll-card-in:hover{box-shadow:0 8px 24px rgba(36,22,54,.12);transform:translateY(-2px)}
.jjcoll-card-in:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:2px}
.jjcoll-card.feat .jjcoll-card-in{flex-direction:row}
.jjcoll-thumb{position:relative;width:100%;aspect-ratio:1/1;flex:none;background:#f1ecf7}
.jjcoll-card.feat .jjcoll-thumb{aspect-ratio:1/1;width:52%}
.jjcoll-img{display:block;width:100%;height:100%;object-fit:cover}
.jjcoll-img--ph{background:linear-gradient(135deg,var(--calm-p),var(--bright-s))}
.jjcoll-pill{
  position:absolute;top:10px;left:10px;display:none;align-items:center;gap:6px;
  font-family:Fredoka,sans-serif;font-weight:500;font-size:12.5px;color:#fff;
  background:rgba(36,22,54,.78);padding:5px 11px;border-radius:999px;
}
.jjcoll-card.feat .jjcoll-pill{display:inline-flex}
.jjcoll-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd23f}
.jjcoll-meta{padding:14px 15px 15px;display:flex;flex-direction:column;gap:3px;flex:1}
.jjcoll-card.feat .jjcoll-meta{padding:18px;justify-content:center}
.jjcoll-why{font-family:Fredoka,sans-serif;font-weight:500;font-size:15px;line-height:1.35;margin-bottom:6px;color:#241636}
.jjcoll-name{font-family:Fredoka,sans-serif;font-weight:600;font-size:17px}
.jjcoll-card.feat .jjcoll-name{font-size:19px}
.jjcoll-blurb{font-size:13px;color:#6a5a82}
.jjcoll-rowline{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.jjcoll-price{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px}
/* age badge — base (9+ / fallback) */
.jjcoll-age-badge{font-family:Fredoka,sans-serif;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;border:1.5px solid;color:#6a1291;background:rgba(138,35,184,.08);border-color:rgba(138,35,184,.22)}
/* amber: ages 4 and under */
.jjcoll-card[data-min-age="3"] .jjcoll-age-badge,
.jjcoll-card[data-min-age="4"] .jjcoll-age-badge{color:#7a5500;background:rgba(255,200,40,.12);border-color:rgba(240,160,0,.38)}
/* teal: ages 5–8 */
.jjcoll-card[data-min-age="5"] .jjcoll-age-badge,
.jjcoll-card[data-min-age="6"] .jjcoll-age-badge,
.jjcoll-card[data-min-age="7"] .jjcoll-age-badge,
.jjcoll-card[data-min-age="8"] .jjcoll-age-badge{color:#1a7a8f;background:rgba(43,182,207,.10);border-color:rgba(43,182,207,.38)}

/* responsive */
@media(max-width:860px){
  .jjcoll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jjcoll-card.feat{grid-column:span 2}
}
@media(max-width:520px){
  .jjcoll-grid{grid-template-columns:1fr}
  .jjcoll-card.feat{grid-column:span 1}
  .jjcoll-card.feat .jjcoll-card-in{flex-direction:column}
  .jjcoll-card.feat .jjcoll-thumb{width:100%;aspect-ratio:1/1}
  .jjcoll-filter-group{flex-direction:column;align-items:flex-start}
  .jjcoll-moodinfo-tip{left:0;transform:none}
  .jjcoll-moodinfo-tip::after{left:11px;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .jjcoll-glint{animation:none}
  .jjcoll-card-in,.jjcoll-mode,.jjcoll-age,.jjcoll-group,.section-jj-collection{transition:none!important}
}
/* END_SECTION:jj-collection */

/* START_SECTION:jj-contact-form (INDEX:14) */
.jjcf{
  font-family:Fredoka,sans-serif;
  background:#faf8fd;
  padding:64px 20px;
  border-top:1px solid rgba(36,22,54,.08);
}
.jjcf *{box-sizing:border-box}

/* header */
.jjcf-header{
  max-width:680px;
  margin:0 auto 48px;
  text-align:center;
}
.jjcf--has-info .jjcf-header{
  max-width:1060px;
  text-align:left;
}
.jjcf-eyebrow{
  font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:#8a23b8;margin:0 0 12px;
}
.jjcf-heading{
  font-weight:700;font-size:clamp(24px,4vw,36px);
  color:#241636;margin:0 0 14px;line-height:1.15;
}
.jjcf-subtext{
  font-size:16px;color:#6a5a82;line-height:1.6;margin:0;
}

/* body layout */
.jjcf-body{
  max-width:680px;
  margin:0 auto;
}
.jjcf--has-info .jjcf-body{
  max-width:1060px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:start;
}
@media(max-width:767px){
  .jjcf--has-info .jjcf-body{
    grid-template-columns:1fr;
    gap:40px;
  }
}

/* contact info panel */
.jjcf-info{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.jjcf-info-item{
  display:flex;
  gap:16px;
  align-items:flex-start;
  text-decoration:none;
  color:inherit;
}
.jjcf-info-icon{
  flex:none;
  width:44px;height:44px;
  background:#241636;
  color:#fff;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  margin-top:2px;
  transition:background .15s;
}
.jjcf-info-item:hover .jjcf-info-icon{background:#8a23b8}
.jjcf-info-label{
  font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:#6a5a82;margin:0 0 4px;
}
.jjcf-info-value{
  font-size:16px;font-weight:500;color:#241636;
  transition:color .15s;
}
.jjcf-info-item:hover .jjcf-info-value{color:#8a23b8}
.jjcf-info-note{
  font-size:14px;color:#6a5a82;line-height:1.6;margin:12px 0 0;
}

/* form */
.jjcf-form{display:flex;flex-direction:column;gap:20px}
.jjcf-row--2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
@media(max-width:500px){
  .jjcf-row--2{grid-template-columns:1fr}
}
.jjcf-field{display:flex;flex-direction:column;gap:6px}
.jjcf-label{
  font-size:14px;font-weight:600;color:#241636;
}
.jjcf-input{
  font-family:Fredoka,sans-serif;font-size:15px;
  border:1.5px solid rgba(36,22,54,.2);
  border-radius:10px;
  padding:10px 14px;
  color:#241636;
  background:#fff;
  transition:border-color .15s,box-shadow .15s;
  width:100%;
  outline:none;
}
.jjcf-input:focus{
  border-color:#8a23b8;
  box-shadow:0 0 0 3px rgba(138,35,184,.12);
}
.jjcf-input--textarea{resize:vertical;min-height:130px;line-height:1.5}

/* checkbox */
.jjcf-field--check{margin-top:4px}
.jjcf-check-label{
  display:flex;align-items:flex-start;gap:10px;cursor:pointer;
}
.jjcf-check{
  flex:none;
  width:18px;height:18px;
  border:1.5px solid rgba(36,22,54,.3);
  border-radius:5px;
  cursor:pointer;
  margin-top:2px;
  accent-color:#8a23b8;
}
.jjcf-check-text{
  font-size:14px;color:#6a5a82;line-height:1.5;
}

/* submit */
.jjcf-submit{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:8px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  background:#8a23b8;color:#fff;
  border:none;cursor:pointer;
  padding:12px 28px;border-radius:999px;
  transition:transform .15s,box-shadow .2s;
}
.jjcf-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(138,35,184,.35);
}
.jjcf-submit:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.jjcf-submit{transition:none}}

/* success */
.jjcf-success{
  display:flex;align-items:flex-start;gap:14px;
  background:#fff;
  border:1.5px solid rgba(138,35,184,.25);
  border-radius:14px;
  padding:24px;
}
.jjcf-success p{
  font-size:16px;color:#241636;line-height:1.6;margin:4px 0 0;
}

/* Shopify default error styles override */
.jjcf-form .errors ul{
  list-style:none;padding:12px 16px;margin:0 0 8px;
  background:#fff1f1;border:1px solid rgba(200,0,0,.2);border-radius:10px;
  font-size:14px;color:#c00;
}
/* END_SECTION:jj-contact-form */

/* START_SECTION:jj-creative-confidence (INDEX:15) */
.jjcc{padding:16px 0;background:#fff;color:#241636;font-family:inherit}
.jjcc *{box-sizing:border-box}
.jjcc-inner{
  max-width:1060px;margin:0 auto;
  display:grid;grid-template-columns:1fr;gap:36px;align-items:center;
}
@media(min-width:768px){
  .jjcc-inner{grid-template-columns:1fr 1fr;gap:72px}
  .jjcc[data-img-pos=right] .jjcc-media{order:2}
}
.jjcc-media{border-radius:20px;overflow:hidden}
.jjcc-img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
.jjcc-img--ph{
  aspect-ratio:4/3;
  background:linear-gradient(135deg,rgba(138,35,184,.12),rgba(43,182,207,.12));
}
.jjcc-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:#8a23b8;margin:0 0 12px;
}
.jjcc-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(24px,3.5vw,36px);margin:0 0 18px;line-height:1.2;
}
.jjcc-body{font-size:16px;color:#4a3a62;line-height:1.65;margin-bottom:28px}
.jjcc-body p{margin:0 0 12px}
.jjcc-body p:last-child{margin-bottom:0}
.jjcc-btn{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  text-decoration:none;border-radius:999px;padding:12px 28px;
  background:#8a23b8;color:#fff;transition:transform .15s,box-shadow .2s;
}
.jjcc-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(36,22,54,.2)}
.jjcc-btn:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.jjcc-btn{transition:none}}
/* END_SECTION:jj-creative-confidence */

/* START_SECTION:jj-demo-videos (INDEX:16) */
.jjdv,.jjdv-dialog{font-family:inherit;color:#241636;box-sizing:border-box}
.jjdv *,.jjdv-dialog *{box-sizing:border-box}

/* ── Page wrapper ── */
.jjdv{max-width:1060px;margin:0 auto;padding:0 0 64px}

/* ── Hero ── */
.jjdv-hero{
  padding:52px 24px 36px;
  text-align:center;
}
.jjdv-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:#8a23b8;
  margin:0 0 12px;
}
.jjdv-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(32px,6vw,54px);line-height:1.1;
  margin:0 0 18px;color:#241636;
}
.jjdv-lead{
  font-size:18px;line-height:1.6;color:#4a3a62;
  max-width:560px;margin:0 auto;
}

/* ── Filter tabs ── */
.jjdv-filters{
  display:flex;flex-wrap:wrap;gap:10px;
  padding:0 24px 28px;
}
.jjdv-filter{
  font-family:Fredoka,sans-serif;font-weight:500;font-size:15px;
  padding:9px 22px;border-radius:999px;cursor:pointer;
  border:1.5px solid rgba(36,22,54,.14);
  background:rgba(255,255,255,.72);color:#241636;
  transition:background .2s,color .2s,border-color .2s,transform .15s,box-shadow .2s;
}
.jjdv-filter:hover{transform:translateY(-1px)}
.jjdv-filter:focus-visible{outline:3px solid rgba(138,35,184,.45);outline-offset:2px}
.jjdv-filter.is-active{
  background:#8a23b8;border-color:#8a23b8;color:#fff;
}

/* ── Grid ── */
.jjdv-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  padding:0 24px;
}
@media(max-width:860px){
  .jjdv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 16px}
}
@media(max-width:480px){
  .jjdv-grid{grid-template-columns:1fr;padding:0 16px}
}

.jjdv-empty{
  grid-column:1/-1;text-align:center;
  font-size:16px;color:#6a5a82;padding:40px 24px;
}

/* ── Card ── */
.jjdv-card{
  background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 2px 14px rgba(36,22,54,.08);
  transition:box-shadow .2s,transform .2s,opacity .3s;
  display:flex;flex-direction:column;
}
.jjdv-card:hover{box-shadow:0 8px 28px rgba(36,22,54,.14);transform:translateY(-2px)}
.jjdv-card.is-hidden{display:none}

/* ── Thumbnail ── */
.jjdv-thumb-btn{
  position:relative;width:100%;aspect-ratio:16/9;
  border:none;padding:0;cursor:pointer;background:#f5f1fa;
  overflow:hidden;display:block;flex-shrink:0;
}
.jjdv-thumb-img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .35s ease,filter .35s ease;
  filter:brightness(1.02) saturate(1.1);
}
.jjdv-thumb-btn:hover .jjdv-thumb-img{transform:scale(1.04);filter:brightness(1.06) saturate(1.15)}
.jjdv-thumb-ph{
  width:100%;height:100%;
  background:linear-gradient(135deg,rgba(43,182,207,.22),rgba(138,35,184,.18));
}

/* play button overlay */
.jjdv-play-icon{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
  opacity:.92;transition:opacity .2s,transform .2s;
}
.jjdv-thumb-btn:hover .jjdv-play-icon{opacity:1;transform:scale(1.1)}
.jjdv-thumb-btn:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}

/* ── Info ── */
.jjdv-info{
  padding:16px 18px 20px;
  display:flex;flex-direction:column;gap:6px;flex:1;
}
.jjdv-cat-badge{
  align-self:flex-start;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:11.5px;
  letter-spacing:.05em;text-transform:uppercase;
  background:rgba(138,35,184,.1);color:#7a1fa0;
  border-radius:999px;padding:3px 11px;
}
.jjdv-title{
  font-family:Fredoka,sans-serif;font-weight:700;font-size:17px;
  line-height:1.25;margin:0;color:#241636;
}
.jjdv-desc{
  font-size:13.5px;line-height:1.5;color:#6a5a82;margin:0;
}

/* ── Kit link (video → product connector) ── */
.jjdv-kit-link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13.5px;
  color:#8a23b8;text-decoration:none;
  margin-top:6px;padding:7px 14px;
  border-radius:999px;border:1.5px solid rgba(138,35,184,.25);
  background:rgba(138,35,184,.05);
  transition:background .15s,border-color .15s,transform .15s;
  align-self:flex-start;
}
.jjdv-kit-link:hover{
  background:rgba(138,35,184,.1);border-color:rgba(138,35,184,.5);
  transform:translateX(2px);
}
.jjdv-kit-link:focus-visible{outline:3px solid rgba(138,35,184,.45);outline-offset:2px}

/* ── Dialog (video lightbox) ── */
.jjdv-dialog{
  border:none;border-radius:20px;padding:0;
  background:#000;width:min(90vw,900px);
  box-shadow:0 32px 80px rgba(0,0,0,.55);
  overflow:hidden;
}
.jjdv-dialog::backdrop{
  background:rgba(20,10,36,.88);
  backdrop-filter:blur(6px);
}
.jjdv-dialog-close{
  position:absolute;top:12px;right:12px;z-index:10;
  width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.jjdv-dialog-close:hover{background:rgba(255,255,255,.28)}
.jjdv-dialog-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.jjdv-dialog-player{
  position:relative;width:100%;aspect-ratio:16/9;
}
.jjdv-dialog-player iframe{
  position:absolute;inset:0;width:100%;height:100%;border:none;display:block;
}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){
  .jjdv-card,.jjdv-thumb-img,.jjdv-play-icon,.jjdv-filter,.jjdv-kit-link{transition:none!important;transform:none!important}
}
/* END_SECTION:jj-demo-videos */

/* START_SECTION:jj-email-capture (INDEX:17) */
.jjec{padding:16px 0;background:#fff;font-family:inherit}
.jjec .jj-card{background:linear-gradient(135deg,#1c0838 0%,#2e0c56 100%)}
.jjec *{box-sizing:border-box}
.jjec-inner{
  max-width:660px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;
}
.jjec-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(26px,4vw,38px);margin:0 0 12px;line-height:1.15;
}
.jjec-sub{font-size:16px;color:rgba(255,255,255,.82);margin:0;line-height:1.55}
.jjec-incentive{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;
  background:rgba(255,210,63,.18);color:#ffd23f;
  border:1px solid rgba(255,210,63,.35);border-radius:999px;padding:6px 18px;margin:0;
}
.jjec-form-wrap{width:100%;max-width:480px}
.jjec-form{width:100%}
.jjec-row{display:flex;gap:0;border-radius:999px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.3)}
.jjec-sr-label{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.jjec-input{
  flex:1;min-width:0;padding:14px 20px;font-size:15px;border:none;
  background:rgba(255,255,255,.96);color:#241636;border-radius:0;
  outline:none;
}
.jjec-input::placeholder{color:#9a8aaa}
.jjec-input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #8a23b8}
.jjec-submit{
  flex-shrink:0;padding:14px 24px;font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;
  background:#8a23b8;color:#fff;border:none;cursor:pointer;
  transition:background .15s;white-space:nowrap;
}
.jjec-submit:hover{background:#a030d8}
.jjec-submit:focus-visible{outline:3px solid #ffd23f;outline-offset:-2px}
.jjec-success{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;
  color:#aef0c8;margin:0;text-align:center;
}
.jjec-error{font-size:14px;color:#ffb3b3;margin:0 0 10px;text-align:left}
.jjec-embed{width:100%}
.jjec-embed-placeholder{
  padding:20px;border:2px dashed rgba(255,255,255,.25);border-radius:10px;
  font-size:14px;color:rgba(255,255,255,.55);text-align:center;
}
@media(prefers-reduced-motion:reduce){.jjec-submit{transition:none}}
/* END_SECTION:jj-email-capture */

/* START_SECTION:jj-events (INDEX:18) */
.jjevt{font-family:inherit;color:#241636}
.jjevt *{box-sizing:border-box}

/* Hero */
.jjevt-hero{position:relative;min-height:420px;display:flex;align-items:flex-end}
.jjevt-hero-media{position:absolute;inset:0}
.jjevt-hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.jjevt-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(36,22,54,.82) 0%,rgba(36,22,54,.38) 55%,rgba(36,22,54,.1) 100%);
}
.jjevt-hero-copy{padding:56px 24px 52px;max-width:760px;margin:0 auto;width:100%}
.jjevt-hero-copy--over{position:relative;z-index:1}
.jjevt-hero-copy--over .jjevt-eyebrow{color:#d8a8f0}
.jjevt-hero-copy--over .jjevt-h1{color:#fff}
.jjevt-hero-copy--over .jjevt-lead{color:rgba(255,255,255,.82)}

/* Eyebrow, headings */
.jjevt-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:#8a23b8;margin:0 0 12px;
}
.jjevt-eyebrow--light{color:#d8a8f0}
.jjevt-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(28px,4.4vw,48px);line-height:1.06;margin:0 0 16px;color:#241636;
}
.jjevt-h2{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(22px,2.8vw,34px);line-height:1.1;margin:0 0 18px;color:#241636;
}
.jjevt-h2--light{color:#fff}
.jjevt-lead{font-size:clamp(15px,1.9vw,18px);color:#6a5a82;line-height:1.65;margin:0}

/* Sections */
.jjevt-section{padding:72px 24px}
.jjevt-section--white{background:#fff}
.jjevt-section--lavender{background:#faf8fd}
.jjevt-section--dark{background:#241636}

/* Two-column panel */
.jjevt-panel{
  max-width:960px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
}
.jjevt-panel--reverse .jjevt-panel-copy{order:1}
.jjevt-panel--reverse .jjevt-panel-media{order:2}
.jjevt-panel-media img{
  width:100%;border-radius:20px;display:block;
  box-shadow:0 16px 48px rgba(36,22,54,.12);
}
.jjevt-panel-copy{}

/* Editorial (centered) */
.jjevt-editorial{max-width:680px;margin:0 auto;text-align:center}

/* Prose */
.jjevt-prose{font-size:16px;line-height:1.76;color:#4a3a62;margin-bottom:28px}
.jjevt-prose p{margin:0 0 14px}
.jjevt-prose p:last-child{margin-bottom:0}
.jjevt-prose--light{color:rgba(255,255,255,.82)}

/* Buttons */
.jjevt-btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px}
.jjevt-btn{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;
  font-size:16px;color:#fff;text-decoration:none;padding:13px 30px;
  border-radius:999px;
  background:linear-gradient(100deg,#8a23b8,#c42ea8 55%,#f0603a);
  box-shadow:0 8px 22px rgba(138,35,184,.26);
  transition:transform .2s,box-shadow .2s;
}
.jjevt-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(138,35,184,.38)}
.jjevt-btn--outline{
  background:transparent;color:#8a23b8;
  border:2px solid rgba(138,35,184,.4);box-shadow:none;
}
.jjevt-btn--outline:hover{border-color:#8a23b8;background:rgba(138,35,184,.05)}
.jjevt-btn--ghost{
  background:transparent;color:#fff;
  border:2px solid rgba(255,255,255,.4);box-shadow:none;margin-top:8px;
}
.jjevt-btn--ghost:hover{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);transform:none}

/* Contact CTA */
.jjevt-contact{max-width:560px;margin:0 auto;text-align:center}
.jjevt-contact-sub{font-size:16px;line-height:1.65;color:#6a5a82;margin:0 0 28px}

@media(max-width:780px){
  .jjevt-panel{grid-template-columns:1fr;gap:32px}
  .jjevt-panel--reverse .jjevt-panel-copy,.jjevt-panel--reverse .jjevt-panel-media{order:unset}
  .jjevt-hero{min-height:320px}
  .jjevt-section{padding:52px 20px}
}
@media(prefers-reduced-motion:reduce){.jjevt-btn{transition:none}}
/* END_SECTION:jj-events */

/* START_SECTION:jj-faq-teaser (INDEX:19) */
.jjfaq{padding:16px 0;background:#fff;color:#241636;font-family:inherit}
.jjfaq *{box-sizing:border-box}
.jjfaq-inner{max-width:720px;margin:0 auto}
.jjfaq-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(24px,3.5vw,36px);margin:0 0 36px;text-align:center;color:#241636;
}
.jjfaq-list{display:flex;flex-direction:column;gap:0}
.jjfaq-empty{color:#6a5a82;font-size:14px;text-align:center;padding:24px;border:2px dashed rgba(36,22,54,.12);border-radius:10px}
.jjfaq-more{text-align:center;margin-top:36px}
.jjfaq-link{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;color:#8a23b8;
  text-decoration:none;border-bottom:2px solid rgba(138,35,184,.25);padding-bottom:2px;
  transition:color .15s,border-color .15s;
}
.jjfaq-link:hover{color:#241636;border-color:rgba(36,22,54,.4)}
.jjfaq-link:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:3px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.jjfaq-chevron,.jjfaq-link{transition:none}}
/* END_SECTION:jj-faq-teaser */

/* START_SECTION:jj-find-a-store (INDEX:20) */
.jjfas{padding:64px 0 80px;font-family:inherit;color:#241636}
.jjfas *{box-sizing:border-box}
.jjfas-inner{max-width:1060px;margin:0 auto;padding:0 22px}

/* header */
.jjfas-head{text-align:center;margin-bottom:36px;max-width:580px;margin-left:auto;margin-right:auto}
.jjfas-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;color:#8a23b8;margin:0 0 12px;
}
.jjfas-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(28px,4vw,42px);line-height:1.1;margin:0 0 14px;color:#241636;
}
.jjfas-sub{font-size:17px;color:#5a4a72;line-height:1.55;margin:0}

/* search */
.jjfas-search{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px}
.jjfas-search-row{
  display:flex;width:100%;max-width:500px;
  border-radius:999px;overflow:hidden;
  border:2px solid rgba(36,22,54,.2);background:#fff;
  transition:border-color .15s;
}
.jjfas-search-row:focus-within{border-color:#8a23b8}
.jjfas-sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jjfas-input{
  flex:1;min-width:0;border:none;background:transparent;
  padding:13px 20px;font-size:16px;color:#241636;outline:none;
}
.jjfas-input::placeholder{color:#9a8aab}
.jjfas-search-btn{
  flex-shrink:0;border:none;background:#8a23b8;color:#fff;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;
  padding:13px 26px;cursor:pointer;transition:background .15s;white-space:nowrap;
}
.jjfas-search-btn:hover{background:#a030d8}
.jjfas-search-btn:focus-visible{outline:3px solid #ffd23f;outline-offset:-2px}
.jjfas-nearby{
  display:inline-flex;align-items:center;gap:7px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;
  color:#8a23b8;background:transparent;border:none;
  cursor:pointer;padding:4px 0;transition:opacity .15s;
}
.jjfas-nearby:hover{opacity:.75}
.jjfas-nearby:focus-visible{outline:2px solid #8a23b8;outline-offset:3px;border-radius:3px}
.jjfas-nearby:disabled{opacity:.5;cursor:default}

/* map */
.jjfas-map-wrap{
  position:relative;height:420px;border-radius:18px;overflow:hidden;
  margin-bottom:48px;border:1px solid rgba(36,22,54,.1);background:#f0ecf7;
}
.jjfas-map-loading{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:#faf8fd;font-family:Fredoka,sans-serif;font-size:15px;color:#6a5a82;
  z-index:500;transition:opacity .4s;pointer-events:none;
}
.jjfas-map-loading.done{opacity:0}
/* leaflet popup override */
.jjfas-popup b{font-family:Fredoka,sans-serif;font-size:15px;color:#241636}

/* list */
.jjfas-list-head{margin-bottom:20px}
.jjfas-list-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;color:#241636;margin:0}
.jjfas-stores{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:600px){.jjfas-stores{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.jjfas-stores{grid-template-columns:1fr 1fr 1fr}}

.jjfas-store{
  background:#fff;border:1px solid rgba(36,22,54,.1);border-radius:16px;
  padding:20px 20px 16px;display:flex;flex-direction:column;gap:14px;
  transition:box-shadow .15s;
}
.jjfas-store:hover{box-shadow:0 4px 20px rgba(36,22,54,.09)}
.jjfas-store-name{font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;color:#241636;margin:0 0 5px}
.jjfas-store-addr{font-size:14px;color:#6a5a82;line-height:1.55;margin:0}
.jjfas-store-dist{font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;color:#8a23b8;margin:4px 0 0;min-height:18px}
.jjfas-store-links{display:flex;gap:12px;align-items:center;margin-top:auto}
.jjfas-dir,.jjfas-site{
  display:inline-flex;align-items:center;gap:5px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;
  text-decoration:none;border-radius:999px;padding:6px 14px;
  transition:background .15s,color .15s;
}
.jjfas-dir{background:#241636;color:#fff}
.jjfas-dir:hover{background:#3d2860}
.jjfas-site{background:transparent;color:#8a23b8;border:1.5px solid rgba(138,35,184,.3)}
.jjfas-site:hover{background:rgba(138,35,184,.06)}
.jjfas-empty{text-align:center;color:#6a5a82;font-size:15px;padding:40px 0}
/* END_SECTION:jj-find-a-store */

/* START_SECTION:jj-founder-teaser (INDEX:21) */
.jjft{padding:16px 0;background:#fff;font-family:inherit}
.jjft *{box-sizing:border-box}
.jjft-card{position:relative}
.jjft-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center top;display:block;
}
.jjft-overlay{
  position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(36,22,54,.84) 0%,rgba(36,22,54,.58) 55%,rgba(36,22,54,.32) 100%);
}
.jjft-copy{
  position:relative;z-index:1;
  max-width:600px;padding:56px 48px;
  min-height:280px;display:flex;flex-direction:column;justify-content:center;
}
.jjft-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.09em;text-transform:uppercase;color:#d8a8f0;margin:0 0 12px;
}
.jjft-bio{font-size:17px;line-height:1.7;color:rgba(255,255,255,.9);margin-bottom:22px}
.jjft-bio p{margin:0 0 10px}
.jjft-bio p:last-child{margin-bottom:0}
.jjft-link{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;
  color:#d8a8f0;text-decoration:none;align-self:flex-start;
  border-bottom:1px solid rgba(216,168,240,.35);padding-bottom:1px;
  transition:color .15s,border-color .15s;
}
.jjft-link:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.jjft-link:focus-visible{outline:2px solid #d8a8f0;outline-offset:3px;border-radius:2px}
@media(max-width:640px){.jjft-copy{padding:36px 24px;min-height:220px}}
@media(prefers-reduced-motion:reduce){.jjft-link{transition:none}}
/* END_SECTION:jj-founder-teaser */

/* START_SECTION:jj-gifting-banner (INDEX:22) */
.jjgb--hidden{display:none}
.jjgb{background:linear-gradient(135deg,#2c0c48,#1a0c38);color:#fff;font-family:inherit}
.jjgb *{box-sizing:border-box}
.jjgb-inner{
  max-width:1200px;margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:1fr;align-items:center;
}
@media(min-width:768px){
  .jjgb-inner{grid-template-columns:1fr 1fr;gap:0}
  .jjgb-media{order:2}
}
.jjgb-media{overflow:hidden}
.jjgb-img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
@media(min-width:768px){
  .jjgb-img{max-height:420px;aspect-ratio:auto}
}
.jjgb-copy{padding:48px 20px 48px 0}
@media(max-width:767px){.jjgb-copy{padding:40px 0}}
.jjgb-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:#ffd23f;margin:0 0 12px;
}
.jjgb-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(26px,4vw,40px);margin:0 0 14px;line-height:1.15;
}
.jjgb-sub{font-size:16px;color:rgba(255,255,255,.82);margin:0 0 28px;line-height:1.55}
.jjgb-btn{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  text-decoration:none;border-radius:999px;padding:13px 32px;
  background:#ffd23f;color:#241636;transition:transform .15s,box-shadow .2s;
}
.jjgb-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.jjgb-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* editor placeholder */
.jjgb-editor-note{
  padding:20px;background:rgba(255,210,63,.12);
  border:2px dashed rgba(255,210,63,.4);border-radius:8px;
  font-size:14px;color:#ffd23f;text-align:center;margin:8px;
}
@media(prefers-reduced-motion:reduce){.jjgb-btn{transition:none}}
/* END_SECTION:jj-gifting-banner */

/* START_SECTION:jj-hero (INDEX:23) */
.jjhero{position:relative;overflow:hidden;background:#fff;font-family:inherit}
.jjhero *{box-sizing:border-box}

/* ── media container: reserves aspect ratio to prevent CLS ── */
.jjhero-media{
  position:relative;width:100%;overflow:hidden;background:#fff;
  aspect-ratio:var(--jjhero-ar,16/9);
}

/* all media fills the container */
.jjhero-poster,.jjhero-video,.jjhero-cf{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  filter:brightness(1.1) saturate(1.05);
}

/* poster sits behind video; video fades in when playing */
.jjhero-poster{z-index:1}
.jjhero-video{z-index:2;opacity:0;transition:opacity .8s ease}
.jjhero-video.is-playing{opacity:1}

/* crossfade */
@keyframes jjhero-cfade{0%,42%{opacity:1}52%,92%{opacity:0}100%{opacity:1}}
.jjhero-cf--a{z-index:2;animation:jjhero-cfade 10s ease-in-out infinite}
.jjhero-cf--b{z-index:1}

/* scrim — white gradient lightens bottom of media where text sits */
.jjhero-scrim{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(to top,rgba(255,255,255,.88) 0%,rgba(255,255,255,.35) 45%,rgba(255,255,255,.04) 100%);
}

/* ── copy: below media on mobile ── */
.jjhero-copy{
  position:relative;z-index:4;
  padding:28px 20px 36px;
  background:#faf8fd;color:#241636;
}
.jjhero-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:#8a23b8;margin:0 0 10px;
}
.jjhero-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(32px,7vw,58px);line-height:1.1;margin:0 0 14px;
}
.jjhero-sub{font-size:17px;line-height:1.55;margin:0 0 26px;color:#4a3a62}
.jjhero-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.jjhero-btn{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  text-decoration:none;border-radius:999px;padding:13px 30px;
  transition:transform .15s,box-shadow .2s;cursor:pointer;
}
.jjhero-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(36,22,54,.2)}
.jjhero-btn:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
.jjhero-btn--p{background:#8a23b8;color:#fff}
.jjhero-btn--s{background:transparent;color:#241636;border:2px solid rgba(36,22,54,.3)}

/* ── desktop: overlay copy on media ── */
@media(min-width:768px){
  .jjhero-copy{
    position:absolute;bottom:0;left:0;
    padding:0 56px 52px;
    background:transparent;color:#241636;max-width:680px;
  }
  .jjhero-eyebrow{color:#8a23b8}
  .jjhero-sub{color:#241636}
  .jjhero-btn--s{color:#241636;border-color:rgba(36,22,54,.35)}
  .jjhero-btn--s:hover{border-color:rgba(36,22,54,.7)}
}

/* ── reduced motion ── */
@media(prefers-reduced-motion:reduce){
  .jjhero-cf--a{animation:none;opacity:1}
  .jjhero-cf--b{opacity:0}
  .jjhero-video{display:none!important}
  .jjhero-btn{transition:none}
}
/* END_SECTION:jj-hero */

/* START_SECTION:jj-how-it-works (INDEX:24) */
.jjhiw{padding:16px 0;background:#fff;color:#241636;font-family:inherit}
.jjhiw *{box-sizing:border-box}
.jjhiw-inner{max-width:960px;margin:0 auto;text-align:center}
.jjhiw-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(26px,4vw,38px);margin:0 0 10px;color:#241636;
}
.jjhiw-sub{font-size:16px;color:#6a5a82;margin:0 0 48px;line-height:1.5}

.jjhiw-steps{
  list-style:none;padding:0;margin:0;
  display:flex;align-items:flex-start;justify-content:center;
  flex-wrap:wrap;
}
.jjhiw-step{
  flex:1;min-width:160px;max-width:240px;
  display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 16px;
}
.jjhiw-arrow{
  list-style:none;flex:none;
  display:flex;align-items:center;justify-content:center;
  padding-top:20px;width:36px;color:#c9b8e0;font-size:22px;
}
.jjhiw-arrow::after{content:"→"}

.jjhiw-icon-wrap{
  width:80px;height:80px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(138,35,184,.12),rgba(43,182,207,.12));
}
.jjhiw-icon{width:48px;height:48px;object-fit:contain}
.jjhiw-step-num{
  font-family:Fredoka,sans-serif;font-weight:700;font-size:30px;color:#8a23b8;
}
.jjhiw-step-body{text-align:center}
.jjhiw-step-label{
  display:block;font-family:Fredoka,sans-serif;font-weight:600;font-size:20px;
  color:#241636;margin-bottom:8px;
}
.jjhiw-step-desc{font-size:14px;color:#6a5a82;margin:0;line-height:1.6}

@media(max-width:560px){
  .jjhiw-arrow{display:none}
  .jjhiw-step{
    flex-direction:row;max-width:100%;min-width:100%;
    text-align:left;align-items:flex-start;gap:18px;padding:16px 0;
    border-bottom:1px solid rgba(36,22,54,.08);
  }
  .jjhiw-step:last-of-type{border-bottom:none}
  .jjhiw-step-body{text-align:left}
  .jjhiw-icon-wrap{flex-shrink:0}
}
/* END_SECTION:jj-how-it-works */

/* START_SECTION:jj-in-the-wild (INDEX:25) */
.jjitw{padding:72px 0;background:#fff;font-family:inherit}
.jjitw *{box-sizing:border-box}
.jjitw-wrap{max-width:1060px;margin:0 auto;padding:0 22px}

/* panel */
.jjitw-panel{
  position:relative;border-radius:28px;overflow:hidden;
  min-height:clamp(520px,62vw,690px);
  background:#fbf9ff;
  box-shadow:0 24px 70px rgba(36,22,54,.12);
  border:1px solid rgba(36,22,54,.05);
}

/* sunrise glow */
.jjitw-sun{
  position:absolute;left:50%;bottom:0;width:min(94%,760px);aspect-ratio:1;
  z-index:0;opacity:0;pointer-events:none;
  transform:translate(-50%,62%) scale(.85);filter:blur(2px);will-change:transform,opacity;
  background:radial-gradient(circle,
    rgba(255,249,230,.98) 0%,rgba(255,217,140,.72) 24%,
    rgba(255,174,94,.34) 45%,transparent 66%);
}
.jjitw-field{position:absolute;inset:0;z-index:1;transition:filter .25s ease}
.jjitw-dawn{
  position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(0deg,rgba(255,198,122,.55),rgba(255,226,172,.2) 42%,transparent 72%);
}
.jjitw-clear{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(60% 56% at 50% 47%,rgba(251,249,255,.9),rgba(251,249,255,.5) 52%,transparent 80%);
}

/* jewel cells */
.jjitw-cell{
  position:absolute;transform-origin:center;opacity:0;
  transform:translate(-50%,-50%) translate(var(--fx),var(--fy)) scale(.3) rotate(var(--r0));
  filter:blur(3px);
  transition:transform .72s cubic-bezier(.2,1.5,.45,1),opacity .5s ease,filter .5s ease;
}
.jjitw-cell.in{opacity:1;filter:blur(0);transform:translate(-50%,-50%) rotate(var(--rx)) scale(1)}
.jjitw-fill{
  position:absolute;inset:0;mix-blend-mode:multiply;border-radius:var(--rad,50%);
  background:radial-gradient(closest-side,var(--core),var(--rim));
  border:var(--bd,2px) solid var(--e);
}
.jjitw-wash .jjitw-fill{border:none;filter:blur(var(--bl,8px))}
.jjitw-glint{
  position:absolute;top:22%;left:26%;width:9px;height:9px;
  border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),transparent);
  opacity:0;z-index:3;
}
.jjitw-spark.in .jjitw-glint{animation:jjitw-tw 3s ease-in-out infinite}
@keyframes jjitw-tw{
  0%,100%{opacity:.12;transform:scale(.6)}
  50%{opacity:.85;transform:scale(1)}
}

/* copy */
.jjitw-copy{
  position:relative;z-index:4;
  max-width:640px;margin:0 auto;text-align:center;
  padding:clamp(54px,9vw,96px) 26px;
}
.jjitw-in{
  opacity:0;transform:translateY(10px);
  transition:opacity .6s ease,transform .6s ease;
}
.jjitw-in.show{opacity:1;transform:none}
.jjitw-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;
  letter-spacing:.18em;text-transform:uppercase;color:#8a23b8;margin:0 0 14px;
}
.jjitw-h2{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(30px,5vw,54px);line-height:1.04;margin:0 auto 14px;max-width:14ch;
  color:#241636;
}
.jjitw-sub{
  color:#5a4a72;font-size:clamp(15px,2vw,19px);
  max-width:34ch;margin:0 auto 28px;line-height:1.55;
}
.jjitw-stats{
  display:flex;justify-content:center;gap:clamp(24px,6vw,68px);
  flex-wrap:wrap;margin:0 0 26px;
}
.jjitw-num{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(36px,5vw,52px);color:#8a23b8;line-height:1;
}
.jjitw-lbl{
  font-family:Fredoka,sans-serif;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:#6a5a82;margin-top:5px;
}

/* venue names */
.jjitw-venues{margin:4px 0 26px}
.jjitw-venue{
  display:block;
  font-family:Fredoka,sans-serif;font-weight:500;
  font-size:clamp(15px,1.8vw,18px);color:#241636;line-height:1.9;
}

/* find a store CTA */
.jjitw-cta-wrap{margin-top:4px}
.jjitw-cta{
  display:inline-block;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;
  color:#8a23b8;text-decoration:none;
  border-bottom:1.5px solid rgba(138,35,184,.35);padding-bottom:2px;
  transition:color .15s,border-color .15s;
}
.jjitw-cta:hover{color:#6a1a90;border-color:#6a1a90}

@media(prefers-reduced-motion:reduce){
  .jjitw-cell,.jjitw-in{transition:none}
}
/* END_SECTION:jj-in-the-wild */

/* START_SECTION:jj-list-collections (INDEX:26) */
.jjlc{padding:48px 0 80px;font-family:Fredoka,sans-serif;color:#241636}
.jjlc-header{text-align:center;margin-bottom:48px}
.jjlc-eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8a23b8;margin:0 0 12px}
.jjlc-h1{font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1;margin:0 0 16px;color:#241636}
.jjlc-sub{font-size:17px;color:#6a5a82;margin:0;line-height:1.6;max-width:560px;margin-inline:auto}
.jjlc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:28px;
}
.jjlc-card{
  display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
  background:#fff;border-radius:20px;
  box-shadow:0 2px 12px rgba(36,22,54,.08);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.jjlc-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(36,22,54,.14)}
.jjlc-card-img{aspect-ratio:4/3;overflow:hidden;background:#f7f4fb}
.jjlc-card-photo{display:block;width:100%;height:100%;object-fit:cover}
.jjlc-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.jjlc-card-placeholder svg{width:80%;height:80%}
.jjlc-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.jjlc-card-title{font-size:20px;font-weight:700;margin:0;color:#241636;line-height:1.2}
.jjlc-card-desc{font-size:14px;color:#6a5a82;margin:0;line-height:1.5;font-family:inherit}
.jjlc-card-cta{font-size:14px;font-weight:600;color:#8a23b8;margin-top:auto;padding-top:8px}
/* END_SECTION:jj-list-collections */

/* START_SECTION:jj-page-about (INDEX:27) */
.jjabo{color:#241636;font-family:inherit}
.jjabo *{box-sizing:border-box}

/* hero */
.jjabo-hero{position:relative;background:#241636;color:#fff;overflow:hidden}
.jjabo-hero-media{width:100%;max-height:480px;overflow:hidden}
.jjabo-hero-img{display:block;width:100%;height:100%;object-fit:cover;max-height:480px;opacity:.65}
.jjabo-hero-copy{
  padding:44px 20px 52px;max-width:1060px;margin:0 auto;
}
@media(min-width:768px){
  .jjabo-hero-copy{
    position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:100%;padding:0 20px 52px;
  }
}
.jjabo-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:#d8a8f0;margin:0 0 12px;
}
.jjabo-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 16px;
}
.jjabo-lead{font-size:18px;color:rgba(255,255,255,.84);margin:0;max-width:640px;line-height:1.6}

/* sections */
.jjabo-section{padding:64px 20px;max-width:1060px;margin:0 auto}
.jjabo-section-inner{
  display:grid;grid-template-columns:1fr;gap:48px;align-items:start;
}
@media(min-width:768px){
  .jjabo-section-inner{grid-template-columns:1fr 1fr;gap:72px}
  .jjabo-section-inner--reverse .jjabo-media{order:-1}
}
.jjabo-h2{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(22px,3.5vw,34px);margin:0 0 18px;line-height:1.2;
}
.jjabo-body{font-size:16px;color:#4a3a62;line-height:1.7}
.jjabo-body p{margin:0 0 14px}
.jjabo-body p:last-child{margin-bottom:0}
.jjabo-media{border-radius:20px;overflow:hidden}
.jjabo-media-img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}

/* founder */
.jjabo-section--founder{border-top:1px solid rgba(36,22,54,.08)}
.jjabo-founder-media{display:flex;flex-direction:column;gap:12px}
.jjabo-founder-img{
  display:block;width:100%;border-radius:20px;object-fit:cover;
  max-height:420px;
}
.jjabo-founder-caption{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;
  color:#6a5a82;text-align:center;margin:0;
}

/* mission */
.jjabo-mission{
  background:#241636;color:#fff;padding:64px 20px;
}
.jjabo-mission-inner{max-width:760px;margin:0 auto}
.jjabo-mission-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(24px,4vw,38px);margin:0 0 28px;
}
.jjabo-quote{
  border-left:4px solid #8a23b8;padding:0 0 0 24px;margin:0 0 28px;
}
.jjabo-quote p{
  font-family:Fredoka,sans-serif;font-size:22px;font-weight:500;
  line-height:1.4;color:rgba(255,255,255,.92);margin:0 0 10px;font-style:italic;
}
.jjabo-quote footer{font-size:14px;color:#d8a8f0}
.jjabo-mission .jjabo-body{color:rgba(255,255,255,.78)}
.jjabo-mission-link{
  display:inline-block;margin-top:24px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;
  color:#d8a8f0;text-decoration:none;
  border-bottom:1.5px solid rgba(216,168,240,.4);padding-bottom:2px;
  transition:color .15s,border-color .15s;
}
.jjabo-mission-link:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.jjabo-mission-link:focus-visible{outline:3px solid rgba(216,168,240,.6);outline-offset:3px;border-radius:2px}

/* made in america */
.jjabo-mia{
  background:#faf8fd;border-top:1px solid rgba(36,22,54,.08);
  border-bottom:1px solid rgba(36,22,54,.08);padding:56px 20px;
}
.jjabo-mia-inner{
  max-width:1060px;margin:0 auto;
  display:grid;grid-template-columns:auto 1fr;gap:28px 40px;align-items:center;
}
@media(min-width:768px){.jjabo-mia-inner{grid-template-columns:auto 1fr auto}}
.jjabo-mia-flag{font-size:52px;line-height:1}
.jjabo-mia-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(20px,3vw,28px);margin:0 0 10px;color:#241636;
}
.jjabo-mia-img{
  display:none;
  width:220px;height:180px;object-fit:cover;border-radius:14px;
}
@media(min-width:768px){.jjabo-mia-img{display:block}}

/* stats */
.jjabo-section--stats{
  background:#fff;border-top:1px solid rgba(36,22,54,.08);
  padding:52px 20px;max-width:none;
}
.jjabo-stats-grid{
  max-width:1060px;margin:0 auto;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:28px;text-align:center;
}
.jjabo-stat{
  display:flex;flex-direction:column;gap:6px;
  padding:28px 16px;background:#faf8fd;border-radius:18px;border:1px solid rgba(36,22,54,.08);
}
.jjabo-stat-num{
  font-family:Fredoka,sans-serif;font-weight:700;font-size:42px;
  background:linear-gradient(135deg,#8a23b8,#2bb6cf);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.jjabo-stat-label{font-size:14px;color:#6a5a82}

/* CTA */
.jjabo-cta{
  text-align:center;padding:64px 20px;background:#fff;
  border-top:1px solid rgba(36,22,54,.08);
}
.jjabo-cta-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(22px,3.5vw,32px);margin:0 0 12px;
}
.jjabo-cta-body{font-size:16px;color:#6a5a82;margin:0 0 28px}
.jjabo-cta-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.jjabo-btn{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  text-decoration:none;border-radius:999px;padding:12px 28px;
  background:#8a23b8;color:#fff;transition:transform .15s,box-shadow .2s;
}
.jjabo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(36,22,54,.2)}
.jjabo-btn:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
.jjabo-btn--outline{background:transparent;color:#241636;border:2px solid rgba(36,22,54,.25)}
@media(prefers-reduced-motion:reduce){.jjabo-btn{transition:none}}
/* END_SECTION:jj-page-about */

/* START_SECTION:jj-page-faq (INDEX:28) */
/* shared accordion classes (jjfaq-*) are defined in jj-faq-teaser and deduped by Shopify */

.jjfaqp{color:#241636;font-family:inherit}
.jjfaqp *{box-sizing:border-box}
.jjfaqp-inner{max-width:720px;margin:0 auto;padding:0 20px}

/* hero */
.jjfaqp-hero{
  background:#faf8fd;
  border-bottom:1px solid rgba(36,22,54,.08);
  padding:56px 20px 48px;
  text-align:center;
}
.jjfaqp-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;
  color:#8a23b8;margin:0 0 10px;
}
.jjfaqp-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(28px,4vw,44px);
  color:#241636;margin:0 0 16px;line-height:1.15;
}
.jjfaqp-intro{
  font-size:16px;color:#6a5a82;line-height:1.65;
  max-width:520px;margin:0 auto;
}

/* body */
.jjfaqp-body{padding:56px 20px 72px;background:#fff}

/* CTA at bottom */
.jjfaqp-cta{
  margin-top:52px;padding-top:40px;
  border-top:1px solid rgba(36,22,54,.08);
  text-align:center;
}
.jjfaqp-cta-lead{font-size:15px;color:#6a5a82;margin:0 0 16px}
.jjfaqp-cta-btn{
  display:inline-block;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  background:#8a23b8;color:#fff;
  padding:13px 32px;border-radius:999px;
  text-decoration:none;
  transition:background .15s;
}
.jjfaqp-cta-btn:hover{background:#a030d8}
.jjfaqp-cta-btn:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.jjfaqp-cta-btn{transition:none}}
/* END_SECTION:jj-page-faq */

/* START_SECTION:jj-page-what-are-joyjems (INDEX:29) */
.jjwaj{color:#241636;font-family:inherit;max-width:1060px;margin:0 auto;padding:0 20px 80px}
.jjwaj *{box-sizing:border-box}

/* hero */
.jjwaj-hero{
  position:relative;
  overflow:hidden;
  margin:0 -20px;
}
.jjwaj-hero-media{width:100%;overflow:hidden;position:relative}
.jjwaj-hero-media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(255,255,255,.85) 0%,rgba(255,255,255,.35) 45%,rgba(255,255,255,.05) 100%);
  pointer-events:none;
}
.jjwaj-hero-img{
  display:block;width:100%;height:auto;
  object-fit:cover;aspect-ratio:16/7;
  filter:brightness(1.12) saturate(1.05);
}
.jjwaj-hero-inner{
  padding:44px 20px 52px;
}
@media(min-width:768px){
  .jjwaj-hero-inner{
    position:absolute;bottom:0;left:0;right:0;
    padding:0 20px 52px;
    max-width:1060px;
    margin:0 auto;
  }
}
.jjwaj-eyebrow{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:#8a23b8;margin:0 0 12px;
}
.jjwaj-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(32px,5vw,50px);line-height:1.1;margin:0 0 18px;color:#0d0414;
}
.jjwaj-lead{font-size:18px;color:#241636;line-height:1.65;margin:0;max-width:600px}

/* sections */
.jjwaj-section{padding:56px 0;border-top:1px solid rgba(36,22,54,.08)}
.jjwaj-section-inner{
  display:grid;grid-template-columns:1fr;gap:48px;align-items:start;
}
@media(min-width:768px){
  .jjwaj-section-inner{grid-template-columns:1fr 1fr;gap:72px}
  .jjwaj-section-inner--reverse .jjwaj-media{order:-1}
}
.jjwaj-h2{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(22px,3.5vw,34px);margin:0 0 16px;line-height:1.2;
}
.jjwaj-body{font-size:16px;color:#4a3a62;line-height:1.7}
.jjwaj-body p{margin:0 0 14px}
.jjwaj-body p:last-child{margin-bottom:0}
.jjwaj-badge{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:12px;
  background:rgba(43,182,207,.12);color:#1a7a8f;border:1px solid rgba(43,182,207,.3);
  border-radius:999px;padding:4px 14px;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:16px;
}
.jjwaj-media{border-radius:20px;overflow:hidden}
.jjwaj-media-img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}

/* kit parts */
.jjwaj-diagram-img{display:block;width:100%;border-radius:16px;margin-bottom:24px}
.jjwaj-kit-parts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.jjwaj-kit-part{
  display:flex;align-items:flex-start;gap:16px;
  background:#faf8fd;border-radius:14px;padding:16px;border:1px solid rgba(36,22,54,.08);
}
.jjwaj-kit-part-icon{flex-shrink:0;width:60px;height:60px;border-radius:10px;overflow:hidden;background:#f0ebf7}
.jjwaj-kit-part-img{width:100%;height:100%;object-fit:cover;display:block}
.jjwaj-kit-part-name{font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;display:block;margin-bottom:4px}
.jjwaj-kit-part-desc{font-size:13px;color:#6a5a82;margin:0;line-height:1.5}

/* accessories section */
.jjwaj-section--acc{background:#faf8fd;margin:0 -20px;padding:56px 20px}
.jjwaj-acc-inner{max-width:680px}
@media(min-width:900px){.jjwaj-section--acc{margin:56px -20px 0;border-top:none}}

/* FAQs */
.jjwaj-faqs-inner{max-width:680px}
.jjwaj-faqs-list{display:flex;flex-direction:column}

/* buttons */
.jjwaj-btn{
  display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  text-decoration:none;border-radius:999px;padding:12px 28px;margin-top:20px;
  background:#8a23b8;color:#fff;transition:transform .15s,box-shadow .2s;
}
.jjwaj-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(36,22,54,.18)}
.jjwaj-btn:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
.jjwaj-btn--outline{background:transparent;color:#241636;border:2px solid rgba(36,22,54,.25)}
.jjwaj-btn--outline:hover{border-color:#241636}
.jjwaj-cta-row{
  display:flex;flex-wrap:wrap;gap:16px;align-items:center;
  padding:52px 0 0;border-top:1px solid rgba(36,22,54,.08);margin-top:52px;
}
@media(prefers-reduced-motion:reduce){.jjwaj-chevron,.jjwaj-btn{transition:none}}
/* END_SECTION:jj-page-what-are-joyjems */

/* START_SECTION:jj-page-wholesale (INDEX:30) */
.jjws{font-family:Fredoka,sans-serif;color:#241636;min-height:60vh}
.jjws *{box-sizing:border-box}

/* ── Shared typography ── */
.jjws-h1{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 14px;
}
.jjws-sub{font-size:17px;line-height:1.6;color:#4a3a62;margin:0 0 28px;max-width:560px}
.jjws-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;letter-spacing:.04em;
  padding:5px 14px;border-radius:999px;margin-bottom:16px;
}
.jjws-badge--approved{background:#d4f4e8;color:#0a6640}
.jjws-badge--pending{background:#fff3cd;color:#7a5500}
.jjws-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  padding:13px 32px;border-radius:999px;text-decoration:none;
  transition:transform .15s,box-shadow .2s;cursor:pointer;
}
.jjws-btn:hover{transform:translateY(-2px)}
.jjws-btn--p{background:#8a23b8;color:#fff;box-shadow:0 6px 20px rgba(138,35,184,.28)}
.jjws-btn--p:hover{background:#7a1fa8;box-shadow:0 10px 28px rgba(138,35,184,.36)}
.jjws-btn--s{background:#fff;color:#241636;border:2px solid rgba(36,22,54,.2)}
.jjws-btn--s:hover{border-color:rgba(36,22,54,.4)}
.jjws-btn:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:3px}

/* ── Gate / login state ── */
.jjws-gate{
  background:linear-gradient(160deg,#faf8fd 0%,#f0e8ff 100%);
  padding:80px 24px 100px;
}
.jjws-gate-inner{max-width:640px;margin:0 auto;text-align:center}
.jjws-gate-inner .jjws-sub{margin-left:auto;margin-right:auto}

/* Decorative gem row */
.jjws-gem-deco{
  display:flex;align-items:center;justify-content:center;gap:-8px;
  margin-bottom:28px;
}
.jjws-gem-deco span{
  width:52px;height:64px;border-radius:50%;opacity:.55;
  margin:0 -10px;mix-blend-mode:multiply;
}

.jjws-gate-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}
.jjws-gate-note{font-size:13px;color:#8a7a9a;margin:0}

/* Wholesale programme perks */
.jjws-perks{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;margin-top:48px;text-align:left;
}
.jjws-perk{
  display:flex;align-items:flex-start;gap:14px;
  background:#fff;border-radius:16px;padding:18px;
  box-shadow:0 2px 12px rgba(36,22,54,.06);
}
.jjws-perk-icon{font-size:26px;flex:none;line-height:1}
.jjws-perk-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;display:block;margin-bottom:4px}
.jjws-perk-desc{font-size:13px;color:#6a5a82;margin:0;line-height:1.45}

/* ── Apply / pending state ── */
.jjws-apply{padding:60px 24px 80px}
.jjws-apply-inner{max-width:760px;margin:0 auto}
.jjws-signed-in{
  font-size:14px;color:#6a5a82;margin:0 0 32px;
  padding:10px 16px;background:rgba(36,22,54,.04);border-radius:10px;
  display:inline-block;
}
.jjws-signed-in a{color:#8a23b8}
.jjws-apply-note{font-size:13px;color:#8a7a9a;margin:24px 0 0}

/* ── Approved state ── */
.jjws-approved{
  background:linear-gradient(160deg,#f0fff8 0%,#e8f4ff 100%);
  padding:80px 24px 100px;
}
.jjws-approved-inner{max-width:580px;margin:0 auto;text-align:center}
.jjws-approved-inner .jjws-sub{margin-left:auto;margin-right:auto}
.jjws-moq{
  display:inline-flex;align-items:center;gap:12px;
  background:#fff;border:1px solid rgba(36,22,54,.1);border-radius:14px;
  padding:14px 28px;margin:0 auto 24px;box-shadow:0 2px 12px rgba(36,22,54,.06);
}
.jjws-moq-label{font-size:13px;color:#6a5a82;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.jjws-moq-amount{font-family:Fredoka,sans-serif;font-weight:700;font-size:28px;color:#241636}
.jjws-approved-note{font-size:14px;color:#6a5a82;margin:0 0 28px}
.jjws-approved-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ── Editor placeholders ── */
.jjws-editor-note{
  padding:32px;text-align:center;color:#6a5a82;
  border:2px dashed rgba(36,22,54,.15);border-radius:16px;
  background:rgba(36,22,54,.02);
}
.jjws-editor-note p{margin:0;font-size:15px}
.jjws-editor-note strong{color:#241636}

@media(max-width:600px){
  .jjws-gate{padding:48px 20px 64px}
  .jjws-gate-actions{flex-direction:column;align-items:stretch}
  .jjws-apply{padding:40px 20px 60px}
}
/* END_SECTION:jj-page-wholesale */

/* START_SECTION:jj-product-accessories (INDEX:31) */
.jjacc{
  padding:48px 20px;
  background:#faf8fd;border-top:2px dashed rgba(36,22,54,.1);
  font-family:inherit;color:#241636;
}
.jjacc *{box-sizing:border-box}
.jjacc-inner{max-width:1060px;margin:0 auto}
.jjacc-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(20px,3vw,28px);margin:0 0 8px;color:#241636;
}
.jjacc-sub{font-size:15px;color:#6a5a82;margin:0 0 28px;line-height:1.5}
.jjacc-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;
}
.jjacc-card{
  display:flex;flex-direction:column;
  background:#fff;border-radius:16px;border:1px solid rgba(36,22,54,.1);
  overflow:hidden;box-shadow:0 3px 12px rgba(36,22,54,.06);
}
.jjacc-card-in{
  flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit;
}
.jjacc-card-in:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:2px}
.jjacc-thumb{width:100%;aspect-ratio:1/1;background:#f1ecf7;flex-shrink:0;overflow:hidden}
.jjacc-img{display:block;width:100%;height:100%;object-fit:cover}
.jjacc-img--ph{background:linear-gradient(135deg,rgba(43,182,207,.2),rgba(138,35,184,.15))}
.jjacc-meta{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.jjacc-name{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px}
.jjacc-blurb{font-size:12.5px;color:#6a5a82}
.jjacc-row{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.jjacc-price{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px}
.jjacc-age{font-size:11px;color:#6a5a82;border:1px solid rgba(36,22,54,.12);border-radius:999px;padding:2px 8px}
.jjacc-form{padding:0 14px 14px}
.jjacc-atc{
  width:100%;padding:9px 0;font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;
  border:none;border-radius:999px;background:#8a23b8;color:#fff;cursor:pointer;
  transition:background .15s;
}
.jjacc-atc:hover{background:#a030d8}
.jjacc-atc:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
.jjacc-oos{
  display:block;padding:0 14px 14px;font-size:13px;color:#9a8aaa;text-align:center;
}
.jjacc--empty .jjacc-empty-note{
  font-size:14px;color:#6a5a82;
  border:2px dashed rgba(36,22,54,.15);border-radius:10px;padding:16px;
}
@media(prefers-reduced-motion:reduce){.jjacc-atc{transition:none}}
/* END_SECTION:jj-product-accessories */

/* START_SECTION:jj-product (INDEX:32) */
/* ── reset ── */
.jjpd,.jjpd-sticky-bar,.jjpd-zoom-modal{font-family:inherit;color:#241636;box-sizing:border-box}
.jjpd *,.jjpd-sticky-bar *,.jjpd-zoom-modal *{box-sizing:border-box}

/* ══════════════════════════════════════════
   MAIN GRID
════════════════════════════════════════════ */
.jjpd{max-width:1280px;margin:0 auto;overflow-x:hidden}
.jjpd-main{
  display:grid;
  grid-template-columns:1fr;
  min-height:0;
}
.jjpd-main > *{min-width:0;max-width:100%}
@media(min-width:860px){
  .jjpd-main{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }
}

/* ══════════════════════════════════════════
   GALLERY
════════════════════════════════════════════ */
.jjpd-gallery{
  position:relative;
  background:#fff;
}
@media(min-width:860px){
  .jjpd-gallery{
    position:sticky;
    top:0;
  }
}

/* stage */
.jjpd-stage{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f4f0f9;
  cursor:zoom-in;
  outline:none;
}
@media(min-width:860px){
  .jjpd-stage{background:#f4f0f9}
}

/* radial glow behind product */
.jjpd-stage-glow{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 55% at 30% 40%,rgba(43,182,207,.18),transparent 70%),
    radial-gradient(ellipse 60% 50% at 75% 65%,rgba(138,35,184,.12),transparent 70%),
    radial-gradient(ellipse 50% 40% at 55% 20%,rgba(240,98,146,.1),transparent 70%);
}

/* images */
.jjpd-stage-img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:contain;
  opacity:0;transition:opacity .4s ease;
  user-select:none;-webkit-user-select:none;
}
.jjpd-stage-img.is-active{opacity:1}
.jjpd-stage-ph{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(43,182,207,.18),rgba(138,35,184,.14));
}

/* nav arrows */
.jjpd-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);
  border:1px solid rgba(36,22,54,.1);color:#241636;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .15s,transform .15s,box-shadow .2s;
  box-shadow:0 2px 10px rgba(36,22,54,.12);
}
.jjpd-nav:hover{background:#fff;box-shadow:0 4px 16px rgba(36,22,54,.18);transform:translateY(calc(-50% - 2px))}
.jjpd-nav:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:2px}
.jjpd-nav--prev{left:14px}
.jjpd-nav--next{right:14px}

/* zoom button */
.jjpd-zoom-btn{
  position:absolute;bottom:12px;right:12px;z-index:2;
  width:36px;height:36px;border-radius:10px;
  background:rgba(255,255,255,.85);backdrop-filter:blur(8px);
  border:1px solid rgba(36,22,54,.1);color:#241636;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .15s;
}
.jjpd-zoom-btn:hover{background:#fff}
.jjpd-zoom-btn:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:2px}

/* counter */
.jjpd-counter{
  position:absolute;top:12px;right:12px;z-index:2;
  background:rgba(36,22,54,.55);backdrop-filter:blur(6px);
  color:#fff;font-family:Fredoka,sans-serif;font-weight:500;font-size:13px;
  padding:4px 10px;border-radius:999px;
}

/* video in stage */
.jjpd-stage-vid{object-fit:contain;background:#000}
.jjpd-stage-extv{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .4s ease;
}
.jjpd-stage-extv.is-active{opacity:1}
.jjpd-extv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.jjpd-extv-play{
  position:relative;z-index:1;background:none;border:none;cursor:pointer;
  transition:transform .2s;
}
.jjpd-extv-play:hover{transform:scale(1.1)}
.jjpd-thumb-play{
  position:absolute;bottom:4px;right:4px;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}

/* thumbnails */
.jjpd-thumbs{
  display:flex;gap:8px;padding:12px 16px;
  overflow-x:auto;scrollbar-width:none;
  background:#fff;
}
.jjpd-thumbs::-webkit-scrollbar{display:none}
.jjpd-thumb{
  flex-shrink:0;width:72px;height:72px;
  border-radius:12px;overflow:hidden;position:relative;
  border:2px solid rgba(36,22,54,.1);background:#f4f0f9;
  cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;
  padding:0;
}
.jjpd-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.jjpd-thumb:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(36,22,54,.14)}
.jjpd-thumb.is-active{border-color:#241636;box-shadow:0 0 0 1px #241636}
.jjpd-thumb:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:2px;border-radius:12px}

/* ══════════════════════════════════════════
   INFO PANEL
════════════════════════════════════════════ */
.jjpd-info{
  padding:32px 20px 48px;
  display:flex;flex-direction:column;gap:0;
}
@media(min-width:860px){
  .jjpd-info{padding:48px 56px 64px 52px}
}

/* eyebrow */
.jjpd-eyebrow-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.jjpd-type-badge{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.07em;text-transform:uppercase;
  background:rgba(36,22,54,.06);color:#6a5a82;
  border-radius:999px;padding:4px 12px;
}
.jjpd-mood-badge{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  border-radius:999px;padding:4px 13px;border:1px solid transparent;
}
.jjpd-mood-badge[data-mood=calm]  {background:rgba(43,182,207,.12);color:#1a7a8f;border-color:rgba(43,182,207,.3)}
.jjpd-mood-badge[data-mood=bright]{background:rgba(240,98,146,.1); color:#b83060;border-color:rgba(240,98,146,.25)}
.jjpd-mood-badge[data-mood=wow]   {background:rgba(138,35,184,.1); color:#6a1291;border-color:rgba(138,35,184,.25)}

/* title */
.jjpd-title{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(28px,4vw,42px);line-height:1.1;
  margin:0 0 14px;color:#241636;
}

/* price */
.jjpd-price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.jjpd-price{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:38px;color:#241636;line-height:1;
}
.jjpd-compare{font-size:20px;color:#9a8aaa;text-decoration:line-through;font-family:Fredoka,sans-serif;font-weight:500}
.jjpd-save-badge{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;
  background:#ffd23f;color:#241636;border-radius:999px;padding:3px 11px;
}

/* tagline */
.jjpd-tagline{
  font-size:17px;color:#4a3a62;line-height:1.55;
  font-style:italic;margin:0 0 20px;
}

/* specs */
.jjpd-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.jjpd-spec{
  display:inline-flex;align-items:center;gap:5px;
  font-family:Fredoka,sans-serif;font-weight:500;font-size:14px;
  border-radius:999px;padding:6px 14px;
}
/* age pill — base (9+ / fallback) */
.jjpd-spec--age{background:rgba(138,35,184,.08);color:#6a1291}
/* amber: ages 4 and under */
.jjpd-spec--age[data-age="3"],.jjpd-spec--age[data-age="4"]{background:rgba(255,200,40,.12);color:#7a5500}
/* teal: ages 5–8 */
.jjpd-spec--age[data-age="5"],.jjpd-spec--age[data-age="6"],
.jjpd-spec--age[data-age="7"],.jjpd-spec--age[data-age="8"]{background:rgba(43,182,207,.12);color:#1a7a8f}
.jjpd-spec--pieces{background:rgba(138,35,184,.1); color:#6a1291}
.jjpd-spec--time  {background:rgba(240,98,146,.1); color:#b83060}

/* rule */
.jjpd-rule{border:none;border-top:1px solid rgba(36,22,54,.09);margin:22px 0}

/* form */
.jjpd-form{display:flex;flex-direction:column;gap:16px}

/* variant select */
.jjpd-variant-wrap{display:flex;flex-direction:column;gap:6px}
.jjpd-variant-label{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;color:#241636}
.jjpd-select-wrap{position:relative}
.jjpd-variant-select{
  width:100%;padding:12px 40px 12px 16px;
  border:1.5px solid rgba(36,22,54,.2);border-radius:12px;
  font-family:Fredoka,sans-serif;font-size:15px;color:#241636;
  background:#fff;appearance:none;-webkit-appearance:none;cursor:pointer;
}
.jjpd-variant-select:focus{outline:none;border-color:#8a23b8;box-shadow:0 0 0 3px rgba(138,35,184,.15)}
.jjpd-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6a5a82}

/* quantity */
.jjpd-qty-row{display:flex;align-items:center;gap:14px}
.jjpd-qty-label{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;color:#6a5a82}
.jjpd-qty{
  display:flex;align-items:center;
  border:1.5px solid rgba(36,22,54,.2);border-radius:12px;overflow:hidden;
}
.jjpd-qty-btn{
  width:44px;height:44px;
  background:transparent;border:none;cursor:pointer;
  font-size:20px;color:#241636;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;flex-shrink:0;
}
.jjpd-qty-btn:hover{background:rgba(36,22,54,.06)}
.jjpd-qty-btn:focus-visible{outline:none;background:rgba(138,35,184,.1)}
.jjpd-qty-input{
  width:48px;text-align:center;border:none;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;color:#241636;
  appearance:none;-webkit-appearance:none;outline:none;
  border-left:1.5px solid rgba(36,22,54,.14);
  border-right:1.5px solid rgba(36,22,54,.14);
}
/* hide number input spinners */
.jjpd-qty-input::-webkit-outer-spin-button,
.jjpd-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.jjpd-qty-input[type=number]{-moz-appearance:textfield}

/* ATC button */
.jjpd-atc{
  width:100%;padding:18px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#241636;color:#fff;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:18px;
  border:none;border-radius:16px;cursor:pointer;
  transition:background .2s,transform .15s,box-shadow .25s;
  position:relative;overflow:hidden;
}
.jjpd-atc::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);
  transform:translateX(-100%);transition:transform .5s ease;
}
.jjpd-atc:hover::after{transform:translateX(100%)}
.jjpd-atc:hover{
  background:#3d1f5a;
  transform:translateY(-2px);
  box-shadow:0 10px 32px rgba(36,22,54,.28);
}
.jjpd-atc:active{transform:translateY(0);box-shadow:none}
.jjpd-atc:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
.jjpd-atc--sold-out{background:rgba(36,22,54,.25);cursor:not-allowed;justify-content:center}
.jjpd-atc--sold-out:hover{transform:none;box-shadow:none}
.jjpd-atc-label{flex:1;text-align:left}
.jjpd-atc-price{
  font-size:16px;opacity:.9;
  background:rgba(255,255,255,.12);border-radius:8px;padding:4px 10px;
}

/* payment button */
.jjpd-payment{margin-top:4px}
.jjpd-payment .shopify-payment-button__button{
  border-radius:16px!important;
  min-height:52px!important;
  font-family:Fredoka,sans-serif!important;
  font-size:18px!important;
  font-weight:600!important;
  letter-spacing:normal!important;
  width:100%!important;
}

/* brand voice line */
.jjpd-brand-line{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px;
  font-family:Fredoka,sans-serif;font-weight:500;font-size:13px;
  color:#8a5fb0;margin:4px 0 0;
}
.jjpd-made{color:#6a5a82;font-size:13px}

/* trust badges */
.jjpd-trust{
  display:flex;flex-wrap:wrap;gap:6px 20px;
  padding:4px 0;
}
.jjpd-trust-item{
  display:flex;align-items:center;gap:6px;
  font-size:13px;color:#4a3a62;
}
.jjpd-trust-icon{font-size:16px}
.jjpd-trust-label{font-family:Fredoka,sans-serif;font-weight:500}

.jjpd-desc{font-size:15px;color:#4a3a62;line-height:1.7;margin-top:22px}
.jjpd-desc p{margin:0 0 10px}
.jjpd-desc p:last-child{margin:0}
.jjpd-desc strong{color:#241636;font-weight:600}
.jjpd-desc ul,.jjpd-desc ol{padding-left:20px;margin:0 0 10px}
.jjpd-desc li{margin-bottom:4px}

/* ══════════════════════════════════════════
   LIFESTYLE IMAGE
════════════════════════════════════════════ */
.jjpd-lifestyle{
  position:relative;overflow:hidden;
  margin-top:0;
  max-height:70vh;
}
.jjpd-lifestyle-img{
  display:block;width:100%;
  object-fit:cover;max-height:70vh;
}
.jjpd-lifestyle-caption{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(to top,rgba(36,22,54,.72),transparent);
  padding:40px 40px 28px;
}
.jjpd-lifestyle-caption p{
  font-family:Fredoka,sans-serif;font-weight:600;
  font-size:clamp(18px,3vw,28px);color:#fff;margin:0;
  max-width:540px;line-height:1.3;
}

/* ══════════════════════════════════════════
   MOBILE STICKY BAR
════════════════════════════════════════════ */
.jjpd-sticky-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:200;
  background:#fff;
  border-top:1px solid rgba(36,22,54,.1);
  box-shadow:0 -4px 24px rgba(36,22,54,.14);
  padding:10px 16px 14px;
  transform:translateY(110%);
  transition:transform .3s cubic-bezier(.2,.85,.25,1);
  display:none; /* JS enables on mobile */
}
.jjpd-sticky-bar.is-visible{transform:translateY(0)}
.jjpd-sticky-inner{display:flex;align-items:center;gap:12px}
.jjpd-sticky-meta{flex:1;min-width:0}
.jjpd-sticky-title{
  display:block;font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;
  color:#241636;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.jjpd-sticky-price{
  font-family:Fredoka,sans-serif;font-weight:700;font-size:18px;color:#241636;
}
.jjpd-sticky-atc{
  flex-shrink:0;padding:12px 24px;
  background:#241636;color:#fff;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  border:none;border-radius:12px;cursor:pointer;
  white-space:nowrap;transition:background .15s;
}
.jjpd-sticky-atc:hover{background:#3d1f5a}
.jjpd-sticky-atc:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}
.jjpd-sticky-atc--oos{background:rgba(36,22,54,.25);cursor:not-allowed}

/* ══════════════════════════════════════════
   ZOOM MODAL
════════════════════════════════════════════ */
.jjpd-zoom-modal{
  position:fixed;inset:0;z-index:500;
  background:rgba(20,10,36,.9);backdrop-filter:blur(8px);
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
.jjpd-zoom-modal.is-open{display:flex}
.jjpd-zoom-close{
  position:absolute;top:16px;right:16px;
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);
  color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;z-index:1;
}
.jjpd-zoom-close:hover{background:rgba(255,255,255,.25)}
.jjpd-zoom-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.jjpd-zoom-stage{
  max-width:min(90vw,900px);max-height:90vh;
  display:flex;align-items:center;justify-content:center;
}
.jjpd-zoom-img{
  display:block;max-width:100%;max-height:90vh;
  border-radius:12px;object-fit:contain;
  box-shadow:0 32px 80px rgba(0,0,0,.6);
}

/* ══════════════════════════════════════════
   DEMO VIDEO BUTTON + DIALOG
════════════════════════════════════════════ */
.jjpd-demo-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;
  color:#8a23b8;background:rgba(138,35,184,.07);
  border:1.5px solid rgba(138,35,184,.22);border-radius:999px;
  padding:10px 20px;cursor:pointer;
  transition:background .15s,border-color .15s,transform .15s;
  margin-bottom:4px;
}
.jjpd-demo-btn:hover{background:rgba(138,35,184,.13);border-color:rgba(138,35,184,.45);transform:translateY(-1px)}
.jjpd-demo-btn:focus-visible{outline:3px solid rgba(138,35,184,.45);outline-offset:2px}

.jjpd-video-dialog{
  border:none;border-radius:20px;padding:0;
  background:#000;width:min(92vw,860px);
  box-shadow:0 32px 80px rgba(0,0,0,.55);
  overflow:hidden;
}
.jjpd-video-dialog::backdrop{background:rgba(20,10,36,.88);backdrop-filter:blur(6px)}
.jjpd-vd-close{
  position:absolute;top:12px;right:12px;z-index:10;
  width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.jjpd-vd-close:hover{background:rgba(255,255,255,.28)}
.jjpd-vd-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.jjpd-vd-player{position:relative;width:100%;aspect-ratio:16/9}
.jjpd-vd-player iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block}

/* ══════════════════════════════════════════
   REDUCED MOTION
════════════════════════════════════════════ */
@media(prefers-reduced-motion:reduce){
  .jjpd-stage-img,.jjpd-nav,.jjpd-thumb,.jjpd-atc,
  .jjpd-sticky-bar,.jjpd-demo-btn{transition:none!important;transform:none!important}
  .jjpd-atc::after{display:none}
}
/* END_SECTION:jj-product */

/* START_SECTION:jj-social-proof (INDEX:33) */
.jjsp{padding:12px 0;background:#fff;color:#241636;font-family:inherit}
.jjsp *{box-sizing:border-box}
.jjsp-inner{
  max-width:1060px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;
}
.jjsp-rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.jjsp-stars{display:flex;gap:2px;color:#f9a825}
.jjsp-star--dim{color:#d8cceb}
.jjsp-count{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;color:#241636;
}
.jjsp-summary{
  font-size:15px;color:#6a5a82;margin:0;font-style:italic;
  max-width:500px;line-height:1.55;
}
.jjsp-photos{
  display:flex;flex-wrap:wrap;gap:18px;justify-content:center;
}
.jjsp-photo-item{display:flex;flex-direction:column;align-items:center;gap:6px}
.jjsp-photo{
  width:80px;height:80px;object-fit:cover;border-radius:50%;display:block;
  border:3px solid rgba(138,35,184,.2);
}
.jjsp-photo-name{font-size:12px;color:#6a5a82}
/* END_SECTION:jj-social-proof */

/* START_SECTION:jj-value-props (INDEX:34) */
.jjvp{padding:16px 0;background:#fff;color:#241636;font-family:inherit}
.jjvp *{box-sizing:border-box}
.jjvp-inner{max-width:1060px;margin:0 auto}
.jjvp-h{
  font-family:Fredoka,sans-serif;font-weight:700;
  font-size:clamp(24px,3.5vw,36px);text-align:center;margin:0 0 40px;color:#241636;
}
.jjvp-grid{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:20px;
}
.jjvp-item{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
  background:#faf8fd;border:1px solid rgba(36,22,54,.08);
  border-radius:18px;padding:28px 16px;
}
.jjvp-icon-wrap{
  width:64px;height:64px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(138,35,184,.1),rgba(43,182,207,.1));
}
.jjvp-icon{width:36px;height:36px;object-fit:contain}
.jjvp-emoji{font-size:28px;line-height:1}
.jjvp-title{
  font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;
  color:#241636;display:block;
}
.jjvp-desc{font-size:13px;color:#6a5a82;margin:0;line-height:1.55}
/* END_SECTION:jj-value-props */

/* START_SECTION:jj-why-joyjems (INDEX:35) */
.jjwhy{max-width:860px;margin:0 auto;padding:64px 22px 80px;color:#241636;font-family:inherit}
.jjwhy *{box-sizing:border-box}
.jjwhy-reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.jjwhy-reveal.show{opacity:1;transform:none}
.jjwhy-eyebrow{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:13.5px;color:#8a23b8;margin-bottom:12px;text-align:center}

/* INTRO */
.jjwhy-intro{text-align:center;margin-bottom:60px}
.jjwhy-h1{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(28px,4.4vw,46px);line-height:1.06;margin:0 auto 16px;max-width:20ch}
.jjwhy-lead{font-size:clamp(15px,1.9vw,18.5px);max-width:58ch;margin:0 auto 10px;color:#241636}
.jjwhy-lead p{margin:0 0 10px}.jjwhy-lead p:last-child{margin:0}
.jjwhy-src{font-size:12.5px;color:#6a5a82;font-style:italic;margin:0 auto}

/* GALLERY */
.jjwhy-gallery{margin-bottom:56px}
.jjwhy-gal-h{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(24px,3.6vw,38px);margin:0 auto 12px;text-align:center;max-width:22ch}
.jjwhy-gal-lede{text-align:center;color:#6a5a82;max-width:44ch;margin:0 auto 28px;font-size:clamp(14px,1.7vw,16px)}
.jjwhy-voices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.jjwhy-vcard{background:#fff;border:1px solid rgba(36,22,54,.09);border-radius:18px;padding:22px 20px;text-align:center;box-shadow:0 8px 24px rgba(36,22,54,.05);display:flex;flex-direction:column;align-items:center}
.jjwhy-av{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;color:#3a2b52;margin-bottom:14px;flex-shrink:0}
.jjwhy-vq{font-family:Fredoka,sans-serif;font-weight:500;font-size:clamp(14px,1.8vw,17px);line-height:1.4;margin:0 0 12px;color:#241636}
.jjwhy-vmeta{margin-top:auto;border-top:1px solid rgba(36,22,54,.1);padding-top:10px;width:100%}
.jjwhy-vwho{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;color:#241636}
.jjwhy-vrole{font-size:12.5px;color:#6a5a82;margin-top:2px}
.jjwhy-vwork{font-size:12px;color:#6a5a82;font-style:italic;margin-top:1px}
.jjwhy-featured{background:linear-gradient(120deg,#fff4e6,#fdeffb);border:1px solid rgba(138,35,184,.16);border-radius:18px;padding:22px 24px;display:flex;align-items:center;gap:20px}
.jjwhy-av--feat{width:64px;height:64px;font-size:24px;flex-shrink:0}
.jjwhy-fq{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(18px,2.6vw,24px);line-height:1.25;margin:0 0 6px;color:#241636}
.jjwhy-fwho{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;color:#241636}
.jjwhy-frole{font-size:12.5px;color:#6a5a82}

/* LIFESTYLE IMAGE */
.jjwhy-media{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/9;margin:0 0 44px;box-shadow:0 18px 46px rgba(36,22,54,.12);border:1px solid rgba(36,22,54,.06)}
.jjwhy-media-img{display:block;width:100%;height:100%;object-fit:cover}
.jjwhy-media-cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:12px 16px;font-family:Fredoka,sans-serif;font-weight:500;font-size:13.5px;color:#fff;background:linear-gradient(0deg,rgba(36,22,54,.6),transparent);text-align:left}
.jjwhy-ph{color:#6a5a82;font-size:13px;font-style:italic;text-align:center;padding:24px;border:2px dashed rgba(36,22,54,.12);border-radius:18px;margin-bottom:44px}

/* STAT */
.jjwhy-stat{margin:0 auto 56px;max-width:600px;background:#fff;border:1px solid rgba(138,35,184,.16);border-radius:20px;padding:28px 32px;box-shadow:0 10px 30px rgba(36,22,54,.06);text-align:center}
.jjwhy-stat-big{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(30px,5vw,44px);color:#8a23b8;line-height:1.05}
.jjwhy-stat-body{font-size:16px;margin:8px auto 0;max-width:46ch}
.jjwhy-stat-body p{margin:0 0 6px}.jjwhy-stat-body p:last-child{margin:0}
.jjwhy-stat-src{font-size:12.5px;color:#6a5a82;margin:12px auto 0;font-style:italic}

/* MYTHS */
.jjwhy-myths-head{text-align:center;margin-bottom:6px}
.jjwhy-myths-h{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(22px,3.2vw,34px);margin:0 auto;max-width:22ch}
.jjwhy-myths-sub{text-align:center;color:#6a5a82;max-width:42ch;margin:0 auto 4px;font-size:clamp(14px,1.7vw,17px)}
.jjwhy-myths{max-width:660px;margin:16px auto 56px;display:flex;flex-direction:column}
.jjwhy-myth{padding:22px 4px;border-top:1px solid rgba(36,22,54,.09);text-align:center}
.jjwhy-myth:first-child{border-top:none}
.jjwhy-myth-said{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(19px,3vw,27px);line-height:1.25;color:#241636}
.jjwhy-myth-said::before{content:"\201C"}.jjwhy-myth-said::after{content:"\201D"}
.jjwhy-myth-real{font-size:16px;margin:10px auto 0;max-width:52ch}
.jjwhy-myth-real p{margin:0 0 6px}.jjwhy-myth-real p:last-child{margin:0}
.jjwhy-myth-real b,.jjwhy-myth-real strong{color:#8a23b8;font-weight:700}

/* COMPARISON HINGE */
.jjwhy-cmp{text-align:center;margin-bottom:10px}
.jjwhy-cmp-h{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(22px,3.6vw,36px);margin:0 auto 14px;max-width:22ch}
.jjwhy-cmp-body{color:#6a5a82;font-size:clamp(15px,1.8vw,18px);max-width:54ch;margin:0 auto}
.jjwhy-cmp-body p{margin:0 0 8px}.jjwhy-cmp-body p:last-child{margin:0}

/* HERO */
.jjwhy-hero{text-align:center;margin:24px auto 40px}
.jjwhy-hero-price{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(52px,10vw,92px);color:#8a23b8;line-height:1}
.jjwhy-hero-label{font-family:Fredoka,sans-serif;font-weight:500;font-size:clamp(15px,2.2vw,20px);color:#6a5a82;margin-top:6px}

/* TABLE */
.jjwhy-table{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr 1fr;border-radius:20px;overflow:hidden;box-shadow:0 10px 34px rgba(36,22,54,.08);background:#fff}
.jjwhy-table>div{padding:16px;display:flex;flex-direction:column;justify-content:center}
.jjwhy-th{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em;padding-top:18px!important;padding-bottom:18px!important;text-align:center}
.jjwhy-th--feat{background:#fff}
.jjwhy-th--trad{background:#f4f2f7;color:#6a5a82}
.jjwhy-th--jj{background:#eef8f2;color:#159c73}
.jjwhy-chk{color:#159c73;font-weight:700;margin-right:4px}
.jjwhy-feat{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:#241636;background:#fff}
.jjwhy-cell{text-align:center;font-size:15px}
.jjwhy-cell--trad{background:#faf9fb;color:#6a5a82}
.jjwhy-cell--jj{background:#f3fbf6;color:#241636}
.jjwhy-num{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(18px,3vw,24px);display:block}
.jjwhy-cell--trad .jjwhy-num{color:#6a5a82}
.jjwhy-cell--jj .jjwhy-num{color:#8a23b8}
.jjwhy-row-sep{box-shadow:inset 0 1px 0 rgba(36,22,54,.06)}

/* PAYOFF */
.jjwhy-payoff{margin-top:70px;text-align:center}
.jjwhy-payoff-h{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(24px,3.6vw,40px);margin:0 0 8px}
.jjwhy-payoff-sub{color:#6a5a82;font-size:16px;margin:0 auto 28px;max-width:40ch}
.jjwhy-outcomes{display:grid;gap:24px;max-width:640px;margin:0 auto}
.jjwhy-outcomes--two{grid-template-columns:1fr 1fr}
.jjwhy-outcomes--one{grid-template-columns:minmax(0,380px);justify-content:center}
.jjwhy-fig{margin:0}
.jjwhy-window{border-radius:20px;overflow:hidden;aspect-ratio:1;box-shadow:0 16px 40px rgba(36,22,54,.12);border:1px solid rgba(36,22,54,.06)}
.jjwhy-window--trad{background:linear-gradient(160deg,#eaf3fb,#f8fbff 55%,#fff)}
.jjwhy-window--jj{background:linear-gradient(160deg,#fff4e6,#fffaf2 55%,#fff)}
.jjwhy-window img{display:block;width:100%;height:100%;object-fit:cover}
.jjwhy-figcap{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;color:#6a5a82;margin-top:12px;display:block}
.jjwhy-cta{display:inline-block;margin-top:28px;font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;color:#fff;text-decoration:none;padding:15px 34px;border-radius:999px;background:linear-gradient(100deg,#8a23b8,#c42ea8 55%,#f0603a);box-shadow:0 10px 26px rgba(138,35,184,.32);transition:transform .2s,box-shadow .2s}
.jjwhy-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(138,35,184,.4)}
.jjwhy-cta:focus-visible{outline:3px solid rgba(138,35,184,.55);outline-offset:2px}

@media(max-width:640px){
  .jjwhy-voices{grid-template-columns:1fr}
  .jjwhy-featured{flex-direction:column;text-align:center}
  .jjwhy-table{grid-template-columns:1fr;max-width:420px}
  .jjwhy-table>div{text-align:center}
  .jjwhy-th--feat{display:none}
  .jjwhy-feat{background:#f4f2f7;padding-top:14px!important;padding-bottom:6px!important;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#6a5a82}
  .jjwhy-th--trad,.jjwhy-th--jj{padding:12px!important}
  .jjwhy-outcomes--two{grid-template-columns:1fr}
  .jjwhy-outcomes--one{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.jjwhy-reveal,.jjwhy-cta{transition:none}}
/* END_SECTION:jj-why-joyjems */

/* START_SECTION:mood-sorter (INDEX:36) */
.section-mood-sorter{padding:16px 0;background:#fff}
.jjms{position:relative;padding:28px 32px 44px;color:#241636;font-family:inherit}
.jjms *{box-sizing:border-box}
.jjms-atmos{position:absolute;left:0;right:0;top:0;height:600px;pointer-events:none;z-index:0;
  -webkit-mask-image:linear-gradient(#000 52%,transparent);mask-image:linear-gradient(#000 52%,transparent)}
.jjms-layer{position:absolute;inset:0;opacity:0;transition:opacity .85s ease}
.jjms.m-calm .jjms-layer.calm,.jjms.m-bright .jjms-layer.bright,.jjms.m-wow .jjms-layer.wow{opacity:1}
.jjms-layer.calm{background:
  radial-gradient(440px 320px at 16% 10%,var(--calm-p),transparent 70%),
  radial-gradient(400px 300px at 80% 6%,var(--calm-s),transparent 70%),
  radial-gradient(520px 380px at 58% 42%,var(--calm-p),transparent 72%)}
.jjms-layer.bright{background:
  radial-gradient(420px 320px at 14% 8%,var(--bright-p),transparent 68%),
  radial-gradient(380px 300px at 82% 4%,var(--bright-s),transparent 68%),
  radial-gradient(460px 360px at 52% 40%,var(--bright-p),transparent 70%)}
.jjms-layer.wow{background:
  radial-gradient(380px 300px at 16% 6%,var(--wow-p),transparent 66%),
  radial-gradient(360px 300px at 84% 2%,var(--wow-s),transparent 66%),
  radial-gradient(420px 340px at 54% 40%,var(--wow-p),transparent 70%),
  radial-gradient(900px 520px at 50% 20%,rgba(28,12,46,.14),transparent 75%)}
.jjms-glints{position:absolute;inset:0;opacity:0;transition:opacity .85s ease}
.jjms.m-wow .jjms-glints{opacity:1}
.jjms-glint{position:absolute;width:14px;height:14px;
  background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));
  animation:jjmsTw 3.2s ease-in-out infinite}
@keyframes jjmsTw{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1)}}
.jjms-sorter{position:relative;z-index:1;padding:6px 2px 18px}
.jjms-h{font-family:Fredoka,sans-serif;font-weight:600;font-size:26px;margin:0 0 2px;color:#241636}
.jjms-p{margin:0;color:#6a5a82;font-size:15px}
.jjms-modes{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}
.jjms-mode{font-family:Fredoka,sans-serif;font-weight:500;font-size:15px;cursor:pointer;
  border:1.5px solid rgba(36,22,54,.14);background:rgba(255,255,255,.72);color:#241636;
  padding:9px 22px;border-radius:999px;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s}
.jjms-mode:hover{transform:translateY(-1px)}
.jjms-mode:focus-visible{outline:3px solid rgba(122,63,209,.45);outline-offset:2px}
.jjms-mode[data-mode=calm][aria-pressed=true]{background:var(--calm);border-color:var(--calm);color:#fff}
.jjms-mode[data-mode=bright][aria-pressed=true]{background:var(--bright);border-color:var(--bright);color:#fff}
.jjms-mode[data-mode=wow][aria-pressed=true]{background:var(--wow);border-color:var(--wow);color:#fff}
.jjms-sub{min-height:20px;margin-top:8px;color:#6a5a82;font-size:14px;font-style:italic;opacity:0;transition:opacity .4s}
.jjms-sub.show{opacity:1}
.jjms-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jjms-empty{grid-column:1/-1;color:#6a5a82}
.jjms-card{grid-column:span 1}
.jjms-card.feat{grid-column:span 1}
.jjms-card.feat-top{grid-column:span 3}
.jjms-card-in{height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 4px 18px rgba(36,22,54,.10),0 1px 4px rgba(36,22,54,.07);transition:box-shadow .2s,transform .2s}
.jjms-card-in:hover{box-shadow:0 12px 32px rgba(36,22,54,.16),0 2px 6px rgba(36,22,54,.08);transform:translateY(-3px)}
.jjms-card.feat-top .jjms-card-in{flex-direction:row}
.jjms-thumb{position:relative;width:100%;aspect-ratio:1/1;flex:none;background:#f5f1fa;overflow:hidden}
.jjms-card.feat-top .jjms-thumb{aspect-ratio:1/1;width:44%;flex:none}
.jjms-img{display:block;width:100%;height:100%;object-fit:cover;
  filter:brightness(1.04) contrast(1.06) saturate(1.18)}
.jjms-img--ph{background:linear-gradient(135deg,var(--calm-p),var(--bright-s));width:100%;height:100%}
.jjms-pill{position:absolute;top:10px;left:10px;display:none;align-items:center;gap:6px;
  font-family:Fredoka,sans-serif;font-weight:500;font-size:12.5px;color:#fff;
  background:rgba(36,22,54,.78);padding:5px 11px;border-radius:999px}
.jjms-card.feat .jjms-pill{display:inline-flex}
.jjms-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd23f}
.jjms-meta{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.jjms-card.feat-top .jjms-meta{padding:28px 32px;justify-content:center;gap:8px}
.jjms-why{font-family:Fredoka,sans-serif;font-weight:500;font-size:14px;line-height:1.4;
  color:#fff;background:#8a23b8;border-radius:999px;padding:5px 14px;
  align-self:flex-start;margin-bottom:6px}
.jjms-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:#241636}
.jjms-card.feat-top .jjms-name{font-size:26px}
.jjms-blurb{font-size:13px;color:#6a5a82;line-height:1.4}
.jjms-card.feat-top .jjms-blurb{font-size:15px}
.jjms-rowline{display:flex;align-items:center;gap:8px;margin-top:8px}
.jjms-price{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px}
.jjms-age{font-size:11.5px;color:#6a5a82;border:1px solid rgba(36,22,54,.14);border-radius:999px;padding:2px 9px}
@media(max-width:860px){
  .jjms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .jjms-card.feat-top{grid-column:span 2}
  .jjms-card.feat-top .jjms-thumb{aspect-ratio:1/1}
  .jjms-card.feat-top .jjms-meta{padding:20px}
  .jjms-card.feat-top .jjms-name{font-size:20px}
}
@media(max-width:640px){
  .jjms{padding:20px 16px 32px}
}
@media(max-width:520px){
  .jjms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .jjms-card.feat-top{grid-column:span 2}
  .jjms-card.feat-top .jjms-card-in{flex-direction:column}
  .jjms-card.feat-top .jjms-thumb{width:100%;aspect-ratio:1/1}
  .jjms-card.feat-top .jjms-meta{padding:14px 16px}
  .jjms-card.feat-top .jjms-name{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.jjms-glint{animation:none}.jjms-card,.jjms-card-in{transition:none!important}}
/* END_SECTION:mood-sorter */

/* START_SECTION:page (INDEX:37) */
.jjpage{max-width:860px;margin:0 auto;padding:48px 22px 72px}
.jjpage-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(28px,4vw,42px);color:#241636;line-height:1.1;margin:0 0 28px}
.jjpage-content{color:#241636;font-size:16px;line-height:1.7}
.jjpage-content p{margin:0 0 14px}
.jjpage-content p:last-child{margin:0}
.jjpage-content h2{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(20px,2.8vw,28px);color:#241636;margin:32px 0 10px}
.jjpage-content h3{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(17px,2.2vw,22px);color:#241636;margin:24px 0 8px}
.jjpage-content a{color:#8a23b8;text-underline-offset:3px}
.jjpage-content a:hover{color:#241636}
.jjpage-content strong,.jjpage-content b{color:#241636;font-weight:600}
.jjpage-content ul,.jjpage-content ol{padding-left:22px;margin:0 0 14px}
.jjpage-content li{margin-bottom:6px}
/* END_SECTION:page */

/* START_SECTION:search (INDEX:40) */
.search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .search-results .prev,
  .search-results .page,
  .search-results .next {
    grid-column: 1 / -1;
  }
/* END_SECTION:search */

/* CSS from block stylesheet tags */
/* START_BLOCK:group (INDEX:41) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:text (INDEX:42) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:image (INDEX:44) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */

/* START_SNIPPET:jj-faq-item (INDEX:46) */
.jj-faq{border-bottom:1px solid rgba(36,22,54,.1)}
.jj-faq:first-of-type{border-top:1px solid rgba(36,22,54,.1)}
.jj-faq-q{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:20px 0;cursor:pointer;
  font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;color:#241636;
  user-select:none;
}
.jj-faq-q::-webkit-details-marker{display:none}
.jj-faq-q:focus-visible{outline:3px solid rgba(138,35,184,.5);outline-offset:2px;border-radius:4px}
.jj-faq-chevron{color:#8a23b8;flex-shrink:0;transition:transform .25s ease}
.jj-faq[open] .jj-faq-chevron{transform:rotate(180deg)}
.jj-faq-a{padding:0 0 20px;font-size:15px;color:#4a3a62;line-height:1.7}
.jj-faq-a p{margin:0 0 10px}
.jj-faq-a p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.jj-faq-chevron{transition:none}}
/* END_SNIPPET:jj-faq-item */