.real-upgrade-showcase{overflow:hidden}.real-upgrade-showcase__header{text-align:center;margin-bottom:3.2rem}.real-upgrade-showcase__heading{margin:0;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.real-upgrade-showcase__slider-wrap{position:relative;display:flex;align-items:center;gap:1.6rem}.real-upgrade-showcase__swiper{flex:1;min-width:0;overflow:hidden}.real-upgrade-showcase__slide{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}.real-upgrade-showcase__media{position:relative;border-radius:1.6rem;overflow:hidden}.real-upgrade-showcase__media-inner{position:relative;padding-bottom:62.5%;background:rgba(var(--color-foreground),.04)}.real-upgrade-showcase__media-inner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1.6rem}.real-upgrade-showcase__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:7.2rem;height:7.2rem;border:none;border-radius:50%;background:#ffffffbf;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .2s ease,background .2s ease}.real-upgrade-showcase__play:hover{transform:translate(-50%,-50%) scale(1.06);background:#ffffffe6}.real-upgrade-showcase__play svg{width:2.4rem;height:2.4rem;fill:#000;margin-left:.3rem}.real-upgrade-showcase__content{display:flex;flex-direction:column;justify-content:center}.real-upgrade-showcase__item-heading{margin:0 0 1.6rem;line-height:1.25;font-weight:700}.real-upgrade-showcase__description{margin:0;line-height:1.6}.real-upgrade-showcase__description p{margin:0 0 1rem}.real-upgrade-showcase__description p:last-child{margin-bottom:0}.real-upgrade-showcase__nav-btn{flex-shrink:0;position:relative;top:auto;left:auto;right:auto;margin:0;width:4.4rem;height:4.4rem;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease}.real-upgrade-showcase__nav-btn:after{display:none}.real-upgrade-showcase__nav-btn svg{width:1rem;height:1.6rem;stroke:currentColor;fill:none}.real-upgrade-showcase__nav-btn.swiper-button-disabled{opacity:.35;cursor:default}.real-upgrade-showcase__progress{margin-top:3.2rem;max-width:48rem;margin-left:auto;margin-right:auto}.real-upgrade-showcase__progress .swiper-pagination-progressbar{position:relative;height:3px;border-radius:999px;overflow:hidden}.real-upgrade-showcase__progress .swiper-pagination-progressbar-fill{border-radius:999px}.real-upgrade-showcase-popups .popup_body{display:none}.real-upgrade-showcase-popups .popup_body.active{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;height:100%;width:100%}.real-upgrade-showcase-popups .popup_back{background-color:#111827cc;position:fixed;top:0;right:0;bottom:0;left:0;display:block;z-index:-1}.real-upgrade-showcase-popups .popup_contain{max-width:80%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.real-upgrade-showcase-popups .real-upgrade-showcase-video iframe,.real-upgrade-showcase-popups .real-upgrade-showcase-video video{width:100%;height:90vh;border-radius:2rem;display:block;border:none}.real-upgrade-showcase-popups .popup_close{position:absolute;right:-1.8rem;top:-1.8rem;z-index:1;padding:.8rem;background:#fff;cursor:pointer;border-radius:100%}.real-upgrade-showcase-popups .popup_close svg{display:block;width:2.4rem;height:2.4rem;stroke:#000}@media screen and (min-width:990px){.real-upgrade-showcase__slide{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem}}@media screen and (max-width:989px){.real-upgrade-showcase__slider-wrap{gap:.8rem}.real-upgrade-showcase__nav-btn{width:3.6rem;height:3.6rem}.real-upgrade-showcase__play{width:5.6rem;height:5.6rem}.real-upgrade-showcase__play svg{width:2rem;height:2rem}.real-upgrade-showcase__header{margin-bottom:2rem}.real-upgrade-showcase__progress{margin-top:2.4rem}}@media screen and (max-width:749px){.real-upgrade-showcase__nav-btn{display:none}.real-upgrade-showcase-popups .popup_contain{max-width:95%}.real-upgrade-showcase-popups .popup_close{right:1rem;top:1rem;padding:.6rem}.real-upgrade-showcase-popups .popup_close svg{width:1.6rem;height:1.6rem}.real-upgrade-showcase-popups .real-upgrade-showcase-video iframe,.real-upgrade-showcase-popups .real-upgrade-showcase-video video{height:50vh}}@media screen and (max-width:1024px){.real-upgrade-showcase-popups .popup_contain{max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-real-upgrade-showcase.css.map */