.abo-content {
    opacity: 1;
    background: #fff;
    width:100%;
}

.abo-card-wrapper {
    position:relative;
    margin-top: 30px !important;
}

article.abo-card {
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items:flex-start;
    align-content: flex-start;
    border-radius: 10px;
    padding:17px 20px 25px;
    border: 1px solid rgba(5, 32, 38, 0.20);
}

article.abo-card.digital {
    background: #FBF9F4;
}
article.abo-card.print {
    background-color:#F6F2EA;
}




.abo-body {
    display: flex;
    flex-direction: column;
    gap:10px;
    width:100%;
}

.abo-body > *{
    margin:0;
}

.abo-group.abo-print {
    border-left:solid 1px #e5e5e5;
}
/* .abo-group.abo-digital {
    border-left:solid 1px #e5e5e5;
} */

.abo-flag {
    border-radius:12px;
    position:absolute;
    padding:0px 10px;
    font-family:"Inter", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    top:-12px;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}

.abo-flag.gray {
    background-color: #C6C8C3;
    color: #052026;
}
.abo-flag.black {
    background-color: #052026;
    color:#fff;
}

.abo-plans {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    padding:0;
    margin:0;
    margin-bottom:14px;
}

.abo-plans li{
   padding:5px 4px;
    color: #052026;
    border:solid 1px #C6C8C3;
    background-color:transparent;
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.abo-plans li span.bold {
    font-weight:700;
}

.abo-plans li:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.abo-plans li:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.abo-plans li:hover{
    background-color:white;
    border:solid 1px #052026;
    cursor:pointer;
}



/* =======================
form
=========================
 */
.visually-hidden {
    position: absolute;
    opacity: 0;
    width: 0; height: 0;
    pointer-events: none;
}

.abo-plans label {
    display: block;
    cursor: pointer;
}


.abo-plans li:has(input:checked) {
    background: #fff;
    border: 1px solid #052026;

}

.abo-plans li:first-child:has(input:checked){
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.abo-plans li:last-child:has(input:checked){
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}




/* ======================
    TYPOGRAPHY
    =====================
 */

.abo-card .abo-product {
    color: #052026;
    font-family: 'Lexicon-3', serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin-bottom:11px;
}

.abo-card .abo-terms {
    color: #052026;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
}

.abo-card .currency {
    color: #052026;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
}

.abo-card .currency {
    color: #052026;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    text-transform: uppercase;
}

.abo-card .amount {
    color: #052026;
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height:100%;
    letter-spacing: 1.5px;
}

.abo-card .abo-meta {
    margin-bottom:25px;
}

.abo-card .abo-declaration,
.abo-card .abo-conditions{
    color: #052026;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding:0px;
    margin:0px;
}
.abo-card .abo-conditions i{
    color: #069 !important;
    font-style: normal;
    font-weight: 600;
    font-size: inherit !important;
}

.abo-cta {
    text-align: center;
}
.abo-button {
    border:none !important;
    padding: 8px 15px !important;
    border-radius: 3px !important;
    background: #069 !important;
    color: #FFF !important;
    font-family: "RobotoCondensed-Bold", sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 2.625px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}



.abo-title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.abo-title-radio {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin: 0;
    margin-bottom:11px;
    min-width: 18px;
    min-height: 18px;
}

.abo-title-radio:checked::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background: #007aff;
    border-radius: 50%;
}

.abo-title-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.abo-title-label h3 {
    margin: 0;
}