/* ============================================================
   offers.css — offers page (build 1)
   Load AFTER css/style.css. Everything is scoped to .of-* / body.of-page (own prefix, so it can never collide with classes in style.css).
   Mobile-first; tablet >=768px; desktop >=1024px. Fonts come from the site's own settings (--display / --body = Nouvel R).
   ============================================================ */

body.of-page{
  --of-build:1;                 /* design build 1. js/offers.js warns if it sees anything else (an old cached copy of this file) */
  --of-ink:#16181B;
  --of-green:#0F3D2E;
  --of-mint:#E2F3EA;
  --of-icon:#18A76B;
  --of-text:#3F3F3A;
  --of-muted:#55554F;
  --of-soft:#6B6B63;
  --of-line:#DADAD6;
  --of-tile:#F4F4F3;
  --of-shadow:0 6px 26px rgba(0,0,0,.06);
  --of-header-h:70px;
  background:#ECECEC;
  padding-bottom:0;
}
body.of-modal-open{overflow:hidden;}
.of-page [hidden]{display:none !important;}
.of-main *,.of-main *::before,.of-main *::after,.of-modal *,.of-modal *::before,.of-modal *::after{box-sizing:border-box;}
.of-main :where(h1,h2,h3,p,ul,ol,figure,section){margin:0;padding:0;}   /* (section too: style.css gives every <section> its own padding) */      
.of-main :where(ul,ol){list-style:none;}
.of-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---------- Header ----------
   Same .header-v2-overlay as the other pages. There's no dark hero here, so a dark band behind the header on phones recreates
   the homepage look (its height is measured by JS to match the real header). On tablet / desktop the green bar sits on the page itself. */
.of-main{position:relative;padding:calc(var(--of-header-h) + 22px) 14px 48px;font-family:var(--body);color:var(--of-ink);}
.of-main::before{content:'';position:absolute;top:0;left:0;right:0;height:var(--of-header-h);background:var(--green-dark,#0A2318);}
.of-wrap{max-width:1240px;margin:0 auto;}

/* links that jump to a part of this page (See eligible models, View T&C ...) land BELOW the fixed header, not under it */
#ofModels,#ofTerms,#ofClaim,.of-tc-item{scroll-margin-top:calc(var(--of-header-h) + 16px);}

/* ---------- Shared bits ---------- */
.of-h2{font-family:var(--display);font-weight:800;font-size:1.65rem;line-height:1.2;letter-spacing:-.01em;color:var(--of-ink);}
.of-section{margin-top:36px;}
.of-section-sub{margin:6px 0 14px;font-size:.95rem;line-height:1.45;color:var(--of-muted);}
.of-section > .of-h2{margin-bottom:14px;}
.of-section > .of-section-sub + .of-models,.of-section > .of-h2 + .of-section-sub{margin-top:6px;}
.of-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--yellow);color:#16181B;font-family:var(--body);font-weight:700;font-size:.72rem;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;}
.of-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:14px;font-family:var(--body);font-weight:700;font-size:1rem;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:filter .15s,border-color .15s;}
.of-btn-yellow{background:var(--yellow);color:#16181B;}
.of-btn-yellow:hover{filter:brightness(.96);}
.of-btn-ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff;}
.of-btn-ghost:hover{border-color:#fff;}
.of-btn-outline{background:#fff;border:1px solid var(--of-line);color:#16181B;}
.of-btn-outline:hover{border-color:#B9B9B4;}
.of-btn-caps{text-transform:uppercase;letter-spacing:.03em;font-size:.95rem;}
.of-btn-sm{min-height:46px;padding:0 22px;border-radius:12px;font-size:.95rem;}
.of-btn:focus-visible,.of-link:focus-visible,.of-main a:focus-visible,.of-tc-item summary:focus-visible{outline:2.5px solid #16181B;outline-offset:3px;}
.of-featured .of-btn:focus-visible,.of-featured a:focus-visible{outline-color:#fff;}
.of-link{font-weight:700;font-size:.95rem;color:var(--of-ink);text-decoration:underline;text-underline-offset:4px;}
.of-ico{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--of-mint);color:var(--of-icon);}
.of-actions{display:flex;flex-direction:column;gap:10px;}
.of-actions .of-btn{width:100%;}

/* ---------- Intro ---------- */
.of-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding:28px 0 22px;}
.of-intro-text{flex:1 1 320px;min-width:0;}
.of-crumbs{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--of-muted);}
.of-crumbs a{color:inherit;text-decoration:none;}
.of-crumbs a:hover{text-decoration:underline;}
.of-crumbs [aria-current]{color:var(--of-ink);font-weight:600;}
.of-title{margin-top:12px;font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,8vw,4.5rem);line-height:1.04;letter-spacing:-.02em;text-transform:uppercase;color:var(--of-ink);}
.of-lead{margin-top:12px;max-width:640px;font-size:.95rem;line-height:1.5;color:var(--of-text);}
.of-valid{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:#fff;border:1px solid var(--of-line);font-size:.88rem;font-weight:600;color:var(--of-ink);}

/* ---------- Featured offer (the green card) ---------- */
.of-featured{display:flex;flex-direction:column;gap:20px;background:var(--of-green);color:#fff;border-radius:24px;padding:24px 20px 22px;}
.of-featured-title{margin-top:14px;font-family:var(--display);font-weight:800;font-size:clamp(2.3rem,9vw,3.6rem);line-height:1.04;letter-spacing:-.02em;color:#fff;}
.of-featured-sub{margin-top:10px;max-width:480px;font-size:.95rem;line-height:1.5;color:#D6E4DC;}
.of-featured-valid{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:.88rem;color:#D6E4DC;}
.of-applies{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;}
.of-applies-label{font-size:.82rem;color:#C4D6CB;}
.of-chip{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.82rem;font-weight:600;color:#fff;}
.of-featured-panel{background:#fff;border-radius:18px;padding:14px 10px 12px;}
.of-fcars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(90px,100%),1fr));gap:8px;align-items:end;}
.of-fcar{text-align:center;}
.of-fcar-img{height:62px;display:flex;align-items:center;justify-content:center;}
.of-fcar-img img{display:block;max-width:100%;max-height:100%;object-fit:contain;}
.of-fcar-name{margin-top:6px;font-weight:700;font-size:.78rem;line-height:1.25;color:var(--of-ink);}
.of-fcar-price{margin-top:2px;font-size:.7rem;line-height:1.3;color:var(--of-soft);}
.of-featured-tc{margin-top:14px;text-align:center;font-size:.9rem;}
.of-featured-tc a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px;}

/* ---------- Offer cards ---------- */
.of-cards{display:grid;grid-template-columns:1fr;gap:14px;}
.of-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:22px 20px;box-shadow:var(--of-shadow);}
.of-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.of-card-title{margin-top:18px;font-family:var(--display);font-weight:800;font-size:1.65rem;line-height:1.15;letter-spacing:-.01em;color:var(--of-ink);}
.of-card-text{margin-top:8px;font-size:.95rem;line-height:1.5;color:var(--of-muted);}
.of-facts{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--of-line);font-size:.9rem;color:var(--of-text);}
.of-facts li{display:flex;align-items:center;gap:8px;}
.of-facts svg{flex:0 0 auto;}
.of-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:auto;padding-top:20px;}
.of-card-actions .of-link{text-align:center;}

/* ---------- Offers by car (a swipeable row on phones) ---------- */
.of-models{position:relative;display:flex;gap:12px;overflow-x:auto;margin:0 -14px;padding:2px 14px 14px;scroll-snap-type:x mandatory;scroll-padding:0 14px;-webkit-overflow-scrolling:touch;}      /* scroll-padding: snap with the 14px margin kept, not flush against the screen edge */
.of-model{flex:0 0 268px;scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:18px 18px 20px;box-shadow:var(--of-shadow);}
.of-model-img{height:118px;display:flex;align-items:center;justify-content:center;}
.of-model-img img{display:block;max-width:100%;max-height:100%;object-fit:contain;}
.of-model-name{margin-top:14px;font-family:var(--display);font-weight:800;font-size:1.4rem;line-height:1.2;color:var(--of-ink);}
.of-model-tag{margin-top:2px;font-size:.88rem;color:var(--of-soft);}
.of-model-from{margin-top:12px;font-size:.8rem;color:var(--of-soft);}
.of-model-price{font-family:var(--display);font-weight:800;font-size:1.4rem;line-height:1.2;color:var(--of-ink);}
.of-model-offer{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--of-mint);color:var(--of-green);font-size:.88rem;font-weight:600;line-height:1.35;}
.of-model-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto;padding-top:16px;}

/* ---------- White panels: how to claim / terms / call to action ---------- */
.of-panel{margin-top:24px;background:#fff;border-radius:24px;padding:24px 20px;box-shadow:var(--of-shadow);}
.of-steps{display:flex;flex-direction:column;gap:18px;margin-top:20px;}
.of-step{display:flex;align-items:flex-start;gap:14px;}
.of-step-n{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--yellow);font-family:var(--display);font-weight:800;font-size:1.1rem;color:#16181B;}
.of-step-title{font-family:var(--display);font-weight:700;font-size:1.18rem;line-height:1.25;color:var(--of-ink);}
.of-step-text{margin-top:4px;font-size:.92rem;line-height:1.5;color:var(--of-muted);}

/* ---------- Why Trident Renault ---------- */
.of-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.of-trust-item{padding:18px 16px 20px;background:#fff;border-radius:18px;box-shadow:0 4px 18px rgba(0,0,0,.06);}
.of-trust-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--of-mint);color:var(--of-icon);}
.of-trust-title{margin-top:14px;font-family:var(--display);font-weight:700;font-size:1.03rem;line-height:1.25;color:var(--of-ink);}
.of-trust-text{margin-top:6px;font-size:.8rem;line-height:1.45;color:var(--of-muted);}

/* ---------- Terms & conditions (native <details>, works without JavaScript) ---------- */
.of-tc{margin-top:14px;}
.of-tc-list{margin-top:14px;}
.of-tc-item{border-top:1px solid var(--of-line);}
.of-tc-item:last-child{border-bottom:1px solid var(--of-line);}
.of-tc-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:14px 0;list-style:none;cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.06rem;color:var(--of-ink);}
.of-tc-item summary::-webkit-details-marker{display:none;}
.of-chev{flex:0 0 auto;transition:transform .2s ease;}
.of-tc-item[open] .of-chev{transform:rotate(180deg);}
.of-tc-body{max-width:780px;padding:0 0 18px;font-size:.9rem;line-height:1.65;color:#4A4A44;}
.of-tc-body p + p,.of-tc-body p + ul,.of-tc-body ul + p{margin-top:8px;}
.of-tc-body ul{list-style:disc;padding-left:18px;}
.of-tc-note{max-width:780px;margin-top:16px;font-size:.8rem;line-height:1.55;color:var(--of-muted);}

/* ---------- Final call to action ---------- */
.of-cta{margin-top:14px;padding:26px 22px;}
.of-cta-title{font-family:var(--display);font-weight:800;font-size:1.75rem;line-height:1.15;letter-spacing:-.01em;color:var(--of-ink);}
.of-cta-sub{margin-top:8px;font-size:.95rem;color:var(--of-muted);}
.of-cta .of-actions{margin-top:20px;}
.of-call{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--of-tile);}
.of-call-ico{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--of-green);color:#fff;}
.of-call-label{font-size:.82rem;color:var(--of-muted);}
.of-call-num{display:block;font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1.2;color:var(--of-ink);text-decoration:none;}

/* ---------- Claim pop-up (a sheet from the bottom on phones, a centred card from 768px) ---------- */
.of-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;font-family:var(--body);}
.of-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,14,12,.62);}
.of-dialog{position:relative;width:100%;max-width:600px;max-height:92vh;overflow-y:auto;background:#fff;border-radius:26px 26px 0 0;padding:24px 20px 22px;color:var(--of-ink);}
.of-dialog:focus{outline:none;}
.of-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.of-dialog-title{margin:0;font-family:var(--display);font-weight:800;font-size:1.6rem;line-height:1.15;letter-spacing:-.01em;}
.of-x{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--of-tile);color:#16181B;cursor:pointer;}
.of-offer-chip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;padding:12px 14px;border-radius:16px;background:var(--of-mint);color:var(--of-green);}
.of-offer-chip-text{font-weight:700;font-size:.98rem;}
.of-offer-chip .of-badge{padding:5px 11px;font-size:.68rem;}
.of-fields{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;}
.of-field label{display:block;margin:0 0 6px;font-size:.88rem;font-weight:600;color:var(--of-ink);}
.of-opt{font-weight:400;color:var(--of-muted);}
.of-field input[type=text],.of-field input[type=tel],.of-field input[type=email],.of-field select{display:block;width:100%;height:52px;padding:0 16px;border:1px solid var(--of-line);border-radius:12px;background:#fff;font-family:var(--body);font-size:1rem;color:var(--of-ink);}
.of-field select{padding-right:46px;cursor:pointer;-webkit-appearance:none;appearance:none;}
.of-field input::placeholder{color:#8F8F88;}
.of-field input:focus,.of-field select:focus{outline:2.5px solid #16181B;outline-offset:2px;}
.of-field .is-invalid,.of-phone.is-invalid{outline:2px solid #B3261E;}
.of-select{position:relative;}
.of-select::after{content:'';position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border:solid #16181B;border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none;}
.of-phone{display:flex;height:52px;border:1px solid var(--of-line);border-radius:12px;background:#fff;overflow:hidden;}
.of-phone-cc{display:flex;align-items:center;padding:0 12px;background:var(--of-tile);border-right:1px solid var(--of-line);font-weight:600;}
.of-phone input[type=tel]{flex:1 1 auto;min-width:0;height:100%;border:0;border-radius:0;}
.of-phone input[type=tel]:focus{outline:none;}
.of-phone:focus-within{outline:2.5px solid #16181B;outline-offset:2px;}
.of-error{margin:6px 0 0 2px;font-size:.8rem;line-height:1.3;color:#B3261E;}
.of-error a{text-decoration:underline;}
.of-error-form{margin:10px 0 0;padding:10px 12px;background:#FBEAE8;border-radius:10px;}
.of-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;}
.of-check{position:relative;display:flex;align-items:flex-start;margin:18px 0 4px;cursor:pointer;font-size:.88rem;line-height:1.5;color:var(--of-text);}
.of-check input{position:absolute;top:0;left:0;width:26px;height:26px;margin:0;opacity:0;cursor:pointer;}
.of-check-box{position:relative;flex:0 0 26px;width:26px;height:26px;margin-right:12px;border-radius:7px;border:2px solid #B9B9B2;background:#fff;}
.of-check input:checked + .of-check-box{background:var(--of-icon);border-color:var(--of-icon);}
.of-check input:checked + .of-check-box::after{content:'';position:absolute;left:7px;top:2px;width:7px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}
.of-check input:focus-visible + .of-check-box{outline:2.5px solid #16181B;outline-offset:3px;}
.of-check-text{padding-top:2px;}
.of-check-text a{color:#16181B;text-decoration:underline;}
.of-submit{display:block;width:100%;height:54px;margin-top:18px;padding:0;border:0;border-radius:14px;background:var(--yellow);color:#16181B;font-family:var(--body);font-weight:700;font-size:1rem;text-align:center;cursor:pointer;}
.of-submit:hover{filter:brightness(.96);}
.of-submit:focus-visible{outline:2.5px solid #16181B;outline-offset:3px;}
.of-submit[disabled]{opacity:.65;cursor:progress;}
.of-dialog-note{margin:12px 0 0;text-align:center;font-size:.88rem;color:var(--of-muted);}
.of-success:focus{outline:none;}
.of-success-lead{margin:10px 0 12px;font-size:1rem;line-height:1.5;color:var(--of-text);}
.of-ref{margin:0 0 6px;font-size:.92rem;color:var(--of-muted);}
.of-ref strong{color:var(--of-ink);letter-spacing:.02em;}

/* =========================================================== tablet >= 768px */
@media (min-width:768px){
  .of-main{padding:calc(var(--of-header-h) + 26px) 32px 64px;}
  .of-h2{font-size:2rem;}
  .of-section{margin-top:56px;}
  .of-section > .of-h2{margin-bottom:20px;}
  .of-section-sub{margin:6px 0 20px;font-size:1rem;}
  .of-actions{flex-direction:row;flex-wrap:wrap;gap:12px;}
  .of-actions .of-btn{width:auto;}
  .of-ico{width:48px;height:48px;}

  .of-intro{padding:44px 0 30px;}
  .of-crumbs{font-size:.9rem;}
  .of-title{margin-top:14px;}
  .of-lead{margin-top:16px;font-size:1.1rem;}
  .of-valid{font-size:.95rem;padding:12px 18px;}

  .of-featured{border-radius:28px;padding:40px;gap:28px;}
  .of-featured-title{margin-top:18px;}
  .of-featured-sub{margin-top:14px;font-size:1.1rem;}
  .of-applies{margin-top:22px;gap:10px;}
  .of-applies-label{font-size:.88rem;}
  .of-chip{padding:7px 14px;font-size:.88rem;}
  .of-featured-panel{border-radius:22px;padding:24px 22px 20px;}
  .of-fcars{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
  .of-fcar-img{height:130px;}
  .of-fcar-name{margin-top:10px;font-size:.95rem;}
  .of-fcar-price{font-size:.82rem;}
  .of-featured-tc{text-align:left;}

  .of-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
  .of-card{border-radius:28px;padding:32px;}
  .of-card-title{margin-top:20px;font-size:2rem;}
  .of-card-text{margin-top:10px;font-size:1rem;}
  .of-facts{flex-direction:row;flex-wrap:wrap;gap:10px 28px;margin-top:22px;padding-top:18px;font-size:.95rem;}
  .of-card-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px;padding-top:24px;}
  .of-card-actions .of-link{text-align:left;}

  .of-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:visible;margin:0;padding:0;}
  .of-model{flex:none;border-radius:28px;padding:20px 20px 22px;}
  .of-model-img{height:140px;}
  .of-model-name{margin-top:16px;font-size:1.5rem;}
  .of-model-price{font-size:1.5rem;}
  .of-model-offer{margin-top:14px;padding:11px 14px;}
  .of-model-actions{padding-top:18px;}

  .of-panel{margin-top:28px;border-radius:28px;padding:36px 40px;}
  .of-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px;}
  .of-step{flex-direction:column;gap:14px;}
  .of-step-n{width:48px;height:48px;font-size:1.25rem;}
  .of-step-title{font-size:1.35rem;}
  .of-step-text{font-size:.95rem;}

  .of-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:28px;padding:32px 40px;background:#fff;border-radius:28px;box-shadow:var(--of-shadow);}
  .of-trust-item{padding:0;background:none;border-radius:0;box-shadow:none;}
  .of-trust-ico{width:42px;height:42px;}
  .of-trust-title{margin-top:12px;font-size:1.2rem;}
  .of-trust-text{font-size:.88rem;}

  .of-tc{margin-top:28px;}
  .of-tc-item summary{padding:20px 0;font-size:1.15rem;}
  .of-tc-body{font-size:.95rem;}
  .of-tc-note{font-size:.82rem;}

  .of-cta{margin-top:28px;padding:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;}
  .of-cta-text{flex:1 1 380px;min-width:0;}
  .of-cta-title{font-size:2.2rem;}
  .of-cta-sub{margin-top:10px;font-size:1rem;}
  .of-cta .of-actions{margin-top:26px;}
  .of-call{margin-top:0;padding:20px 26px;border-radius:20px;}
  .of-call-ico{width:52px;height:52px;}
  .of-call-num{font-size:1.75rem;}

  .of-modal{align-items:center;padding:20px;}
  .of-dialog{border-radius:28px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.28);}
  .of-dialog-title{font-size:1.75rem;}
  .of-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;}
}

/* =========================================================== desktop >= 1024px */
@media (min-width:1024px){
  body.of-page{--of-header-h:132px;}
  .of-main{padding:calc(var(--of-header-h) + 20px) 3% 96px;}
  .of-intro{padding:36px 0 32px;}

  .of-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"text panel" "cta panel";column-gap:40px;row-gap:28px;align-items:center;padding:48px;min-height:480px;}
  .of-featured-text{grid-area:text;align-self:end;}
  .of-featured-panel{grid-area:panel;}
  .of-featured-cta{grid-area:cta;align-self:start;}
  .of-featured-cta .of-actions{margin-top:0;}
  .of-fcar-img{height:150px;}

  .of-models{grid-template-columns:repeat(4,minmax(0,1fr));}
  .of-trust{padding:32px 40px;}
}

/* =========================================================== wide desktop >= 1280px */
@media (min-width:1280px){
  .of-trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;}
}