
.plugacct87{padding:36px 0 14px;background:linear-gradient(180deg,rgba(12,18,12,.18),rgba(0,0,0,0))}
.plugacct87-shell{max-width:1280px;margin:0 auto;padding:0 18px}
.plugacct87-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px;padding:0 4px}
.plugacct87-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(153,255,0,.22);background:rgba(7,17,7,.7);color:#b3ff4d;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.plugacct87-kicker i{width:9px;height:9px;border-radius:50%;background:#9cff00;box-shadow:0 0 14px rgba(156,255,0,.85)}
.plugacct87-head h2{margin:12px 0 8px;font-size:clamp(2rem,4vw,3.7rem);line-height:.94;letter-spacing:-.05em;font-weight:900;color:#fff}
.plugacct87-head h2 em{font-style:normal;color:#9cff00}
.plugacct87-head p{margin:0;max-width:860px;color:#a9b4a8;line-height:1.75}
.plugacct87-badge{display:grid;place-items:center;min-width:220px;padding:20px 22px;border-radius:28px;border:1px solid rgba(153,255,0,.16);background:radial-gradient(circle at top,rgba(153,255,0,.12),transparent 50%),linear-gradient(180deg,rgba(14,20,14,.98),rgba(7,10,7,.98));box-shadow:0 18px 48px rgba(0,0,0,.28)}
.plugacct87-badge strong{font-size:2.9rem;line-height:1;color:#9cff00;font-weight:900}
.plugacct87-badge span{margin-top:8px;font-size:.76rem;color:#d6ddd5;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.plugacct87-feature-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;margin-bottom:22px}
.plugacct87-feature,.plugacct87-sidecard{border:1px solid rgba(153,255,0,.14);background:linear-gradient(180deg,rgba(9,14,9,.96),rgba(4,7,4,.98));border-radius:30px;box-shadow:0 20px 55px rgba(0,0,0,.24)}
.plugacct87-feature{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(260px,.95fr);overflow:hidden}
.plugacct87-media{position:relative;overflow:hidden;background:#050805}
.plugacct87-feature .plugacct87-media{min-height:100%}
.plugacct87-media img{display:block;width:100%;height:100%;object-fit:cover}
.plugacct87-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.38) 65%,rgba(0,0,0,.72) 100%),linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.02) 50%,rgba(0,0,0,.5))}
.plugacct87-platform,.plugacct87-price{position:absolute;z-index:2;top:14px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.45);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.plugacct87-platform{left:14px}
.plugacct87-platform.steam{background:rgba(65,140,255,.18);border-color:rgba(123,184,255,.4);color:#d9ecff}
.plugacct87-platform.xbox{background:rgba(41,131,51,.16);border-color:rgba(140,255,128,.22);color:#e1ffd9}
.plugacct87-platform.custom{background:rgba(173,98,255,.16);border-color:rgba(212,170,255,.28);color:#f5e5ff}
.plugacct87-price{right:14px;color:#fff}
.plugacct87-body{padding:18px 18px 18px 20px;display:flex;flex-direction:column}
.plugacct87-feature .plugacct87-body{justify-content:center;padding:24px 24px 24px 22px}
.plugacct87-mini{font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#afff52;margin-bottom:8px}
.plugacct87-body h3{margin:0 0 8px;font-size:clamp(1.45rem,2vw,2.5rem);line-height:.96;font-weight:900;letter-spacing:-.045em;color:#fff}
.plugacct87-body p{margin:0;color:#aeb9ad;line-height:1.7}
.plugacct87-points{margin:14px 0 16px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.plugacct87-points li{padding:12px 14px;border-radius:16px;border:1px solid rgba(153,255,0,.12);background:rgba(8,14,8,.74);color:#d7ddd5;font-size:.95rem}
.plugacct87-points b{color:#fff}
.plugacct87-buy,.plugacct87-card button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:auto;padding:14px 18px;border-radius:16px;border:1px solid rgba(153,255,0,.24);background:linear-gradient(90deg,#89f000,#b7ff59);color:#071007;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 12px 34px rgba(126,255,0,.18);cursor:pointer;transition:transform .18s ease, box-shadow .18s ease}
.plugacct87-buy:hover,.plugacct87-card button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(126,255,0,.22)}
.plugacct87-sidecard{padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.plugacct87-sidecard-top span{display:inline-block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#b6ff56;font-weight:800;margin-bottom:8px}
.plugacct87-sidecard-top strong{display:block;font-size:1.6rem;color:#fff;line-height:1.05}
.plugacct87-sidecard p{margin:0;color:#b2bdb1;line-height:1.75}
.plugacct87-side-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plugacct87-side-metrics div{padding:14px 16px;border-radius:18px;border:1px solid rgba(153,255,0,.12);background:rgba(8,13,8,.72)}
.plugacct87-side-metrics small{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#7f8f7c;font-weight:800;margin-bottom:6px}
.plugacct87-side-metrics strong{font-size:1.05rem;color:#fff}
.plugacct87-subhead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:8px 0 16px;padding:0 4px}
.plugacct87-subhead span{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#b5ff54;text-transform:uppercase;margin-bottom:6px}
.plugacct87-subhead h3{margin:0;font-size:1.95rem;line-height:1;color:#fff;letter-spacing:-.04em}
.plugacct87-subhead p{margin:0;max-width:540px;text-align:right;color:#a6b3a5;line-height:1.7}
.plugacct87-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.plugacct87-card{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;border:1px solid rgba(153,255,0,.14);background:linear-gradient(180deg,rgba(9,14,9,.97),rgba(5,7,5,.98));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.plugacct87-card .plugacct87-media{aspect-ratio:4/3}
.plugacct87-card .plugacct87-body{flex:1}
.plugacct87-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}
.plugacct87-tags span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(153,255,0,.08);border:1px solid rgba(153,255,0,.12);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c7ff88}
.plugacct87-card--custom .plugacct87-tags span{background:rgba(173,98,255,.08);border-color:rgba(173,98,255,.18);color:#ebcdff}
.plugacct87-note{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:20px;border:1px solid rgba(153,255,0,.14);background:rgba(8,13,8,.72);color:#b5c0b4}
.plugacct87-note span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(153,255,0,.12);color:#b6ff50;font-weight:900}
.plugacct87-note strong{color:#fff}.plugacct87-note p{margin:5px 0 0;line-height:1.65}
@media (max-width:1180px){.plugacct87-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plugacct87-feature-row{grid-template-columns:1fr}.plugacct87-head{flex-direction:column;align-items:flex-start}.plugacct87-subhead{flex-direction:column;align-items:flex-start}.plugacct87-subhead p{text-align:left;max-width:none}}
@media (max-width:900px){.plugacct87-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plugacct87-feature{grid-template-columns:1fr}.plugacct87-points{grid-template-columns:1fr}}
@media (max-width:620px){.plugacct87-shell{padding:0 14px}.plugacct87-grid{grid-template-columns:1fr}.plugacct87-head h2{font-size:2.55rem}.plugacct87-badge{width:100%}.plugacct87-side-metrics{grid-template-columns:1fr}}

/* v88 — independent Plug Accounts stock display */
.plugacct87-stock{
  position:absolute;z-index:3;left:14px;bottom:14px;
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 11px;border-radius:999px;
  border:1px solid rgba(153,255,0,.26);
  background:rgba(5,13,5,.9);color:#caff8a;
  font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 0 20px rgba(145,255,0,.1),inset 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(8px)
}
.plugacct87-stock::before{content:'';width:7px;height:7px;border-radius:50%;background:#9cff00;box-shadow:0 0 12px rgba(156,255,0,.9)}
.plugacct87-stock.custom{border-color:rgba(200,147,255,.28);color:#eddaff;background:rgba(20,8,28,.9)}
.plugacct87-stock.custom::before{background:#c776ff;box-shadow:0 0 12px rgba(199,118,255,.85)}
.plugacct87-stock-note{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:#8fa08c;font-size:.78rem;font-weight:700}
.plugacct87-stock-note i{width:7px;height:7px;border-radius:50%;background:#9cff00;box-shadow:0 0 10px rgba(156,255,0,.7)}

/* v89 dedicated Plug Account checkout */
.plug89-backdrop{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}
.plug89-backdrop.open{display:flex}
.plug89-modal{width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:28px;border:1px solid rgba(153,255,0,.24);background:linear-gradient(180deg,#0b120b,#060906);box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 60px rgba(126,255,0,.08);color:#fff}
.plug89-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px 18px;border-bottom:1px solid rgba(153,255,0,.12)}
.plug89-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#aaff45;font-weight:900;margin-bottom:8px}
.plug89-head h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:.95;letter-spacing:-.045em}
.plug89-head p{margin:10px 0 0;color:#a9b5a6;line-height:1.6}
.plug89-close{flex:0 0 42px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#101710;color:#fff;font-size:1.4rem;cursor:pointer}
.plug89-summary{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:22px 26px 0;padding:16px 18px;border-radius:18px;border:1px solid rgba(153,255,0,.15);background:rgba(153,255,0,.055)}
.plug89-summary small{display:block;color:#7e907a;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.plug89-summary strong{font-size:1rem;color:#fff}
.plug89-summary-price{font-size:1.45rem!important;color:#aaff45!important;white-space:nowrap}
.plug89-form{padding:20px 26px 26px;display:grid;gap:16px}
.plug89-form label{display:grid;gap:8px;color:#dce5da;font-size:.82rem;font-weight:800;letter-spacing:.02em}
.plug89-form input,.plug89-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(153,255,0,.14);border-radius:15px;background:#071007;color:#fff;padding:13px 14px;outline:none;font:inherit}
.plug89-form input:focus,.plug89-form textarea:focus{border-color:rgba(153,255,0,.5);box-shadow:0 0 0 3px rgba(153,255,0,.08)}
.plug89-grid{display:grid;grid-template-columns:1fr 140px;gap:14px}
.plug89-info{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:16px;background:rgba(153,255,0,.055);border:1px solid rgba(153,255,0,.12);color:#aab7a7;font-size:.9rem;line-height:1.55}
.plug89-info b{color:#b3ff50}
.plug89-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:0;border-radius:16px;background:linear-gradient(90deg,#8cf400,#b8ff5a);color:#061006;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 15px 38px rgba(126,255,0,.18)}
.plug89-submit:disabled{opacity:.55;cursor:wait}
.plug89-status{min-height:22px;color:#aab7a7;font-size:.9rem}
.plug89-status.error{color:#ff8b8b}
html.plug89-lock,body.plug89-lock{overflow:hidden!important}
@media(max-width:620px){.plug89-grid{grid-template-columns:1fr}.plug89-head,.plug89-form{padding-left:18px;padding-right:18px}.plug89-summary{margin-left:18px;margin-right:18px}}


/* v92 hard image-size containment — prevents raw promo art from expanding cards */
.plugacct87,
.plugacct87 *{box-sizing:border-box}

.plugacct87-shell{width:min(1280px,calc(100% - 28px));max-width:1280px;margin-inline:auto;padding-inline:0}

.plugacct87-feature{
  min-width:0;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
}
.plugacct87-feature .plugacct87-media{
  width:100%;
  height:360px;
  min-height:0!important;
  max-height:360px;
  aspect-ratio:auto!important;
}
.plugacct87-feature .plugacct87-media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:360px!important;
  object-fit:cover!important;
  object-position:center!important;
}

.plugacct87-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch;
}
.plugacct87-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
}
.plugacct87-card .plugacct87-media{
  position:relative!important;
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  flex:0 0 220px!important;
}
.plugacct87-card .plugacct87-media img{
  display:block!important;
  width:100%!important;
  height:220px!important;
  max-width:100%!important;
  max-height:220px!important;
  min-width:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.plugacct87-card .plugacct87-body{
  min-width:0;
  padding:17px 17px 18px!important;
}
.plugacct87-card .plugacct87-body h3{font-size:1.45rem!important}
.plugacct87-card .plugacct87-body p{font-size:.9rem!important;line-height:1.55!important}

@media(max-width:1180px){
  .plugacct87-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .plugacct87-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .plugacct87-feature{grid-template-columns:1fr!important}
  .plugacct87-feature .plugacct87-media{height:330px;max-height:330px}
  .plugacct87-feature .plugacct87-media img{max-height:330px!important}
}
@media(max-width:620px){
  .plugacct87-shell{width:min(100% - 20px,1280px)}
  .plugacct87-grid{grid-template-columns:1fr!important}
  .plugacct87-card .plugacct87-media{height:230px!important;min-height:230px!important;max-height:230px!important;flex-basis:230px!important}
  .plugacct87-card .plugacct87-media img{height:230px!important;max-height:230px!important}
  .plugacct87-feature .plugacct87-media{height:280px;max-height:280px}
  .plugacct87-feature .plugacct87-media img{max-height:280px!important}
}
