.mp-box-builder { margin: 1.5rem 0; padding: clamp(1rem, 3vw, 2rem); border: 2px solid #0d73d9; border-radius: 24px; background: #fff; color: #06275f; }
.mp-box-builder__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.mp-box-builder__heading h2 { margin: 0; color: #06275f; font-size: clamp(1.5rem, 4vw, 2.4rem); }
.mp-box-builder__eyebrow { margin: 0 0 .25rem; color: #e83f68; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.mp-box-builder__size { margin: .35rem 0 0; color: #426082; font-weight: 750; }
.mp-box-builder__counter { flex: 0 0 auto; padding: .65rem 1rem; border-radius: 999px; background: #eaf5ff; font-size: 1.25rem; }
.mp-box-builder__progress { height: 12px; margin: 1rem 0 .5rem; overflow: hidden; border-radius: 999px; background: #e7edf5; }
.mp-box-builder__progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #0d73d9, #45a9ff); transition: width .2s ease; }
.mp-box-builder.is-complete .mp-box-builder__progress span { background: #20a66a; }
.mp-box-builder__message { font-weight: 700; }
.mp-trait { --trait-color: #0875d1; display: inline-flex; color: var(--trait-color); font-weight: 850; line-height: 1; }
.mp-trait__icon { position: relative; display: inline-grid; place-items: center; border-radius: 50%; filter: drop-shadow(0 3px 4px rgba(4, 34, 74, .2)); transform: rotate(-3deg); }
.mp-trait__icon svg { width: 100%; height: 100%; overflow: visible; }
.mp-trait--creamy { --trait-color: #2678c9; }
.mp-trait--fruity { --trait-color: #ec7b19; }
.mp-trait--filled { --trait-color: #d83f70; }
.mp-trait--dairy-free { --trait-color: #7d4db5; }
.mp-trait--no-sugar-added { --trait-color: #18938b; }
.mp-trait--vegan { --trait-color: #35a52e; }
.mp-box-builder__flavors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.mp-flavor { position: relative; display: grid; grid-template-columns: 68px 68px minmax(0, 1fr) auto; align-items: center; gap: .65rem; min-height: 92px; padding: .55rem .75rem .55rem .45rem; border: 1px solid #cbd9ea; border-radius: 16px; }
.mp-flavor__image img { display: block; width: 68px; height: 68px; border-radius: 12px; object-fit: cover; }
.mp-flavor__name { font-weight: 800; }
.mp-flavor__name small { display: block; color: #a33; font-size: .75rem; text-transform: uppercase; }
.mp-flavor__details { min-width: 0; }
.mp-flavor__traits { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: .25rem; }
.mp-trait.is-stamp { position: relative; cursor: help; outline: none; }
.mp-trait.is-stamp .mp-trait__icon { width: 64px; height: 64px; transform: rotate(-11deg); transform-origin: center; transition: transform .24s cubic-bezier(.2, .8, .2, 1.2), filter .2s ease; }
.mp-trait.is-stamp:nth-child(even) .mp-trait__icon { transform: rotate(9deg); }
.mp-trait.is-stamp:nth-child(3n) .mp-trait__icon { transform: rotate(-7deg); }
.mp-trait.is-stamp .mp-trait__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mp-trait.is-stamp::after { position: absolute; z-index: 20; top: 50%; left: calc(100% + 9px); padding: .42rem .58rem; border-radius: 8px; background: #06275f; box-shadow: 0 5px 14px rgba(4, 34, 74, .22); color: #fff; content: attr(data-label); font-size: .72rem; font-weight: 800; line-height: 1; opacity: 0; pointer-events: none; transform: translate(-5px, -50%); transition: opacity .15s ease, transform .15s ease; white-space: nowrap; }
.mp-trait.is-stamp::before { position: absolute; z-index: 21; top: 50%; left: calc(100% + 3px); border: 6px solid transparent; border-right-color: #06275f; content: ''; opacity: 0; transform: translateY(-50%); transition: opacity .15s ease; }
.mp-trait.is-stamp:hover .mp-trait__icon, .mp-trait.is-stamp:focus .mp-trait__icon { filter: saturate(1.25) drop-shadow(0 5px 5px rgba(4, 34, 74, .25)); transform: rotate(0deg) scale(1.12); }
.mp-trait.is-stamp:hover::after, .mp-trait.is-stamp:hover::before, .mp-trait.is-stamp:focus::after, .mp-trait.is-stamp:focus::before { opacity: 1; }
.mp-trait.is-stamp:hover::after, .mp-trait.is-stamp:focus::after { transform: translate(0, -50%); }
.mp-flavor.is-sold-out { opacity: .5; background: #f4f5f7; }
.mp-flavor__controls { display: grid; grid-template-columns: 42px 38px 42px; align-items: center; text-align: center; }
.mp-flavor button { width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: #0d73d9; color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.mp-flavor output { font-size: 1.15rem; font-weight: 900; }
@media (max-width: 640px) { .mp-box-builder__flavors { grid-template-columns: 1fr; } .mp-box-builder__heading { align-items: flex-start; } }
.mp-pickup { margin: 1.5rem 0; padding: 1.25rem; border: 2px solid #0d73d9; border-radius: 18px; background: #f7fbff; color: #06275f; }
.mp-pickup h3 { margin: 0 0 .35rem; color: #06275f; font-size: 1.45rem; }
.mp-pickup > p { margin: 0 0 1rem; color: #426082; }
.mp-pickup .form-row { margin-bottom: .85rem; }
.mp-pickup select { min-height: 48px; border: 1px solid #a9bfd7; border-radius: 10px; background: #fff; }

/* Give build-a-box products the room of a real shopping experience. */
.single-product #main-content > .container { width: min(1320px, 92vw); max-width: none; padding-top: 54px; }
.single-product #main-content .container::before { display: none; }
.single-product #left-area { width: 100%; padding: 0; }
.single-product #sidebar { display: none; }
.single-product div.product { display: block; }
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary { min-width: 0; }
.single-product div.product .woocommerce-product-gallery { position: sticky; top: 90px; float: left !important; width: 36% !important; margin: 0 0 3rem !important; }
.single-product div.product .summary { float: right !important; width: 59% !important; margin: 0 0 3rem !important; }
.single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .upsells { clear: both; width: 100%; }
.single-product div.product .summary .product_title { overflow-wrap: normal; word-break: normal; }
.single-product .mp-box-builder { width: 100%; max-width: none; }
.single-product .mp-box-builder__flavors { grid-template-columns: 1fr; }
.single-product .mp-flavor { grid-template-columns: 68px 76px minmax(180px, 1fr) 118px; min-width: 0; min-height: 104px; padding: .7rem 1rem .7rem .6rem; }
.single-product .mp-flavor__image img { width: 72px; height: 82px; object-fit: contain; }
.single-product .mp-flavor__name { overflow-wrap: normal; word-break: normal; line-height: 1.15; font-size: 1.05rem; }
.single-product .mp-flavor__controls { justify-self: end; }
.mp-box-product div.product .summary > .product_title { display: none; }
.mp-box-product div.product .woocommerce-product-gallery,
.mp-box-product div.product .woocommerce-product-gallery__wrapper,
.mp-box-product div.product .woocommerce-product-gallery__image,
.mp-box-product div.product .woocommerce-product-gallery__image a,
.mp-box-product div.product .woocommerce-product-gallery__image img { max-width: 100% !important; }
.mp-box-product div.product .woocommerce-product-gallery__image img { width: 100% !important; height: auto !important; object-fit: contain; }

@media (max-width: 1180px) {
  .single-product div.product .woocommerce-product-gallery { width: 34% !important; }
  .single-product div.product .summary { width: 62% !important; }
  .mp-box-builder__flavors { grid-template-columns: 1fr; }
}

/* Selected-paleta sizing for desktop and mobile previews. */
@media (min-width: 701px) {
  .mp-box-builder--split .mp-split-slots span.is-filled > i { transform: translateY(8%) scale(1.3); }
}
@media (max-width: 700px) {
  .mp-box-builder--split .mp-split-summary.is-open .mp-split-slots span.is-filled > i { transform: translateY(8%) scale(1.2); }
}

/* 1.0.13 — compact mobile add-to-cart notice and cart */
.mp-box-product .woocommerce-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1rem 0 1.5rem !important;
  padding: 1rem 1.15rem !important;
  border: 0 !important;
  border-radius: 18px;
  background: #ef334f !important;
  box-shadow: 0 12px 28px rgba(239, 51, 79, .22);
  color: #fff !important;
  font-weight: 750;
  line-height: 1.35;
}
.mp-box-product .woocommerce-message::before { color: #fff !important; }
.mp-box-product .woocommerce-message .button {
  order: 2;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: .7rem 1rem !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #6b3f2a !important;
  font-size: .82rem !important;
  white-space: nowrap;
}

body.woocommerce-cart .entry-title { display: none !important; }
body.woocommerce-cart #main-content > .container { padding-top: 14px !important; }
body.woocommerce-cart table.shop_table td.product-remove { width: 122px; text-align: center; }
body.woocommerce-cart table.shop_table td.product-remove a.remove { display: inline-flex !important; width: auto !important; height: 38px !important; align-items: center; justify-content: center; padding: 0 1rem !important; border-radius: 999px !important; background: #ef334f !important; color: transparent !important; font-size: 0 !important; line-height: 1 !important; }
body.woocommerce-cart table.shop_table td.product-remove a.remove::after { color: #fff; content: 'Delete box'; font-size: .72rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
body.woocommerce-cart table.shop_table .product-thumbnail { width: 132px; padding: 12px !important; }
.mp-cart-box-art { box-sizing: border-box; display: grid; width: 112px; height: 112px; align-content: center; justify-items: center; overflow: hidden; padding: 10px; border: 2px solid #d69a65; border-radius: 18px; background: linear-gradient(145deg,#d9a06d,#b96f3f); color: #fff; box-shadow: 0 9px 20px rgba(107,63,42,.2); line-height: 1; text-align: center; }
.mp-cart-box-art small { font-size: .55rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.mp-cart-box-art strong { margin: 2px 0; color: #fff; font-size: 3.6rem; font-weight: 950; letter-spacing: -.08em; line-height: .9; }
.mp-cart-box-art b { font-size: .65rem; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; }
body.woocommerce-cart table.shop_table td.product-quantity input.qty { min-width: 72px !important; min-height: 54px !important; padding: .4rem !important; border: 0 !important; border-radius: 12px !important; background: #6b3f2a !important; color: #fff !important; font-size: 1.18rem !important; font-weight: 850 !important; text-align: center !important; }
body.woocommerce-cart table.shop_table td.actions .coupon .input-text { min-height: 48px !important; padding: .55rem .9rem !important; border: 0 !important; border-radius: 12px !important; background: #6b3f2a !important; color: #fff !important; font-weight: 800 !important; }
body.woocommerce-cart table.shop_table td.actions .coupon .input-text::placeholder { color: #fff !important; opacity: .86; }
body.woocommerce-cart table.shop_table td.actions .coupon button[name="apply_coupon"] { border: 0 !important; border-radius: 12px !important; background: #ef334f !important; color: #fff !important; font-weight: 900 !important; }
body.woocommerce-cart table.shop_table td.actions > button[name="update_cart"] { min-height: 48px !important; padding: .55rem 1.15rem !important; border: 0 !important; border-radius: 12px !important; background: #6b3f2a !important; color: #fff !important; font-weight: 900 !important; }
.mp-next-day-notice { box-sizing: border-box; display: grid; gap: .28rem; width: min(1320px,92vw); margin: 24px auto; padding: 1.15rem 1.35rem; border: 3px solid #ff9a00; border-radius: 18px; background: #ef334f; color: #fff; box-shadow: 0 12px 28px rgba(239,51,79,.22); text-align: center; }
.mp-next-day-notice strong { color: #fff; font-size: 1.25rem; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; }
.mp-next-day-notice span { color: #fff; font-size: 1.05rem; font-weight: 850; }
.mp-next-day-notice small { color: #fff; font-size: .82rem; font-weight: 750; }

@media (max-width: 700px) {
  .mp-next-day-notice { width: calc(100% - 24px); margin: 14px auto; padding: 1rem; }
  .mp-next-day-notice strong { font-size: 1rem; }
  .mp-next-day-notice span { font-size: .9rem; }
  .mp-box-product .woocommerce-message { align-items: stretch; flex-direction: column; margin: .7rem 12px 1rem !important; padding: .9rem !important; font-size: .9rem; text-align: center; }
  .mp-box-product .woocommerce-message .button { width: 100%; text-align: center; }
  body.woocommerce-cart #main-content > .container { padding-top: 12px !important; }
  body.woocommerce-cart #left-area { padding-bottom: 24px !important; }
  body.woocommerce-cart .woocommerce-cart-form { margin-top: 0 !important; padding: .7rem !important; }
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart table.shop_table { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin-top: 0 !important; overflow: hidden !important; }
  body.woocommerce-cart table.shop_table tr.cart_item { padding: .65rem .75rem 1rem !important; border: 1px solid #ead5c4 !important; border-radius: 18px; background: #fff; }
  body.woocommerce-cart table.shop_table td.product-remove { display: flex !important; align-items: center; justify-content: space-between; padding: 0 0 .65rem !important; border-bottom: 1px solid #ead5c4 !important; text-align: left !important; }
  body.woocommerce-cart table.shop_table td.product-remove::before { float: none !important; color: #6b3f2a; content: 'Your cart' !important; font-size: 1.05rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
  body.woocommerce-cart table.shop_table td.product-remove a.remove { display: inline-flex !important; width: auto !important; height: 34px !important; align-items: center; justify-content: center; padding: 0 .85rem !important; border-radius: 999px !important; background: #ef334f !important; color: transparent !important; font-size: 0 !important; line-height: 1 !important; }
  body.woocommerce-cart table.shop_table td.product-remove a.remove::after { color: #fff; content: 'Delete box'; font-size: .72rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
  body.woocommerce-cart table.shop_table td.product-name { display: grid !important; min-width: 0 !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .6rem; }
  body.woocommerce-cart table.shop_table td.product-name::before { float: none !important; }
  body.woocommerce-cart table.shop_table td.product-name > a { min-width: 0; max-width: 100%; overflow: hidden; color: #6b3f2a !important; font-size: .82rem; font-weight: 850; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
  body.woocommerce-cart table.shop_table td.product-name dl.variation { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .75rem; width: 100%; margin: .55rem 0 0 !important; }
  body.woocommerce-cart table.shop_table td.product-name dl.variation dt,
  body.woocommerce-cart table.shop_table td.product-name dl.variation dd { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
  body.woocommerce-cart table.shop_table td.product-name dl.variation dt { color: #6b3f2a; font-weight: 850; text-align: left; }
  body.woocommerce-cart table.shop_table td.product-name dl.variation dd,
  body.woocommerce-cart table.shop_table td.product-name dl.variation dd p { text-align: right; }
  body.woocommerce-cart table.shop_table td.product-name dl.variation dd p { margin: 0 !important; }
  body.woocommerce-cart table.shop_table .product-thumbnail { display: flex !important; width: 100% !important; justify-content: center; padding: .8rem 0 .35rem !important; }
  body.woocommerce-cart .mp-cart-box-art { width: 150px; height: 150px; border-radius: 22px; }
  body.woocommerce-cart .mp-cart-box-art small { font-size: .68rem; }
  body.woocommerce-cart .mp-cart-box-art strong { font-size: 5rem; }
  body.woocommerce-cart .mp-cart-box-art b { font-size: .78rem; }
  body.woocommerce-cart table.shop_table td.product-quantity input.qty { min-width: 72px !important; min-height: 58px !important; padding: .35rem !important; border: 0 !important; border-radius: 10px !important; background: #6b3f2a !important; color: #fff !important; font-size: 1.25rem !important; font-weight: 850 !important; text-align: center !important; }
  body.woocommerce-cart table.shop_table td.actions { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; padding: .75rem !important; overflow: hidden !important; text-align: left !important; }
  body.woocommerce-cart table.shop_table td.actions .coupon { box-sizing: border-box !important; display: flex !important; float: none !important; width: 100% !important; max-width: 100% !important; align-items: stretch; flex-wrap: nowrap !important; gap: .45rem; margin: 0 !important; text-align: left !important; }
  body.woocommerce-cart table.shop_table td.actions .coupon label { position: absolute !important; }
  body.woocommerce-cart table.shop_table td.actions .coupon .input-text { box-sizing: border-box !important; float: none !important; min-width: 0 !important; width: 0 !important; max-width: none !important; min-height: 42px !important; flex: 1 1 0; margin: 0 !important; padding: .5rem .7rem !important; border: 0 !important; border-radius: 10px !important; background: #6b3f2a !important; color: #fff !important; font-size: .9rem !important; font-weight: 800 !important; }
  body.woocommerce-cart table.shop_table td.actions .coupon .input-text::placeholder { color: #fff !important; opacity: .82; }
  body.woocommerce-cart table.shop_table td.actions .coupon .button { box-sizing: border-box !important; float: none !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; min-height: 42px !important; flex: 0 0 76px; margin: 0 !important; padding: .45rem !important; border-radius: 10px !important; background: #ef334f !important; color: #fff !important; font-size: .78rem !important; font-weight: 900 !important; letter-spacing: .04em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap; }
  body.woocommerce-cart table.shop_table td.actions .coupon .button::after { display: none !important; content: none !important; }
  body.woocommerce-cart table.shop_table td.actions > button[name="update_cart"] { display: none !important; }
}

/* 1.0.20 — required pickup acknowledgement at checkout */
.mp-pickup-acknowledgement { margin: 0 0 1.25rem; padding: 1rem 1.1rem; border-radius: 16px; background: #ef334f; box-shadow: 0 10px 26px rgba(239,51,79,.2); color: #fff; }
.mp-pickup-acknowledgement label { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: start; gap: .8rem; margin: 0; cursor: pointer; }
.mp-pickup-acknowledgement input { width: 24px; height: 24px; margin: .1rem 0 0; accent-color: #6b3f2a; }
.mp-pickup-acknowledgement span { display: grid; gap: .3rem; }
.mp-pickup-acknowledgement strong { color: #fff; font-size: .92rem; font-weight: 950; letter-spacing: .035em; line-height: 1.2; text-transform: uppercase; }
.mp-pickup-acknowledgement small { color: #fff; font-size: .85rem; font-weight: 700; line-height: 1.4; }
body.mp-pickup-gated { overflow: hidden !important; }
body.mp-pickup-gated::before { position: fixed; z-index: 999997; inset: 0; background: rgba(25,13,8,.72); backdrop-filter: blur(2px); content: ''; }
body.mp-pickup-gated .mp-pickup-acknowledgement { position: fixed; z-index: 999998; top: 50%; left: 50%; width: min(520px,calc(100vw - 30px)); margin: 0; padding: 1.25rem; transform: translate(-50%,-50%); box-shadow: 0 22px 70px rgba(0,0,0,.4); }
body.woocommerce-checkout ul.woocommerce-error { display: grid !important; gap: .55rem; margin: 0 0 1rem !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; list-style: none !important; }
body.woocommerce-checkout ul.woocommerce-error::before { display: none !important; }
body.woocommerce-checkout ul.woocommerce-error li { margin: 0 !important; padding: .72rem .85rem !important; border: 1px solid #f5a3b0; border-left: 5px solid #ef334f; border-radius: 11px; background: #fff5f7; color: #c81735 !important; font-size: .86rem; font-weight: 800; line-height: 1.35; box-shadow: 0 5px 14px rgba(239,51,79,.08); }
body.woocommerce-checkout ul.woocommerce-error li a,
body.woocommerce-checkout ul.woocommerce-error li strong { color: #c81735 !important; font-weight: 950; }
body.woocommerce-checkout .entry-title { display: none !important; }
body.woocommerce-checkout #main-content > .container { padding-top: 14px !important; }
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon { display: none !important; }

@media (max-width: 700px) {
  .mp-pickup-acknowledgement { margin: 0 0 .85rem; padding: .9rem; border-radius: 14px; }
  .mp-pickup-acknowledgement label { grid-template-columns: 25px minmax(0,1fr); gap: .65rem; }
  .mp-pickup-acknowledgement input { width: 22px; height: 22px; }
  .mp-pickup-acknowledgement strong { font-size: .8rem; }
  .mp-pickup-acknowledgement small { font-size: .76rem; }
  body.mp-pickup-gated .mp-pickup-acknowledgement { padding: 1rem; }
  body.woocommerce-checkout ul.woocommerce-error li { font-size: .78rem; }
}

@media (max-width: 780px) {
  .single-product #main-content > .container { width: 100%; padding: 28px 18px 0; }
  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary { position: static; float: none !important; width: 100% !important; margin-bottom: 1.35rem !important; }
  .single-product div.product .summary .product_title { font-size: clamp(1.8rem, 8vw, 2.35rem); line-height: 1.06; }
  .mp-box-builder { padding: 1rem; border-radius: 20px; }
  .mp-box-builder__heading { align-items: flex-start; }
  .mp-box-builder__heading h2 { font-size: 1.7rem; line-height: 1.05; }
  .mp-box-builder__counter { padding: .55rem .7rem; font-size: 1rem; }
  .mp-flavor { grid-template-columns: 48px 52px minmax(0, 1fr) auto; min-height: 78px; gap: .5rem; padding: .5rem; }
  .mp-trait.is-stamp .mp-trait__icon { width: 46px; height: 46px; }
  .mp-flavor__image img { width: 52px; height: 58px; }
  .mp-flavor__name { font-size: .95rem; }
  .mp-flavor__controls { grid-template-columns: 36px 28px 36px; }
  .mp-flavor button { width: 36px; height: 36px; font-size: 1.3rem; }
  .mp-flavor output { font-size: 1rem; }
}

@media (max-width: 430px) {
  .single-product #main-content > .container { padding-inline: 12px; }
  .mp-flavor { grid-template-columns: 42px 46px minmax(72px, 1fr) auto; gap: .35rem; }
  .mp-trait.is-stamp .mp-trait__icon { width: 40px; height: 40px; }
  .mp-flavor__image img { width: 46px; height: 52px; }
  .mp-flavor__controls { grid-template-columns: 32px 22px 32px; }
  .mp-flavor button { width: 32px; height: 32px; }
}

/* Experimental Split V2. Existing Classic products do not use these rules. */
.mp-box-product--split #main-header,
.mp-box-product--split #main-header.et-fixed-header { background: #6b3f2a !important; box-shadow: none !important; }
.mp-box-product--split #main-header #top-menu a,
.mp-box-product--split #main-header .mobile_menu_bar::before,
.mp-box-product--split #main-header .et-cart-info { color: #fff !important; }
.mp-box-product--split .mp-pickup-announcement { width: 100%; padding: .52rem 1rem; background: #f28c00; color: #fff; font-size: .8rem; font-weight: 850; letter-spacing: .02em; line-height: 1.2; text-align: center; }
.mp-box-product--split .woocommerce-breadcrumb { display: none !important; }
.mp-box-product--split #main-content > .container { padding-top: 24px; }
.mp-box-product--split div.product .woocommerce-product-gallery { display: none !important; }
.mp-box-product--split div.product .summary { position: relative; left: 32px; float: none !important; width: min(1250px, 100%) !important; max-width: 1250px; margin: 0 auto 3rem !important; }
.mp-box-product--split div.product .summary > .price { display: none; }
.mp-box-builder--split { padding: 0; border: 0; background: transparent; }
.mp-split-hero { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .25rem 1rem; margin-bottom: 1rem; padding: .9rem 1.25rem; border: 3px solid #f28c00; border-radius: 16px; background: #6b3f2a; box-shadow: 0 10px 26px rgba(107, 63, 42, .16); }
.mp-split-hero .mp-box-builder__eyebrow { grid-row: 1 / span 2; max-width: 95px; margin: 0; color: #ff4966; line-height: 1.2; }
.mp-split-hero h2 { margin: 0; color: #fff; font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1; }
.mp-split-hero > p:last-child { margin: 0; color: #fff; font-size: .92rem; }
.mp-split-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 370px); align-items: start; gap: clamp(1.25rem, 3vw, 2.5rem); }
.mp-split-catalog { min-width: 0; }
.mp-split-catalog__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.mp-split-catalog__heading h3 { margin: 0; color: #6b3f2a; font-size: 1.55rem; }
.mp-split-catalog__heading span { color: #8a6b57; font-weight: 750; }
.mp-split-flavors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.single-product .mp-flavor--large { display: grid; grid-template-columns: 1fr; grid-template-rows: 180px minmax(76px, auto) 44px; align-items: start; gap: .65rem; min-width: 0; min-height: 332px; padding: .85rem; overflow: hidden; border: 2px solid #ead9ca; border-radius: 18px; background: #fff; box-shadow: 0 7px 24px rgba(86, 51, 31, .07); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.mp-flavor--large:hover { border-color: #f28c00; box-shadow: 0 12px 30px rgba(107, 63, 42, .14); transform: translateY(-2px); }
.mp-flavor--large { cursor: pointer; }
.mp-flavor--large.has-selection { border-color: #f28c00; background: #fffaf4; }
.mp-flavor.is-monthly-special { border-color: #079b9a; background: linear-gradient(145deg, #e3fbff 0%, #e5fff1 58%, #cceff5 100%); box-shadow: 0 8px 25px rgba(0, 126, 142, .15); }
.mp-flavor.is-monthly-special:hover { border-color: #007f91; box-shadow: 0 13px 32px rgba(0, 126, 142, .24); }
.mp-flavor.is-monthly-special.has-selection { border-color: #006f83; background: linear-gradient(145deg, #d4f7ff 0%, #d8ffea 58%, #bce9f0 100%); box-shadow: 0 0 0 3px rgba(0, 132, 145, .16), 0 13px 32px rgba(0, 126, 142, .2); }
.mp-flavor__monthly-badge { display: block; width: max-content; max-width: 100%; margin: .5rem auto 0; padding: .28rem .62rem; border-radius: 999px; background: #007f91; color: #fff !important; font-size: .66rem !important; font-weight: 950; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; }
.mp-flavor.is-monthly-special .mp-flavor__controls { border-color: #079b9a; background: rgba(255,255,255,.66); }
.mp-flavor.is-monthly-special .mp-flavor__controls button,.mp-flavor.is-monthly-special .mp-flavor__quantity,.mp-flavor.is-monthly-special .mp-flavor__controls output { color: #006f83; }
.mp-flavor--large .mp-flavor__image { display: grid; place-items: center; }
.mp-flavor--large .mp-flavor__image img { width: 100%; height: 180px; border-radius: 14px; object-fit: contain; }
.mp-flavor--large .mp-flavor__details { text-align: center; }
.mp-flavor--large .mp-flavor__name { color: #6b3f2a; font-size: clamp(1rem, 1.35vw, 1.3rem); line-height: 1.1; }
.mp-flavor__labels { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .65rem; }
.mp-flavor__labels { justify-content: center; }
.mp-flavor__labels span { padding: .28rem .5rem; border-radius: 999px; background: #f7eadf; color: #6b3f2a; font-size: .7rem; font-weight: 800; }
.mp-flavor--large .mp-flavor__controls { grid-template-columns: 42px minmax(30px, 1fr) 42px; justify-self: stretch; width: 100%; border: 1px solid #f28c00; border-radius: 10px; }
.mp-flavor--large .mp-flavor__controls button { background: transparent; color: #c86400; }
.mp-flavor__quantity { width: 100%; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: #6b3f2a; font: inherit; font-weight: 850; text-align: center; -moz-appearance: textfield; }
.mp-flavor__quantity::-webkit-inner-spin-button,.mp-flavor__quantity::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.mp-flavor__quantity:focus { border-radius: 6px; background: #fff3e3; box-shadow: inset 0 0 0 2px #f28c00; }
.mp-flavor--large .mp-flavor__minus:disabled { opacity: .3; cursor: not-allowed; }
.mp-split-summary { position: sticky; top: 94px; max-height: calc(100vh - 116px); padding: 1.35rem; overflow: auto; border: 2px solid #f28c00; border-radius: 24px; background: #fff; box-shadow: 0 16px 42px rgba(107, 63, 42, .14); }
@media (min-width: 991px) {
  html:has(body.mp-box-product--split),
  body.mp-box-product--split {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
  .mp-box-product--split #main-content,
  .mp-box-product--split #main-content > .container,
  .mp-box-product--split div.product,
  .mp-box-product--split div.product .summary,
  .mp-box-builder--split,
  .mp-split-layout { overflow: visible !important; }
  .mp-split-summary {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 30;
    top: 112px;
    align-self: start;
    height: max-content;
    max-height: calc(100vh - 132px);
    overscroll-behavior: contain;
  }
}
.mp-box-size-switcher { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: 0 0 1.15rem; padding: .42rem; border: 1px solid #f28c00; border-radius: 14px; }
.mp-box-size-switcher a { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .4rem; padding: .7rem .65rem; border-radius: 10px; color: #6b3f2a !important; line-height: 1; }
.mp-box-size-switcher a:hover { background: #fff2e2; }
.mp-box-size-switcher a.is-active { background: #6b3f2a; color: #fff !important; }
.mp-box-size-switcher strong { font-size: .82rem; white-space: nowrap; }
.mp-box-size-switcher span { font-size: .78rem; font-weight: 850; white-space: nowrap; }
.mp-box-size-switcher del { display: none; }
.mp-box-size-switcher ins { text-decoration: none; }
.mp-split-summary__top { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.mp-split-summary__top p { margin: 0; color: #647b96; font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mp-split-summary__top h3 { margin: .15rem 0 0; color: #6b3f2a; font-size: 2rem; }
.mp-split-summary__top > strong { color: #c86400; font-size: 1.35rem; }
.mp-split-summary .mp-box-builder__progress { margin-top: .75rem; }
.mp-split-slots { display: grid; grid-template-columns: repeat(6, 1fr); gap: .45rem; margin: 1rem 0; }
.mp-box-builder--split[data-box-size="24"] .mp-split-slots { grid-template-columns: repeat(8, 1fr); gap: .3rem; }
.mp-box-builder--split[data-box-size="30"] .mp-split-slots { grid-template-columns: repeat(10, 1fr); gap: .25rem; }
.mp-split-slots span { position: relative; display: block; aspect-ratio: .58; transition: transform .18s ease; }
.mp-split-slots span::before { position: absolute; inset: 0 0 14%; border: 2px solid #d5b99e; border-radius: 46% 46% 30% 30% / 28% 28% 16% 16%; background: #fff8ef center/cover no-repeat; content: ''; transition: background .18s ease, border-color .18s ease; }
.mp-split-slots span::after { position: absolute; bottom: 0; left: 39%; width: 22%; height: 18%; border-radius: 0 0 4px 4px; background: #cda477; content: ''; }
.mp-split-slots span.is-filled { transform: translateY(-2px); }
.mp-split-slots span.is-filled::before { border-color: #f28c00; }
.mp-split-slots span > i { position: absolute; z-index: 3; inset: -8% -13% -5%; background: var(--slot-image) center/contain no-repeat; opacity: 0; pointer-events: none; transition: opacity .18s ease, transform .18s ease; }
.mp-split-slots span.is-filled > i { opacity: 1; transform: translateY(8%) scale(1.26); }
@media (max-width: 600px) {
  .mp-split-slots span.is-filled > i { transform: translateY(13%) scale(1.42); }
}
.mp-split-selected { display: grid; gap: .3rem; margin: .9rem 0 1rem; padding: .75rem 0; border-top: 1px solid #dce7f3; border-bottom: 1px solid #dce7f3; }
.mp-split-empty { margin: 0; color: #71869e; font-size: .9rem; }
.mp-split-selected__row { display: flex; justify-content: space-between; gap: 1rem; color: #173a5e; font-size: .92rem; }
.mp-split-selected__row strong { display: grid; min-width: 27px; height: 27px; place-items: center; border-radius: 50%; background: #eaf5ff; }
.mp-split-cart { width: 100%; min-height: 52px; border: 0; border-radius: 14px; background: #6b3f2a; color: #fff; font-size: 1rem; font-weight: 850; cursor: pointer; }
.mp-split-cart:disabled { background: #d7e0e9; color: #718196; cursor: not-allowed; }
.mp-box-builder--split.is-complete .mp-split-cart { background: #20a66a; }
.mp-native-cart-button { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.mp-modal-open { overflow: hidden; }
.mp-flavor-modal[hidden] { display: none; }
.mp-flavor-modal { position: fixed; z-index: 100000; inset: 0; display: grid; place-items: center; padding: 1.25rem; }
.mp-flavor-modal__backdrop { position: absolute; inset: 0; background: rgba(39, 20, 12, .76); backdrop-filter: blur(3px); }
.mp-flavor-modal__dialog { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(270px, .9fr) minmax(300px, 1.1fr); width: min(850px, 94vw); max-height: 90vh; overflow: auto; border: 3px solid #f28c00; border-radius: 24px; background: #fff8ef; box-shadow: 0 28px 90px rgba(0, 0, 0, .36); }
.mp-flavor-modal__close { position: absolute; z-index: 2; top: 12px; right: 12px; display: grid; width: 42px; height: 42px; place-items: center; padding: 0; border: 1px solid #ead5c4; border-radius: 50%; background: #fff; color: #d83250; font-size: 1.65rem; box-shadow: 0 5px 18px rgba(60, 28, 13, .14); cursor: pointer; }
.mp-flavor-modal__image { display: grid; min-height: 500px; place-items: center; padding: 2rem; background: linear-gradient(145deg, #6b3f2a, #3f2115); }
.mp-flavor-modal__image img { width: 100%; height: 440px; object-fit: contain; filter: drop-shadow(0 22px 18px rgba(0, 0, 0, .34)); }
.mp-flavor-modal__content { align-self: center; padding: 3rem 2.25rem 2rem; }
.mp-flavor-modal__content h2 { margin: .2rem 0 .8rem; color: #6b3f2a; font-size: clamp(2rem, 4vw, 3.4rem); line-height: .95; }
.mp-flavor-modal__labels { display: flex; flex-wrap: wrap; gap: .4rem; }
.mp-flavor-modal__labels span { padding: .3rem .6rem; border-radius: 999px; background: #f3dfcf; color: #6b3f2a; font-size: .72rem; font-weight: 850; }
.mp-flavor-modal__description { min-height: 3em; margin: 1rem 0 1.5rem; color: #735644; line-height: 1.55; }
.mp-flavor-modal__stock { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; margin: -.6rem 0 1.3rem; padding: .62rem 1rem; border: 2px solid #f51235; border-radius: 999px; background: #fff0f3; color: #e3092e; box-shadow: 0 7px 18px rgba(245,18,53,.16); font-size: 1.08rem; font-weight: 950; letter-spacing: .025em; line-height: 1; text-align: center; text-transform: uppercase; }
.mp-flavor-modal__stock[hidden] { display: none; }
.mp-flavor-modal__actions { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: .65rem; }
.mp-flavor-modal__controls { display: grid; grid-template-columns: 42px 1fr 42px; align-items: center; border: 1px solid #f28c00; border-radius: 10px; text-align: center; }
.mp-flavor-modal__controls button { width: 42px; height: 48px; padding: 0; border: 0; background: transparent; color: #c86400; font-size: 1.2rem; }
.mp-flavor-modal__actions > strong { display: grid; place-items: center; border-radius: 10px; background: #6b3f2a; color: #fff; font-size: .82rem; text-align: center; text-transform: uppercase; }
.mp-flavor-modal__details { display: block; margin-top: .75rem; padding: .9rem; border: 1px solid #ead5c4; border-radius: 10px; background: #fff; color: #6b3f2a !important; font-weight: 850; text-align: center; text-transform: uppercase; }
.mp-mobile-pack-toggle, .mp-mobile-checkout { display: none; }

@media (max-width: 990px) {
  .mp-box-product--split div.product .summary { left: 0; }
  .mp-split-layout { grid-template-columns: 1fr; }
  .mp-split-flavors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mp-split-summary { position: static; max-height: none; }
}

@media (max-width: 700px) {
  .mp-box-builder--split { padding-bottom: 142px; }
  .mp-split-hero { display: block; padding: .85rem 1rem; border-radius: 14px; }
  .mp-split-hero .mp-box-builder__eyebrow { max-width: none; margin-bottom: .35rem; }
  .mp-split-hero h2 { font-size: 1.75rem; }
  .mp-split-hero > p:last-child { margin-top: .4rem; }
  .mp-split-catalog__heading h3 { font-size: 1.25rem; }
  .mp-split-flavors { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .single-product .mp-flavor--large { display: grid; grid-template-columns: 1fr; grid-template-rows: 122px minmax(58px, auto) 40px; align-items: start; gap: .45rem; min-height: 238px; padding: .55rem; border-width: 1px; border-radius: 15px; box-shadow: 0 4px 14px rgba(8, 52, 99, .06); }
  .mp-flavor--large:hover { transform: none; }
  .mp-flavor--large .mp-flavor__image { display: grid; place-items: center; }
  .mp-flavor--large .mp-flavor__image img { width: 100%; height: 122px; border-radius: 12px; object-fit: contain; }
  .mp-flavor--large .mp-flavor__details { display: grid; align-content: start; text-align: center; }
  .mp-flavor--large .mp-flavor__name { display: grid; min-height: 2.4em; align-items: center; color: #06275f; font-size: .82rem; line-height: 1.15; }
  .mp-flavor__labels { justify-content: center; margin-top: .3rem; }
  .mp-flavor__labels span { padding: .2rem .36rem; font-size: .58rem; }
  .mp-flavor--large .mp-flavor__controls { grid-template-columns: 34px minmax(22px, 1fr) 34px; align-self: end; justify-self: stretch; width: 100%; border: 1px solid #e4a86e; border-radius: 9px; }
  .mp-flavor--large .mp-flavor__controls button { width: 34px; height: 36px; background: transparent; color: #a90059; font-size: 1.05rem; }
  .mp-flavor--large .mp-flavor__controls output { align-self: center; color: #a90059; font-size: .95rem; }
  .mp-flavor--large .mp-flavor__quantity { align-self: center; color: #a90059; font-size: .95rem; }
  .mp-split-summary { position: fixed; z-index: 9998; right: 0; bottom: 0; left: 0; width: 100%; max-height: 78vh; padding: .65rem 12px calc(.65rem + env(safe-area-inset-bottom)); overflow: auto; border: 1px solid #e9dfe5; border-radius: 18px 18px 0 0; box-shadow: 0 -8px 30px rgba(35, 20, 31, .16); }
  .mp-mobile-pack-toggle { display: flex; width: 100%; min-height: 42px; align-items: center; justify-content: space-between; padding: .35rem .6rem; border: 0; background: transparent; color: #a90059; font-weight: 850; text-transform: uppercase; }
  .mp-mobile-pack-toggle i { font-style: normal; }
  .mp-mobile-checkout { position: sticky; bottom: 0; display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: .65rem; padding-top: .55rem; background: #fff; }
  .mp-mobile-checkout > strong { color: #a90059; font-size: 1.08rem; text-align: center; }
  .mp-mobile-checkout .mp-split-cart { min-height: 46px; }
  .mp-split-summary:not(.is-open) .mp-split-summary__top,
  .mp-split-summary:not(.is-open) > .mp-box-builder__progress,
  .mp-split-summary:not(.is-open) > .mp-box-builder__message,
  .mp-split-summary:not(.is-open) > .mp-split-slots,
  .mp-split-summary:not(.is-open) > .mp-split-selected,
  .mp-split-summary:not(.is-open) > .mp-split-cart { display: none; }
  .mp-split-summary.is-open .mp-split-summary__top { margin-top: .35rem; }
  .mp-flavor-modal { padding: .65rem; }
  .mp-flavor-modal__dialog { display: block; width: min(520px, 96vw); max-height: 92vh; border-radius: 18px; }
  .mp-flavor-modal__image { min-height: 260px; padding: 1rem; }
  .mp-flavor-modal__image img { height: 250px; }
  .mp-flavor-modal__content { padding: 1.4rem 1rem 1rem; }
  .mp-flavor-modal__content h2 { font-size: 2rem; }
}

/* 1.0.2 — compact mobile pack drawer */
@media (max-width: 700px) {
  .mp-box-builder--split { padding-bottom: 190px; }
  .mp-split-summary { inset: auto 0 0; display: block; height: auto !important; min-height: 0 !important; max-height: 72vh; overflow-y: auto; }
  .mp-split-summary:not(.is-open) { height: auto !important; max-height: 190px !important; overflow: hidden; }
  .mp-box-size-switcher { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .2rem; margin: 0 0 .25rem; padding: .25rem; border-radius: 12px; }
  .mp-box-size-switcher a { min-height: 48px; align-items: center; flex-direction: column; justify-content: center; gap: .18rem; padding: .35rem .15rem; text-align: center; }
  .mp-box-size-switcher strong { font-size: .67rem; line-height: 1; }
  .mp-box-size-switcher span { font-size: .64rem; line-height: 1; }
  .mp-mobile-pack-toggle { min-height: 34px; padding: .15rem .45rem; font-size: .78rem; }
  .mp-mobile-checkout { position: static; grid-template-columns: 82px minmax(0, 1fr); gap: .45rem; padding-top: .35rem; }
  .mp-mobile-checkout > strong { font-size: .95rem; }
  .mp-mobile-checkout .mp-split-cart { min-height: 40px; font-size: .82rem; }
  .mp-split-summary.is-open .mp-box-size-switcher { position: sticky; z-index: 2; top: -.65rem; background: #fff; }
  .mp-box-product--split .mp-whatsapp { display: none !important; }
}

/* The custom builder replaces the legacy WooCommerce product details. */
.mp-box-product--split .woocommerce-tabs,
.mp-box-product--split .related.products,
.mp-box-product--split .product_meta { display: none !important; }

/* 1.0.9 — fixed-height mobile box preview */
@media (max-width: 700px) {
  .mp-box-builder--split { padding-bottom: 190px; }
  .mp-split-summary,
  .mp-split-summary:not(.is-open),
  .mp-split-summary.is-open { box-sizing: border-box; height: 190px !important; min-height: 190px !important; max-height: 190px !important; padding: .6rem 12px calc(.6rem + env(safe-area-inset-bottom)); overflow: hidden !important; }
  .mp-toggle-open { display: none; }
  .mp-split-summary.is-open .mp-toggle-closed { display: none; }
  .mp-split-summary.is-open .mp-toggle-open { display: inline; }
  .mp-split-summary.is-open .mp-box-size-switcher { display: none; }
  .mp-mobile-pack-toggle { min-height: 46px; margin: 0 0 .35rem; padding: .5rem 1rem; border-radius: 999px; background: #ef334f; box-shadow: 0 7px 18px rgba(239, 51, 79, .28); color: #fff; font-size: .88rem; letter-spacing: .055em; }
  .mp-split-summary.is-open .mp-mobile-pack-toggle { min-height: 30px; margin-bottom: .15rem; padding: .1rem .8rem; }
  .mp-mobile-pack-toggle span { flex: 1; text-align: center; }
  .mp-mobile-pack-toggle small { color: inherit; font: inherit; }
  .mp-mobile-pack-toggle i { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.2); font-size: .72rem; }
  .mp-mobile-pack-toggle:active { transform: translateY(1px); box-shadow: 0 4px 10px rgba(239, 51, 79, .24); }
  .mp-split-summary.is-open .mp-split-summary__top { display: none !important; }
  .mp-split-summary.is-open .mp-split-summary__top h3,
  .mp-split-summary.is-open .mp-split-summary__top > strong,
  .mp-split-summary.is-open > .mp-box-builder__progress,
  .mp-split-summary.is-open > .mp-box-builder__message,
  .mp-split-summary.is-open > .mp-split-selected,
  .mp-split-summary > .mp-split-cart { display: none !important; }
  .mp-split-summary.is-open .mp-split-slots { display: grid; align-content: center; justify-content: center; gap: 3px 7px; height: 101px; margin: 0 auto 3px; }
  .mp-split-summary.is-open .mp-split-slots span { width: 20px; height: 31px; aspect-ratio: auto; }
  .mp-split-summary.is-open .mp-split-slots span::before { inset: 0 1px 12%; border-width: 1px; border-radius: 46% 46% 28% 28% / 23% 23% 15% 15%; }
  .mp-split-summary.is-open .mp-split-slots span::after { left: 41%; width: 18%; height: 17%; }
  .mp-box-builder--split[data-box-size="12"] .mp-split-summary.is-open .mp-split-slots { grid-template-columns: repeat(6, 20px); }
  .mp-box-builder--split[data-box-size="18"] .mp-split-summary.is-open .mp-split-slots { grid-template-columns: repeat(9, 20px); }
  .mp-box-builder--split[data-box-size="24"] .mp-split-summary.is-open .mp-split-slots { grid-template-columns: repeat(8, 20px); }
  .mp-box-builder--split[data-box-size="30"] .mp-split-summary.is-open .mp-split-slots { grid-template-columns: repeat(10, 20px); }
  .mp-split-summary.is-open .mp-mobile-checkout { display: grid; grid-template-columns: 1fr; padding-top: 2px; }
  .mp-split-summary.is-open .mp-mobile-checkout > strong { display: none; }
  .mp-split-summary.is-open .mp-mobile-checkout .mp-split-cart { min-height: 40px; }
  .mp-box-builder--split[data-box-size="12"] .mp-split-summary.is-open .mp-split-slots,
  .mp-box-builder--split[data-box-size="18"] .mp-split-summary.is-open .mp-split-slots { align-content: start; padding-top: 1px; }
  .mp-box-builder--split[data-box-size="12"] .mp-split-summary.is-open .mp-split-slots span,
  .mp-box-builder--split[data-box-size="18"] .mp-split-summary.is-open .mp-split-slots span { width: 26px; height: 43px; }
  .mp-box-builder--split[data-box-size="12"] .mp-split-summary.is-open .mp-split-slots { grid-template-columns: repeat(6, 26px); }
  .mp-box-builder--split[data-box-size="18"] .mp-split-summary.is-open .mp-split-slots { grid-template-columns: repeat(9, 26px); }
}

/* Keep the desktop preview as-is; fit the selected paleta inside mobile slots. */
@media (min-width: 701px) {
  body .mp-box-builder--split .mp-split-slots span.is-filled > i { transform: translateY(8%) scale(1.34) !important; }
}
@media (max-width: 700px) {
  body .mp-box-builder--split .mp-split-summary.is-open .mp-split-slots span.is-filled > i { transform: translateY(8%) scale(1.2) !important; }
}