
/* Final refinement: quiet midnight surfaces, clear Arabic type, useful navigation. */
:root{--ink:#f4f8fb;--ink-soft:#d3dee5;--muted:#a5b7c3;--line:#21343d;--surface:#101e28;--surface-2:#0c1821;--radius:18px;color-scheme:dark}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(ellipse at 90% 0%,#133b3426,transparent 35%),var(--paper)}
h1,h2,h3{text-wrap:balance;font-weight:600}
p{text-wrap:pretty}
h1{font-weight:600}h2{font-size:clamp(1.65rem,2.6vw,2.35rem)}h3{font-weight:600}
button,input,select,textarea{font-feature-settings:"tnum"}input,select,textarea{background:#0a151e;border-color:#354852;transition:border-color .18s,box-shadow .18s}
input:hover,select:hover,textarea:hover{border-color:#54706f}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #38d6ac12}
:disabled{user-select:none}
.eyebrow{font-weight:500;color:var(--cyan);font-size:.875rem}
.primary-action,.add-button{border-radius:11px;min-height:50px;font-weight:600;box-shadow:0 4px 16px #38d6ac0a}
.secondary-action,.detail-button{border-color:#36504e;background:#13262b;border-radius:11px;min-height:48px}
.primary-action:active,.secondary-action:active,.add-button:active,.icon-button:active{transform:scale(.98)}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.topbar{height:88px;gap:28px;width:min(1240px,calc(100% - 64px));background:#071019ed;border-bottom-color:#23383d;isolation:isolate}
.brand-mark{border-radius:14px;background:transparent;width:46px;height:46px;box-shadow:0 8px 24px #16bca124;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand:hover .brand-mark{transform:translateY(-1px);box-shadow:0 11px 28px #16bca138}
.brand-wordmark{direction:ltr;text-align:left}
.brand strong{font-family:system-ui,sans-serif;letter-spacing:-.045em;font-size:1.42rem;font-weight:750}
.brand small{font-family:system-ui,sans-serif;font-size:.64rem;letter-spacing:.22em;line-height:1.2;color:var(--blue)}
.desktop-nav{gap:26px;margin-inline:auto;font-size:.9375rem;font-weight:500}
.desktop-nav a{position:relative;padding-block:29px;color:#bbcbd2;white-space:nowrap}
.desktop-nav a[aria-current="page"]{color:var(--cyan)}
.desktop-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:18px;inset-inline:calc(50% - 10px);height:2px;border-radius:2px;background:var(--blue)}
.header-link{gap:8px;min-height:44px;padding:10px 12px;font-size:.875rem}
.header-link:hover{background:#172d30}
.cart-button{min-height:44px;background:#112722;border-color:#2a5146;border-radius:12px;padding:8px 12px}
.cart-count{background:var(--blue);border-radius:6px;font-weight:600}
.hero{width:min(1240px,calc(100% - 64px));grid-template-columns:1.35fr 1fr;padding:52px clamp(30px,4.5vw,62px);gap:50px;min-height:432px;border-radius:24px;margin-top:28px;background:radial-gradient(ellipse at 0% 0%,#174e422f,transparent 70%),linear-gradient(115deg,#102824,#0c1b23 62%);border-color:#28443f}
.hero .eyebrow{margin:0 0 19px;color:#9bddc8;line-height:1.8}
.hero h1{font-weight:600;font-size:clamp(2.65rem,4.45vw,4rem);line-height:1.38}
.hero h1 span{color:#79ebc9}
.hero-text{font-size:1.0625rem;line-height:1.95;color:#c1d0d7;margin:20px 0 28px;max-width:540px}
.hero-actions{gap:22px}.hero-actions .primary-action{padding-inline:25px}
.hero-guide{align-self:center;padding:20px 24px 0;border:1px solid #39665b7a;border-radius:20px;background:#0a1c1ed6;box-shadow:0 24px 50px #0002}
.guide-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a4d43;padding-bottom:16px}
.guide-heading .eyebrow{margin:0;color:#dbefe8;font-size:.9375rem}
.signal-mini{display:flex;align-items:end;gap:4px;height:22px;direction:ltr}
.signal-mini i{width:4px;background:var(--blue);border-radius:2px}
.signal-mini i:nth-child(1){height:7px;opacity:.45}.signal-mini i:nth-child(2){height:12px;opacity:.65}.signal-mini i:nth-child(3){height:17px;opacity:.8}.signal-mini i:nth-child(4){height:22px}
.hero-guide>a{display:flex;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #264039;color:var(--ink)}
.hero-guide>a:hover{color:var(--cyan)}.hero-guide>a:hover .guide-arrow{transform:translateX(-4px);color:var(--cyan)}
.guide-icon{display:grid;place-items:center;background:#163930;color:#8ee5c9;width:42px;height:46px;border:1px solid #2e5045;border-radius:11px;flex-shrink:0}
.hero-guide a>span:nth-child(2){display:grid;gap:3px;flex:1}
.hero-guide strong{font-size:1rem;font-weight:500}.hero-guide small{color:#9fb8b5;font-size:.875rem;line-height:1.7}
.guide-arrow{color:#6b9a8e;transition:transform .2s,color .2s}.guide-arrow svg{width:18px}
.guide-foot{font-size:.875rem;color:#98b4ac;margin:14px 0;text-align:center}
.trust-strip{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;width:min(1180px,calc(100% - 64px));margin:0 auto;padding:9px 0}
.trust-strip span{display:flex;align-items:center;justify-content:center;gap:12px;color:#b4c8ce;font-size:.875rem;padding:17px 12px;line-height:1.7}
.trust-strip span+span{border:0}.trust-strip i{color:#71bca6;display:flex}.trust-strip svg{width:21px;height:21px}
.operator-section,.catalog,.how-it-works,.business-card,.faq-section,.store-info{margin-top:72px}
.operator-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px;text-align:start;margin-bottom:24px}
.operator-heading .eyebrow{flex-basis:100%;margin:0 0 7px}
.operator-heading h2{font-size:1.8rem}.operator-heading>p:last-child{margin:0;margin-inline-start:auto;max-width:360px;line-height:1.8}
.operator-grid{gap:12px}
.operator-tile{position:relative;overflow:hidden}
.operator-tile .operator-logo{display:flex;align-items:center;justify-content:center;width:100%;height:62px;padding:7px 14px;background:transparent;border:0}
.operator-tile .operator-logo img{display:block;width:100%;height:100%;max-width:112px;object-fit:contain;background:transparent}
.brand-stc{filter:brightness(0) invert(1)}
.operator-logo .brand-stc{transform:scale(1.12)}
.operator-tile .operator-name{display:block;font-size:.875rem;font-weight:500;color:#c1d0d8;line-height:1.7;text-align:center;min-height:24px}
.operator-tile:has(.operator-logo){min-height:135px;padding:12px 8px 15px;gap:7px}
.operator-tile:has(.operator-logo).selected{box-shadow:inset 0 -3px 0 var(--blue)}
.operator-tile:has(.operator-logo).selected .operator-name{color:var(--cyan)}
.operator-tile:has(.operator-logo):focus-visible{outline-offset:4px}
.operator-badge.with-logo{display:flex;align-items:center;gap:7px;padding:6px 10px}
.operator-badge.with-logo img{width:42px;height:22px;object-fit:contain;background:transparent}
.product-no-image .product-operator-logo{max-width:148px;max-height:80px;width:55%;height:80px;object-fit:contain;opacity:1}
.detail-media .product-no-image .product-operator-logo{max-width:190px;max-height:100px;height:100px}
.operator-tile{min-height:102px;background:#0d1a24;border-color:#23383f;border-radius:14px;gap:10px;transition:background .2s,border-color .2s,transform .2s}
.operator-tile:hover{transform:translateY(-3px);background:#112925}.operator-tile.selected{background:#133128;border-color:#4dba97}
.operator-tile strong{font-size:1.5rem}.operator-tile span{font-size:.875rem}
.catalog{padding-top:6px}
.section-heading .eyebrow{margin-top:0}
.search-box{position:relative;display:block;max-width:100%;width:370px}
.search-box input{background:#0f2029;border-color:#304b52;border-radius:13px;padding-inline-start:49px;padding-inline-end:15px;height:54px;min-height:54px;font-size:1rem}
.search-icon{position:absolute;inset-inline-start:17px;top:50%;transform:translateY(-50%);color:#91b4b3;pointer-events:none;display:flex}
.category-tabs{gap:12px;margin:24px 0 26px}
.category-tab{border-radius:14px;grid-template-columns:46px 1fr;min-height:99px;background:#0d1b24;box-shadow:none;padding:20px;column-gap:15px}
.category-tab>span{width:46px;height:48px;border-radius:12px;display:grid;place-items:center;background:#1a2c34;color:#a7c1c2}
.category-tab strong{font-weight:500}.category-tab small{font-size:.875rem}
.category-tab.active{background:#102b25;border-color:#388f71;box-shadow:inset 0 -2px #38d6ac}
.category-tab.active>span{background:#1c493a;color:#8beccc}
.filter-toggle{display:inline-flex;min-height:46px;background:#10242a;border-color:#36504f}
.filter-toggle[aria-expanded=true]{background:#193c30;border-color:#4b9f83;color:var(--cyan)}
.catalog-tools{gap:18px;margin:18px 0}.catalog-tools>[role=status]{margin-inline-end:auto}.sort-label{color:var(--muted);font-size:.875rem}
.sort-label select{background:#0d1b25;border-color:#2b414b}
.filter-panel{display:block;background:#0d1b24;border-color:#2a454b;border-radius:16px;padding:24px;margin-top:20px}
.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.filter-heading>strong{font-size:1rem;font-weight:500}
.filter{border-radius:8px;background:#14272f;border-color:#2b424b;min-height:44px}
.advanced-filters{gap:18px}.advanced-filters select,.advanced-filters input{font-size:1rem;min-height:48px}
.active-filters:empty{display:none}.active-filters{margin:18px 0}.filter-chip{background:#102e26;border-color:#2b5e4e;line-height:1.6;font-size:.875rem}
.catalog-results{scroll-margin-top:110px;outline:none}
.empty-state{border:1px solid #263e46;background:linear-gradient(125deg,#101f29,#0b1922);padding:54px 26px;border-radius:18px}
.empty-state-icon{width:64px;height:64px;border:1px solid #2e4b4b;border-radius:20px;background:#183431;color:#8ad6bf}
.empty-state h3{font-weight:500;font-size:1.3rem}.empty-state p{font-size:1rem;line-height:1.9;margin-top:9px}
.catalog-skeleton{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.skeleton-card{border:1px solid #243941;border-radius:18px;overflow:hidden;padding-bottom:22px;background:#0e1c25}
.skeleton-card i{display:block;background:#1c2f39;border-radius:6px;height:13px;margin:18px 22px 0;animation:breathe 1.6s ease-in-out infinite}
.skeleton-card i:first-child{height:172px;margin:0 0 24px;border-radius:0;background:#152832}.skeleton-card i:nth-child(3){width:48%}.skeleton-card i:last-child{height:44px;margin-top:28px;background:#203b3a}
@keyframes breathe{50%{opacity:.45}}
.product-card{border-radius:18px;background:#0f1e27;border-color:#2a3e45;box-shadow:0 4px 18px #0000000d}
.product-card:hover{box-shadow:0 14px 36px #0002;transform:translateY(-3px);border-color:#397963}
.product-image-wrap{background:#132731;border-bottom:1px solid #243b40;aspect-ratio:1.35}
.product-media img{padding:14px}.product-body{padding:24px}.product-body h3{font-weight:500;line-height:1.7;margin:14px 0 9px}
.product-highlights{color:#c9d9df;gap:7px}.product-tags span{border-color:#2c4850;background:#132830;border-radius:6px}
.product-footer{padding-top:25px}.price strong{font-size:1.45rem;color:#f0faf6;font-weight:600}
.product-card .add-button{min-height:48px}.price del{color:#94a9b4}
.fulfillment,.delivery-caption{font-size:.875rem;line-height:1.75}
.how-it-works{grid-template-columns:.9fr 1.4fr;gap:52px;padding-top:48px}
.how-it-works h2{font-weight:500;font-size:1.85rem;line-height:1.5}
.how-it-works ol{gap:26px}.how-it-works li{border-inline-start:1px solid #2c4746;padding-inline-start:22px;gap:15px}
.how-it-works li strong{width:auto;height:auto;display:block;color:#71c1a7;background:none;border:0;border-radius:0;font-family:system-ui,sans-serif;font-weight:500;font-size:1.5rem}
.how-it-works li span{font-size:1rem;line-height:1.9}.how-it-works li span b{font-size:.9rem}
.business-card{padding:44px 46px;border-radius:20px;background:linear-gradient(110deg,#173e32,#0e2924);border-color:#39725b;position:relative}
.business-card h2{font-weight:500;font-size:2.15rem}.business-card p{max-width:570px;margin-bottom:0;line-height:1.9}
.faq-section{max-width:1180px;display:grid;grid-template-columns:.8fr 1.5fr;gap:60px;align-items:start}
.faq-section>.section-heading{padding-top:14px}
.faq-list{margin:0;gap:0;border-top:1px solid #2a4449}
.faq-list details{background:none;border:0;border-bottom:1px solid #2a4449;border-radius:0}
.faq-list summary{padding:22px 2px;font-weight:500;font-size:1rem;align-items:center}
.faq-list summary:after{border:1px solid #31564c;border-radius:50%;height:28px;width:28px;line-height:25px;text-align:center;flex-shrink:0;font-size:1.2rem}
.faq-list details[open] summary{color:var(--cyan)}.faq-list p{padding:0 2px 24px;padding-inline-end:34px;font-size:1rem}
.store-info{gap:24px}.store-info article{border-radius:18px;padding:36px 38px;background:#0d1c25}
.store-info h2{font-size:1.9rem;font-weight:500}.store-info p{color:var(--muted);font-size:1rem}
footer,footer.subpage-footer{margin-top:80px;padding-top:34px}
.footer-support{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 30px;border-bottom:1px solid #20363f;margin-bottom:36px}
.footer-support h2{font-size:1.45rem;margin:0 0 4px;font-weight:500}.footer-support p{font-size:.9375rem;margin:0;color:var(--muted)}
.footer-support a{font-size:.9375rem;white-space:nowrap}
.footer-main{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:48px}
.footer-brand-block p{font-size:.9375rem;max-width:270px;margin:16px 0 0}
.footer-links{grid-column:auto;display:grid;gap:9px;margin:0;font-size:.9375rem}
.footer-links>strong{font-weight:500;color:var(--ink);margin-bottom:5px}
.footer-links a{width:fit-content;min-height:30px}
.footer-bottom{margin-top:34px;font-size:.875rem;align-items:center}
.page-shell{margin-top:24px}.breadcrumbs{font-size:.875rem;margin-bottom:28px}
.page-intro{margin:24px 0 34px;max-width:760px}
.page-intro h1{font-size:clamp(2rem,3.4vw,3.15rem);font-weight:600;line-height:1.45}
.page-intro>p:last-child{font-size:1rem;line-height:1.9;margin-top:12px}
.page-intro br{display:none}
.page-intro h1 span:before{content:" "}
.dashboard-card,.detail-section{border-color:#2a3f47;background:#0e1d27;border-radius:18px;padding:28px}
.dashboard-card h2,.detail-section h2{font-weight:500}.panel-heading{margin-bottom:24px}
.dashboard-card .empty-state{background:#0b1720;border-color:#223b41;padding:40px 24px}
.dashboard-card .empty-state p{font-size:.9375rem}
.auth-layout{max-width:1060px;grid-template-columns:1.15fr .85fr;gap:64px}
.auth-card{padding:32px;border-color:#2b454c;background:linear-gradient(135deg,#10232b,#0f1d27);border-radius:20px}
.auth-tabs{background:#07141b;margin:24px 0;padding:5px;border-radius:12px}
.auth-tabs button{min-height:46px;font-size:.9375rem}
.auth-tabs button[aria-pressed=true]{background:#1b3c32;color:#a9f0d5;box-shadow:inset 0 0 0 1px #31604c}
.auth-benefits{padding-top:48px}.auth-benefits h2{font-weight:500;font-size:2rem;line-height:1.6}
.auth-benefits ul{margin:26px 0;gap:20px}.auth-benefits li{color:#bacdd4;font-size:1rem}
.auth-benefits li:before{background:none;color:var(--cyan);border:1px solid #3c6b59;border-radius:50%;width:25px;height:25px;display:inline-grid;place-items:center;font-size:.875rem}
.auth-legal,.account-help p,#password-hint{font-size:.875rem;color:var(--muted)}
.account-help{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.55rem 1rem}
.password-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem}
.password-wrap button{min-height:44px;min-width:58px;color:var(--cyan)}
.official-source{display:flex;align-items:center;gap:.65rem;width:100%;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--cyan) 48%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cyan) 8%,var(--surface));color:var(--text);text-decoration:none;font-size:.9rem;line-height:1.45}
.official-source svg{width:20px;height:20px;flex:0 0 auto;color:var(--cyan)}
.official-source span{flex:1}.official-source b{color:var(--cyan);white-space:nowrap}.official-source span strong,.official-source span small{display:block}.official-source span small{margin-top:.2rem;color:var(--muted);font-weight:400}
.official-source:hover{border-color:var(--cyan);transform:translateY(-1px)}
@media(max-width:480px){.official-source{align-items:flex-start;flex-wrap:wrap}.official-source span{min-width:calc(100% - 32px)}.official-source b{margin-inline-start:32px}}
.account-welcome{padding:12px 0 26px}.account-welcome h1{font-weight:500;font-size:clamp(1.8rem,3.5vw,2.6rem);margin:0 0 10px}
.account-stats{gap:16px;margin-bottom:28px}
.account-stats article{padding:24px 26px;border-radius:16px;background:#0f1f29;position:relative}
.account-stats .mint-stat{background:linear-gradient(130deg,#163e31,#102a24);border-color:#357155}
.account-stats article>span{font-size:.9375rem}.account-stats strong{font-size:2.6rem;font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-weight:500;line-height:1.35;margin:10px 0}
.account-stats a{font-size:.875rem;display:flex;align-items:center;justify-content:space-between;color:#94cab8}
.dashboard-layout{grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}
.account-nav{padding:10px;background:#0d1c25;border:1px solid #284049;border-radius:16px;gap:4px;top:108px}
.account-nav a{padding:13px 14px;display:flex;align-items:center;gap:12px;font-size:.9375rem;line-height:1.7;border-radius:10px;border:1px solid transparent}
.account-nav a svg{width:19px;height:19px;color:#88b3aa}
.account-nav a:hover{background:#152f2e}.account-nav a[aria-current="page"]{background:#193b30;border-color:#305e4b;color:#a7efd2}
.account-nav a:last-child{border-top:1px solid #2a4246;margin-top:8px;padding-top:17px;border-radius:0}
.dashboard-content{display:block;min-height:420px}.dashboard-content>.form-status{margin-bottom:20px}
.dashboard-content>.dashboard-card{scroll-margin-top:110px;outline:none;min-height:320px}
.account-form{gap:21px}.account-form input{min-height:50px}
.order-record{background:#10222b;border-color:#2b434a;border-radius:13px}
.order-record summary{min-height:86px}.order-record[open]{border-color:#437c66}
.order-record-body{border-top:1px solid #29434b;padding-top:20px}
.coupon-card,.address-card{background:#11242b;border-color:#2b4a4d;border-radius:13px}
.notification-row{padding-block:21px}
.checkout-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr);gap:28px}
.checkout-layout.is-empty{grid-template-columns:1fr}
.checkout-layout.is-empty .checkout-summary,.checkout-layout.is-empty .checkout-main>section:nth-child(2){display:none}
.checkout-layout.is-empty .checkout-main{max-width:880px;width:100%;margin-inline:auto}
.checkout-layout.is-empty .empty-state{padding-block:60px}
.checkout-summary{top:110px;border-color:#31544b;background:linear-gradient(145deg,#11252b,#0c1b24)}
.checkout-summary h2{font-size:1.4rem}.checkout-summary .coupon-form{padding:19px 0;border-color:#2b474a}
.checkout-summary .grand-total{padding-top:22px;font-size:1.25rem}.grand-total dd{font-size:1.45rem;white-space:nowrap}
.checkout-summary .payment-button{border-style:dashed;background:transparent;opacity:.65}
.points-checkout{padding-bottom:18px;border-bottom:1px solid #2a4248}
.cart-line{padding:24px 0;gap:18px}.cart-line:first-child{padding-top:0}
.cart-line-info h3{line-height:1.65}.quantity-control{border-radius:9px;width:120px;min-height:44px}
.quantity-control button{height:44px;min-width:40px;background:#142f34}
.cart-line-end>.text-button{font-size:.875rem}
.checkout-main .dashboard-card{padding:28px}
.checkout-steps{display:flex;gap:20px;align-items:center;margin:0 0 28px;padding:0;list-style:none;color:var(--muted);font-size:.875rem;flex-wrap:wrap}
.checkout-steps li{display:flex;align-items:center;gap:9px}
.checkout-steps b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #3b5757;border-radius:50%;font-size:.875rem;font-weight:500}
.checkout-steps li:first-child{color:var(--cyan)}.checkout-steps li:first-child b{background:#15392e;border-color:#48876d}
.bulk-layout{grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:28px;align-items:start}
.bulk-form{background:#0e2029;border-color:#2c464c;border-radius:20px;padding:32px}
.bulk-form>fieldset{border-color:#2c474d;padding:22px;border-radius:14px;background:#0b1a22}
.bulk-form .field-section{border:0;border-radius:0;background:transparent;padding:0 0 24px;border-bottom:1px solid #29444b;margin:0}
.field-section legend{font-size:1.1rem;margin-bottom:20px;color:var(--ink)}
.field-section legend span{font-family:system-ui,sans-serif;color:var(--cyan);font-size:.875rem;margin-inline-end:10px}
.checkbox-grid label{padding:12px;background:#122932;border:1px solid #2b464d;border-radius:10px;min-height:48px}
.checkbox-grid label:has(input:checked){border-color:#4d9275;background:#193e31}
.consent-row{align-items:start!important;line-height:1.9!important;display:block!important}.consent-row input{vertical-align:middle;margin-inline-end:7px}
.bulk-notes{position:sticky;top:110px;gap:14px}
.bulk-notes article{border-radius:15px;background:#0c1d26;border-color:#28464b;padding:24px}
.bulk-notes strong{font-weight:500;font-size:1.05rem}.bulk-notes p{font-size:.9375rem;line-height:1.9}
.bulk-notes .note-icon{width:42px;height:44px;background:#16392f;color:#8edec1;border:1px solid #315b4b;border-radius:11px;display:grid;place-items:center;margin-bottom:17px}
.product-detail{gap:46px}.detail-media{border-color:#29474f;border-radius:20px;background:#112630}
.detail-media img{padding:24px}.detail-content h1{font-weight:600;line-height:1.5}
.detail-price{padding:18px 0;border-bottom:1px solid #2c454b;border-top:1px solid #2c454b}.detail-price strong{color:var(--cyan);font-weight:600;font-size:2.3rem}
.variant-options label{min-height:50px;background:#10252d}.detail-actions .primary-action{flex:2}
.product-section-nav{position:sticky;top:88px;background:#071019f2;backdrop-filter:blur(12px);padding:18px 0;z-index:5}
.product-section-nav a{min-height:28px;color:#b0cac8}.product-section-nav a:hover{color:var(--cyan)}
.detail-delivery{background:#112b29;border:1px solid #30584b;border-radius:13px;padding:16px 20px;line-height:1.9}
.detail-section{scroll-margin-top:165px}.privacy-copy{background:#0e1d27;border-color:#2d434b}
.cart-dialog{background:#0b1b24;padding:28px;border-color:#31524b}
.cart-dialog[open]{animation:drawer-in .22s ease-out}
@keyframes drawer-in{from{transform:translateX(-28px);opacity:.7}to{transform:none;opacity:1}}
.drawer-head{margin-bottom:20px}.mini-line b,.mini-total strong{white-space:nowrap}
.drawer-foot{position:sticky;bottom:-28px;background:#0b1b24;padding-bottom:20px}
.dialog-error{margin-top:16px}
@media(max-width:1050px){
  .topbar{gap:18px}.desktop-nav{gap:17px;font-size:.875rem}.header-link{padding:9px}.hero{gap:30px;padding:38px}.hero-guide{padding:18px 20px 0}.hero-guide>a{gap:10px;padding:18px 0}.hero-guide strong{font-size:.9375rem}.guide-icon{width:37px;height:43px}
  .category-tab{grid-template-columns:38px 1fr;padding:18px 15px;column-gap:12px}.category-tab>span{width:38px;height:42px}
  .faq-section{gap:35px;grid-template-columns:.8fr 1.4fr}.dashboard-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}
  .checkout-layout{grid-template-columns:minmax(0,1.2fr) minmax(310px,.85fr);gap:20px}.checkout-main .dashboard-card{padding:22px}
  .bulk-form{padding:26px}.bulk-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr)}
}
.home-offers{position:relative;width:min(1240px,calc(100% - 64px));margin:28px auto 0;direction:ltr;touch-action:pan-y}.home-offers-viewport{overflow:hidden;border:1px solid #28443f;border-radius:22px;background:#07131c;box-shadow:0 18px 45px #0003}.home-offers-track{display:flex;transition:transform .55s ease}.home-offer-slide{position:relative;display:block;min-width:100%;aspect-ratio:16/5.5;background:#07131c}.home-offer-slide img{display:block;width:100%;height:100%;object-fit:contain}.home-offer-slide span{position:absolute;inset:auto 22px 20px 22px;width:max-content;max-width:calc(100% - 44px);padding:10px 15px;border:1px solid #ffffff24;border-radius:10px;background:#071019d9;color:#fff;font-weight:600;direction:rtl;backdrop-filter:blur(8px)}.home-offers-dots{position:absolute;inset:auto 0 11px;display:flex;justify-content:center;gap:7px;pointer-events:none}.home-offers-dots button{pointer-events:auto;width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:50%;background:#ffffff70;box-shadow:0 0 0 2px #07101970}.home-offers-dots button[aria-current=true]{width:24px;border-radius:999px;background:var(--cyan)}.home-offers-arrow{position:absolute;z-index:2;top:50%;translate:0 -50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#071019c9;color:#fff;font:600 2rem/1 system-ui;box-shadow:0 8px 24px #0005;backdrop-filter:blur(8px);cursor:pointer}.home-offers-arrow:hover,.home-offers-arrow:focus-visible{border-color:var(--cyan);background:#0d2827}.home-offers-prev{left:16px}.home-offers-next{right:16px}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.google-action{display:flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:10px 16px;border:1px solid #36504e;border-radius:11px;background:#fff;color:#14212b;font-weight:600}.google-action:hover{background:#f4f7f8}.google-action svg{width:22px;height:22px;flex:0 0 22px}
@media(max-width:680px){.home-offers{width:calc(100% - 32px);margin-top:16px}.home-offers-viewport{border-radius:16px}.home-offer-slide{aspect-ratio:16/7}.home-offer-slide span{inset:auto 12px 12px 12px;max-width:calc(100% - 24px);padding:7px 11px;font-size:.85rem}.home-offers-dots{bottom:7px}.home-offers-arrow{width:34px;height:34px;font-size:1.55rem}.home-offers-prev{left:8px}.home-offers-next{right:8px}}
.home-offer-row{grid-template-columns:180px 1fr auto;align-items:center}.home-offer-row>img{width:180px;aspect-ratio:16/5.5;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#07131c}.home-offer-preview{padding:10px;border:1px solid var(--line);border-radius:12px;background:#07131c}.home-offer-preview img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:8px}@media(max-width:700px){.home-offer-row{grid-template-columns:1fr}.home-offer-row>img{width:100%;height:auto}.home-offer-row .admin-controls{width:100%}}
@media(max-width:800px){
  html{scroll-padding-top:94px}.topbar{height:74px;width:calc(100% - 32px);gap:16px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand strong{font-size:1.22rem}.brand small{font-size:.57rem}.header-link{min-width:44px;justify-content:center}.mobile-menu:not([hidden]){top:73px;padding:14px;gap:3px}.mobile-menu a{min-height:46px;font-size:1rem}
  .hero{width:calc(100% - 32px);margin-top:18px;grid-template-columns:1fr;padding:34px 28px;gap:28px;border-radius:20px}
  .hero h1{font-size:clamp(2.25rem,6.8vw,3.4rem);line-height:1.4}.hero-text{font-size:1rem;margin:16px 0 24px;max-width:560px}
  .hero-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;box-shadow:none;padding:0;background:none}
  .guide-heading,.guide-foot{display:none}.hero-guide>a{display:flex;flex-direction:column;align-items:start;justify-content:start;padding:16px 12px;background:#112e28;border:1px solid #30564a;border-radius:12px;gap:12px}
  .hero-guide strong{font-size:.875rem;line-height:1.8;font-weight:500}.hero-guide small,.guide-arrow{display:none}.guide-icon{background:none;border:0;width:auto;height:24px;padding:0}.guide-icon svg{width:24px;height:24px}
  .trust-strip{width:calc(100% - 32px);grid-template-columns:1fr;padding:12px 0;gap:0}
  .trust-strip span{padding:7px 10px;justify-content:start;font-size:.9375rem;gap:14px}.trust-strip span+span{border:0}.trust-strip svg{width:20px;height:20px}
  .operator-section,.catalog,.how-it-works,.business-card,.faq-section,.store-info{margin-top:48px}
  .operator-heading{gap:5px;margin-bottom:20px}.operator-heading .eyebrow{margin:0}.operator-heading h2{font-size:1.6rem}.operator-heading>p:last-child{flex-basis:100%;margin:0;max-width:none;font-size:.9375rem}
  .operator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.operator-tile{min-height:89px;gap:9px}.operator-tile strong{font-size:1.25rem}
  .operator-tile:has(.operator-logo){min-height:124px;padding:10px 7px 12px;gap:8px}.operator-tile .operator-logo{height:53px;padding:6px 4px}.operator-tile .operator-name{font-size:.875rem;line-height:1.6;min-height:23px}
  .search-box{width:100%}.category-tabs{gap:10px;margin-block:22px}.category-tab{padding:16px 12px;gap:10px;min-height:112px;align-items:start}
  .category-tab>span{display:grid;width:34px;height:36px;border-radius:9px;align-self:start}.category-tab>span svg{width:21px;height:21px}
  .category-tab strong{font-size:.9375rem}.category-tab small{display:none}.category-tab.active{box-shadow:inset 0 -2px #38d6ac}
  .catalog-tools{gap:12px}.catalog-tools>[role=status]{margin-inline:0}.sort-label select{max-width:175px;min-height:46px}
  .filter-toggle{padding:9px 12px;min-height:46px;font-size:.875rem}.filter-toggle svg{width:18px;height:18px}
  .filter-panel{display:block;padding:20px;margin-top:14px}.advanced-filters{gap:12px}
  .empty-state{padding:38px 22px}.empty-state p{font-size:1rem}.catalog-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skeleton-card:last-child{display:none}
  .product-body{padding:20px}.product-highlights{font-size:.9375rem}
  .how-it-works{grid-template-columns:1fr;gap:24px;padding-top:32px}.how-it-works ol{gap:20px}.how-it-works li{padding-inline-start:16px}
  .business-card{padding:30px;gap:24px}.business-card h2{font-size:1.85rem}.business-card p{font-size:1rem}
  .faq-section{display:block}.faq-section>.section-heading{padding:0;margin-bottom:24px}.faq-list summary{padding:22px 0}.faq-list p{font-size:1rem}
  .store-info article{padding:28px}.store-info h2{font-size:1.7rem}
  .page-intro{margin:20px 0 28px}.page-intro h1{font-size:clamp(1.9rem,5.5vw,2.6rem)}.page-intro>p:last-child{font-size:1rem}
  .auth-layout{grid-template-columns:1fr;gap:0}.auth-card{padding:28px}.auth-benefits{display:none}
  .account-welcome{padding-top:8px}.account-stats{gap:12px;margin-bottom:24px}.account-stats article{padding:21px 18px}.account-stats strong{font-size:2.2rem}
  .dashboard-layout{grid-template-columns:1fr;gap:20px}.account-nav{display:flex;position:sticky;top:74px;z-index:8;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px;gap:6px;border-radius:13px;background:#0d1e26f5;backdrop-filter:blur(12px)}
  .account-nav a{font-size:.875rem;padding:10px 12px;min-height:44px;gap:8px;white-space:nowrap;flex-shrink:0}
  .account-nav a svg{width:17px;height:17px}.account-nav a:last-child{border-top:0;border-inline-start:1px solid #314a4c;margin:0;padding:10px 14px}
  .dashboard-content>.dashboard-card{scroll-margin-top:154px;min-height:300px}.dashboard-card{padding:24px}
  .checkout-layout{grid-template-columns:1fr;gap:24px}.checkout-summary{position:static;padding:26px}.checkout-main .dashboard-card{padding:24px}
  .checkout-steps{gap:12px 20px;font-size:.875rem}
  .bulk-layout{grid-template-columns:1fr;gap:22px}.bulk-notes{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.bulk-notes article{padding:20px}.bulk-notes strong{font-size:1rem}
  .product-section-nav{top:74px;gap:20px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.product-section-nav a{min-height:32px}
  .detail-price strong{font-size:2rem}.detail-actions>*{flex-basis:auto}.detail-media img{padding:16px}
  footer,footer.subpage-footer{margin-top:56px;padding-bottom:96px}
  .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer-brand-block{grid-column:1/-1}.footer-brand-block p{max-width:none}
  .footer-links{display:grid;gap:7px;margin:0;font-size:.9375rem}.footer-links a{min-height:34px}
  .footer-bottom{margin-top:28px;gap:10px 16px}.footer-support{gap:20px;align-items:start}.footer-support h2{font-size:1.3rem}
  .mobile-bottom{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#0b1821f7;border-color:#2a4348}
  .mobile-bottom a{font-size:.875rem;gap:6px;min-height:49px;padding-top:3px}
  .mobile-bottom a[aria-current="page"] svg{color:var(--cyan);filter:drop-shadow(0 0 6px #38d6ac24)}
  .cart-dialog{padding:24px}.drawer-foot{bottom:-24px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){
  .topbar{height:70px}.mobile-menu:not([hidden]){top:69px}.header-actions{gap:5px}.header-link{padding:8px}.menu-toggle{min-width:42px;min-height:44px}
  .hero{padding:28px 21px;gap:24px}.hero .eyebrow{line-height:1.8;margin-bottom:16px}.hero h1{font-size:clamp(2rem,8.4vw,2.5rem)}
  .hero-text{font-size:1rem;line-height:1.9;margin:16px 0 24px}.hero-actions{gap:17px;flex-direction:column;align-items:stretch}.hero-actions .primary-action{width:100%;min-height:51px}.hero-actions .text-link{font-size:.9375rem;text-align:center}
  .hero-guide{gap:7px}.hero-guide>a{padding:12px 9px;gap:10px}.hero-guide strong{font-size:.875rem;line-height:1.7}.guide-icon svg{width:21px;height:21px}
  .trust-strip span{font-size:.875rem}.operator-grid{gap:8px}.operator-tile{border-radius:11px;min-height:85px}.operator-tile strong{font-size:1.06rem}.operator-tile span{font-size:.75rem}
  .operator-tile:has(.operator-logo){min-height:124px;padding:11px 5px 12px;gap:10px}.operator-tile .operator-logo{height:48px;padding:5px 4px}.operator-tile .operator-name{font-size:.875rem;min-height:38px;display:flex;align-items:center;justify-content:center}
  .category-tabs{gap:8px}.category-tab{padding:14px 10px;min-height:111px;gap:10px}.category-tab strong{font-size:.875rem;line-height:1.75}
  .filter-toggle{font-size:.875rem;padding:8px 10px;gap:6px}.sort-label select{max-width:150px;font-size:.875rem}
  .advanced-filters{grid-template-columns:1fr 1fr}.advanced-filters>label:first-child{grid-column:1/-1}
  .filter-heading{margin-bottom:13px}.filter-panel{padding:17px}.filter{padding:9px 11px;min-height:44px}
  .catalog-skeleton{grid-template-columns:1fr}.skeleton-card:nth-child(2){display:none}
  .product-grid{grid-template-columns:1fr}.product-body{padding:24px}.product-body h3{font-size:1.2rem}.product-image-wrap{aspect-ratio:1.35}
  .how-it-works ol{grid-template-columns:1fr;gap:0}.how-it-works li{display:flex;flex-direction:row;gap:20px;align-items:center;padding:17px 0;border-inline-start:0;border-bottom:1px solid #233d43}
  .how-it-works li strong{width:32px;font-size:1.25rem;flex-shrink:0}.how-it-works li span{font-size:1rem}
  .business-card{padding:26px}.business-card .primary-action{width:100%}.store-info{grid-template-columns:1fr;gap:16px}
  .faq-list summary{font-size:1rem;line-height:1.9;gap:16px}
  .breadcrumbs{margin-bottom:20px}.page-intro h1{font-size:2rem;line-height:1.5}
  .auth-card{padding:23px}.auth-card h2{font-size:1.45rem}.auth-tabs button{font-size:.875rem;padding:9px}.account-form{gap:19px}
  .account-welcome{flex-direction:row;flex-wrap:wrap;gap:20px}.account-welcome h1{font-size:1.85rem}.account-welcome .secondary-action{font-size:.875rem}
  .account-stats{gap:8px}.account-stats article{padding:17px 12px;border-radius:13px}.account-stats article>span{font-size:.875rem}.account-stats strong{font-size:2rem;margin:10px 0}.account-stats a{font-size:.875rem;line-height:1.8;display:block}
  .account-nav{top:70px;border-radius:11px}.account-nav a{font-size:.875rem;padding:9px 11px}.account-nav a svg{display:none}
  .dashboard-card,.checkout-main .dashboard-card{padding:21px}.dashboard-card .empty-state{padding:30px 18px}
  .dashboard-content>.dashboard-card{scroll-margin-top:147px}.customer-contact{font-size:.875rem}
  .checkout-steps{display:grid;grid-template-columns:1fr;gap:10px}.checkout-steps li{font-size:.875rem}
  .checkout-summary{padding:23px}.cart-line-end{padding-inline-start:0}.quantity-control button{height:44px}
  .bulk-form{padding:23px}.bulk-form>fieldset{padding:18px}.bulk-form .field-section{padding:0 0 22px}
  .checkbox-grid{grid-template-columns:1fr}.bulk-notes{grid-template-columns:1fr}.bulk-notes article{padding:23px}.bulk-notes .note-icon{float:inline-end;margin:0 10px 10px 0}
  .detail-actions .primary-action{flex-basis:100%;min-height:52px}.detail-actions .secondary-action{flex-basis:100%}.detail-media{max-height:360px;border-radius:17px}
  .product-section-nav{top:70px}.detail-content h1{font-size:1.9rem}
  .footer-support{flex-direction:column;gap:18px}.footer-support a{min-height:48px}.footer-support h2{font-size:1.35rem}
  .footer-main{gap:28px}.footer-bottom>span:nth-child(2){order:3}
}
@media(hover:none){.product-card:hover,.operator-tile:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-guide>a:hover .guide-arrow{transform:none}}
/* Owner-approved STC WhatsApp offers. */
.offer-brand{min-height:150px;background:linear-gradient(140deg,#281347,#101923);display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;color:#eae5f4;text-decoration:none}.offer-brand img{object-fit:contain;max-width:130px;max-height:70px}.offer-exclusive{color:#a6f0d4;background:#13372e;border-radius:30px;padding:5px 10px;font-size:.875rem}.offer-pricing{display:grid;gap:10px;margin-block:16px}.offer-pricing>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.offer-pricing span{font-size:.875rem;color:#c3c6cf}.offer-pricing del{color:#b5accc;font-size:1.05rem;text-decoration-thickness:2px}.offer-pricing strong{color:#ff8c9b;font-size:1.75rem;line-height:1.4}.offer-saving{justify-self:start;color:#a6f0d4;background:#13372e;border-radius:8px;padding:5px 9px;font-size:.875rem}.offer-condition{font-size:.875rem;line-height:1.8;color:#c8cbd3}.offer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.offer-actions .add-button{width:100%;text-align:center}.offer-favorite{position:static;margin-inline-start:auto}.offer-detail .offer-pricing{max-width:520px}.offer-detail .detail-actions{margin-block:20px}.offer-detail .offer-pricing strong{font-size:2.2rem}

/* Custom data-plan artwork: generated brand-toned backdrops with exact HTML typography. */
.data-offer-media{display:block;aspect-ratio:1.35;overflow:hidden;background:#06121f}
.data-plan-art{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden;isolation:isolate;color:#fff;text-align:right}
.data-plan-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.data-art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,9,17,.2),rgba(2,9,17,.87) 72%,rgba(2,9,17,.94)),linear-gradient(0deg,rgba(0,0,0,.38),transparent 58%)}
.data-art-top{position:absolute;inset:20px 22px auto 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.data-art-logo{width:104px!important;height:48px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.data-art-wordmark{font-size:1.35rem;line-height:1.1}.data-art-wordmark small{display:block;font-size:.68rem;font-weight:500;letter-spacing:.12em;color:#b8ffd0;margin-top:5px}
.data-art-type{padding:6px 10px;border:1px solid #ffffff42;border-radius:999px;background:#0710198c;backdrop-filter:blur(8px);font-size:.76rem;color:#d9ecf4}
.data-art-copy{position:absolute;right:22px;bottom:38px;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px;max-width:78%}
.data-art-kicker{grid-column:1/-1;font-size:.78rem;color:#9feedd;margin-bottom:2px}
.data-art-copy>strong{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:700;letter-spacing:-.05em;line-height:.95;text-shadow:0 8px 28px #0008}
.data-art-copy>b{font-size:1.05rem;line-height:1.5;color:#dffaff;margin-bottom:4px}
.data-art-duration{grid-column:1/-1;justify-self:start;margin-top:11px;padding:5px 13px;border-radius:8px;background:#ffffff16;border:1px solid #ffffff2b;font-size:.88rem;font-weight:600}
.data-art-foot{position:absolute;left:20px;bottom:18px;font-size:.72rem;color:#d0e8ed;writing-mode:vertical-rl;letter-spacing:.03em}
.theme-mobily .data-art-kicker{color:#6fe5ff}.theme-mobily .data-art-duration{background:#057fba4f;border-color:#54d7ff55}
.theme-salam .data-art-kicker{color:#a7ffbd}.theme-salam .data-art-duration{background:#1593424f;border-color:#72f09855}
.theme-zain .data-art-kicker{color:#7ff3bd}.theme-zain .data-art-duration{background:#0b8b625c;border-color:#6ce3af66}.theme-zain .data-art-logo{width:98px!important}
.layout-mobily-ribbons .data-art-shade{background:linear-gradient(90deg,rgba(1,8,19,.08),rgba(1,16,38,.9) 68%,rgba(1,12,29,.97))}
.layout-mobily-layers .data-art-copy{bottom:48px}.layout-mobily-layers .data-art-duration{border-radius:999px}
.layout-mobily-infinity .data-art-copy{bottom:30px}.layout-mobily-infinity .data-art-shade{background:linear-gradient(90deg,rgba(0,6,17,.1),rgba(0,20,48,.82) 62%,rgba(0,14,34,.96))}
.layout-mobily-pulse .data-art-copy{right:26px;bottom:50px}.layout-mobily-pulse .data-art-duration{background:#0a69b871;border-radius:999px}
.layout-salam-infinity .data-art-shade{background:linear-gradient(90deg,rgba(0,24,16,.05),rgba(0,31,20,.84) 64%,rgba(0,20,14,.96))}.layout-salam-infinity .data-art-duration{border-radius:999px}
.layout-salam-orbit .data-art-copy{bottom:46px}.layout-salam-orbit .data-art-shade{background:linear-gradient(90deg,rgba(0,17,8,.08),rgba(3,38,18,.84) 66%,rgba(2,26,13,.97))}
.layout-zain-volume .data-art-shade,.layout-zain-month .data-art-shade,.layout-zain-quarter .data-art-shade,.layout-zain-half-year .data-art-shade{background:linear-gradient(90deg,rgba(0,22,16,.25),rgba(0,40,31,.86) 60%,rgba(0,24,20,.97)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 55%)}
.layout-zain-quarter .data-art-copy{bottom:44px}.layout-zain-half-year .data-art-copy{right:27px}.layout-zain-month .data-art-duration,.layout-zain-half-year .data-art-duration{border-radius:999px}
.data-art-price{position:absolute;left:18px;bottom:16px;width:135px;display:grid;grid-template-columns:auto 1fr;gap:1px 6px;align-items:baseline;padding:9px 10px;border:1px solid #8fe8bd66;border-radius:12px;background:#021d18d9;backdrop-filter:blur(9px);box-shadow:0 10px 28px #0005}.data-art-price small{font-size:.58rem;color:#bde7d4}.data-art-price del{font-size:.65rem;color:#b9c8c2}.data-art-price strong{grid-column:1/-1;font-size:1.05rem;color:#7ff3bd;white-space:nowrap}.data-art-price b{grid-column:1/-1;font-size:.58rem;color:#ffe3a2}.theme-zain .data-art-foot{left:163px;bottom:18px;color:#c4e8d8}
.data-offer-pricing{border:1px solid #2c5551;border-radius:13px;padding:14px 16px;background:linear-gradient(135deg,#102932,#10241f)}
.data-offer-pricing .offer-current strong{color:#87f0d0}
.data-offer-detail-media{aspect-ratio:1.22;max-height:560px;padding:0!important}
.data-offer-detail-media .data-plan-art{min-height:100%}
.data-offer-detail-media .data-art-top{inset:30px 32px auto}.data-offer-detail-media .data-art-logo{width:134px!important;height:60px!important}
.data-offer-detail-media .data-art-wordmark{font-size:1.75rem}.data-offer-detail-media .data-art-type{font-size:.9rem;padding:7px 13px}
.data-offer-detail-media .data-art-copy{right:34px;bottom:60px}.data-offer-detail-media .data-art-copy>strong{font-size:clamp(4.2rem,8vw,6.5rem)}
.data-offer-detail-media .data-art-copy>b{font-size:1.35rem}.data-offer-detail-media .data-art-duration{font-size:1.05rem}
.data-offer-detail-media .data-art-price{left:30px;bottom:28px;width:180px;padding:13px 14px}.data-offer-detail-media .data-art-price strong{font-size:1.45rem}.data-offer-detail-media .theme-zain .data-art-foot{left:225px;bottom:31px}
.data-variant-options{margin-top:22px}.data-variant-options label{justify-content:space-between;min-width:200px}.data-variant-options label b{font-size:.76rem;padding:3px 8px;border-radius:999px;margin-inline-start:12px}
.data-variant-options .variant-available{border-color:#3d8067;background:#14372e}.data-variant-options .variant-available b{background:#20583f;color:#a9f0d0}
.data-variant-options .variant-unavailable{opacity:.7;cursor:not-allowed;background:#211b24;border-color:#55424f}.data-variant-options .variant-unavailable b{background:#402d38;color:#efbacb}
@media(max-width:480px){.data-plan-art{min-height:245px}.data-art-top{inset:17px 18px auto}.data-art-copy{right:18px;bottom:34px}.data-art-copy>strong{font-size:3.35rem}.data-art-foot{left:14px}.data-offer-detail-media{aspect-ratio:1.15;max-height:420px}.data-offer-detail-media .data-art-top{inset:20px 20px auto}.data-offer-detail-media .data-art-logo{width:112px!important;height:52px!important}.data-offer-detail-media .data-art-copy{right:22px;bottom:45px}.data-offer-detail-media .data-art-copy>strong{font-size:4.5rem}.data-variant-options{display:grid}.data-variant-options label{width:100%;min-width:0}}

/* Secure recovery and owner controls. */
.recovery-link{align-self:flex-start;margin-top:2px}.checkout-consents{display:grid;gap:10px;margin-block:18px}.checkout-consent{align-items:flex-start}.checkout-consent input{flex:0 0 auto;margin-top:6px}.admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-stats article{padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;gap:5px}.admin-stats span{color:var(--muted);font-size:.85rem}.admin-stats strong{font-size:1.75rem;color:var(--accent)}.admin-list{display:grid;gap:12px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.admin-row h3,.admin-row p{margin:3px 0}.admin-row small{color:var(--muted)}.admin-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.admin-controls label{display:grid;gap:5px;font-size:.78rem;color:var(--muted)}.admin-controls input,.admin-controls select{min-width:112px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit}.admin-controls .primary-action{min-height:44px;padding:9px 15px}
.analytics-funnel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-block:16px 25px}.analytics-funnel article{padding:14px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);display:grid;gap:3px}.analytics-funnel span,.analytics-funnel small{font-size:.72rem;color:var(--muted)}.analytics-funnel strong{font-size:1.45rem;color:var(--accent)}.admin-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analytics-ranking{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}.analytics-ranking li{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line)}.analytics-ranking b{white-space:nowrap;color:var(--accent);font-size:.8rem}
html[data-theme=light] .admin-stats article,html[data-theme=light] .admin-row,html[data-theme=light] .admin-controls input,html[data-theme=light] .admin-controls select{background:#fff;border-color:#c7d9d4;color:#14231f}
html[data-theme=light] .analytics-funnel article{background:#fff;border-color:#c7d9d4}
@media(max-width:900px){.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-funnel{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-row{grid-template-columns:1fr}.admin-controls{width:100%}.admin-controls label{flex:1}.admin-controls input,.admin-controls select{width:100%}}
@media(max-width:520px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-analytics-grid{grid-template-columns:1fr}.admin-row{padding:14px}.admin-controls{display:grid;grid-template-columns:1fr 1fr}.admin-controls .primary-action{grid-column:1/-1;width:100%}}

/* Mobily postpaid artwork: exact offer text is HTML over distinct generated backdrops. */
.postpaid-offer-media{display:block;aspect-ratio:1.35;overflow:hidden;background:#031329}
.postpaid-plan-art{position:relative;width:100%;height:100%;min-height:250px;overflow:hidden;isolation:isolate;color:#fff;text-align:right}
.postpaid-plan-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.postpaid-art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,10,27,.12),rgba(3,18,45,.84) 58%,rgba(2,12,34,.97))}
.postpaid-art-top{position:absolute;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.postpaid-art-logo{width:108px!important;height:48px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.postpaid-art-top>span{padding:5px 10px;border:1px solid #70ddff66;border-radius:999px;background:#032a4dbd;color:#d8f7ff;font-size:.72rem;font-weight:700}
.postpaid-art-title{position:absolute;right:20px;top:76px;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px}
.postpaid-art-title small{font-size:.9rem;color:#93eaff;align-self:center}.postpaid-art-title strong{font-size:3.5rem;line-height:.9;letter-spacing:-.06em}
.postpaid-art-title b{grid-column:1/-1;margin-top:8px;padding:4px 9px;border-radius:7px;background:#ff7f32;color:#101722;font-size:.72rem;justify-self:start}
.postpaid-art-features{position:absolute;right:20px;left:20px;bottom:65px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px}
.postpaid-art-features>span{display:grid;gap:1px;padding:7px 9px;border:1px solid #5bcceb44;border-radius:10px;background:#02172dbd;backdrop-filter:blur(7px)}
.postpaid-art-features strong{font-size:.92rem;white-space:nowrap}.postpaid-art-features small{font-size:.66rem;color:#a8dce9}
.postpaid-art-features>span:not(:first-child) strong{font-size:1.25rem;line-height:.9;color:#60e0ff}
.postpaid-art-price{position:absolute;right:20px;left:20px;bottom:11px;display:grid;grid-template-columns:1fr 1.25fr;align-items:stretch;gap:8px}
.postpaid-art-price span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 7px;padding:6px 8px;border:1px solid #65dcff42;border-radius:9px;background:#02152bbb;backdrop-filter:blur(7px)}.postpaid-art-price small{color:#bfeaf2;font-size:.64rem}.postpaid-art-price strong{font-size:1.05rem;color:#fff;white-space:nowrap}.postpaid-art-price b{grid-column:1/-1;color:#ffb383;font-size:.6rem}
.postpaid-art-price .postpaid-renewal{border-color:#ff9a5b66;background:#2d1723d6}.postpaid-art-price .postpaid-renewal strong{color:#ffb083}
.layout-postpaid-infinity .postpaid-art-shade{background:linear-gradient(90deg,rgba(2,8,22,.06),rgba(3,16,41,.78) 52%,rgba(2,10,28,.97))}
.layout-postpaid-infinity .postpaid-art-title b{background:#5ae0ff}.layout-postpaid-infinity .postpaid-art-features>span:first-child strong{color:#6fe7ff}
.postpaid-offer-detail-media{aspect-ratio:1.22;max-height:580px;padding:0!important}.postpaid-offer-detail-media .postpaid-plan-art{min-height:100%}
.postpaid-offer-detail-media .postpaid-art-top{inset:28px 32px auto}.postpaid-offer-detail-media .postpaid-art-logo{width:134px!important;height:60px!important}
.postpaid-offer-detail-media .postpaid-art-title{right:32px;top:98px}.postpaid-offer-detail-media .postpaid-art-title strong{font-size:5.2rem}.postpaid-offer-detail-media .postpaid-art-title small{font-size:1.05rem}
.postpaid-offer-detail-media .postpaid-art-features{right:32px;left:32px;bottom:76px}.postpaid-offer-detail-media .postpaid-art-features strong{font-size:1rem}.postpaid-offer-detail-media .postpaid-art-features small{font-size:.72rem}
.postpaid-offer-detail-media .postpaid-art-price{right:32px;left:32px;bottom:20px}.postpaid-offer-detail-media .postpaid-art-price strong{font-size:1.4rem}
@media(max-width:480px){.postpaid-plan-art{min-height:250px}.postpaid-art-top{inset:15px 16px auto}.postpaid-art-logo{width:96px!important;height:42px!important}.postpaid-art-title{right:16px;top:65px}.postpaid-art-title strong{font-size:3.05rem}.postpaid-art-features{right:16px;left:16px;bottom:62px}.postpaid-art-price{right:16px;left:16px;bottom:13px}.postpaid-offer-detail-media{aspect-ratio:1.12;max-height:450px}.postpaid-offer-detail-media .postpaid-art-top{inset:20px 22px auto}.postpaid-offer-detail-media .postpaid-art-title{right:22px;top:84px}.postpaid-offer-detail-media .postpaid-art-title strong{font-size:4.2rem}.postpaid-offer-detail-media .postpaid-art-features{right:22px;left:22px;bottom:72px}.postpaid-offer-detail-media .postpaid-art-price{right:22px;left:22px;bottom:16px}}

/* Brand-specific offer artwork for recurring mobile packages. */
.brand-offer-media{display:block;aspect-ratio:1.35;overflow:hidden;background:#100a24}
.brand-offer-art{position:relative;width:100%;height:100%;min-height:250px;overflow:hidden;isolation:isolate;color:#fff;text-align:right}
.brand-offer-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.brand-art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,4,25,.08),rgba(25,8,54,.78) 58%,rgba(16,5,40,.97))}
.theme-redbull .brand-art-shade{background:linear-gradient(90deg,rgba(0,8,24,.07),rgba(4,19,50,.8) 57%,rgba(2,11,32,.98))}
.theme-salam .brand-art-shade{background:linear-gradient(90deg,rgba(2,52,29,.08),rgba(3,67,38,.76) 55%,rgba(1,35,20,.98))}
.theme-virgin .brand-art-shade{background:linear-gradient(90deg,rgba(38,0,8,.05),rgba(99,3,25,.78) 56%,rgba(48,0,12,.98))}
.theme-friendi .brand-art-shade{background:linear-gradient(90deg,rgba(0,28,45,.06),rgba(0,70,102,.78) 56%,rgba(0,28,49,.98))}
.theme-yaqoot .brand-art-shade{background:linear-gradient(90deg,rgba(35,0,20,.06),rgba(100,7,55,.78) 56%,rgba(48,1,29,.98))}
.brand-art-top{position:absolute;inset:17px 20px auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-art-logo{width:94px!important;height:42px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.brand-art-top>span{padding:5px 10px;border:1px solid #ffffff40;border-radius:999px;background:#0b071aa8;font-size:.68rem;font-weight:700}
.theme-stc .brand-art-top>span{color:#ffd1ed}.theme-redbull .brand-art-top>span{color:#ffd6dc;border-color:#ff506760}
.theme-salam .brand-art-top>span{color:#d7ffe5;border-color:#65e59466}.theme-virgin .brand-art-top>span{color:#fff0f2;border-color:#ff6b7e70}.theme-friendi .brand-art-top>span{color:#dcf8ff;border-color:#43ccec70}.theme-yaqoot .brand-art-top>span{color:#ffe1f1;border-color:#f05ca370}
.brand-art-wordmark{display:grid;line-height:.82;text-align:left;font-family:Arial,sans-serif;font-style:italic}.brand-art-wordmark b{font-size:1.05rem;color:#fff}.brand-art-wordmark small{font-size:.58rem;letter-spacing:.2em;color:#f34858;text-transform:uppercase}
.salam-wordmark{font-family:inherit;font-style:normal;text-align:right}.salam-wordmark b{font-size:1.3rem}.salam-wordmark small{color:#91f4b3;letter-spacing:.08em}
.brand-art-title{position:absolute;right:20px;top:70px;display:grid;gap:2px}.brand-art-title small{font-size:.75rem;color:#dfc8f3}.theme-redbull .brand-art-title small{color:#9ec6ed}.brand-art-title strong{font-size:2.15rem;line-height:1.08;letter-spacing:-.035em;text-shadow:0 7px 24px #0008}
.brand-art-features{position:absolute;right:20px;left:20px;bottom:69px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.brand-art-features>span{display:grid;gap:1px;padding:7px 8px;border:1px solid #dca6ff42;border-radius:9px;background:#190c35c7;backdrop-filter:blur(7px)}.theme-redbull .brand-art-features>span{background:#06152cc9;border-color:#4385c650}
.theme-salam .brand-art-features>span{background:#073c27d4;border-color:#64d99a55}.theme-virgin .brand-art-features>span{background:#4c0718d4;border-color:#ff718055}.theme-friendi .brand-art-features>span{background:#023c59d4;border-color:#48c8e655}.theme-yaqoot .brand-art-features>span{background:#50072fd4;border-color:#ec6aa955}
.brand-art-features strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-art-features small{font-size:.6rem;color:#cbb8db}.theme-redbull .brand-art-features small{color:#9fb8d0}
.brand-art-price{position:absolute;right:20px;left:20px;bottom:12px;display:grid;grid-template-columns:1.05fr 1fr;gap:8px}.brand-art-price>span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1px 7px;padding:6px 8px;border-radius:9px;background:#1d0d38dc;border:1px solid #e191d14f}.theme-redbull .brand-art-price>span{background:#07162ddb;border-color:#4a79a64f}.brand-art-price small{font-size:.61rem;color:#e1caed}.brand-art-price strong{font-size:1.08rem;color:#ff7fc3;white-space:nowrap}.theme-redbull .brand-art-price strong{color:#ff586a}.brand-art-price del{font-size:.8rem;color:#d4c9dc}.brand-art-price b{grid-column:1/-1;font-size:.58rem;color:#b9ffd9}.brand-art-price.recurring>span:last-child{border-color:#ff586a70;background:#29101edb}
.brand-art-price.recurring>span:first-child b{grid-column:auto}.brand-art-price.recurring>span:last-child b{grid-column:1/-1}
.theme-salam .brand-art-price>span{background:#073b27e8;border-color:#65df9955}.theme-salam .brand-art-price strong{color:#7df0a7}.theme-salam .brand-art-price.recurring>span:last-child{background:#0d5238e8;border-color:#73efa875}
.theme-virgin .brand-art-price>span{background:#450614e8;border-color:#ff788655}.theme-virgin .brand-art-price strong{color:#ff7180}.theme-virgin .brand-art-price.recurring>span:last-child{background:#651024e8;border-color:#ff839175}
.theme-friendi .brand-art-price>span{background:#06364ee8;border-color:#45caea55}.theme-friendi .brand-art-price strong{color:#63ddf6}.theme-friendi .brand-art-price.recurring>span:last-child{background:#07516fe8;border-color:#60dcf375}
.theme-yaqoot .brand-art-price>span{background:#450329e8;border-color:#ed65a555}.theme-yaqoot .brand-art-price strong{color:#ff75b7}.theme-yaqoot .brand-art-price.recurring>span:last-child{background:#680c3de8;border-color:#ff7cbc75}
.brand-art-logo.brand-yaqoot{width:118px!important}.brand-art-logo.brand-friendi{width:108px!important}
.brand-offer-art>img{z-index:0;object-fit:cover;object-position:center}
.brand-art-shade,
.brand-art-top,
.brand-art-title,
.brand-art-features,
.data-art-shade,
.data-art-top,
.data-art-copy,
.data-art-foot,
.postpaid-art-shade,
.postpaid-art-top,
.postpaid-art-title,
.postpaid-art-features{
  display:none!important
}
.brand-art-price,
.data-art-price,
.postpaid-art-price{
  z-index:2
}
.brand-offer-detail-media{aspect-ratio:1.22;max-height:580px;padding:0!important}.brand-offer-detail-media .brand-offer-art{min-height:100%}.brand-offer-detail-media .brand-art-top{inset:28px 32px auto}.brand-offer-detail-media .brand-art-logo{width:128px!important;height:58px!important}.brand-offer-detail-media .brand-art-title{right:32px;top:102px}.brand-offer-detail-media .brand-art-title strong{font-size:3.45rem}.brand-offer-detail-media .brand-art-features{right:32px;left:32px;bottom:88px}.brand-offer-detail-media .brand-art-price{right:32px;left:32px;bottom:21px}.brand-offer-detail-media .brand-art-price strong{font-size:1.35rem}
.recurring-offer-pricing{border:1px solid #5b3542;border-radius:13px;padding:14px 16px;background:linear-gradient(135deg,#261520,#101d2c)}
@media(max-width:480px){.brand-offer-art{min-height:250px}.brand-art-top{inset:15px 16px auto}.brand-art-title{right:16px;top:64px}.brand-art-features{right:16px;left:16px;bottom:67px}.brand-art-price{right:16px;left:16px;bottom:11px}.brand-offer-detail-media{aspect-ratio:1.12;max-height:450px}.brand-offer-detail-media .brand-art-top{inset:20px 22px auto}.brand-offer-detail-media .brand-art-title{right:22px;top:85px}.brand-offer-detail-media .brand-art-title strong{font-size:3rem}.brand-offer-detail-media .brand-art-features{right:22px;left:22px;bottom:82px}.brand-offer-detail-media .brand-art-price{right:22px;left:22px;bottom:15px}}
.checkout-consent{padding:14px 16px;border:1px solid #315143;border-radius:12px;background:#10251e}.checkout-consent a{color:var(--cyan);text-decoration:underline}
.offer-consent{display:flex;align-items:flex-start;gap:10px;flex-basis:100%;width:100%;margin:14px 0;padding:13px 14px;border:1px solid #315143;border-radius:12px;background:#10251e;color:var(--ink-soft);font-size:.88rem;line-height:1.7}.offer-consent input{margin-top:5px;flex:0 0 auto}.offer-consent a{color:var(--cyan);text-decoration:underline}.primary-action.is-disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}.footer-contact-actions{display:flex;flex-wrap:wrap;gap:10px}
.header-preferences{display:flex}.preference-controls{display:flex;align-items:center;gap:7px}.preference-select{display:block}.preference-select select{width:auto;min-height:40px;padding:5px 9px;border-radius:10px;font-size:.8rem;background:#102129;border-color:#2b4748;color:var(--ink)}.mobile-preferences{display:none}
html[data-theme=light]{color-scheme:light;--paper:#f4f8f7;--surface:#fff;--surface-2:#edf5f2;--line:#cbdcd7;--muted:#5d706b;--ink:#14231f;--ink-soft:#344842;--shadow:0 18px 48px #193d3217}
html[data-theme=light] body{background:radial-gradient(ellipse at 85% 0%,#bcebdd55,transparent 38%),var(--paper);color:var(--ink)}
html[data-theme=light] .topbar{background:#f9fcfbef;border-color:#cbdcd7}html[data-theme=light] .desktop-nav a{color:#465c56}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;border-color:#b8cdc7;color:#14231f}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#70827e}
html[data-theme=light] .hero{background:radial-gradient(ellipse at 10% 20%,#9de7d16b,transparent 65%),#e9f6f2;color:#14231f;border-color:#bfdcd3}html[data-theme=light] .hero-text{color:#425c55}html[data-theme=light] .hero-guide{background:#fff;border-color:#badbd1}html[data-theme=light] .hero-guide>a{color:#14231f;border-color:#d2e4df}html[data-theme=light] .guide-icon{background:#e4f6f0;color:#167d61;border-color:#b7dfd3}html[data-theme=light] .guide-foot,html[data-theme=light] .hero-guide small{color:#5b746d}
html[data-theme=light] .trust-strip,html[data-theme=light] .operator-tile,html[data-theme=light] .category-tab,html[data-theme=light] .filter-panel,html[data-theme=light] .product-card,html[data-theme=light] .store-info article,html[data-theme=light] .dashboard-card,html[data-theme=light] .detail-section,html[data-theme=light] .auth-card,html[data-theme=light] .bulk-form,html[data-theme=light] .bulk-notes article,html[data-theme=light] .account-nav,html[data-theme=light] .account-stats article,html[data-theme=light] .cart-dialog{background:#fff;border-color:#cbdcd7;color:#14231f}
html[data-theme=light] .operator-tile:hover,html[data-theme=light] .category-tab.active,html[data-theme=light] .filter.active,html[data-theme=light] .account-nav a:hover{background:#ddf4ec;border-color:#51b596;color:#123d31}html[data-theme=light] .filter{background:#eef6f3;border-color:#c8dcd6;color:#2e4942}html[data-theme=light] .secondary-action,html[data-theme=light] .detail-button,html[data-theme=light] .icon-button{background:#eef6f3;border-color:#bfd2cc;color:#18332b}html[data-theme=light] .cart-button{background:#e2f5ee;border-color:#a9d7c8;color:#14231f}
html[data-theme=light] .product-body,html[data-theme=light] .checkout-consent,html[data-theme=light] .subtle-note{color:#334c45}html[data-theme=light] .price strong{color:#14231f}html[data-theme=light] .mobile-bottom,html[data-theme=light] .mobile-menu:not([hidden]){background:#f9fcfbf7;border-color:#c7d9d4;color:#14231f}html[data-theme=light] footer{background:#eaf3f0;border-color:#cbdcd7}html[data-theme=light] .preference-select select{background:#fff;border-color:#b8cdc7;color:#14231f}html[data-theme=light] .cart-dialog::backdrop{background:#14231f55}
/* Complete light-theme contrast pass. Brand artwork intentionally stays dark. */
html[data-theme=light] .hero-guide>a{background:#fff;color:#14231f}
html[data-theme=light] .hero-guide strong{color:#14231f}
html[data-theme=light] .eyebrow,html[data-theme=light] .hero .eyebrow{color:#236f5c}
html[data-theme=light] .hero h1 span{color:#15956f}
html[data-theme=light] .hero-actions .text-link{color:#1b6b55}
html[data-theme=light] .how-it-works li strong{color:#267b63}
html[data-theme=light] .mobile-bottom a[aria-current=page]{color:#177a5e}
html[data-theme=light] .trust-strip span{color:#46645c}
html[data-theme=light] .trust-strip i{color:#267b63}
html[data-theme=light] .operator-tile .operator-name{color:#36574e}
html[data-theme=light] .operator-tile.selected .operator-name{color:#155b47}
html[data-theme=light] .brand-stc{filter:none}
html[data-theme=light] .category-tab>span{background:#e5f2ee;color:#315f53}
html[data-theme=light] .category-tab.active>span{background:#cceadf;color:#155b47}
html[data-theme=light] .search-box input,html[data-theme=light] .sort-label select{background:#fff;border-color:#b8cdc7;color:#14231f}
html[data-theme=light] .search-icon{color:#4f6d65}
html[data-theme=light] .filter-toggle,html[data-theme=light] .filter-chip{background:#e7f4f0;border-color:#b8d6cd;color:#24483e}
html[data-theme=light] .filter-toggle[aria-expanded=true]{background:#d4eee5;border-color:#4d9f83;color:#155b47}
html[data-theme=light] .empty-state,html[data-theme=light] .dashboard-card .empty-state{background:#f4f9f7;border-color:#ccddd8;color:#14231f}
html[data-theme=light] .empty-state-icon{background:#dcf1ea;border-color:#b4d8cc;color:#21745d}
html[data-theme=light] .skeleton-card{background:#fff;border-color:#d0dfdb}
html[data-theme=light] .skeleton-card i{background:#e3eeeb}
html[data-theme=light] .skeleton-card i:first-child{background:#d8e7e3}
html[data-theme=light] .skeleton-card i:last-child{background:#cce7de}
html[data-theme=light] .product-image-wrap{background:#edf5f2;border-color:#d0dfdb}
html[data-theme=light] .product-highlights{color:#344e47}
html[data-theme=light] .product-tags span{background:#edf6f3;border-color:#c4dcd5;color:#2d5046}
html[data-theme=light] .price del{color:#687d77}
html[data-theme=light] .auth-tabs{background:#edf5f2;border:1px solid #cadcd6}
html[data-theme=light] .auth-tabs button{color:#405d55}
html[data-theme=light] .auth-tabs button[aria-pressed=true]{background:#d7eee6;color:#155b47;box-shadow:inset 0 0 0 1px #83bdaa}
html[data-theme=light] .auth-benefits li{color:#3c5750}
html[data-theme=light] .account-stats .mint-stat{background:linear-gradient(130deg,#d9f1e8,#eef8f4);border-color:#a9d5c6}
html[data-theme=light] .account-stats a{color:#276c59}
html[data-theme=light] .account-nav a[aria-current=page]{background:#d8eee6;border-color:#9ac9b9;color:#155b47}
html[data-theme=light] .order-record,html[data-theme=light] .coupon-card,html[data-theme=light] .address-card{background:#f5faf8;border-color:#c8dcd6;color:#14231f}
html[data-theme=light] .quantity-control button{background:#e5f2ee;color:#183a30}
html[data-theme=light] .checkout-summary{background:linear-gradient(145deg,#f5faf8,#edf6f3);border-color:#b7d6cc}
html[data-theme=light] .checkout-steps li:first-child b{background:#d9efe7;border-color:#7bb8a4}
html[data-theme=light] .bulk-form>fieldset,html[data-theme=light] .checkbox-grid label{background:#f5faf8;border-color:#c7dbd5;color:#14231f}
html[data-theme=light] .checkbox-grid label:has(input:checked){background:#dcefe8;border-color:#75aa98}
html[data-theme=light] .bulk-notes .note-icon{background:#def0e9;border-color:#abd2c5;color:#1d7059}
html[data-theme=light] .detail-media{background:#edf5f2;border-color:#c6dbd5}
html[data-theme=light] .variant-options label{background:#f2f8f6;border-color:#c4d9d3;color:#193a31}
html[data-theme=light] .product-section-nav{background:#f9fcfbf2;border-color:#c8dcd6}
html[data-theme=light] .product-section-nav a{color:#355d53}
html[data-theme=light] .detail-delivery,html[data-theme=light] .checkout-consent{background:#e9f5f1;border-color:#b8d8cd;color:#294b42}
html[data-theme=light] .offer-consent{background:#e9f5f1;border-color:#b8d8cd;color:#294b42}
html[data-theme=light] .privacy-copy{background:#fff;border-color:#cbdcd7}
html[data-theme=light] .drawer-foot{background:#fff}
html[data-theme=light] :focus-visible{outline-color:#167d61}

/* Two catalog views: rich image cards and a faster comparison grid. */
.catalog-view-switch{display:inline-flex;align-items:center;padding:4px;border:1px solid #2d494d;border-radius:12px;background:#0b1821;gap:3px}
.catalog-view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.8rem;white-space:nowrap}
.catalog-view-switch button[aria-pressed=true]{background:#1b4337;color:#a4f3d8;box-shadow:inset 0 0 0 1px #4e947c}
.product-grid[data-view=compact]{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.compact-product-card{--compact-accent:#65dbb8;position:relative;display:flex;flex-direction:column;min-height:286px;padding:18px;border:1px solid #294249;border-radius:18px;overflow:hidden;background:linear-gradient(150deg,#12232d,#0c1821 72%);color:var(--ink);box-shadow:0 6px 22px #0001;transition:transform .2s,border-color .2s,box-shadow .2s}
.compact-product-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--compact-accent)}
.compact-product-card:hover{transform:translateY(-3px);border-color:var(--compact-accent);box-shadow:0 14px 32px #0003}
.compact-product-card.theme-stc{--compact-accent:#9b4dca}.compact-product-card.theme-mobily{--compact-accent:#12a8dc}.compact-product-card.theme-zain{--compact-accent:#9bc53d}.compact-product-card.theme-salam{--compact-accent:#48b85b}.compact-product-card.theme-virgin{--compact-accent:#ef3340}.compact-product-card.theme-friendi{--compact-accent:#28b8df}.compact-product-card.theme-redbull{--compact-accent:#f04b5f}.compact-product-card.theme-yaqoot{--compact-accent:#ee4f9a}
.compact-brand{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:35px}.compact-brand b{font-size:.82rem}.compact-brand em{font-style:normal;font-size:.68rem;padding:4px 7px;border:1px solid color-mix(in srgb,var(--compact-accent) 48%,transparent);border-radius:999px;color:var(--compact-accent);white-space:nowrap}.compact-operator-logo{width:76px!important;height:34px!important;object-fit:contain;object-position:center right}
.compact-product-card h3{font-size:1rem;line-height:1.65;margin:14px 0 10px;min-height:3.3em}.compact-product-card ul{display:grid;gap:6px;list-style:none;margin:0 0 14px;padding:0;color:#c5d5da;font-size:.78rem}.compact-product-card li{display:flex;align-items:start;gap:6px;line-height:1.65}.compact-product-card li svg{width:15px;height:15px;margin-top:4px;flex:0 0 auto;color:var(--compact-accent)}
.compact-price{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 8px;margin-top:auto;padding-top:12px;border-top:1px solid #263a42}.compact-price del{grid-column:1/-1;color:#8ca1a8;font-size:.72rem}.compact-price small{color:var(--muted);font-size:.69rem}.compact-price strong{font-size:1.15rem;line-height:1.4;color:#fff;white-space:nowrap}.compact-renewal{margin-top:5px;color:var(--compact-accent);font-size:.7rem;line-height:1.5}.compact-details{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--compact-accent);font-size:.76rem;font-weight:600}.compact-details svg{width:17px;height:17px}
html[data-theme=light] .catalog-view-switch{background:#fff;border-color:#bfd4cd}html[data-theme=light] .catalog-view-switch button[aria-pressed=true]{background:#dcefe8;color:#155b47;box-shadow:inset 0 0 0 1px #8cc5b2}
html[data-theme=light] .compact-product-card{background:linear-gradient(150deg,#fff,#f3f8f6);border-color:#cadcd6;color:#14231f}html[data-theme=light] .compact-product-card ul{color:#3f5952}html[data-theme=light] .compact-price{border-color:#d6e3df}html[data-theme=light] .compact-price strong{color:#14231f}html[data-theme=light] .compact-price del{color:#697d77}
@media(max-width:1050px){.product-grid[data-view=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.catalog-view-switch{order:4;width:100%;display:grid;grid-template-columns:1fr 1fr}.catalog-view-switch button{min-height:44px}.product-grid[data-view=compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-product-card{min-height:270px;padding:15px}.compact-product-card h3{font-size:.93rem}.compact-operator-logo{width:65px!important}}
@media(max-width:360px){.product-grid[data-view=compact]{grid-template-columns:1fr}}

/* Daily inventory search and filters. */
.inventory-toolbar{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:12px;align-items:end;margin:20px 0 8px}.inventory-toolbar label{display:grid;gap:7px;color:var(--muted);font-size:.82rem}.inventory-toolbar input,.inventory-toolbar select{min-height:46px}.inventory-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin-bottom:8px;color:var(--muted);font-size:.84rem}
html[data-theme=light] .inventory-toolbar input,html[data-theme=light] .inventory-toolbar select{background:#fff;border-color:#b8cdc7;color:#14231f}
@media(max-width:800px){.inventory-toolbar{grid-template-columns:1fr 1fr}.inventory-toolbar .admin-search{grid-column:1/-1}.inventory-summary{align-items:flex-start}}
@media(max-width:480px){.inventory-toolbar{grid-template-columns:1fr}.inventory-toolbar .admin-search{grid-column:auto}}
@media(max-width:1050px) and (min-width:801px){.header-preferences .preference-select select{max-width:74px;padding-inline:6px}}
@media(max-width:800px){.header-preferences{display:none}.mobile-menu:not([hidden]){max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}.mobile-preferences{display:grid;gap:9px;position:sticky;bottom:0;margin:6px -2px 0;padding:13px 4px calc(13px + env(safe-area-inset-bottom));background:#101e29;border-top:1px solid var(--line)}.mobile-preferences>strong{font-size:.8rem;color:var(--muted);font-weight:500}.mobile-preferences .preference-controls{display:grid;grid-template-columns:1fr 1fr}.mobile-preferences .preference-select select{width:100%;min-height:44px;font-size:.875rem}html[data-theme=light] .mobile-preferences{background:#f9fcfb}html[data-theme=light] .hero-guide>a{background:#fff;border-color:#c3dbd4;color:#14231f}html[data-theme=light] .account-nav{background:#f9fcfbf5;border-color:#c7d9d4}}

/* eSIM guidance and the two operational admin controls added for launch. */
.esim-guide{width:min(1180px,calc(100% - 48px));margin:72px auto 0;padding:34px;border:1px solid #31574f;border-radius:20px;background:linear-gradient(135deg,#102a25,#0c1b23)}
.esim-guide-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}.esim-guide-heading>div{max-width:720px}.esim-guide-heading .eyebrow{margin-top:0}.esim-guide-heading h2{margin:6px 0 10px}.esim-guide-heading p:last-child{color:var(--ink-soft);line-height:1.9;margin-bottom:0}.esim-guide-heading .primary-action{flex:0 0 auto}
.esim-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.esim-steps article{padding:20px;border:1px solid #29473f;border-radius:15px;background:#0c1b21}.esim-steps article>span{color:var(--cyan);font-size:.82rem;font-weight:600}.esim-steps h3{font-size:1rem;margin:9px 0 7px}.esim-steps p{font-size:.875rem;line-height:1.8;color:var(--muted);margin:0}.esim-security-note{margin:18px 0 0;padding:13px 15px;border:1px solid #3c6759;border-radius:12px;color:#bfe8da;background:#14352c;font-size:.875rem;line-height:1.8}
.admin-order{display:block}.admin-order>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}.admin-order>summary::-webkit-details-marker{display:none}.admin-order-details{padding-top:18px;border-top:1px solid var(--line)}.admin-customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.admin-customer-details p{margin:0;color:var(--muted);overflow-wrap:anywhere}.admin-order-items{margin:14px 0}.admin-order .admin-controls{justify-content:flex-start}.admin-order .admin-controls label{min-width:220px}
.admin-sales-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.admin-sales-stats article{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;gap:6px}.admin-sales-stats span{color:var(--muted);font-size:.86rem}.admin-sales-stats strong{font-size:1.45rem;color:var(--accent);overflow-wrap:anywhere}.danger-action{min-height:44px;padding:9px 15px;border:1px solid #9a4656;border-radius:11px;background:#3b1f28;color:#ffc4cf;font:inherit;font-weight:700;cursor:pointer}.danger-action:hover{background:#512531}.product-editor{width:min(920px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:auto}.product-editor::backdrop{background:#02080dcc;backdrop-filter:blur(4px)}.product-editor form{padding:26px}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-form-grid label{display:grid;gap:7px;color:var(--muted);font-size:.88rem}.product-form-grid input,.product-form-grid select,.product-form-grid textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.product-form-grid textarea{resize:vertical;line-height:1.7}.product-form-grid .wide-field{grid-column:1/-1}.product-checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0}.product-checks label{display:flex;align-items:center;gap:9px}.product-checks input{width:19px;height:19px;accent-color:var(--accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}
html[data-theme=light] .admin-sales-stats article,html[data-theme=light] .product-editor,html[data-theme=light] .product-form-grid input,html[data-theme=light] .product-form-grid select,html[data-theme=light] .product-form-grid textarea{background:#fff;border-color:#c7d9d4;color:#14231f}html[data-theme=light] .danger-action{background:#fff1f3;color:#892d3f;border-color:#d79aa6}
html[data-theme=light] .esim-guide{background:linear-gradient(135deg,#e8f7f2,#fff);border-color:#b5d9ce;color:#14231f}html[data-theme=light] .esim-steps article{background:#fff;border-color:#c8ddd6}html[data-theme=light] .esim-security-note{background:#dff2eb;border-color:#acd4c7;color:#244b40}
html[data-theme=light] .operator-tile.friendi .operator-logo,html[data-theme=light] .operator-tile.yaqoot .operator-logo{background:#102532;border-radius:10px}
html[data-theme=light] .brand-friendi:not(.brand-art-logo),html[data-theme=light] .brand-yaqoot:not(.brand-art-logo){filter:drop-shadow(0 0 1px #fff)}
@media(max-width:900px){.esim-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.esim-guide{width:calc(100% - 32px);margin-top:54px;padding:24px}.esim-guide-heading{align-items:start;flex-direction:column;gap:18px}.esim-guide-heading .primary-action{width:100%}.admin-customer-details{grid-template-columns:1fr}}
@media(max-width:700px){.admin-sales-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form-grid{grid-template-columns:1fr}.product-form-grid .wide-field{grid-column:auto}.product-editor{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.product-editor form{padding:20px}.dialog-actions>*{flex:1}}
@media(max-width:480px){.esim-steps{grid-template-columns:1fr}.admin-order>summary{align-items:flex-start;flex-direction:column}.admin-order .admin-controls label{min-width:0;width:100%}.admin-sales-stats{grid-template-columns:1fr}.admin-controls .secondary-action,.admin-controls .danger-action{width:100%}}
.price-breakdown{display:grid;gap:8px;margin:14px 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cyan) 6%,var(--surface))}
.price-breakdown div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:var(--muted);font-size:.92rem}
.price-breakdown strong{color:var(--text);font-weight:600}
.price-breakdown .price-total{margin-top:4px;padding-top:8px;border-top:1px solid var(--line);color:var(--text);font-weight:600}
.price-breakdown .price-total strong{color:var(--cyan);font-size:1.15rem}
.service-options b{color:var(--cyan);font-weight:600;margin-inline-start:.35rem}
.product-service-note{margin:0 0 16px;color:var(--muted)}
.product-type-set{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.product-type-set legend{padding:0 6px;color:var(--muted);font-size:.88rem}
.product-type-set label{display:flex;align-items:center;gap:8px;color:var(--text)}
.footer-trust{margin:8px 0 0;padding:18px 0 6px}
.footer-cr{display:flex;align-items:center;gap:.65rem;width:fit-content;max-width:100%;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--cyan) 40%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cyan) 7%,transparent);color:var(--text);text-decoration:none}
.footer-cr svg{width:20px;height:20px;color:var(--cyan);flex:0 0 auto}
.footer-cr span{display:grid;gap:.15rem}.footer-cr small{color:var(--muted);font-size:.82rem}
.footer-cr b{color:var(--cyan)}
.footer-cr:hover{border-color:var(--cyan)}
.track-card{max-width:720px}.track-facts{margin:18px 0}.track-timeline li.is-current strong{color:var(--cyan)}
.product-detail .official-source{margin:12px 0 18px}
@media(max-width:700px){.footer-cr{width:100%}}
.account-security-note{margin:12px 0 0;max-width:34rem;color:#9bb8b4;font-size:.9rem;line-height:1.7}
.auth-card{box-shadow:0 18px 40px rgba(0,0,0,.28)}
.auth-benefits .subtle-note{margin-top:8px;padding:12px 14px;border:1px solid #2a4a46;border-radius:12px;background:#0b181c;color:#9fd6c8;font-size:.88rem}
@media(max-width:800px){.account-security-note{font-size:.85rem}}

