.card-modal{visibility:hidden;opacity:0;background-color:rgba(0,0,0,.4);width:100%;height:100%;transition:opacity .3s,visibility .3s .3s;display:none;position:-webkit-sticky;position:sticky;bottom:0;right:0;overflow:hidden}.card-modal.js-modal-open{z-index:60;visibility:visible;padding:0 var(--spacing-2x);opacity:1;justify-content:center;align-items:center;transition:opacity .3s,visibility;display:flex}.card-modal.js-modal-open .card-modal__inner{transition:transform .3s .3s,opacity .3s .3s,visibility;transform:translate(0)}.card-modal__inner{background-color:var(--color-white);width:100%;height:auto;margin-bottom:30px;transition:transform .3s,opacity .3s,visibility .3s .3s;position:relative;transform:translate(100%)}.card-modal__inner .text-holder{max-width:1440px;margin:0 auto 11px;padding:0 30px}.card-modal__header,.card-modal .header{flex-flow:row;justify-content:flex-end;align-items:center;padding:16px;display:flex}.card-modal__header__close-holder svg,.card-modal .header__close-holder svg{width:16px;height:16px}.card-modal__content,.card-modal .content{height:100%;padding:0 var(--spacing-2x) var(--spacing-2x);flex-flow:column;gap:20px;display:flex;position:relative}.card-modal__content__form,.card-modal .content__form{flex-flow:column;gap:10px;display:flex;position:relative}.card-modal__content .card-modal__card-button,.card-modal .content .card-modal__card-button{grid-template-columns:121px 1fr;gap:12px;margin-bottom:12px;display:grid}.card-modal__content .card-modal__card-button .price-holder,.card-modal .content .card-modal__card-button .price-holder{flex-flow:row;gap:8px;margin-bottom:8px;display:flex}.card-modal__content .card-modal__card-button .price-holder .price,.card-modal .content .card-modal__card-button .price-holder .price{letter-spacing:.084rem;font-family:Open Sans;font-size:1.2rem;font-style:normal;font-weight:400;line-height:normal}.card-modal__content .card-modal__card-button .price-holder .price--underlined,.card-modal .content .card-modal__card-button .price-holder .price--underlined{text-decoration:line-through}.card-modal__content .card-modal__card-button .price-holder .price--has-compare-price,.card-modal .content .card-modal__card-button .price-holder .price--has-compare-price{color:var(--color-red)}.card-modal__content .card-modal__card-button .card-button__image-holder,.card-modal .content .card-modal__card-button .card-button__image-holder{width:121px;height:121px;display:flex}.card-modal__content .card-modal__card-button .card-button__image-holder picture,.card-modal .content .card-modal__card-button .card-button__image-holder picture{width:100%;height:100%;display:block}.card-modal__content .card-modal__card-button .card-button__image-holder picture img,.card-modal .content .card-modal__card-button .card-button__image-holder picture img{object-fit:cover;width:100%;height:100%}.card-modal__content .card-modal__card-button .card-text-holder__title,.card-modal .content .card-modal__card-button .card-text-holder__title{letter-spacing:.14rem;color:var(--color-almost-black);font-family:Open Sans;font-size:1.4rem;font-style:normal;font-weight:400;line-height:120%}.card-modal__content .card-modal__card-button .card-text-holder__variant,.card-modal .content .card-modal__card-button .card-text-holder__variant{margin-bottom:var(--spacing-1x);letter-spacing:.084rem;color:var(--color-dark-grey,#676767);font-family:Open Sans;font-size:1.2rem;font-style:normal;font-weight:400;line-height:150%}.card-modal__content .message-counter,.card-modal .content .message-counter{letter-spacing:.084rem;color:var(--color-gray,#ababab);padding:12px 0;font-family:Open Sans;font-size:1.2rem;font-style:normal;font-weight:400;line-height:150%}.card-modal__content .message-counter.js-invalid,.card-modal .content .message-counter.js-invalid{color:var(--color-red)}.card-modal__content button,.card-modal .content button{justify-content:center;width:100%;padding:10px 2rem}.card-modal__content .form-overlay,.card-modal .content .form-overlay{z-index:20;visibility:hidden;opacity:0;background-color:transparent;justify-content:center;align-items:center;width:100%;height:100%;padding:60px 30px;transition:opacity .3s,background-color .3s;display:flex;position:absolute;top:-2px;left:0}.card-modal__content .form-overlay.js-active,.card-modal .content .form-overlay.js-active{visibility:visible;opacity:1;background-color:var(--color-light-grey)}.card-modal__content .form-overlay__title,.card-modal .content .form-overlay__title{text-align:center;color:var(--color-dark);font-family:Open Sans;font-size:1.8rem;font-style:normal;font-weight:400;line-height:2.2rem}
