:root{
    --gold:#D4AF37;
    --dark:#111;
    --muted:#666;
  }
  body{font-family:'Tajawal',sans-serif;margin:0;background:#fff;color:#222;scroll-behavior:smooth}
  a{color:inherit}
  /* Navbar */
  .navbar{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
  .navbar-brand{font-family:'Pacifico',cursive;color:var(--gold);font-size:28px}
  .nav-link{font-weight:600;color:#333}
  .nav-link:hover{color:var(--gold)}
  /* Hero / Carousel */
  #hero .carousel-item img{height:75vh;object-fit:cover;filter:brightness(70%)}
  #hero .carousel-caption{bottom:28%;text-align:center}
  #hero h2{font-size:46px;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,0.5);margin-bottom:.6rem}
  #hero p{font-size:18px;color:#fff;margin-bottom:1rem}
  .btn-cta{background:var(--gold);color:#fff;border-radius:30px;padding:10px 26px;font-weight:700}
  .btn-cta:hover{background:#b78f20}
  /* Sections */
  section{padding:20px 15px}
  section h2{font-size:30px;margin-bottom:20px;text-align:center;color:var(--dark);position:relative}
  section h2::after{content:"";width:80px;height:3px;background:var(--gold);display:block;margin:14px auto 0;border-radius:3px}
  /* About */
  #about .lead{max-width:900px;margin:0 auto;color:var(--muted);line-height:1.8}
  /* Services */
  .service-card{border-radius:12px;overflow:hidden;border:none;box-shadow:0 8px 30px rgba(0,0,0,0.06);transition:transform .35s,box-shadow .35s}
  .service-card:hover{transform:translateY(-10px);box-shadow:0 18px 45px rgba(0,0,0,0.12)}
  .service-card img{height:100%;object-fit:cover}
  .service-card .card-title{color:var(--gold);font-weight:700}
  /* Filters */
  .filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}
  .filters .btn{border-radius:30px;padding:8px 18px}
  .filters .btn.active{background:var(--gold);color:#fff}
  /* Gallery */
  #gallery .card-img-top{border-radius:10px;height:100%;object-fit:cover;transition:transform .35s,box-shadow .35s}
  #gallery .card:hover .card-img-top{transform:scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,0.12)}
  /* Shipping */
  .shipping-box{border-radius:10px;padding:20px;background:#f8f8f8;box-shadow:0 6px 20px rgba(0,0,0,0.04)}
  /* Contact */
  #contact .socials a{font-size:2.2rem;margin:0 .6rem;transition:transform .25s}
  #contact .socials a:hover{transform:scale(1.15)}
      .socials a i {
  transition: transform .2s ease, color .2s ease;
  }
  .socials a:hover i {
  transform: scale(1.2);
  color: var(--gold, #d4af37);
  }
  form .form-control{border-radius:8px}
  /* Footer */
  footer{background:var(--dark);color:#eee;padding:22px 12px}
  footer a{color:var(--gold)}
  /* WhatsApp floating */
  .whatsapp-float{position:fixed;left:18px;bottom:18px;background:#25D366;color:#fff;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,0.25);z-index:9999}
  .whatsapp-float:hover{transform:scale(1.06)}
  /* Responsive */
  @media (max-width:768px){
    #hero h2{font-size:28px}
    #hero .carousel-item img{height:48vh}
    #gallery .card-img-top{height:160px}
    section{padding:40px 12px}
  }


  @media (max-width: 991.98px) { /* Bootstrap lg breakpoint */
  .lang-switcher {
    position: absolute;  /* يخرج من تدفق القائمة */
    right: 80px;         /* على بعد 60px من اليمين (لتجنب زر الهامبرغر) */
    display: flex;
    gap: 8px;
    z-index: 1100;       /* أعلى من collapse */
  }

  .navbar-toggler {
    z-index: 1200; /* فوق switcher */
  }
}