* { margin: 0; padding: 0; box-sizing: border-box; }
        
        :root {
            --bg: #000000;
            --bg-secondary: #0a0a0a;
            --card-bg: rgba(255, 255, 255, 0.03);
            --border: rgba(255, 255, 255, 0.08);
            --text: #ffffff;
            --text-muted: rgba(255, 255, 255, 0.65);
            --primary: #10b981;
            --primary-glow: rgba(16, 185, 129, 0.25);
            --success: #10b981;
        }

        body {
            font-family: 'Cairo', sans-serif;
            min-height: 100vh;
            background: var(--bg);
            color: var(--text);
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .main-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 1rem 1rem 4rem;
        }

        /* Breadcrumbs */
        .breadcrumbs-bar {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 1.25rem;
            font-size: 0.85rem;
            color: var(--text-muted);
            flex-wrap: wrap;
        }

        .breadcrumbs-bar a {
            color: var(--text-muted);
            text-decoration: none;
            transition: color 0.2s;
        }

        .breadcrumbs-bar a:hover {
            color: var(--primary);
        }

        .breadcrumbs-bar span {
            color: rgba(255, 255, 255, 0.3);
        }

        .breadcrumbs-bar .current {
            color: #fff;
            font-weight: 600;
        }

        /* Desktop Hero Section */
        .live-product-hero {
            display: flex;
            gap: 1.75rem;
            align-items: center;
            background: rgba(255, 255, 255, 0.025);
            border: 1px solid var(--border);
            border-radius: 24px;
            padding: 1.75rem;
            margin-bottom: 2rem;
            backdrop-filter: blur(10px);
        }

        .live-product-media-col {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.75rem;
        }

        .live-product-image-box {
            width: 140px;
            height: 140px;
            border-radius: 20px;
            overflow: hidden;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            display: grid;
            place-items: center;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        }

        .live-product-image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .live-product-image-placeholder {
            font-size: 3.5rem;
            color: var(--primary);
        }

        .live-product-rating-box {
            display: flex;
            align-items: center;
            gap: 0.35rem;
            font-size: 0.85rem;
            font-weight: 700;
            color: #fbbf24;
        }

        .live-product-rating-box span {
            color: var(--text-muted);
            font-size: 0.75rem;
            font-weight: 400;
        }

        .live-product-summary-col {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.65rem;
        }

        .live-product-badges {
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

        .live-product-badges span {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0.25rem 0.65rem;
            border-radius: 8px;
            font-size: 0.75rem;
            font-weight: 700;
            background: rgba(16, 185, 129, 0.12);
            color: #10b981;
            border: 1px solid rgba(16, 185, 129, 0.25);
        }

        .live-product-title {
            font-size: clamp(1.4rem, 3vw, 1.85rem);
            font-weight: 900;
            color: #fff;
            margin: 0;
            line-height: 1.3;
        }

        .live-product-desc-snippet {
            color: var(--text-muted);
            font-size: 0.9rem;
            line-height: 1.6;
            margin: 0;
        }


[hidden]{display:none!important}
.bp-page{padding-bottom:5rem}.bp-page button,#serviceDialog button,#serviceDialog input{font:inherit}.bp-page button,#serviceDialog button{cursor:pointer}.bp-page button:focus-visible,#serviceDialog button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.live-product-image-box{width:96px;height:96px;background:rgba(16,185,129,.07);color:var(--primary);font-size:2.5rem}.live-product-hero{margin-bottom:1.5rem}
.bp-page .tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem}.bp-page .tabs button{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);padding:.7rem 1.2rem;font-weight:700;font-size:.85rem}.bp-page .tabs .active{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.4);color:var(--primary)}
.bp-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.bp-page .provider{position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:0;padding:1.5rem 1.1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;text-align:center;color:var(--text);transition:border-color .2s,transform .2s}.bp-page .provider:hover{border-color:rgba(16,185,129,.45);transform:translateY(-3px)}.bp-page .icon{width:85px;height:85px;display:grid;place-items:center;border-radius:20px;background:rgba(16,185,129,.07);color:var(--primary);font-size:2rem;overflow:hidden}.bp-page .icon img{width:100%;height:100%;object-fit:contain}.bp-page .provider h2{font-size:1rem;font-weight:800;line-height:1.8;margin:0;min-height:3.6em;display:flex;align-items:center}.bp-page .provider small{color:var(--text-muted);font-size:.75rem}.bp-page .arrow{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;border-top:1px solid var(--border);padding-top:1rem;margin-top:.3rem;color:var(--primary);font-size:.8rem;font-weight:700}.bp-page .arrow i{font-size:.7rem}
#serviceDialog{width:min(540px,calc(100% - 24px));max-height:90dvh;margin:auto;padding:0;border:1px solid var(--border);border-radius:24px;background:var(--bg-secondary);color:var(--text);box-shadow:0 25px 100px #0008;font-family:Cairo,sans-serif}#serviceDialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}#serviceDialog .modalhead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border)}#serviceDialog h2{font-size:1.1rem;line-height:1.8}#serviceDialog .close{width:36px;height:36px;flex-shrink:0;border:1px solid var(--border);border-radius:10px;background:var(--card-bg);color:var(--text-muted);font-size:1.5rem}#serviceDialog .body{padding:1.5rem}#serviceDialog label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.65rem}#serviceDialog input{width:100%;border:1px solid var(--border);background:var(--card-bg);color:var(--text);padding:.9rem;border-radius:12px;outline:none}#serviceDialog input:focus{border-color:var(--primary)}#serviceDialog .hint{font-size:.75rem;color:var(--text-muted);line-height:1.9;margin:.65rem 0 1rem}#serviceDialog .primary,#serviceDialog .secondary{width:100%;padding:.9rem;border-radius:12px;margin-top:.9rem;border:1px solid var(--border);font-weight:800}#serviceDialog .primary{background:var(--primary);color:white}#serviceDialog .secondary{background:var(--card-bg);color:var(--text)}#serviceDialog button:disabled{opacity:.5;cursor:default}#serviceDialog .error{background:#ef444410;border:1px solid #ef444430;color:#ef7676;padding:1rem;border-radius:12px;margin-top:1rem;font-size:.85rem;line-height:1.8}#serviceDialog .result{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:1rem;margin-top:1.1rem}#serviceDialog .row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:.85rem}#serviceDialog .row span:first-child{color:var(--text-muted)}#serviceDialog .row strong{overflow-wrap:anywhere;text-align:left}#serviceDialog .total{color:var(--primary)}#serviceDialog .loading{color:var(--primary);padding:1rem 0}#serviceDialog .status{line-height:1.9;padding:1rem;border:1px solid var(--border);border-radius:14px}#amountBlock{margin-top:1.4rem}body:has(#serviceDialog[open]){overflow:hidden}
body.light-theme{--bg:#f8fafc;--bg-secondary:#fff;--card-bg:#fff;--border:rgba(15,23,42,.1);--text:#0f172a;--text-muted:#64748b;color-scheme:light}body.light-theme .live-product-hero{background:#fff}body.light-theme .live-product-title,body.light-theme .breadcrumbs-bar .current{color:var(--text)}body.light-theme .live-product-image-box{border-color:var(--border)}
@media(max-width:767px){.bp-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-product-hero{gap:1rem;padding:1.2rem;border-radius:20px}.live-product-image-box{width:70px;height:70px;border-radius:16px;font-size:1.8rem}.live-product-title{font-size:1.4rem}.live-product-badges span{font-size:.65rem}.live-product-desc-snippet{font-size:.8rem}.bp-page .provider{padding:1.1rem .8rem;border-radius:16px}.bp-page .provider h2{font-size:.85rem}.bp-page .icon{width:70px;height:70px;border-radius:16px}.bp-page .tabs button{flex:1;padding:.65rem .7rem;white-space:nowrap;font-size:.75rem}.bp-page{padding-top:1rem}#serviceDialog .body{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){.bp-page .provider{transition:none}.bp-page .provider:hover{transform:none}}

#serviceDialog .bp-amount-field{position:relative;display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}#serviceDialog .bp-amount-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.08)}#serviceDialog .bp-amount-field input{border:0;background:transparent;box-shadow:none;padding:1rem 1.1rem;font-size:1.2rem;font-weight:800;min-width:0}#serviceDialog .bp-amount-field>span{padding:.6rem 1rem;color:var(--text-muted);border-inline-start:1px solid var(--border);font-size:.85rem;flex-shrink:0}#serviceDialog .bp-inquiry-group+.bp-inquiry-group{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}#serviceDialog .bp-inquiry-group h3{font-size:.9rem;color:var(--primary)}#serviceDialog .row{align-items:center}#serviceDialog .row strong{font-weight:700;max-width:65%}#serviceDialog .result{margin-bottom:1.4rem}#serviceDialog #amountBlock>label{margin-bottom:.8rem}

#serviceDialog{width:min(940px,calc(100% - 40px))}#serviceDialog .body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem;padding:1.6rem}#serviceDialog .bp-inquiry-column,#serviceDialog .bp-payment-column{min-width:0}#serviceDialog .bp-payment-column{border-inline-start:1px solid var(--border);padding-inline-start:1.6rem}#serviceDialog .bp-column-title{display:flex;align-items:center;gap:.6rem;font-size:.95rem;margin:0 0 1.25rem;font-weight:800}#serviceDialog .bp-column-title i{color:var(--primary)}#serviceDialog .bp-wallet-currency{font-size:.75rem;color:var(--text-muted);padding:.8rem;border:1px solid var(--border);border-radius:10px;line-height:1.9;background:var(--card-bg);margin-bottom:1rem}#serviceDialog .bp-wallet-currency strong{color:var(--text);font-weight:700}#serviceDialog .bp-charge{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.23);padding:1.1rem .7rem;border-radius:13px;margin-top:1rem;text-align:center}#serviceDialog .bp-charge>span{font-size:.85rem;font-weight:700}#serviceDialog .bp-charge>strong{font-size:1.6rem;font-weight:900;letter-spacing:.3px;color:var(--primary);overflow-wrap:anywhere;max-width:100%}#serviceDialog .bp-charge>small{font-size:.7rem;color:var(--text-muted)}#serviceDialog #amountBlock{margin-top:1rem}#serviceDialog .bp-inquiry-column .result{margin-bottom:0}#serviceDialog .bp-payment-column #quotes .result{margin-bottom:0}
@media(max-width:700px){#serviceDialog{width:calc(100% - 24px);max-height:92dvh;border-radius:20px}#serviceDialog .body{grid-template-columns:minmax(0,1fr);padding:1.1rem;gap:1.3rem}#serviceDialog .bp-payment-column{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--border);padding-top:1.3rem}#serviceDialog .bp-column-title{margin-bottom:1rem}#serviceDialog .bp-charge>strong{font-size:1.5rem}#serviceDialog .modalhead{position:sticky;top:0;background:var(--bg-secondary);z-index:1}#serviceDialog .modalhead h2{font-size:1rem}}

/* Compact bill review, retaining the shared site theme. */
#serviceDialog{width:min(820px,calc(100% - 32px));max-height:92dvh;border-radius:18px}
#serviceDialog .modalhead{padding:.75rem 1rem}#serviceDialog .modalhead h2{font-size:.95rem}#serviceDialog .close{width:30px;height:30px;font-size:1.25rem}
#serviceDialog .body{padding:1rem;gap:1.1rem}#serviceDialog .bp-payment-column{padding-inline-start:1.1rem}#serviceDialog .bp-column-title{font-size:.85rem;margin-bottom:.75rem}
#serviceDialog label{font-size:.78rem;margin-bottom:.4rem}#serviceDialog input{padding:.6rem .75rem;min-height:42px;font-size:.88rem}#serviceDialog .hint{font-size:.68rem;line-height:1.6;margin:.4rem 0 .6rem}
#serviceDialog .primary,#serviceDialog .secondary{padding:.6rem .75rem;min-height:40px;margin-top:.55rem;font-size:.82rem;border-radius:10px}
#serviceDialog .bp-wallet-currency{padding:.45rem .65rem;font-size:.68rem;margin-bottom:.65rem;line-height:1.7}
#serviceDialog .result{padding:.65rem .8rem;margin-top:.75rem;border-radius:12px}#serviceDialog .row{padding:.45rem 0;font-size:.75rem;line-height:1.6}#serviceDialog .row:last-child{border-bottom:0}
#serviceDialog #amountBlock{margin-top:.65rem}#serviceDialog #amountBlock>label{margin-bottom:.4rem}#serviceDialog .bp-amount-field input{padding:.55rem .75rem;min-height:42px;font-size:1rem;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0!important}#serviceDialog .bp-amount-field>span{padding:.35rem .7rem;font-size:.75rem}
#serviceDialog .bp-charge{padding:.65rem;gap:.3rem;margin-top:.65rem;border-radius:10px}#serviceDialog .bp-charge>span{font-size:.75rem}#serviceDialog .bp-charge>strong{font-size:1.3rem;line-height:1.4}#serviceDialog .bp-charge>small{font-size:.65rem}
#serviceDialog .bp-payment-column #quotes .result{margin-top:.65rem}#serviceDialog .bp-inquiry-group+.bp-inquiry-group{margin-top:.6rem;padding-top:.6rem}
@media(max-width:700px){#serviceDialog{width:calc(100% - 20px);max-height:92dvh;border-radius:16px}#serviceDialog .body{padding:.9rem;gap:.9rem}#serviceDialog .bp-payment-column{padding-inline-start:0;padding-top:.9rem}#serviceDialog .bp-column-title{margin-bottom:.65rem}#serviceDialog input{font-size:16px}#serviceDialog .bp-charge>strong{font-size:1.3rem}}

#serviceDialog .bp-service-modes{display:flex;gap:.5rem;padding:.75rem 1rem 0}#serviceDialog .bp-service-modes button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:.65rem;font-size:.8rem;color:var(--text-muted);font-weight:700}#serviceDialog .bp-service-modes button.active{color:var(--primary);background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.4)}#serviceDialog .bp-mode-notice{margin:.7rem 1rem 0;padding:.6rem .8rem;border:1px solid var(--border);border-radius:10px;font-size:.7rem;line-height:1.8;color:var(--text-muted)}@media(max-width:700px){#serviceDialog .bp-service-modes{padding:.7rem .9rem 0}#serviceDialog .bp-service-modes button{font-size:.72rem;gap:.3rem;padding:.6rem .4rem}}

#serviceDialog .bp-payment-column:has(.bp-charge) #amountBlock>.secondary{display:none}

/* Provider catalogue follows the game catalogue image and footer proportions. */
.bp-page .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.bp-page .provider{display:block;padding:0;overflow:hidden;border-radius:16px;text-align:start;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.bp-page .provider:hover{transform:translateY(-6px);border-color:rgba(16,185,129,.45);box-shadow:0 16px 32px #0003}
.bp-page .icon{display:grid;width:100%;height:auto;aspect-ratio:1;border-radius:0;font-size:3rem}
.bp-page .icon img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.bp-page .provider:hover .icon img{transform:scale(1.05)}
.bp-page .provider-info{display:block;padding:.75rem}
.bp-page .provider h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem;font-weight:700;line-height:1.4;min-height:2.8em;margin:0}
.bp-page .provider small{display:block;font-size:.65rem;line-height:1.5;margin-top:.25rem}
@media(max-width:1024px){.bp-page .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.bp-page .grid{gap:.75rem}.bp-page .provider{padding:0;border-radius:12px}.bp-page .provider-info{padding:.5rem}.bp-page .provider h2{font-size:.7rem}}
@media(max-width:540px){.bp-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.bp-page .provider-info{padding:.5rem}.bp-page .provider small{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.bp-page .provider,.bp-page .icon img{transition:none}.bp-page .provider:hover,.bp-page .provider:hover .icon img{transform:none}}

/* Compact catalogue heading on phones. */
@media(max-width:767px){
.bp-page .live-product-hero{padding:.8rem;gap:.65rem;border-radius:14px;margin-bottom:1rem;align-items:center}
.bp-page .live-product-image-box{width:44px;height:44px;min-width:44px;border-radius:12px;font-size:1.3rem;flex-shrink:0}
.bp-page .live-product-summary-col{min-width:0;gap:.3rem}
.bp-page .live-product-title{font-size:1.15rem;line-height:1.4;white-space:nowrap}
.bp-page .live-product-badges{display:none}
.bp-page .live-product-desc-snippet{font-size:.65rem;line-height:1.6;margin:0}
.bp-page .breadcrumbs-bar{margin-bottom:.65rem;font-size:.7rem}
}