/* /pricing in the new (v2) design. Builds on css/home.css tokens; also restyles the markup
   that js/offers.js generates (offer card, countdown, package cards, custom builder). */
.v2 .xpricing{background:var(--x-bg)}
/* Per-video table */
.v2 .xpricing .per-video{background:#fff;border:0;border-radius:32px;box-shadow:var(--x-sh-card);overflow:hidden;backdrop-filter:none}
.v2 .xpricing .pv-head,.v2 .xpricing .pv-row{display:grid;grid-template-columns:.9fr 1.7fr auto;gap:22px;align-items:center;padding:22px 36px}
.v2 .xpricing .pv-head{font:600 12px/16px var(--x-body);text-transform:uppercase;letter-spacing:.04em;color:var(--x-mute);border-bottom:1px solid #ececec}
.v2 .xpricing .pv-head span:last-child{text-align:right}
.v2 .xpricing .pv-row{border-bottom:1px solid #f0f0f0;transition:background .3s}
.v2 .xpricing .pv-row:last-child{border-bottom:0}
.v2 .xpricing .pv-row:hover{background:linear-gradient(90deg,rgba(255,106,69,.06),transparent 60%)}
.v2 .xpricing .pv-dur{display:flex;align-items:baseline;gap:8px}
.v2 .xpricing .pv-dur .sc{font:800 40px/1 var(--x-display);letter-spacing:-1.6px;color:var(--x-ink)}
.v2 .xpricing .pv-dur .u{font:500 14px/1 var(--x-body);color:var(--x-mute)}
.v2 .xpricing .pv-kind{font:500 16px/24px var(--x-body);color:#4a4a4a}
.v2 .xpricing .pv-price{font:800 30px/1 var(--x-display);letter-spacing:-1px;color:var(--x-ink);text-align:right}

/* Buttons generated by offers.js */
.v2 .xpricing .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:49px;padding:12px 22px;border-radius:36px;border:0;cursor:pointer;
  font:600 16px/25.6px var(--x-body);letter-spacing:-.16px;background:var(--x-ink);color:#fff;box-shadow:var(--x-sh-btn);transition:transform .3s var(--x-ease)}
.v2 .xpricing .btn:hover{transform:translateY(-1px)}
.v2 .xpricing .btn.ghost{background:#fff;color:var(--x-ink);box-shadow:inset 0 0 0 1px #e3e3e3}

/* Offer card (campaign) */
.v2 .xp-offer-wrap{padding:0 60px}
.v2 .xpricing .offer{margin:0 0 40px}
.v2 .xpricing .offer-card{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;padding:40px;border-radius:32px;border:0;color:#fff;
  background:radial-gradient(70% 120% at 0% 0%,rgba(255,106,69,.28),transparent 60%),radial-gradient(70% 120% at 100% 100%,rgba(123,77,255,.3),transparent 60%),var(--x-dark2);box-shadow:var(--x-sh-card)}
.v2 .xpricing .offer-badge{display:inline-flex;padding:6px 12px;border-radius:100px;background:#fff;color:var(--x-ink);font:700 11px/16px var(--x-body);letter-spacing:.06em;text-transform:uppercase}
.v2 .xpricing .offer-card h3{margin:18px 0 10px;font:800 36px/38px var(--x-display);letter-spacing:-1.2px;text-transform:uppercase;color:#fff}
.v2 .xpricing .offer-card p{margin:0 0 10px;font:400 16px/1.55 var(--x-body);color:#d6d6d6}
.v2 .xpricing .offer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.v2 .xpricing .offer-card .btn{background:#fff;color:var(--x-ink);box-shadow:none}
.v2 .xpricing .offer-card .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.v2 .xpricing .cd-title{display:block;margin-bottom:12px;font:600 13px/1 var(--x-body);color:#bdbdbd}
.v2 .xpricing .countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v2 .xpricing .cd-unit{padding:16px 6px;border-radius:20px;background:var(--x-card);border:1px solid rgba(255,255,255,.08);text-align:center}
.v2 .xpricing .cd-num{display:block;font:800 44px/1 var(--x-display);letter-spacing:-1.5px;color:#fff;font-variant-numeric:tabular-nums}
.v2 .xpricing .cd-lbl{display:block;margin-top:6px;font:500 12px/1 var(--x-body);color:#a8a8a8}

/* Package cards */
.v2 .xpricing .packages{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:16px;max-width:none;align-items:stretch}
.v2 .xpricing .pkg{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px;border:0;border-radius:32px;background:#fff;color:var(--x-ink);box-shadow:var(--x-sh-card);backdrop-filter:none;transition:transform .45s var(--x-ease)}
.v2 .xpricing .pkg:hover{transform:translateY(-4px)}
.v2 .xpricing .pkg-hot{background:var(--x-dark2);color:#fff}
.v2 .xpricing .pkg-flag{position:absolute;top:-13px;left:28px;padding:5px 12px;border-radius:100px;background:var(--x-grad);color:#fff;font:700 12px/16px var(--x-body)}
.v2 .xpricing .pkg h3{margin:0;font:800 26px/1.1 var(--x-display);letter-spacing:-.6px;text-transform:uppercase;color:inherit}
.v2 .xpricing .pkg-tag{margin:-6px 0 0;font:500 15px/1.4 var(--x-body);color:var(--x-mute)}
.v2 .xpricing .pkg-hot .pkg-tag{color:#a8a8a8}
.v2 .xpricing .pkg-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.v2 .xpricing .pkg-price s{font:500 18px/1 var(--x-body);color:var(--x-mute)}
.v2 .xpricing .pkg-amount{font:800 48px/1 var(--x-display);letter-spacing:-2px;color:inherit}
.v2 .xpricing .pkg-bill{font:500 13px/1 var(--x-body);color:var(--x-mute)}
.v2 .xpricing .pkg-save{margin:0;font:600 14px/1.4 var(--x-body);color:var(--x-warm-ink)}
.v2 .xpricing .pkg-hot .pkg-save{color:var(--x-warm)}
.v2 .xpricing .pkg-facts{list-style:none;margin:0;padding:14px 0;display:grid;gap:8px;border-top:1px solid rgba(128,128,128,.2);border-bottom:1px solid rgba(128,128,128,.2);font:400 15px/1.4 var(--x-body);color:inherit}
.v2 .xpricing .pkg-facts b{font-weight:700;color:inherit}
.v2 .xpricing .pkg-facts s{color:var(--x-mute);font-size:13px}
.v2 .xpricing .pkg-list h4,.v2 .xpricing .pkg-list summary{margin:0 0 8px;font:600 12px/16px var(--x-body);text-transform:uppercase;letter-spacing:.04em;color:var(--x-mute)}
.v2 .xpricing .pkg-list ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font:400 14.5px/1.45 var(--x-body);color:inherit}
.v2 .xpricing .pkg-list li{position:relative;padding-left:22px}
.v2 .xpricing .pkg-list li::before{content:"✓";position:absolute;left:0;color:var(--x-violet-ink);font-weight:700}
.v2 .xpricing .pkg-hot .pkg-list li::before{color:var(--x-cool)}
.v2 .xpricing .pkg-ex summary{cursor:pointer;list-style:none}
.v2 .xpricing .pkg-ex summary::before{content:"+ ";color:var(--x-warm-ink)}
.v2 .xpricing .pkg-ex[open] summary::before{content:"− "}
.v2 .xpricing .pkg-ex li::before{content:"×";color:var(--x-warm-ink)}
.v2 .xpricing .pkg-cta{margin-top:auto;width:100%}
.v2 .xpricing .pkg-hot .pkg-cta{background:#fff;color:var(--x-ink);box-shadow:none}

/* Custom builder */
.v2 .xp-builder{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;padding:40px;border-radius:32px;background:#fff;box-shadow:var(--x-sh-card)}
.v2 .xp-builder-head .xp-h2{margin:20px 0 12px}
.v2 .xp-builder-head p{margin:0;font:500 16px/24px var(--x-body);color:var(--x-mute)}
.v2 .xpricing .bld-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.v2 .xpricing .field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.v2 .xpricing .field label,.v2 .xpricing .bld-extras legend{font:600 13px/1.3 var(--x-body);color:#4a4a4a}
.v2 .xpricing .field select,.v2 .xpricing .field input{width:100%;height:50px;padding:12px 40px 12px 14px;border-radius:14px;border:1px solid #e3e3e3;background-color:var(--x-bg);color:var(--x-ink);
  font:500 15px/1.2 var(--x-body);outline:none;transition:border-color .25s,box-shadow .25s}
.v2 .xpricing .field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%236e6e6e' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 14px center}
.v2 .xpricing .field select option{background:#fff;color:var(--x-ink)}
.v2 .xpricing .field select:focus,.v2 .xpricing .field input:focus{border-color:var(--x-violet);box-shadow:0 0 0 4px rgba(157,92,245,.15)}
.v2 .xpricing .bld-extras{border:0;margin:4px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v2 .xpricing .bld-extras legend{margin-bottom:8px}
.v2 .xpricing .chk{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:100px;border:1px solid #e3e3e3;background:#fff;font:500 14px/1 var(--x-body);color:#4a4a4a;cursor:pointer}
.v2 .xpricing .chk:has(input:checked){border-color:var(--x-ink);background:var(--x-ink);color:#fff}
.v2 .xpricing .chk input{accent-color:var(--x-warm);margin:0}
.v2 .xpricing .bld-out{min-height:56px;margin-bottom:16px}
.v2 .xpricing .bld-quote{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:16px 18px;border-radius:18px;background:var(--x-bg)}
.v2 .xpricing .bld-quote span{font:600 13px/1 var(--x-body);color:var(--x-mute)}
.v2 .xpricing .bld-quote b{font:800 32px/1 var(--x-display);color:var(--x-ink)}
.v2 .xpricing .bld-quote small{flex-basis:100%;font:400 13px/1.4 var(--x-body);color:var(--x-mute)}
.v2 .xpricing .bld-note{margin:0;font:400 14.5px/1.55 var(--x-body);color:#4a4a4a}

@media (max-width:1199px){
  .v2 .xp-hero,.v2 .xp-sec,.v2 .xp-monthly{padding-left:32px;padding-right:32px}
  .v2 .xp-offer-wrap{padding:0 32px}
  .v2 .xpricing .packages{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .v2 .xpricing .offer-card,.v2 .xp-builder{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:809px){
  .v2 .xp-hero{padding:calc(100px + var(--promo-h,0px)) 16px 40px}
  .v2 .xp-h1{font-size:34px;line-height:36px;letter-spacing:-1.36px}
  .v2 .xp-sub{font-size:16px;line-height:23px}
  .v2 .xp-sec{padding:24px 16px 48px}
  .v2 .xp-offer-wrap{padding:0 16px}
  .v2 .xp-h2{font-size:30px;line-height:33px;letter-spacing:-1.1px}
  .v2 .xpricing .pv-head{display:none}
  .v2 .xpricing .pv-head,.v2 .xpricing .pv-row{padding:18px 20px}
  .v2 .xpricing .pv-row{grid-template-columns:1fr auto;gap:6px 16px}
  .v2 .xpricing .pv-kind{grid-column:1/-1;order:3;font-size:14.5px}
  .v2 .xpricing .pv-dur .sc{font-size:32px}
  .v2 .xpricing .pv-price{font-size:26px}
  .v2 .xpricing .packages{grid-template-columns:minmax(0,1fr)}
  .v2 .xpricing .offer-card{padding:28px 20px}
  .v2 .xpricing .offer-card h3{font-size:26px;line-height:28px}
  .v2 .xpricing .cd-num{font-size:30px}
  .v2 .xp-monthly{padding:56px 16px}
  .v2 .xp-monthly p{font-size:16px;line-height:23px}
  .v2 .xp-builder{padding:24px 18px}
  .v2 .xpricing .bld-grid{grid-template-columns:minmax(0,1fr)}
  .v2 .xp-cta-sub{font-size:16px}
}

.v2 .xpricing .pkg-list{color:#3d3d3d}
.v2 .xpricing .pkg-hot .pkg-list{color:#e6e6e6}