/* Offerbox from the article mockup; scoped to avoid generic prose image/list rules. */
.carexpat-offerbox-block{container:carexpat-offerbox / inline-size;min-width:0}
.carexpat-offerbox-block,.carexpat-offerbox-block *{box-sizing:border-box}
a.offerbox,.prose a.offerbox{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);background:var(--cyan);border-radius:var(--radius-2xl);overflow:hidden;margin:48px 0;color:var(--black);text-decoration:none;transition:transform var(--t-fast),box-shadow var(--t-fast)}
a.offerbox:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(60,30,90,.16)}
a.offerbox:focus-visible{outline:3px solid var(--violet-dark);outline-offset:4px}
.offerbox__main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:32px 30px 30px 34px}
.offerbox__ttl{display:block;font-family:var(--font-title);font-weight:400;text-transform:uppercase;font-size:clamp(22px,2.4vw,28px);line-height:1.06;color:var(--black);margin:0}
.offerbox__sub{display:block;font-size:14.5px;line-height:1.55;color:rgba(0,0,0,.7);margin:14px 0 0}
.offerbox ul.offerbox__args{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:24px 0 0;padding:0}
.offerbox .offerbox__args li{flex:0 0 auto;position:relative;display:flex;align-items:flex-start;gap:11px;margin:0;padding:0;font-size:14px;font-weight:var(--fw-bold);color:#000;line-height:1.5}
.offerbox .offerbox__args li::before,.offerbox .offerbox__args li::after{content:none}
.offerbox__tick{width:22px;height:22px;border-radius:50%;background:#000;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.offerbox__tick svg{width:12px;height:12px;stroke:var(--cyan);stroke-width:3.2;fill:none}
.offerbox__foot{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:24px;width:100%}
.offerbox__cta{flex-shrink:0;display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:7px 7px 7px 26px;border-radius:var(--radius-pill);background:#000;color:#fff;font-size:14.5px;font-weight:var(--fw-semibold);line-height:1.3}
.offerbox__cta i{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast),background var(--t-fast)}
a.offerbox:hover .offerbox__cta i{background:rgba(255,255,255,.28);transform:translateX(2px)}
.offerbox__cta svg{width:16px;height:16px;stroke:#fff;stroke-width:2.2;fill:none}
.offerbox__trust{display:flex;flex-direction:column;gap:3px}
.offerbox__stars{display:inline-flex;gap:3px}
.offerbox__stars svg{width:15px;height:15px;fill:#00b67a}
.offerbox__trust>span{font-size:13px;color:rgba(0,0,0,.68)}
.offerbox__trust b{color:#000;font-weight:var(--fw-bold)}
.offerbox .offerbox__fig{margin:0;position:relative;min-height:100%}
.offerbox .offerbox__fig img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 42%;margin:0;border-radius:0}
@media(max-width:560px){
  a.offerbox,.prose a.offerbox{grid-template-columns:1fr}
  .offerbox__main{padding:28px 26px 30px}
  .offerbox .offerbox__fig{order:-1;min-height:200px}
  .offerbox__cta{width:100%;justify-content:space-between;padding-right:7px}
  .offerbox__foot{flex-direction:column;align-items:flex-start;gap:16px}
}
/* WPBakery columns can be narrow even on a wide screen. */
@container carexpat-offerbox (max-width:560px){
  a.offerbox,.prose a.offerbox{grid-template-columns:1fr}
  .offerbox__main{padding:28px 26px 30px}
  .offerbox .offerbox__fig{order:-1;min-height:200px}
  .offerbox__cta{width:100%;justify-content:space-between;padding-right:7px;min-width:0;flex-shrink:1}
  .offerbox__foot{flex-direction:column;align-items:flex-start;gap:16px}
}
/* Hidden really means hidden (including keyboard navigation and no-JS fallback). */
.conv-tab[hidden],.conv-sheet[hidden],.conv-scrim[hidden]{display:none!important}
@media(max-width:920px){
  .conv-tab{z-index:210;touch-action:manipulation}
  .conv-scrim{z-index:100010}
  .conv-sheet{z-index:100011;max-height:88dvh;overscroll-behavior:contain}
  .conv-sheet .aside-form{margin:0;max-width:none;width:100%}
  .conv-sheet .aside-form h4{padding-right:36px}
  .conv-sheet__close{width:44px;height:44px;top:6px;right:10px}
  .conv-sheet__close:focus-visible,.conv-tab:focus-visible{outline:3px solid #000;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){
  a.offerbox,.offerbox__cta i,.conv-tab,.conv-tab__label,.conv-sheet,.conv-scrim{transition:none}
}