/* h */
.product-buttons-h {font-size: 2.4rem; font-weight: 600; color: #192b41; font-family: "Manrope", sans-serif; margin-bottom: 2rem; line-height: 1;
     width: 100%;}

/* color radio picker */
.product-buttons-color-picker {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 1rem; margin-bottom: 2.6rem; width: 100%;}
.product-buttons-color-picker-option {position: relative; cursor: pointer;}
.product-buttons-color-picker-option input[type="radio"] {position: absolute; opacity: 0; width: 0; height: 0;}
.color-picker-circle {display: block; width: 4.5rem; height: 4.5rem; border-radius: 50%; transition: all 0.2s ease;}
.color-picker-circle-image {background-size: cover; background-position: center; background-repeat: no-repeat;}
.product-buttons-color-picker-option input[type="radio"]:checked + .color-picker-circle {box-shadow: 0 0 0 3px #f5f5f5, 0 0 0 6px #3a628c;}

/* values radio picker */
.product-buttons-values-picker {display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 0.5rem; margin-bottom: 2.6rem; width: 100%;}
.product-buttons-values-picker-option {position: relative; cursor: pointer;}
.product-buttons-values-picker-option input[type="radio"],
.product-buttons-values-picker-option input[type="checkbox"] {position: absolute; opacity: 0; width: 0; height: 0;}
.value-picker-button {color: #192b41; border: 1px solid #192b41; background-color: #fff; font-size: 1.6rem; font-family: "Manrope", sans-serif;
     padding: 1.6rem 3.2rem; font-weight: 600; line-height: 1; border-radius: 0.5rem; transition: all 0.3s ease;  min-width: 16rem; text-align: center; }
.product-buttons-values-picker-option input[type="radio"]:checked + .value-picker-button,
.product-buttons-values-picker-option input[type="checkbox"]:checked + .value-picker-button {color: #fff; border: 1px solid #3a628c; 
     background-color: #3a628c;}

/* price, plus/minus, total */     
.product-buttons-price {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 100%;
     margin-bottom: 2.6rem;}
/* price - price */
.product-buttons-price-price {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-right: 3rem;}
.product-buttons-price-price-value {font-weight: 400; font-size: 4rem; color: #3a628c; text-transform: uppercase; line-height: 1;}
.product-buttons-price-price-currency {font-weight: 400; font-size: 3.8rem; color: #3a628c; text-transform: uppercase; line-height: 1; margin-left: 0.5rem;}
/* price - count */
.product-buttons-price-count {width: 12.5rem;}
.product-buttons-price-count > .input-group {background-color:#deddf6; padding: 0.2rem 1rem; border-radius: 2rem;}
.product-buttons-price-count-btn-minus {border: none;}
.product-buttons-price-count-btn-minus svg {width: 1.5rem; height: 0.4rem; fill: transparent; stroke: #3a628c;}
.product-buttons-price-count-input {text-align: center; color: #3a628c; font-weight: 400; font-size: 2.5rem; background-color: transparent !important; 
     border: none; line-height: 1;}
.product-buttons-price-count-input:focus {color: #3a628c;}
.product-buttons-price-count-btn-plus {border: none;}
.product-buttons-price-count-btn-plus svg {width: 1.5rem; height: 1.5rem; fill: transparent; stroke: #3a628c;}
.product-buttons-price-count-btn-minus:hover,
.product-buttons-price-count-btn-plus:hover {background-color: transparent !important;}
.product-buttons-price-count-btn-minus:hover svg,
.product-buttons-price-count-btn-plus:hover svg {stroke: #4d8acb}
/* price - total */
.product-buttons-price-total {margin-left: 3rem; color: #3a628c; font-size: 1.8rem; font-weight: 400; font-family: "Manrope", sans-serif;}

/* to cart, to favorites */
.product-buttons-buttons {width: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0.5rem;}
.product-buttons-buttons-tocart {padding: 2.2rem 3.5rem 2.2rem 3.5rem; font-size: 2.3rem; color: #fff; text-transform: uppercase; background-color: #6987a7; 
     border-radius: 1rem; line-height: 1; transition: all 0.3s ease; letter-spacing: 1px; border: 1px solid transparent;}
.product-buttons-buttons-tocart:hover {background-color: #3a6fa7; }
.product-buttons-buttons-tofavorites {padding: 2.2rem 3.5rem 2.2rem 3.5rem; font-size: 2.3rem; color: #192b41; text-transform: uppercase; background-color: transparent; 
     border-radius: 1rem; line-height: 1; transition: all 0.3s ease; letter-spacing: 1px; border: 1px solid #192b41;}
.product-buttons-buttons-tofavorites:hover {background-color: #3a6fa7; border: 1px solid #3a6fa7; color: #fff;}