.page-width.mix-match-page{max-width:1500px}.mix-container{display:grid;grid-template-columns:1fr 340px;gap:35px;align-items:start}@media(max-width:990px){.mix-container{grid-template-columns:1fr}}.mix-main{flex:1;display:flex;flex-direction:column;gap:70px}.mix-section{display:flex;flex-direction:column;gap:28px}.mix-section h2{font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:1.3;color:#111;margin:0}@media(min-width:1200px){.mix-section h2{font-size:22px}}.mix-products{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mix-products::-webkit-scrollbar{display:none}.mix-card{flex:0 0 calc((100% - 48px) / 3);display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;transition:.25s;scroll-snap-align:start}.mix-card:hover{box-shadow:0 10px 25px #00000014;transform:translateY(-2px)}@media(max-width:990px){.mix-card{flex:0 0 calc((100% - 24px)/2)}}@media(max-width:768px){.mix-products{gap:16px;margin:0 -16px;padding:0 16px 12px}.mix-card{flex:0 0 calc((100% - 16px)/2)}}.mix-card img{width:100%;height:auto;display:block}.mix-content{padding:20px;display:flex;flex-direction:column;gap:14px}.mix-info{padding:18px}.mix-info h3,.mix-content h3{font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#111;margin:0}@media(min-width:750px){.mix-info h3,.mix-content h3{font-size:16px}}.mix-price{margin-top:8px;color:#666}.mix-color{color:#666;margin-bottom:15px}.mix-options label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}.mix-size{width:100%;height:46px;padding:0 12px;margin-bottom:16px;border:1px solid #ddd;border-radius:8px}.mix-button{width:100%;height:48px;border:none;border-radius:8px;background:#000;color:#fff;font-weight:600;cursor:pointer}.bundle-add.is-added{background:#111;opacity:.7;cursor:not-allowed}.bundle-add:disabled{pointer-events:none}.bundle-sidebar{position:sticky;top:100px;background:#fff;border:1px solid #eee;border-radius:14px;padding:25px}.bundle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bundle-progress{font-size:20px;font-weight:700}.progress-bar{height:8px;margin-bottom:12px;background:#eee;border-radius:20px;overflow:hidden}.progress-fill{width:0%;height:100%;background:#000;transition:.3s}.bundle-item{display:flex;gap:12px;align-items:center;margin-bottom:18px}.bundle-item img{width:65px;height:80px;object-fit:cover;border-radius:8px}.bundle-empty{padding:30px 0;text-align:center;color:#888}.bundle-remove{font-size:.9rem;color:#777;cursor:pointer}.bundle-remove:hover{color:#000;text-decoration:underline}.mix-section-header{display:flex;justify-content:space-between;align-items:center}.mix-carousel-nav{display:flex;gap:8px}.mix-carousel-nav button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:#111;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;transition:.2s}.mix-carousel-nav button:hover{background:#000;color:#fff}.mix-match-page,.mix-container{min-width:0}.mix-container>*{min-width:0;max-width:100%}.bundle-sidebar,.bundle-sidebar *{box-sizing:border-box;max-width:100%}.mix-products{min-width:0}@media(max-width:768px){.bundle-sidebar{position:static}.bundle-header{flex-direction:column;align-items:stretch;gap:12px}}.mm-rating{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;color:#444}.mm-stars{position:relative;display:inline-block;font-size:16px;letter-spacing:2px;line-height:1;font-family:Arial,Helvetica,sans-serif}.mm-stars__off{color:#d9d9d9}.mm-stars__on{position:absolute;left:0;top:0;width:96%;overflow:hidden;white-space:nowrap;color:#f5a623}.mm-rating__txt strong{color:#111;font-weight:700}.mm-price{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.mm-price__now{font-size:26px;font-weight:800;color:#111;letter-spacing:-.02em}.mm-price__was{font-size:20px;color:#9a9a9a;text-decoration:line-through}.mm-price__badge{background:#2f82f1;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;padding:7px 13px;border-radius:999px;white-space:nowrap}@media(max-width:749px){.mm-price__now{font-size:22px}.mm-price__was{font-size:17px}}.mm-note{margin:12px 0 0;font-size:13px;color:#777;line-height:1.5;max-width:52ch}.mix-header .mm-rating{margin-bottom:2px}.mix-header h1{margin-top:2px;margin-bottom:12px;line-height:1.04}.mix-header .rte{margin-top:0}.bundle-header{display:block;margin-bottom:4px}.bundle-header h2{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.bundle-badge{display:inline-block;background:#2f82f1;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:5px 11px;border-radius:999px;margin-bottom:12px}.bundle-sub{font-size:13px;color:#777;margin:0 0 14px;line-height:1.4}.bundle-sidebar .progress-bar{height:6px;margin-bottom:18px}.bundle-empty{padding:26px 0;text-align:center}.bundle-empty__title{font-weight:700;color:#111;font-size:15px;margin-bottom:6px}.bundle-empty__sub{font-size:13px;color:#8b8b8b;line-height:1.5;max-width:34ch;margin:0 auto}.bundle-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;margin-bottom:0}.bundle-item__media{position:relative;flex:0 0 auto}.bundle-item__media img{width:56px;height:70px;object-fit:cover;border-radius:8px;display:block}.bundle-item__size{position:absolute;left:4px;bottom:4px;background:#000000bf;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px}.bundle-item__info{flex:1;min-width:0}.bundle-item__title{font-size:14px;font-weight:600;color:#111;line-height:1.3}.bundle-remove{flex:0 0 auto;width:26px;height:26px;border:0;background:transparent;color:#999;font-size:20px;line-height:1;cursor:pointer;border-radius:50%}.bundle-remove:hover{color:#111;background:#f2f2f2}.bundle-footer{margin-top:16px}#bundle-checkout{width:100%;height:52px;border-radius:10px;font-weight:700;font-size:15px}#bundle-checkout:disabled{background:#5a5a5a;color:#fff;cursor:not-allowed;opacity:1}#bundle-checkout:not(:disabled){background:#000;color:#fff}.bundle-note{text-align:center;font-size:12px;color:#9a9a9a;margin:10px 0 0}.bundle-ship{text-align:center;font-size:13px;color:#333;margin:8px 0 0;font-weight:600}.mix-why-trigger{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:0;border:0;background:none;color:#e0397f;font-size:13.5px;font-weight:600;line-height:1.3;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:left}.mix-why-trigger:hover{color:#b82a66}.mix-why-trigger svg{width:16px;height:16px;flex:0 0 auto}.mix-why{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.mix-why[hidden]{display:none}.mix-why__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .3s ease}.mix-why.is-open .mix-why__overlay{opacity:1}.mix-why__panel{position:absolute;top:0;right:0;width:min(560px,100%);height:100%;overflow-y:auto;overscroll-behavior:contain;background:#f5f5f5;transform:translate(100%);transition:transform .3s ease}.mix-why.is-open .mix-why__panel{transform:translate(0)}.mix-why__panel:focus{outline:none}.mix-why__close{position:sticky;top:16px;left:calc(100% - 60px);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#111;cursor:pointer;box-shadow:0 2px 10px #00000024}.mix-why__close:hover{background:#f0f0f0}.mix-why__close svg{width:20px;height:20px}.mix-why__body{margin-top:-60px}.mix-why__media{position:relative;background:#eee}.mix-why__image{display:block;width:100%;height:auto}.mix-why__hs{position:absolute;transform:translate(-50%,-50%)}.mix-why__dot{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:2px solid rgba(0,0,0,.18);border-radius:50%;background:#fff;color:#111;cursor:pointer;box-shadow:0 2px 8px #0000001f,0 0 0 6px #ffffff1f;transition:transform .2s ease,box-shadow .2s ease}.mix-why__dot:hover{transform:scale(1.08);box-shadow:0 4px 14px #0000002e,0 0 0 7px #ffffff2e}.mix-why__plus{display:block;font-size:24px;line-height:1;font-weight:300}.mix-why__hs.is-active{z-index:30}.mix-why__popup{position:absolute;top:50%;left:50%;width:230px;background:#fff;border-radius:12px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.95);box-shadow:0 12px 35px #0000002e;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.mix-why__hs.is-active .mix-why__popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.mix-why__popup-image{display:block;width:100%;height:180px;object-fit:cover}.mix-why__popup-content{padding:14px;text-align:left}.mix-why__popup-content h4{margin:0 0 6px;color:#111;font-size:15px;line-height:1.3;font-weight:600}.mix-why__popup-content p{margin:0;color:#666;font-size:13px;line-height:1.5}.mix-why__content{padding:44px 36px 56px;background:#f5f5f5}.mix-why__label{margin:0 0 14px;color:#777;font-size:14px;line-height:1.4}.mix-why__heading{margin:0 0 34px;color:#050505;font-size:clamp(30px,4.4vw,40px);line-height:1.06;font-weight:600;letter-spacing:-1.4px}.mix-why__heading u{text-decoration-thickness:2px;text-underline-offset:5px}.mix-why__feature{margin-bottom:30px}.mix-why__feature:last-child{margin-bottom:0}.mix-why__icon{display:flex;align-items:center;width:32px;height:32px;margin-bottom:8px;color:#111}.mix-why__icon svg{width:30px;height:30px}.mix-why__feature h3{margin:0 0 5px;color:#111;font-size:17px;line-height:1.3;font-weight:600}.mix-why__feature p{margin:0;color:#666;font-size:15px;line-height:1.5}@media(max-width:749px){.mix-why__panel{width:100%}.mix-why__content{padding:34px 20px 44px}.mix-why__heading{margin-bottom:28px;letter-spacing:-1px}.mix-why__dot{width:34px;height:34px}.mix-why__plus{font-size:21px}.mix-why__popup{width:190px}.mix-why__popup-image{height:150px}}@media(prefers-reduced-motion:reduce){.mix-why__overlay,.mix-why__panel{transition:none}}.mix-why__heading span{color:#c72f70}
/*# sourceMappingURL=/cdn/shop/t/65/assets/mix-match.css.map */