/* o2 palette on the shared, approved provider-page layout. */
body.vf-page.o2-page{--cta:#003e9c;--cta-d:#002a72}
body.vf-page.o2-page .vf-button{background:#003e9c}
body.vf-page.o2-page .vf-button:hover{background:#002a72}
body.vf-page.o2-page .vf-kicker,body.vf-page.o2-page .vf-guide__steps article>span{color:#003e9c}
body.vf-page.o2-page #tarif-grid .card{--vf-card:#eaf2fc;background:#eaf2fc}
body.vf-page.o2-page #tarif-grid .card:nth-child(2){background:#e5eefb}
body.vf-page.o2-page #tarif-grid .card:nth-child(3){background:#e8f3f7}
body.vf-page.o2-page #tarif-grid .card:nth-child(4){background:#dceafa}
body.vf-page.o2-page #tarif-grid .rec-tag{background:#003e9c;color:#fff}
body.vf-page.o2-page #tarif-grid .c-cta .btn{background:#102d50}
body.vf-page.o2-page #tarif-grid .c-cta .btn:hover{background:#003e9c}
body.vf-page.o2-page #tarif-grid .feat li>svg{color:#003e9c}
body.vf-page.o2-page #tarif-grid .card::before{background-image:url('/assets/relaunch/o2-sim-logo.webp');background-size:contain;background-repeat:no-repeat;background-position:center}
body.vf-page.o2-page .vf-calc-header{background:#eaf2fc}
body.vf-page.o2-page .vf-calc-header>div>span{color:#003e9c}
body.vf-page.o2-page .vf-calc-dialog .calc-tbl .sum{background:#e2effb}
body.vf-page.o2-page .vf-calc-dialog .calc-tbl .sum span:last-child{color:#003e9c}
body.vf-page.o2-page .vf-advice{background:#e6effa}
body.vf-page.o2-page .vf-advice .vf-button{background:#102d50}
body.vf-page.o2-page .vf-advantage{background:linear-gradient(145deg,#f5f9ff,#dfebfa)}
body.vf-page.o2-page .vf-advantage__art{background:linear-gradient(135deg,#f6fbff,#cfe6fb);color:#003e9c}
body.vf-page.o2-page .vf-advantage a{background:#102d50}
body.vf-page.o2-page .vf-comparison__disclosure[open] .vf-comparison__symbol{background:#003e9c}
body.vf-page.o2-page .vf-faq summary span,body.vf-page.o2-page .vf-faq .vf-faq-more[open] .vf-faq-item:not([open])>summary span{background:#e6effb;color:#003e9c}
body.vf-page.o2-page .vf-faq .vf-faq-item[open]>summary span{background:#003e9c;color:#fff}
body.vf-page.o2-page .vf-faq details p a{color:#003e9c}
body.vf-page.o2-page .vf-benefits article{background:#dceefa}
body.vf-page.o2-page .vf-benefits article:nth-child(2){background:#e4eaf8}
body.vf-page.o2-page .vf-benefits article:nth-child(3){background:#e0f1ef}
body.vf-page.o2-page .vf-extra-service{background:#e6eefb}
body.vf-page.o2-page .vf-extra-service--internet{background:#e3f1f2}
@media(max-width:700px){body.vf-page.o2-page .vf-hero p{max-width:none}body.vf-page.o2-page .vf-hero h1 br{display:none}}
/* Provider-specific SIM illustration beside the data volume. */
body.vf-page.o2-page #tarif-grid .card::before{background-image:url('/assets/o2-business/o2-business-sim.svg');filter:drop-shadow(0 2px 2px #16345616)}

/* MAX action label pinned to the upper-right card edge. */
body.vf-page.o2-page #tarif-grid .o2-action-badge{position:absolute;top:-12px;right:18px;z-index:2;display:inline-flex;align-items:center;min-height:26px;padding:5px 12px;border-radius:999px;background:#18324e;color:#fff;font-size:11px;font-weight:650;line-height:1.4;white-space:nowrap}
body.vf-page.o2-page #tarif-grid .card:has(>.o2-action-badge){overflow:visible}

/* Match comparison CTAs to the o2 tariff-card buttons. */
body.vf-page.o2-page .vf-compare-actions td{vertical-align:middle}
body.vf-page.o2-page .vf-compare-actions a{background:#102d50;color:#fff;min-height:66px;padding:12px 16px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.45;gap:12px;box-sizing:border-box}
body.vf-page.o2-page .vf-compare-actions a>span{min-width:0}
body.vf-page.o2-page .vf-compare-actions a>svg{flex:0 0 18px;width:18px;height:18px}
body.vf-page.o2-page .vf-compare-actions a:hover{background:#003e9c}
body.vf-page.o2-page .vf-compare-actions a:focus-visible{outline:3px solid #003e9c;outline-offset:3px}
