/* Gaming Zone add-on card under the 3 package cards (course page #pricing). Matches the package cards: #F5F5F5, 2px #1A1A1A, radius 16. */
.mdg-addon{background:#20242B;padding:0 20px 90px;margin-top:-6px;position:relative} /* leaves room for the 2-line upgrade note under the Complete card */
.mdg-addon *{box-sizing:border-box}
.mdg-addon-card{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:250px 1fr 300px;align-items:stretch;background:#F5F5F5;border:2px solid #1A1A1A;
  border-radius:16px;box-shadow:0 0 30px rgba(26,26,26,.18);overflow:hidden;font-family:-apple-system,"system-ui","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.mdg-addon-card:hover{transform:translateY(-6px);background:#fff;border-color:#7BE5D3;box-shadow:0 0 0 3px rgba(123,229,211,.55),0 26px 60px rgba(123,229,211,.22),0 14px 34px rgba(0,0,0,.4)}
.mdg-addon-vis{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px 18px;
  background:linear-gradient(180deg,rgba(13,14,17,.1) 0%,rgba(13,14,17,.45) 50%,rgba(13,14,17,.88) 100%),url(/wp-content/uploads/2026/09/dribble-pop-768x512.jpg) center/cover no-repeat,#15181d;justify-content:flex-end}
.mdg-addon-vis .mdg-addon-ico{display:none}
.mdg-addon-ico{font-size:46px;line-height:1;margin-bottom:6px}
.mdg-addon-chip{font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;border:1px solid rgba(123,229,211,.55);background:rgba(123,229,211,.1);border-radius:999px;padding:4px 12px}
.mdg-addon-live{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#fff}
.mdg-addon-live i{width:8px;height:8px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 8px #ff5a5a;animation:mdgBlink 1.2s infinite}
.mdg-addon-txt{padding:30px 32px}
.mdg-addon-pill{display:inline-block;background:#7BE5D3;color:#1A1A1A;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:10px}
.mdg-addon-txt h3{color:#1A1A1A;font-size:22px;font-weight:700;margin:0 0 6px;font-family:inherit}
.mdg-addon-txt p{color:#333;font-size:15px;line-height:1.55;margin:0 0 12px}
.mdg-addon-txt ul{list-style:none;margin:0;padding:0}
.mdg-addon-txt li{position:relative;color:#333;font-size:15px;line-height:1.55;padding:0 0 6px 26px}
.mdg-addon-txt li span{position:absolute;left:0;top:0;color:#12B886}
.mdg-addon-buy{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px 28px;border-left:1px solid rgba(26,26,26,.1);text-align:center}
.mdg-addon-price{color:#1A1A1A;font-size:38px;font-weight:800;line-height:1}
.mdg-addon-btn{display:block;white-space:nowrap;background:#7BE5D3;color:#1A1A1A !important;font-size:16px;font-weight:700;text-transform:uppercase;text-decoration:none !important;border-radius:30px;padding:16px 14px;transition:background .2s,box-shadow .2s}
.mdg-addon-card:hover .mdg-addon-btn{background:#5FD8C3;box-shadow:0 8px 22px rgba(123,229,211,.4)}
.mdg-addon-buy small{color:#6b7280;font-size:12.5px;line-height:1.45}
.mdg-addon-buy small b{color:#1A1A1A}
@media (max-width:1100px){.mdg-addon-card{grid-template-columns:210px 1fr 270px}.mdg-addon-btn{font-size:15px}}
@media (max-width:900px){
  .mdg-addon{padding:10px 20px 70px;margin-top:0} /* padding, not margin: a margin would show the white page background */
  .mdg-addon-card{grid-template-columns:1fr;max-width:none} /* same width as the stacked package cards */
  .mdg-addon-vis{flex-direction:row;flex-wrap:wrap;align-content:flex-end;min-height:200px;padding:40px 16px 20px}
  .mdg-addon-ico{font-size:34px;margin:0 6px 0 0}
  .mdg-addon-txt{padding:24px 24px 8px}
  .mdg-addon-buy{border-left:0;border-top:1px solid rgba(26,26,26,.1);padding:20px 24px 26px}
}
@media (hover:none){.mdg-addon-card:hover{transform:none}}
@keyframes mdgBlink{50%{opacity:.25}}