/* ===== Section/Discount — accent-themed highlight (text left, media right) ===== */
.discount { background:var(--c-1); padding-block:72px; }
.discount__container { display:flex; flex-direction:column; }

.discount__highlight {
  display:flex; gap:var(--sp-2); height:512px; overflow:hidden;
  background:var(--acc-1); border:var(--border-1) solid var(--acc-2); border-radius:24px; padding:var(--sp-2);
}
.discount__text { flex:none; width:480px; display:flex; flex-direction:column; justify-content:space-between; padding:var(--sp-4); }
.discount__top { display:flex; flex-direction:column; gap:var(--sp-6); }
.discount__stack { display:flex; flex-direction:column; gap:var(--sp-3); }
.discount__eyebrow { font-weight:500; font-size:12px; line-height:1.5; text-transform:uppercase; color:var(--c-12); }
.discount__title { font-weight:500; font-size:32px; line-height:1.2; letter-spacing:-0.04em; color:var(--acc-4); text-wrap:balance; }
.discount__body { font-weight:400; font-size:16px; line-height:1.5; color:var(--acc-4); }
.discount__cta { align-self:flex-start; }

.discount__media {
  position:relative; flex:1 1 0; min-width:0; height:100%;
  border:var(--border-1) solid var(--acc-2); border-radius:var(--radius-2xl); overflow:hidden; box-shadow:0 0 4px var(--shadow-color);
}
.discount__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* --- Mobile --- DEV: reconcile with Figma mobile discount 9489:41777 --- */
@media (max-width:1023px) {
  .discount { padding-block:48px; }
  .discount__highlight { flex-direction:column; height:auto; }
  .discount__text { width:100%; gap:var(--sp-6); }
  .discount__media { width:100%; aspect-ratio:16/10; height:auto; flex:none; order:-1; }
}