.ticket-protection-box {
    background: #f5f7f8;
    border-radius: 5px;
}

/* Card base */
.option-card {
    display: block;
    border: 2px solid #d9dee3;
    border-radius: 10px;
    padding: 16px;
    cursor: pointer;
    position: relative;
    background: #fff;
    transition: all 0.2s ease;
}

/* Hide default radio */
.option-card input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Custom radio */
.option-card::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid #9aa5b1;
    border-radius: 50%;
    position: absolute;
    left: 16px;
    top: 18px;
    background: #fff;
}

/* Move content right */
.option-card > * {
    margin-left: 28px;
}

/* Active state */
.option-card.active,
.option-card input[type="radio"]:checked + * {
    border-color: #20b2aa;
}

/* Checked radio */
.option-card.active::before,
.option-card input[type="radio"]:checked ~ *::before {
    background: #20b2aa;
}

/* Highlight selected card */
.option-card.active {
    border-color: #20b2aa;
    box-shadow: 0 0 0 1px #20b2aa;
}

/* Link styling */
.option-card a {
    color: #20b2aa;
    text-decoration: underline;
}

/* Optional hover */
.option-card:hover {
    border-color: #20b2aa;
}

.icon-protection {
    color: #20b2aa;
    font-size: 25px;
}