.mmp{--mmp-accent: #c9a050;--mmp-accent-light: rgba(201, 160, 80, .1);--mmp-accent-border: rgba(201, 160, 80, .35);--mmp-success: #2d6a4f;--mmp-success-bg: rgba(45, 106, 79, .08);--mmp-radius: 16px;--mmp-radius-sm: 10px;--mmp-shadow-sm: 0 2px 8px rgba(0,0,0,.04);--mmp-shadow-md: 0 4px 20px rgba(0,0,0,.06);--mmp-shadow-lg: 0 8px 40px rgba(0,0,0,.08);--mmp-transition: .3s cubic-bezier(.4, 0, .2, 1);color:var(--color-foreground, #1a1a1a)}.mmp__hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:3.5rem 2rem 3rem;text-align:center;position:relative;overflow:hidden}.mmp__hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(201,160,80,.06) 0%,transparent 60%);pointer-events:none}.mmp__hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}.mmp__badge{display:inline-block;padding:5px 16px;border-radius:100px;background:#c9a0501f;border:1px solid rgba(201,160,80,.25);color:#e8c56d;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}.mmp__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.02em;margin:0 0 .75rem}.mmp__subtitle{font-size:clamp(.9rem,1.3vw,1.05rem);color:#fff9;line-height:1.6;margin:0 0 2rem;max-width:520px;margin-left:auto;margin-right:auto}.mmp__steps{display:flex;align-items:center;justify-content:center;gap:0}.mmp__step{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.45;transition:opacity var(--mmp-transition)}.mmp__step.is-active{opacity:1}.mmp__step.is-done{opacity:.8}.mmp__step span{font-size:.72rem;color:#fffc;font-weight:500;letter-spacing:.02em;white-space:nowrap}.mmp__step-num{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#ffffff80;transition:all var(--mmp-transition)}.mmp__step.is-active .mmp__step-num{border-color:var(--mmp-accent);color:var(--mmp-accent);background:#c9a0501f}.mmp__step.is-done .mmp__step-num{border-color:var(--mmp-success);color:#fff;background:var(--mmp-success)}.mmp__step-num--icon svg{width:16px;height:16px}.mmp__step-line{width:48px;height:2px;background:#ffffff1f;margin:0 12px 22px;border-radius:1px;position:relative;overflow:hidden}.mmp__step-line.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mmp-accent);animation:mmpLineGrow .4s ease forwards}@keyframes mmpLineGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.mmp__body{background:var(--color-background, #faf8f5);padding:2rem 2rem 6rem}.mmp__body-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start}.mmp__products{min-width:0}.mmp__grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding:0 .25rem}.mmp__grid-title{font-size:1.1rem;font-weight:600;margin:0;letter-spacing:-.01em}.mmp__grid-count{font-size:.85rem;color:var(--color-foreground, #666);opacity:.6;margin:0}.mmp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mmp__card{position:relative;cursor:pointer;border-radius:var(--mmp-radius);overflow:hidden;background:#fff;border:2px solid transparent;box-shadow:var(--mmp-shadow-sm);transition:border-color var(--mmp-transition),box-shadow var(--mmp-transition),transform var(--mmp-transition);outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.mmp__card:hover{border-color:#00000014;box-shadow:var(--mmp-shadow-md);transform:translateY(-3px)}.mmp__card:focus-visible{outline:2px solid var(--mmp-accent);outline-offset:2px}.mmp__card.is-selected{border-color:var(--mmp-accent);box-shadow:0 0 0 1px var(--mmp-accent),var(--mmp-shadow-lg)}.mmp__card-badge{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;transition:all var(--mmp-transition)}.mmp__card-badge-check{display:none;color:#fff}.mmp__card-badge-num{display:none;font-size:.75rem;font-weight:700;color:#00000040}.mmp__card:not(.is-selected) .mmp__card-badge-num{display:none}.mmp__card:not(.is-selected) .mmp__card-badge{opacity:.65}.mmp__card.is-selected .mmp__card-badge{background:var(--mmp-accent);border-color:var(--mmp-accent);transform:scale(1)}.mmp__card.is-selected .mmp__card-badge-num{display:block;color:#fff}.mmp__card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#f5f5f5}.mmp__card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.mmp__card:hover .mmp__card-media img{transform:scale(1.05)}.mmp__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eee}.mmp__card-placeholder svg{width:50%;height:50%;opacity:.2}.mmp__card-save-tag{position:absolute;bottom:10px;left:10px;padding:4px 10px;border-radius:6px;background:var(--mmp-success);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.02em;z-index:2}.mmp__card-info{padding:.85rem 1rem 1rem}.mmp__card-name{font-size:.88rem;font-weight:600;margin:0 0 .3rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mmp__card-pricing{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.mmp__card-price{font-size:.9rem;font-weight:700}.mmp__card-bundle-price{font-size:.75rem;opacity:.5}.mmp__card.is-selected .mmp__card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c9a0500f;pointer-events:none}.mmp__sidebar{position:sticky;top:calc(var(--header-height, 80px) + 1rem)}.mmp__sidebar-inner{background:#fff;border-radius:var(--mmp-radius);border:1px solid rgba(0,0,0,.06);box-shadow:var(--mmp-shadow-md);padding:1.5rem;transition:box-shadow var(--mmp-transition)}.mmp__sidebar-inner:has(.mmp__sidebar-filled[style=""]),.mmp__sidebar-inner:has(.mmp__sidebar-filled:not([style*="display:none"])){box-shadow:var(--mmp-shadow-lg)}.mmp__sidebar-title{font-size:1.05rem;font-weight:700;margin:0 0 1.25rem;letter-spacing:-.01em}.mmp__sidebar-empty{text-align:center;padding:2rem .5rem}.mmp__sidebar-empty-icon{margin-bottom:.75rem;opacity:.5}.mmp__sidebar-empty p{font-size:.85rem;color:#888;line-height:1.5;margin:0}.mmp__sidebar-items{margin-bottom:1.25rem}.mmp__sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0}.mmp__sidebar-item-img{width:52px;height:52px;border-radius:var(--mmp-radius-sm);overflow:hidden;background:#f0f0f0;flex-shrink:0}.mmp__sidebar-item-img img{width:100%;height:100%;object-fit:cover;display:block}.mmp__sidebar-item-info{flex:1;min-width:0}.mmp__sidebar-item-name{display:block;font-size:.82rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mmp__sidebar-item-price{display:block;font-size:.75rem;opacity:.55;margin-top:2px}.mmp__sidebar-item-remove{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:#f5f5f5;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.mmp__sidebar-item-remove:hover{background:#ffe5e5;color:#d44}.mmp__sidebar-divider{text-align:center;padding:.15rem 0}.mmp__sidebar-divider span{font-size:.85rem;opacity:.25;font-weight:300}.mmp__sidebar-breakdown{padding:1rem 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.mmp__sidebar-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.mmp__sidebar-row--bundle{font-weight:700;font-size:.95rem}.mmp__sidebar-row--saved span:last-child{color:var(--mmp-success);font-weight:700;font-size:.9rem}.mmp__sidebar-note{font-size:.72rem;opacity:.45;text-align:center;line-height:1.5;margin:0 0 1rem}.mmp__sidebar-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:var(--mmp-radius-sm);background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;cursor:pointer;transition:all var(--mmp-transition);position:relative;overflow:hidden}.mmp__sidebar-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.mmp__sidebar-cta:active:not(:disabled){transform:translateY(0)}.mmp__sidebar-cta:disabled{opacity:.35;cursor:not-allowed}.mmp__sidebar-cta-icon{flex-shrink:0}.mmp__sidebar-cta.is-loading{pointer-events:none}.mmp__sidebar-cta.is-loading:after{content:"";width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mmpSpin .6s linear infinite;position:absolute;right:16px}@keyframes mmpSpin{to{transform:rotate(360deg)}}.mmp__sidebar-cta.is-success{background:var(--mmp-success)}.mmp__mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 24px #00000014;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.mmp__mobile-bar.is-visible{transform:translateY(0)}.mmp__mobile-bar-inner{display:flex;align-items:center;gap:12px}.mmp__mobile-bar-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.mmp__mobile-bar-thumbs{display:flex;align-items:center;gap:4px;flex-shrink:0}.mmp__mobile-bar-thumb{width:36px;height:36px;border-radius:8px;overflow:hidden;background:#f0f0f0;border:2px solid transparent}.mmp__mobile-bar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mmp__mobile-bar-thumb:not(.mmp__mobile-bar-thumb--empty){border-color:var(--mmp-accent)}.mmp__mobile-bar-plus{font-size:.7rem;opacity:.3;flex-shrink:0}.mmp__mobile-bar-text{flex:1;min-width:0}.mmp__mobile-bar-label{display:block;font-size:.75rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mmp__mobile-bar-price{display:block;font-size:.85rem;font-weight:700}.mmp__mobile-bar-btn{flex-shrink:0;padding:10px 20px;border:none;border-radius:var(--mmp-radius-sm);background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all var(--mmp-transition)}.mmp__mobile-bar-btn:disabled{opacity:.35;cursor:not-allowed}.mmp__mobile-bar-btn.is-success{background:var(--mmp-success)}@media(max-width:999px){.mmp__body-inner{grid-template-columns:1fr}.mmp__sidebar{display:none}.mmp__mobile-bar{display:block}.mmp__body{padding-bottom:100px}.mmp__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.mmp__hero{padding:2.5rem 1.25rem 2rem}.mmp__body{padding:1.25rem;padding-bottom:100px}.mmp__grid{gap:.75rem}.mmp__card-info{padding:.65rem .75rem .75rem}.mmp__card-name{font-size:.8rem}.mmp__card-price{font-size:.82rem}.mmp__card-badge{width:28px;height:28px;top:8px;right:8px}.mmp__card-save-tag{font-size:.62rem;padding:3px 7px;bottom:6px;left:6px}.mmp__step span{font-size:.62rem}.mmp__step-num{width:28px;height:28px;font-size:.7rem}.mmp__step-line{width:32px;margin:0 8px}}@media(min-width:1000px){.mmp__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.mmp__body-inner{grid-template-columns:1fr 380px}}@keyframes mmpFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mmp__sidebar-filled{animation:mmpFadeUp .35s ease}.mmp__card{animation:mmpFadeUp .45s ease both}.mmp__card:nth-child(1){animation-delay:.05s}.mmp__card:nth-child(2){animation-delay:.1s}.mmp__card:nth-child(3){animation-delay:.15s}.mmp__card:nth-child(4){animation-delay:.2s}.mmp__card:nth-child(5){animation-delay:.25s}.mmp__card:nth-child(6){animation-delay:.3s}@keyframes mmpPulse{0%{box-shadow:0 0 #c9a05066}70%{box-shadow:0 0 0 10px #c9a05000}to{box-shadow:0 0 #c9a05000}}.mmp__card.just-selected{animation:mmpPulse .5s ease}@media(prefers-reduced-motion:reduce){.mmp__card,.mmp__card-media img,.mmp__sidebar-cta,.mmp__sidebar-filled,.mmp__mobile-bar{transition-duration:0s!important;animation-duration:0s!important}.mmp__step-line.is-active:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/mix-match-page.css.map */