/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 06:23:59 */
/* BYO Jar desktop adaptation — mobile untouched; Minis crossover aesthetics. */

/* BYO Jar — Flavor Portal Mobile Hero (2026-08-30) */
@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    height: 820px !important;
    min-height: 820px !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #21104a !important;
    background-image: url('https://nomnomcupcakes.com/wp-content/uploads/2026/08/byo-jar-mobile-hero-flavor-portal-crumbles.png') !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: center bottom !important;
  }

  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8::before,
  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8::after {
    content: none !important;
    display: none !important;
  }

  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 > .kt-row-column-wrap,
  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .kadence-column40854_806e4a-08,
  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .kt-inside-inner-col {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .wp-block-image {
    display: none !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_16291c-8c {
    position: absolute !important;
    top: 150px !important;
    left: 22px !important;
    z-index: 3 !important;
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 7px 18px 14px !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 110' preserveAspectRatio='none'%3E%3Cpolygon fill='%2321c7eb' points='14,20 44,18 32,12 92,18 158,13 226,18 292,12 358,17 410,13 395,30 410,55 397,87 410,105 348,99 282,108 214,101 146,107 76,100 14,106 30,86 14,55 29,31'/%3E%3Cpolygon fill='%23ffdf00' points='0,8 30,6 18,0 78,6 144,1 212,6 278,0 344,5 396,1 381,18 396,43 383,75 396,93 334,87 268,96 200,89 132,95 62,88 0,94 16,74 0,43 15,19'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    filter: none !important;
    clip-path: none !important;
    color: #111 !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-align: left !important;
    text-shadow: none !important;
    transform: rotate(-2deg) !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_dd76df-aa {
    position: absolute !important;
    top: 215px !important;
    left: 22px !important;
    z-index: 3 !important;
    width: 330px !important;
    max-width: calc(100vw - 44px) !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: 'Bebas Neue', Oswald, Impact, sans-serif !important;
    font-size: clamp(70px, 20vw, 86px) !important;
    font-weight: 900 !important;
    line-height: .82 !important;
    letter-spacing: -.015em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    text-shadow: 6px 6px 0 #f72f8b !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_af7aaf-3d {
    position: absolute !important;
    top: 295px !important;
    left: 22px !important;
    z-index: 3 !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 220px !important;
    margin: 0 !important;
    padding: 8px 13px !important;
    border: 4px solid #111 !important;
    background: #f72f8b !important;
    box-shadow: 6px 6px 0 #111 !important;
    color: #fff !important;
    font-family: 'Bebas Neue', Oswald, Impact, sans-serif !important;
    font-size: 35px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    transform: rotate(-2deg) !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_8120e6-f7 {
    position: absolute !important;
    top: 360px !important;
    left: 22px !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 350px !important;
    max-width: calc(100vw - 44px) !important;
    margin: 0 !important;
    padding: 13px 17px 15px !important;
    background: linear-gradient(105deg, #ffdf00 0%, #ffb800 100%) !important;
    color: #111 !important;
    font-family: 'Bebas Neue', Oswald, Impact, sans-serif !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    line-height: .88 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    transform: rotate(-1deg) !important;
    text-shadow: none !important;
    filter: drop-shadow(7px 7px 0 #f72f8b) drop-shadow(4px 4px 0 #111) !important;
    clip-path: polygon(0 8%, 7% 8%, 4% 0, 16% 6%, 31% 2%, 46% 7%, 62% 1%, 78% 6%, 95% 2%, 92% 10%, 100% 12%, 97% 46%, 100% 82%, 92% 84%, 96% 100%, 79% 94%, 62% 100%, 47% 94%, 30% 99%, 15% 93%, 2% 98%, 5% 88%, 0 84%) !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_37b332-71 {
    display: none !important;
  }

  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .wp-block-buttons {
    position: absolute !important;
    top: auto !important;
    bottom: 24px !important;
    left: 22px !important;
    z-index: 4 !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
  }

  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .wp-block-button__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 250px !important;
    min-height: 62px !important;
    padding: 14px 22px !important;
    border: 5px solid #fff !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #f32f9d 0%, #7f46ff 55%, #2fc2ee 100%) !important;
    box-shadow: 0 7px 0 #111 !important;
    color: #fff !important;
    font-family: 'Bebas Neue', Oswald, Impact, sans-serif !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .nn-accordion-toggle {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    min-width: 0 !important;
    min-height: 158px !important;
    margin: 30px 22px 0 !important;
    padding: 25px 70px 72px 22px !important;
    overflow: hidden !important;
    border: 5px solid #160f18 !important;
    border-radius: 26px !important;
    background: linear-gradient(135deg, #ff3f92 0%, #7042ff 55%, #2db8e8 100%) !important;
    box-shadow: 9px 10px 0 #efff00 !important;
    color: #ffffff !important;
    font-family: "Bebas Neue", Oswald, Impact, sans-serif !important;
    font-size: clamp(38px, 11vw, 52px) !important;
    font-weight: 400 !important;
    line-height: .95 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-shadow: 3px 4px 0 rgba(22, 15, 24, .72) !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-title-icon {
    display: none !important;
  }

  html body.page-id-40854.page-id-40854 .nn-accordion-toggle::before {
    display: none !important;
    content: none !important;
  }

  html body.page-id-40854.page-id-40854 .nn-accordion-toggle::after {
    content: "⌄" !important;
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    bottom: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  html body.page-id-40854.page-id-40854 .nn-accordion-toggle.nn-open::after {
    content: "⌃" !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
  }

  html body.page-id-40854.page-id-40854 .nn-accordion-toggle + h5,
  html body.page-id-40854.page-id-40854 .nn-accordion-toggle + p,
  html body.page-id-40854.page-id-40854 .nn-accordion-toggle + .kt-adv-heading {
    position: relative !important;
    z-index: 4 !important;
    display: -webkit-box !important;
    box-sizing: border-box !important;
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    max-height: 3.05em !important;
    margin: -70px 22px 28px !important;
    padding: 0 70px 0 22px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    text-shadow: none !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body.page-id-40854.page-id-40854 .nn-accordion-content {
    margin-top: 4px !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .nn-accordion-toggle {
    min-height: 132px !important;
    padding: 20px 62px 58px 20px !important;
    font-size: clamp(34px, 9.5vw, 44px) !important;
  }

  html body.page-id-40854.page-id-40854 .nn-accordion-toggle::after {
    top: 18px !important;
    right: 20px !important;
    font-size: 32px !important;
  }

  html body.page-id-40854.page-id-40854 .nn-accordion-toggle + h5,
  html body.page-id-40854.page-id-40854 .nn-accordion-toggle + p,
  html body.page-id-40854.page-id-40854 .nn-accordion-toggle + .kt-adv-heading {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    max-height: 2.9em !important;
    margin: -57px 22px 24px !important;
    padding: 0 58px 0 20px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-line-clamp: 2 !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) > .kt-row-column-wrap {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) > .kt-row-column-wrap > .wp-block-kadence-column {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin-left: 22px !important;
    margin-right: 22px !important;
  }

  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + h5,
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + p,
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + .kt-adv-heading {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin-left: 22px !important;
    margin-right: 22px !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + h5,
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + p,
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + .kt-adv-heading {
    position: relative !important;
    z-index: 4 !important;
    display: -webkit-box !important;
    box-sizing: border-box !important;
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    max-height: 2.9em !important;
    margin: -57px 22px 24px !important;
    padding: 0 58px 0 20px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    text-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .chocolate-toggle {
    position: relative !important;
    padding-bottom: 64px !important;
  }

  html body.page-id-40854.page-id-40854 .chocolate-toggle .nn-chocolate-toggle-description {
    position: absolute !important;
    left: 20px !important;
    right: 58px !important;
    bottom: 17px !important;
    z-index: 5 !important;
    display: -webkit-box !important;
    max-height: 2.85em !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    text-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body.page-id-40854.page-id-40854 .chocolate-toggle + h5,
  html body.page-id-40854.page-id-40854 .chocolate-toggle + p,
  html body.page-id-40854.page-id-40854 .chocolate-toggle + .kt-adv-heading {
    display: none !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + h5,
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + p,
  html body.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle + .kt-adv-heading {
    display: none !important;
    visibility: hidden !important;
    position: static !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_bf4b20-26 {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 132px 22px 72px !important;
    border-top: 5px solid #ff3f92 !important;
    border-bottom: 12px solid #7042ff !important;
    background-color: #ffd84f !important;
    background-image: radial-gradient(circle, rgba(109,82,7,.14) 5px, transparent 5.5px) !important;
    background-size: 48px 48px !important;
    color: #160f18 !important;
    font-family: "Bebas Neue", Oswald, Impact, sans-serif !important;
    font-size: clamp(52px, 15vw, 72px) !important;
    font-weight: 400 !important;
    line-height: .91 !important;
    letter-spacing: -.02em !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_bf4b20-26::before {
    content: "CURATED FAVORITES" !important;
    position: absolute !important;
    top: 48px !important;
    left: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 210px !important;
    padding: 13px 21px !important;
    border: 4px solid #160f18 !important;
    border-radius: 999px !important;
    background: #7042ff !important;
    box-shadow: 8px 8px 0 #ff3f92 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_bf4b20-26::after {
    content: "HAND-PICKED FLAVORS. PERFECTLY PAIRED. READY TO ENJOY." !important;
    display: block !important;
    margin-top: 30px !important;
    color: #160f18 !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: .04em !important;
  }

  html body.page-id-40854.page-id-40854 .kt-adv-heading40854_bf4b20-26 mark {
    color: #ff3f92 !important;
  }

  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_1bfe58-44 {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 34px 18px 50px !important;
    background-color: #160f18 !important;
    background-image: radial-gradient(circle, rgba(255,255,255,.10) 5px, transparent 5.5px) !important;
    background-size: 46px 46px !important;
    border-bottom: 12px solid #ff3f92 !important;
  }

  html body.page-id-40854.page-id-40854 .kb-row-layout-id40854_1bfe58-44 > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 0 !important;
  }

  html body.page-id-40854.page-id-40854 .kadence-column40854_82bf44-20 > .kt-inside-inner-col,
  html body.page-id-40854.page-id-40854 .kadence-column40854_659716-45 > .kt-inside-inner-col {
    box-sizing: border-box !important;
    padding: 8px 8px 18px !important;
    overflow: hidden !important;
    border: 8px solid #ffffff !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 13px 14px 0 #7042ff !important;
  }

  html body.page-id-40854.page-id-40854 .kadence-column40854_82bf44-20 figure,
  html body.page-id-40854.page-id-40854 .kadence-column40854_659716-45 figure {
    width: 100% !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 18px 18px 0 0 !important;
  }

  html body.page-id-40854.page-id-40854 .kadence-column40854_82bf44-20 figure img,
  html body.page-id-40854.page-id-40854 .kadence-column40854_659716-45 figure img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body.page-id-40854.page-id-40854 .nom-byo-cta-wrap {
    box-sizing: border-box !important;
    width: calc(100% - 12px) !important;
    margin: 0 auto !important;
  }

  html body.page-id-40854.page-id-40854 .nom-byo-gradient-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 12px 18px !important;
    border: 5px solid #160f18 !important;
    border-radius: 999px !important;
    background: linear-gradient(100deg,#f23c9f 0%,#7042ff 53%,#2db8e8 100%) !important;
    box-shadow: 7px 8px 0 #ffd84f !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 .nn-flavor-jump-nav {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 62px 0 48px 22px !important;
    overflow: hidden !important;
    border-top: 9px solid #efff00 !important;
    border-bottom: 9px solid #2db8e8 !important;
    border-radius: 0 !important;
    background-color: #160f18 !important;
    background-image: radial-gradient(circle, rgba(255,255,255,.11) 5px, transparent 5.5px) !important;
    background-size: 46px 46px !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-nav::before {
    content: "SWIPE TO EXPLORE →" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 22px 22px 0 !important;
    padding: 11px 17px !important;
    border: 3px solid #ffffff !important;
    border-radius: 999px !important;
    background: #7042ff !important;
    box-shadow: 6px 6px 0 #ff3f92 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-nav h2 {
    max-width: 330px !important;
    margin: 0 22px 14px 0 !important;
    color: #ffffff !important;
    font-family: "Bebas Neue", Oswald, Impact, sans-serif !important;
    font-size: clamp(48px, 14vw, 64px) !important;
    font-weight: 400 !important;
    line-height: .88 !important;
    letter-spacing: -.015em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    text-shadow: 5px 6px 0 #ff3f92 !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-nav > p {
    max-width: 330px !important;
    margin: 0 22px 30px 0 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    text-align: left !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 42px 18px 2px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 2px !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons::-webkit-scrollbar {
    display: none !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    flex: 0 0 68% !important;
    align-items: flex-end !important;
    box-sizing: border-box !important;
    min-width: 224px !important;
    min-height: 124px !important;
    margin: 0 0 12px !important;
    padding: 54px 18px 18px !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    border: 6px solid #ffffff !important;
    border-radius: 28px !important;
    background: linear-gradient(135deg,#f23c9f 0%,#7042ff 54%,#2db8e8 100%) !important;
    box-shadow: 11px 12px 0 #efff00 !important;
    color: #ffffff !important;
    font-family: "Bebas Neue", Oswald, Impact, sans-serif !important;
    font-size: clamp(34px, 10vw, 44px) !important;
    font-weight: 400 !important;
    line-height: .9 !important;
    letter-spacing: .01em !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a::before {
    position: absolute !important;
    top: 16px !important;
    left: 18px !important;
    color: #efff00 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a:nth-child(1)::before { content: "01  CAKE BASE" !important; }
  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a:nth-child(2)::before { content: "02  CAKE BASE" !important; }
  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a:nth-child(3)::before { content: "03  CAKE BASE" !important; }
  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a:nth-child(4)::before { content: "04  CAKE BASE" !important; }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a::after {
    content: "→" !important;
    position: absolute !important;
    top: 12px !important;
    right: 15px !important;
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a:active {
    transform: translate(3px, 3px) !important;
    box-shadow: 7px 8px 0 #efff00 !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-jar-order-panel {
    overflow: visible !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 22px !important;
    width: calc(100vw - 18px) !important;
    max-width: none !important;
    margin: 0 -18px 0 0 !important;
    padding: 10px 26px 22px 6px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 6px !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options::-webkit-scrollbar {
    display: none !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button {
    position: relative !important;
    display: flex !important;
    flex: 0 0 min(82vw, 360px) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    width: min(82vw, 360px) !important;
    max-width: none !important;
    min-width: min(82vw, 360px) !important;
    min-height: min(88vw, 395px) !important;
    margin: 0 0 12px !important;
    padding: 30px 22px 28px !important;
    overflow: visible !important;
    border: 5px solid #ffffff !important;
    border-radius: 30px !important;
    background: #120a14 !important;
    box-shadow: 12px 13px 0 #ff3f98 !important;
    color: #ffffff !important;
    text-align: center !important;
    scroll-snap-align: start !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button::before,
  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button::after {
    display: none !important;
    content: none !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 8px 24px !important;
    border-radius: 999px !important;
    background: #e7f200 !important;
    color: #140d16 !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 2.6px !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-name {
    display: block !important;
    margin: 8px 0 0 !important;
    color: #ffffff !important;
    font-family: "Bebas Neue", Impact, sans-serif !important;
    font-size: clamp(68px, 20vw, 88px) !important;
    font-weight: 400 !important;
    line-height: .88 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-price {
    display: block !important;
    margin: 0 !important;
    color: #ff3f98 !important;
    font-family: "Bebas Neue", Impact, sans-serif !important;
    font-size: clamp(56px, 16vw, 72px) !important;
    font-weight: 400 !important;
    line-height: .9 !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 88% !important;
    min-height: 54px !important;
    padding: 12px 18px !important;
    border: 4px solid #ffffff !important;
    border-radius: 999px !important;
    background: #2fc3e2 !important;
    box-shadow: 0 8px 0 #ff3f98, 0 0 20px rgba(47,195,226,.7) !important;
    color: #150d18 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 2.4px !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button.nn-active,
  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button.active,
  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button[aria-pressed="true"] {
    border-color: #ffffff !important;
    background: #080508 !important;
    box-shadow: 12px 13px 0 #e7f200 !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-jar-note {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 34px 0 0 !important;
    padding: 15px 16px !important;
    border: 2px solid #f4b7d2 !important;
    border-radius: 999px !important;
    background: #fff9fc !important;
    color: #140d16 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: .2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }
}


@media (min-width: 768px) {
  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button > span.nn-pack-label {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 88% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px 24px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #e7f200 !important;
    box-shadow: none !important;
    color: #140d16 !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 2.6px !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button > span.nn-pack-name {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: "Bebas Neue", Impact, sans-serif !important;
    font-size: clamp(68px, 20vw, 88px) !important;
    font-weight: 400 !important;
    line-height: .88 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button > span.nn-pack-price {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ff3f98 !important;
    font-family: "Bebas Neue", Impact, sans-serif !important;
    font-size: clamp(56px, 16vw, 72px) !important;
    font-weight: 400 !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button > span.nn-pack-cta {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 88% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    border: 4px solid #ffffff !important;
    border-radius: 999px !important;
    background: #2fc3e2 !important;
    box-shadow: 0 8px 0 #ff3f98, 0 0 20px rgba(47,195,226,.7) !important;
    color: #150d18 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 2.4px !important;
    white-space: nowrap !important;
  }
}

@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 .entry-content{margin:0!important;padding:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #main{background:#bd98f5 radial-gradient(circle,rgba(23,17,39,.12) 1.5px,transparent 2px) 0 0/20px 20px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8{height:760px!important;min-height:760px!important;background-size:auto 100%!important;background-position:right bottom!important;background-color:#21104a!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .kt-inside-inner-col{max-width:1440px!important;margin:0 auto!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_16291c-8c{top:100px!important;left:5vw!important;font-size:25px!important;padding:14px 25px 20px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_dd76df-aa{top:188px!important;left:5vw!important;width:52%!important;max-width:none!important;font-size:clamp(90px,9vw,150px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_af7aaf-3d{top:345px!important;left:5vw!important;width:320px!important;font-size:48px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_8120e6-f7{top:445px!important;left:5vw!important;width:490px!important;max-width:44vw!important;font-size:clamp(38px,3.6vw,56px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .wp-block-buttons{left:5vw!important;bottom:50px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .wp-block-button__link{width:310px!important;min-height:70px!important;font-size:28px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-jump-nav{width:100%!important;max-width:none!important;margin:0!important;padding:55px max(32px,calc((100vw - 1440px)/2)) 55px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-jump-nav:before{content:'FIND YOUR FLAVOR →'!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-jump-nav h2{max-width:none!important;font-size:clamp(48px,4.2vw,70px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-jump-nav>p{max-width:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-jump-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;padding:4px 14px 18px 0!important;overflow:visible!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-jump-buttons a{min-width:0!important;min-height:148px!important;font-size:clamp(30px,2.8vw,46px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #jar-builder>.kt-row-column-wrap{padding:0!important;max-width:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #jar-builder>.kt-row-column-wrap>.wp-block-kadence-column>.kt-inside-inner-col{padding:0!important;background:transparent!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder{box-sizing:border-box!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:72px 32px 64px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-builder-grid{display:grid!important;grid-template-columns:minmax(260px,.65fr) minmax(0,1.6fr)!important;gap:48px!important;align-items:start!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-box-panel{position:sticky!important;top:120px!important;background:#171127!important;border:4px solid #fff!important;border-radius:24px!important;padding:30px!important;box-shadow:9px 9px 0 #ff3294!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-box-panel h2{font-size:clamp(48px,4.6vw,72px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-empty-box{font-size:18px!important;line-height:1.5!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-box-count{font-size:20px!important;line-height:1.4!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-order-panel{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:0!important;background:transparent!important;overflow:visible!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-order-panel>h2{max-width:none!important;font-size:clamp(56px,5.2vw,88px)!important;font-style:italic!important;color:#ffe63a!important;-webkit-text-stroke:1.5px #171127!important;paint-order:stroke fill!important;text-shadow:2px 2px 0 #171127,4px 4px 0 #ff3294,5px 5px 0 #171127!important;line-height:1.04!important;text-align:center!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-order-panel>p{box-sizing:border-box!important;max-width:none!important;background:#fff9ed!important;border:3px solid #171127!important;box-shadow:6px 6px 0 #ff3294!important;border-radius:3px 18px!important;padding:22px 26px!important;color:#171127!important;font-size:18px!important;line-height:1.6!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-counter{max-width:none!important;border:4px solid #fff!important;box-shadow:6px 6px 0 #ff3294!important;font-size:clamp(24px,2.5vw,38px)!important;padding:20px!important;text-align:center!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-progress-wrap{max-width:none!important;background:#fff!important;border:2px solid #171127!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-order-panel>h3{color:#171127!important;font-size:clamp(36px,3vw,50px)!important;text-align:center!important;margin:32px 0 24px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:24px!important;margin:0!important;padding:6px 14px 20px 0!important;overflow:visible!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button{width:100%!important;min-width:0!important;min-height:300px!important;max-width:none!important;padding:24px 12px!important;gap:20px!important;margin:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button>span.nn-pack-label{min-height:34px!important;padding:7px 12px!important;font-size:11px!important;letter-spacing:1.2px!important;max-width:100%!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button>span.nn-pack-name{font-size:clamp(44px,4.2vw,68px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button>span.nn-pack-price{font-size:52px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button>span.nn-pack-cta{min-height:44px!important;width:95%!important;padding:9px 8px!important;font-size:10px!important;letter-spacing:1px!important;white-space:normal!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-jar-note{margin:24px 0 28px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-totals{background:#fff9ed!important;border:3px solid #171127!important;border-radius:4px 20px!important;box-shadow:6px 6px 0 #21ded2!important;padding:22px 26px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-totals p{display:flex!important;justify-content:space-between!important;gap:20px!important;max-width:none!important;color:#171127!important;font-size:17px!important;margin:0!important;padding:12px 0!important;line-height:1.4!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-totals p:last-child{border-top:3px solid #171127!important;font-weight:800!important;font-size:22px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-builder-cta{margin-top:28px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-builder-cta-text{color:#171127!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-add-box-btn{border:4px solid #171127!important;box-shadow:7px 7px 0 #ffe63a!important;background:linear-gradient(100deg,#ff3294,#7042ff,#2db8e8)!important;color:#fff!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-jar-flavor-heading{margin:0!important;padding:48px 32px!important;border-top:12px solid transparent!important;border-image:linear-gradient(90deg,#ff3294,#a66bf2,#21ded2,#ffe63a) 1!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-jar-flavor-heading h2{color:#ffe63a!important;font-style:italic!important;-webkit-text-stroke:1.5px #171127!important;paint-order:stroke fill!important;text-shadow:3px 3px 0 #171127,5px 5px 0 #ff3294!important;font-size:clamp(56px,5.8vw,90px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-accordion-section{padding:24px 0 64px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-toggle{width:calc(100% - 64px)!important;max-width:1376px!important;margin:32px auto 0!important;padding:26px 80px 76px 30px!important;min-height:164px!important;font-size:clamp(40px,4vw,60px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-toggle::after{top:24px!important;right:30px!important;font-size:40px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-toggle+h5,html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-toggle+p,html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-toggle+.kt-adv-heading{width:calc(100% - 64px)!important;max-width:1376px!important;max-height:none!important;margin:-70px auto 30px!important;padding:0 80px 0 30px!important;font-size:17px!important;line-height:1.5!important;-webkit-line-clamp:2!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .chocolate-toggle .nn-chocolate-toggle-description{left:30px!important;right:80px!important;bottom:24px!important;font-size:17px!important;line-height:1.5!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content{box-sizing:border-box!important;width:calc(100% - 64px)!important;max-width:1376px!important;margin:12px auto 0!important;padding:18px 0 12px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content>.kt-row-column-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;padding:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content>.kt-row-column-wrap>.wp-block-kadence-column{min-width:0!important;padding:0!important;margin:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content .kt-inside-inner-col:has(> div > .nn-jar-qty){box-sizing:border-box!important;display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;grid-template-rows:auto 1fr auto!important;gap:12px 18px!important;align-items:start!important;height:100%!important;min-height:250px!important;padding:22px!important;background:#fff7ed!important;border:4px solid #ff3f92!important;border-radius:22px!important;box-shadow:5px 5px 0 #171127!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content .kt-inside-inner-col:has(> div > .nn-jar-qty)>figure{grid-column:1!important;grid-row:1 / span 2!important;width:120px!important;height:160px!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:14px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content .kt-inside-inner-col:has(> div > .nn-jar-qty)>figure img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content .kt-inside-inner-col:has(> div > .nn-jar-qty)>:is(h4,h5){grid-column:2!important;grid-row:1!important;font-family:'Bebas Neue',Impact,sans-serif!important;font-size:28px!important;line-height:1.05!important;text-align:left!important;color:#35144f!important;margin:0!important;padding:0!important;overflow-wrap:normal!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content .kt-inside-inner-col:has(> div > .nn-jar-qty)>p{grid-column:2!important;grid-row:2 / span 2!important;color:#352344!important;font-family:Arial,sans-serif!important;font-size:15px!important;line-height:1.5!important;text-align:left!important;margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important;display:block!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content .kt-inside-inner-col:has(> div > .nn-jar-qty)>div:has(.nn-jar-qty){grid-column:1!important;grid-row:3!important;margin:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-qty{display:grid!important;grid-template-columns:38px 44px 38px!important;width:120px!important;margin:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-qty :is(button,span){box-sizing:border-box!important;width:100%!important;height:42px!important;font-size:22px!important;transform:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-qty button:focus-visible{outline:3px solid #ffe63a!important;outline-offset:-3px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_bf4b20-26{width:100%!important;max-width:none!important;margin:0!important;padding:140px max(32px,calc((100vw - 1376px)/2)) 55px!important;font-size:clamp(56px,5vw,84px)!important;text-align:center!important;border-top:12px solid transparent!important;border-image:linear-gradient(90deg,#ff3294,#a66bf2,#21ded2,#ffe63a) 1!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_bf4b20-26::before{left:50%!important;transform:translateX(-50%)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_1bfe58-44{width:100%!important;max-width:none!important;margin:0!important;padding:40px max(32px,calc((100vw - 1120px)/2)) 64px!important;background:#ffd84f radial-gradient(circle,rgba(23,17,39,.10) 2px,transparent 3px) 0 0/34px 34px!important;border:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_1bfe58-44>.kt-row-column-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px!important;max-width:1120px!important;margin:auto!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_1bfe58-44 figure img{width:100%!important;height:auto!important;max-height:500px!important;object-fit:cover!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nom-byo-gradient-btn{font-size:clamp(13px,1.2vw,18px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #colophon{border-top:12px solid transparent!important;border-image:linear-gradient(90deg,#ff3294,#a66bf2,#21ded2,#ffe63a) 1!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #primary,html body.page-id-40854.page-id-40854.page-id-40854 #post-40854{padding-bottom:0!important;margin-bottom:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 :is(button,a):focus-visible{outline:3px solid #171127!important;outline-offset:6px!important;}
}
@media(min-width:768px) and (max-width:1100px){
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-builder-grid{grid-template-columns:minmax(220px,.65fr) minmax(0,1.5fr)!important;gap:28px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content>.kt-row-column-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-jump-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8{background-position:145% bottom!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_dd76df-aa{font-size:clamp(80px,10vw,110px)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_af7aaf-3d{top:315px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_8120e6-f7{top:420px!important;}
}

@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 .site-header{position:relative!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8{background-image:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8:after{content:''!important;display:block!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:55%!important;background:linear-gradient(90deg,#21104a,transparent 15%),url('https://nomnomcupcakes.com/wp-content/uploads/2026/08/byo-jar-mobile-hero-flavor-portal-crumbles.png') center bottom/cover no-repeat!important;z-index:0!important;pointer-events:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8>.kt-row-column-wrap{z-index:1!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle)>.kt-row-column-wrap{display:block!important;width:100%!important;max-width:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle)>.kt-row-column-wrap>.wp-block-kadence-column{width:100%!important;max-width:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle)>.kt-row-column-wrap>.wp-block-kadence-column>.kt-inside-inner-col{display:block!important;width:100%!important;max-width:none!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .chocolate-toggle{width:calc(100% - 64px)!important;max-width:1376px!important;margin:32px auto 0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .chocolate-content:has(.chocolate-toggle) .nn-accordion-content{margin:12px auto 0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button>span.nn-pack-cta{font-size:0!important;letter-spacing:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nomnom-jar-builder .nn-pack-options button>span.nn-pack-cta:after{content:'CLICK TO SELECT';font-size:11px;letter-spacing:1px;}
}

/* Tablet desktop boundary: avoid the legacy hidden-summary grid slot. */
@media(min-width:768px) and (max-width:900px){
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-builder-grid{grid-template-columns:minmax(0,1fr)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-box-panel{display:block!important;position:relative!important;top:auto!important;min-height:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-order-panel{grid-column:1!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-order-panel>h2{font-size:64px!important;white-space:normal!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-accordion-content>.kt-row-column-wrap{grid-template-columns:minmax(0,1fr)!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8:after{width:52%!important;opacity:.8!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_dd76df-aa{font-size:76px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_af7aaf-3d{width:260px!important;font-size:40px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kt-adv-heading40854_8120e6-f7{max-width:46vw!important;font-size:34px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8 .wp-block-button__link{width:270px!important;}
}

/* Align desktop jar bases with the yellow hero panel. */
@media (min-width: 1101px) {
html body.page-id-40854.page-id-40854.page-id-40854 .kb-row-layout-id40854_dc25cf-c8:after {
 background-position: 0 0, center calc(100% + clamp(0px, calc(19.5vw - 262px), 180px)) !important;
}
}

/* Desktop shopping: edge bursts, speed lines, zigzags and spark accents. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #jar-builder {
background-color:#bd98f5!important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%201700%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%237042ff%22%20stroke-width%3D%223%22%20opacity%3D%22.22%22%3E%3Cpath%20d%3D%22M-100%20250L520%20780M-100%20340L470%20800M-100%20420L420%20820M1700%20300L1100%20850M1700%20390L1150%20870M1700%20480L1200%20890%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2321104a%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23ff3294%22%20d%3D%22M-70%20640L35%20735L55%20635L105%20750L190%20685L160%20800L290%20810L175%20855L245%20950L130%20905L110%201035L65%20925L-25%201010L0%20875L-110%20845L0%20800Z%22%2F%3E%3Cpath%20fill%3D%22%23ffe63a%22%20d%3D%22M1510%20740L1530%20865L1615%20790L1580%20915L1710%20890L1620%20975L1700%201050L1580%201030L1585%201150L1525%201055L1430%201140L1460%201020L1330%201030L1435%20955L1350%20865L1470%20900Z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2321c7eb%22%20stroke-width%3D%2218%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M-25%201230L50%201160L75%201240L150%201170L175%201250L250%201180%22%2F%3E%3Cpath%20d%3D%22M1390%20140L1430%20190L1470%20140L1510%20190L1550%20140L1590%20190L1630%20140%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23ffe63a%22%20stroke%3D%22%2321104a%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M160%20460L174%20495L210%20508L174%20521L160%20556L146%20521L110%20508L146%20495Z%22%2F%3E%3Cpath%20d%3D%22M1460%201320L1473%201350L1505%201362L1473%201374L1460%201405L1447%201374L1415%201362L1447%201350Z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23ff3294%22%20stroke-width%3D%2210%22%3E%3Cpath%20d%3D%22M90%201430L150%201400M100%201470L170%201435M110%201510L190%201470M1440%20570L1510%20530M1460%20610L1540%20565M1480%20650L1570%20600%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(circle,rgba(23,17,39,.12) 1.5px,transparent 2px)!important;
background-position:center top,0 0!important;
background-size:100% auto,20px 20px!important;
background-repeat:no-repeat,repeat!important;
}
}

/* Pack selection heading — 90s comic lettering. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 .nn-jar-order-panel>h3{
font-family:'Bebas Neue',Oswald,Impact,sans-serif!important;
font-weight:400!important;font-style:italic!important;
font-size:clamp(44px,4vw,64px)!important;line-height:1.08!important;
color:#ffe63a!important;-webkit-text-stroke:1.5px #171127!important;
paint-order:stroke fill!important;
text-shadow:2px 2px 0 #171127,4px 4px 0 #ff3294,5px 5px 0 #171127!important;
letter-spacing:.01em!important;text-transform:uppercase!important;
margin:36px 0 30px!important;
}
}

/* Desktop checkout: standalone Add to Cart button. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 .nn-builder-cta-text{display:none!important;}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-builder-cta{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;}
}

/* Desktop flavors: one continuous comic chapter, separate from pack selection. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-jar-flavor-heading,
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-accordion-section{
background-color:#121e38!important;
background-image:radial-gradient(circle,rgba(47,200,232,.16) 2px,transparent 2.6px),repeating-linear-gradient(135deg,rgba(92,107,214,.055) 0 2px,transparent 2px 96px)!important;
background-size:32px 32px,auto!important;background-position:0 0!important;background-repeat:repeat!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-jar-flavor-heading{
margin:0!important;padding:60px 32px 24px!important;
border:0!important;border-top:14px solid #ffe63a!important;border-image:none!important;
box-shadow:inset 0 6px 0 #171127!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-accordion-section{
box-sizing:border-box!important;width:100%!important;max-width:none!important;
margin:0!important;padding:0 0 72px!important;border:0!important;
}
}

/* Neon Memphis flavor chapter: original geometric artwork inspired by the reference. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-jar-flavor-heading,
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-accordion-section{
background-color:#100e20!important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22900%22%20viewBox%3D%220%200%201600%20900%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M-100%20320L260%20-40M-70%20360L290%200M-100%20250L190%20-40%22%20stroke%3D%22%23ff238d%22%20stroke-width%3D%2238%22%2F%3E%3Cpath%20d%3D%22M1370%20950L1710%20610M1390%20990L1730%20650%22%20stroke%3D%22%2316dce9%22%20stroke-width%3D%2244%22%2F%3E%3Cpath%20d%3D%22M40%20730L130%20640M1420%20180L1510%2090M1300%20410L1360%20350M280%20400L340%20340%22%20stroke%3D%22%23ff238d%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M140%20470L190%20420M1440%20540L1490%20490M1260%20750L1300%20710%22%20stroke%3D%22%2316dce9%22%20stroke-width%3D%227%22%2F%3E%3Cg%20stroke%3D%22%23ffca23%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M280%200L430%20210M310%200L460%20210M340%200L490%20210M370%200L520%20210M400%200L550%20210M430%200L580%20210M460%200L610%20210%22%2F%3E%3Cpath%20d%3D%22M1100%20770L1190%20900M1125%20755L1225%20900M1150%20740L1260%20900M1175%20725L1295%20900M1200%20710L1330%20900%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M1490%20230Q1650%20470%201460%20790M1510%20220Q1710%20450%201490%20810%22%20stroke%3D%22%23ff238d%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22805%22%20r%3D%22136%22%20fill%3D%22%23ff238d%22%2F%3E%3Ccircle%20cx%3D%221535%22%20cy%3D%22845%22%20r%3D%22112%22%20fill%3D%22%2316dce9%22%2F%3E%3Ccircle%20cx%3D%221480%22%20cy%3D%22270%22%20r%3D%2256%22%20fill%3D%22%2316dce9%22%2F%3E%3Cpath%20d%3D%22M1280%200L1460%200L1240%20105Z%22%20fill%3D%22%23ffca23%22%2F%3E%3Cpath%20d%3D%22M0%20510L75%20445L24%20560Z%22%20fill%3D%22%23ffca23%22%2F%3E%3Cg%20fill%3D%22%23ff238d%22%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22670%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%221390%22%20cy%3D%22630%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23ffca23%22%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22230%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%221270%22%20cy%3D%22560%22%20r%3D%226%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(circle,rgba(127,223,255,.42) .8px,transparent 1.3px),radial-gradient(circle,rgba(255,255,255,.32) .8px,transparent 1.2px)!important;
background-size:100% auto,47px 53px,83px 71px!important;
background-position:center top,0 0,17px 29px!important;
background-repeat:repeat-y,repeat,repeat!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 .nn-flavor-accordion-section{background-position:center -270px,0 0,17px 29px!important;}
}

/* A single non-tiled artwork canvas spans the heading and all flavor groups. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas{
background-color:#100e20!important;
background-image:url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22900%22%20viewBox%3D%220%200%201600%20900%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M-100%20320L260%20-40M-70%20360L290%200M-100%20250L190%20-40%22%20stroke%3D%22%23ff238d%22%20stroke-width%3D%2238%22%2F%3E%3Cpath%20d%3D%22M1370%20950L1710%20610M1390%20990L1730%20650%22%20stroke%3D%22%2316dce9%22%20stroke-width%3D%2244%22%2F%3E%3Cpath%20d%3D%22M40%20730L130%20640M1420%20180L1510%2090M1300%20410L1360%20350M280%20400L340%20340%22%20stroke%3D%22%23ff238d%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M140%20470L190%20420M1440%20540L1490%20490M1260%20750L1300%20710%22%20stroke%3D%22%2316dce9%22%20stroke-width%3D%227%22%2F%3E%3Cg%20stroke%3D%22%23ffca23%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M280%200L430%20210M310%200L460%20210M340%200L490%20210M370%200L520%20210M400%200L550%20210M430%200L580%20210M460%200L610%20210%22%2F%3E%3Cpath%20d%3D%22M1100%20770L1190%20900M1125%20755L1225%20900M1150%20740L1260%20900M1175%20725L1295%20900M1200%20710L1330%20900%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M1490%20230Q1650%20470%201460%20790M1510%20220Q1710%20450%201490%20810%22%20stroke%3D%22%23ff238d%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22805%22%20r%3D%22136%22%20fill%3D%22%23ff238d%22%2F%3E%3Ccircle%20cx%3D%221535%22%20cy%3D%22845%22%20r%3D%22112%22%20fill%3D%22%2316dce9%22%2F%3E%3Ccircle%20cx%3D%221480%22%20cy%3D%22270%22%20r%3D%2256%22%20fill%3D%22%2316dce9%22%2F%3E%3Cpath%20d%3D%22M1280%200L1460%200L1240%20105Z%22%20fill%3D%22%23ffca23%22%2F%3E%3Cpath%20d%3D%22M0%20510L75%20445L24%20560Z%22%20fill%3D%22%23ffca23%22%2F%3E%3Cg%20fill%3D%22%23ff238d%22%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22670%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%221390%22%20cy%3D%22630%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23ffca23%22%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22230%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%221270%22%20cy%3D%22560%22%20r%3D%226%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(circle,rgba(127,223,255,.42) .8px,transparent 1.3px),radial-gradient(circle,rgba(255,255,255,.32) .8px,transparent 1.2px)!important;
background-size:100% 100%,47px 53px,83px 71px!important;
background-position:center top,0 0,17px 29px!important;
background-repeat:no-repeat,repeat,repeat!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas #nn-jar-flavor-heading,
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-flavor-accordion-section{background:transparent!important;}
}

/* Desktop curated favorites — reference three-column composition. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,.62fr) minmax(0,1fr)!important;gap:64px!important;align-items:center!important;padding:60px max(32px,7.1vw) 70px!important;margin:0!important;background:#ffdf4f radial-gradient(circle,rgba(109,82,7,.14) 2px,transparent 2.5px) 0 0/34px 34px!important;border-top:10px solid transparent!important;border-bottom:12px solid transparent!important;border-image:linear-gradient(90deg,#ff3294,#a66bf2,#21ded2,#ffe63a) 1!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kt-adv-heading40854_bf4b20-26{width:100%!important;max-width:none!important;margin:0!important;padding:82px 0 0!important;border:0!important;border-image:none!important;background:transparent!important;font-size:clamp(40px,3.9vw,64px)!important;line-height:1.22!important;letter-spacing:-.02em!important;text-align:left!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kt-adv-heading40854_bf4b20-26 mark{display:block!important;margin-bottom:10px!important;color:#ff3f92!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kt-adv-heading40854_bf4b20-26::before{top:0!important;left:0!important;transform:none!important;min-width:0!important;padding:11px 20px!important;font-size:15px!important;letter-spacing:.1em!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kt-adv-heading40854_bf4b20-26::after{margin-top:32px!important;font-size:clamp(16px,1.3vw,21px)!important;line-height:1.3!important;letter-spacing:.015em!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kb-row-layout-id40854_1bfe58-44{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kb-row-layout-id40854_1bfe58-44>.kt-row-column-wrap{max-width:none!important;gap:24px!important;align-items:stretch!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated :is(.kadence-column40854_82bf44-20,.kadence-column40854_659716-45)>.kt-inside-inner-col{padding:10px 10px 20px!important;border:8px solid white!important;border-radius:28px!important;box-shadow:13px 14px 0 #7042ff!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated figure{margin:0 0 24px!important;border-radius:18px 18px 0 0!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated figure img{max-height:none!important;aspect-ratio:1.5!important;object-fit:cover!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .nom-byo-gradient-btn{min-height:54px!important;padding:10px 8px!important;font-size:clamp(11px,1.05vw,17px)!important;letter-spacing:0!important;white-space:nowrap!important;}
}
@media(min-width:768px) and (max-width:1100px){html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated{grid-template-columns:1fr!important;gap:32px!important;}html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kt-adv-heading40854_bf4b20-26{max-width:600px!important;font-size:52px!important;}}

/* Match the Minis desktop curated headline scale. */
@media(min-width:768px){html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-curated .kt-adv-heading40854_bf4b20-26{font-size:clamp(48px,4.3vw,72px)!important;line-height:1.08!important;}}

/* Desktop flavor accordions — inked 90s comic panels. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle{
border:6px solid #171127!important;border-radius:4px 22px 4px 22px!important;
background-color:#6330ce!important;
background-image:linear-gradient(110deg,rgba(255,50,148,.88),rgba(112,66,255,.76) 55%,rgba(45,184,232,.84)),radial-gradient(circle,#171127 1.8px,transparent 2.3px)!important;
background-size:100% 100%,10px 10px!important;
box-shadow:8px 8px 0 #ffe63a,12px 12px 0 #171127,inset 0 0 0 3px rgba(255,255,255,.85)!important;
font-style:italic!important;color:#ffe63a!important;-webkit-text-stroke:1.5px #171127!important;paint-order:stroke fill!important;
text-shadow:2px 2px 0 #171127,4px 4px 0 #ff3294,5px 5px 0 #171127!important;letter-spacing:.025em!important;
padding-right:110px!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle::after{
content:'+'!important;display:grid!important;place-items:center!important;
width:52px!important;height:52px!important;top:24px!important;right:28px!important;
background:#ffe63a!important;border:4px solid #171127!important;border-radius:4px!important;
box-shadow:4px 4px 0 #ff3294!important;color:#171127!important;font-size:36px!important;
font-style:normal!important;-webkit-text-stroke:0!important;text-shadow:none!important;line-height:1!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle.nn-open::after{content:'−'!important;background:#21c7eb!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle:hover{box-shadow:8px 8px 0 #21c7eb,12px 12px 0 #171127,inset 0 0 0 3px #fff!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle:focus-visible{outline:3px solid #fff!important;outline-offset:6px!important;}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle .nn-chocolate-toggle-description{
font-style:normal!important;-webkit-text-stroke:0!important;color:#fff!important;text-shadow:1px 1px 0 #35144f!important;letter-spacing:0!important;right:110px!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle+h5,html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle+p,html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle+.kt-adv-heading{font-style:normal!important;-webkit-text-stroke:0!important;color:#fff!important;text-shadow:1px 1px 0 #35144f!important;padding-right:110px!important;}
}

/* Desktop expanded flavor panels: separation and inset card grid. */
@media (min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-content:not(:has(.nn-accordion-toggle)){
margin:40px auto 0!important;padding:32px!important;
}
}

/* Keep separate flavor descriptions from pulling expanded panels upward. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle+h5,
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle+p,
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-toggle+.kt-adv-heading{
box-sizing:border-box!important;min-height:70px!important;
}
}

/* Light comic texture on the white flavor-card backplates only. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-content:not(:has(.nn-accordion-toggle)){
background-color:#fffdfd!important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20700%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%225%22%20opacity%3D%22.13%22%3E%3Cpath%20stroke%3D%22%23ff3294%22%20d%3D%22M-20%20140L110%2010M-20%20170L140%2010M-20%20200L170%2010%22%2F%3E%3Cpath%20stroke%3D%22%2321c7eb%22%20d%3D%22M1220%20690L1400%20510M1260%20690L1400%20550M1300%20690L1400%20590%22%2F%3E%3Cpath%20stroke%3D%22%237042ff%22%20d%3D%22M1120%20100L1150%2070L1180%20100L1210%2070L1240%20100%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ff3294%22%20stroke-width%3D%224%22%20opacity%3D%22.10%22%3E%3Ccircle%20cx%3D%221340%22%20cy%3D%22330%22%20r%3D%22100%22%2F%3E%3Ccircle%20cx%3D%221340%22%20cy%3D%22330%22%20r%3D%22120%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(circle,rgba(112,66,255,.105) 1.25px,transparent 1.75px),linear-gradient(145deg,#fff 25%,#fff8fc 100%)!important;
background-size:100% 100%,14px 14px,100% 100%!important;
background-position:center,0 0,center!important;
background-repeat:no-repeat,repeat,no-repeat!important;
}
}

/* Remove the legacy extra shell around the Chocolate Loverz card. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .kadence-column40854_247efb-b1>.kt-inside-inner-col{
background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;height:100%!important;
}
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .kadence-column40854_c6f023-a8{height:100%!important;margin:0!important;padding:0!important;}
}

/* White comic card borders with hot-pink offset shadows. */
@media(min-width:768px){
html body.page-id-40854.page-id-40854.page-id-40854 #nn-desktop-flavor-canvas .nn-accordion-content .kt-inside-inner-col:has(> div > .nn-jar-qty){
border-color:#fff!important;box-shadow:7px 7px 0 #ff3294!important;
}
}