/*
 * DRTV Sell Your Darts — canonical exact-product sell-back component.
 *
 * Product and Reviews consume ONE renderer, ONE markup contract and ONE
 * responsive stylesheet. `editorial` / `compact` remain caller aliases only;
 * they do not own different visual layouts.
 *
 * The shell is the query container. Layout responds to the component's real
 * available width, not device names or page-specific overrides.
 */
.drtv-syd-trade-teaser-shell{
  --drtv-syd-trade-space-after:20px;
  width:100%;
  min-width:0;
  margin:0 0 var(--drtv-syd-trade-space-after)!important;
  container-type:inline-size;
}
.drtv-syd-trade-teaser{
  --syd-ink:var(--drtv-ink,#101828);
  --syd-muted:var(--drtv-muted,#667085);
  --syd-line:var(--drtv-border,#e4e7ec);
  --syd-green:var(--drtv-live,#21b85b);
  --syd-green-dark:#168f45;
  --syd-value-gold:var(--drtv-value-gold,#9a6400);
  display:grid;
  grid-template-columns:clamp(124px,14cqi,140px) minmax(0,1fr) clamp(150px,18cqi,184px);
  grid-template-rows:auto auto;
  column-gap:16px;
  row-gap:2px;
  width:100%;
  min-width:0;
  padding:13px 14px;
  align-items:center;
  overflow:hidden;
  border:1px solid var(--syd-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(16,24,40,.045);
  color:var(--syd-ink);
}
.drtv-syd-trade-teaser__media{
  grid-column:1;
  grid-row:1 / span 2;
  width:100%;
  height:132px;
  min-width:0;
  overflow:hidden;
  border-radius:12px;
  background:#fff;
}
.drtv-syd-trade-teaser__media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  padding:0;
  object-fit:contain;
  object-position:center;
}
.drtv-syd-trade-teaser__media>span{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  font-size:18px;
  font-weight:1000;
}
.drtv-syd-trade-teaser__identity{
  grid-column:2;
  grid-row:1;
  min-width:0;
  align-self:end;
  padding-top:2px;
}
.drtv-syd-trade-teaser__status{
  display:inline-flex;
  min-height:22px;
  margin:0 0 4px;
  padding:0 8px;
  align-items:center;
  border-radius:999px;
  background:#eaf8ef;
  color:#178447;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.drtv-syd-trade-teaser__title{
  display:block;
  margin:0;
  color:var(--syd-ink);
  font-size:17px;
  line-height:1.1;
  font-weight:1000;
  letter-spacing:-.025em;
}
.drtv-syd-trade-teaser__name{
  display:block;
  margin-top:3px;
  color:var(--syd-muted);
  font-size:14px;
  line-height:1.24;
  font-weight:760;
}
.drtv-syd-trade-teaser__finance{
  grid-column:2;
  grid-row:2;
  min-width:0;
  align-self:start;
  padding-top:5px;
}
.drtv-syd-trade-teaser__value{
  display:flex;
  min-width:0;
  align-items:baseline;
  flex-wrap:wrap;
  gap:2px 7px;
  color:#475467;
  font-size:14px;
  line-height:1.18;
  font-weight:820;
}
.drtv-syd-trade-teaser__value-choice{white-space:nowrap}
.drtv-syd-trade-teaser__value b{
  color:#111827;
  font-size:21px;
  line-height:.98;
  font-weight:1000;
  letter-spacing:-.035em;
}
.drtv-syd-trade-teaser__value b.is-wallet{color:var(--syd-value-gold)}
.drtv-syd-trade-teaser__value-or{
  color:#667085;
  font-size:.92em;
  font-weight:820;
}
.drtv-syd-trade-teaser__points{
  display:flex;
  min-width:0;
  margin-top:7px;
  align-items:flex-start;
  gap:8px;
  color:#344054;
  font-size:14px;
  line-height:1.25;
  font-weight:780;
}
.drtv-syd-trade-teaser__reward-mark{
  display:grid;
  width:25px;
  height:25px;
  flex:0 0 25px;
  margin-top:-2px;
  overflow:hidden;
  place-items:center;
  border:1px solid #e3e7ed;
  border-radius:8px;
  background:#fff;
}
.drtv-syd-trade-teaser__reward-mark img{
  display:block;
  width:100%;
  height:100%;
  padding:2px;
  object-fit:contain;
}
.drtv-syd-trade-teaser__reward-mark b{font-size:11px;font-weight:1000}
.drtv-syd-trade-teaser__points-copy{
  display:flex;
  min-width:0;
  align-items:baseline;
  flex-wrap:wrap;
  gap:2px 5px;
  padding-top:0;
}
.drtv-syd-trade-teaser__points-choice{min-width:0}
.drtv-syd-trade-teaser__points-choice b{color:#1d2939;font-weight:1000}
.drtv-syd-trade-teaser__points-or{color:#667085;font-weight:850}
.drtv-syd-trade-teaser__guide{
  margin-top:5px;
  color:#667085;
  font-size:14px;
  line-height:1.3;
  font-weight:750;
}
.drtv-syd-trade-teaser__action{
  grid-column:3;
  grid-row:1 / span 2;
  min-width:0;
  align-self:center;
}
.drtv-syd-trade-teaser__cta{
  display:flex;
  min-height:46px;
  padding:0 14px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:12px;
  background:var(--syd-green);
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 7px 17px rgba(33,184,91,.16);
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.drtv-syd-trade-teaser__cta:hover{
  background:var(--syd-green-dark);
  transform:translateY(-1px);
  box-shadow:0 9px 20px rgba(33,184,91,.2);
}
.drtv-syd-trade-teaser__cta:focus-visible{outline:3px solid rgba(33,184,91,.22);outline-offset:3px}
.drtv-syd-trade-teaser__cta span{font-size:14px;line-height:1;font-weight:950;white-space:nowrap}
.drtv-syd-trade-teaser__cta b{font-size:18px;line-height:1}
.drtv-syd-trade-teaser__action small{
  display:block;
  margin-top:5px;
  color:#98a2b3;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
}
.drtv-syd-trade-teaser__unavailable{
  display:flex;
  min-height:46px;
  padding:0 15px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#f2f4f7;
  color:#667085;
  font-size:16px;
  font-weight:900;
}
.drtv-syd-trade-teaser.is-not-buying .drtv-syd-trade-teaser__status{background:#f2f4f7;color:#667085}

/* Wide component: this IS the desktop layout, and remains the same layout on
 * iPad landscape and desktop side lanes whenever the card has at least 440px of real lane width. */
@container (min-width:760px){
  .drtv-syd-trade-teaser{
    grid-template-columns:clamp(132px,14cqi,140px) minmax(0,1fr) clamp(160px,18cqi,190px);
    min-height:154px;
    padding:13px 15px;
    column-gap:17px;
  }
  .drtv-syd-trade-teaser__media{height:138px}
  .drtv-syd-trade-teaser__title{font-size:17px}
  .drtv-syd-trade-teaser__name{font-size:14px}
  .drtv-syd-trade-teaser__points-copy{flex-wrap:wrap}
}

/* Tighter desktop/product lane: same horizontal architecture, only dimensions
 * contract slightly. This deliberately prevents iPad landscape falling into a
 * giant-image/tablet stack. */
@container (min-width:440px) and (max-width:759px){
  .drtv-syd-trade-teaser{
    grid-template-columns:clamp(104px,24cqi,118px) minmax(0,1fr) clamp(132px,30cqi,150px);
    min-height:142px;
    padding:12px;
    column-gap:clamp(10px,2cqi,13px);
  }
  .drtv-syd-trade-teaser__media{height:118px}
  .drtv-syd-trade-teaser__title{font-size:16px}
  .drtv-syd-trade-teaser__name{font-size:13px}
  .drtv-syd-trade-teaser__value{font-size:13px;gap:2px 5px}
  .drtv-syd-trade-teaser__value b{font-size:19px}
  .drtv-syd-trade-teaser__points{font-size:13px;gap:7px}
  .drtv-syd-trade-teaser__points-copy{display:block}
  .drtv-syd-trade-teaser__points-choice{display:block}
  .drtv-syd-trade-teaser__points-choice--cash{margin-top:2px}
  .drtv-syd-trade-teaser__reward-mark{width:23px;height:23px;flex-basis:23px}
  .drtv-syd-trade-teaser__cta{min-height:44px;padding:0 12px}
  .drtv-syd-trade-teaser__cta span{font-size:13px}
}

/* Phone/app: image stays BESIDE the identity block. Valuation, Reward Points
 * and CTA then take the full card width below. Product and Reviews are exactly
 * the same component here. */
@container (max-width:439px){
  .drtv-syd-trade-teaser{
    grid-template-columns:clamp(112px,34cqi,138px) minmax(0,1fr);
    grid-template-rows:auto auto auto;
    min-height:0;
    padding:11px;
    column-gap:12px;
    row-gap:0;
    align-items:center;
    border-radius:17px;
  }
  .drtv-syd-trade-teaser__media{
    grid-column:1;
    grid-row:1;
    width:100%;
    height:132px;
    border-radius:12px;
  }
  .drtv-syd-trade-teaser__media img{padding:0}
  .drtv-syd-trade-teaser__identity{
    grid-column:2;
    grid-row:1;
    align-self:center;
    padding:0;
  }
  .drtv-syd-trade-teaser__status{min-height:22px;margin-bottom:5px;font-size:11px}
  .drtv-syd-trade-teaser__title{font-size:17px;line-height:1.1}
  .drtv-syd-trade-teaser__name{margin-top:4px;font-size:14px;line-height:1.24}
  .drtv-syd-trade-teaser__finance{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    padding:12px 3px 0;
  }
  .drtv-syd-trade-teaser__value{font-size:14px;gap:3px 6px}
  .drtv-syd-trade-teaser__value b{font-size:22px}
  .drtv-syd-trade-teaser__points{margin-top:9px;font-size:14px;line-height:1.26;gap:8px}
  .drtv-syd-trade-teaser__reward-mark{width:27px;height:27px;flex-basis:27px;margin-top:-2px}
  .drtv-syd-trade-teaser__points-copy{display:block;padding-top:0}
  .drtv-syd-trade-teaser__points-choice{display:block}
  .drtv-syd-trade-teaser__points-choice--cash{margin-top:3px}
  .drtv-syd-trade-teaser__action{
    grid-column:1/-1;
    grid-row:3;
    width:100%;
    padding-top:11px;
  }
  .drtv-syd-trade-teaser__cta{min-height:50px;padding:0 16px}
  .drtv-syd-trade-teaser__cta span{font-size:15px}
  .drtv-syd-trade-teaser__action small{text-align:left}
}

@container (max-width:360px){
  .drtv-syd-trade-teaser{grid-template-columns:104px minmax(0,1fr);column-gap:10px;padding:10px}
  .drtv-syd-trade-teaser__media{height:120px}
  .drtv-syd-trade-teaser__title{font-size:17px}
  .drtv-syd-trade-teaser__name{font-size:14px}
  .drtv-syd-trade-teaser__value-choice{width:100%}
}

/* Evergreen campaign banner: separate job, intentionally retained. */
.drtv-syd-shared-trade-generic-shell{width:100%;min-width:0;container-type:inline-size}
.drtv-syd-shared-trade-generic{position:relative;min-height:148px;display:flex;align-items:center;overflow:hidden;padding:20px 48% 20px 22px;border:1px solid rgba(15,23,42,.08);border-radius:23px;background:linear-gradient(90deg,#fff 0%,#fff 44%,rgba(255,255,255,.88) 60%,rgba(255,255,255,.12) 100%),var(--drtv-syd-generic-art,linear-gradient(135deg,#f4f6f8,#e8edf1)) center right/auto 100% no-repeat;box-shadow:0 15px 34px rgba(15,23,42,.08);color:#0b111a}
.drtv-syd-shared-trade-generic:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 30%,rgba(220,166,46,.09),transparent 34%);pointer-events:none}
.drtv-syd-shared-trade-generic__copy{position:relative;z-index:1;display:grid;justify-items:start;max-width:380px}
.drtv-syd-shared-trade-generic__copy>span{display:inline-flex;margin-bottom:8px;padding:6px 9px;border-radius:999px;background:#0f1722;color:#fff;font-size:12px;font-weight:950;letter-spacing:.09em}
.drtv-syd-shared-trade-generic__copy h2{max-width:350px;margin:0 0 7px!important;color:#0b111a!important;font-size:26px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.04em!important;text-transform:uppercase}
.drtv-syd-shared-trade-generic__copy p{max-width:350px;margin:0 0 13px!important;color:#4b5563!important;font-size:16px!important;line-height:1.4!important;font-weight:760!important}
.drtv-syd-shared-trade-generic__copy a{display:inline-flex;min-height:44px;padding:0 17px;align-items:center;gap:10px;border-radius:999px;background:#28b84e;color:#fff!important;box-shadow:0 11px 23px rgba(40,184,78,.22);font-size:15px;font-weight:950;letter-spacing:.025em;text-decoration:none!important;text-transform:uppercase}
.drtv-syd-shared-trade-generic__copy a:hover{background:#209e42;transform:translateY(-1px)}
.drtv-syd-shared-trade-generic__copy a b{font-size:18px}
@container (max-width:520px){
  .drtv-syd-shared-trade-generic{min-height:154px;padding:18px 30% 18px 17px;background-position:center right -42px}
  .drtv-syd-shared-trade-generic__copy h2{max-width:245px;font-size:22px!important}
  .drtv-syd-shared-trade-generic__copy p{max-width:245px;font-size:16px!important}
  .drtv-syd-shared-trade-generic__copy a{font-size:14px}
}