﻿ .product-intro__price-qty-enroll-discounts{margin: 30px 0px 60px 0px; padding: 25px 20px 25px 20px; border: solid 1px var(--border-color); border-left: none; border-right: none; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: var(--third-color)}.product-intro__price-qty-enroll{width: calc(100% - 110px); display: flex; justify-content: flex-start; align-items: center}P.product-intro__price{padding: 0px 40px 0px 0px} .product-intro__qty-enroll{display: flex; justify-content: flex-start; align-items: center}.product-intro__quantity-text{font-size: 16px; line-height: 1}.product-intro__quantity-input{font-size: 16px; line-height: 1px; max-width: 45px; height: 38px; margin: 0px 20px 0px 10px; padding: 0px 10px; border: solid 1px var(--border-dark-color)}.product-intro__button-enroll{width: 160px; height: 40px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all .3s ease; background: #0066cc}.product-intro__button-enroll:hover{background: var(--primary-color)}.product-intro__button-enroll *{color: #fff; font-size: 18px; line-height: 0.5} .product-intro__discounts{color: #0066cc; font-size: 16px; line-height: 1; font-weight: bold; font-synthesis: style; text-align: right; width: 90px; padding: 0px 20px 0px 0px; position: relative; cursor: pointer; user-select: none; outline: none}.product-intro__discounts::after{content: " "; border-width: 6px; border-style: solid; border-color: #0066cc transparent transparent transparent; position: absolute; right: 0px; top: 6px} .product-intro__discounts-tooltip{width: 240px; padding: 20px 15px 15px 15px; border: solid 1px #0066cc; box-shadow: 0px 10px 10px -10px rgba(136,136,136,1); transform: translateY(calc(-100% - 15px)); z-index: 99; display: none; position: absolute; right: 0px; top: 0px; background: #fff}.product-intro__discounts-tooltip::before,.product-intro__discounts-tooltip::after{content:""; width: 15px; height: 2px; position: absolute; right: 15px; top: 15px; transform: rotate(45deg); background: #0066cc}.product-intro__discounts-tooltip::after{transform: rotate(-45deg)}.product-intro__discounts-tooltip P{font-size: 14px; line-height: 24px; text-align: left} .product-intro__discounts--active .product-intro__discounts-tooltip{display: block}.product-intro__discounts-popup-info{font-size: 36px; line-height: 1.3; letter-spacing: -1px; font-weight: 300; font-synthesis: style; text-align: center; padding: 100px 30px} @media screen and (max-width: 1200px){ .product-intro__price-qty-enroll{width: 100%; margin-bottom: 15px; justify-content: space-between; flex-wrap: wrap} P.product-intro__price{font-size: 26px; font-weight: 400; letter-spacing: -1px; padding: 0px 20px 0px 0px} .product-intro__qty-enroll{justify-content: flex-end; flex-wrap: wrap} DIV.product-intro__button-enroll{width: 140px} .product-intro__discounts{text-align: left; width: auto} .product-intro__discounts-tooltip{left: 0px}} @media screen and (max-width: 1000px){ .product-intro__price-qty-enroll{margin-bottom: 20px; justify-content: flex-start; align-items: flex-start} P.product-intro__price{width: 100%} .product-intro__qty-enroll{justify-content: flex-start} P.product-intro__quantity-text,INPUT.product-intro__quantity-input,DIV.product-intro__button-enroll{margin-top: 20px} DIV.product-intro__button-enroll{width: 130px}} @media screen and (max-width: 800px){ .product-intro__price-qty-enroll{margin-bottom: 15px; justify-content: space-between; align-items: center} P.product-intro__price{width: auto} .product-intro__qty-enroll{justify-content: flex-end} P.product-intro__quantity-text,INPUT.product-intro__quantity-input,DIV.product-intro__button-enroll{margin-top: 0px} DIV.product-intro__button-enroll{width: 120px}} @media screen and (max-width: 600px){ .product-intro__price-qty-enroll{margin-bottom: 20px; justify-content: flex-start; align-items: flex-start} P.product-intro__price{width: 100%} .product-intro__qty-enroll{justify-content: flex-start} P.product-intro__quantity-text,INPUT.product-intro__quantity-input,DIV.product-intro__button-enroll{margin-top: 20px} INPUT.product-intro__quantity-input{margin-right: 15px} DIV.product-intro__button-enroll{width: 110px}} .enrollment-form{display: none}.enrollment-form--active{display: block}H3.enrollment-form__header,H3.enrollment-form__header *{font-size: 28px; line-height: 36px; letter-spacing: -1px}H3.enrollment-form__header{padding: 0px 0px 40px 0px; border-bottom: solid 2px var(--border-color)} .enrollment-form__radio-section{padding: 40px 0px 25px 0px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap}.enrollment-form__radio-section--hidden{display: none}.enrollment-form__radio-button-wrapper{display: flex; justify-content: flex-start; align-items: center}.enrollment-form__radio-button-wrapper:last-child{margin-left: 40px}.enrollment-form__radio-button{width: 26px; height: 26px; border: solid 1px var(--border-dark-color); border-radius: 50%; cursor: pointer; user-select: none; outline: none; display: flex; justify-content: center; align-items: center; background: #fff}.enrollment-form__radio-button-dot{width: 4px; height: 4px; border-radius: 50%; transition: transform .25s ease; background: var(--primary-color)}.enrollment-form__radio-button-dot--active{transform: scale(3.5,3.5)} .enrollment-form__radio-button-text{line-height: 1; padding: 0px 0px 0px 15px} .enrollment-form__radio-instructions{font-size: 22px; line-height: 1.4; letter-spacing: -1px; padding: 0px; display: none}.enrollment-form__radio-instructions--active{display:block}.enrollment-form__radio-instructions STRONG{font-weight: bold; font-synthesis: style} .enrollment-form__input-section{margin-top: 45px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap} .enrollment-form__input-section--hidden{display: none}.enrollment-form__input{line-height: 1; width: calc(50% - 10px); margin: 0px 0px 20px 0px; padding: 10px; border: solid 1px #b0b0b0; background: #fff} @media screen and (max-width: 750px){ .enrollment-form__radio-button-wrapper{width: 100%} .enrollment-form__radio-button-wrapper:last-child{margin: 25px 0px 0px 0px} .enrollment-form__input{width: 100%} } .product-ratings-section{margin: 0px; padding-top: 0px; border-top: none} 