/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 06:24:19 */
/* Add your CSS code here.

For example:.example {color: red;}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment // /* ========================================
   NOM NOM MINI BOX — CLEAN CSS REBUILD
======================================== */

/* HIDE DEFAULT PRODUCT PRICE */
.single-product .summary > p.price {
  display: none !important;
}

/* PRODUCT TITLE */
.product_title {
  text-align: center !important;
  line-height: 0.95 !important;
  letter-spacing: -1px !important;
  font-size: clamp(42px, 6vw, 82px) !important;
}

/* Remove Build Your Mini from all product pages */
.product_title::before {
  content: none !important;
  display: none !important;
}

/* Add it back ONLY on the BYO Mini Box product page */
body.postid-40804 .product_title::before {
  content: "BUILD YOUR MINI" !important;
  display: block !important;
  font-size: 0.55em !important;
  margin-bottom: 8px !important;
  letter-spacing: 1px !important;
}

/* YOUR BOX */
#nom-live-box {
  background: linear-gradient(135deg, #ff3f93 0%, #9a5cff 55%, #18c8ff 100%) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  margin: 20px auto 0 !important;
  max-width: 370px !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(255,63,147,.22) !important;
}

#nom-live-box,
#nom-live-box * {
  color: #fff !important;
}

.nom-live-box-header {
  font-size: 28px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.35) !important;
}

.nom-live-box-item {
  display: grid !important;
  grid-template-columns: 38px 34px 1fr !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 8px 0 !important;
  font-size: 13px !important;
}

.nom-live-box-thumb {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  background: #fff !important;
}

#nom-live-box-footer {
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,.35) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

/* COUNTER */
#nom-box-counter {
  position: sticky !important;
  top: 85px !important;
  z-index: 99 !important;
  background: #101010 !important;
  border: 3px solid #ff3f93 !important;
  color: #fff !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  margin: 16px 0 20px !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  box-shadow: 0 10px 24px rgba(255,63,147,.18) !important;
}

#nom-box-counter strong {
  color: #ff3f93 !important;
  font-size: 20px !important;
  margin-right: 6px !important;
}

#nom-box-counter.nom-complete {
  border-color: #20c997 !important;
}

#nom-box-counter.nom-complete strong {
  color: #20c997 !important;
}

/* PACK SIZE */
.single-product .wapf-field-row:has(.wapf-radios) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 28px 0 36px !important;
}

.single-product .wapf-radios {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 18px 0 10px !important;
}

.single-product .wapf-radios label {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 130px !important;
  padding: 30px 20px 22px !important;
  border: 3px solid #e8e8e8 !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.05) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}

.single-product .wapf-radios label::before {
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  left: 38px !important;
  right: 38px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #ff3f93 !important;
}

.single-product .wapf-radios input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.single-product .wapf-radios label.nom-pack-card-ready > span {
  display: none !important;
}

.single-product .wapf-radios label:has(input[type="radio"]:checked) {
  border-color: #ff3f93 !important;
  box-shadow: 0 18px 38px rgba(255,63,147,.18) !important;
  transform: translateY(-2px) !important;
}

.nom-pack-card-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  margin-top: 8px !important;
}

.nom-pack-title {
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #111 !important;
  text-transform: uppercase !important;
}

.nom-pack-price {
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #ff3f93 !important;
}

/* LOCAL PICKUP */
.nom-local-notice {
  background: #fff7fb !important;
  border: 2px solid #ff3f93 !important;
  border-radius: 18px !important;
  padding: 20px 24px !important;
  margin: 22px 0 28px !important;
  color: #111 !important;
  box-shadow: 0 12px 26px rgba(255,63,147,.10) !important;
}

.nom-local-notice .wapf-field-label label {
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.nom-local-notice .wapf-field-input {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.nom-local-notice .wapf-field-input::after {
  content: "Yes, I understand.";
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* CHOOSE YOUR FLAVORS HEADING */
#nom-flavor-heading {
  text-align: center !important;
  margin: 36px 0 28px !important;
}

#nom-flavor-heading h2 {
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  margin: 0 0 10px !important;
}

#nom-flavor-heading p {
  margin: 0 !important;
  color: #777 !important;
  font-size: 16px !important;
  font-style: italic !important;
}

/* CATEGORY HEADERS */
.single-product .wapf-field-row.nom-accordion-header {
  background: linear-gradient(90deg, #ff3f93 0%, #9a5cff 55%, #18c8ff 100%) !important;
  border-radius: 16px !important;
  padding: 18px 24px !important;
  margin: 28px 0 14px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(255,63,147,.18) !important;
}

.single-product .wapf-field-row.nom-accordion-header .wapf-field-container.nom-category {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.single-product .wapf-field-row.nom-accordion-header label span {
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.18) !important;
}

.single-product .wapf-field-container.nom-category label span::after {
  content: "  ▼";
  color: #fff !important;
}

.single-product .wapf-field-row.nom-accordion-header.nom-open .wapf-field-container.nom-category label span::after {
  content: "  ▲" !important;
}

.single-product .wapf-field-row.nom-accordion-header .wapf-field-input {
  color: #fff !important;
  opacity: .95 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin-top: 8px !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.12) !important;
}

/* FLAVOR CARDS */
.single-product .wapf-field-row.nom-accordion-body {
  display: grid !important;
  grid-template-columns: 118px 1fr !important;
  column-gap: 20px !important;
  align-items: center !important;
  background: #fff7fb !important;
  border: 2px solid #ff3f93 !important;
  border-radius: 18px !important;
  padding: 18px 20px !important;
  margin: 18px 0 !important;
  min-height: 138px !important;
  box-shadow: 0 14px 28px rgba(255,63,147,.14) !important;
  transition: all .22s ease !important;
}

.single-product .wapf-field-row.nom-accordion-body:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 34px rgba(255,63,147,.18) !important;
}

.single-product .nom-flavor-left {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.single-product .nom-flavor-thumb {
  width: 92px !important;
  height: 92px !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}

.single-product .wapf-field-row.nom-accordion-body .wapf-field-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 6px !important;
}

.single-product .wapf-field-row.nom-accordion-body .wapf-field-label label {
  color: #ff3f93 !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  flex: 1 !important;
}

.single-product .wapf-field-row.nom-accordion-body .wapf-field-description {
  grid-column: 2 !important;
  grid-row: 2 !important;
  color: #555 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 6px 0 0 !important;
}

/* QUANTITY SELECTOR */
.single-product .wapf .nom-qty-wrap {
  display: inline-grid !important;
  grid-template-columns: 38px 46px 38px !important;
  width: 122px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #ff3f93 !important;
  box-shadow: 0 8px 18px rgba(255,63,147,.22) !important;
  transform: scale(.92) !important;
}

.single-product .wapf .nom-qty-wrap .nom-qty-btn {
  width: 38px !important;
  height: 34px !important;
  border: 0 !important;
  background: #ff3f93 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.single-product .wapf .nom-qty-wrap input[type="number"] {
  width: 46px !important;
  height: 34px !important;
  border: 0 !important;
  background: #fff !important;
  color: #111 !important;
  text-align: center !important;
  font-weight: 900 !important;
}

.single-product .wapf .nom-qty-wrap input[type="number"]::-webkit-inner-spin-button,
.single-product .wapf .nom-qty-wrap input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* SELECTED STATE */
.single-product .wapf-field-row.nom-accordion-body.nom-flavor-selected {
  background: linear-gradient(180deg, #fff7fb 0%, #fff1f8 100%) !important;
  box-shadow: 0 16px 34px rgba(255,63,147,.22) !important;
}

.nom-selected-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg,#ff3f93,#ff5fc0) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* ADD TO CART DISABLED */
.single_add_to_cart_button.nom-cart-disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  filter: grayscale(1) !important;
}

/* LOCAL REMINDER */
#nom-local-reminder {
  background: #fff4f9 !important;
  border: 2px solid #ff3f93 !important;
  color: #111 !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin: -8px 0 18px !important;
}

/* MOBILE */
@media (max-width: 767px) {
  .product_title {
    font-size: 56px !important;
  }

  .product_title::before {
    font-size: 0.42em !important;
  }

  #nom-box-counter {
    top: 72px !important;
    font-size: 12px !important;
  }

  #nom-live-box {
    max-width: 100% !important;
  }

  .single-product .wapf-radios {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

  .nom-pack-title {
    font-size: 24px !important;
  }

  .nom-pack-price {
    font-size: 34px !important;
  }

  .single-product .wapf-field-row.nom-accordion-header label span {
    font-size: 24px !important;
  }

  .single-product .wapf-field-row.nom-accordion-body {
    grid-template-columns: 96px 1fr !important;
    column-gap: 14px !important;
    padding: 16px !important;
  }

  .single-product .nom-flavor-thumb {
    width: 78px !important;
    height: 78px !important;
  }

  .single-product .wapf-field-row.nom-accordion-body .wapf-field-label label {
    font-size: 16px !important;
  }

  .single-product .wapf-field-row.nom-accordion-body .wapf-field-description {
    font-size: 12px !important;
  }
}
/* MINI CUPCAKE COUNTER BAR */
#nom-box-counter {
  background: linear-gradient(
    90deg,
    #151515 0%,
    #242124 55%,
    #2b2230 100%
  ) !important;

  border: 3px solid #ff3f93 !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(255,63,147,.18) !important;
}

#nom-box-counter strong {
  color: #ff3f93 !important;
}
/* QUANTITY BUTTON ALIGNMENT */
.nom-qty-btn,
.wapf-qty-btn,
.quantity button,
.nom-flavor-card .minus,
.nom-flavor-card .plus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
}

/* SYMBOL POSITIONING */
.nom-qty-btn span,
.wapf-qty-btn span {
  position: relative;
  top: -1px;
}
/* PACK SIZE REQUIRED ALERT */
.nom-pack-alert {
  animation: nomPackPulse .45s ease-in-out 3;
}

@keyframes nomPackPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.03);
    filter: drop-shadow(0 0 18px rgba(255,63,147,.45));
  }

  100% {
    transform: scale(1);
  }
}
/* PACK CARD HOVER EFFECT */
.single-product .wapf-radios label {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease !important;
}

.single-product .wapf-radios label:hover {
  transform: translateY(-5px) scale(1.015) !important;
  box-shadow: 0 22px 42px rgba(255,63,147,.18) !important;
  border-color: #ff5bb0 !important;
}

/* PINK BAR GLOW */
.single-product .wapf-radios label:hover::before {
  box-shadow: 0 0 14px rgba(255,63,147,.55) !important;
}

/* CLICK FEEDBACK */
.single-product .wapf-radios label:active {
  transform: scale(.98) !important;
}
/* PACK SIZE HEADER FIX — ACTUAL WAPF STRUCTURE */
.single-product .wapf-field-row:has(.wapf-radios) > .wapf-field-label {
  grid-column: 1 / -1 !important;
  display: block !important;
  margin: 0 0 24px !important;
}

.single-product .wapf-field-row:has(.wapf-radios) > .wapf-field-label label,
.single-product .wapf-field-row:has(.wapf-radios) > .wapf-field-label label span {
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 56px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #111 !important;
}

/* KEEP PACK CARD TEXT NORMAL */
.single-product .wapf-radios .nom-pack-title {
  font-size: 30px !important;
  font-weight: 900 !important;
}

.single-product .wapf-radios .nom-pack-price {
  font-size: 42px !important;
  font-weight: 900 !important;
  color: #ff3f93 !important;
}
.nom-pack-heading {
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 48px !important;
  line-height: .95 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #111 !important;
  margin: 0 0 24px !important;

  text-align: center !important;
  width: 100% !important;
  display: block !important;
}
.nom-flavor-title {
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 56px !important;
  line-height: .95 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #111 !important;

  text-align: center !important;
  width: 100% !important;
  display: block !important;

  margin: 0 0 18px !important;
}
/* RESTORE QUANTITY SELECTOR TEXT */
.nom-qty-wrap input[type="number"],
.single-product .wapf .nom-qty-wrap input[type="number"],
.single-product .quantity input.qty {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 16px !important;
  color: #111 !important;
  background: #fff !important;
  text-indent: 0 !important;
  -webkit-text-fill-color: #111 !important;
}

/* KEEP PACK CARD ORIGINAL WAPF TEXT HIDDEN ONLY */
.single-product .wapf-radios label.nom-pack-card-ready > span {
  display: none !important;
}
/* FIX FLAVOR QUANTITY NUMBER VISIBILITY */
.single-product .wapf .nom-qty-wrap input[type="number"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 34px !important;
  min-height: 34px !important;
  color: #111 !important;
  background: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-align: center !important;
  line-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  -webkit-text-fill-color: #111 !important;
}

/* FIX ADD TO CART QUANTITY SELECTOR BACK TO HORIZONTAL */
.single-product form.cart .quantity {
  display: inline-grid !important;
  grid-template-columns: 38px 46px 38px !important;
  width: 122px !important;
  height: 34px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #ff3f93 !important;
  box-shadow: 0 8px 18px rgba(255,63,147,.22) !important;
  vertical-align: middle !important;
}

.single-product form.cart .quantity button,
.single-product form.cart .quantity .minus,
.single-product form.cart .quantity .plus {
  width: 38px !important;
  height: 34px !important;
  border: 0 !important;
  background: #ff3f93 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.single-product form.cart .quantity input.qty {
  width: 46px !important;
  height: 34px !important;
  border: 0 !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-text-fill-color: #111 !important;
}
/* SHOW PRODUCT TOTAL VALUES */
.single-product .wapf-product-totals,
.single-product .wapf-product-totals *,
.single-product .wapf-product-totals span,
.single-product .wapf-grand-total,
.single-product .wapf-options-total,
.single-product .wapf-product-total {
  color: #444 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* HIDE BROKEN WAPF TOTALS */
.wapf-product-totals {
  display: none !important;
}

/* CUSTOM MINI BOX TOTALS */
#nom-custom-totals {
  background: #fff7fb;
  border: 2px solid #ff3f93;
  border-radius: 16px;
  padding: 14px 16px;
  margin: -6px 0 22px;
  max-width: 360px;
}

#nom-custom-totals div {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 14px;
  color: #333;
}

#nom-custom-totals div:last-child {
  border-top: 1px solid rgba(255,63,147,.25);
  margin-top: 6px;
  padding-top: 10px;
  font-weight: 900;
}

#nom-custom-totals strong {
  color: #ff3f93;
}
/* SPACE BETWEEN CATEGORY & TOTALS BOX */
.single-product .wapf-field-row.nom-accordion-header {
  margin-bottom: 32px !important;
}
/* =========================
   MINI BOX HERO
========================= */

.nn-byo-mini-hero{
  width:100vw;
  margin-left:calc(50% - 50vw);

  background-image:url('https://nomnomcupcakes.com/wp-content/uploads/2026/05/NN_Image_BYOMiniHero.png');
  background-size:cover;
  background-position:60% center;

  min-height:700px;

  display:flex;
  align-items:center;

  padding:80px 8%;
  margin-bottom: 80px;
}

.nn-byo-mini-hero-content{
  max-width:600px;
}

.nn-byo-mini-hero h1{
  color:#fff;
  font-size:clamp(54px,7vw,110px);
  line-height:.88;
  margin:0 0 20px;
  text-transform:uppercase;
  text-shadow:5px 5px 0 #000;
}

.nn-byo-mini-tagline{
  display:inline-block;

  background:#ffe100;

  color:#111;

  font-size:28px;
  font-weight:900;

  padding:10px 24px;

  transform:rotate(-3deg);

  box-shadow:4px 4px 0 #000;

  margin-bottom:25px;
}

/* BYO Hero CTA - Match Homepage Hero Button */
.nn-byo-mini-btn{

  display:inline-block;

  background: linear-gradient(
    135deg,
    #f5339b 0%,
    #a64dff 52%,
    #20bfff 100%
  ) !important;

  color:#fff !important;

  border:4px solid #fff !important;
  border-radius:999px !important;

  padding:14px 36px !important;

  font-size:24px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;

  text-decoration:none !important;

  box-shadow:0 8px 0 rgba(0,0,0,.35) !important;

  transition:all .25s ease !important;
}

.nn-byo-mini-btn:hover{

  transform:translateY(-3px) scale(1.03);

  filter:brightness(1.08);

  box-shadow:
    0 10px 20px rgba(0,0,0,.25),
    0 0 20px rgba(245,51,155,.45) !important;
}
/* Remove space between header and hero */
.site-main,
.content-area,
.entry-content-wrap,
.entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If Kadence is adding page title spacing */
body.postid-40804 .entry-hero,
body.postid-40804 .page-header,
body.postid-40804 .entry-header {
    display: none !important;
}

/* Make first hero section sit directly under nav */
.nn-byo-mini-hero,
.nn-byo-hero,
.wp-block-cover:first-child,
.entry-content > *:first-child {
  margin-top: 0 !important;
}
/* White background for Build Your Mini Box section */
body.single-product #primary,
body.single-product .content-area,
body.single-product .woocommerce,
body.single-product div.product {
    background: #ffffff !important;
}

/* Remove Kadence beige background */
body.single-product,
body.single-product #wrapper,
body.single-product #inner-wrap,
body.single-product .site-main {
    background: #ffffff !important;
}
/* PICK FOR ME - TRUE/FALSE FIELD */
.single-product .nom-pick-for-me {
  background: #fff7fb !important;
  border: 3px solid #ff3f93 !important;
  border-radius: 20px !important;
  padding: 22px 24px !important;
  margin: 22px 0 30px !important;
  box-shadow: 0 14px 30px rgba(255,63,147,.12) !important;
}

.single-product .nom-pick-for-me .wapf-field-label label {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #111 !important;
  text-transform: uppercase !important;
}

.single-product .nom-pick-for-me .wapf-field-input {
  margin-top: 10px !important;
}

.single-product .nom-pick-for-me .wapf-field-input label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #333 !important;
  line-height: 1.35 !important;
}

.single-product .nom-pick-for-me input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
  accent-color: #ff3f93 !important;
}

/* NN MINI PACK FINAL OVERRIDE 2026 */

@media (max-width: 767px) {
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 24px 0 34px !important;
    overflow: visible !important;
    background: transparent !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready)::before,
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready)::after,
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-field-label::before,
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-field-label::after,
  html body.single-product.postid-40804 .wapf-radios:has(.nom-pack-card-ready)::before,
  html body.single-product.postid-40804 .wapf-radios:has(.nom-pack-card-ready)::after {
    content: none !important;
    display: none !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .nom-pack-heading {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: calc(100% - 44px) !important;
    max-width: none !important;
    margin: 0 22px 26px !important;
    padding: 0 !important;
    transform: none !important;
    color: #ffffff !important;
    font-family: "Bebas Neue", Oswald, Impact, sans-serif !important;
    font-size: clamp(46px, 13vw, 58px) !important;
    font-weight: 400 !important;
    line-height: .95 !important;
    letter-spacing: .01em !important;
    text-align: left !important;
    text-shadow: none !important;
    white-space: normal !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-radios {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 6px 52px 28px 22px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 22px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-radios::-webkit-scrollbar {
    display: none !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable {
    position: relative !important;
    display: block !important;
    flex: 0 0 calc(100vw - 96px) !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 276px !important;
    max-width: 340px !important;
    min-height: 388px !important;
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-align: start !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable::before,
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-input-label.nom-pack-card-ready {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 388px !important;
    height: 388px !important;
    margin: 0 !important;
    padding: 48px 18px 20px !important;
    overflow: hidden !important;
    border: 8px solid #ffffff !important;
    border-radius: 30px !important;
    background: #160f18 !important;
    box-shadow: 13px 15px 0 #ff3f92 !important;
    color: #ffffff !important;
    transform: none !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:nth-child(1) .wapf-input-label::before { content: "MINI STARTER" !important; }
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:nth-child(2) .wapf-input-label::before { content: "SWEET DOZEN" !important; }
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:nth-child(3) .wapf-input-label::before { content: "PARTY READY" !important; }
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:nth-child(4) .wapf-input-label::before { content: "CELEBRATION" !important; }
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:nth-child(5) .wapf-input-label::before { content: "BIG BASH" !important; }
  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:nth-child(6) .wapf-input-label::before { content: "FACTORY FEAST" !important; }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-input-label.nom-pack-card-ready::before {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 68% !important;
    min-height: 46px !important;
    margin: 0 auto 20px !important;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #efff00 !important;
    box-shadow: none !important;
    color: #160f18 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    white-space: nowrap !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-label-text::before {
    font-size: clamp(72px, 21vw, 96px) !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-label-text::after {
    margin-top: 18px !important;
    font-size: 68px !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-input-label.nom-pack-card-ready::after {
    content: "TAP TO SELECT" !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 84% !important;
    min-height: 56px !important;
    margin: auto auto 0 !important;
    padding: 12px 14px !important;
    border: 5px solid #ffffff !important;
    border-radius: 999px !important;
    background: #2dc3e2 !important;
    box-shadow: 0 9px 0 #ff3f92, 0 0 22px rgba(45,195,226,.4) !important;
    color: #160f18 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    white-space: nowrap !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:has(.wapf-input:checked) .wapf-input-label.nom-pack-card-ready {
    border-color: #efff00 !important;
    box-shadow: 13px 15px 0 #2db8e8 !important;
  }

  html body.single-product.postid-40804 .wapf-field-container.wapf-field-radio:has(.nom-pack-card-ready) .wapf-checkable:has(.wapf-input:checked) .wapf-input-label.nom-pack-card-ready::after {
    content: "SELECTED ✓" !important;
    background: #efff00 !important;
  }
}

/* END NN MINI PACK FINAL OVERRIDE 2026 */


/* NN MINI PACK SINGLE LAYER FIX 2026 */
@media (max-width:767px){
html body.postid-40804 #product-40804 .wapf-radios .wapf-checkable{
  border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:430px!important;min-height:430px!important;
}
html body.postid-40804 #product-40804 .wapf-radios .wapf-checkable::before,
html body.postid-40804 #product-40804 .wapf-radios .wapf-checkable::after,
html body.postid-40804 #product-40804 .wapf-input-label.nom-pack-card-ready::before,
html body.postid-40804 #product-40804 .wapf-input-label.nom-pack-card-ready::after{
  content:none!important;display:none!important;
}
html body.postid-40804 #product-40804 .wapf-input-label.nom-pack-card-ready{
  position:static!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:430px!important;min-height:430px!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.postid-40804 #product-40804 .nom-pack-card-content{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;width:100%!important;height:410px!important;min-height:410px!important;margin:0!important;padding:52px 18px 20px!important;overflow:hidden!important;border:8px solid #fff!important;border-radius:30px!important;background:#160f18!important;box-shadow:14px 16px 0 #ff3f92!important;transform:none!important;
}
html body.postid-40804 #product-40804 .nom-pack-card-content::before{
  position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:68%!important;min-height:48px!important;margin:0 auto 22px!important;padding:10px 18px!important;border:0!important;border-radius:999px!important;background:#efff00!important;box-shadow:none!important;color:#160f18!important;font:900 14px/1 Arial,sans-serif!important;letter-spacing:.12em!important;white-space:nowrap!important;
}
html body.postid-40804 #product-40804 .wapf-checkable:nth-child(1) .nom-pack-card-content::before{content:"MINI STARTER"!important}
html body.postid-40804 #product-40804 .wapf-checkable:nth-child(2) .nom-pack-card-content::before{content:"SWEET DOZEN"!important}
html body.postid-40804 #product-40804 .wapf-checkable:nth-child(3) .nom-pack-card-content::before{content:"PARTY READY"!important}
html body.postid-40804 #product-40804 .wapf-checkable:nth-child(4) .nom-pack-card-content::before{content:"CELEBRATION"!important}
html body.postid-40804 #product-40804 .wapf-checkable:nth-child(5) .nom-pack-card-content::before{content:"BIG BASH"!important}
html body.postid-40804 #product-40804 .wapf-checkable:nth-child(6) .nom-pack-card-content::before{content:"FACTORY FEAST"!important}
html body.postid-40804 #product-40804 .nom-pack-title{
  display:block!important;margin:0!important;color:#fff!important;font:400 clamp(76px,22vw,100px)/.88 "Bebas Neue",Oswald,Impact,sans-serif!important;letter-spacing:-.02em!important;text-align:center!important;white-space:nowrap!important;
}
html body.postid-40804 #product-40804 .nom-pack-price{
  display:block!important;margin:20px 0 0!important;color:#ff3f92!important;font:400 70px/.9 "Bebas Neue",Oswald,Impact,sans-serif!important;text-align:center!important;white-space:nowrap!important;
}
html body.postid-40804 #product-40804 .nom-pack-card-content::after{
  content:"TAP TO SELECT"!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:84%!important;min-height:58px!important;margin:auto auto 0!important;padding:12px 14px!important;border:5px solid #fff!important;border-radius:999px!important;background:#2dc3e2!important;box-shadow:0 9px 0 #ff3f92,0 0 22px rgba(45,195,226,.4)!important;color:#160f18!important;font:900 14px/1 Arial,sans-serif!important;letter-spacing:.12em!important;white-space:nowrap!important;
}
html body.postid-40804 #product-40804 .wapf-checkable:has(.wapf-input:checked) .nom-pack-card-content{border-color:#efff00!important;box-shadow:14px 16px 0 #2db8e8!important}
html body.postid-40804 #product-40804 .wapf-checkable:has(.wapf-input:checked) .nom-pack-card-content::after{content:"SELECTED"!important;background:#efff00!important}
}
/* END NN MINI PACK SINGLE LAYER FIX 2026 */


/* NN MINI PACK CTA WHITE CENTER 2026 */
@media (max-width:767px){
html body.postid-40804 #product-40804 .nom-pack-card-content::after{
  color:#ffffff!important;
  padding:15px 14px 11px!important;
  line-height:1.08!important;
}
}
/* END NN MINI PACK CTA WHITE CENTER 2026 */

/* NN MINI CTA RESTORE WHITE CENTER 2026 */
@media (max-width:767px){
html body.postid-40804 #product-40804 .nom-pack-card-content::after{
content:"TAP TO SELECT"!important;
display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
width:84%!important;min-height:58px!important;margin:auto auto 0!important;padding:15px 14px 11px!important;
border:5px solid #fff!important;border-radius:999px!important;background:#2dc3e2!important;box-shadow:0 9px 0 #ff3f92,0 0 22px rgba(45,195,226,.4)!important;
color:#fff!important;font:900 14px/1 Arial,sans-serif!important;letter-spacing:.12em!important;white-space:nowrap!important;
}
}
/* END NN MINI CTA RESTORE WHITE CENTER 2026 */


/* BUILD A MINI — FINAL MOBILE FLAVOR CARD GUTTERS */
@media (max-width: 767px) {
  html body.postid-40804 #product-40804 .wapf-field-row.nom-accordion-body {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 18px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  html body.postid-40804 #product-40804 .wapf-field-row.nom-accordion-body:last-child {
    margin-bottom: 28px !important;
  }
}
/* END BUILD A MINI — FINAL MOBILE FLAVOR CARD GUTTERS */

/* BUILD A MINI — FINAL MOBILE FLAVOR CARDS */
@media screen and (max-width: 767px) {

  /* Compact, wider card */
  html body.single-product.postid-40804
  #product-40804
  #nom-flavor-heading ~ .wapf-field-row.nom-accordion-body {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;

    width: calc(100% + 32px) !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;

/* Widen equally in both directions */
margin: 10px -16px 18px !important;


padding: 16px !important;

position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
  }

  /* Preserve collapsed accordion behavior */
  html body.single-product.postid-40804
  #product-40804
  #nom-flavor-heading ~
  .wapf-field-row.nom-accordion-body[style*="display: none"] {
    display: none !important;
  }

  /* Image and quantity column */
  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .nom-flavor-left {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
  }

  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .nom-flavor-media {
    width: 78px !important;
    height: 78px !important;
    margin: 0 auto 8px !important;
  }

  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .nom-flavor-thumb {
    width: 78px !important;
    height: 78px !important;
  }

  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .nom-qty-wrap {
    width: 112px !important;
    max-width: 112px !important;
    margin: 0 auto !important;
  }

/* Text column */
html body.single-product.postid-40804
#product-40804
.nom-accordion-body > .wapf-field-container {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

  /* Keep flavor title on one line */
  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .wapf-field-label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 7px !important;
  }

  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .wapf-field-label label,
  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .wapf-field-label span {
    display: block !important;
    width: 100% !important;
    font-size: clamp(15px, 4.2vw, 18px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Display the complete description */
  html body.single-product.postid-40804
  #product-40804
  .nom-accordion-body .wapf-field-description {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;

    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;

    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}
/* END BUILD A MINI — FINAL MOBILE FLAVOR CARDS */

