.product{display:grid;gap:24px;grid-template-areas:"a" "f" "b" "g";margin-bottom:40px;margin-top:24px}.product .product__title{align-items:center;color:var(--color-850);display:flex;font-family:SB Sans Display;font-size:24px;font-weight:600;grid-area:a;height:32px;line-height:32px}.product .product__main-image{border-radius:14px;grid-area:f;height:375px;overflow:hidden;position:relative;width:100%}:is(.product .product__main-image) img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}:is(.product .product__main-image) .product__main-image-budges{align-items:center;display:flex;flex-wrap:wrap;font-family:SB Sans Text;gap:14px;left:22px;position:absolute;top:22px}:is(:is(.product .product__main-image) .product__main-image-budges) .product__main-image-budge{background-color:#060a0c;border-radius:20px;color:var(--color-ondark-primary);font-size:16px;height:40px;letter-spacing:-.3px;padding:10px 14.5px}.gradient:is(:is(:is(.product .product__main-image) .product__main-image-budges) .product__main-image-budge){background:linear-gradient(45deg,#15b015,#04c6c9)}.secondary:is(:is(:is(.product .product__main-image) .product__main-image-budges) .product__main-image-budge){background-color:var(--color-700)}.product .product__images{display:flex;flex-direction:column;gap:24px;grid-area:g}:is(.product .product__images) img{border-radius:14px;height:375px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.product .product__props{display:flex;flex-direction:column;gap:24px;grid-area:b}:is(.product .product__props) .product__cart-items{display:flex;flex-direction:column;gap:16px}:is(:is(.product .product__props) .product__cart-items) .product__quantity-input{align-items:center;display:flex;gap:2px}:is(:is(:is(.product .product__props) .product__cart-items) .product__quantity-input) button{align-items:center;background-color:var(--color-150);border:none;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}:is(:is(:is(:is(.product .product__props) .product__cart-items) .product__quantity-input) button) svg{color:var(--color-default-primary);height:20px;width:20px}:is(:is(:is(.product .product__props) .product__cart-items) .product__quantity-input) input{align-items:center;-moz-appearance:textfield;background-color:var(--color-100);border:none;border-radius:12px;display:flex;font-family:SB Sans Text;font-size:16px;font-weight:600;height:48px;justify-content:center;letter-spacing:-.016em;line-height:20px;outline:none;text-align:center;width:64px}:is(:is(:is(:is(.product .product__props) .product__cart-items) .product__quantity-input) input)::-webkit-inner-spin-button,:is(:is(:is(:is(.product .product__props) .product__cart-items) .product__quantity-input) input)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:is(:is(.product .product__props) .product__cart-items) .product__cart-btn{align-items:center;background:linear-gradient(90deg,#15b015,#04c6c9);border:none;border-radius:12px;color:var(--color-ondark-primary);cursor:pointer;display:flex;font-family:SB Sans Text;font-size:12px;height:48px;justify-content:center;letter-spacing:-.016em;line-height:14px;width:100%}:is(.product .product__props) .product__price{align-items:center;display:flex;font-family:SB Sans Text;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:40px}:is(.product .product__props) .product__description{font-family:SB Sans Text;font-size:16px;letter-spacing:-.02em;line-height:20px}:is(.product .product__props) .product_options{display:flex;flex-direction:column;gap:24px}:is(:is(.product .product__props) .product_options) .product__option{display:flex;flex-direction:column;gap:16px}:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-title{font-family:SB Sans Text;font-size:18px;font-weight:400;letter-spacing:-.02em;line-height:24px}:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values{display:flex;gap:10px}:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value{align-items:center;display:flex;height:40px;justify-content:center;width:50px}:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) label{align-items:center;background-color:var(--color-150);border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;height:100%;justify-content:center;opacity:1;text-transform:uppercase;transition:color .3s,background-color .3s;width:100%}.color:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value){height:38px}.color:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) label{transition:border-color .3s}:is(.color:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) label) svg{color:#13181bf5;height:18px;opacity:0;transition:opacity .3s;width:18px}.color.light:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) label{border-color:var(--color-400)}:is(.color.dark:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) label) svg{color:#fff}:is(.color:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) input:checked~label) svg{opacity:1}:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) input{position:absolute;visibility:hidden}:is(:is(:is(:is(:is(.product .product__props) .product_options) .product__option) .product__option-values) .product__option-value) input:checked~label{background-color:var(--color-emerald);color:#fff}.radial-1{height:424px;position:absolute;right:138px;top:116px;width:423px;z-index:-2}.radial-1 svg{height:100%;width:100%}.radial-2{height:400px;position:absolute;right:-27px;top:287px;width:400px;z-index:-1}.radial-2 svg{height:100%;width:100%}.radial-3{height:424px;left:15px;position:absolute;top:915px;width:423px;z-index:-2}.radial-3 svg{height:100%;width:100%}.radial-4{height:400px;left:187px;position:absolute;top:1066px;width:400px;z-index:-1}.radial-4 svg{height:100%;width:100%}
