.moonou-bundle-builder-section{position:relative;z-index:1;overflow:clip;isolation:isolate}.mbb{display:block;background-color:var(--mbb-section-bg, #f6f1ea);padding:var(--mbb-pt, 72px) clamp(15px,4vw,60px) var(--mbb-pb, 72px);overflow:clip;position:relative;z-index:1}.mbb__header{max-width:var(--mbb-max-width, 1400px);margin:0 auto 32px;text-align:left}.mbb__header-title{font-size:var(--mbb-summary-title-fs, 36px);font-weight:400;margin:0;line-height:1.15;letter-spacing:-.02em}.mbb__header-subtitle{font-size:var(--mbb-summary-text-fs, 22px);margin:8px 0 0;opacity:.7}.mbb__layout{max-width:var(--mbb-max-width, 1400px);margin:0 auto;display:grid;grid-template-columns:1fr var(--mbb-summary-w, 320px);gap:var(--mbb-col-gap, 32px);align-items:start}.mbb__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--mbb-step-min-w, 220px),1fr));gap:var(--mbb-col-gap, 32px)}.mbb__step{position:relative;background:var(--mbb-col-bg, #f0e7dd);border-radius:var(--mbb-col-radius, 20px);padding:var(--mbb-col-py, 30px) var(--mbb-col-px, 16px);border:var(--mbb-active-border-w, 2px) solid var(--mbb-col-border, rgba(255, 255, 255, .45));box-shadow:inset 0 1px 2px #00000008}.mbb__step:after{content:"";position:absolute;inset:calc(-1 * var(--mbb-active-border-w, 2px));border:var(--mbb-active-border-w, 2px) solid var(--mbb-active-border, #f36a2b);border-radius:var(--mbb-col-radius, 20px);pointer-events:none;clip-path:inset(50% round var(--mbb-col-radius, 20px));transition:clip-path .45s cubic-bezier(.4,0,.2,1)}.mbb__step[data-active=true]:after{clip-path:inset(0% round var(--mbb-col-radius, 20px))}.mbb__step[data-active=true]{box-shadow:inset 0 1px 2px #00000008,0 0 16px #f36a2b14}.mbb__step-title{font-size:var(--mbb-step-title-fs, 20px);font-weight:600;margin:0 0 16px;letter-spacing:-.01em}.mbb__products,.mbb__products--colors{display:flex;flex-direction:column;gap:var(--mbb-card-gap, 16px)}.mbb__card.mbb__card--color{flex-direction:row;align-items:center;height:auto;padding:14px 16px;gap:14px}.mbb__card.mbb__card--color .mbb__card-check{position:static;order:1;margin-left:auto;flex-shrink:0}.mbb__color-bar{width:6px;height:28px;border-radius:3px;flex-shrink:0}.mbb__color-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mbb__color-name{font-size:15px;font-weight:600;line-height:1.3;text-align:left}.mbb__color-desc{font-size:13px;font-weight:400;line-height:1.4;opacity:.55;text-align:left}.mbb__card{position:relative;display:flex;flex-direction:column;align-items:stretch;height:var(--mbb-card-h, 170px);background:var(--mbb-card-bg, #f6f1ea);border-radius:var(--mbb-card-radius, 12px);border:var(--mbb-card-border-w, 2px) solid var(--mbb-card-border, rgba(0, 0, 0, .04));cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;padding:0;overflow:hidden;font-family:inherit;color:inherit;-webkit-appearance:none;appearance:none;outline:none;width:100%;gap:0}.mbb__card:hover{border-color:#0000001a;box-shadow:0 2px 6px #0000000d;transform:translateY(-1px)}.mbb__card[data-selected=true]{background:var(--mbb-card-bg-sel, #fbf7f1);border-color:var(--mbb-card-border-sel, #1e1e1e);box-shadow:0 2px 8px #0000000f}.mbb__card-check{position:absolute;top:8px;right:8px;width:var(--mbb-check-size, 28px);height:var(--mbb-check-size, 28px);flex-shrink:0;z-index:1;background:var(--mbb-check-bg, #e5ddd4);border-radius:50%}.mbb__card-check{display:grid}.mbb__card-check svg{width:100%;height:100%;grid-area:1 / 1}.mbb__check-filled{color:var(--mbb-check-color, #2e7d32);transform:scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.mbb__check-empty{color:#00000026;transition:transform .15s ease,opacity .15s ease}.mbb__card[data-selected=true] .mbb__check-filled{transform:scale(1)}.mbb__card[data-selected=true] .mbb__check-empty{transform:scale(0);opacity:0}.mbb__card-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.mbb__card-img{max-height:100%;max-width:100%;width:auto;object-fit:contain;transition:transform .3s ease}.mbb__card:hover .mbb__card-img{transform:scale(1.04)}.mbb__card-title{font-size:var(--mbb-card-name-fs, 16px);font-weight:700;text-align:left;padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.mbb__bar{position:sticky;top:calc(var(--header-height, 60px) + 20px)}.mbb__bar-inner{background:var(--mbb-summary-bg, #f0e7dd);border:var(--mbb-summary-bw, 1px) solid var(--mbb-summary-bc, #fff9f0);border-radius:var(--mbb-summary-radius, 20px);padding:var(--mbb-summary-pad, 32px)}.mbb__bar-toggle{display:flex;align-items:center;gap:var(--mbb-bar-icon-gap, 12px);width:100%;background:none;border:none;padding:0;font-family:inherit;color:inherit;cursor:default;pointer-events:none}.mbb__bar-icon{width:var(--mbb-bar-icon-size, 24px);height:var(--mbb-bar-icon-size, 24px);object-fit:contain;flex-shrink:0}.mbb__bar-icon--mobile{display:none}.mbb__bar-heading{font-size:var(--mbb-summary-title-fs, 36px);font-weight:400;line-height:1.15;letter-spacing:-.02em;flex:1;text-align:left}.mbb__bar-subheading{font-size:16px;opacity:.6;margin:4px 0 0}.mbb__bar-chevron{display:none;width:24px;height:24px;flex-shrink:0;transition:transform .3s ease}.mbb__bar-progress{margin:16px 0}.mbb .free-shipping-bar progress-bar{height:var(--mbb-progress-h, 6px);background-color:var(--mbb-progress-track, #e5d9ca);border-radius:var(--mbb-progress-r, 6px);color:var(--mbb-progress-fill, #f36a2b);box-shadow:inset 0 1px 2px #00000014;position:relative;overflow:hidden}.mbb .free-shipping-bar progress-bar:before{--tw-scale-x: var(--progress)}@keyframes mbb-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.mbb .free-shipping-bar progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:mbb-shimmer 2.5s ease-in-out infinite}.mbb__bar-divider{height:var(--mbb-divider-w, 1px);background:var(--mbb-divider-color, #d8d2cb);margin:12px 0}.mbb__bar-body{display:block}.mbb__bar-selections{display:flex;flex-direction:column}.mbb__bar-selection{display:flex;align-items:center;gap:12px;padding:10px 0}.mbb__bar-selection+.mbb__bar-selection{border-top:1px solid rgba(0,0,0,.08)}.mbb__bar-selection-media{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#0000000d}.mbb__bar-selection-media img{width:100%;height:100%;object-fit:cover}.mbb__bar-selection-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mbb__bar-selection-label{font-size:12px;opacity:.6}.mbb__bar-selection-value{font-size:14px;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbb__bar-selection[data-filled=true] .mbb__bar-selection-value{opacity:1;font-weight:500}.mbb__bar-selection-price{font-size:14px;font-weight:600;white-space:nowrap;flex-shrink:0}.mbb__bar-footer{margin-top:12px}.mbb__bar-shipping{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.mbb__bar-shipping-value{color:var(--mbb-shipping-value-color, #2e7d32);font-weight:600}.mbb__bar-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:var(--mbb-summary-text-fs, 22px);font-weight:600}.mbb__bar-delivery{display:flex;justify-content:space-between;align-items:center;padding:0 0 8px;font-size:14px;opacity:.7}.mbb__bar-delivery span:first-child{flex-shrink:1;min-width:0}.mbb__bar-delivery span:last-child{text-align:right;white-space:nowrap;flex-shrink:0;min-width:140px}.mbb__bar-cta{width:100%;padding:var(--mbb-cta-py, 22px) 16px;border-radius:var(--mbb-cta-radius, 12px);font-size:var(--mbb-cta-fs, 18px);font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .15s ease;background:var(--mbb-cta-bg-dis, #e7c1a6);color:var(--mbb-cta-text-dis, #f36a2b);margin-top:8px;text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:0}@keyframes mbb-cta-pulse{0%,to{box-shadow:0 0 #f36a2b4d}50%{box-shadow:0 0 0 6px #f36a2b00}}.mbb__bar-cta:not(:disabled){background:var(--mbb-cta-bg, #f36a2b);color:var(--mbb-cta-text, #fbf7f1);animation:mbb-cta-pulse 2s ease-in-out .5s 3}.mbb__bar-cta:not(:disabled):hover{transform:translateY(-1px)}.mbb__bar-cta:not(:disabled):active{transform:translateY(0)}.mbb__bar-cta:disabled{cursor:not-allowed}.mbb__bar-cta[aria-busy=true]{opacity:.7;pointer-events:none}.mbb__bar-cta-price{display:none}.mbb__bar-error{color:#e04029;font-size:14px;margin-top:8px;text-align:center}@media screen and (max-width:1023px)and (min-width:768px){.mbb__layout{grid-template-columns:1fr}.mbb__bar{position:static}.mbb__bar-inner{border-radius:0 0 var(--mbb-summary-radius, 20px) var(--mbb-summary-radius, 20px)}}@media screen and (max-width:767px){.mbb__header{text-align:center}.mbb__layout{grid-template-columns:1fr;gap:0}.mbb__steps{grid-template-columns:1fr;gap:0;background:var(--mbb-col-bg, #f0e7dd);border-radius:var(--mbb-col-radius, 20px) var(--mbb-col-radius, 20px) 0 0;overflow:hidden}.mbb__step{background:transparent;border-radius:0;border:none!important;padding:20px 16px;min-width:0}.mbb__step+.mbb__step{border-top:1px solid var(--mbb-divider-color, #d8d2cb)!important}.mbb__step:after{display:none}.mbb__products{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--mbb-card-gap, 12px)}.mbb__products::-webkit-scrollbar{display:none}.mbb__card{flex-shrink:0;width:var(--mbb-card-w-m, 130px);scroll-snap-align:start}.mbb__card:hover{transform:none}.mbb__card-img{max-height:60px}.mbb__products--colors{gap:var(--mbb-card-gap, 12px);overflow:hidden}.mbb__card.mbb__card--color{width:100%;min-width:0;flex-shrink:1;padding:12px 10px;gap:8px}.mbb__card.mbb__card--color .mbb__card-check{width:22px;height:22px}.mbb__color-bar{width:5px;height:24px}.mbb__color-name{font-size:14px}.mbb__color-desc{font-size:12px}.mbb__bar{position:sticky;top:auto;z-index:25;inset-block-end:0}.mbb__bar-inner{background:#1e1e1ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:0 0 var(--mbb-summary-radius, 20px) var(--mbb-summary-radius, 20px);padding:16px 20px;color:#fbf7f1}.mbb__bar-subheading{display:none;font-size:14px}.mbb__bar[data-expanded=true] .mbb__bar-subheading{display:block}.mbb__bar-toggle{pointer-events:auto;cursor:pointer;gap:var(--mbb-bar-icon-gap-m, 8px)}.mbb__bar-icon--desktop{display:none}.mbb__bar-icon--mobile{display:block}.mbb__bar-heading{font-size:18px;font-weight:600}.mbb__bar-chevron{display:block}.mbb__bar-progress{margin:10px 0 4px}.mbb .free-shipping-bar progress-bar{background-color:#ffffff26}.mbb__bar-divider{background:#ffffff1a}.mbb__bar-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.mbb__bar-body-inner{overflow:hidden;max-height:40vh;overflow-y:auto}.mbb__bar[data-expanded=true] .mbb__bar-body{grid-template-rows:1fr}.mbb__bar[data-expanded=true] .mbb__bar-chevron{transform:scaleY(-1)}.mbb__bar-selection+.mbb__bar-selection{border-color:#ffffff1a}.mbb__bar-selection-media{background:#ffffff1a}.mbb__bar-total{display:none!important}.mbb__bar-footer{margin-top:8px}.mbb__bar-cta{padding:16px;font-size:16px;margin-top:0}.mbb__bar-cta-price{display:inline}.mbb__bar-cta-price:not(:empty)+.mbb__bar-cta-text{border-inline-start:1px solid currentColor;padding-inline-start:12px;margin-inline-start:12px}.mbb__bar-cta{background:#ffffff1f;color:#fbf7f180}.mbb__bar-cta:not(:disabled){background:var(--mbb-cta-bg, #f36a2b);color:var(--mbb-cta-text, #fbf7f1)}}.mbb__bar-addons{display:flex;flex-direction:column;gap:10px;padding-top:var(--mbb-bar-addons-pt, 16px);padding-bottom:var(--mbb-bar-addons-pb, 16px)}.mbb__bar-addons:empty{display:none}.mbb__addon{background:var(--mbb-addon-card-bg, rgb(30 30 30 / .04));border-radius:12px;padding:14px 16px;box-shadow:inset 0 0 0 1.5px transparent;transition:background-color .35s ease,box-shadow .35s ease}.mbb__addon[data-enabled=true]{background:#f36a2b14;box-shadow:inset 0 0 0 1.5px #f36a2b40}.mbb__addon-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}.mbb__addon-row:focus-visible{outline:2px solid var(--mbb-active-border, #f36a2b);outline-offset:4px;border-radius:8px}.mbb__addon-label-side{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.mbb__addon-icon{width:22px;height:22px;flex-shrink:0;object-fit:contain;transition:filter .35s ease,opacity .35s ease;opacity:.55}.mbb__addon[data-enabled=true] .mbb__addon-icon{opacity:1;filter:drop-shadow(0 0 6px rgba(249,168,37,.4))}.mbb__addon-title{font-size:14px;font-weight:600;line-height:1.35;color:inherit;min-width:0}.mbb__addon-switch{flex-shrink:0;pointer-events:none}.mbb__addon-track{display:block;width:48px;height:26px;background:#1e1e1e33;border-radius:13px;position:relative;transition:background-color .35s ease}.mbb__addon-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.mbb__addon[data-enabled=true] .mbb__addon-track{background:#f36a2b}.mbb__addon[data-enabled=true] .mbb__addon-thumb{transform:translate(22px)}.mbb__addon-benefits{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-left:32px}.mbb__addon:not(:has(.mbb__addon-icon)) .mbb__addon-benefits{padding-left:0}.mbb__addon-benefits span{font-size:11px;color:inherit;opacity:.65;background:#1e1e1e0f;padding:3px 10px;border-radius:10px;font-weight:500;line-height:1.5;transition:background-color .35s ease,color .35s ease,opacity .35s ease}@media screen and (max-width:767px){.mbb__addon{background:#ffffff0f;padding:12px 14px}.mbb__addon[data-enabled=true]{background:#f36a2b29;box-shadow:inset 0 0 0 1.5px #f36a2b73}.mbb__addon-title{font-size:13px}.mbb__addon-track{background:#fff3}.mbb__addon-thumb{background:#fbf7f1}.mbb__addon-benefits span{background:#ffffff14;opacity:.75}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/moonou-bundle-builder.css.map */