:root{--green:#0b3d2e;--green2:#0f5a45;--gold:#c89b3c;--bg:#f7f7f3;--text:#1b1f24;--muted:#5e6673;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1120px,92%);margin:auto}.topbar{background:#073426;color:#fff;font-size:14px;padding:7px 0}.topbar .container{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e7e7df;box-shadow:0 8px 25px rgba(0,0,0,.06)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:78px;height:auto}.brand h1{font-size:20px;color:var(--green);margin:0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;max-width:520px}.menu{display:flex;align-items:center;gap:16px;font-weight:700;color:#24322e}.whatsapp{background:#25d366;color:#fff;padding:10px 16px;border-radius:999px;font-weight:800;box-shadow:0 8px 22px rgba(37,211,102,.25)}.hero{padding:68px 0;background:linear-gradient(135deg,rgba(11,61,46,.94),rgba(15,90,69,.88)),url('assets/images/hero.webp') center/cover;color:#fff}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.badge{display:inline-block;background:rgba(200,155,60,.18);border:1px solid rgba(200,155,60,.5);padding:6px 14px;border-radius:999px;color:#ffe0a1;font-weight:800}.hero h2{font-size:42px;line-height:1.35;margin:16px 0 10px}.hero p{font-size:19px;margin:0 0 22px;color:#eef7f2}.hero-card{background:rgba(255,255,255,.96);color:var(--text);padding:24px;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.hero-card strong{color:var(--green);font-size:22px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-block;padding:12px 20px;border-radius:12px;font-weight:900}.btn-gold{background:var(--gold);color:#111}.btn-light{background:#fff;color:var(--green)}section{padding:58px 0}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-size:32px;color:var(--green);margin:0}.section-title p{color:var(--muted);margin:8px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.07);border:1px solid #eee}.card img{height:210px;width:100%;object-fit:cover}.card-content{padding:18px}.card h3{margin:0 0 8px;color:var(--green)}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.about img{border-radius:22px;box-shadow:0 10px 28px rgba(0,0,0,.09);height:390px;width:100%;object-fit:cover}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.feature{background:#f3f6f4;border-right:4px solid var(--gold);padding:12px;border-radius:12px;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery img{height:190px;width:100%;object-fit:cover;border-radius:16px;box-shadow:0 8px 18px rgba(0,0,0,.08)}.footer{background:#073426;color:#fff;padding:36px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.footer h3{margin:0 0 10px;color:#ffd88b}.offer{background:var(--gold);color:#111;padding:12px 14px;border-radius:12px;font-weight:900;display:inline-block;margin-top:10px}.footer a{color:#fff}.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.16);margin-top:24px;padding-top:16px;color:#d7e0dc}.page{padding:48px 0}.page-box{background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 28px rgba(0,0,0,.06)}@media(max-width:850px){.menu{display:none}.hero-grid,.about-grid,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:31px}.brand{flex:1;min-width:0}.brand h1{font-size:15px;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45;display:block}.brand img{width:50px;flex:0 0 auto}.nav{gap:8px;align-items:center}.whatsapp{padding:8px 11px;font-size:13px;flex:0 0 auto}.hero{padding:44px 0}.hero-card{padding:18px}.section-title h2{font-size:26px}.footer{text-align:center}.links{justify-content:center}.topbar{font-size:12px}}@media(max-width:420px){.brand h1{font-size:13px;line-height:1.45}.gallery{grid-template-columns:1fr}.gallery img{height:230px}.topbar .container{gap:8px}.hero h2{font-size:27px}.brand img{width:44px}.whatsapp{font-size:12px;padding:7px 9px}}



/* إصلاح نهائي لظهور اسم المؤسسة كاملًا في الجوال */
@media (max-width: 850px){
  .header{
    position: relative !important;
  }
  .nav{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 0 !important;
  }
  .brand{
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
  }
  .brand img{
    width: 58px !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .brand h1{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 6px !important;
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.7 !important;
    font-size: 17px !important;
    color: #0b3d2e !important;
    text-align: center !important;
  }
  .whatsapp{
    align-self: center !important;
    width: auto !important;
    min-width: 110px !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: inline-block !important;
  }
}

/* إصلاح وضوح النص داخل كرت الخصم */
.hero-card, .hero-card p, .hero-card strong, .hero-card li{
  color: #172033 !important;
  opacity: 1 !important;
}



/* بطاقة العرض والتواصل - واضحة في الجوال والكمبيوتر */
.offer-card,
.hero-card,
.discount-card,
.contact-offer,
.promo-card {
  background: rgba(255,255,255,0.98) !important;
  border-radius: 28px !important;
  padding: 28px 22px !important;
  margin: 28px auto !important;
  max-width: 720px !important;
  color: #0b3d2e !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(201,160,64,0.35) !important;
  text-align: center !important;
  opacity: 1 !important;
}

.offer-card h2,
.hero-card h2,
.discount-card h2,
.contact-offer h2,
.promo-card h2,
.offer-card h3,
.hero-card h3,
.discount-card h3,
.contact-offer h3,
.promo-card h3 {
  color: #0b3d2e !important;
  opacity: 1 !important;
  margin: 0 0 14px !important;
  font-size: 30px !important;
  font-weight: 800 !important;
}

.offer-card p,
.hero-card p,
.discount-card p,
.contact-offer p,
.promo-card p,
.offer-card li,
.hero-card li,
.discount-card li,
.contact-offer li,
.promo-card li {
  color: #173c35 !important;
  opacity: 1 !important;
  font-size: 19px !important;
  line-height: 1.9 !important;
}

.offer-card .phone,
.hero-card .phone,
.discount-card .phone,
.contact-offer .phone,
.promo-card .phone {
  direction: ltr !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #0b3d2e !important;
  background: #f6f0dc !important;
  border: 1px solid rgba(201,160,64,0.45) !important;
  border-radius: 16px !important;
  padding: 10px 18px !important;
  margin: 12px 0 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.offer-card .location,
.hero-card .location,
.discount-card .location,
.contact-offer .location,
.promo-card .location {
  color: #0b3d2e !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.offer-actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-top: 18px !important;
}

.offer-actions a {
  display: inline-block !important;
  padding: 12px 22px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}

.offer-actions .call-btn {
  background: #c9a040 !important;
  color: #111 !important;
}

.offer-actions .wa-btn {
  background: #25d366 !important;
  color: #fff !important;
}

@media (max-width: 850px){
  .offer-card,
  .hero-card,
  .discount-card,
  .contact-offer,
  .promo-card {
    width: calc(100% - 34px) !important;
    padding: 24px 16px !important;
    margin: 24px auto !important;
  }
  .offer-card h2,
  .hero-card h2,
  .discount-card h2,
  .contact-offer h2,
  .promo-card h2,
  .offer-card h3,
  .hero-card h3,
  .discount-card h3,
  .contact-offer h3,
  .promo-card h3 {
    font-size: 26px !important;
  }
  .offer-card p,
  .hero-card p,
  .discount-card p,
  .contact-offer p,
  .promo-card p {
    font-size: 17px !important;
  }
}