.nexie-discount-wrapper{
display:flex;
flex-direction:column;
gap:12px;
margin-bottom:20px;
width:100%;
}

.nexie-discount-box{
display:flex;
align-items:center;
gap:14px;
border:2px var(--border-style) var(--inactive-border);
border-radius:var(--radius);
background:var(--inactive-bg);
color:var(--inactive-text);
padding:14px;
cursor:pointer;
transition:.2s;
}

/* hide real radio */

.nexie-hidden-radio{
display:none;
}

/* custom radio */

.nexie-radio-ui{
width:18px;
height:18px;
border:2px solid #d6d6d6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.nexie-hidden-radio:checked + .nexie-radio-ui{
border-color:#112a01;
}

.nexie-hidden-radio:checked + .nexie-radio-ui::after{
content:"";
width:8px;
height:8px;
background:#112a01;
border-radius:50%;
}

/* content */

.nexie-discount-content{
flex:1;
}

.nexie-discount-header{
display:flex;
justify-content:space-between;
align-items:center;
}

.nexie-discount-desc{
font-size:13px;
opacity:.85;
margin-top:2px;
}

/* right side price */

.nexie-right{
text-align:right;
}

.nexie-price{
font-weight:700;
font-size:18px;
}

.nexie-old-price{
font-size:13px;
opacity:.7;
margin-top:10px;
}

/* active box */

.nexie-discount-box:has(input:checked){
border:2px var(--border-style) var(--active-border);
background:var(--active-bg);
color:var(--active-text);
}

.nexie-left strong{
    font-size:18px;
    display:block;
    margin-bottom:4px;
}

.nexie-discount-desc{
    font-size:13px;
    opacity:.85;
    margin-top:10px;
}








.nexie-bundle-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    gap: 10px;
}


.nexie-bundle-heading::before,
.nexie-bundle-heading::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #112a01;
}

.nexie-bundle-heading span {
    font-weight: 600;
    white-space: nowrap;
}


.nexie-discount-box {
    position: relative;
    overflow: visible;
}

.nexie-badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #112a01;
    color: #c5ff00;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 10px;
    border-radius: 8px;
    z-index: 2;
}