/* =====================================================================
   FDS Commercials · Defender & Discovery Commercial campaign · v1.0.0
   Preview build v1.3.0 30-09-2026 · package rev 1.2 (rear-seat conversion on
   Defender 90, Defender 110 AND Discovery Commercial).
   Visual system taken from the approved FDS Alpine page v1.3.1
   (itself matching FDS website v21/v26). Every rule is scoped under
   .dd-page and every class is prefixed dd- so the page can sit inside a
   host builder without colliding with host CSS.
   Font URLs are relative to this file (css/ -> ../assets/fonts/).
   ===================================================================== */

/* ---------- fonts (byte-identical to the Alpine / v21 faces) ---------- */
@font-face{font-family:'FDS Serif';src:url(../assets/fonts/fds-serif-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'FDS Serif';src:url(../assets/fonts/fds-serif-500-italic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'FDS Serif';src:url(../assets/fonts/fds-serif-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'FDS Serif';src:url(../assets/fonts/fds-serif-600-italic.woff2) format('woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'FDS Sans';src:url(../assets/fonts/fds-sans-100-900-normal.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'FDS Serif Fallback';src:local('Georgia'),local('Times New Roman'),local('Liberation Serif');
  size-adjust:94.53%;ascent-override:96%;descent-override:26%;line-gap-override:0%}
@font-face{font-family:'FDS Sans Fallback';src:local('Arial'),local('Helvetica Neue'),local('Segoe UI'),local('Liberation Sans');
  size-adjust:105.11%;ascent-override:95%;descent-override:24%;line-gap-override:0%}

/* ---------- tokens ---------- */
.dd-page{
  --dd-black:#000000;
  --dd-ink:#08080A;
  --dd-graphite:#131316;
  --dd-graphite-2:#1A1A1E;
  --dd-graphite-3:#232327;
  --dd-warm-panel:#17161A;
  --dd-white:#FFFFFF;
  --dd-silver:#C9CBCF;
  --dd-silver-hi:#E8E9EC;
  --dd-silver-lo:#8E9298;
  --dd-warm:#B0AAA1;
  --dd-warm-dim:#8F8A83;
  --dd-line:rgba(201,203,207,.20);
  --dd-line-2:rgba(201,203,207,.11);
  --dd-satin:linear-gradient(180deg,var(--dd-silver-hi) 0%,var(--dd-silver) 46%,var(--dd-silver-lo) 100%);
  --dd-silver-face:linear-gradient(176deg,#C2C5CA 0%,#B2B6BC 50%,#9BA0A6 100%);
  --dd-silver-edge:#8D9298;
  --dd-silver-face-hi:linear-gradient(176deg,#CFD2D6 0%,#C0C3C8 50%,#AAAFB5 100%);
  --dd-silver-edge-hi:#9CA1A7;
  --dd-serif:'FDS Serif','FDS Serif Fallback',Georgia,serif;
  --dd-sans:'FDS Sans','FDS Sans Fallback',Arial,sans-serif;
  --dd-d0:clamp(2.45rem,4.6vw,4.3rem);
  --dd-d2:clamp(2rem,3.1vw,2.9rem);
  --dd-d3:clamp(1.3rem,1.8vw,1.7rem);
  --dd-pad:clamp(1.25rem,4.4vw,4.5rem);
  --dd-sec:clamp(3rem,5.4vw,5.6rem);
  --dd-max:1520px;
  --dd-navh:78px;
  --dd-ease:cubic-bezier(.19,1,.22,1);

  margin:0;background:var(--dd-ink);color:var(--dd-white);font-family:var(--dd-sans);
  font-size:1.0625rem;line-height:1.65;font-weight:350;letter-spacing:-.003em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;overflow-x:clip;
}
@media (max-width:760px){ .dd-page{ --dd-navh:64px; --dd-sec:2.6rem } }

/* ---------- local reset ---------- */
.dd-page *,.dd-page *::before,.dd-page *::after{box-sizing:border-box}
.dd-page :where(h1,h2,h3,h4,p,ul,ol,figure,fieldset,legend,blockquote,dl,dd){margin:0;padding:0}
.dd-page :where(ul,ol){list-style:none}
.dd-page :where(fieldset){border:0;min-width:0}
.dd-page :where(a){color:inherit;text-decoration:none}
.dd-page :where(img){display:block;max-width:100%}
.dd-page :where(button,input,textarea){font:inherit;color:inherit}
.dd-page :focus-visible{outline:2px solid var(--dd-silver-hi);outline-offset:3px}
.dd-page [tabindex="-1"]:focus{outline:none}
.dd-page [hidden]{display:none!important}

.dd-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--dd-silver-face);color:#08080A;
  padding:.7rem 1rem;font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.dd-skip:focus{top:8px}
.dd-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.dd-wrap{max-width:var(--dd-max);margin-inline:auto;padding-inline:var(--dd-pad)}
.dd-sec{padding-block:var(--dd-sec);border-top:1px solid var(--dd-line-2);scroll-margin-top:var(--dd-navh)}
.dd-sec.dd-alt{background:var(--dd-graphite)}
.dd-sec.dd-warm{background:var(--dd-warm-panel)}

/* ---------- shared type ---------- */
.dd-eyebrow{font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;color:var(--dd-silver);
  font-weight:500;display:flex;align-items:center;gap:.85em}
.dd-eyebrow::before{content:"";width:24px;height:1px;background:var(--dd-satin);flex:none}
.dd-h2{font-family:var(--dd-serif);font-weight:600;font-size:var(--dd-d2);line-height:1.1;letter-spacing:-.014em;
  color:var(--dd-white);margin-top:.9rem;text-wrap:balance}
.dd-h3{font-family:var(--dd-serif);font-weight:600;font-size:var(--dd-d3);line-height:1.14;color:var(--dd-white);letter-spacing:-.008em;text-wrap:balance}
.dd-lede{color:var(--dd-warm);font-size:1rem;line-height:1.7;max-width:40em;margin-top:.8rem}
.dd-body{color:var(--dd-warm);line-height:1.7}
.dd-small{font-size:.8125rem;color:var(--dd-warm-dim);line-height:1.6}
.dd-shead{margin-bottom:clamp(1.6rem,2.6vw,2.4rem)}

/* ---------- buttons ---------- */
.dd-btn{background:var(--dd-silver-face);color:#08080A;border:1px solid var(--dd-silver-edge);border-radius:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);font-family:var(--dd-sans);
  font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;min-height:52px;
  padding:0 1.7rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;cursor:pointer;
  text-align:center;line-height:1.25;
  transition:background .35s var(--dd-ease),border-color .35s var(--dd-ease),color .35s var(--dd-ease)}
.dd-btn:hover{background:var(--dd-silver-face-hi);border-color:var(--dd-silver-edge-hi);color:#08080A}
.dd-btn svg{flex:none;transition:transform .5s var(--dd-ease)}
.dd-btn:hover svg{transform:translateX(5px)}
.dd-btn.dd-ghost{background:transparent;color:var(--dd-silver-hi);border-color:rgba(201,203,207,.44);font-weight:500;box-shadow:none}
.dd-btn.dd-ghost:hover{background:rgba(201,203,207,.10);border-color:var(--dd-silver);color:var(--dd-white)}
.dd-btn.dd-sm{min-height:44px;padding:0 1.15rem;font-size:.75rem}
.dd-btn[disabled]{opacity:.5;cursor:not-allowed}
.dd-acts{display:flex;flex-wrap:wrap;gap:.75rem}
.dd-textlink{display:inline-flex;align-items:center;min-height:44px;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;
  color:var(--dd-silver-hi);background:none;border:0;padding:0;cursor:pointer;font-family:var(--dd-sans)}
.dd-textlink span{border-bottom:1px solid rgba(201,203,207,.4);padding-bottom:.2rem}
.dd-textlink:hover{color:var(--dd-white)}
.dd-textlink:hover span{border-bottom-color:var(--dd-white)}

/* segmented selector buttons (hero switcher, body, package, BCH example) */
.dd-seg{display:flex;flex-wrap:wrap;border:1px solid var(--dd-line);background:var(--dd-line-2);gap:1px;width:fit-content;max-width:100%}
.dd-seg button{flex:1 1 auto;min-height:48px;padding:.55rem 1.1rem;border:0;border-radius:0;background:var(--dd-graphite-2);
  color:var(--dd-silver);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;cursor:pointer;
  transition:background .3s var(--dd-ease),color .3s var(--dd-ease)}
.dd-seg button:hover{background:rgba(201,203,207,.08);color:var(--dd-white)}
.dd-seg button[aria-pressed="true"]{background:var(--dd-silver-face);color:#08080A}
.dd-seg button:focus-visible{outline:2px solid var(--dd-silver-hi);outline-offset:-4px}
.dd-seg-label{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:500;margin-bottom:.55rem}

/* ---------- header (matches the Alpine v1.3 header: wordmark alone) ---------- */
.dd-nav{position:sticky;top:0;z-index:60;height:var(--dd-navh);background:var(--dd-graphite);border-bottom:1px solid var(--dd-line)}
.dd-nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,203,207,.34) 22%,rgba(201,203,207,.34) 78%,transparent)}
.dd-nav .dd-wrap{height:100%;display:flex;align-items:center;gap:2rem}
.dd-logo{display:inline-flex;align-items:center;flex:none}
.dd-logo img{height:28px;width:auto}
.dd-nav nav{margin-left:auto;height:100%}
.dd-nav ul{display:flex;gap:2.1rem;align-items:center;height:100%}
.dd-nav ul a{display:inline-block;font-size:.8125rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;white-space:nowrap;
  color:var(--dd-silver);padding:.55rem 0;position:relative;transition:color .3s var(--dd-ease)}
.dd-nav ul a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--dd-satin);transition:right .4s var(--dd-ease)}
.dd-nav ul a:hover{color:var(--dd-white)}
.dd-nav ul a:hover::after{right:0}
.dd-enq{margin-left:1.4rem;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;flex:none;
  color:#08080A;background:var(--dd-silver-face);border:1px solid var(--dd-silver-edge);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);height:42px;display:inline-flex;align-items:center;gap:.6rem;
  padding:0 1.25rem;white-space:nowrap;transition:background .35s var(--dd-ease),border-color .35s var(--dd-ease)}
.dd-enq:hover{background:var(--dd-silver-face-hi);border-color:var(--dd-silver-edge-hi)}
.dd-enq svg{transition:transform .45s var(--dd-ease)}
.dd-enq:hover svg{transform:translateX(4px)}
@media (max-width:1279px){ .dd-nav ul{gap:1.5rem} .dd-nav ul a{font-size:.75rem;letter-spacing:.11em} .dd-enq{margin-left:.6rem} }
@media (max-width:1099px){ .dd-nav nav{display:none} .dd-enq{margin-left:auto} }
@media (max-width:760px){ .dd-logo img{height:24px} .dd-enq{display:none} }  /* as Alpine: the sticky bar carries Enquire Now on phones */

/* ---------- hero (side-by-side, restored in v1.2.0) ---------- */
.dd-hero{padding-block:clamp(1.6rem,4vw,4rem) clamp(2.2rem,4.5vw,4.4rem);background:
  radial-gradient(120% 90% at 78% 40%,rgba(201,203,207,.06),transparent 60%),var(--dd-ink)}
.dd-hero-g{display:grid;gap:1.6rem;align-items:center}
.dd-h1{font-family:var(--dd-serif);font-weight:600;font-size:clamp(2.3rem,9.6vw,3.2rem);line-height:1.04;letter-spacing:-.008em;
  color:var(--dd-white);margin-top:.7rem;text-wrap:balance}
.dd-h1 span{display:block}
.dd-hero-intro{margin-top:1rem;color:var(--dd-warm);font-size:1.0625rem;line-height:1.65;max-width:32em}
.dd-avail{margin-top:1.3rem;padding-top:1.05rem;border-top:1px solid rgba(201,203,207,.26)}
.dd-avail-sub{display:flex;align-items:baseline;gap:.7rem;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dd-silver-hi);font-weight:500;line-height:1.6}
.dd-avail-sub::before{content:"";width:7px;height:7px;background:var(--dd-silver-face);border:1px solid var(--dd-silver-edge);transform:rotate(45deg) translateY(-2px);flex:none}
.dd-hero-acts{margin-top:1.4rem}
.dd-hero-media{min-width:0}
.dd-hero-fig{position:relative;background:var(--dd-graphite);border:1px solid var(--dd-line-2)}
.dd-hero-fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.dd-hero-cap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.8rem}
.dd-hero-cap p{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dd-silver-lo)}
@media (max-width:599px){
  .dd-hero-acts .dd-btn{flex:1 1 100%}
  .dd-hero-cap .dd-seg{width:100%;flex-wrap:nowrap}
  .dd-hero-cap .dd-seg button{flex:1 1 0;padding-inline:.4rem;letter-spacing:.06em;font-size:.6875rem}
}
@media (min-width:600px) and (max-width:979px){ .dd-h1{font-size:clamp(2.9rem,7vw,3.8rem)} }
@media (min-width:980px){
  .dd-hero-g{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.2rem,4.5vw,5rem)}
  .dd-h1{font-size:var(--dd-d0)}
}

/* ---------- range cards ---------- */
.dd-range{display:grid;gap:1.2rem}
.dd-card{background:var(--dd-graphite);border:1px solid var(--dd-line);display:flex;flex-direction:column;min-width:0;
  transition:border-color .3s var(--dd-ease)}
.dd-card:hover,.dd-card:focus-within{border-color:rgba(201,203,207,.38)}
.dd-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid var(--dd-line-2)}
.dd-card-b{padding:clamp(1.2rem,1.9vw,1.6rem);display:flex;flex-direction:column;flex:1}
.dd-card-k{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:500;margin-bottom:.45rem}
.dd-card p{margin-top:.65rem;color:var(--dd-warm);font-size:.9688rem;line-height:1.65}
.dd-card .dd-sp{flex:1;min-height:1.2rem}
.dd-card .dd-btn{width:100%}
.dd-note{margin-top:1.1rem;font-size:.8125rem;color:var(--dd-warm-dim);line-height:1.6}
@media (min-width:880px){ .dd-range{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* ---------- points (why commercial / help) ---------- */
.dd-points{display:grid;gap:0}
.dd-points li{border-top:1px solid var(--dd-line);padding:1.15rem 0 1.25rem}
.dd-points h3{font-size:1.0625rem;font-weight:600;color:var(--dd-white);line-height:1.4;letter-spacing:-.005em}
.dd-points p{margin-top:.4rem;color:var(--dd-warm);font-size:.9688rem;line-height:1.65;max-width:34em}
.dd-points-n{font-family:var(--dd-serif);font-style:italic;font-weight:500;color:var(--dd-silver-lo);font-size:1rem;margin-bottom:.3rem;display:block}
@media (min-width:760px){ .dd-points.dd-4{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.5rem,3vw,3rem)} }
@media (min-width:1180px){ .dd-points.dd-4{grid-template-columns:repeat(4,minmax(0,1fr))} .dd-points li{padding-bottom:0} }

/* ---------- styling explorer ---------- */
.dd-sty{display:grid;gap:1.6rem}
.dd-sty-ctrl{display:flex;flex-direction:column;gap:1.1rem}
.dd-pk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--dd-line-2);border:1px solid var(--dd-line)}
.dd-pk button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.2rem;text-align:left;min-height:72px;
  padding:.8rem 1rem;border:0;border-radius:0;background:var(--dd-graphite-2);color:var(--dd-silver-hi);cursor:pointer;
  transition:background .3s var(--dd-ease),color .3s var(--dd-ease)}
.dd-pk button b{font-family:var(--dd-serif);font-size:1.3rem;font-weight:600;line-height:1.1;letter-spacing:-.005em;white-space:nowrap}
.dd-pk button small{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:500}
.dd-pk button:hover{background:rgba(201,203,207,.08);color:var(--dd-white)}
.dd-pk button[aria-pressed="true"]{background:var(--dd-silver-face);color:#08080A}
.dd-pk button[aria-pressed="true"] small{color:#2A2A2F}
.dd-pk button:focus-visible{outline:2px solid var(--dd-silver-hi);outline-offset:-4px}
.dd-sty-fig{position:relative;background:var(--dd-graphite);border:1px solid var(--dd-line-2)}
.dd-sty-fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.dd-cap{position:absolute;left:0;bottom:0;padding:.5rem .8rem;font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dd-silver);background:rgba(6,6,8,.74)}
.dd-sty-copy h3{margin-top:.2rem}
.dd-sty-copy > p{margin-top:.6rem;color:var(--dd-warm);line-height:1.7}
.dd-builds{margin-top:.9rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:500}
.dd-inc{margin-top:1rem;border-top:1px solid var(--dd-line)}
.dd-inc summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;
  font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--dd-silver-hi)}
.dd-inc summary::-webkit-details-marker{display:none}
.dd-inc summary::after{content:"";width:8px;height:8px;border-right:1px solid var(--dd-silver);border-bottom:1px solid var(--dd-silver);
  transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--dd-ease);flex:none}
.dd-inc[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.dd-inc ul{padding-bottom:.9rem}
.dd-inc li{position:relative;padding:.45rem 0 .45rem 1.2rem;color:var(--dd-warm);font-size:.9688rem;line-height:1.5;border-top:1px solid var(--dd-line-2)}
.dd-inc li::before{content:"";position:absolute;left:0;top:1.05em;width:6px;height:1px;background:var(--dd-silver)}
.dd-sty-sup{margin-top:1rem;font-size:.875rem;color:var(--dd-warm-dim);line-height:1.6}
.dd-sty-copy .dd-acts{margin-top:1.3rem}
@media (max-width:599px){ .dd-sty-copy .dd-btn{width:100%} }
@media (min-width:980px){
  .dd-sty{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,4vw,4.2rem);align-items:start}
  .dd-sty-media{position:sticky;top:calc(var(--dd-navh) + 1.5rem)}
}
@media (min-width:600px) and (max-width:979px){ .dd-pk{grid-template-columns:repeat(4,minmax(0,1fr))} }
/* v1.5: beside the image (980px+) the four styling buttons sit 2 × 2 so every name fits */
.dd-pk button b{white-space:normal;overflow-wrap:normal}

/* ---------- finishes ---------- */
.dd-fin{display:grid;gap:0;border-bottom:1px solid var(--dd-line)}
.dd-fin li{border-top:1px solid var(--dd-line);padding:1.3rem 0 1.4rem;display:grid;gap:.5rem}
.dd-fin .dd-num{font-family:var(--dd-serif);font-style:italic;color:var(--dd-silver-lo);font-size:1rem}
.dd-fin p{color:var(--dd-warm);font-size:.9688rem;line-height:1.65;max-width:34em}
@media (min-width:860px){
  .dd-fin{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.5rem,3vw,3rem);border-bottom:0}
  .dd-fin li{padding-bottom:0}
}
.dd-fin-note{margin-top:1.4rem;font-size:.875rem;color:var(--dd-warm-dim);line-height:1.6;max-width:52em}

/* ---------- lease your styled defender ---------- */
.dd-sl{display:grid;gap:1.4rem;align-items:center}
.dd-sl-fig{position:relative;background:var(--dd-graphite);border:1px solid var(--dd-line-2)}
.dd-sl-fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.dd-sl-b > p:not(.dd-eyebrow){margin-top:.8rem;color:var(--dd-warm);line-height:1.7;max-width:32em}
.dd-sl-b .dd-small{margin-top:.7rem}
.dd-sl-b .dd-acts{margin-top:1.3rem}
@media (max-width:599px){ .dd-sl-b .dd-btn{width:100%} }
@media (min-width:980px){ .dd-sl{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,4vw,4.2rem)} }

/* ---------- rear seat conversion ----------
   One substantial image (replaceable via config.conversionImage) and
   concise copy aligned at the top. */
.dd-conv{display:grid;gap:1.4rem;align-items:start}
.dd-conv-fig{position:relative;background:var(--dd-graphite);border:1px solid var(--dd-line-2)}
.dd-conv-fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.dd-conv-copy > p:not(.dd-eyebrow){margin-top:.8rem;color:var(--dd-warm);line-height:1.7;max-width:34em}
.dd-ticks{margin-top:1.1rem;border-bottom:1px solid var(--dd-line)}
.dd-ticks li{position:relative;border-top:1px solid var(--dd-line);padding:.8rem 0 .8rem 1.6rem;color:var(--dd-white);font-weight:500;font-size:.9688rem;line-height:1.45}
.dd-ticks li::before{content:"";position:absolute;left:.15rem;top:1.15rem;width:7px;height:7px;background:var(--dd-silver-face);border:1px solid var(--dd-silver-edge);transform:rotate(45deg)}
.dd-conv-copy .dd-acts{margin-top:1.4rem}
@media (max-width:599px){ .dd-conv-copy .dd-btn{width:100%} }
@media (min-width:980px){ .dd-conv{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,4vw,4.2rem)} .dd-conv-copy{padding-top:.2rem} }

/* ---------- buy / finance / lease ---------- */
.dd-opts{display:grid;gap:1rem}
.dd-opt{background:var(--dd-graphite);border:1px solid var(--dd-line);padding:clamp(1.25rem,1.9vw,1.6rem);display:flex;flex-direction:column;
  transition:border-color .3s var(--dd-ease)}
.dd-opt:hover,.dd-opt:focus-within{border-color:rgba(201,203,207,.38)}
.dd-opt p{margin-top:.6rem;color:var(--dd-warm);font-size:.9688rem;line-height:1.65}
.dd-opt .dd-sp{flex:1;min-height:1.2rem}
.dd-opt .dd-btn{width:100%}
@media (min-width:860px){ .dd-opts{grid-template-columns:repeat(3,minmax(0,1fr))} }

.dd-bch{margin-top:clamp(2.4rem,4.4vw,3.6rem);padding-top:clamp(1.8rem,3vw,2.4rem);border-top:1px solid var(--dd-line)}
.dd-bch-h{font-family:var(--dd-serif);font-weight:600;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15;color:var(--dd-white)}
.dd-bch .dd-lede{font-size:.9375rem}
.dd-bch-pick{margin-top:1.2rem}
.dd-bch-card{margin-top:1rem;position:relative;display:grid;background:var(--dd-graphite-2);border:1px solid var(--dd-line);max-width:980px}
.dd-bch-card figure{border-bottom:1px solid var(--dd-line-2);background:var(--dd-graphite)}
.dd-bch-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.dd-bch-tag{position:absolute;top:0;right:0;z-index:2;padding:.35rem .7rem;font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dd-silver);background:rgba(8,8,10,.8);border-left:1px solid var(--dd-line-2);border-bottom:1px solid var(--dd-line-2)}
.dd-bch-main{padding:1.2rem clamp(1.1rem,2.2vw,1.6rem) 1rem}
.dd-bch-veh{font-size:.9375rem;font-weight:600;color:var(--dd-white);line-height:1.4}
.dd-bch-lab{margin-top:.8rem;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-silver);font-weight:500}
.dd-bch-amt{margin-top:.15rem;font-size:clamp(1.9rem,4.8vw,2.4rem);font-weight:600;color:var(--dd-white);letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.dd-bch-amt small{font-size:.875rem;font-weight:500;letter-spacing:.02em;color:var(--dd-silver-hi);margin-left:.45rem}
.dd-bch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--dd-line)}
.dd-bch-grid > div{padding:.75rem clamp(1.1rem,2.2vw,1.6rem);min-width:0;border-bottom:1px solid var(--dd-line-2)}
.dd-bch-grid > div:nth-child(2n){border-left:1px solid var(--dd-line-2)}
.dd-bch-grid dt{font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:500}
.dd-bch-grid dd{margin-top:.2rem;font-size:1rem;font-weight:600;color:var(--dd-white);font-variant-numeric:tabular-nums}
.dd-bch-legal{margin-top:1rem;font-size:.8125rem;color:var(--dd-warm-dim);line-height:1.6;max-width:62em}
.dd-bch .dd-acts{margin-top:1.2rem}
@media (max-width:599px){ .dd-bch .dd-acts .dd-btn{width:100%} .dd-bch-pick .dd-seg{width:100%} .dd-bch-pick .dd-seg button{padding-inline:.6rem;letter-spacing:.08em} }
@media (min-width:760px){
  .dd-bch-card{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .dd-bch-card figure{border-bottom:0;border-right:1px solid var(--dd-line-2)}
  .dd-bch-card img{height:100%}
  .dd-bch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dd-bch-grid > div:nth-child(2n){border-left:0}
  .dd-bch-grid > div:not(:nth-child(3n+1)){border-left:1px solid var(--dd-line-2)}
}

/* ---------- FAQ ---------- */
.dd-faq-g{display:grid;gap:1.5rem}
.dd-faq{border-bottom:1px solid var(--dd-line)}
.dd-faq details{border-top:1px solid var(--dd-line)}
.dd-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  min-height:60px;padding:.9rem 0;font-size:1.0625rem;font-weight:500;color:var(--dd-white);line-height:1.4}
.dd-faq summary::-webkit-details-marker{display:none}
.dd-faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:1px solid var(--dd-silver);border-bottom:1px solid var(--dd-silver);
  transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--dd-ease)}
.dd-faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.dd-faq summary:hover{color:var(--dd-silver-hi)}
.dd-faq details p{padding:0 2.2rem 1.2rem 0;color:var(--dd-warm);font-size:.9688rem;line-height:1.7;max-width:46em}
@media (min-width:960px){ .dd-faq-g{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,4vw,4.2rem)} }

.dd-final{margin-top:clamp(2.6rem,5vw,4rem);padding:clamp(1.6rem,3.4vw,3rem);background:var(--dd-graphite-2);border:1px solid var(--dd-line);
  display:grid;gap:1.2rem;align-items:center}
.dd-final p{color:var(--dd-warm);line-height:1.7;max-width:34em;margin-top:.6rem}
@media (min-width:860px){ .dd-final{grid-template-columns:minmax(0,1fr) auto} }
@media (max-width:599px){ .dd-final .dd-btn{width:100%} }

/* ---------- footer ---------- */
.dd-foot{background:var(--dd-black);border-top:1px solid var(--dd-line-2)}
.dd-foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;padding-block:clamp(1.8rem,3vw,2.6rem)}
.dd-lockup img{width:200px;height:auto}
.dd-foot-cta{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.dd-foot-cta p{color:var(--dd-warm);font-size:.9375rem}
.dd-regs{padding-block:clamp(1.4rem,2.2vw,1.9rem);border-top:1px solid var(--dd-line-2)}
.dd-regs .dd-key{font-size:.875rem;color:var(--dd-warm);line-height:1.65;max-width:82em}
.dd-regs .dd-key strong{color:var(--dd-white);font-weight:600}
.dd-regs .dd-ident{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:.9rem;font-size:.8125rem;color:var(--dd-warm-dim);line-height:1.6}
.dd-fbot{padding:1.2rem 0 2rem;border-top:1px solid var(--dd-line-2);display:flex;justify-content:space-between;
  gap:1rem 1.5rem;flex-wrap:wrap;font-size:.75rem;letter-spacing:.05em;color:var(--dd-warm-dim)}
.dd-fbot ul{display:flex;gap:1.4rem;flex-wrap:wrap}
.dd-fbot a:hover{color:var(--dd-silver)}
.dd-pvflag{border:1px dashed rgba(201,203,207,.3);padding:.15rem .5rem;letter-spacing:.14em;text-transform:uppercase;font-size:.625rem;color:var(--dd-silver-lo)}

/* ---------- mobile sticky CTA ---------- */
.dd-mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:.6rem var(--dd-pad) calc(.6rem + env(safe-area-inset-bottom,0px));
  background:rgba(19,19,22,.97);border-top:1px solid var(--dd-line);transform:translateY(110%);transition:transform .35s var(--dd-ease);visibility:hidden}
.dd-mbar .dd-btn{width:100%;min-height:48px}
.dd-page.dd-mbar-on .dd-mbar{transform:none;visibility:visible}
.dd-page.dd-mbar-on{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
@media (min-width:761px){ .dd-mbar{display:none} .dd-page.dd-mbar-on{padding-bottom:0} }

/* =====================================================================
   Full-screen enquiry view. Part of the page flow (the landing content is
   hidden while it is open), so it scrolls like a normal page on phones
   and the on-screen keyboard never covers a fixed layer.
   ===================================================================== */
.dd-page.dd-eq-open{padding-bottom:0}
.dd-eqv{min-height:100vh;min-height:100dvh;background:var(--dd-ink);display:flex;flex-direction:column}
.dd-eqv[hidden]{display:none!important}
.dd-eqv-bar{position:sticky;top:0;z-index:60;background:var(--dd-graphite);border-bottom:1px solid var(--dd-line)}
.dd-eqv-bar-in{max-width:var(--dd-max);margin-inline:auto;padding-inline:var(--dd-pad);height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.dd-eqv-id{display:flex;align-items:center;gap:.9rem;min-width:0}
.dd-eqv-id img{height:20px;width:auto;flex:none}
.dd-eqv-veh{font-size:.8125rem;letter-spacing:.06em;color:var(--dd-silver-hi);font-weight:500;white-space:nowrap;
  padding-left:.9rem;border-left:1px solid var(--dd-line);overflow:hidden;text-overflow:ellipsis}
.dd-eqv-close{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:0 .2rem;background:none;border:0;cursor:pointer;
  font-family:var(--dd-sans);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--dd-silver-hi);white-space:nowrap}
.dd-eqv-close span{border-bottom:1px solid rgba(201,203,207,.4);padding-bottom:.15rem}
.dd-eqv-close:hover{color:var(--dd-white)}
.dd-eqv-body{flex:1;width:100%;max-width:680px;margin-inline:auto;padding:clamp(1.5rem,5vh,3.4rem) var(--dd-pad) 3rem}
@media (max-width:480px){
  .dd-eqv-id{flex-direction:column;align-items:flex-start;gap:.3rem}
  .dd-eqv-id img{height:16px}
  .dd-eqv-veh{padding-left:0;border-left:0;font-size:.6875rem;letter-spacing:.08em;max-width:52vw}
  .dd-eqv-close{font-size:.6875rem;letter-spacing:.1em}
}

.dd-eq:focus{outline:none}
.dd-eq-head{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;margin-bottom:.9rem;font-size:.8125rem}
.dd-eq-chip{display:inline-flex;align-items:baseline;gap:.5rem;color:var(--dd-silver-hi);font-weight:600}
.dd-eq-chip-l{font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:500}
.dd-eq-link{background:none;border:0;padding:.3rem 0;cursor:pointer;color:var(--dd-silver-hi);min-height:32px;font-family:var(--dd-sans);
  font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;border-bottom:1px solid rgba(201,203,207,.4)}
.dd-eq-link:hover{color:var(--dd-white);border-bottom-color:var(--dd-white)}
.dd-eq-prog{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.dd-eq-bar{flex:1;height:1px;background:var(--dd-line);position:relative;overflow:hidden}
.dd-eq-bar i{position:absolute;inset:0 auto 0 0;background:var(--dd-satin);transition:width .5s var(--dd-ease)}
.dd-eq-count{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-silver-lo);white-space:nowrap;font-variant-numeric:tabular-nums}
.dd-eq-q{font-family:var(--dd-serif);font-weight:600;font-size:clamp(1.5rem,2.2vw,1.95rem);line-height:1.16;color:var(--dd-white);letter-spacing:-.008em;display:block;text-wrap:balance}
.dd-eq-hint{margin-top:.55rem;font-size:.9375rem;color:var(--dd-warm);line-height:1.6}
.dd-eq-notice{margin-top:.9rem;padding:.75rem .9rem;border:1px solid rgba(201,203,207,.32);border-left:2px solid var(--dd-silver);background:rgba(201,203,207,.05);
  font-size:.875rem;color:var(--dd-silver-hi);line-height:1.55}
.dd-eq-sub{margin-top:1.3rem;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:600}
.dd-eq-opts{margin-top:1rem;display:grid;gap:1px;background:var(--dd-line-2);border:1px solid var(--dd-line);grid-template-columns:1fr}
.dd-eq-sub + .dd-eq-opts{margin-top:.5rem}
.dd-eq-opt{position:relative;display:grid;background:var(--dd-graphite-3);min-width:0}
.dd-eq-opt input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
.dd-eq-opt label{display:flex;align-items:center;gap:.85rem;min-height:64px;padding:.8rem 1.05rem;cursor:pointer;color:var(--dd-silver-hi);
  font-size:1rem;font-weight:500;line-height:1.35;transition:background .3s var(--dd-ease),color .3s var(--dd-ease)}
.dd-eq-opt label > span{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.dd-eq-opt label small{font-size:.8125rem;font-weight:400;color:var(--dd-warm);transition:color .3s var(--dd-ease)}
.dd-eq-opt input:hover + label{background:rgba(201,203,207,.07);color:var(--dd-white)}
.dd-eq-opt input:checked + label{background:var(--dd-silver-face);color:#08080A;font-weight:600}
.dd-eq-opt input:checked + label small{color:#2A2A2F}
.dd-eq-opt input:checked:hover + label{background:var(--dd-silver-face-hi)}
.dd-eq-opt input:focus-visible + label{outline:2px solid var(--dd-silver-hi);outline-offset:-4px}
/* multi-select tick box */
.dd-eq-tick{width:20px;height:20px;border:1px solid rgba(201,203,207,.5);flex:none;position:relative;background:transparent}
.dd-eq-opt input:checked + label .dd-eq-tick{border-color:#08080A;background:#08080A}
.dd-eq-opt input:checked + label .dd-eq-tick::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #E8E9EC;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* radio marker */
.dd-eq-dot{width:18px;height:18px;border:1px solid rgba(201,203,207,.5);border-radius:50%;flex:none;position:relative}
.dd-eq-opt input:checked + label .dd-eq-dot{border-color:#08080A}
.dd-eq-opt input:checked + label .dd-eq-dot::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#08080A}
/* colour swatch (text label always present) */
.dd-eq-sw{width:22px;height:22px;flex:none;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
@media (min-width:540px){ .dd-eq-opts.dd-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} }
.dd-eq-inc{margin-top:1rem;padding:.8rem .95rem;border:1px dashed rgba(201,203,207,.26)}
.dd-eq-inc p{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:600}
.dd-eq-inc ul{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.35rem .5rem}
.dd-eq-inc li{font-size:.8125rem;color:var(--dd-warm);border:1px solid var(--dd-line-2);padding:.2rem .5rem}

.dd-eq-control{margin-top:1rem}
.dd-eq-val{display:flex;align-items:stretch;background:var(--dd-graphite-3);border:1px solid var(--dd-line);transition:border-color .3s var(--dd-ease)}
.dd-eq-val:focus-within{border-color:var(--dd-silver);box-shadow:0 0 0 1px var(--dd-silver)}
.dd-page .dd-eq-val input:focus,.dd-page .dd-eq-val input:focus-visible,.dd-page .dd-eq-val textarea:focus{outline:none}
.dd-eq-val:has([aria-invalid="true"]){border-color:#E0A0A0;box-shadow:0 0 0 1px rgba(224,160,160,.35)}
.dd-eq-val input,.dd-eq-val textarea{flex:1;min-width:0;background:transparent;border:0;border-radius:0;outline:none;color:var(--dd-white);
  font-family:var(--dd-sans);font-size:1.125rem;font-weight:500;padding:.85rem 1rem;min-height:58px;font-variant-numeric:tabular-nums}
.dd-eq-val textarea{min-height:140px;resize:vertical;font-size:1rem;font-weight:400;line-height:1.55}
.dd-eq-val.dd-has-pre input{padding-left:.3rem}
.dd-eq-pre,.dd-eq-suf{display:flex;align-items:center;color:var(--dd-silver-lo);font-size:1rem;white-space:nowrap}
.dd-eq-pre{padding-left:1rem;color:var(--dd-silver);font-weight:500;font-size:1.125rem}
.dd-eq-suf{padding-right:1rem;font-size:.8125rem}
.dd-eq-val input.dd-eq-reg{text-transform:uppercase;letter-spacing:.08em}
.dd-eq-alt{margin-top:.75rem}
.dd-eq-alt .dd-eq-opt label{min-height:56px}
.dd-eq-err{margin-top:.7rem;font-size:.875rem;color:#E8B4B4;line-height:1.5}
.dd-eq-err:empty{display:none}
.dd-eq-acts{margin-top:1.4rem;display:flex;gap:.75rem;flex-wrap:wrap}
.dd-eq-acts .dd-btn{flex:1 1 11rem}
.dd-eq-acts .dd-eq-back{flex:0 1 auto}
.dd-eq-acts .dd-eq-skip{flex:0 1 auto}
.dd-eq-note{margin-top:1.1rem;font-size:.8125rem;color:var(--dd-warm-dim);line-height:1.55}
.dd-eq-rg{margin-top:1.3rem;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dd-silver-lo);font-weight:600}
.dd-eq-review{margin-top:.35rem;border-top:1px solid var(--dd-line)}
.dd-eq-review > div{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr) auto;align-items:baseline;gap:0 .8rem;
  padding:.45rem 0;border-bottom:1px solid var(--dd-line-2);font-size:.875rem;line-height:1.45}
.dd-eq-review dt{color:var(--dd-warm)}
.dd-eq-review dd{color:var(--dd-white);font-weight:500;overflow-wrap:anywhere}
.dd-eq-review .dd-eq-link{min-height:28px}
@media (max-width:479px){
  .dd-eq-review > div{grid-template-columns:minmax(0,1fr) auto;row-gap:.1rem}
  .dd-eq-review dt{grid-column:1}
  .dd-eq-review dd:not(.dd-eq-edit-c){grid-column:1}
  .dd-eq-review .dd-eq-edit-c{grid-column:2;grid-row:1 / span 2;align-self:center}
}
.dd-eq-privacy{margin-top:1.2rem;font-size:.8125rem;color:var(--dd-warm);line-height:1.6}
.dd-eq-privacy a{color:var(--dd-silver-hi);border-bottom:1px solid rgba(201,203,207,.4)}
.dd-eq-pvnote{border:1px dashed rgba(201,203,207,.3);padding:.6rem .8rem;color:var(--dd-warm-dim)}
.dd-eq-check{margin-top:1rem;display:flex;gap:.7rem;align-items:flex-start;font-size:.875rem;color:var(--dd-warm)}
.dd-eq-check input{width:20px;height:20px;margin:.1rem 0 0;accent-color:#B2B6BC;flex:none}
.dd-eq-pv{border:1px dashed rgba(201,203,207,.34);padding:1.2rem 1.25rem;margin-top:.4rem;background:rgba(8,8,10,.35)}
.dd-eq-pv h3{font-family:var(--dd-serif);font-weight:600;font-size:clamp(1.4rem,2vw,1.7rem);color:var(--dd-white);line-height:1.2}
.dd-eq-pv p{margin-top:.6rem;font-size:.9375rem;color:var(--dd-warm);line-height:1.6}
.dd-eq-done h3{font-family:var(--dd-serif);font-weight:600;font-size:1.7rem;color:var(--dd-white)}
.dd-eq-done p{margin-top:.6rem;color:var(--dd-warm)}
@media (max-width:519px){
  .dd-eq-rform .dd-eq-acts{flex-direction:column-reverse}
  .dd-eq-rform .dd-eq-acts .dd-btn{flex:none;width:100%}
  .dd-eq-acts .dd-eq-skip{flex:1 1 auto}
}
@media (max-width:389px){ .dd-page .dd-btn{letter-spacing:.1em;padding-inline:1rem;gap:.55rem} }

/* ---------- motion ---------- */
@media (prefers-reduced-motion:reduce){
  .dd-page *,.dd-page *::before,.dd-page *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ---------- phone refinements ---------- */
@media (max-width:599px){
  .dd-page .dd-btn{letter-spacing:.09em;padding-inline:1rem;gap:.55rem}
  .dd-card-k{letter-spacing:.12em}
  .dd-bch-pick .dd-seg button{flex:1 1 0;padding-inline:.4rem;letter-spacing:.06em;font-size:.6875rem}
}
.dd-bch-grid dd small{display:block;font-size:.75rem;font-weight:400;color:var(--dd-warm);margin-top:.1rem}
@media (max-width:760px){ .dd-nav .dd-wrap{gap:.75rem} }
.dd-eq-flash{margin:0 0 1.2rem}

/* ---------- v1.5.0 edits ---------- */
.dd-hero-offer{margin-top:1rem;color:var(--dd-warm);font-size:clamp(.95rem,1.15vw,1.0625rem);line-height:1.6}
.dd-hero-offer span,.dd-avail-sub span{color:var(--dd-silver-lo);padding:0 .15em}
.dd-hero-offer .dd-nw{white-space:nowrap}
@media (min-width:1200px){ .dd-hero-copy{container-type:inline-size} .dd-hero-offer{white-space:nowrap;font-size:clamp(.8125rem,3.05cqi,1.0625rem)} }
.dd-range .dd-card-b .dd-h3{font-size:1.75rem;line-height:1.15}
@media (min-width:880px){ .dd-range .dd-card-b .dd-h3{font-size:clamp(1.35rem,2.05vw,1.95rem)} }

/* v1.5.1: notice for viewers that do not run JavaScript (email/file previews) */
.dd-page .dd-nojs{position:relative;z-index:60;padding:.9rem clamp(1rem,4vw,2rem);background:var(--dd-silver-face);color:#08080A;font-size:.9375rem;line-height:1.5;text-align:center;scroll-margin-top:0}
.dd-page .dd-nojs strong{font-weight:700}
html.dd-js .dd-page .dd-nojs{display:none}

/* v1.6.0: footer contact and full regulatory wording */
.dd-foot .dd-foot-contact{display:flex;flex-wrap:wrap;gap:.4rem .7rem;margin-bottom:1rem;font-size:.9375rem;color:var(--dd-silver-hi)}
.dd-foot .dd-foot-contact a{color:var(--dd-white);text-decoration:none;border-bottom:1px solid var(--dd-line)}
.dd-foot .dd-foot-contact a:hover{border-bottom-color:var(--dd-silver)}
.dd-foot .dd-reg-text{margin-top:.7rem;font-size:.75rem;line-height:1.65;color:var(--dd-warm-dim);max-width:none}

/* v1.6.1: an odd last answer in a two-column list spans the full width (no empty cell) */
@media (min-width:540px){ .dd-eq-opts.dd-cols-2 > .dd-eq-opt:last-child:nth-child(odd){grid-column:1/-1} }