/* ---------- /resellers/ (templates/resellers.php, sections/resellers-*.php) ---------- */
/* Page block for the "resellers" route (wave 4), linked only by templates/resellers.php through
   dgn_page_head() (next/page-css.php), after next/site.css. Scoped to body.dgn-page[data-page="resellers"]:
   the live resellers/index.php prints the same data-page under the new chrome but no .dgn-page, so its
   old body is never restyled. Every class is dgn-rsl-* (resellers; not dgn-rs-*, which the live /results/
   block in site.css already uses); the rest is the kit. Nothing here animates: reveals, reduced motion and
   the no-JS safety reveal are the kit's. */

/* ---- hero: the hero is shorter than the 1150px glow, so fade the glow and grid out before the section edge ---- */
body.dgn-page[data-page="resellers"] .dgn-rsl-hero .dgn-hero__bg{-webkit-mask-image:linear-gradient(180deg,#000 52%,transparent 100%);mask-image:linear-gradient(180deg,#000 52%,transparent 100%)}

/* ---- hero card: the official seller list ---- */
body.dgn-page[data-page="resellers"] .dgn-rsl-list{padding-bottom:20px}
body.dgn-page[data-page="resellers"] .dgn-rsl-list__n{flex:none;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#8e8e98;border:1px solid var(--dgn-line2);border-radius:5px;padding:2px 7px;white-space:nowrap}
body.dgn-page[data-page="resellers"] .dgn-rsl-list__h{margin-top:20px;font-family:var(--dgn-fd);font-stretch:86%;font-weight:800;font-size:clamp(28px,2.4vw,36px);line-height:1.04;letter-spacing:-.012em;color:var(--dgn-text)}
body.dgn-page[data-page="resellers"] .dgn-rsl-list__rows{list-style:none;margin-top:18px;border-top:1px solid var(--dgn-line)}
body.dgn-page[data-page="resellers"] .dgn-rsl-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"i m s";align-items:center;column-gap:16px;padding:16px 0;border-bottom:1px solid var(--dgn-line)}
body.dgn-page[data-page="resellers"] .dgn-rsl-row__i{grid-area:i;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;border:1px solid rgba(var(--c-rgb,251,191,36),.45);background:rgba(var(--c-rgb,251,191,36),.08);color:var(--c,var(--dgn-gold))}
body.dgn-page[data-page="resellers"] .dgn-rsl-row__main{grid-area:m;min-width:0}
body.dgn-page[data-page="resellers"] .dgn-rsl-row__main b{display:block;font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:22px;line-height:1.15;letter-spacing:-.005em;color:#fff}
body.dgn-page[data-page="resellers"] .dgn-rsl-row__main small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--dgn-muted)}
body.dgn-page[data-page="resellers"] :is(.dgn-rsl-row__st,.dgn-rsl-col__st){grid-area:s;display:inline-flex;align-items:center;gap:8px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#e7e7ea;white-space:nowrap}
body.dgn-page[data-page="resellers"] :is(.dgn-rsl-row__st,.dgn-rsl-col__st) .dgn-pd{width:6px;height:6px}
body.dgn-page[data-page="resellers"] :is(.dgn-rsl-row__st--ok,.dgn-rsl-col__st--ok){color:var(--dgn-prop)}
body.dgn-page[data-page="resellers"] :is(.dgn-rsl-row__st--ok,.dgn-rsl-col__st--ok) svg{flex:none}
body.dgn-page[data-page="resellers"] .dgn-rsl-list__from{margin-top:16px;padding:11px 14px;border-left:2px solid var(--dgn-prop);background:linear-gradient(90deg,rgba(74,222,128,.08),transparent 80%);font-size:13.5px;line-height:1.55;color:#cfe8d6;text-wrap:pretty}

/* ---- the partner row (and the partnerships row): two hairline columns (the kit's .dgn-cols, two up) ---- */
body.dgn-page[data-page="resellers"] .dgn-rsl-cols{--dgn-col-pad:48px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.dgn-page[data-page="resellers"] .dgn-rsl-col{gap:0;padding-top:32px;padding-bottom:36px}
body.dgn-page[data-page="resellers"] .dgn-rsl-col__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;width:100%}
body.dgn-page[data-page="resellers"] .dgn-rsl-col__name{margin-top:18px;font-family:var(--dgn-fd);font-stretch:78%;font-weight:850;font-size:clamp(38px,3.6vw,56px);line-height:1;letter-spacing:-.022em;color:#fff;overflow-wrap:anywhere}
body.dgn-page[data-page="resellers"] .dgn-rsl-col .dgn-rsl-col__txt{margin-top:14px;max-width:600px;font-size:15px;line-height:1.7}
body.dgn-page[data-page="resellers"] .dgn-rsl-pay{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:16px;width:100%;margin-top:24px;padding:14px 18px;border:1px solid rgba(var(--c-rgb,251,191,36),.3);border-radius:14px;background:linear-gradient(90deg,rgba(var(--c-rgb,251,191,36),.09),rgba(var(--c-rgb,251,191,36),0) 72%)}
body.dgn-page[data-page="resellers"] .dgn-rsl-pay__i{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:rgba(var(--c-rgb,251,191,36),.12);color:var(--c,var(--dgn-gold))}
/* label, method, detail stacked, so both boxes (and the lists under them) line up across the two columns */
body.dgn-page[data-page="resellers"] .dgn-rsl-pay__t{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
body.dgn-page[data-page="resellers"] .dgn-rsl-pay__t small{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim)}
body.dgn-page[data-page="resellers"] .dgn-rsl-pay__t b{margin-top:5px;font-family:var(--dgn-fd);font-stretch:80%;font-weight:850;font-size:32px;line-height:1;letter-spacing:-.01em;color:var(--c,var(--dgn-gold))}
body.dgn-page[data-page="resellers"] .dgn-rsl-pay__t em{margin-top:6px;font-style:normal;font-size:13.5px;line-height:1.45;color:#cfcfd6;text-wrap:pretty}
body.dgn-page[data-page="resellers"] .dgn-rsl-feat{width:100%;margin:22px 0 28px;padding-top:0;border-top:0;gap:11px}
body.dgn-page[data-page="resellers"] .dgn-rsl-feat li{font-size:14.5px;line-height:1.5}
body.dgn-page[data-page="resellers"] .dgn-rsl-feat svg{color:var(--c,var(--dgn-gold))}
body.dgn-page[data-page="resellers"] .dgn-rsl-col__go{margin-top:auto}
body.dgn-page[data-page="resellers"] .dgn-rsl-src .dgn-fine{margin-top:22px;align-items:flex-start}
body.dgn-page[data-page="resellers"] .dgn-rsl-src .dgn-fine svg{margin-top:2px}
/* where subgrid works, the two columns share their six rows (status, name, text, payment, list, action; the
   partnerships: tag, title, text, list, note, action), so the boxes, lists and buttons line up side by side even
   when one text runs a line longer. Elsewhere the kit's flex columns stay (the buttons still align at the foot). */
@supports (grid-template-rows:subgrid){
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols{grid-template-rows:repeat(6,auto)}
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols>.dgn-rsl-col{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;align-content:start;justify-items:start}
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols>.dgn-rsl-col>*{min-width:0;max-width:100%}
  body.dgn-page[data-page="resellers"] .dgn-rsl-col__go{align-self:end}
}

/* ---- the third official source (integration, 24 Sep 2026): DowGold's Whop store as one full-width hairline row under
   the two license sellers: who and what on the left, the "Pay with" box in the middle, the outline link on the right ---- */
body.dgn-page[data-page="resellers"] .dgn-rsl-sub{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr) auto;align-items:center;column-gap:48px;row-gap:22px;padding:30px 0 34px;border-bottom:1px solid var(--dgn-line)}
body.dgn-page[data-page="resellers"] .dgn-rsl-sub__id{min-width:0}
body.dgn-page[data-page="resellers"] .dgn-rsl-sub__id .dgn-rsl-col__top{justify-content:flex-start}
body.dgn-page[data-page="resellers"] .dgn-rsl-sub__name{margin-top:14px;font-family:var(--dgn-fd);font-stretch:78%;font-weight:850;font-size:clamp(34px,2.8vw,44px);line-height:1;letter-spacing:-.02em;color:#fff}
body.dgn-page[data-page="resellers"] .dgn-rsl-sub .dgn-rsl-col__txt{margin-top:12px;max-width:620px;font-size:15px;line-height:1.7;color:var(--dgn-muted);text-wrap:pretty}
body.dgn-page[data-page="resellers"] .dgn-rsl-sub .dgn-rsl-pay{margin-top:0}
body.dgn-page[data-page="resellers"] .dgn-rsl-sub__go{justify-self:end;white-space:nowrap}
@media (min-width:1600px){body.dgn-page[data-page="resellers"] .dgn-rsl-sub{column-gap:64px}}
@media (max-width:1140px){
  body.dgn-page[data-page="resellers"] .dgn-rsl-sub{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-sub__go{grid-column:1/-1;justify-self:start}
}
@media (max-width:900px){
  body.dgn-page[data-page="resellers"] .dgn-rsl-sub{grid-template-columns:minmax(0,1fr);padding:28px 0 32px}
}
@media (max-width:720px){
  body.dgn-page[data-page="resellers"] .dgn-rsl-sub{padding:24px 0 28px;row-gap:20px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-sub__name{font-size:clamp(34px,10.5vw,44px)}
  body.dgn-page[data-page="resellers"] .dgn-rsl-sub .dgn-rsl-col__txt{font-size:14.5px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-sub__go{width:100%;white-space:normal}
}

/* ---- buyer protection: prose left, the authenticity-check card right ---- */
body.dgn-page[data-page="resellers"] .dgn-rsl-protect__grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center}
body.dgn-page[data-page="resellers"] .dgn-rsl-protect__lede{margin-top:28px;padding-left:16px;border-left:2px solid var(--dgn-gold);font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:clamp(20px,1.8vw,25px);line-height:1.25;letter-spacing:-.005em;color:#fff}
body.dgn-page[data-page="resellers"] .dgn-rsl-prose{max-width:620px}
body.dgn-page[data-page="resellers"] .dgn-rsl-prose p{margin-top:18px;font-size:16px;line-height:1.75;color:var(--dgn-muted);text-wrap:pretty}
body.dgn-page[data-page="resellers"] .dgn-rsl-check{border-color:rgba(251,191,36,.2);background:radial-gradient(90% 60% at 100% 0%,rgba(251,191,36,.08),transparent 60%),var(--dgn-panel);box-shadow:0 40px 100px -60px rgba(251,191,36,.25),inset 0 1px 0 rgba(255,255,255,.05)}
body.dgn-page[data-page="resellers"] .dgn-rsl-check .dgn-card__body{padding:26px 28px 26px}
body.dgn-page[data-page="resellers"] .dgn-rsl-check__head{display:flex;align-items:center;gap:18px}
body.dgn-page[data-page="resellers"] .dgn-rsl-check__seal{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:15px;border:1px solid rgba(251,191,36,.38);background:rgba(251,191,36,.08);color:var(--dgn-gold)}
body.dgn-page[data-page="resellers"] .dgn-rsl-check .dgn-h3{font-size:clamp(22px,1.9vw,27px);line-height:1.12}
body.dgn-page[data-page="resellers"] .dgn-rsl-steps{list-style:none;margin-top:22px;border-top:1px solid var(--dgn-line)}
body.dgn-page[data-page="resellers"] .dgn-rsl-steps li{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;gap:14px;align-items:start;padding:17px 0;border-bottom:1px solid var(--dgn-line)}
body.dgn-page[data-page="resellers"] .dgn-rsl-steps__n{font-family:var(--dgn-fd);font-stretch:72%;font-weight:850;font-size:32px;line-height:.9;color:var(--dgn-gold);font-variant-numeric:tabular-nums}
@supports (-webkit-text-stroke:1px #000){body.dgn-page[data-page="resellers"] .dgn-rsl-steps__n{color:transparent;-webkit-text-stroke:1px var(--dgn-gold)}}
body.dgn-page[data-page="resellers"] .dgn-rsl-steps__t b{display:block;font-family:var(--dgn-fd);font-stretch:92%;font-weight:800;font-size:17px;line-height:1.3;color:#fff}
body.dgn-page[data-page="resellers"] .dgn-rsl-steps__t span{display:block;margin-top:4px;font-size:14px;line-height:1.6;color:var(--dgn-muted);text-wrap:pretty}
body.dgn-page[data-page="resellers"] .dgn-rsl-steps__i{margin-top:2px;color:#8e8e98}
body.dgn-page[data-page="resellers"] .dgn-rsl-check__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:20px}

/* ---- partnerships: the same two columns; the four points go 2-up only where each point fits on one line
   (>=1600; at 1141-1599 "Built for a thorough product review" broke onto a second line with one word) ---- */
body.dgn-page[data-page="resellers"] .dgn-rsl-opp__col .dgn-h3{margin-top:16px;font-size:clamp(24px,2.2vw,30px)}
body.dgn-page[data-page="resellers"] .dgn-rsl-feat--2{grid-template-columns:minmax(0,1fr);column-gap:20px;margin-bottom:18px}
body.dgn-page[data-page="resellers"] .dgn-rsl-opp__note{width:100%;margin:0 0 26px;padding-top:16px;border-top:1px solid var(--dgn-line);font-size:13.5px;line-height:1.6;color:var(--dgn-dim)}
body.dgn-page[data-page="resellers"] .dgn-rsl-approval{margin-top:22px;max-width:780px;font-size:13.5px;line-height:1.6;color:var(--dgn-dim)}

/* ---- no one-word last lines (review, 24 Sep): "VIP", "plan", "days", "website", "pay.", "work." were left
   alone on a line at 1024, 500, 414, 390 or 360. pretty/balance are progressive: without them the text simply wraps. ---- */
body.dgn-page[data-page="resellers"] :is(.dgn-rsl-feat li span,.dgn-rsl-row__main small,.dgn-rsl-col__txt,.dgn-rsl-opp__note,.dgn-rsl-approval,.dgn-rsl-src .dgn-fine,.dgn-rsl-hero .dgn-fine,.dgn-rsl-check__head .dgn-h3){text-wrap:pretty}
body.dgn-page[data-page="resellers"] .dgn-rsl-protect__lede{text-wrap:balance}

/* ---- wide ---- */
@media (min-width:1600px){
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols{--dgn-col-pad:64px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-protect__grid{column-gap:104px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-row__main b{font-size:24px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-prose p{font-size:17px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-feat--2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---- small laptops and tablets (901-1140): the kit stacks every split here, which left the prose and the
   680px check card hugging the left with a wide empty band on the right (review, 24 Sep). Keep the two side by
   side, like the two-column source and partnership rows above and below them. ---- */
@media (min-width:901px) and (max-width:1140px){
  body.dgn-page[data-page="resellers"] .dgn-rsl-protect__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:center}
  body.dgn-page[data-page="resellers"] .dgn-rsl-check .dgn-card__body{padding:22px 22px 22px}
}
@media (max-width:900px){
  body.dgn-page[data-page="resellers"] .dgn-rsl-protect__grid{grid-template-columns:minmax(0,1fr)}
  body.dgn-page[data-page="resellers"] .dgn-rsl-check{max-width:680px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols,
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols:not(.dgn-cols--3){grid-template-columns:minmax(0,1fr)}
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols>*,
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols:not(.dgn-cols--3)>*{padding:28px 0 32px;border-left:0}
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols>*+*{border-top:1px solid var(--dgn-line)}
}
@media (max-width:720px){
  body.dgn-page[data-page="resellers"] .dgn-rsl-list__h{font-size:27px;margin-top:16px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-row{grid-template-columns:38px minmax(0,1fr);grid-template-areas:"i m" "i s";row-gap:6px;column-gap:14px;align-items:start;padding:14px 0}
  body.dgn-page[data-page="resellers"] .dgn-rsl-row__i{width:38px;height:38px;border-radius:10px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-row__main b{font-size:20px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-row__st{justify-self:start}
  body.dgn-page[data-page="resellers"] .dgn-rsl-list__from{font-size:13px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols>*,
  body.dgn-page[data-page="resellers"] .dgn-rsl-cols:not(.dgn-cols--3)>*{padding:24px 0 28px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-col__name{font-size:clamp(34px,10.5vw,44px);margin-top:16px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-col .dgn-rsl-col__txt{font-size:14.5px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-pay{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:13px 14px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-pay__i{width:42px;height:42px;border-radius:10px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-pay__t b{font-size:28px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-pay__t em{margin-top:5px;font-size:13px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-feat li{font-size:14px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-feat--2{grid-template-columns:minmax(0,1fr)}
  body.dgn-page[data-page="resellers"] .dgn-rsl-col__go{width:100%}
  body.dgn-page[data-page="resellers"] .dgn-rsl-prose p{font-size:15px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-check .dgn-card__body{padding:20px 16px 20px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-check__head{gap:14px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-check__seal{width:50px;height:50px;border-radius:13px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-steps li{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:15px 0}
  body.dgn-page[data-page="resellers"] .dgn-rsl-steps__n{font-size:28px}
  body.dgn-page[data-page="resellers"] .dgn-rsl-steps__i{display:none}
  body.dgn-page[data-page="resellers"] .dgn-rsl-check__links{flex-direction:column;align-items:flex-start}
}

/* phones: a button never shrinks below its label; when two do not fit side by side, each takes the full row
   (the kit gives them flex:1 1 220px, which clips a longer label at 500px; the wave-3 pages do the same) */
@media (max-width:720px){
  body.dgn-page[data-page="resellers"] .dgn-cta-row .dgn-btn{min-width:-webkit-max-content;min-width:max-content}
}
@media (max-width:400px){
  /* the card's heading already says "Two official sources"; the chip would crowd the title on the smallest phones */
  body.dgn-page[data-page="resellers"] .dgn-rsl-list__n{display:none}
}
@media (max-width:380px){
  body.dgn-page[data-page="resellers"] .dgn-cta-row .dgn-btn{min-width:0;white-space:normal;text-align:center}
}