.modal-variant__wrapper{z-index:6;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.25);display:flex;align-items:center;justify-content:center}.modal-variant__wrapper .modal-variant__btn-close{--width-icon: 24px;--height-icon: 24px;--padding-btn: 12px;--background-btn: rgba(0, 0, 0, 0)}.modal-variant__wrapper:not(.modal-variant--show){opacity:0;pointer-events:none}.modal-variant__wrapper:not(.modal-variant--show) .modal-variant{opacity:0}.modal-variant{padding:16px;border-radius:20px;background-color:var(--white);overflow:auto;opacity:1}.modal-variant .modal-variant__header{--titlecard-weight: 700;--titlecard-size: 22px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-inter);font-weight:var(--titlecard-weight, 600);font-size:var(--titlecard-size, 18px);line-height:1.3;letter-spacing:-0.5px}.modal-variant .modal-variant__content{margin-top:16px}.modal-variant .modal-variant__item{max-width:max-content}.modal-variant .modal-variant__list-btn{--primary-color-icon: #fff;--background-btn: var(--blue);width:40px;height:40px;min-width:40px;padding:11px;transition:all 0.3s ease-in-out}.modal-variant .modal-variant__list-btn:after{content:none}.variant-item{position:relative;border-radius:15px;overflow:hidden}.variant-item .variant-item__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.variant-item .variant-item__video--hidden{display:none}.variant-item .variant-item__content{position:absolute;top:auto;right:15px;bottom:15px;left:15px;display:flex;flex-direction:column;gap:var(--gap-row, 5px)}.variant-item .variant-item__content>*{z-index:1}.variant-item .variant-item__content:after{z-index:0;content:"";position:absolute;bottom:-15px;left:-15px;right:-15px;height:calc(100% + 15px * 15);width:calc(100% + 15px * 2);background:linear-gradient(180deg, rgba(17, 17, 17, 0) 45%, #111111 100%)}.variant-item .variant-item__row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px}.variant-item .variant-item__name,.variant-item .variant-item__price{--titlecard-size: 22px;font-family:var(--font-inter);font-weight:var(--titlecard-weight, 600);font-size:var(--titlecard-size, 18px);line-height:1.3;letter-spacing:-0.5px;line-height:1.1;color:var(--white)}.variant-item .variant-item__text{--titlecard-size: 12px;font-family:var(--font-inter);font-weight:var(--titlecard-weight, 600);font-size:var(--titlecard-size, 18px);line-height:1.3;letter-spacing:-0.5px;font-weight:400;color:rgba(255, 255, 255, 0.8)}.variant-item .variant-item__text:empty{display:none}.variant-item .variant-item__btn{--radius-btn: 5px;width:100%}.variant-item .variant-item__btn:not([data-count]) svg{display:none}@media (max-width:768px){.modal-variant__wrapper:before{content:"";position:fixed;top:calc(var(--height-top, 15vh) - 8px);transform:translateY(-100%);height:5px;width:50px;border-radius:90px;background:var(--white);opacity:0.6}.modal-variant{height:calc(100vh - var(--height-top, 15vh));margin-top:auto;padding-bottom:32px}.modal-variant .modal-variant__btn-close{--primary-color-icon: var(--blue-lite)}.modal-variant .modal-variant__list{flex-direction:column;gap:16px}.modal-variant .modal-variant__list-btn{display:none}.variant-item .variant-item__btn{max-width:100%}}@media (min-width:768px){.modal-variant .modal-variant__btn-close{--primary-color-icon: var(--white);position:absolute;right:40px;top:40px}.modal-variant .modal-variant__content:before,.modal-variant .modal-variant__content:after{content:"";z-index:2;position:absolute;top:0;bottom:0;width:200px;background:linear-gradient(calc(var(--bg-rotate) * 90deg), var(--white), rgba(0, 0, 0, 0));transition:all 0.3s ease-in-out;pointer-events:none}.modal-variant .modal-variant__content:before{--bg-rotate: 1;left:0}.modal-variant .modal-variant__content:after{--bg-rotate: -1;right:0}.modal-variant .modal-variant__content--start:before,.modal-variant .modal-variant__content--start .modal-variant__list-btn--prev{opacity:0}.modal-variant .modal-variant__content--end:after,.modal-variant .modal-variant__content--end .modal-variant__list-btn--next{opacity:0}.modal-variant .modal-variant__content--start.modal-variant__content--end .modal-variant__list{justify-content:center}.modal-variant .modal-variant__list .modal-variant__item:first-child{margin-left:50px}.modal-variant .modal-variant__list .modal-variant__item:last-child{margin-right:50px}}