/* Riyadh Internet / Premium V2 — Arabic RTL responsive theme */
:root{--ink:#112f40;--navy:#092f41;--accent:#0d856d;--green:#08773d;--blue:#0969b3;--muted:#647783;--pale:#f7faf8;--border:#e4ece8;--shadow:0 16px 38px rgba(20,59,66,.07)}
html{scroll-padding-top:92px}body{background:#fff;color:var(--ink)}
.button-primary{background:linear-gradient(125deg,#087f66,#0aa26e);box-shadow:0 10px 23px rgba(8,127,97,.18)}.button-primary:hover{background:#086c54}
.topbar{background:linear-gradient(110deg,#092c40,#0a3848)}
.site-header{box-shadow:0 4px 25px rgba(10,42,54,.045)}
.brand{font-weight:900}.brand-icon{color:#0d9875}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#078769}
.hero-v2{background:radial-gradient(ellipse at 67% 45%,#f0f8f5 4%,transparent 65%),linear-gradient(110deg,#fff 15%,#f4faf8 100%);position:relative;overflow:hidden}
.hero-v2 .hero-grid{grid-template-columns:1.06fr .94fr;gap:30px;min-height:575px;align-items:center;padding:61px 0 55px}
.hero-v2 .hero-text{position:relative;z-index:2}
.hero-v2 .hero-pill{border:1px solid #bfe8d4;background:#fff;color:#0d805e;font-size:.77rem;font-weight:800;box-shadow:0 5px 16px rgba(42,118,82,.045)}
.hero-v2 h1{font-weight:900;font-size:clamp(2.65rem,4.65vw,4.9rem);line-height:1.23;color:#113346;letter-spacing:-.055em;margin:20px 0 23px}
.hero-v2 h1 span{color:#05825e}
.hero-v2 .hero-sub{max-width:620px;color:#5f7582;font-size:1.04rem;line-height:1.95;margin-bottom:24px}
.hero-v2 .hero-actions{margin-bottom:23px}
.hero-v2 .hero-actions .button{border-radius:13px;min-height:53px;padding:13px 24px}
.hero-perks{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 24px;color:#426679;font-size:.81rem;font-weight:800}
.hero-perks span{display:inline-flex;gap:6px;align-items:center}
.hero-disclosure{font-size:.73rem;line-height:1.75;color:#87969c;max-width:580px;margin:0}
.hero-showcase{position:relative;min-height:476px;height:476px;background:radial-gradient(ellipse at 50% 46%,#e6f9e9 0%,#edf8f2 46%,#e0f1ee 100%);border-radius:32px;border:1px solid #d8ece4;box-shadow:inset 0 2px 30px rgba(255,255,255,.48),0 24px 50px rgba(11,82,64,.065);overflow:hidden;isolation:isolate}
.hero-showcase:before,.hero-showcase:after{content:"";position:absolute;border-radius:50%;width:390px;height:390px;left:50%;top:40%;transform:translate(-50%,-50%);border:1px solid rgba(15,149,97,.13);pointer-events:none}
.hero-showcase:after{width:295px;height:295px;border-color:rgba(35,129,84,.17)}
.hero-showcase-blur{position:absolute;width:320px;height:320px;top:60px;left:18%;border-radius:50%;background:radial-gradient(circle,#d0f2bc,#ffffff00 65%);filter:blur(19px);opacity:.9}
.hero-light-orb{position:absolute;width:84px;height:84px;top:28px;left:40px;border-radius:50%;background:#fff;opacity:.35}
.hero-device-wrap{position:absolute;inset:29px 20% 40px;display:flex;align-items:center;justify-content:center}
.hero-v2 img.router-hero{max-height:385px;max-width:100%;height:90%;width:auto;object-fit:contain;filter:drop-shadow(0 24px 17px rgba(16,69,49,.19));animation:deviceFloat 6s ease-in-out infinite;position:relative;z-index:2}
@keyframes deviceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-signal{position:absolute;right:50px;top:65px;z-index:3;color:#21a269;font-weight:900;font-family:Arial,sans-serif;font-size:4rem;transform:rotate(6deg);opacity:.65}
.hero-offer-chip{position:absolute;z-index:5;min-width:156px;border-radius:18px;background:#fff;padding:13px 16px;box-shadow:0 15px 31px rgba(17,72,62,.13);border:1px solid #e2ebe3;line-height:1.18}
.hero-offer-chip small,.hero-offer-chip span{display:block;color:#51747a;font-size:.72rem;font-weight:800}
.hero-offer-chip strong{display:flex;align-items:center;gap:6px;font-size:1.95rem;font-family:Tajawal,Arial,sans-serif;color:#087e50;line-height:1.3}
.hero-offer-chip strong em{font-size:.8rem;font-style:normal;color:#51747a}
.chip-zain{right:13px;bottom:89px;border-top:4px solid #7ebd25}
.chip-mobily{left:15px;top:46px;border-top:4px solid #1379ce}
.chip-mobily strong{color:#0873b5}
.hero-art-note{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:24px;white-space:nowrap;background:#0d4b3b;color:#fff;padding:10px 20px;border-radius:28px;font-weight:800;font-size:.75rem;box-shadow:0 9px 20px rgba(21,89,51,.14)}
.hero-art-note span{margin-right:8px}
.value-bar{border-block:1px solid #ebf0ed;background:#fff;box-shadow:0 8px 30px rgba(16,58,61,.023)}
.value-items{min-height:68px;color:#32636a;font-size:.83rem;font-weight:800}
.value-items span{padding:8px}
.section{padding-block:77px}
.section-heading h2{line-height:1.35}
.section-heading p{color:#7b8d91}
.section-heading.compact{margin-bottom:28px}
.showcase-offers{background:#fff;padding-top:67px;padding-bottom:62px}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.campaign-card{position:relative;isolation:isolate;display:flex;min-height:314px;overflow:hidden;border-radius:24px;padding:31px 32px;box-shadow:0 15px 31px rgba(20,70,63,.09)}
.campaign-card:before{position:absolute;content:"";height:440px;width:440px;border:1px solid #ffffff3b;border-radius:50%;left:-155px;top:-125px;z-index:-1}
.campaign-card:after{position:absolute;content:"";height:310px;width:310px;border:1px solid #ffffff2f;border-radius:50%;left:-120px;top:-62px;z-index:-1}
.campaign-zain{background:radial-gradient(circle at 20% 75%,#208e45 0%,#064c2c 66%,#063b24 100%);color:#fff}
.campaign-mobily{background:radial-gradient(circle at 20% 75%,#278aca 0%,#075a99 66%,#064570 100%);color:#fff}
.campaign-content{z-index:3;max-width:64%;position:relative}
.campaign-topline{border-radius:20px;border:1px solid #ffffff61;background:#ffffff18;padding:5px 13px;display:inline-block;font-weight:800;font-size:.75rem;margin-bottom:10px}
.campaign-display{display:flex;align-items:center;gap:12px;line-height:1.1}
.campaign-display span{font-size:1.85rem;font-weight:900}
.campaign-display strong{color:#cef363;text-shadow:0 7px 13px #0003;font:bold 4rem/1 Arial,sans-serif;direction:ltr}
.campaign-mobily .campaign-display strong{color:#a9e0fd}
.campaign-card h3{color:#fff;font-size:1.02rem;margin:12px 0 7px}
.campaign-card p{color:#e9f8f4;font-size:.8rem;line-height:1.7;margin-bottom:10px}
.campaign-pricing{display:flex;gap:8px;align-items:baseline;color:#fff;margin:11px 0 17px}
.campaign-pricing small{font-size:.78rem;font-weight:800}
.campaign-pricing strong{font-size:2.55rem;font-weight:900;line-height:1}
.campaign-pricing span{font-size:.76rem;font-weight:800}
.campaign-link{display:inline-flex;align-items:center;gap:20px;padding:10px 18px;border-radius:11px;background:#fff;color:#0c674c;font-size:.86rem;font-weight:900}
.campaign-mobily .campaign-link{color:#0865a7}
.campaign-router{position:absolute;z-index:2;bottom:18px;left:2.5%;width:32%;height:248px;object-fit:contain;filter:drop-shadow(0 20px 13px rgba(1,20,16,.3))}
.campaign-mobily .campaign-router{height:255px;left:2%;width:34%}
.campaign-disclaimer{color:#7e9298;margin:17px 3px 0;font-size:.75rem}
.brand-plans{position:relative}
.brand-zain-section{background:linear-gradient(#f3faf4,#fff 59%)}
.brand-mobily-section{background:linear-gradient(#f0f8ff,#fff 55%)}
.brand-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}
.brand-title h2{margin:0 0 7px;color:#143343}
.brand-title h2 span{color:#087b4d}
.brand-mobily-section .brand-title h2 span{color:#056fb2}
.brand-title .text-link{border:1px solid #d9eae0;padding:9px 17px;border-radius:12px;background:#fff;font-size:.82rem;white-space:nowrap}
.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.brand-mobily-section .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.package-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5ece9;border-radius:20px;box-shadow:0 12px 28px rgba(21,58,58,.06);background:#fff}
.package-card:hover{transform:translateY(-4px);box-shadow:0 21px 35px rgba(21,58,58,.11);border-color:#bfdfd4}
.package-visual{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 50%,#e4f7df,#f6fbf5 70%)!important;border-bottom:1px solid #edf3ec;height:216px}
.package-card[data-brand="mobily"] .package-visual{background:radial-gradient(circle at 55% 50%,#dceffe,#f4faff 70%)!important}
.package-visual:after{width:175px;height:175px;border-radius:50%;border:1px solid #cceaca;top:50%;left:50%;transform:translate(-50%,-50%)}
.package-card[data-brand="mobily"] .package-visual:after{border-color:#c7e1f7}
.package-visual img{max-width:83%;height:177px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(8,74,64,.13));position:relative;z-index:2}
.package-card[data-brand="zain"] .package-visual img[src$="webp"]{height:182px;width:auto}
.package-card[data-connection="fiber"] .package-visual img{max-width:84%;width:84%;height:185px;object-fit:contain}
.mini-tags{top:13px;right:13px;left:13px;z-index:5;display:flex;gap:5px;justify-content:space-between}
.mini-tags span{background:#fff!important;color:#266449!important;border:1px solid #d7e9d5!important;box-shadow:0 4px 10px #1d73510b;font-size:.68rem;border-radius:14px;padding:4px 10px;font-weight:900}
.package-card[data-brand="mobily"] .mini-tags span:first-child{background:#e7f4ff!important;color:#116eb1!important;border-color:#cce5f7!important}
.package-card[data-brand="zain"] .mini-tags span:first-child{background:#e8f9dc!important;color:#377c20!important;border-color:#cfebb9!important}
.package-body{display:flex;flex:1;flex-direction:column;padding:23px 18px 20px;gap:0}
.connection-label{color:#56807a;font-size:.73rem;margin-bottom:5px;font-weight:800}
.package-body h3{font-size:1.04rem;line-height:1.55;min-height:50px;margin:0 0 3px}
.plan-speed{color:#0b8662;font-size:.87rem;font-weight:900;margin:0 0 9px}
.package-card[data-brand="mobily"] .plan-speed{color:#096fb1}
.price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-height:58px;border-bottom:1px solid #eaf1eb;padding-bottom:13px;margin:1px 0 12px}
.price-row strong{font:900 2.15rem/1.25 Tajawal,Arial,sans-serif;color:#096941}
.package-card[data-brand="mobily"] .price-row strong{color:#0768a6}
.price-row .price-enquiry{font-size:1.09rem;white-space:normal}
.price-row span{font-size:.72rem;color:#6c8585}
.price-row del{flex-basis:100%;font-size:.76rem;color:#a16b70}
.package-features{min-height:0;border-top:0;margin:0 0 12px;padding:0;flex:1}
.package-features li{font-size:.76rem;color:#566f76;line-height:1.7;margin-bottom:5px}
.package-features li:before{color:#13955e}
.package-note{font-size:.7rem;line-height:1.6;color:#8a9a9a;min-height:52px;margin-bottom:8px}
.checked-date{font-size:.68rem;margin-bottom:8px}
.plan-actions{display:flex;gap:7px;width:100%;margin-top:auto}
.plan-actions .button{border-radius:10px;white-space:nowrap;font-size:.73rem;padding:12px 6px;flex:1;box-shadow:none}
.plan-actions .button-primary{background:#087d4e;color:#fff}
.package-card[data-brand="mobily"] .plan-actions .button-primary{background:#086bb2}
.plan-actions .button-outline{flex:0 0 29%;color:#12506c;border:1px solid #dce9ea}
.source-link{font-size:.68rem;margin-top:12px;text-align:center;color:#597b82}
.source-link:hover{text-decoration:underline}
.coverage-mini{background:linear-gradient(107deg,#09354d,#0b7a6d);color:#fff;padding:35px 0;position:relative;overflow:hidden}
.coverage-mini:after{content:"";position:absolute;left:-60px;bottom:-190px;width:400px;height:400px;border:1px solid #ffffff2b;border-radius:50%}
.coverage-mini-inner{display:flex;align-items:center;gap:24px;position:relative;z-index:1}
.mini-location{font-size:3.6rem;line-height:1;color:#d2ffdb;border:2px solid #ffffff63;border-radius:19px;padding:2px 17px}
.coverage-mini-inner>div:nth-child(2){flex:1}
.coverage-mini-inner span{color:#b7f2d7;font-size:.79rem;font-weight:900}
.coverage-mini-inner h2{font-size:1.6rem;color:#fff;margin:3px 0 6px}
.coverage-mini-inner p{margin:0;color:#d4e8eb;font-size:.85rem}
.coverage-mini .button-white{border-radius:13px;white-space:nowrap}
.fiber-plans{background:#fff}
.fiber-plans .package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.prices-disclaimer{font-size:.75rem;margin:19px 2px}
.compare-section{background:#f7fbfa}
.compare-layout{align-items:center}
.coverage-section{background:linear-gradient(125deg,#f0faf5,#eff7fb)}
.floating-wa{background:#13a06a}
@media(max-width:1180px){.package-grid,.fiber-plans .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-content{max-width:66%}.campaign-card{padding:28px 24px}}
@media(max-width:1020px){.package-grid,.fiber-plans .package-grid,.brand-mobily-section .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-v2 .hero-grid{min-height:0;grid-template-columns:1fr 1fr}.hero-v2 h1{font-size:clamp(2.4rem,4vw,3.5rem)}.hero-showcase{height:395px;min-height:395px}.hero-device-wrap{inset:30px 19% 31px}.hero-v2 img.router-hero{max-height:300px}.hero-offer-chip{min-width:130px;padding:10px}.hero-offer-chip strong{font-size:1.55rem}.campaign-display span{font-size:1.55rem}.campaign-display strong{font-size:3rem}}
@media(max-width:760px){.hero-v2 .hero-grid{grid-template-columns:1fr;padding:36px 0 44px;gap:28px}.hero-v2 h1{font-size:clamp(2.65rem,8vw,3.6rem)}.hero-v2 .hero-sub{font-size:.99rem}.hero-showcase{height:350px;min-height:350px}.hero-v2 img.router-hero{max-height:300px}.hero-device-wrap{inset:20px 18% 30px}.campaign-grid{grid-template-columns:1fr}.campaign-card{min-height:300px}.campaign-content{max-width:66%}.campaign-router{height:235px}.coverage-mini-inner{flex-wrap:wrap}.coverage-mini .button-white{width:100%}.coverage-mini-inner h2{font-size:1.4rem}.brand-title{align-items:start;flex-direction:column}.brand-title .text-link{margin-top:0}}
@media(max-width:600px){.section{padding-block:55px}.hero-v2 h1{font-size:clamp(2.4rem,9vw,3.1rem)}.hero-v2 .hero-pill{font-size:.72rem}.hero-perks{gap:9px;font-size:.69rem}.hero-v2 .hero-actions{flex-wrap:wrap}.hero-v2 .hero-actions .button{flex:1;font-size:.87rem;padding:11px 9px}.hero-showcase{height:330px;min-height:330px;border-radius:23px}.hero-showcase:before{width:275px;height:275px}.hero-showcase:after{width:230px;height:230px}.hero-signal{font-size:2.75rem;right:25px;top:25px}.hero-offer-chip{min-width:114px;padding:8px 10px;border-radius:12px}.hero-offer-chip strong{font-size:1.36rem}.hero-offer-chip small,.hero-offer-chip span{font-size:.64rem}.chip-zain{right:9px;bottom:65px}.chip-mobily{left:9px;top:25px}.hero-art-note{font-size:.66rem;bottom:15px}.hero-device-wrap{inset:30px 20% 33px}.hero-v2 img.router-hero{max-height:265px}.value-items{min-height:0;padding:8px 0}.value-items span{width:calc(50% - 10px);font-size:.69rem}.section-heading h2{font-size:1.9rem}.campaign-card{min-height:290px;padding:26px 20px}.campaign-content{max-width:68%}.campaign-topline{font-size:.65rem}.campaign-display span{font-size:1.45rem}.campaign-display strong{font-size:2.8rem}.campaign-card h3{font-size:.94rem}.campaign-card p{font-size:.73rem}.campaign-router{max-width:33%;height:220px;left:2%}.campaign-pricing strong{font-size:2.25rem}.campaign-pricing span{font-size:.69rem}.campaign-link{padding:9px 12px;font-size:.77rem}.package-grid,.fiber-plans .package-grid,.brand-mobily-section .package-grid{grid-template-columns:1fr;max-width:480px;gap:19px;margin:auto}.package-visual{height:222px}.package-visual img{height:194px}.package-body{padding:22px 23px 20px}.package-body h3{font-size:1.18rem;min-height:0}.package-note{min-height:0}.package-features li{font-size:.85rem}.plan-actions .button{font-size:.88rem;padding:12px 13px}.brand-title h2{font-size:1.9rem}.coverage-mini-inner{gap:13px}.mini-location{font-size:2.2rem}.coverage-mini-inner h2{font-size:1.24rem}.coverage-mini-inner p{font-size:.8rem}}
@media(max-width:365px){.campaign-router{max-width:30%}.campaign-content{max-width:70%}.hero-offer-chip strong{font-size:1.17rem}}
@media(prefers-reduced-motion:reduce){.hero-v2 img.router-hero{animation:none}.package-card{transition:none}}