/* =====================================================================
   Deals switcher: tabbed SamCart checkouts with coupons pre-attached.
   Self-contained so it looks the same on q4bundle.html (Studio Light)
   and q42026masterclass.html (cream/burgundy). Everything is scoped
   under .deals so it never touches the rest of either page.
   ===================================================================== */
.deals{
  --d-ink:#1E1B19; --d-soft:#5A534B; --d-mute:#8A8278;
  --d-paper:#FFFFFF; --d-cream:#FBF8F2; --d-line:#E6DED2;
  --d-bur:#8E1C2C; --d-burdeep:#5E1220; --d-bur-100:#F7E7E9;
  --d-gold:#D9A441; --d-lime:#E9F5A6;
  --d-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;
  color:var(--d-ink);
  max-width:860px; margin:64px auto 0;
  scroll-margin-top:90px;
}
.deals *{box-sizing:border-box}
.deals__head{text-align:center;margin-bottom:26px}
.deals__eyebrow{font-family:var(--d-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--d-bur)}
.deals__title{margin:10px 0 8px}
.deals__sub{color:var(--d-soft);max-width:560px;margin:0 auto;font-size:16px}

/* Tabs */
.deals__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.deals__tab{
  appearance:none;cursor:pointer;text-align:left;font:inherit;color:var(--d-ink);
  background:var(--d-paper);border:1.5px solid var(--d-line);border-radius:6px;
  padding:14px 14px 13px;display:flex;flex-direction:column;gap:3px;
  transition:border-color .15s ease, background .15s ease, transform .15s ease;
}
.deals__tab:hover{border-color:var(--d-bur);transform:translateY(-1px)}
.deals__tab:focus-visible{outline:2px solid var(--d-bur);outline-offset:2px}
.deals__tab-k{font-family:var(--d-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--d-mute)}
.deals__tab-name{font-weight:700;font-size:15px;line-height:1.25}
.deals__tab-price{font-weight:800;font-size:20px;line-height:1.1;margin-top:4px}
.deals__tab-price s{font-weight:500;font-size:13px;color:var(--d-mute);margin-left:6px}
.deals__tab[aria-selected="true"]{background:var(--d-burdeep);border-color:var(--d-burdeep);color:#fff}
.deals__tab[aria-selected="true"] .deals__tab-k{color:var(--d-gold)}
.deals__tab[aria-selected="true"] .deals__tab-price s{color:#C9A9B0}
.deals__tab--best{position:relative}
.deals__tab--best::after{
  content:"Best value";position:absolute;top:-9px;right:10px;
  font-family:var(--d-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  background:var(--d-lime);color:var(--d-ink);padding:3px 7px;border-radius:999px;
}

/* Panel */
.deals__panel{background:var(--d-paper);border:1.5px solid var(--d-ink);box-shadow:8px 8px 0 var(--d-bur);border-radius:2px}
.deals__panel[hidden]{display:none!important}
.deals__info{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;padding:24px 24px 20px;border-bottom:1px solid var(--d-line)}
.deals__info h3{font-size:22px;line-height:1.2;margin:0 0 6px}
.deals__info p{color:var(--d-soft);font-size:15px;margin:0 0 10px}
.deals__list{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}
.deals__list li{padding-left:22px;position:relative;color:var(--d-ink)}
.deals__list li::before{content:"\2713";position:absolute;left:0;color:var(--d-bur);font-weight:700}
.deals__aside{background:var(--d-cream);border:1px solid var(--d-line);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:10px;align-self:start}
.deals__price{font-weight:800;font-size:40px;line-height:1;color:var(--d-bur)}
.deals__price s{font-size:18px;font-weight:500;color:var(--d-mute);margin-left:8px}
.deals__code{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--d-soft)}
.deals__code b{font-family:var(--d-mono);font-size:12px;letter-spacing:.08em;background:var(--d-lime);color:var(--d-ink);padding:4px 8px;border-radius:4px}
.deals__link{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-family:var(--d-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:var(--d-ink);text-decoration:none;border:1.5px solid var(--d-ink);border-radius:4px;padding:10px 12px;
  transition:background .15s ease,color .15s ease;
}
.deals__link:hover{background:var(--d-ink);color:#fff}
.deals__frame{padding:12px;min-height:420px;position:relative}
.deals__frame::before{
  content:"Loading secure checkout\2026";position:absolute;top:28px;left:0;right:0;text-align:center;
  font-family:var(--d-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--d-mute);z-index:0;
}
.deals__frame sc-checkout{display:block;width:100%;min-height:400px;position:relative;z-index:1}
.deals__fine{text-align:center;font-size:13px;color:var(--d-mute);margin-top:18px}

/* Popup version (replay page) */
.deals-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}
.deals-modal[hidden]{display:none!important}
.deals-modal__backdrop{position:fixed;inset:0;background:rgba(21,19,17,.62);backdrop-filter:blur(3px)}
.deals-modal__panel{position:relative;width:100%;max-width:900px;background:#FBF8F2;border-radius:6px;padding:26px 24px 30px;margin:auto 0;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.deals-modal .deals{margin-top:0}
.deals-modal__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:4px;border:1px solid #E3DCCF;background:#fff;font-size:24px;line-height:1;cursor:pointer;color:#151311;z-index:2}
.deals-modal__close:hover{background:#151311;color:#fff}
body.deals-locked{overflow:hidden}

@media (max-width:760px){
  .deals__tabs{grid-template-columns:1fr 1fr}
  .deals__info{grid-template-columns:1fr;padding:20px 18px 18px}
  .deals__panel{box-shadow:5px 5px 0 var(--d-bur)}
  .deals-modal{padding:10px}
  .deals-modal__panel{padding:52px 12px 20px}
}