/* AHM Group — public site styles (RTL + LTR via logical properties) */
:root{
  --ink:#15191C; --ink-2:#3B4348; --muted:#4B5359; --muted-2:#6A7276;
  --bg:#F4F3EF; --white:#fff; --line:#E3E0D8; --line-2:#CFCBC1;
  --dark:#111312; --dark-2:#0A0B0B; --dark-line:#2F3539; --on-dark:#C9CDD0; --on-dark-2:#A9AFB3;
  --accent:#B3302F; --accent-h:#8E2322; --accent-soft:#E07B7C; --green:#2E6B47;
  --wrap:1320px; --gut:24px;
  --f-head:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif;
  --f-body:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,sans-serif;
}
html[lang=en]{--f-body:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,sans-serif;--f-head:'Readex Pro','IBM Plex Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.7}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-h)}
h1,h2,h3,h4{font-family:var(--f-head);line-height:1.25;margin:0}
p{margin:0}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:#fff;color:var(--ink);padding:10px 16px;z-index:100}
.skip:focus{top:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:center}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-h);color:#fff}
.btn-ghost{border-color:#5B6369;color:#fff}.btn-ghost:hover{border-color:#fff;color:#fff}
.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#000;color:#fff}
.btn-line{border-color:var(--line-2);color:var(--ink);background:#fff}.btn-line:hover{border-color:var(--ink);color:var(--ink)}
.btn-white{background:#fff;color:var(--dark)}.btn-white:hover{color:var(--accent)}
.btn-sm{min-height:44px;padding:9px 16px;font-size:14px}

/* top bar + header */
.topbar{background:var(--dark);color:var(--on-dark);font-size:13px}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding-block:8px}
.topbar a{color:var(--on-dark)}.topbar a:hover{color:#fff}
.topbar .group{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
.lang-btn{border:1px solid #3A4044;padding:3px 10px;color:#fff!important;font-weight:600}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.header .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-block:10px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}
.brand img{height:58px;width:auto}
.brand .tag{font-size:12px;color:#5B6369;border-inline-start:1px solid var(--line);padding-inline-start:12px;line-height:1.5}
.nav{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}
.nav a{color:var(--ink);font-weight:500;font-size:15px;padding:10px 2px;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}
.menu-btn{display:none;min-height:44px;min-width:44px;border:1px solid var(--line-2);background:#fff;cursor:pointer;align-items:center;justify-content:center}
@media (max-width:1100px){
  .nav,.header .cta{display:none}
  .menu-btn{display:inline-flex}
  .header.open .nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--gut) 16px;gap:0}
  .header.open .nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .header.open .nav .cta-m{display:flex;margin-top:12px}
  .brand img{height:46px}
}
.nav .cta-m{display:none}

/* hero */
.hero{background:var(--dark);color:#fff}
.hero .grid{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-end;padding-top:64px}
.hero .copy{flex:1 1 480px;min-width:0;padding-bottom:56px}
.kicker{font-size:14px;color:var(--accent-soft);font-weight:600;margin-bottom:16px;letter-spacing:.5px}
html[lang=en] .kicker{text-transform:uppercase;letter-spacing:1.2px}
.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.15;font-weight:700;white-space:pre-line}
.hero .lead{margin-top:22px;font-size:19px;line-height:1.8;color:var(--on-dark);max-width:560px}
.hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.slider{flex:1 1 560px;min-width:0;position:relative;height:460px;overflow:hidden;background:#23282B}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.slider .slide.on{opacity:1}
.slider img{width:100%;height:100%;object-fit:cover}
.slider .bar{position:absolute;bottom:0;inset-inline:0;padding:14px 18px;background:rgba(17,19,18,.84);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;z-index:2}
.slider .bar .t{font-weight:600}
.slider .bar .ctrl{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--on-dark)}
.icon-btn{width:44px;height:44px;border:1px solid #5B6369;background:transparent;color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.icon-btn:hover{border-color:#fff}
.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:#2A2F33;border-top:1px solid #2A2F33}
.highlights a{background:var(--dark);color:#fff;padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.highlights a:hover{background:#181B1A}
.highlights .k{font-size:13px;color:var(--accent-soft);font-weight:600}
.highlights .t{font-family:var(--f-head);font-size:20px;font-weight:600}
.highlights .d{color:var(--on-dark-2);font-size:14px;line-height:1.7}
.highlights .m{font-size:14px;font-weight:600}
@media (max-width:640px){.slider{height:300px}.hero .grid{padding-top:40px;gap:28px}.hero .copy{padding-bottom:0}}

/* quick links */
.quick{background:#fff;border-bottom:1px solid var(--line)}
.quick .wrap{display:flex;flex-wrap:wrap}
.quick a{flex:1 1 200px;padding:18px 12px;color:var(--ink);font-weight:600;border-inline-end:1px solid var(--line)}
.quick a:last-child{border-inline-end:0}
.quick a.wa{color:var(--green)}.quick a.ph{color:var(--accent)}
.quick a:hover{background:var(--bg)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;padding-block:52px}
.stats .s{border-top:3px solid var(--dark);padding-top:16px}
.stats .n{font-family:var(--f-head);font-size:46px;font-weight:700;line-height:1}
.stats .l{margin-top:8px;color:var(--muted)}

/* sections */
.sec{padding-block:84px}
.sec-white{background:#fff}.sec-bg{background:var(--bg)}.sec-dark{background:var(--dark);color:#fff}
.sec-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;margin-bottom:40px}
.sec-head h2{font-size:clamp(28px,3.4vw,44px)}
.sec-head p{max-width:480px;color:var(--muted);line-height:1.8}
.eyebrow{color:var(--accent);font-weight:600;font-size:14px;margin-bottom:10px}
.sec-dark .eyebrow{color:var(--accent-soft)}
html[lang=en] .eyebrow{text-transform:uppercase;letter-spacing:1px}
.more-link{font-weight:600}
@media (max-width:640px){.sec{padding-block:56px}}

/* cards */
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.grid-cards.wide{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
@media (max-width:420px){.grid-cards,.grid-cards.wide{grid-template-columns:1fr}}
.card{background:#fff;color:var(--ink);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{color:var(--ink);box-shadow:0 10px 30px rgba(17,19,18,.10);transform:translateY(-2px)}
.sec-white .card,.card.on-white{background:var(--bg)}
.card .media{position:relative;height:230px;overflow:hidden;background:#23282B}
.card .media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .media img{transform:scale(1.04)}
.card .media.contain{background:#fff;border-bottom:1px solid var(--line)}
.card .media.contain img{object-fit:contain;padding:14px}
.card .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{font-size:20px}
.card .txt{color:var(--muted);font-size:15px;line-height:1.75}
.card .sub{color:var(--muted-2);font-size:13px;line-height:1.7}
.card .go{margin-top:auto;padding-top:6px;font-weight:600;color:var(--accent)}
.badge{position:absolute;top:14px;inset-inline-start:14px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;padding:5px 10px;z-index:1}
.badge.dark{background:var(--dark)}
.badge.end{inset-inline-start:auto;inset-inline-end:14px;top:auto;bottom:14px;background:rgba(17,19,18,.82)}
.pill{background:#fff;color:var(--ink);font-size:12px;font-weight:600;padding:4px 10px;position:absolute;bottom:14px;inset-inline-start:14px}
dl.facts{margin:0;display:grid;grid-template-columns:110px 1fr;gap:8px 12px;font-size:14px;line-height:1.6}
dl.facts dt{color:var(--muted-2)}dl.facts dd{margin:0}

/* filter chips */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.chip{min-height:44px;padding:10px 18px;font-weight:600;border:1px solid var(--line-2);background:#fff;color:var(--ink);display:inline-flex;align-items:center;cursor:pointer}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip[aria-current=true]{background:var(--dark);border-color:var(--dark);color:#fff}

/* group / steps */
.arms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.arm{border:1px solid var(--dark-line);padding:30px 26px;display:flex;flex-direction:column;gap:12px}
.arm .n{font-family:var(--f-head);font-size:40px;font-weight:700;color:#3A4044}
.arm p{color:var(--on-dark-2);line-height:1.8}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--dark-line);margin-top:44px}
.steps>div{background:var(--dark);padding:22px 20px}
.steps .k{color:var(--accent-soft);font-weight:600;font-size:13px}
.steps .t{font-weight:600;font-size:18px;margin-top:4px}
.steps .d{color:var(--on-dark-2);font-size:14px;line-height:1.7;margin-top:4px}

/* about */
.split{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.split>.pic{flex:1 1 440px;min-width:0;height:440px;overflow:hidden;background:#D9D6CE}
.split>.pic img{width:100%;height:100%;object-fit:cover}
.split>.copy{flex:1 1 480px;min-width:0}
.split h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:18px;line-height:1.3}
.prose p{color:var(--ink-2);line-height:1.95;font-size:17px;margin-bottom:14px}
.certs{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.certs span{border:1px solid var(--line-2);padding:9px 14px;font-weight:600;font-size:14px}
.partners{border-top:1px solid var(--line)}
.partners .wrap{display:flex;flex-wrap:wrap;gap:20px 44px;align-items:center;justify-content:space-between;padding-block:30px}
.partners .lbl{color:var(--muted-2);font-size:14px;font-weight:600}
.partners img{height:46px;width:auto;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}
.partners a:hover img,.partners img:hover{filter:none;opacity:1}

/* video */
.vid{color:var(--ink);display:flex;flex-direction:column;gap:12px}
.vid .media{position:relative;height:200px;overflow:hidden;background:#23282B}
.vid .media img{width:100%;height:100%;object-fit:cover;opacity:.8}
.vid .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vid .t{font-weight:600}
.vid:hover{color:var(--accent)}

/* contact */
.contact{display:flex;flex-wrap:wrap;gap:56px}
.contact .info{flex:1 1 360px;min-width:0}
.contact .info h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:16px;line-height:1.3}
.contact .info .lead{color:var(--on-dark-2);margin-bottom:28px}
.contact dl{margin:0;display:flex;flex-direction:column;gap:16px;font-size:15px}
.contact dt{color:#8C9397;font-size:13px}.contact dd{margin:0}
.contact dd a{color:#fff}
.form{flex:1 1 520px;min-width:0;background:#fff;color:var(--ink);padding:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.form input,.form select,.form textarea{border:1px solid var(--line-2);padding:12px;min-height:48px;background:#fff;color:var(--ink);width:100%;font-weight:400}
.form textarea{resize:vertical;min-height:110px}
.form .full{grid-column:1/-1}
.form .hp{position:absolute;inset-inline-start:-9999px}
.alert{padding:14px 18px;font-weight:600}
.alert-ok{background:#E3F1E8;color:#1F4D33;border:1px solid #B9DCC6}
.alert-err{background:#FBE9E9;color:#7A1F1E;border:1px solid #F0C1C1}
.err{color:#B3302F;font-size:13px;font-weight:500}
.map{margin-top:26px;height:260px;border:0;width:100%;background:#23282B}

/* page head */
.page-head{background:var(--dark);color:#fff}
.page-head .wrap{padding-block:46px 40px}
.crumbs{font-size:14px;color:var(--on-dark-2);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--on-dark)}.crumbs a:hover{color:#fff}
.crumbs li{list-style:none;display:inline}
.crumbs ol{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:'/';margin-inline-end:6px;color:#5B6369}
.page-head h1{font-size:clamp(30px,4.2vw,52px);line-height:1.18}
.page-head .lead{margin-top:14px;color:var(--on-dark);font-size:18px;line-height:1.8;max-width:780px}
.page-head .k2{margin-top:12px;color:var(--accent-soft);font-weight:600}

/* detail */
.detail{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:44px}
.detail .main-img{flex:1 1 520px;min-width:0;height:460px;overflow:hidden;background:#23282B;position:relative}
.detail .main-img img{width:100%;height:100%;object-fit:cover}
.detail .main-img.contain{background:#fff}
.detail .main-img.contain img{object-fit:contain;padding:20px}
.detail .side{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:18px}
.detail .side h2{font-size:22px}
.detail .facts{background:#fff;padding:22px}
.detail .actions{display:flex;flex-wrap:wrap;gap:12px}
.longtext p{color:var(--ink-2);line-height:2;margin-bottom:14px}
.cat-banner{display:flex;flex-wrap:wrap;background:#fff;margin-bottom:22px}
.cat-banner .pic{flex:0 1 320px;min-width:240px;height:180px;overflow:hidden}
.cat-banner .pic img{width:100%;height:100%;object-fit:cover}
.cat-banner .b{flex:1 1 360px;min-width:0;padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.cat-banner h2{font-size:28px}
.cat-banner p{color:var(--muted)}
.cat-block{margin-bottom:56px}

/* gallery + lightbox */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gallery a{display:block;height:180px;overflow:hidden;background:#23282B;cursor:zoom-in}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.gallery a:hover img{transform:scale(1.05)}
.lb{position:fixed;inset:0;z-index:90;background:rgba(10,11,11,.95);display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:80vh;object-fit:contain}
.lb .cap{color:var(--on-dark);font-size:14px;text-align:center}
.lb .ctrl{display:flex;gap:10px;align-items:center;color:#fff}

/* band */
.band{background:var(--accent);color:#fff}
.band .wrap{padding-block:44px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.band h2{font-size:clamp(22px,2.6vw,32px)}
.band .acts{display:flex;flex-wrap:wrap;gap:12px}

/* pagination */
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:40px}
.pager a,.pager span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font-weight:600}
.pager .cur{background:var(--dark);color:#fff;border-color:var(--dark)}
.pager .dis{opacity:.4}

/* footer */
.footer{background:var(--dark-2);color:var(--on-dark);font-size:14px}
.footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;padding-block:54px 28px}
.footer a{color:var(--on-dark)}.footer a:hover{color:#fff}
.footer .col{display:flex;flex-direction:column;gap:10px}
.footer strong{color:#fff;font-family:var(--f-head)}
.footer .logo{background:#fff;padding:10px 14px;display:inline-block}
.footer .logo img{height:62px;width:auto}
.footer .copy{border-top:1px solid #23282B;padding-block:18px;color:#8C9397;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.wa-float{position:fixed;bottom:22px;inset-inline-end:22px;z-index:50;background:var(--green);color:#fff;font-weight:600;padding:12px 18px;min-height:50px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.wa-float:hover{color:#fff;background:#245839}

/* video embed */
.embed{position:relative;padding-top:56.25%;background:#000}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.empty{padding:60px 20px;text-align:center;color:var(--muted)}
@media (max-width:640px){
  .topbar .group:first-child span,.topbar .group:last-child a:not(.lang-btn){display:none}
  .topbar .wrap{flex-wrap:nowrap}
  .brand .tag{display:none}
  .wa-float{padding:12px 14px}
  .detail .main-img{height:300px}
  .split>.pic{height:300px}
}