/*
Theme Name: EMTOP Yemen Premium Final
Theme URI: https://emtopyemen.com
Author: ChatGPT for EMTOP Yemen
Description: قالب ووردبريس عربي RTL جاهز بالكامل لام توب اليمن، يحتوي صفحات كثيرة، كتالوج منتجات كبير، أقسام، صفحة تواصل، صيانة وضمان، ومعرض صور.
Version: 3.0.0
License: GNU General Public License v2 or later
Text Domain: emtop-yemen-mega
Tags: rtl, business, industrial, catalog, red, blue, responsive
*/
:root{--red:#d91023;--red2:#ef233c;--red3:#a90818;--blue:#173b87;--blue2:#0e2356;--ink:#111827;--muted:#667085;--soft:#f5f7fb;--line:#e6e9f2;--white:#fff;--shadow:0 24px 70px rgba(11,20,50,.14);--radius:28px}
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;direction:rtl;text-align:right;background:#fff;color:var(--ink);line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1220px,92%);margin:auto}.section{padding:84px 0}.text-center{text-align:center}.kicker{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:#fff1f3;color:var(--red);padding:7px 14px;font-weight:900;font-size:13px;margin-bottom:12px}.title{font-size:clamp(30px,4vw,54px);line-height:1.18;margin:0 0 14px;font-weight:1000;letter-spacing:-1px}.lead{font-size:18px;color:var(--muted);max-width:850px;margin:0 auto 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 21px;font-weight:900;transition:.2s;border:0;cursor:pointer}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red3);transform:translateY(-2px)}.btn-blue{background:var(--blue);color:#fff}.btn-light{background:#fff;color:var(--red)}.btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff;background:transparent}.btn-dark-outline{border:1px solid var(--line);background:#fff;color:var(--ink)}
.topbar{background:var(--blue2);color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 0}.topbar span{display:inline-flex;gap:6px;align-items:center}.topbar .topline{display:flex;gap:16px;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(10,20,40,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand img{width:64px;height:64px;border-radius:50%;object-fit:contain;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.1)}.brand strong{display:block;color:var(--red);font-size:24px;line-height:1}.brand small{display:block;color:var(--blue);font-weight:900;font-size:12px;letter-spacing:.3px}.nav{display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap}.nav a,.menu a{display:inline-flex;padding:10px 11px;border-radius:12px;font-weight:900;color:#202942;font-size:14px}.nav a:hover,.menu a:hover{background:#fff1f3;color:var(--red)}.menu{display:flex;gap:4px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.header-cta{display:flex;gap:8px;align-items:center;white-space:nowrap}.mobile-toggle{display:none;background:var(--red);color:#fff;border:0;border-radius:12px;padding:9px 12px;font-weight:900}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 20%,#ff3d50 0,#d91023 36%,#8d0715 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,35,86,.84),rgba(14,35,86,.08) 55%,rgba(0,0,0,.22)),url('assets/images/showroom.jpg') center/cover no-repeat;opacity:.33;z-index:-2}.hero:after{content:"EMTOP";position:absolute;left:-20px;top:40px;font-size:180px;font-weight:1000;color:rgba(255,255,255,.06);z-index:-1;letter-spacing:-8px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center;min-height:740px;padding:68px 0 110px}.hero h1{font-size:clamp(44px,7vw,92px);line-height:1.05;margin:14px 0 14px;font-weight:1000;letter-spacing:-2px}.hero h1 span{display:block;font-size:.45em;letter-spacing:0;color:#fff}.hero p{font-size:20px;color:rgba(255,255,255,.92);max-width:700px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.11);backdrop-filter:blur(10px);border-radius:18px;padding:15px;text-align:center}.stat b{display:block;font-size:25px}.stat small{color:rgba(255,255,255,.82);font-weight:700}.hero-card{position:relative;background:#fff;border-radius:34px;padding:18px;box-shadow:var(--shadow);transform:rotate(-1.2deg)}.hero-card img{height:510px;width:100%;object-fit:cover;border-radius:24px}.hero-strip{position:absolute;right:32px;left:32px;bottom:32px;background:rgba(14,35,86,.93);border-radius:20px;padding:17px;color:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center}.hero-strip b{font-size:22px}.hero-strip small{display:block;color:#d7e4ff;font-weight:700}.quick-contact{margin-top:-66px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:16px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 18px 45px rgba(11,20,50,.11)}.quick-card i{font-style:normal;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:#fff1f3;color:var(--red);border-radius:13px;font-size:21px;margin-bottom:7px}.quick-card h3{margin:0 0 4px;font-size:18px}.quick-card p{margin:0;color:var(--muted);font-weight:800;font-size:14px;line-height:1.7}
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.image-frame{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);position:relative}.image-frame img{height:540px;width:100%;object-fit:cover}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(14,35,86,.6))}.white-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:0 18px 48px rgba(11,20,50,.08)}.check-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:11px}.check-list li{display:flex;gap:10px;font-weight:800;color:#243044}.check-list li:before{content:"✓";flex:0 0 25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red);color:#fff;margin-top:5px}
.cat-section{background:var(--soft)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.cat-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;position:relative;overflow:hidden;min-height:174px;transition:.25s}.cat-card:after{content:"";position:absolute;left:-34px;bottom:-42px;width:125px;height:125px;background:#fff1f3;border-radius:50%}.cat-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(11,20,50,.1);border-color:#ffd1d6}.cat-card .icon{font-size:32px;margin-bottom:10px}.cat-card h3{margin:0 0 7px;font-size:19px}.cat-card p{margin:0;color:var(--muted);font-size:14px}.cat-card a{position:absolute;inset:0;z-index:2}.cat-card>*:not(a){position:relative;z-index:1}.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:28px auto 8px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:30px}.product-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 12px 30px rgba(11,20,50,.07);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-media{height:220px;background:#f0f2f8;position:relative;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover .product-media img{transform:scale(1.05)}.badge{position:absolute;top:13px;right:13px;border-radius:999px;background:rgba(217,16,35,.92);color:#fff;font-size:11px;font-weight:900;padding:6px 10px}.product-body{padding:20px}.model{display:inline-flex;background:#eef3ff;color:var(--blue);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:1000;margin-bottom:8px}.product-body h3{font-size:19px;line-height:1.35;margin:0 0 8px}.product-body p{margin:0 0 12px;color:var(--muted);font-size:14px}.specs{display:grid;gap:6px;margin-top:12px}.specs span{border-top:1px dashed var(--line);padding-top:6px;font-size:12px;color:#3f485a;display:flex;gap:7px}.specs span:before{content:"•";color:var(--red);font-weight:900}.product-actions{display:flex;gap:8px;margin-top:14px}.product-actions .btn{padding:9px 11px;font-size:12px;flex:1}.p20s{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;position:relative;overflow:hidden}.p20s:before{content:"20V";position:absolute;left:4%;top:-40px;font-size:190px;color:rgba(255,255,255,.05);font-weight:1000}.p20s-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;position:relative}.p20s img{border-radius:34px;box-shadow:var(--shadow)}.p20s .kicker{background:rgba(255,255,255,.12);color:#fff}.p20s .lead{color:rgba(255,255,255,.86);margin-right:0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.feature{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);border-radius:18px;padding:16px;font-weight:900}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.service-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;text-align:center;box-shadow:0 12px 28px rgba(11,20,50,.06)}.service-card i{font-style:normal;display:inline-flex;width:58px;height:58px;border-radius:18px;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:28px;margin-bottom:12px}.service-card h3{margin:0 0 6px}.service-card p{margin:0;color:var(--muted);font-size:14px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:28px}.gallery-grid img{width:100%;height:245px;object-fit:cover;border-radius:22px;box-shadow:0 10px 28px rgba(11,20,50,.08)}.gallery-grid img:first-child{grid-row:span 2;height:504px}.cta{background:linear-gradient(135deg,var(--red),var(--red3));color:#fff}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.cta .lead{color:rgba(255,255,255,.88);margin-right:0}.contact-box{background:#fff;color:var(--ink);border-radius:28px;padding:26px;box-shadow:var(--shadow)}.contact-box h3{margin:0 0 10px}.contact-line{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--line);font-weight:800;color:#273047}.contact-line:last-child{border-bottom:0}.contact-line i{font-style:normal;color:var(--red)}.page-hero{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;padding:80px 0}.page-hero h1{font-size:clamp(34px,5vw,60px);margin:0}.page-content{padding:70px 0}.faq{display:grid;gap:12px;max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:0 8px 22px rgba(11,20,50,.05)}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted);margin:10px 0 0}.catalog-table{width:100%;border-collapse:collapse;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(11,20,50,.07)}.catalog-table th,.catalog-table td{padding:14px;border-bottom:1px solid var(--line);text-align:right}.catalog-table th{background:var(--blue2);color:#fff}.site-footer{background:#071330;color:#fff;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:26px}.footer-logo{display:flex;gap:12px;align-items:center;margin-bottom:12px}.footer-logo img{width:62px;height:62px;border-radius:50%;object-fit:contain;background:#fff}.site-footer h3{margin:0 0 12px;color:#fff}.site-footer p,.site-footer li{color:#c4cee5}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.copyright{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#c4cee5;font-size:14px}.floating-whatsapp{position:fixed;left:20px;bottom:20px;z-index:200;background:#25d366;color:#fff;border-radius:999px;padding:14px 18px;font-weight:1000;box-shadow:0 16px 30px rgba(37,211,102,.34)}.source-note{background:#fff8e9;border:1px solid #ffe2a9;border-radius:18px;padding:14px;color:#8a5a00;font-weight:800;margin-top:18px}.search-box{max-width:680px;margin:20px auto 0;display:flex;gap:8px}.search-box input{flex:1;border:1px solid var(--line);border-radius:14px;padding:13px 16px;font-family:inherit;font-weight:700}
@media (max-width:1100px){.products-grid{grid-template-columns:repeat(3,1fr)}.cat-grid,.service-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:1fr 1fr}.nav,.menu{display:none}.mobile-toggle{display:inline-flex}.header-inner.nav-open .nav,.header-inner.nav-open .menu{display:flex;position:absolute;top:86px;right:4%;left:4%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:var(--shadow)}}
@media (max-width:860px){.hero-grid,.about-grid,.p20s-grid,.cta-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:54px 0 92px}.hero-card{transform:none}.stats{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.cat-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img:first-child{grid-row:auto;height:245px}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:580px){.brand{min-width:auto}.brand strong{font-size:18px}.brand small{font-size:10px}.header-cta .btn{display:none}.topbar .container{justify-content:center}.quick-contact{margin-top:-45px}.quick-grid,.products-grid,.cat-grid,.service-grid,.stats,.feature-grid,.footer-grid,.gallery-grid{grid-template-columns:1fr}.hero-card img{height:360px}.hero-strip{position:static;margin-top:12px}.section{padding:58px 0}.product-media{height:235px}.search-box{flex-direction:column}}


/* ================= PREMIUM FINAL VISUAL SYSTEM ================= */
:root{--red:#e30613;--red2:#c90012;--red3:#ff2238;--blue:#08275c;--blue2:#061839;--blue3:#0e4aa5;--white:#fff;--ink:#121826;--soft:#f5f7fb;--line:#e5e8f0;--shadow:0 24px 70px rgba(8,24,57,.18)}
body{background:linear-gradient(180deg,#fff 0%,#f6f8fc 100%)}
.topbar{background:#081839;border-bottom:1px solid rgba(255,255,255,.08)}
.site-header{top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,24,57,.08)}
.brand img{width:74px;height:74px;border:4px solid #fff;box-shadow:0 12px 30px rgba(227,6,19,.18)}
.brand strong{font-size:24px;letter-spacing:.2px;color:var(--red)}
.brand small{font-size:12px;color:var(--blue);font-weight:1000}.menu a,.nav a{font-weight:1000}.btn{box-shadow:0 12px 24px rgba(8,24,57,.08)}
.hero{background:radial-gradient(circle at 10% 15%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#e30613 0%,#c90012 46%,#061839 46%,#08275c 100%);min-height:760px;overflow:hidden;position:relative}.hero:before{content:"EMTOP";position:absolute;right:-60px;top:35px;font-size:220px;font-weight:1000;letter-spacing:-8px;color:rgba(255,255,255,.045);line-height:1}.hero:after{content:"";position:absolute;left:-120px;bottom:-150px;width:420px;height:420px;background:rgba(255,255,255,.10);border-radius:50%}.hero-grid{position:relative;z-index:2;grid-template-columns:.92fr 1.08fr;gap:46px}.hero h1{font-size:clamp(44px,7vw,92px);font-weight:1000;line-height:.98;letter-spacing:-1.5px}.hero h1 span{display:block;font-size:clamp(26px,3vw,42px);margin-top:18px;color:#fff}.hero p{font-size:20px;line-height:2;max-width:700px}.hero-actions .btn{font-size:15px;padding:15px 22px}.stats{margin-top:34px}.stat{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 34px rgba(0,0,0,.13)}.stat b{font-size:31px}.hero-card{transform:rotate(0);border-radius:42px;padding:14px;border:8px solid rgba(255,255,255,.5);box-shadow:0 28px 75px rgba(0,0,0,.32)}.hero-card img{height:560px;border-radius:28px;object-fit:cover}.hero-strip{background:linear-gradient(135deg,rgba(8,24,57,.95),rgba(14,74,165,.93));border:1px solid rgba(255,255,255,.15)}
.quick-contact{margin-top:-80px}.quick-card{border-radius:26px;border:1px solid rgba(227,6,19,.08);box-shadow:0 22px 60px rgba(8,24,57,.14)}.quick-card i{background:linear-gradient(135deg,#e30613,#ff4053);color:#fff}.section{position:relative}.kicker{background:#fff0f2;border:1px solid #ffd4d9;color:#e30613}.title{letter-spacing:-.7px}.lead{font-size:18px}.cat-section{background:linear-gradient(180deg,#f6f8fc 0%,#fff 100%)}.cat-card{min-height:205px;border:1px solid rgba(8,24,57,.08);box-shadow:0 13px 32px rgba(8,24,57,.06)}.cat-card .icon{display:inline-flex;width:62px;height:62px;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#fff1f3,#eef3ff);font-size:32px}.cat-card h3{color:var(--blue);font-weight:1000}.products-grid{gap:22px}.product-card{border-radius:30px;box-shadow:0 18px 42px rgba(8,24,57,.09);border:1px solid rgba(8,24,57,.08)}.product-card:hover{box-shadow:0 28px 70px rgba(8,24,57,.18)}.product-media{height:245px;background:#fff}.product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,24,57,.12));pointer-events:none}.badge{top:15px;right:15px;font-size:12px;background:linear-gradient(135deg,#e30613,#bd0010);box-shadow:0 8px 18px rgba(227,6,19,.32)}.model{background:#f0f4ff;color:#08275c;font-size:12px}.product-body h3{font-weight:1000;color:#121826}.product-body p{min-height:45px}.specs span{font-weight:800}.p20s{background:radial-gradient(circle at 75% 30%,rgba(227,6,19,.25),transparent 32%),linear-gradient(135deg,#061839,#0b2a64)}.p20s:before{font-size:260px}.service-card{border-radius:28px}.service-card i{background:linear-gradient(135deg,#e30613,#ff4053);box-shadow:0 12px 24px rgba(227,6,19,.22)}.gallery-grid img{border:6px solid #fff}.cta{background:radial-gradient(circle at 10% 30%,rgba(255,255,255,.18),transparent 26%),linear-gradient(135deg,#e30613,#a9000e)}.contact-box{border:1px solid rgba(255,255,255,.5)}.site-footer{background:linear-gradient(135deg,#061839,#0a2555)}.floating-whatsapp{font-size:15px;box-shadow:0 16px 35px rgba(37,211,102,.45)}
.premium-ribbon{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#e30613;border-radius:999px;padding:10px 14px;font-weight:1000;margin-bottom:14px}.brand-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}.brand-tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center;font-weight:1000;color:var(--blue);box-shadow:0 12px 28px rgba(8,24,57,.06)}.premium-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.premium-page-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(8,24,57,.07)}.premium-page-card h3{margin:0 0 8px;color:var(--blue)}.premium-page-card p{color:var(--muted);margin:0}
@media(max-width:960px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-card img{height:420px}.brand-wall{grid-template-columns:repeat(2,1fr)}.premium-page-grid{grid-template-columns:1fr}.quick-contact{margin-top:-40px}}