.group-grid{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}


.group-item{
    width:90px;
    text-align:center;
}


.group-image{
    width:70px;
    height:70px;
    object-fit:contain;
    border-radius:8px;
    border:1px solid #ddd;
    background:#fff;
}


.group-name{
    font-size:12px;
    margin-top:5px;
    word-break:break-word;
}

.pricing-card {

    height:160px;

    border-radius:20px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:white;

    text-decoration:none;

    font-size:22px;

    font-weight:bold;

    transition:.25s;

}



.pricing-card:hover {

    transform:translateY(-6px);

    color:white;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

}



.pricing-card .icon {

    font-size:45px;

    margin-bottom:10px;

}



.pricing-card small {

    margin-top:8px;

    opacity:.85;

}



.discount-card {

    height:160px;

    border-radius:20px;

    padding:15px;

    background:linear-gradient(
        135deg,
        #6f42c1,
        #d63384
    );

    color:white;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}



.discount-icon {

    font-size:38px;

}


.discount-name {

    font-size:20px;

    font-weight:bold;

    margin-bottom:8px;

}



.discount-row {

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

}



.discount-input {

    width:80px;

    height:32px;

    border-radius:8px;

    border:none;

    text-align:center;

    font-size:17px;

    font-weight:bold;

}



.discount-percent {

    font-size:18px;

    font-weight:bold;

}



.discount-save {

    height:32px;

    padding:0 12px;

    border:none;

    border-radius:8px;

    font-weight:bold;

    cursor:pointer;

}



.discount-title {

    font-size:22px;

    font-weight:bold;

}