/* Digital services (test, 2026-10-01) */
:is(.entertainment-page,.service-detail-page){--dg-panel:#141030;--dg-line:#2b2458;--dg-muted:#a9a3d4;--dg-accent:#7c5cff;--dg-accent-2:#ff5a7a}
.entertainment-page>.catalog-hero.dgh{max-width:1180px;margin:22px auto 0!important}

/* Wall tiles: wide covers with the service name */
.dgh .tph-icon.dgh-tile{position:relative;width:118px;height:70px;border-radius:13px;text-decoration:none}
.dgh .tph-icon.dgh-tile img{object-fit:cover}
.dgh .tph-icon.dgh-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,6,20,.85),transparent 60%)}
.dgh .tph-icon.dgh-tile span{position:absolute;inset:auto 6px 5px;z-index:1;color:#fff;font:800 .66rem/1.2 Inter,Cairo,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:680px){.dgh .tph-icon.dgh-tile{width:96px;height:58px}}

/* Category switch */
.entertainment-page .digital-market-tabs{display:inline-flex!important;grid-template-columns:none!important;gap:2px!important;margin:16px 0 0!important;padding:3px;border-radius:999px;border:1px solid rgba(169,163,212,.28);background:#120e2a}
.entertainment-page .digital-market-tabs a{display:inline-flex!important;align-items:center;gap:7px!important;padding:6px 14px!important;min-height:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#a9a3d4!important;font-size:.8rem;font-weight:700;text-align:center!important;text-decoration:none}
.entertainment-page .digital-market-tabs a>span{width:auto!important;height:auto!important;margin:0!important;background:none!important;font-size:.95rem!important}
.entertainment-page .digital-market-tabs a>div{display:block!important}
.entertainment-page .digital-market-tabs a strong{font-size:.8rem;font-weight:700}
.entertainment-page .digital-market-tabs a small{display:none!important}
.entertainment-page .digital-market-tabs a:hover{color:#fff!important}
.entertainment-page .digital-market-tabs a.active{background:linear-gradient(135deg,var(--dg-accent),var(--dg-accent-2))!important;color:#fff!important;box-shadow:0 6px 16px rgba(124,92,255,.35)!important}

/* Services grid */
.entertainment-page .entertainment-services{padding:18px 0 0!important;max-width:1180px;margin:0 auto}
.entertainment-page .topup-section-title{margin:0 0 10px!important;gap:8px!important}
.entertainment-page .topup-section-title>span{width:24px!important;height:24px!important;border-radius:7px!important;font-size:.62rem!important;background:rgba(124,92,255,.2)!important;color:#cfc3ff!important}
.entertainment-page .topup-section-title small{display:none}
.entertainment-page .topup-section-title h2{margin:0!important;font-size:1.05rem!important;font-weight:800}
.entertainment-page .entertainment-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:10px!important}
.entertainment-page .entertainment-service{min-height:0!important;padding:12px!important;gap:12px!important;border-radius:14px!important;border:1px solid rgba(169,163,212,.2)!important;background:#161233!important;box-shadow:none!important;transition:border-color .2s,transform .2s}
.entertainment-page .entertainment-service:hover,.entertainment-page .entertainment-service:focus-visible{transform:translateY(-2px);border-color:rgba(124,92,255,.65)!important;outline:none}
.entertainment-page .entertainment-service .service-logo{flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:12px!important;font-size:1rem!important;overflow:hidden}
.entertainment-page .entertainment-service .service-logo img{width:26px!important;height:26px!important}
.entertainment-page .entertainment-service small{font-size:.66rem;color:#b9a8ff!important}
.entertainment-page .entertainment-service h3{margin:1px 0 2px!important;font-size:.9rem!important;color:#fff}
.entertainment-page .entertainment-service p{font-size:.72rem!important;line-height:1.5!important}
.entertainment-page .entertainment-service>div{flex:1}
.entertainment-page .entertainment-service::after{content:"←";color:#6f6a93;font-size:.9rem;transition:color .2s,transform .2s}
[dir=ltr] .entertainment-page .entertainment-service::after{content:"→"}
.entertainment-page .entertainment-service:hover::after{color:#cfc3ff;transform:translateX(-2px)}
.entertainment-page .entertainment-note{margin-top:12px!important;padding:8px 12px!important;border-radius:10px!important;font-size:.76rem;color:var(--dg-muted)}
@media(max-width:560px){.entertainment-page .entertainment-grid{grid-template-columns:1fr!important}}

/* Service detail page */
.service-detail-page{max-width:900px;margin:0 auto}
.service-detail-page .service-detail-hero{min-height:0!important;margin-top:22px!important;padding:16px 18px!important;display:flex!important;align-items:center;gap:14px;border-radius:20px!important;border:1px solid transparent!important;background:linear-gradient(90deg,rgba(15,11,36,.96) 35%,rgba(15,11,36,.55)) padding-box,var(--dg-cover,none) center/cover padding-box,linear-gradient(135deg,rgba(124,92,255,.75),rgba(255,90,122,.45) 55%,rgba(124,92,255,.2)) border-box!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important}
.service-detail-page .service-detail-hero::before,.service-detail-page .service-detail-hero::after{content:none!important;display:none!important}
.service-detail-page .service-detail-logo{flex:0 0 64px!important;width:64px!important;height:64px!important;border-radius:16px!important;display:grid;place-items:center;background:#fff!important;overflow:hidden}
.service-detail-page .service-detail-logo img{width:38px!important;height:38px!important;object-fit:contain}
.service-detail-page .service-detail-hero small{color:#ff8a6b!important;font-size:.7rem;font-weight:800}
.service-detail-page .service-detail-hero h1{margin:2px 0!important;font-size:clamp(1.3rem,2.6vw,1.8rem)!important;font-weight:900;color:#fff}
.service-detail-page .service-detail-hero p{margin:0!important;font-size:.82rem;color:#c9c3ec!important}
.service-detail-page .service-offers{margin-top:14px;padding:0!important;border:1px solid var(--dg-line);border-radius:16px;background:var(--dg-panel);overflow:hidden}
.service-detail-page .service-offers .section-head{margin:0!important;padding:10px 14px;background:#1b1640;border-bottom:1px solid var(--dg-line)}
.service-detail-page .service-offers .section-head span{display:none}
.service-detail-page .service-offers .section-head h2{margin:0!important;font-size:.9rem!important;font-weight:800;color:#fff}
.service-detail-page .service-offer-grid{padding:14px;gap:10px!important}
.service-detail-page .service-offer-card{min-height:64px!important;padding:10px 12px!important;border:1px solid var(--dg-line)!important;border-inline-start:1px solid var(--dg-line)!important;border-radius:12px!important;background:#1c1742!important;box-shadow:none!important;column-gap:10px!important;transition:border-color .15s}
.service-detail-page .service-offer-card:hover{border-color:rgba(124,92,255,.6)!important}
.service-detail-page .service-offer-card small{display:none}
.service-detail-page .service-offer-card h3{grid-row:1/3!important;margin:0!important;font:800 .98rem Cairo,Inter,sans-serif!important;color:#fff}
.service-detail-page .service-offer-card strong{font:800 .98rem Inter,Cairo,sans-serif!important;color:#ffc04d!important;padding:5px 10px;border-radius:9px;background:rgba(255,192,77,.1);border:1px solid rgba(255,192,77,.22)}
.service-detail-page .service-offer-card a{background:linear-gradient(135deg,var(--dg-accent),var(--dg-accent-2))!important;color:#fff!important;font-weight:800;box-shadow:0 6px 14px rgba(124,92,255,.3)}
@media(max-width:600px){.service-detail-page .service-offer-grid{grid-template-columns:1fr!important}.service-detail-page{padding-inline:12px}}