.digit-eleganza-variacije{
   display: flex;
   gap: 20px;
}

.digit-eleganza-variacije img{
   max-width: 80px;
   border-radius: 10px;
   padding: 4px;
   margin-bottom: 10px;
}

.digit-eleganza-border{
   border: 3px solid orange;
}

.variation-option{
   display: grid;
   text-align: center;
   justify-items: center;
}

.digit-pricing-eleganza-outer .quantity{
   display: block;
}

/* CSS RADIO BUTTON */
.digit-pricing-eleganza-outer input[type="radio"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 20px;
   height: 20px;
   border: 1px solid orange; /* Orange outline */
   border-radius: 50%; /* Makes it round */
   outline: none;
   cursor: pointer;
   background-color: transparent; /* Transparent background */
   margin-right: 10px; /* Add spacing between radio buttons */
   position: relative; /* Position for dot */
}

/* Style radio buttons when checked */
.digit-pricing-eleganza-outer input[type="radio"]:checked {
   background-color: transparent; /* Transparent background for checked state */
}

/* Style the dot inside the radio button */
.digit-pricing-eleganza-outer input[type="radio"]::before {
   content: "";
   width: 14px; /* Size of the dot */
   height: 14px;
   border-radius: 50%; /* Makes it round */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%); /* Center the dot */
}

/* Style radio button labels */
label {
   display: flex; /* Align label and radio button horizontally */
   align-items: center; /* Vertically center content */
   margin-bottom: 10px; /* Add spacing between radio buttons */
}

/* Adjust label text color */
label span {
   color: inherit; /* Label text color */
}

/* Add a 1px gap between dot and outline when selected */
.digit-pricing-eleganza-outer input[type="radio"]:checked::before {
   width: 14px; /* Reduce the size of the dot */
   height: 14px;
   background-color: orange; /* Transparent background for the dot */
   border: 1px solid orange; /* Orange outline for the dot */
}

/* QTY BLOCK */
.digit-pricing-eleganza-outer .eleganza-quantity {
   display: inline-block;
   vertical-align: middle;
   border-radius: 10px;
   border: 1px solid #CCC;
   padding: 10px;
}

.digit-pricing-eleganza-outer input::-webkit-outer-spin-button,
.digit-pricing-eleganza-outer input::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

/* QTY BTN */
.digit-eleganza-button{
   background-color: #333;
   color: #fff;
   border-radius: 4px;
   margin-right: 0px;
   margin-bottom: 0;
   width: 54px;
   height: 54px;
}

/* QTY INPUT */

.digit-pricing-eleganza-outer .eleganza-quantity input[type=number]{
   border-radius: 4px !important;
   border: 1px solid #000 !important;
   width: 54px;
   height: 54px;
   margin-bottom: 0;
   text-align: center;
}

/* SUM COLOR */
.digit-eleganza-sum{
   color: orange;
}

.eleganza-quantity img{
   margin-left: 20px;
}

.eleganza-cover-text{
   margin-left: 40px;
}

/*ELEGANZA ATC*/
.eleganza-atc{
   color: #fff;
   background-color: orange !important;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   padding: 20px 90px;
   border-radius: 10px;
   margin-top: 20px;
}

