/* Viettel Mobile App 4.8.0: Postpaid prepay, TV360 and Camera pages */
.vts-prepay-promo-strip{margin:18px 0 4px;padding:20px;border-radius:26px;background:linear-gradient(135deg,#30102b,#7d1747 58%,#d61b5d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 42px rgba(74,15,54,.22);position:relative;overflow:hidden}.vts-prepay-promo-strip:after{content:"";position:absolute;right:-45px;top:-55px;width:190px;height:190px;border:34px solid rgba(255,255,255,.08);border-radius:50%}.vts-prepay-promo-strip>div{display:flex;align-items:center;gap:15px;position:relative;z-index:1}.vts-prepay-promo-strip>div>span{width:52px;height:52px;border-radius:18px;background:#fff;color:#d50e50;display:grid;place-items:center;flex:0 0 auto}.vts-prepay-promo-strip small{display:block;font-size:11px;font-weight:900;letter-spacing:1px;color:#ffc5dc}.vts-prepay-promo-strip strong{display:block;font-size:21px;line-height:1.25;margin:3px 0}.vts-prepay-promo-strip p{font-size:13px;margin:0;color:rgba(255,255,255,.8)}.vts-prepay-promo-strip .vts-button{position:relative;z-index:1;flex:0 0 auto}
.vts-postpaid-card__prepay{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.vts-postpaid-card__prepay span{border:1px solid #eadcf4;background:#faf7ff;border-radius:14px;padding:9px 10px;font-size:11px;color:#6b4a7c;line-height:1.25}.vts-postpaid-card__prepay b{display:block;color:#5a2479;font-size:12px;margin-bottom:3px}
.vts-package-detail--television .vts-buy-hero{background:linear-gradient(135deg,#3b0618,#a60c35 58%,#ef365f)}.vts-package-detail--camera .vts-buy-hero{background:linear-gradient(135deg,#25123f,#6639a2 58%,#9862da)}
.vts-media-hero{border-radius:30px;padding:28px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:24px;align-items:center;color:#fff;overflow:hidden;position:relative;box-shadow:0 22px 52px rgba(23,20,38,.18)}.vts-media-hero:before,.vts-media-hero:after{content:"";position:absolute;border-radius:50%;border:30px solid rgba(255,255,255,.08)}.vts-media-hero:before{width:210px;height:210px;right:-80px;top:-100px}.vts-media-hero:after{width:135px;height:135px;left:-70px;bottom:-90px}.vts-media-hero--tv{background:linear-gradient(135deg,#26000c,#8e082a 56%,#e21d4d)}.vts-media-hero--camera{background:linear-gradient(135deg,#1c0d31,#58318f 56%,#9664db)}.vts-media-hero__copy,.vts-media-hero__visual{position:relative;z-index:1}.vts-media-hero h1{font-size:clamp(31px,4vw,50px);line-height:1.06;letter-spacing:-1.2px;margin:12px 0}.vts-media-hero p{font-size:16px;line-height:1.58;max-width:680px;color:rgba(255,255,255,.82)}.vts-media-hero__visual{min-height:220px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backdrop-filter:blur(8px)}.vts-media-hero__visual>span{width:80px;height:80px;border-radius:27px;background:#fff;color:#dc183f;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 14px 28px rgba(18,5,24,.2)}.vts-media-hero--camera .vts-media-hero__visual>span{color:#6b3ca6}.vts-media-hero__visual .vts-icon{width:39px;height:39px}.vts-media-hero__visual b{font-size:24px}.vts-media-hero__visual small{font-size:12px;color:rgba(255,255,255,.72);margin-top:5px}
.vts-value-strip--media{margin-top:16px}.vts-media-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vts-media-package-grid--device{grid-template-columns:repeat(2,minmax(0,1fr))}.vts-media-package-card{background:#fff;border:1px solid #eee5e8;border-radius:25px;padding:19px;display:flex;flex-direction:column;min-height:100%;box-shadow:0 13px 28px rgba(31,27,39,.07);transition:transform .2s ease,box-shadow .2s ease}.vts-media-package-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(31,27,39,.12)}.vts-media-package-card--tv{border-top:4px solid #dd173e}.vts-media-package-card--camera{border-top:4px solid #7542b2}.vts-media-package-card--device{border-top:4px solid #ee6a22}.vts-media-package-card__top{display:flex;gap:12px;align-items:center}.vts-media-package-card__top>span{width:50px;height:50px;border-radius:17px;background:#fff0f3;color:#d4143d;display:grid;place-items:center;flex:0 0 auto}.vts-media-package-card--camera .vts-media-package-card__top>span{background:#f3edfb;color:#7240ae}.vts-media-package-card--device .vts-media-package-card__top>span{background:#fff1e9;color:#df5b12}.vts-media-package-card__top small{font-size:10px;font-weight:900;letter-spacing:.8px;color:#8d6b76}.vts-media-package-card__top h2{font-size:20px;margin:2px 0 0}.vts-media-package-card__main{font-size:22px;line-height:1.25;margin:17px 0 7px;color:#251d24}.vts-media-package-card>p{font-size:13px;color:#77717a;line-height:1.5;margin:0 0 12px}.vts-media-package-card ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}.vts-media-package-card li{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.45;color:#5f5961}.vts-media-package-card li .vts-icon{width:17px;height:17px;flex:0 0 auto;color:#20a366;margin-top:1px}.vts-media-package-card__footer{margin-top:auto;padding-top:14px;border-top:1px solid #eee9ec;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.vts-media-package-card__footer>div strong{font-size:21px;color:#d8133c}.vts-media-package-card--camera .vts-media-package-card__footer>div strong{color:#6d38a6}.vts-media-package-card__footer>div small{display:block;font-size:10px;color:#888}.vts-media-package-card__footer .vts-button{padding:0 12px;min-height:43px;font-size:12px}
.vts-cross-service-panel{margin-top:24px;border-radius:27px;padding:22px;background:linear-gradient(135deg,#fff4f5,#fff);border:1px solid #f3d8dd;display:flex;align-items:center;justify-content:space-between;gap:22px}.vts-cross-service-panel>div{display:flex;align-items:center;gap:14px}.vts-cross-service-panel>div>span{width:55px;height:55px;border-radius:18px;background:#e60012;color:#fff;display:grid;place-items:center;flex:0 0 auto}.vts-cross-service-panel small{font-size:10px;font-weight:900;letter-spacing:.8px;color:#c20b2e}.vts-cross-service-panel h2{font-size:24px;margin:3px 0}.vts-cross-service-panel p{font-size:13px;color:#6c666c;margin:0}.vts-cross-service-panel--camera{background:linear-gradient(135deg,#f7f1ff,#fff);border-color:#e5d8f5}.vts-cross-service-panel--camera>div>span{background:#7542b2}.vts-cross-service-panel--camera small{color:#7542b2}
@media(max-width:900px){.vts-media-hero{grid-template-columns:1fr}.vts-media-hero__visual{min-height:160px}.vts-media-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vts-media-package-card__footer{grid-template-columns:1fr 1fr}.vts-media-package-card__footer>div{grid-column:1/-1}.vts-cross-service-panel{align-items:flex-start}}
@media(max-width:620px){.vts-prepay-promo-strip{padding:17px;align-items:stretch;flex-direction:column}.vts-prepay-promo-strip strong{font-size:18px}.vts-prepay-promo-strip .vts-button{width:100%}.vts-media-hero{padding:22px 19px;border-radius:25px}.vts-media-hero h1{font-size:31px}.vts-media-hero p{font-size:14px}.vts-media-hero__visual{min-height:140px}.vts-media-package-grid,.vts-media-package-grid--device{grid-template-columns:1fr}.vts-media-package-card{padding:17px}.vts-media-package-card__footer{grid-template-columns:1fr 1fr}.vts-media-package-card__footer>div{grid-column:1/-1}.vts-media-package-card__footer .vts-button{width:100%}.vts-cross-service-panel{padding:18px;flex-direction:column}.vts-cross-service-panel .vts-button{width:100%}.vts-postpaid-card__prepay{grid-template-columns:1fr}}
.vts-media-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.vts-media-entry-grid>a{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid #eee1e5;border-radius:23px;background:#fff;box-shadow:0 12px 25px rgba(38,27,34,.06)}.vts-media-entry-grid>a>span{width:52px;height:52px;border-radius:17px;background:#fff0f3;color:#d8143e;display:grid;place-items:center}.vts-media-entry-grid>a:nth-child(2)>span{background:#f2ecfb;color:#7342ae}.vts-media-entry-grid>a>svg{width:20px;color:#a9979d}.vts-media-entry-grid small{font-size:9px;font-weight:900;letter-spacing:.8px;color:#c11034}.vts-media-entry-grid h2{font-size:19px;margin:3px 0}.vts-media-entry-grid p{font-size:12px;color:#746c71;margin:0;line-height:1.45}@media(max-width:620px){.vts-media-entry-grid{grid-template-columns:1fr}.vts-media-entry-grid>a{padding:15px}.vts-media-entry-grid h2{font-size:17px}}