/* ==========================================================
   Financement Auto — V4 Premium clean
   CMS full width / noir blanc rouge / responsive / dark mode
   ========================================================== */

/* ---------- Layout full width ---------- */
.financement-auto-full{
    display:block;
    width:100%;
    max-width:1360px;
}

.financement-auto-full .content-area{
    width:100%;
    max-width:100%;
}

/* ---------- Hero ---------- */
.auto-hero{
    position:relative;
    overflow:hidden;
    margin-bottom:18px;
    padding:26px 28px;
    border:1px solid rgba(0,0,0,.06);
    border-radius:28px;
    background:
        radial-gradient(circle at 82% 18%, rgba(255,35,56,.13), transparent 30%),
        linear-gradient(180deg,#fff,#fff);
    box-shadow:0 16px 36px rgba(0,0,0,.055);
    animation:autoFadeUp .55s ease both;
}

.auto-hero::before{
    content:"";
    position:absolute;
    top:-90px;
    right:-70px;
    width:360px;
    height:360px;
    background:radial-gradient(circle, rgba(255,35,56,.14) 0%, rgba(255,35,56,0) 68%);
    pointer-events:none;
}

.auto-hero-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    margin-bottom:28px;
    padding:0 12px;
    border-radius:999px;
    background:#fff1f2;
    color:#ef233c;
    font-size:.82rem;
    font-weight:900;
}

.auto-hero-grid{
    display:grid;
    grid-template-columns:1fr 430px;
    gap:44px;
    align-items:center;
}

.auto-hero-title{
    margin:0 0 12px;
    color:#070707;
    font-size:3.6rem;
    font-weight:950;
    line-height:.98;
    letter-spacing:-.05em;
}

.auto-hero-title span{
    color:#ff2238;
}

.auto-hero-subtitle{
    max-width:640px;
    margin:0 0 20px;
    color:#505867;
    font-size:1.08rem;
    line-height:1.65;
}

.auto-hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.auto-hero-points span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:40px;
    padding:0 15px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:999px;
    background:#fafafa;
    color:#101827;
    box-shadow:0 6px 14px rgba(0,0,0,.035);
    font-size:.94rem;
    font-weight:800;
}

.auto-hero-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:270px;
}

.hero-car-card--main{
    position:relative;
    overflow:visible;
    width:100%;
    max-width:430px;
    min-height:270px;
    padding:22px 24px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:26px;
    background:linear-gradient(145deg,#0e0f12 0%, #151619 54%, #301215 100%);
    color:#fff;
    box-shadow:0 24px 54px rgba(0,0,0,.24);
    transform:perspective(900px) rotateY(-4deg);
    transition:transform .35s ease;
}

.hero-car-card--main:hover{
    transform:perspective(900px) rotateY(0deg) translateY(-3px);
}

.hero-car-card--main::after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:-60px;
    width:220px;
    height:220px;
    background:radial-gradient(circle, rgba(255,45,65,.20) 0%, rgba(255,45,65,0) 70%);
    pointer-events:none;
}

.hero-mini-label{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    font-size:.83rem;
    font-weight:900;
}

.hero-car-icon{
    margin:20px 0 16px;
    font-size:3.25rem;
}

.hero-car-lines{
    display:flex;
    flex-direction:column;
    gap:11px;
    margin-bottom:18px;
}

.hero-car-lines span{
    display:block;
    height:10px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
}

.hero-car-lines span:nth-child(1){ width:76%; }
.hero-car-lines span:nth-child(2){ width:58%; }
.hero-car-lines span:nth-child(3){ width:64%; }

.hero-score-box{
    position:relative;
    z-index:2;
    min-height:86px;
    margin-top:22px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:rgba(255,255,255,.08);
}

.hero-score-box small,
.hero-score-box strong{
    position:relative;
    z-index:4;
}

.hero-score-box small{
    display:block;
    margin-bottom:6px;
    color:rgba(255,255,255,.72);
    font-size:.86rem;
}

.hero-score-box strong{
    display:block;
    color:#fff;
    font-size:2.18rem;
    font-weight:950;
    line-height:1;
    white-space:nowrap;
}

.hero-floating{
    position:absolute;
    z-index:5;
    min-width:132px;
    padding:13px 15px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:18px;
    background:#fff;
    box-shadow:0 16px 34px rgba(0,0,0,.13);
}

.hero-floating small{
    display:block;
    margin-bottom:3px;
    color:#8a8f98;
    font-size:.77rem;
}

.hero-floating strong{
    color:#111;
    font-size:1.02rem;
    font-weight:900;
}

/* Formule + Badge alignés à droite pour ne jamais masquer la mensualité */
.hero-floating--one{
    top:6px;
    right:-10px;
}

.hero-floating--two{
    right:-10px;
    bottom:16px;
    left:auto;
}

/* ---------- Ad ---------- */
.auto-ad-banner{
    margin-bottom:18px;
    animation:autoFadeUp .55s ease .08s both;
}

.auto-ad-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:98px;
    gap:4px;
    border:1px dashed rgba(0,0,0,.13);
    border-radius:24px;
    background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.035);
    text-align:center;
}

.auto-ad-tag{
    color:#9aa1ad;
    font-size:.74rem;
    font-weight:950;
    letter-spacing:.16em;
}

.auto-ad-inner strong{
    color:#111;
    font-size:1.35rem;
    line-height:1.1;
}

.auto-ad-inner span:last-child{
    color:#6f7785;
    font-size:.95rem;
}

/* ---------- Main panel ---------- */
.auto-main-panel{
    padding:12px;
    border:1px solid transparent;
    border-radius:26px;
    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(135deg,rgba(255,36,56,.28),rgba(0,0,0,.05),rgba(255,36,56,.18)) border-box;
    box-shadow:0 14px 34px rgba(0,0,0,.045);
    animation:autoFadeUp .55s ease .14s both;
}

.auto-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:12px;
}

.auto-tab{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
    overflow:hidden;
    padding:13px 20px;
    border:1px solid #e5e7ee;
    border-radius:12px;
    background:#fff;
    color:#111;
    font-weight:900;
    cursor:pointer;
    transition:.2s ease;
}

.auto-tab::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:3px;
    background:#ff2438;
    transform:translateX(-50%);
    transition:.22s ease;
}

.auto-tab:hover{
    border-color:#d7dae2;
    transform:translateY(-1px);
}

.auto-tab.is-active{
    border-color:#0f1013;
    background:#0f1013;
    color:#fff;
    box-shadow:0 10px 20px rgba(0,0,0,.14);
}

.auto-tab.is-active::after{
    width:42%;
}

.tab-ico{
    font-size:.96rem;
}

.auto-layout{
    display:grid;
    grid-template-columns:minmax(340px, .82fr) minmax(620px, 1.18fr);
    gap:14px;
    margin-bottom:20px;
}

.auto-form-card,
.auto-results-card,
.auto-compare-card{
    padding:20px;
    border:1px solid #ebedf2;
    border-radius:18px;
    background:#fff;
    transition:opacity .22s ease, transform .22s ease;
}

.auto-main-panel.is-switching .auto-results-card,
.auto-main-panel.is-switching .auto-form-card,
.auto-main-panel.is-switching .auto-compare-card{
    opacity:.45;
    transform:translateY(4px);
}

.auto-section-head{
    margin-bottom:16px;
}

.auto-block-title{
    margin:0 0 6px;
    color:#111;
    font-size:1.22rem;
    font-weight:950;
    line-height:1.15;
}

.auto-block-subtitle{
    margin:0;
    color:#7a818f;
    font-size:.9rem;
}

/* ---------- Form ---------- */
.auto-form-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
}

.form-group{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.form-group label{
    color:#424958;
    font-size:.88rem;
    font-weight:800;
}

.form-group input,
.form-group select{
    width:100%;
    min-height:46px;
    padding:0 13px;
    border:1px solid #e3e6ee;
    border-radius:11px;
    background:#fff;
    color:#111;
    font-size:.98rem;
    transition:.2s ease;
}

.form-group input:focus,
.form-group select:focus{
    outline:none;
    border-color:#ff2438;
    box-shadow:0 0 0 3px rgba(255,36,56,.085);
}

.auto-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:16px;
}

.btn-primary,
.btn-secondary{
    min-height:46px;
    padding:0 16px;
    border-radius:11px;
    font-size:.96rem;
    font-weight:950;
    cursor:pointer;
    transition:.2s ease;
}

.btn-primary{
    border:none;
    background:linear-gradient(180deg,#ff2338,#e1001b);
    color:#fff;
    box-shadow:0 12px 20px rgba(225,0,27,.20);
}

.btn-primary:hover{
    transform:translateY(-1px);
}

.btn-secondary{
    border:1px solid #e1e4ec;
    background:#fff;
    color:#111;
}

.btn-secondary:hover{
    border-color:#111;
}

.auto-tip-box{
    display:flex;
    gap:12px;
    margin-top:16px;
    padding:16px;
    border:1px solid #ffe5e7;
    border-radius:14px;
    background:#fff8f8;
}

.auto-tip-icon{
    font-size:1.25rem;
    line-height:1;
}

.auto-tip-box strong{
    display:block;
    margin-bottom:4px;
    color:#111;
    font-size:.9rem;
    font-weight:950;
}

.auto-tip-box p{
    margin:0;
    color:#707888;
    font-size:.88rem;
    line-height:1.5;
}

/* ---------- Results ---------- */
.auto-results-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}

.auto-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 13px;
    border:1px solid #d2edd9;
    border-radius:11px;
    background:#ecf8ef;
    color:#1f8a3b;
    font-size:.85rem;
    font-weight:950;
    white-space:nowrap;
}

.auto-badge.is-warning{
    border-color:#f4dfb5;
    background:#fff8e9;
    color:#b56b06;
}

.auto-badge.is-danger{
    border-color:#ffd0d8;
    background:#fff2f3;
    color:#be1931;
}

.auto-results-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}

.result-box{
    padding:15px 14px;
    border:1px solid #ececf1;
    border-radius:14px;
    background:linear-gradient(180deg,#fff,#fdfdfd);
    transition:.22s ease;
}

.result-box:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(0,0,0,.07);
}

.result-label{
    display:block;
    margin-bottom:9px;
    color:#8a909d;
    font-size:.82rem;
}

.result-value{
    color:#111;
    font-size:1.22rem;
    font-weight:950;
    line-height:1.1;
    letter-spacing:-.02em;
}

.result-sub{
    display:block;
    margin-top:5px;
    color:#8b92a0;
    font-size:.76rem;
}

/* ---------- Gauges ---------- */
.auto-scoring{
    margin-top:6px;
    padding-top:16px;
    border-top:1px solid #eef0f4;
}

.auto-scoring-title{
    margin:0 0 14px;
    color:#111;
    font-size:1.08rem;
    font-weight:950;
}

.gauge-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:18px;
}

.gauge-item{
    text-align:center;
    transition:.22s ease;
}

.gauge-item:hover{
    transform:translateY(-3px);
}

.gauge-item > span{
    display:block;
    margin-top:10px;
    color:#404857;
    font-size:.86rem;
    font-weight:850;
}

.gauge{
    position:relative;
    overflow:hidden;
    width:118px;
    height:59px;
    margin:0 auto;
}

.gauge::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:118px 118px 0 0;
    background:conic-gradient(
        from 180deg,
        var(--gauge-color, #22a447) 180deg,
        var(--gauge-color, #22a447) var(--end-deg, 300deg),
        #e7e9ee var(--end-deg, 300deg),
        #e7e9ee 360deg
    );
    -webkit-mask:radial-gradient(circle at 50% 100%, transparent 53%, #000 54%);
            mask:radial-gradient(circle at 50% 100%, transparent 53%, #000 54%);
    transition:background .45s ease;
}

.gauge-inner{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    width:100%;
    padding-bottom:4px;
    text-align:center;
}

.gauge-inner strong{
    display:block;
    width:100%;
    color:#111;
    font-size:1.12rem;
    font-weight:950;
    line-height:1;
    text-align:center;
}

.gauge-inner small{
    display:block;
    width:100%;
    margin-top:3px;
    color:#8a909c;
    font-size:.72rem;
    text-align:center;
}

/* ---------- Recommendation ---------- */
.auto-recommendation{
    position:relative;
    display:flex;
    gap:13px;
    margin-top:8px;
    padding:17px 18px;
    border:1px solid #cde7d1;
    border-radius:14px;
    background:#f3faf4;
    box-shadow:0 12px 26px rgba(35,162,67,.08);
}

.auto-recommendation::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    border-radius:14px 0 0 14px;
    background:#23a243;
}

.reco-icon{
    margin-left:5px;
    font-size:1.7rem;
    line-height:1;
}

.reco-content strong{
    display:block;
    margin-bottom:3px;
    color:#111;
    font-size:.92rem;
    font-weight:950;
}

.reco-content p{
    margin:0 0 4px;
    color:#1a1f2b;
    font-size:1rem;
    font-weight:950;
    line-height:1.35;
}

.reco-content small{
    display:block;
    color:#707888;
    font-size:.84rem;
    line-height:1.5;
}

/* ---------- Compare cards ---------- */
.auto-compare-card{
    margin-top:24px;
    padding:22px;
}

.auto-compare-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:18px;
}

.compare-wow-card{
    position:relative;
    overflow:visible;
    padding:20px;
    border:1px solid #ececf1;
    border-radius:18px;
    background:#fff;
    transform-origin:center;
    transition:.22s ease;
}

.compare-wow-card:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(0,0,0,.06);
}

.compare-wow-card.is-best{
    z-index:2;
    padding-top:22px;
    border:2px solid #ff2438;
    box-shadow:
        0 18px 34px rgba(255,36,56,.16),
        0 0 0 6px rgba(255,36,56,.04);
    transform:translateY(-6px) scale(1.018);
}

.compare-wow-card.is-best::after{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:18px;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(255,36,56,.16),transparent 45%);
}

.best-choice-badge{
    position:absolute;
    top:-16px;
    right:18px;
    z-index:5;
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid #bfe8c7;
    border-radius:999px;
    background:#e9f9eb;
    color:#218543;
    box-shadow:0 8px 16px rgba(33,133,67,.12);
    font-size:.78rem;
    font-weight:950;
    white-space:nowrap;
    animation:bestPulse 1.8s ease-in-out infinite;
}

.compare-wow-top{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:14px;
    align-items:start;
    margin-bottom:16px;
}

.compare-wow-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff3f4;
    font-size:1.35rem;
}

.compare-wow-title-wrap h3{
    margin:0 0 7px;
    color:#111;
    font-size:1.08rem;
    font-weight:950;
}

.compare-price-line{
    display:flex;
    align-items:flex-end;
    gap:5px;
    margin-bottom:5px;
}

.compare-price-line strong{
    color:#111;
    font-size:1.35rem;
    font-weight:950;
    line-height:1;
}

.compare-price-line span{
    margin-bottom:2px;
    color:#767e8c;
    font-size:.82rem;
}

.compare-total-line{
    color:#7c8392;
    font-size:.82rem;
}

.compare-total-line strong{
    color:#111;
}

.compare-mini-scores{
    display:grid;
    gap:8px;
    margin-top:10px;
}

.mini-score-row{
    display:grid;
    grid-template-columns:82px 1fr;
    align-items:center;
    gap:10px;
}

.mini-score-row span{
    color:#7b8391;
    font-size:.8rem;
}

.mini-score-bar{
    overflow:hidden;
    height:7px;
    border-radius:999px;
    background:#ececf0;
}

.mini-score-bar i{
    display:block;
    width:0%;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#1f9a42,#2cc253);
    transition:width .55s ease;
}

.mini-score-bar.orange i{
    background:linear-gradient(90deg,#ef8a12,#f59f32);
}

.compare-score-box{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-width:82px;
    padding:10px 11px;
    border:1px solid #d9ecdd;
    border-radius:12px;
    background:#f3faf4;
}

.compare-score-box--orange{
    border-color:#ffe1bf;
    background:#fff7ef;
}

.compare-score-box small{
    color:#6eaf7a;
    font-size:.67rem;
    font-weight:950;
}

.compare-score-box--orange small{
    color:#f18a12;
}

.compare-score-box div{
    display:flex;
    align-items:flex-end;
    gap:2px;
}

.compare-score-box strong{
    color:#2a9a48;
    font-size:2rem;
    font-weight:950;
    line-height:1;
}

.compare-score-box--orange strong{
    color:#f18a12;
}

.compare-score-box span{
    margin-bottom:3px;
    color:#6eaf7a;
    font-size:.78rem;
}

.compare-score-box--orange span{
    color:#f18a12;
}

.auto-compare-note{
    margin-top:14px;
    color:#7d8594;
    font-size:.84rem;
    text-align:center;
}

.is-hidden{
    display:none !important;
}

/* ---------- Animations ---------- */
@keyframes autoFadeUp{
    from{
        opacity:0;
        transform:translateY(14px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes bestPulse{
    0%,100%{
        box-shadow:0 8px 16px rgba(33,133,67,.12);
    }
    50%{
        box-shadow:0 8px 22px rgba(33,133,67,.24);
    }
}

/* ---------- Dark mode ---------- */
html.dark .auto-hero,
html.dark .auto-form-card,
html.dark .auto-results-card,
html.dark .auto-compare-card,
html.dark .compare-wow-card,
html.dark .auto-ad-inner,
html.dark .hero-floating,
html.dark .result-box{
    border-color:rgba(255,255,255,.10);
    background:#111;
    box-shadow:none;
}

html.dark .auto-main-panel{
    border:1px solid transparent;
    background:
        linear-gradient(#111,#111) padding-box,
        linear-gradient(135deg,rgba(255,36,56,.32),rgba(255,255,255,.08),rgba(255,36,56,.18)) border-box;
}

html.dark .auto-hero-title,
html.dark .auto-block-title,
html.dark .hero-floating strong,
html.dark .result-value,
html.dark .gauge-inner strong,
html.dark .reco-content strong,
html.dark .reco-content p,
html.dark .compare-wow-title-wrap h3,
html.dark .compare-price-line strong,
html.dark .compare-total-line strong,
html.dark .compare-score-box strong,
html.dark .auto-tip-box strong,
html.dark .auto-ad-inner strong{
    color:#fff;
}

html.dark .auto-hero-subtitle,
html.dark .auto-block-subtitle,
html.dark .auto-ad-tag,
html.dark .auto-ad-inner span:last-child,
html.dark .form-group label,
html.dark .result-label,
html.dark .result-sub,
html.dark .gauge-item > span,
html.dark .gauge-inner small,
html.dark .reco-content small,
html.dark .auto-tip-box p,
html.dark .compare-price-line span,
html.dark .compare-total-line,
html.dark .mini-score-row span,
html.dark .auto-compare-note,
html.dark .hero-floating small{
    color:#c7cbd4;
}

html.dark .auto-hero-points span,
html.dark .auto-tab,
html.dark .btn-secondary,
html.dark .form-group input,
html.dark .form-group select,
html.dark .mini-score-bar,
html.dark .auto-tip-box,
html.dark .compare-score-box{
    border-color:rgba(255,255,255,.12);
    background:#171717;
    color:#fff;
}

html.dark .auto-tab.is-active{
    border-color:#ff2438;
    background:#ff2438;
    color:#fff;
}

html.dark .auto-ad-inner{
    border-style:dashed;
}

html.dark .auto-badge{
    border-color:#2b5a3d;
    background:#173121;
    color:#75d691;
}

html.dark .auto-badge.is-warning{
    border-color:#5d4320;
    background:#352713;
    color:#ffc36d;
}

html.dark .auto-badge.is-danger{
    border-color:#5d2630;
    background:#35161b;
    color:#ff7e90;
}

html.dark .auto-tip-box{
    border-color:#3a2020;
    background:#1b1414;
}

html.dark .auto-recommendation{
    border-color:#244c31;
    background:#132018;
}

html.dark .auto-recommendation::before{
    background:#2cc253;
}

html.dark .compare-score-box{
    border-color:#2e4b35;
    background:#152118;
}

html.dark .compare-score-box--orange{
    border-color:#5b3a18;
    background:#2a1d12;
}

html.dark .compare-wow-card.is-best{
    border-color:#ff5060;
    box-shadow:
        0 18px 34px rgba(255,36,56,.10),
        0 0 0 6px rgba(255,36,56,.035);
}

/* ---------- Responsive ---------- */
@media (max-width: 1180px){
    .auto-hero-grid,
    .auto-layout{
        grid-template-columns:1fr;
    }

    .auto-results-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .auto-compare-grid{
        grid-template-columns:1fr;
    }

    .hero-floating--one,
    .hero-floating--two{
        right:10px;
        left:auto;
    }
}

@media (max-width: 760px){
    .auto-hero{
        padding:18px;
        border-radius:20px;
    }

    .auto-hero-title{
        font-size:2.35rem;
    }

    .auto-main-panel{
        padding:8px;
    }

    .auto-results-grid,
    .auto-form-grid,
    .gauge-grid{
        grid-template-columns:1fr;
    }

    .auto-actions{
        grid-template-columns:1fr;
    }

    .auto-tab{
        flex:1 1 100%;
        justify-content:center;
    }

    .hero-car-card--main,
    .hero-car-card--main:hover{
        min-height:235px;
        padding:18px;
        transform:none;
    }

    .hero-floating{
        position:static;
        margin-top:10px;
    }

    .auto-hero-visual{
        display:block;
        min-height:auto;
    }

    .compare-wow-top{
        grid-template-columns:1fr;
    }

    .best-choice-badge{
        position:static;
        display:inline-flex;
        margin-bottom:10px;
    }

    .compare-wow-card.is-best{
        padding-top:20px;
        transform:none;
    }
}