/* Deal-first promotions archive. Loaded only by page-templates/promotions.php. */

.drive-deals-hero {
  background:
    radial-gradient(circle at 82% 12%, rgb(255 118 72 / 24%), transparent 22rem),
    linear-gradient(135deg, #101b2b 0%, #0b111c 62%, #29130e 100%);
  border-bottom: 3px solid var(--drive-ui-accent);
  color: #fff;
  overflow: hidden;
  padding-block: clamp(2.4rem, 5vw, 4.5rem);
}

.drive-deals-hero__grid {
  align-items: center;
  display: grid;
  gap: clamp(2rem, 5vw, 5rem);
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
}

.drive-deals-hero .drive-breadcrumbs,
.drive-deals-hero .drive-breadcrumbs a { color: #c8d4e4 !important; }
.drive-deals-hero .drive-eyebrow { color: #ff9a7c !important; }
.drive-deals-hero h1 { color: #fff !important; font-size: clamp(2.35rem, 4vw, 4rem) !important; line-height: 1.02; margin-block: .75rem 1rem; max-width: 14ch; }
.drive-deals-hero__content > p { color: #d4deeb; font-size: clamp(1rem, 1.45vw, 1.15rem); line-height: 1.65; max-width: 43rem; }
.drive-deals-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.drive-deals-hero__actions .drive-button { min-height: 3rem; }
.drive-deals-hero__actions .drive-button--secondary { background: rgb(255 255 255 / 8%) !important; border-color: rgb(255 255 255 / 35%) !important; color: #fff !important; }
.drive-deals-hero__actions .drive-button--secondary:hover { background: rgb(255 255 255 / 15%) !important; border-color: #fff !important; }

.drive-deals-snapshot {
  background: linear-gradient(145deg, #f0522d, #b82f19);
  border: 1px solid rgb(255 255 255 / 24%);
  border-radius: 1.35rem;
  box-shadow: 0 24px 60px rgb(0 0 0 / 34%);
  color: #fff;
  min-height: 19rem;
  overflow: hidden;
  padding: 1.75rem;
  position: relative;
}

.drive-deals-snapshot::after {
  border: 1.5rem solid rgb(255 255 255 / 8%);
  border-radius: 50%;
  content: "";
  height: 13rem;
  position: absolute;
  right: -5rem;
  top: -5rem;
  width: 13rem;
}

.drive-deals-snapshot__stamp { align-items: center; background: #fff; border-radius: 50%; color: #b8321d; display: flex; font-size: 1.4rem; font-weight: 950; height: 3.25rem; justify-content: center; margin-bottom: 2rem; width: 3.25rem; }
.drive-deals-snapshot__label { color: #ffe4dc; display: block; font-size: .72rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.drive-deals-snapshot > strong { color: #fff !important; display: block; font-size: clamp(2.2rem, 4vw, 3.4rem); line-height: 1; margin-block: .45rem; }
.drive-deals-snapshot > small { color: #fff; display: block; font-size: .92rem; font-weight: 700; }
.drive-deals-snapshot ul { border-top: 1px solid rgb(255 255 255 / 25%); display: grid; gap: .45rem; list-style: none; margin: 1.4rem 0 0; padding: 1rem 0 0; }
.drive-deals-snapshot li { color: #fff; font-size: .82rem; font-weight: 700; padding-left: 1.15rem; position: relative; }
.drive-deals-snapshot li::before { content: "✓"; left: 0; position: absolute; }

.drive-promotion-market { padding-block: clamp(2.5rem, 5vw, 4.25rem); }
.drive-promotion-market .drive-section-heading { margin-bottom: 1.1rem; }
.drive-promotion-market .drive-section-heading h2 { font-size: clamp(1.8rem, 3vw, 2.65rem) !important; }

.drive-deal-summary {
  align-items: center;
  background: var(--drive-ui-surface);
  border: 1px solid var(--drive-ui-border);
  border-radius: .85rem;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 1.5rem;
  margin-bottom: 1.25rem;
  padding: .85rem 1rem;
}

.drive-deal-summary span { color: var(--drive-ui-muted); font-size: .78rem; }
.drive-deal-summary b { color: var(--drive-ui-heading); font-size: .9rem; }
.drive-deal-summary__urgent { color: var(--drive-ui-accent-text) !important; margin-left: auto; }
.drive-deal-summary__urgent b { color: inherit; }

.drive-promotion-market .drive-promotion-grid { gap: 1.1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.drive-promotion-market .drive-promotion-card { background: var(--drive-ui-surface) !important; border: 1px solid var(--drive-ui-border); border-radius: 1rem; box-shadow: var(--drive-ui-shadow); display: grid; grid-template-rows: auto 1fr; overflow: hidden; }
.drive-promotion-market .drive-promotion-card:hover { border-color: var(--drive-ui-accent); box-shadow: 0 18px 44px rgb(15 23 42 / 16%); transform: translateY(-3px); }
.drive-promotion-market .drive-promotion-card--ending { box-shadow: inset 0 4px 0 var(--drive-ui-accent), var(--drive-ui-shadow); }

.drive-promotion-market .drive-promotion-card__media { aspect-ratio: 16 / 8.2; background: var(--drive-ui-surface-soft); display: block; overflow: hidden; position: relative; }
.drive-promotion-market .drive-promotion-card__media::after { background: linear-gradient(180deg, transparent 55%, rgb(5 12 22 / 42%)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.drive-promotion-market .drive-promotion-card__media img { transition: transform 260ms ease; }
.drive-promotion-market .drive-promotion-card:hover .drive-promotion-card__media img { transform: scale(1.025); }
.drive-promotion-market .drive-promotion-card__media > .drive-pill { background: var(--drive-ui-accent) !important; bottom: auto; color: #fff !important; left: .85rem; padding: .45rem .7rem; top: .85rem; z-index: 2; }
.drive-promotion-card__discount { align-items: center; background: #fff; border-radius: 50%; box-shadow: 0 8px 24px rgb(0 0 0 / 20%); color: #a63219; display: flex; font-size: 1rem; font-weight: 950; height: 3.25rem; justify-content: center; position: absolute; right: .85rem; top: .7rem; width: 3.25rem; z-index: 2; }

.drive-promotion-market .drive-promotion-card__body { display: flex; flex-direction: column; gap: .85rem; padding: 1.15rem; }
.drive-promotion-card__meta { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }
.drive-promotion-market .drive-promotion-card__meta p { color: var(--drive-ui-link); font-size: .72rem; font-weight: 900; letter-spacing: .08em; margin: 0; text-transform: uppercase; }
.drive-promotion-card__meta > span { background: var(--drive-ui-warning-bg); border: 1px solid var(--drive-ui-warning-border); border-radius: 999px; color: var(--drive-ui-warning-text); font-size: .67rem; font-weight: 850; padding: .28rem .55rem; }
.drive-promotion-market .drive-promotion-card h3 { color: var(--drive-ui-heading); font-size: clamp(1.15rem, 2vw, 1.4rem) !important; line-height: 1.22; margin: 0; }

.drive-promotion-market .drive-promotion-card__price { align-items: baseline; display: grid; gap: .15rem .65rem; grid-template-columns: auto 1fr; }
.drive-promotion-market .drive-promotion-card__price small { color: var(--drive-ui-muted); font-size: .68rem; font-weight: 800; grid-column: 1 / -1; letter-spacing: .08em; text-transform: uppercase; }
.drive-promotion-market .drive-promotion-card__price del { color: var(--drive-ui-muted); font-size: .78rem; grid-column: 1 / -1; }
.drive-promotion-market .drive-promotion-card__price strong { color: var(--drive-ui-heading); font-size: clamp(1.65rem, 3vw, 2rem); line-height: 1; }
.drive-promotion-market .drive-promotion-card__price b { color: var(--drive-ui-success-text); font-size: .72rem; }

.drive-promotion-market .drive-promotion-card__finance { align-items: center; background: var(--drive-ui-surface-soft); border: 1px solid var(--drive-ui-border); border-radius: .75rem; display: grid; gap: .15rem 1rem; grid-template-columns: 1fr auto; line-height: 1.35; padding: .75rem .85rem; }
.drive-promotion-card__finance > span { color: var(--drive-ui-muted); font-size: .67rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.drive-promotion-card__finance > strong { color: var(--drive-ui-heading); font-size: 1rem; grid-column: 1; }
.drive-promotion-card__finance > small { color: var(--drive-ui-muted); font-size: .68rem; grid-column: 2; grid-row: 1 / 3; text-align: right; }

.drive-promotion-card__expiry { align-items: center; color: var(--drive-ui-muted); display: flex; gap: .6rem; }
.drive-promotion-card__expiry > span { align-items: center; background: var(--drive-ui-surface-soft); border-radius: 50%; display: flex; flex: 0 0 2rem; height: 2rem; justify-content: center; }
.drive-promotion-card__expiry div { display: grid; }
.drive-promotion-card__expiry strong { color: var(--drive-ui-warning-text); font-size: .75rem; }
.drive-promotion-card__expiry small { color: var(--drive-ui-muted); font-size: .72rem; }
.drive-promotion-card__cta { align-items: center; display: flex !important; justify-content: space-between; margin-top: auto; min-height: 3rem; width: 100%; }
.drive-promotion-card__conditions { color: var(--drive-ui-muted); display: block; font-size: .66rem; line-height: 1.45; text-align: center; }

.drive-promotion-trust { background: var(--drive-ui-surface-soft); border-top: 1px solid var(--drive-ui-border); }
.drive-promotion-trust .drive-editable-region { background: transparent !important; }
.drive-promotion-trust .drive-entry-content { padding-block: clamp(2rem, 4vw, 3.25rem); }
.drive-promotion-trust .drive-composition-section { background: var(--drive-ui-surface); border: 1px solid var(--drive-ui-border); border-radius: 1rem; padding: 1.25rem !important; }
.drive-promotion-trust .drive-composition-section h2 { color: var(--drive-ui-heading); font-size: clamp(1.35rem, 2vw, 1.75rem) !important; margin-bottom: 1rem; }
.drive-promotion-trust .drive-composition-cards { gap: .7rem; }
.drive-promotion-trust .drive-composition-card { background: var(--drive-ui-surface-soft); border: 0; border-radius: .7rem; min-height: 0; padding: .9rem 1rem; }
.drive-promotion-trust .drive-composition-card h3 { color: var(--drive-ui-heading); font-size: .95rem !important; margin-bottom: .25rem; }
.drive-promotion-trust .drive-composition-card p { color: var(--drive-ui-muted); font-size: .78rem; line-height: 1.5; }

@media (max-width: 62rem) {
  .drive-deals-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(16rem, .9fr); }
  .drive-promotion-market .drive-promotion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 48rem) {
  body.page-template-promotions .drive-comparison-tray { display: none !important; }
  body.page-template-promotions.drive-ma-site:has(.drive-comparison-tray:not([hidden])) { padding-bottom: calc(4.2rem + env(safe-area-inset-bottom)) !important; }
  .drive-deals-hero { padding-block: 1.75rem 2rem; }
  .drive-deals-hero__grid { gap: 1.4rem; grid-template-columns: 1fr; }
  .drive-deals-hero h1 { font-size: clamp(2rem, 10vw, 2.75rem) !important; }
  .drive-deals-snapshot { min-height: 0; padding: 1.25rem; }
  .drive-deals-snapshot__stamp { margin-bottom: 1.25rem; }
  .drive-deals-hero__actions { display: grid; grid-template-columns: 1fr; }
  .drive-deals-hero__actions .drive-button { justify-content: center; width: 100%; }
  .drive-promotion-market .drive-promotion-grid { grid-template-columns: 1fr; }
  .drive-deal-summary { align-items: flex-start; flex-direction: column; }
  .drive-deal-summary__urgent { margin-left: 0; }
  .drive-promotion-market .drive-promotion-card__media { aspect-ratio: 16 / 9; }
  .drive-promotion-card__finance { grid-template-columns: 1fr !important; }
  .drive-promotion-card__finance > small { grid-column: 1; grid-row: auto; text-align: left; }
  .drive-promotion-trust .drive-composition-cards { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .drive-promotion-market .drive-promotion-card,
  .drive-promotion-market .drive-promotion-card__media img { transition: none; }
}