.mp-xss{background:rgb(var(--color-background));padding-top:var(--mp-pad-top, 64px);padding-bottom:var(--mp-pad-bottom, 64px);color:rgb(var(--color-foreground))}.mp-xss__container{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.mp-xss__header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}.mp-xss__header-text{flex:1;min-width:0}.mp-xss__eyebrow{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.28em;color:#2aada6;margin:0 0 12px;text-transform:uppercase}.mp-xss__headline{font-family:Lora,Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(32px,4vw,48px);line-height:1.1;color:rgb(var(--color-foreground));letter-spacing:-.02em;margin:0}.mp-xss__cta-link{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#2aada6;text-decoration:none;transition:gap .2s ease,color .2s ease;padding-bottom:6px}.mp-xss__cta-link:hover{gap:12px;color:#e8960e}.mp-xss__cta-arrow{font-size:16px;line-height:1}.mp-xss__slider{position:relative}.mp-xss__viewport{overflow:hidden}.mp-xss__track{display:flex;gap:20px;padding:0 4px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.mp-xss__card{flex:0 0 calc((100% - 60px)/4);min-width:0}.mp-xss__arrow{position:absolute;top:35%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid rgba(28,43,42,.08);color:#1c2b2a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #1c2b2a14;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.mp-xss__arrow:hover:not(:disabled){background:#2aada6;color:#fff;transform:translateY(-50%) scale(1.05);box-shadow:0 8px 24px #2aada640}.mp-xss__arrow:disabled{opacity:.3;cursor:not-allowed}.mp-xss__arrow--prev{left:-12px}.mp-xss__arrow--next{right:-12px}.mp-xss__arrow svg{width:18px;height:18px}.mp-xss__dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.mp-xss__dot{width:8px;height:8px;border-radius:50%;background:#1c2b2a33;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease,width .2s ease}.mp-xss__dot:hover{background:#1c2b2a66}.mp-xss__dot.is-active{background:#2aada6;width:24px;border-radius:999px}.mp-xss__empty{padding:40px 0;text-align:center;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#1c2b2a80}@media(max-width:1024px){.mp-xss__card{flex:0 0 calc((100% - 40px) / 3)}.mp-xss__arrow--prev{left:4px}.mp-xss__arrow--next{right:4px}}@media(max-width:768px){.mp-xss__header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.mp-xss__card{flex:0 0 calc((100% - 20px)/2)}.mp-xss__arrow{width:40px;height:40px}}@media(max-width:480px){.mp-xss__card{flex:0 0 calc(100% - 40px)}.mp-xss__track{gap:16px}}@media(prefers-reduced-motion:reduce){.mp-xss__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mp-cross-sell-slider.css.map */