/*
Theme Name: MDN Premium Hosting
Author: MDN
Description: قالب عربي احترافي لخدمات تصميم المواقع والاستضافة والدومينات.
Version: 1.3.0
Text Domain: mdn-premium
*/
:root{--navy:#051928;--deep:#0a2a43;--cyan:#10c7d8;--blue:#087ca5;--ice:#effbfc;--gold:#ffbf4b;--ink:#112b3d;--muted:#6e8795;--line:#d9edf1;--white:#fff;--shadow:0 28px 80px rgba(4,31,50,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tahoma","Arial",sans-serif;color:var(--ink);background:#f7fbfd;direction:rtl}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}a{text-decoration:none}.site-header{position:absolute;top:0;right:0;left:0;z-index:20;padding:18px 0}.nav{height:70px;display:flex;align-items:center;gap:28px;padding:0 24px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(2,20,33,.67);backdrop-filter:blur(14px)}.brand{margin-left:auto;color:#fff;display:flex;gap:11px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),#1686b6);display:grid;place-items:center;font-weight:800}.brand strong{font-size:23px}.brand small{display:block;color:#9fd7df;font-size:9px}.menu{display:flex;gap:22px}.menu a{color:#d9edf2;font-size:14px}.nav-phone{color:#fff;padding:11px 16px;border:1px solid rgba(255,255,255,.18);border-radius:10px}.hero{min-height:750px;padding:180px 0 100px;color:white;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(16,199,216,.22),transparent 28%),linear-gradient(135deg,#03131f,#0a3049 58%,#061b2c)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.tag{display:inline-flex;padding:8px 13px;border:1px solid rgba(76,229,235,.25);border-radius:999px;background:rgba(16,199,216,.08);color:#9ff6f7;font-size:13px}.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.2;margin:23px 0 18px}.hero h1 span{color:#57e2e7}.hero p{max-width:590px;color:#c6dce4;font-size:18px;line-height:1.9}.actions{display:flex;gap:13px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:15px 23px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--cyan),#168fb9);color:#042236;box-shadow:0 15px 35px rgba(16,199,216,.23)}.btn-ghost{border:1px solid rgba(255,255,255,.2);color:#fff}.trust{display:flex;gap:24px;margin-top:35px;color:#9db5c0;font-size:12px}.trust span:before{content:'✓';color:#51e6c7;margin-left:7px}.visual-card{position:relative;border:1px solid rgba(117,229,235,.2);border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));box-shadow:0 40px 100px rgba(0,0,0,.26)}.visual-head{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}.online{color:#64e5c7;font-size:12px}.meter{margin-top:20px}.meter div{display:flex;justify-content:space-between;color:#bed3dc;font-size:12px;margin-bottom:8px}.bar{height:7px;background:rgba(255,255,255,.09);border-radius:10px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#59e4bd);border-radius:10px}.domain{margin-top:25px;padding:18px;border-radius:16px;background:rgba(2,17,28,.6)}.domain small{color:#91adba}.domain b{display:block;margin-top:6px}.start-price{position:absolute;left:-18px;bottom:-20px;background:#fff;color:var(--ink);padding:15px 18px;border-radius:15px;box-shadow:var(--shadow)}.start-price small{display:block;color:#708793}.start-price b{font-size:24px;color:var(--blue)}section{padding:92px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.section-head span{color:var(--blue);font-weight:700;font-size:13px}.section-head h2{font-size:39px;margin:12px 0}.section-head p{color:var(--muted);line-height:1.9}.mdn-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;align-items:center}.mdn-plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 18px 60px rgba(22,79,99,.07)}.mdn-plan.featured{padding-top:44px;padding-bottom:44px;background:linear-gradient(155deg,#0a2d46,#061c2f);color:#fff;border-color:#0cb7c6;box-shadow:0 30px 80px rgba(4,37,57,.24)}.plan-badge{position:absolute;top:-14px;right:50%;transform:translateX(50%);padding:8px 16px;background:var(--gold);color:#44300c;border-radius:999px;font-size:11px;font-weight:800}.mdn-plan h3{margin:0;font-size:20px}.plan-desc{height:48px;color:#6f8795;font-size:12px;line-height:1.8}.featured .plan-desc{color:#abc4ce}.plan-price{font-size:46px;font-weight:800;color:var(--blue);margin:20px 0 8px}.featured .plan-price{color:#53dfe4}.plan-price small{font-size:12px;color:#7b909b}.domain-label{display:inline-block;padding:7px 10px;border-radius:8px;background:#e8f8f9;color:#087988;font-size:11px;font-weight:700}.featured .domain-label{background:rgba(16,199,216,.13);color:#82edf0}.plan-features{list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid var(--line)}.featured .plan-features{border-color:rgba(255,255,255,.12)}.plan-features li{padding:8px 0;font-size:13px}.plan-features li:before{content:'✓';color:#0aa0a9;margin-left:8px}.plan-button{width:100%;background:#e9f8fb;color:#087d98}.featured .plan-button{background:linear-gradient(135deg,var(--cyan),#1795bd);color:#062033}.payment-section{background:#fff}.pay-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.checkout-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:#f8fcfd;box-shadow:0 20px 70px rgba(9,61,81,.1)}.checkout-row{display:flex;justify-content:space-between;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}.checkout-card .btn{width:100%;margin-top:20px}.pay-copy h2{font-size:38px}.pay-copy p{color:var(--muted);line-height:1.9}.step{display:flex;gap:14px;align-items:center;margin:14px 0}.step b{flex:0 0 42px;height:42px;background:var(--ice);color:#0788a2;border-radius:12px;display:grid;place-items:center}.cta{padding:0 0 90px}.cta-box{padding:48px;border-radius:28px;background:linear-gradient(135deg,#0a2d46,#061b2d);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer{padding:32px 0;background:#041724;color:#9db5c0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.notice{padding:15px;margin:20px 0;border-radius:12px;background:#fff8dc;color:#6b5814}
.footer-policies{display:flex;gap:16px;flex-wrap:wrap}.footer-policies a{color:#b9d2dc;font-size:12px}.footer-policies a:hover{color:#57e2e7}.page-shell{padding:145px 0 85px;min-height:70vh;background:#f7fbfd}.page-card{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,55px);box-shadow:0 20px 65px rgba(12,62,82,.08)}.page-card h1{font-size:36px;margin:0 0 12px}.page-card h2{font-size:21px;margin-top:30px;color:#0a6685}.page-card p,.page-card li{line-height:2;color:#526d7c}.policy-updated{font-size:12px;color:#8196a2;margin-bottom:28px}.woocommerce svg,.wc-block-components-drawer svg,.xoo-wsc-modal svg{max-width:120px!important;max-height:120px!important}.xoo-wsc-modal:not(.xoo-wsc-cart-active),.wc-block-components-drawer__screen-overlay:not(.is-active){visibility:hidden!important;opacity:0!important;pointer-events:none!important}.xoo-wsc-container{max-width:min(420px,100vw)!important}.wc-block-mini-cart__empty-cart-wrapper{min-height:0!important;padding:40px 20px!important}.wc-block-mini-cart__empty-cart-wrapper svg{width:110px!important;height:110px!important}
.mdn-buy-form{margin-top:16px}.mdn-buy-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:#496676}.featured .mdn-buy-form label{color:#c4dbe3}.mdn-domain-row{display:grid;gap:9px}.mdn-domain-row input{width:100%;height:46px;border:1px solid var(--line);border-radius:11px;padding:0 13px;font:inherit;font-size:13px;direction:ltr;text-align:left;background:#fff;color:var(--ink);outline:0}.mdn-domain-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(16,199,216,.13)}.mdn-domain-row .plan-button{height:46px;margin:0}.featured .mdn-domain-row input{border-color:rgba(255,255,255,.2)}
.design-section{background:linear-gradient(180deg,#fff,#eef9fb)}.mdn-design-section-embedded{margin-top:90px;padding:75px 30px;border-radius:30px;background:linear-gradient(180deg,#fff,#eaf8fb);border:1px solid var(--line)}.mdn-design-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:900px;margin:auto}.mdn-design-plan{position:relative;padding:36px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 75px rgba(13,69,89,.1)}.mdn-design-plan.featured{background:linear-gradient(145deg,#0b3049,#061c2e);color:#fff;border-color:#0db8c7;transform:translateY(-10px)}.design-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;background:#e8f9fb;color:#08859e;font-size:24px;margin-bottom:20px}.mdn-design-plan.featured .design-icon{background:rgba(16,199,216,.14);color:#66e8ec}.mdn-design-plan h3{font-size:23px;margin:0}.mdn-design-plan .plan-button{width:100%}
@media(max-width:900px){.menu{display:none}.hero-grid,.pay-grid{grid-template-columns:1fr}.mdn-plans{grid-template-columns:1fr;max-width:550px;margin:auto}.mdn-plan.featured{order:-1}.mdn-design-plans{grid-template-columns:1fr;max-width:560px}.mdn-design-plan.featured{transform:none;order:-1}.cta-box{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.nav-phone{display:none}.hero{padding-top:145px}.hero h1{font-size:39px}.actions{flex-direction:column}.trust{flex-wrap:wrap}.section-head h2{font-size:29px}.footer-inner{flex-direction:column;gap:15px;text-align:center}.footer-policies{justify-content:center}.page-card h1{font-size:28px}.mdn-design-plan{padding:27px}}