*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#fff;--text:#1d2630;--muted:#6d7782;--card:#f7f8f9;--dark:#121a20;--gold:#b38a52;--line:#e6e8ea}body{margin:0;font-family:Cairo,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#11181e;--text:#eef2f5;--muted:#aab2b9;--card:#19232b;--dark:#090d10;--line:#2c3740}.container{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);transition:background .3s ease,border-color .3s ease}
header .container.nav{transition:transform .3s ease}
header.hide-header .container.nav{transform:translateY(-130%)}
header.hide-header{background:transparent;backdrop-filter:none;border-bottom-color:transparent}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:23px;font-weight:800;text-decoration:none;color:var(--text)}.logo span{color:var(--gold)}nav{display:flex;gap:22px}nav a{text-decoration:none;color:var(--muted);font-size:14px}nav a:hover{color:var(--gold)}.nav-actions{display:flex;gap:8px;align-items:center}.nav-actions button{border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 11px;border-radius:10px;cursor:pointer}.menu-btn{display:none;background:var(--card);opacity:1}
.menu-btn svg{opacity:1}.hero{min-height:680px;position:relative;display:flex;align-items:center;background-color:var(--dark);background-image:linear-gradient(135deg,var(--dark),#26343d);background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,20,.35),rgba(10,16,20,.72),rgba(10,16,20,.92))}.hero-content{position:relative;color:white;max-width:720px;margin-right:max(4%,calc((100% - 1180px)/2));margin-left:auto;padding:70px 0;text-shadow:0 2px 14px rgba(0,0,0,.55)}.eyebrow{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.5px}.hero h1{font-size:clamp(38px,5vw,67px);line-height:1.3;margin:10px 0;text-shadow:0 3px 18px rgba(0,0,0,.6)}.hero h1 span{color:#e2bd86}.hero-content>p:not(.eyebrow){line-height:2;color:#d6dadd;font-size:17px;max-width:620px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.hero-buttons{display:flex;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:13px 25px;border-radius:10px;text-decoration:none;font-family:inherit;font-weight:700;cursor:pointer}.primary{background:var(--gold);color:#fff}.outline{border:1px solid rgba(255,255,255,.5);color:#fff}.stats{display:flex;gap:45px;margin-top:55px}.stats div{display:grid}.stats b{font-size:26px}.stats span{color:#ccd1d4;font-size:12px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{font-size:34px;margin:0}.section-head>p{color:var(--muted);max-width:400px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cat{background:var(--card);padding:27px;border:1px solid var(--line);border-radius:16px;transition:.25s}.cat:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.icon{font-size:34px}.cat h3{margin-bottom:5px}.cat p{margin:0;color:var(--muted);font-size:13px}.products-section{padding:90px 0;background:var(--card)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);padding:8px 15px;border-radius:20px;background:var(--bg);color:var(--text);font-family:inherit;cursor:pointer}.filter.active{background:var(--gold);color:white;border-color:var(--gold)}.search{position:relative;margin-bottom:25px}.search input{width:100%;padding:16px 45px 16px 15px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit}.search span{position:absolute;right:16px;top:11px;font-size:23px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.product-img{width:100%;height:190px;background-size:cover;background-position:center;background:var(--card);border-bottom:1px dashed var(--line);display:flex;align-items:center;justify-content:center;font-size:38px;color:var(--muted);overflow:hidden}.product-body{padding:15px}.product-tag{font-size:11px;color:var(--gold);font-weight:bold}.product h3{font-size:16px;margin:8px 0}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-weight:800}.add{border:0;background:var(--dark);color:#fff;padding:8px 11px;border-radius:8px;cursor:pointer}.banner{padding:75px 0;background:var(--dark);color:#fff}.banner-content{display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{margin:5px 0;font-size:35px}.banner p:not(.eyebrow){color:#b7c0c6}.projects{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.project{height:400px;border-radius:16px;overflow:hidden;position:relative;background-color:var(--card);background-image:linear-gradient(135deg,var(--card),var(--line));background-size:cover;background-position:center center;background-repeat:no-repeat;border:1px dashed var(--line)}.project div{position:absolute;bottom:0;left:0;right:0;padding:22px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7);background:linear-gradient(transparent,rgba(0,0,0,.85) 65%)}.project h3,.project p{margin:3px}.about{background:var(--card);padding:100px 0}.about-grid,.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.about h2{font-size:38px}.about p{color:var(--muted);line-height:2}.about ul{list-style:none;padding:0;line-height:2.5}.about-card{background:var(--dark);color:#fff;padding:50px;border-radius:20px}.big-icon{font-size:80px;color:var(--gold)}.contact-wrap{display:flex;flex-direction:column;align-items:center;gap:26px;max-width:640px;margin:0 auto}
.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}
.contact-btn{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 18px;text-decoration:none;color:var(--text);font-weight:700;font-size:14px;transition:.2s}
.contact-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.contact-btn span:last-child{font-weight:400;color:var(--muted);font-size:12.5px;direction:ltr}
.contact-btn.whatsapp{background:#1b8d52;border-color:#1b8d52;color:#fff}
.contact-btn.whatsapp span:last-child{color:#d9f2e4}
.contact-btn.call{border-color:var(--gold)}
.contact-socials{display:flex;gap:12px}
.contact-socials a{width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text);text-decoration:none;transition:.2s}
.contact-socials a:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-3px)}
.map-wrap{border-radius:16px;overflow:hidden;border:1px solid var(--line);line-height:0}
@media(max-width:600px){.contact-btn{flex:1 1 100%;justify-content:center}}.cart{position:fixed;top:0;left:-430px;width:min(410px,90vw);height:100vh;background:var(--bg);z-index:100;padding:25px;transition:.3s;box-shadow:10px 0 40px rgba(0,0,0,.2)}.cart.open{left:0}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-head button{border:0;background:none;color:var(--text);font-size:28px;cursor:pointer}.cart-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.remove{color:#d65a5a;cursor:pointer;border:0;background:none}.cart-total{margin:20px 0;font-size:18px}.full{width:100%}.backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:150}.backdrop.show{display:block}
.view-more-wrap{display:flex;justify-content:center;margin-top:45px}
.center-head{justify-content:center;text-align:center}
.center-head>div{max-width:600px}
.featured-grid{grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto}
.featured-grid .product{position:relative;border-radius:18px;transition:.3s;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.featured-grid .product:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.featured-grid .product-img{width:100%;height:230px}
.featured-grid .product-body{padding:20px}
.featured-grid .product-tag{background:color-mix(in srgb,var(--gold) 15%,transparent);padding:4px 10px;border-radius:20px;display:inline-block}
.featured-grid .product h3{font-size:18px;margin:12px 0}
.featured-grid .price{font-size:17px;color:var(--gold)}
.featured-grid .add{padding:10px 16px;transition:.2s}
.featured-grid .add:hover{background:var(--gold)}
.products-section .section-head p.section-sub{color:var(--muted);margin-top:8px;font-size:15px}
@media(max-width:1000px){.featured-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.featured-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.featured-grid{grid-template-columns:1fr}}
.page-head{padding:70px 0 30px;background:var(--card);border-bottom:1px solid var(--line)}
.page-head h1{font-size:38px;margin:8px 0}
.page-head p{color:var(--muted);max-width:600px}
.active-link{color:var(--gold)!important}
#cartBtn.bump{transform:scale(1.15)}
#cartBtn{transition:transform .2s}
.modal{display:none;position:fixed;inset:0;z-index:120;align-items:center;justify-content:center;padding:20px}
.modal.show{display:flex}
.modal::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55)}
.modal-box{position:relative;background:var(--bg);border-radius:18px;max-width:760px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-height:88vh;z-index:1}
.modal-img{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:260px;background-color:var(--card);display:flex;align-items:center;justify-content:center;font-size:52px;color:var(--muted)}
.modal-body{padding:28px;overflow-y:auto}
.modal-body h3{font-size:22px;margin:8px 0}
.modal-desc{color:var(--muted);line-height:1.9;font-size:14px}
.modal-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;background:var(--card);border-radius:12px;padding:14px}
.modal-specs div{display:grid;gap:4px;text-align:center}
.modal-specs span{font-size:11px;color:var(--muted)}
.modal-specs b{font-size:14px}
.modal-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.modal-close{position:absolute;top:12px;left:12px;border:0;background:rgba(0,0,0,.5);color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;z-index:2}
@media(max-width:700px){.modal-box{grid-template-columns:1fr;max-height:92vh}.modal-img{min-height:180px}}

/* آراء العملاء */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px;transition:.25s}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.08)}
.testimonial-stars{color:var(--gold);font-size:16px;letter-spacing:2px}
.testimonial-text{color:var(--text);line-height:1.9;font-size:14.5px;margin:0;flex:1}
.testimonial-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.testimonial-name{font-weight:800;font-size:14px}
.testimonial-date{color:var(--muted);font-size:12px}
@media(max-width:850px){.testimonials-grid{grid-template-columns:1fr}}

/* أوقات الدوام */
.hours-wrap{max-width:520px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px}
.hours-status{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.status-dot{width:13px;height:13px;border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(0,0,0,.05)}
.status-dot.open{background:#1fae5c;box-shadow:0 0 0 5px rgba(31,174,92,.18);animation:pulse 1.8s infinite}
.status-dot.closed{background:#d64545;box-shadow:0 0 0 5px rgba(214,69,69,.15);animation:pulse 1.8s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:.45}100%{opacity:1}}
.hours-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hours-list li{display:flex;justify-content:space-between;font-size:15px}
.hours-list span{color:var(--muted)}
.hours-list b{font-weight:700}

/* الأسئلة الشائعة */
.faq-list{max-width:760px;margin:0 auto;display:grid;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.faq-item summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:22px;color:var(--gold);transition:.2s}
.faq-item[open] summary::after{content:"−"}
.faq-item p{color:var(--muted);line-height:1.9;font-size:14px;margin:14px 0 2px}

/* الفوتر الاحترافي */
.site-footer{background:var(--dark);color:#dfe4e7;padding:65px 0 0}
.footer-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-bottom:45px;border-bottom:1px solid rgba(255,255,255,.1);max-width:520px;margin:0 auto}
.footer-grid .social-links{justify-content:center}
.footer-col h4{color:#fff;font-size:15px;margin:0 0 18px}
.footer-col{display:flex;flex-direction:column;gap:12px}
.footer-col a{color:#aeb7bc;text-decoration:none;font-size:14px;transition:.2s}
.footer-col a:hover{color:var(--gold)}
.footer-brand .logo{color:#fff}
.footer-brand p{color:#98a2a8;font-size:13.5px;line-height:1.9;margin:14px 0 18px}
.social-links{display:flex;gap:10px}
.social-links a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:14px}
.social-links a:hover{background:var(--gold);color:#fff}
.footer-bottom{padding:20px 0;text-align:center}
.footer-bottom p{margin:0;color:#8b959b;font-size:13px}
@media(max-width:850px){nav{display:none;flex-direction:column}nav.show{display:flex}.menu-btn{display:block}.hero{min-height:600px}.hero-content{margin:auto;width:92%}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:1fr}.project{height:250px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.section-head,.banner-content,.footer{align-items:flex-start;flex-direction:column}.stats{gap:25px}}@media(max-width:480px){.categories,.products{grid-template-columns:1fr}.hero h1{font-size:39px}.section{padding:65px 0}.section-head h2{font-size:28px}}

/* Language switcher */
.lang-switch{display:flex;gap:5px;align-items:center;margin-inline-end:2px}
.lang-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);font-family:inherit;font-size:10.5px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.2s;letter-spacing:.3px}
.lang-btn:hover{color:var(--text);border-color:var(--gold)}
.lang-btn.active{background:var(--gold);border-color:var(--gold);color:#fff}

/* Availability badge on product card image */
.product-img{position:relative}
.avail-badge{position:absolute;top:10px;inset-inline-end:10px;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:20px;color:#fff;letter-spacing:.2px}
.avail-in_stock{background:#1fae5c}
.avail-limited{background:#d68a1f}
.avail-out_of_stock{background:#d64545}
.avail-on_order{background:#3d7ad6}
.avail-text{font-weight:700}
.avail-text.avail-in_stock{color:#1fae5c}
.avail-text.avail-limited{color:#d68a1f}
.avail-text.avail-out_of_stock{color:#d64545}
.avail-text.avail-on_order{color:#3d7ad6}

/* Modal specs now holds 6 items instead of 3 — keep 3-col grid, wraps to 2 rows automatically */
.modal-specs div{padding:2px 0}

/* Modal bottom: price + action buttons (Add to Cart / WhatsApp Inquiry) */
.modal-bottom{flex-wrap:wrap;gap:10px}
.modal-bottom-actions{display:flex;gap:8px;flex-wrap:wrap}
.whatsapp-inquiry{border:0;background:#1b8d52;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;transition:.2s}
.whatsapp-inquiry:hover{background:#177a46}

/* Quick contact cards for hours & location (reuse .contact-btn look) */
.contact-btn.hours{border-color:var(--gold)}
.contact-btn.location{border-color:var(--gold)}

/* Product image slot: empty by default (ready for real photos), fills nicely once an <img> is added */
.product-img img,.modal-img img{width:100%;height:100%;object-fit:cover;display:block}

/* Large screens only: card image boxes made square to match 800x800 product photos.
   Mobile/tablet (<=850px) keeps the original fixed heights untouched. */
@media(min-width:851px){
  .product-img{height:auto;aspect-ratio:1/1}
  .featured-grid .product-img{height:auto;aspect-ratio:1/1}
}

/* ============================================================
   دفعة تحسينات الشكل (١٢ نقطة) — تمت إضافتها فوق التصميم الأصلي
   بدون تغيير أي أسماء صور موجودة.
   ============================================================ */

/* --- لون ثانوي للهوية (أزرق مائي هادئ) يُستخدم كتباين خفيف على الذهبي --- */
:root{--accent2:#2f8f8a}
body.dark{--accent2:#4db3ad}

/* --- ١) الهيرو: تأثير تكبير بطيء (Ken Burns) بدل صورة ثابتة --- */
.hero{overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero-overlay{z-index:1}
.hero-content{z-index:2}

/* --- ٢) بطاقات المنتجات: زر "عرض سريع" عند التمرير + شارة توفر أوضح --- */
.product-quickview{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;background:linear-gradient(rgba(10,16,20,0) 55%,rgba(10,16,20,.55));opacity:0;transition:.25s;pointer-events:none}
.product:hover .product-quickview,.product:focus-within .product-quickview{opacity:1}
.product-quickview span{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--dark);font-size:12.5px;font-weight:700;padding:9px 16px;border-radius:30px;transform:translateY(10px);transition:.25s;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.product:hover .product-quickview span,.product:focus-within .product-quickview span{transform:translateY(0)}
.product-quickview svg{width:15px;height:15px}

/* --- ٣) استخدامات اللون الثانوي لكسر أحادية الذهبي --- */
.testimonial-card{border-top:3px solid var(--accent2)}
.status-dot.open{background:var(--accent2)}
.faq-item summary::after{color:var(--accent2)}

/* --- ٤) إيقاع مسافات مختلف بين الأقسام --- */
#hours.section{padding:60px 0}
#testimonials.section{padding:70px 0 90px}
#faq.section{padding:60px 0}
#location.section{padding:60px 0 90px}

/* --- ٥) شريط ترتيب المنتجات (صفحة المنتجات) --- */
.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.sort-select{border:1px solid var(--line);padding:11px 15px;border-radius:11px;background:var(--bg);color:var(--text);font-family:inherit;font-size:13.5px;cursor:pointer}

/* --- ٧) قائمة الموبايل: لوحة منزلقة من الأعلى مع خلفية معتمة --- */
@media(max-width:850px){
  nav{position:fixed;top:0;left:0;right:0;transform:translateY(-100%);width:100%;max-height:85vh;overflow-y:auto;background:var(--bg);flex-direction:column;align-items:stretch;gap:2px;padding:95px 24px 24px;transition:transform .3s ease;z-index:200;box-shadow:0 14px 40px rgba(0,0,0,.22);border-bottom:1px solid var(--line);pointer-events:none}
  nav.show{transform:translateY(0);display:flex;pointer-events:auto}
  nav a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:15px;position:relative;z-index:1;pointer-events:auto}
  body.nav-open header{transform:none!important}
  .nav-mobile-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:20px;border-top:1px solid var(--line)}
  .nav-mobile-actions .lang-switch{gap:9px}
  .nav-mobile-actions .lang-btn{width:38px;height:38px;font-size:11.5px}
  .nav-mobile-actions #themeBtn{width:46px;height:46px;border-radius:50%;padding:0}
  .nav-mobile-actions #themeBtn svg{width:19px;height:19px}
}
@media(min-width:851px){.nav-mobile-actions{display:none}}

/* --- ٩) انتقال سلس لفتح/إغلاق نافذة تفاصيل المنتج + الخلفية المعتمة --- */
.modal{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}
.modal.show{opacity:1;visibility:visible;pointer-events:auto}
.modal-box{transform:translateY(16px) scale(.96);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.modal.show .modal-box{transform:translateY(0) scale(1)}
.backdrop{opacity:0;pointer-events:none;transition:opacity .25s ease}
.backdrop.show{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.modal,.modal-box,.backdrop{transition:none}}

/* --- ١٠) صورة مصغّرة لكل منتج داخل السلة الجانبية --- */
.cart-item{display:flex;align-items:center;gap:12px}
.cart-item-img{width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--card);flex:none;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted);border:1px solid var(--line)}
.cart-item-img img{width:100%;height:100%;object-fit:cover;display:block}
.cart-item-info{flex:1;min-width:0}
.cart-item-info b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart-item .remove{flex:none}

/* --- ١١) أيقونات SVG موحدة بدل الإيموجي --- */
.nav-actions button:not(.menu-btn),.nav-mobile-actions button:not(.menu-btn){display:inline-flex;align-items:center;justify-content:center;gap:5px}
.nav-actions button svg,.nav-mobile-actions button svg{width:17px;height:17px;display:block}
#themeBtn svg{width:18px;height:18px}
.contact-btn svg{width:20px;height:20px;flex:none}
.social-links a svg,.contact-socials a svg{width:16px;height:16px}
.whatsapp-inquiry{display:inline-flex;align-items:center;gap:7px}
.whatsapp-inquiry svg{width:15px;height:15px}
.search svg{width:19px;height:19px}
.search span{display:flex;align-items:center}

/* --- علامة الاسم واللوگو داخل مربع "من نحن" (بدل الأيقونة القديمة) --- */
.about-card-brand{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:12px 18px;border-radius:14px;margin-bottom:22px}
.about-card-brand svg{width:30px;height:30px;color:var(--gold);flex:none}
.about-card-brand span{font-size:16px;font-weight:600;color:#fff;letter-spacing:.2px}
.about-card-brand span b{color:var(--gold);font-weight:800}

/* --- حركة بسيطة عند مرور الماوس فوق بطاقات قسم مشاريعنا --- */
.project{transition:.3s}
.project:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.18)}
@media(prefers-reduced-motion:reduce){.project{transition:none}.project:hover{transform:none}}

/* --- ١٢) علامة/أيقونة صغيرة بجانب اسم الشعار --- */
.logo{display:inline-flex;align-items:center;gap:9px}
.logo svg{width:24px;height:24px;color:var(--gold);flex:none}

/* Fix: keep the mobile navigation above the shared backdrop */
@media(max-width:850px){
  body.nav-open header{z-index:250}
  body.nav-open #navLinks{pointer-events:auto}
}