.subs-main{min-height:100vh;max-width:100vw;margin:0 auto}.subs-title{margin-bottom:2.5rem}.subs-row{display:flex;flex-direction:row;gap:2rem;justify-content:center;align-items:stretch;flex-wrap:wrap;width:90vw;max-width:90vw;margin:0 auto}.subs-card{width:340px;background:linear-gradient(132deg,#19243a 92%,#193254 100%);border-radius:2.1rem;box-shadow:0 4px 40px 0 rgba(10,18,32,0.21),0 2px 16px 0 rgba(14,124,199,0.10);min-height:560px;transition:transform 0.2s,box-shadow 0.2s,filter 0.18s;border:2px solid #192d45;position:relative;overflow:hidden}.subs-card.hoverable:hover{box-shadow:0 12px 56px 0 #0ea5e977,0 2px 16px 0 #3b82f67a;transform:scale(1.04);z-index:2;filter:brightness(1.08)}.subs-card.coming-soon{opacity:0.48;pointer-events:none;filter:grayscale(0.2) blur(1.5px)}.coming-banner{position:absolute;left:-60px;top:32px;z-index:10;background:linear-gradient(90deg,#be123c 60%,#334155 100%);color:#fff;font-weight:700;font-size:1.3rem;letter-spacing:0.1em;padding:0.45em 3.8em;border-radius:1.2em;transform:rotate(-23deg);box-shadow:0 2px 14px #0ea5e940;text-shadow:0 2px 2px #222;pointer-events:none}.subs-card-title{margin-bottom:0.7rem}.subs-perks{width:100%;padding-left:0.2rem}.subs-perks li{list-style:none;font-size:1.07rem;margin-bottom:0.16rem}.perk-check{color:#22c55e;font-weight:bold;margin-right:0.48em;font-size:1.12em}.subs-price{margin-top:auto;padding-bottom:1.3rem;margin-bottom:-1.3rem}.subs-oldprice{text-decoration:line-through;color:#a1a1aa;margin-right:0.6em}.subs-newprice,.subs-actual{font-size:2.2rem;font-weight:700;color:#0ea5e9}.subs-discount-note{font-size:0.99rem;color:#22c55e;margin-top:0.22rem}.subs-status{font-size:1.03rem;font-weight:600;margin-left:0.85em}.subs-comingsoon{font-size:1.15rem;color:#cbd5e1}.subs-popup{display:flex;align-items:center;justify-content:center}.subs-popup-bg{position:absolute;left:0;top:0;width:100vw;height:100vh;background:rgba(12,18,34,0.89);backdrop-filter:blur(2.5px);z-index:0}.subs-popup-content{background:#1e293b;border-radius:2rem;box-shadow:0 8px 32px #0ea5e97a;padding:2.7rem 2rem 2rem 2rem;z-index:11;max-width:98vw;width:370px;text-align:center;position:relative}#subsPopupClose{position:absolute;right:1.3rem;top:1.3rem;font-size:2rem;background:none;border:none;cursor:pointer;color:#cbd5e1;transition:color 0.18s}#subsPopupClose:hover{color:#ef4444}.ucActionBtn{display:inline-block;padding:0.8rem 1.9rem;border-radius:0.9rem;background:#0ea5e9;color:#fff;font-weight:700;text-align:center;cursor:pointer;font-size:1.08rem;transition:background .16s,transform .10s;border:none}.ucActionBtn:hover{background:#0284c7}@media (max-width:900px){.subs-row{flex-direction:column;gap:1.1rem;align-items:center;width:100vw!important;max-width:100vw!important;margin:0 auto!important;padding:0!important;overflow-x:hidden!important}.subs-card{width:66vw!important;max-width:66vw!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;padding:0.9rem 0.5rem 1.2rem 0.5rem!important;min-height:175px!important;font-size:0.95rem!important;overflow-x:hidden!important}}@media (max-width:600px){.subs-main{width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding:0!important}.subs-row{width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding:0!important;gap:0.6rem!important;overflow-x:hidden!important}.subs-card{width:67vw!important;max-width:67vw!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;padding:0.6rem 0.2rem 1rem 0.2rem!important;min-height:112px!important;font-size:0.91rem!important;overflow-x:hidden!important}}@media (max-width:400px){.subs-row,.subs-card{width:96vw!important;max-width:96vw!important}.subs-card{min-height:74px!important;font-size:0.79rem!important}}html,body{max-width:100vw;overflow-x:hidden!important}