*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#050505;--black2:#0d0d0d;--gold:#d8a83f;--gold-light:#f2cf73;--gold-dark:#8f681c;--cream:#f5f0e4;--text:#191919;--muted:#777166;--line:#ddd4c0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 42px));margin:auto}
.topline{background:#030303;color:#cfc7b2;border-bottom:1px solid rgba(216,168,63,.22);font-size:10px}.topline-inner{height:32px;display:flex;align-items:center;justify-content:space-between}.topline a{margin-left:20px;color:#fff}
.header{position:sticky;top:0;z-index:99;background:rgba(4,4,4,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,168,63,.35)}.nav-wrap{height:88px;display:flex;align-items:center;gap:25px}
.logo{width:285px;height:78px;display:flex;align-items:center;overflow:hidden}.logo img{display:block;width:auto;height:74px;max-width:285px;object-fit:contain;object-position:left center}
nav{display:flex;align-items:center;gap:21px;margin-left:auto;color:#eee;font-family:"Cairo",sans-serif}nav a{display:flex;flex-direction:column;align-items:center;line-height:1.05;font-size:12px}nav a small{font:8px "DM Sans";color:#837c6c;letter-spacing:1px;text-transform:uppercase;margin-top:3px}nav a:hover{color:var(--gold-light)}nav .nav-cta{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#111;padding:11px 16px;border-radius:3px;font-weight:800}.nav-cta small{color:#333}.header-phone{display:flex;flex-direction:column;gap:4px;border-left:1px solid #39342a;padding-left:18px}.header-phone a{display:flex;align-items:center;gap:8px}.header-phone b{font-size:11px;color:#fff}.header-phone span{font-family:"Cairo";font-size:8px;color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;width:42px}.menu-toggle span{display:block;height:2px;background:var(--gold);margin:5px}
.hero{min-height:700px;position:relative;overflow:hidden;background:#050505;color:#fff}.hero-image{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=2200&q=90") center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.95) 32%,rgba(3,3,3,.67) 57%,rgba(3,3,3,.20) 100%)}.gold-arc{position:absolute;width:620px;height:620px;border:1px solid rgba(216,168,63,.45);border-radius:50%;right:-230px;top:-190px;box-shadow:0 0 0 28px rgba(216,168,63,.04),0 0 0 56px rgba(216,168,63,.025)}
.hero-inner{min-height:700px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{max-width:730px;padding:65px 0}.arabic-kicker{font-family:"Cairo";font-size:13px;color:var(--gold-light);margin-bottom:12px}.eyebrow{display:inline-block;color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:12px}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(53px,6.8vw,86px);line-height:.98;letter-spacing:-2px}.hero h1 em,.section-head h2 em,.statement h2 em,.about-copy h2 em,.contact-banner h2 em,.contact-info h2 em{font-style:normal;color:var(--gold-light)}.hero h2{font-family:"Cairo";font-size:21px;line-height:1.5;color:#e7d4a4;margin:18px 0 5px}.hero-copy>p{font-family:"Cairo";max-width:650px;color:#c8c3b7;font-size:14px;line-height:2;margin-bottom:26px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.gold-btn,.outline-btn,.phone-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 21px;border-radius:3px;font:700 11px "Cairo";cursor:pointer;transition:.25s}.gold-btn{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#111;border:0}.gold-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(216,168,63,.2)}.outline-btn{border:1px solid var(--gold);color:#fff}.outline-btn:hover{background:var(--gold);color:#111}.hero-details{display:flex;align-items:center;gap:16px;margin-top:47px;color:#aaa;font-size:9px;letter-spacing:1px;text-transform:uppercase}.hero-details b{color:#e8d19a;font-family:"Cairo";margin-right:4px}.hero-details i{height:20px;width:1px;background:#64573d}.hero-contact-card{position:absolute;right:0;bottom:65px;width:205px;padding:20px;border:1px solid rgba(216,168,63,.5);background:rgba(7,7,7,.72);backdrop-filter:blur(8px);font-family:"Cairo"}.hero-contact-card span{display:block;color:var(--gold);font-size:10px}.hero-contact-card strong{display:block;color:#fff;font:700 22px "DM Sans";margin:5px 0}.hero-contact-card small{display:block;color:#aaa;font-size:9px}.hero-contact-card a{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #3a3428;color:var(--gold-light);font-size:10px}
.gold-line{background:#0a0a0a;border-top:1px solid rgba(216,168,63,.35);border-bottom:1px solid rgba(216,168,63,.35);color:#fff}.value-grid{display:grid;grid-template-columns:repeat(4,1fr)}.value-grid>div{min-height:92px;padding:16px 24px;border-right:1px solid #2b281f;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center}.value-grid>div:last-child{border-right:0}.value-grid b{grid-row:1/3;color:var(--gold);font-size:11px}.value-grid span{font-family:"Cairo";font-size:11px;font-weight:700}.value-grid small{font-size:8px;color:#777;letter-spacing:1px}
.section{padding:100px 0}.products{background:#fff}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.section-head h2,.about-copy h2,.contact-info h2{font-family:"Playfair Display",serif;font-size:clamp(38px,4vw,55px);line-height:1.07}.arabic-side{font-family:"Cairo";direction:rtl;text-align:right;color:#6f695c;font-size:13px;line-height:2;border-right:2px solid var(--gold);padding-right:18px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{height:430px;position:relative;overflow:hidden;background:#111;border:1px solid #2d281d}.product-img{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .5s}.product:hover .product-img{transform:scale(1.05)}.p1 .product-img{background-image:url("https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1000&q=90")}.p2 .product-img{background-image:url("https://images.unsplash.com/photo-1610832958506-aa56368176cf?auto=format&fit=crop&w=1000&q=90")}.p3 .product-img{background-image:url("https://images.unsplash.com/photo-1607623814075-e51df1bdc82f?auto=format&fit=crop&w=1000&q=90")}.p4 .product-img{background-image:url("https://images.unsplash.com/photo-1604503468506-a8da13d82791?auto=format&fit=crop&w=1000&q=90")}.p5 .product-img{background-image:url("https://images.unsplash.com/photo-1588347818036-558601350947?auto=format&fit=crop&w=1000&q=90")}.p6 .product-img{background-image:url("https://images.unsplash.com/photo-1551024506-0bccd828d307?auto=format&fit=crop&w=1000&q=90")}.product:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.35) 48%,rgba(0,0,0,.05) 100%)}.product-overlay{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:22px;color:#fff}.product-overlay>span{color:var(--gold);font-size:9px}.product-overlay h3{font-family:"Cairo";font-size:20px;line-height:1.35;margin:4px 0}.product-overlay small{font-size:8px;color:#c4bca9;letter-spacing:1.5px}.product-overlay a{display:block;margin-top:14px;color:var(--gold-light);font-family:"Cairo";font-size:10px;font-weight:700}
.statement{background:#080808;color:#fff;border-top:1px solid rgba(216,168,63,.35);border-bottom:1px solid rgba(216,168,63,.35)}.statement-inner{min-height:340px;display:flex;align-items:center;justify-content:space-between;gap:60px}.statement h2{font-family:"Playfair Display",serif;font-size:49px;line-height:1.05}.statement p{font-family:"Cairo";max-width:500px;color:#aaa;font-size:13px;line-height:2}
.services{background:var(--cream)}.section-head.centered{display:block;text-align:center;max-width:750px;margin:0 auto 45px}.section-head.centered p{font-family:"Cairo";color:var(--muted);font-size:12px;max-width:620px;margin:12px auto 0;line-height:2}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6cdb7;border:1px solid #d6cdb7}.service-grid article{background:#fff;padding:32px;min-height:240px;position:relative}.service-grid article>span{position:absolute;right:23px;top:20px;color:#c2b59b;font-size:9px}.icon{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-dark);margin-bottom:18px}.service-grid h3{font-family:"Cairo";font-size:17px;line-height:1.55}.service-grid p{color:#8a8375;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-top:5px}
.about{background:#fff;padding:105px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-photo{height:560px;background:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),url("https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1400&q=90") center/cover;position:relative}.about-photo:after{content:"دبي • UAE";position:absolute;right:22px;bottom:22px;border:1px solid var(--gold);background:rgba(0,0,0,.8);color:var(--gold-light);font-family:"Cairo";padding:8px 13px;font-size:10px}.about-copy>p{font-family:"Cairo";color:#706b61;font-size:13px;line-height:2;margin:18px 0}.about-signature{display:flex;align-items:center;gap:12px;color:#927024;font-size:9px;letter-spacing:2px;margin-top:30px}.about-signature i{width:28px;height:1px;background:var(--gold)}
.contact-banner{background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.65)),url("https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=2200&q=90") center/cover;color:#fff}.contact-banner-inner{min-height:380px;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-banner h2{font-family:"Playfair Display",serif;font-size:50px;line-height:1.04}.contact-banner p{font-family:"Cairo";color:#aaa;font-size:12px;margin-top:10px}.banner-actions{display:flex;gap:10px;flex-wrap:wrap}.phone-btn{border:1px solid #777;color:#fff}
.contact{background:#f4f0e6}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.contact-info>p{font-family:"Cairo";color:#777166;font-size:13px;line-height:2;margin:18px 0 30px}.contact-item{border-top:1px solid #d8d0bf;padding:15px 0;font-family:"Cairo";display:flex;justify-content:space-between;gap:20px}.contact-item b{font-size:10px;color:#8c6b26}.contact-item a,.contact-item span{font-size:12px;text-align:right}.enquiry-form{background:#090909;color:#fff;padding:35px;border:1px solid rgba(216,168,63,.45);box-shadow:0 18px 50px rgba(0,0,0,.08)}.form-title>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.form-title h3{font-family:"Cairo";font-size:24px;color:#fff;margin:2px 0 22px}.enquiry-form label{display:block;font-family:"Cairo";font-size:9px;color:#c2b79d;margin-bottom:13px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;margin-top:5px;background:#101010;color:#fff;border:1px solid #353129;border-radius:2px;padding:12px;font-size:12px;outline:none}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--gold)}.enquiry-form .gold-btn{width:100%}#formMessage{display:block;color:var(--gold-light);font-family:"Cairo";font-size:10px;text-align:center;margin-top:9px}
.footer{background:#030303;color:#aaa;border-top:1px solid rgba(216,168,63,.3);padding:60px 0 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px}.footer-brand img{display:block;width:auto;height:86px;max-width:300px;object-fit:contain;object-position:left center}.footer-brand p{font-family:"Cairo";color:#d4c8aa;font-size:11px;margin-top:12px}.footer-brand span{font-size:8px;color:#777;letter-spacing:1px}.footer h4{font-family:"Cairo";font-size:11px;color:var(--gold);margin-bottom:14px}.footer a,.footer-main>div>span{display:block;font-size:10px;margin:8px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #201e1a;margin-top:40px;padding-top:16px;display:flex;justify-content:space-between;font-size:8px;color:#666}
.wa-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;z-index:9990;box-shadow:0 12px 30px rgba(0,0,0,.35);text-decoration:none;border:2px solid rgba(255,255,255,.85);transition:transform .2s ease,box-shadow .2s ease}
.wa-float:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 15px 34px rgba(0,0,0,.42)}
.wa-float:focus-visible{outline:3px solid #f3c95b;outline-offset:4px}
.wa-icon{width:30px;height:30px;display:block}
@media (max-width:782px){.wa-float{right:16px;bottom:16px;width:52px;height:52px}.wa-icon{width:28px;height:28px}}
@media (max-width:480px){.wa-float{right:14px;bottom:14px;width:50px;height:50px}.wa-icon{width:27px;height:27px}}
@media(max-width:1100px){nav{gap:12px}.header-phone{display:none}.product-grid,.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.container{width:min(100% - 30px,1180px)}.menu-toggle{display:block;margin-left:auto}nav{position:absolute;display:none;left:15px;right:15px;top:88px;background:#090909;border:1px solid rgba(216,168,63,.4);padding:10px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:11px;text-align:center}.nav-cta{margin-top:5px}.logo{width:230px;height:68px}.logo img{height:62px;max-width:230px}.hero-contact-card{display:none}.hero{min-height:650px}.hero-inner{min-height:650px}.gold-arc{right:-380px}.section-head,.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.section-head{align-items:start}.arabic-side{text-align:right}.statement-inner,.contact-banner-inner{min-height:350px;flex-direction:column;align-items:flex-start;justify-content:center}.industry-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topline-inner{height:28px;font-size:8px}.topline-inner div a:first-child{display:none}.nav-wrap{height:72px}.logo{width:205px;height:62px}.logo img{height:56px;max-width:205px}.hero-copy{padding:55px 0}.hero h1{font-size:48px}.hero h2{font-size:17px}.hero-copy>p{font-size:12px}.hero-details{gap:8px;font-size:7px}.value-grid{grid-template-columns:1fr 1fr}.value-grid>div{min-height:78px;padding:12px}.product-grid,.service-grid{grid-template-columns:1fr}.product{height:400px}.section{padding:72px 0}.statement h2,.contact-banner h2{font-size:39px}.about-photo{height:390px}.contact-item{flex-direction:column;gap:4px}.contact-item a,.contact-item span{text-align:left}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.footer-brand img{width:auto;height:72px;max-width:250px}}

.logo img,.footer-brand img{aspect-ratio:auto!important}

/* WordPress integration safety for Twenty Twenty-Five / block themes */
body.dar-al-jannat-page main.wp-block-group,
body.dar-al-jannat-page .wp-site-blocks,
body.dar-al-jannat-page .wp-block-post-content,
body.dar-al-jannat-page .entry-content {
  max-width: none;
  padding: 0;
  margin: 0;
}
body.dar-al-jannat-page .wp-site-blocks > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* === WordPress Twenty Twenty-Five full-bleed integration === */
html:has(body.dar-al-jannat-page),
body.dar-al-jannat-page {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: hidden !important;
}

body.dar-al-jannat-page .wp-site-blocks,
body.dar-al-jannat-page .wp-site-blocks > main,
body.dar-al-jannat-page main,
body.dar-al-jannat-page .wp-block-post-content,
body.dar-al-jannat-page .entry-content {
  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.dar-al-jannat-page header.wp-block-template-part,
body.dar-al-jannat-page footer.wp-block-template-part,
body.dar-al-jannat-page .wp-block-post-title,
body.dar-al-jannat-page .entry-header {
  display: none !important;
}

body.dar-al-jannat-page .wp-block-post-content > * {
  max-width: none !important;
}

body.dar-al-jannat-page .wp-block-post-content {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

body.dar-al-jannat-page .topline,
body.dar-al-jannat-page .header,
body.dar-al-jannat-page .hero,
body.dar-al-jannat-page .gold-line,
body.dar-al-jannat-page .section,
body.dar-al-jannat-page .statement,
body.dar-al-jannat-page .about,
body.dar-al-jannat-page .contact-banner,
body.dar-al-jannat-page .contact,
body.dar-al-jannat-page .footer {
  width: 100%;
}

/* === Final premium Arabic hierarchy + compact logo === */
.hero-arabic-title{
  font-family:"Cairo",sans-serif !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  line-height:1.18 !important;
  max-width:760px;
  text-align:left;
}
.hero-arabic-title em{font-family:"Cairo",sans-serif !important;font-weight:800 !important}
.hero h2{font-family:"Playfair Display",serif !important;font-size:20px !important;letter-spacing:.2px}
.logo{width:205px;height:78px}
.logo img{height:72px;width:auto;max-width:205px;object-fit:contain}
.footer-brand img{width:auto;height:82px;max-width:280px;object-fit:contain}
@media(max-width:850px){
  .logo{width:180px;height:66px}
  .logo img{height:60px;max-width:180px}
  .hero-arabic-title{font-size:clamp(39px,9vw,58px) !important}
}
@media(max-width:560px){
  .logo{width:160px;height:60px}
  .logo img{height:55px;max-width:160px}
  .hero-arabic-title{font-size:39px !important}
  .hero h2{font-size:17px !important}
  .footer-brand img{height:68px;max-width:230px}
}

/* === FINAL WORDPRESS FSE CLEANUP + STICKY HEADER === */

/* Remove Twenty Twenty-Five's outer template spacing/header/footer.
   The Dar Al Jannat page owns its complete visual shell. */
body.dar-al-jannat-page {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body.dar-al-jannat-page .wp-site-blocks {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

body.dar-al-jannat-page .wp-site-blocks > header,
body.dar-al-jannat-page .wp-site-blocks > footer,
body.dar-al-jannat-page .wp-site-blocks > .wp-block-template-part,
body.dar-al-jannat-page header.wp-block-template-part,
body.dar-al-jannat-page footer.wp-block-template-part,
body.dar-al-jannat-page .wp-block-template-part:has(> header),
body.dar-al-jannat-page .wp-block-template-part:has(> footer) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
}

/* Remove the page shell/title generated by the block theme. */
body.dar-al-jannat-page .wp-block-post-title,
body.dar-al-jannat-page .entry-header,
body.dar-al-jannat-page .wp-block-post-featured-image {
  display: none !important;
}

body.dar-al-jannat-page main.wp-block-group,
body.dar-al-jannat-page main.wp-block-group.is-layout-constrained,
body.dar-al-jannat-page .wp-block-post-content,
body.dar-al-jannat-page .entry-content {
  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.dar-al-jannat-page .wp-site-blocks > main {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* The custom header should stick below the WP admin bar while logged in.
   On a public visit, the CSS variable resolves to 0px. */
body.dar-al-jannat-page .header {
  position: sticky !important;
  top: var(--wp-admin--admin-bar--height, 0px) !important;
  z-index: 9999 !important;
  width: 100% !important;
}

/* Keep the top utility strip visually attached to the header.
   Only the navigation header sticks; the utility strip scrolls away. */
body.dar-al-jannat-page .topline {
  position: relative;
  z-index: 9998;
}

/* No accidental white seams between our full-width sections. */
body.dar-al-jannat-page .topline,
body.dar-al-jannat-page .header,
body.dar-al-jannat-page .hero,
body.dar-al-jannat-page .gold-line,
body.dar-al-jannat-page .statement,
body.dar-al-jannat-page .contact-banner,
body.dar-al-jannat-page .footer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* WordPress admin bar is the only thing allowed above the site while logged in. */
body.dar-al-jannat-page .wp-block-post-content > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

@media (max-width: 782px) {
  body.dar-al-jannat-page .header {
    top: var(--wp-admin--admin-bar--height, 46px) !important;
  }
}

/* === FINAL 1.0.5 STANDALONE DOCUMENT RESET === */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body.dar-al-jannat-page {
  background: #fff !important;
}

body.dar-al-jannat-page > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.dar-al-jannat-page .header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

body.admin-bar.dar-al-jannat-page .header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar.dar-al-jannat-page .header {
    top: 46px !important;
  }
}

/* =========================================================
   v1.0.6 — Arabic mobile typography + accessibility
   ========================================================= */

/* Better default reading size without changing the visual hierarchy dramatically. */
body.dar-al-jannat-page {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

/* Arabic content: readable line-height and proper word wrapping. */
body.dar-al-jannat-page [lang="ar"],
body.dar-al-jannat-page .arabic-kicker,
body.dar-al-jannat-page .hero h2,
body.dar-al-jannat-page .hero-copy > p,
body.dar-al-jannat-page .arabic-side,
body.dar-al-jannat-page .product-overlay h3,
body.dar-al-jannat-page .service-grid h3,
body.dar-al-jannat-page .section-head.centered p,
body.dar-al-jannat-page .statement p,
body.dar-al-jannat-page .about-copy > p,
body.dar-al-jannat-page .contact-banner p,
body.dar-al-jannat-page .contact-item,
body.dar-al-jannat-page .enquiry-form label,
body.dar-al-jannat-page .form-title h3 {
  font-family: "Cairo", Arial, sans-serif;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

/* Prevent Arabic headings from becoming cramped. */
body.dar-al-jannat-page .hero h2,
body.dar-al-jannat-page .product-overlay h3,
body.dar-al-jannat-page .service-grid h3,
body.dar-al-jannat-page .form-title h3 {
  line-height: 1.75;
}

/* Make small utility and body text easier to read. */
body.dar-al-jannat-page .product-overlay small,
body.dar-al-jannat-page .service-grid p,
body.dar-al-jannat-page .value-grid small,
body.dar-al-jannat-page .contact-item b,
body.dar-al-jannat-page .enquiry-form label,
body.dar-al-jannat-page .footer a,
body.dar-al-jannat-page .footer-main > div > span {
  font-size: 11px;
  line-height: 1.7;
}

/* Minimum practical touch target for interactive controls. */
body.dar-al-jannat-page nav a,
body.dar-al-jannat-page .gold-btn,
body.dar-al-jannat-page .outline-btn,
body.dar-al-jannat-page .phone-btn,
body.dar-al-jannat-page .product-overlay a {
  min-height: 44px;
}

body.dar-al-jannat-page .product-overlay a {
  display: inline-flex;
  align-items: center;
}

/* Keyboard focus must remain visible. */
body.dar-al-jannat-page a:focus-visible,
body.dar-al-jannat-page button:focus-visible,
body.dar-al-jannat-page input:focus-visible,
body.dar-al-jannat-page select:focus-visible,
body.dar-al-jannat-page textarea:focus-visible {
  outline: 3px solid var(--gold-light);
  outline-offset: 3px;
}

/* Mobile: give Arabic text more vertical room and prevent overlap. */
@media (max-width: 782px) {
  body.dar-al-jannat-page .arabic-kicker {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 14px;
  }

  body.dar-al-jannat-page .hero h2 {
    font-size: 18px;
    line-height: 1.9;
    margin-top: 20px;
  }

  body.dar-al-jannat-page .hero-copy > p {
    font-size: 13px;
    line-height: 2.05;
  }

  body.dar-al-jannat-page .section-head h2,
  body.dar-al-jannat-page .about-copy h2,
  body.dar-al-jannat-page .contact-info h2 {
    line-height: 1.25;
  }

  body.dar-al-jannat-page .arabic-side {
    font-size: 13px;
    line-height: 2.05;
  }

  body.dar-al-jannat-page .product-overlay h3 {
    font-size: 19px;
    line-height: 1.8;
  }

  body.dar-al-jannat-page .service-grid h3 {
    font-size: 17px;
    line-height: 1.9;
  }

  body.dar-al-jannat-page .service-grid p {
    font-size: 11px;
    line-height: 1.6;
  }

  body.dar-al-jannat-page .statement p,
  body.dar-al-jannat-page .about-copy > p,
  body.dar-al-jannat-page .contact-banner p {
    font-size: 13px;
    line-height: 2;
  }

  body.dar-al-jannat-page .contact-item span,
  body.dar-al-jannat-page .contact-item a {
    font-size: 13px;
    line-height: 1.8;
  }
}

/* Small phones: prioritize readability over compactness. */
@media (max-width: 480px) {
  body.dar-al-jannat-page .hero h2 {
    font-size: 17px;
    line-height: 2;
  }

  body.dar-al-jannat-page .hero-copy > p {
    font-size: 13px;
    line-height: 2.1;
  }

  body.dar-al-jannat-page .product-overlay h3,
  body.dar-al-jannat-page .service-grid h3 {
    line-height: 1.95;
  }

  body.dar-al-jannat-page .product-overlay {
    padding: 20px;
  }

  body.dar-al-jannat-page .service-grid article {
    padding: 30px 24px;
  }
}

/* =========================================================
   v1.0.7 — Commercial license / operating since 2021
   ========================================================= */
.license-section {
  background: #f7f1e5;
  padding: 88px 0;
  border-top: 1px solid rgba(194, 145, 31, .25);
  border-bottom: 1px solid rgba(194, 145, 31, .25);
}

.license-wrap {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  gap: 54px;
  align-items: stretch;
}

.license-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.license-intro h2 {
  margin: 12px 0 18px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.12;
  color: #17120c;
}

.license-intro h2 em {
  color: #bd8b1e;
  font-style: normal;
}

.license-intro p {
  max-width: 620px;
  margin: 0;
  color: #514a40;
  font-size: 15px;
  line-height: 1.9;
}

.license-highlight {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  width: fit-content;
  margin-top: 28px;
  padding: 13px 20px;
  border: 1px solid #c69a32;
  background: #0a0a09;
  color: #fff;
}

.license-highlight strong {
  color: #e8bd55;
  font-size: 18px;
  letter-spacing: .02em;
}

.license-highlight span {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.license-card {
  background: #0a0a09;
  color: #fff;
  border: 1px solid rgba(215, 174, 76, .55);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

.license-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(215, 174, 76, .45);
  color: #e8bd55;
}

.license-card-head span {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: .16em;
}

.license-card-head b {
  font-family: "Cairo", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.license-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.license-grid > div {
  min-width: 0;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.license-grid > div:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,.10);
}

.license-grid small,
.license-grid span {
  display: block;
  color: #bdb5a8;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 11px;
  line-height: 1.8;
}

.license-grid strong {
  display: block;
  margin: 3px 0;
  color: #f2c65f;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .license-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 600px) {
  .license-section {
    padding: 62px 0;
  }

  .license-intro h2 {
    font-size: 34px;
    line-height: 1.25;
  }

  .license-intro p {
    font-size: 14px;
    line-height: 2;
  }

  .license-card-head {
    padding: 16px;
  }

  .license-grid {
    grid-template-columns: 1fr;
  }

  .license-grid > div:nth-child(odd) {
    border-right: 0;
  }

  .license-grid strong {
    font-size: 14px;
    line-height: 1.9;
  }

  .license-grid small,
  .license-grid span {
    font-size: 11px;
    line-height: 1.9;
  }

  .license-highlight {
    width: auto;
    justify-content: space-between;
  }
}

/* v1.0.9 — premium company credibility ribbon */
.trust-banner{
  position:relative;
  z-index:1000;
  background:linear-gradient(90deg,#111 0%,#1a1408 48%,#111 100%);
  color:#f5e7bf;
  border-top:1px solid rgba(215,166,61,.25);
  border-bottom:1px solid rgba(215,166,61,.38);
}
.trust-banner-inner{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  letter-spacing:.02em;
}
.trust-ar{
  font-family:"Cairo",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1.8;
}
.trust-en{
  font-family:"DM Sans",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.trust-note{
  color:#bca56d;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.trust-note b{color:#d7a63d;padding:0 3px}
.trust-sep{color:#d7a63d;font-size:13px}
@media (max-width:782px){
  .trust-banner-inner{
    min-height:44px;
    padding:5px 16px;
    gap:7px;
    flex-wrap:wrap;
  }
  .trust-ar{font-size:12px;line-height:1.9}
  .trust-en{font-size:9px;letter-spacing:.08em}
  .trust-note{display:none}
  .trust-sep-wide{display:none}
}
@media (max-width:480px){
  .trust-banner-inner{gap:5px}
  .trust-ar{font-size:11px}
  .trust-en{font-size:8.5px}
}

/* v1.0.10 — final credibility banner wording */
.trust-banner-inner{min-height:38px}
@media (max-width:782px){
  .trust-banner-inner{min-height:42px;padding:5px 14px;gap:7px}
  .trust-ar{font-size:11.5px}
  .trust-en{font-size:9px}
}

/* v1.0.11 — concise business license credibility section */
.license-strip{
  background:#0a0a0a;
  color:#f5f0e5;
  border-top:1px solid rgba(215,166,61,.25);
  border-bottom:1px solid rgba(215,166,61,.22);
}
.license-strip-inner{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:48px;
  align-items:center;
  padding:58px 0;
}
.license-intro .eyebrow{
  color:#d7a63d;
  letter-spacing:.16em;
}
.license-intro h2{
  margin:10px 0 8px;
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(28px,3vw,44px);
  line-height:1.15;
}
.license-intro h2 em{
  color:#e4b94f;
  font-style:normal;
}
.license-intro p{
  margin:0;
  color:#cfc8ba;
  font-family:"Cairo",Arial,sans-serif;
  font-size:14px;
  line-height:2;
}
.license-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid rgba(215,166,61,.28);
  background:rgba(255,255,255,.025);
}
.license-details div{
  padding:20px 22px;
  border-right:1px solid rgba(215,166,61,.18);
  border-bottom:1px solid rgba(215,166,61,.18);
}
.license-details div:nth-child(2n){border-right:0}
.license-details div:nth-last-child(-n+2){border-bottom:0}
.license-details span{
  display:block;
  color:#a89d89;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:6px;
}
.license-details strong{
  display:block;
  color:#f1c85b;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
}
@media (max-width:782px){
  .license-strip-inner{
    grid-template-columns:1fr;
    gap:26px;
    padding:42px 18px;
  }
  .license-intro{text-align:center}
  .license-intro h2{font-size:30px;line-height:1.25}
  .license-intro p{font-size:13px;line-height:2}
  .license-details div{padding:17px 15px}
  .license-details strong{font-size:13px}
}
@media (max-width:480px){
  .license-strip-inner{padding:36px 15px}
  .license-intro h2{font-size:27px}
  .license-details span{font-size:9px}
  .license-details strong{font-size:12px}
}
