@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
:root{
  --primary:#078ea1;
  --primary-2:#18b7c7;
  --primary-dark:#063b42;
  --primary-deep:#042f35;
  --accent:#d7b85a;
  --accent-soft:#fff6d8;
  --bg:#f5fbfa;
  --surface:#ffffff;
  --surface-soft:#eaf8f5;
  --text:#12343a;
  --muted:#5f7478;
  --line:#d9eeee;
  --shadow:0 18px 45px rgba(4,47,53,.12);
  --radius:28px;
  --radius-sm:16px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Tajawal","Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  direction:rtl;
  text-align:start;
  line-height:1.75;
}
.page-loading-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:rgba(245,251,250,0.5);
  backdrop-filter:blur(5px);
}
.page-loading-overlay.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease, visibility .25s ease;
}
.page-loading-spinner{
  width:68px;
  height:68px;
  border-radius:50%;
  border:5px solid rgba(7,142,161,.16);
  border-top-color:var(--primary);
  animation:spin 1s linear infinite;
  box-shadow:0 12px 32px rgba(7,142,161,.16);
}
.page-loading-label{
  margin-top:16px;
  font-weight:800;
  color:var(--primary-dark);
  letter-spacing:.02em;
}
@keyframes spin{to{transform:rotate(360deg)}}
html[dir="ltr"] body{
  direction:ltr;
  text-align:end;
}
html[dir="rtl"] body{
  direction:rtl;
  text-align:start;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font-family:inherit}
.container{width:min(var(--container),calc(100% - 38px));margin-inline:auto}
.section{padding:90px 0}
.section.compact{padding:58px 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--primary);
  background:rgba(24,183,199,.1);
  border:1px solid rgba(24,183,199,.18);
  padding:6px 14px;border-radius:999px;
  font-weight:800;font-size:13px;
}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.section-title{font-size:clamp(28px,4vw,46px);line-height:1.25;margin:14px 0 16px;color:var(--primary-dark);letter-spacing:-.7px}
.section-text{color:var(--muted);font-size:17px;max-width:760px;margin:0}
.center{text-align:center}.center .section-text{margin-inline:auto}.center .eyebrow{justify-content:center}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 22px;border-radius:999px;
  border:1px solid transparent;cursor:pointer;
  font-weight:900;font-size:15px;
  transition:.25s ease;background:var(--primary);color:#fff;
  box-shadow:0 12px 26px rgba(7,142,161,.22);
}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(7,142,161,.28)}
.btn.secondary{background:#fff;color:var(--primary-dark);border-color:var(--line);box-shadow:none}
.btn.secondary:hover{border-color:var(--primary-2);color:var(--primary)}
.btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.24);box-shadow:none}
.btn.small{padding:9px 15px;font-size:13px}.btn.gold{background:var(--accent);color:#16373b;box-shadow:0 14px 26px rgba(215,184,90,.24)}

/* Header */
.site-header{
  position:sticky;top:0;z-index:1000;background:rgba(245,251,250,.88);
  backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,238,238,.75)
}
.navbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand img{width:56px;height:56px;border-radius:50%;box-shadow:0 8px 22px rgba(7,142,161,.18)}
.brand-text strong{display:block;color:var(--primary-dark);font-size:17px;line-height:1.25}.brand-text span{display:block;color:var(--muted);font-size:12px;letter-spacing:.3px;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.nav-links a{display:block;padding:11px 14px;border-radius:999px;color:#31565d;font-weight:800;font-size:14px;transition:.2s}
.nav-links a:hover,.nav-links a.active{background:#fff;color:var(--primary);box-shadow:0 8px 18px rgba(4,47,53,.08)}
.nav-actions{display:flex;align-items:center;gap:10px}.lang-pill{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;font-weight:900;color:var(--primary-dark)}
.menu-toggle{display:none;border:none;background:var(--primary-dark);color:white;border-radius:14px;width:46px;height:46px;font-size:22px;cursor:pointer}

/* Hero */
.hero{position:relative;background:radial-gradient(circle at 22% 8%,rgba(24,183,199,.34),transparent 24%),linear-gradient(135deg,var(--primary-deep),#074a50 58%,#0b6f79);overflow:hidden;color:#fff;min-height:690px}
.hero::before{content:"";position:absolute;inset:auto -120px -160px auto;width:520px;height:520px;background:rgba(24,183,199,.22);border-radius:50%}
.hero::after{content:"";position:absolute;inset:120px auto auto 8%;width:220px;height:220px;border:36px solid rgba(215,184,90,.18);border-radius:50%}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:86px 0 76px;min-height:calc(690px - 86px)}
.hero-slider{position:relative;min-height:430px}.slide{position:absolute;inset:0;opacity:0;transform:translateY(20px);transition:.6s ease;pointer-events:none}.slide.active{opacity:1;transform:translateY(0);pointer-events:auto}
.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;margin:18px 0 18px;letter-spacing:-1.2px}.hero p{font-size:18px;color:rgba(255,255,255,.78);max-width:690px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.slider-dots{display:flex;gap:10px;margin-top:38px}.slider-dots button{width:36px;height:7px;border-radius:99px;border:0;cursor:pointer;background:rgba(255,255,255,.26);transition:.2s}.slider-dots button.active{background:var(--accent);width:52px}
.hero-visual{position:relative;min-height:500px}.main-orb{position:absolute;inset:44px 42px auto auto;width:360px;height:360px;border-radius:50%;background:linear-gradient(135deg,var(--primary-2),#5dd5d2);box-shadow:0 30px 70px rgba(0,0,0,.18)}
.doctor-card{position:absolute;inset:82px 0 auto auto;width:min(405px,100%);background:rgba(255,255,255,.98);border-radius:38px;padding:28px;box-shadow:var(--shadow);color:var(--primary-dark);overflow:hidden}
.doctor-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 12%,rgba(215,184,90,.2),transparent 23%),radial-gradient(circle at 80% 15%,rgba(24,183,199,.15),transparent 26%)}
.logo-medallion{position:relative;margin:0 auto 20px;width:152px;height:152px;border-radius:50%;background:#fff;padding:10px;box-shadow:0 12px 28px rgba(7,142,161,.18)}.logo-medallion img{border-radius:50%}
.visual-lines{position:relative;display:grid;gap:12px;margin-top:14px}.visual-line{height:12px;border-radius:99px;background:#e8f2f2}.visual-line:nth-child(1){width:76%}.visual-line:nth-child(2){width:90%}.visual-line:nth-child(3){width:56%}
.floating-stat{position:absolute;background:#fff;color:var(--primary-dark);border-radius:22px;padding:14px 18px;box-shadow:0 14px 34px rgba(4,47,53,.17);z-index:2}.floating-stat strong{display:block;font-size:24px;color:var(--primary)}.floating-stat span{font-size:12px;color:var(--muted);font-weight:800}.stat-a{right:20px;bottom:90px}.stat-b{left:22px;top:92px}.hero-pattern{position:absolute;left:34px;bottom:54px;display:grid;grid-template-columns:repeat(5,7px);gap:9px}.hero-pattern i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.38)}

/* Cards and grids */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.image-panel{min-height:470px;border-radius:var(--radius);background:linear-gradient(145deg,#fff,#eaf8f5);box-shadow:var(--shadow);position:relative;overflow:hidden;padding:30px}.image-panel::before{content:"";position:absolute;inset:auto auto -110px -100px;width:320px;height:320px;background:rgba(24,183,199,.22);border-radius:50%}.image-panel::after{content:"";position:absolute;inset:48px 38px auto auto;width:130px;height:130px;border:24px solid rgba(215,184,90,.25);border-radius:50%}
.medical-illustration{position:relative;z-index:1;height:100%;display:grid;align-content:end;gap:18px}.ill-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 12px 26px rgba(4,47,53,.08)}.ill-row{display:flex;align-items:center;gap:13px}.ill-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:white;font-size:24px}.ill-bars{flex:1;display:grid;gap:9px}.ill-bars span{height:10px;border-radius:999px;background:#e6f3f2}.ill-bars span:nth-child(1){width:92%}.ill-bars span:nth-child(2){width:64%}.ill-bars span:nth-child(3){width:78%}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 14px 30px rgba(4,47,53,.06);transition:.25s;position:relative;overflow:hidden}.card::after{content:"";position:absolute;inset:auto -48px -56px auto;width:138px;height:138px;background:rgba(24,183,199,.08);border-radius:50%}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card-icon{width:62px;height:62px;border-radius:21px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#fff;font-size:26px;margin-bottom:18px}.card h3{font-size:20px;color:var(--primary-dark);line-height:1.35;margin:0 0 10px}.card p{color:var(--muted);margin:0;font-size:15px}.card .mini-link{position:relative;z-index:1;margin-top:20px;display:inline-flex;color:var(--primary);font-weight:900}
.soft-section{background:linear-gradient(180deg,#eaf8f5,#f5fbfa);position:relative;overflow:hidden}.soft-section::before{content:"";position:absolute;top:-160px;right:-160px;width:390px;height:390px;border:1px solid rgba(7,142,161,.16);border-radius:50%;box-shadow:0 0 0 28px rgba(7,142,161,.03),0 0 0 58px rgba(7,142,161,.025)}

/* Events */
.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.event-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 14px 28px rgba(4,47,53,.06);transition:.25s}.event-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.event-cover{height:188px;background:linear-gradient(135deg,var(--primary-dark),var(--primary),var(--primary-2));position:relative;overflow:hidden}.event-cover::before{content:"";position:absolute;inset:34px auto auto 30px;width:120px;height:120px;border:24px solid rgba(255,255,255,.18);border-radius:50%}.event-cover::after{content:"";position:absolute;right:28px;bottom:28px;width:100px;height:70px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:18px}.event-date{position:absolute;right:22px;top:22px;background:#fff;color:var(--primary-dark);border-radius:18px;padding:10px 14px;text-align:center;font-weight:900;box-shadow:0 12px 24px rgba(0,0,0,.12)}.event-date b{display:block;font-size:25px;line-height:1}.event-date span{font-size:12px;color:var(--muted)}.event-body{padding:24px}.event-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.event-meta span{background:var(--surface-soft);color:var(--primary-dark);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.event-body h3{font-size:21px;line-height:1.36;margin:0 0 10px;color:var(--primary-dark)}.event-body p{color:var(--muted);font-size:15px;margin:0 0 18px}.event-actions{display:flex;gap:10px;flex-wrap:wrap}
.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:32px 0 0}.filter-btn{border:1px solid var(--line);background:#fff;color:var(--primary-dark);border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* Pages */
.page-hero{background:radial-gradient(circle at 15% 5%,rgba(215,184,90,.26),transparent 25%),linear-gradient(135deg,var(--primary-deep),#075c65);color:#fff;padding:82px 0;overflow:hidden}.page-hero .section-title{color:#fff}.page-hero .section-text{color:rgba(255,255,255,.78)}.breadcrumb{display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.82);font-weight:800}.breadcrumb a{color:#fff}.breadcrumb span{opacity:.7}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.person-card{min-height:260px;perspective:1000px}.person-inner{position:relative;width:100%;height:100%;min-height:260px;transform-style:preserve-3d;transition:.6s}.person-card:hover .person-inner{transform:rotateY(180deg)}.person-front,.person-back{position:absolute;inset:0;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;backface-visibility:hidden;box-shadow:0 14px 30px rgba(4,47,53,.06)}.person-back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff}.avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--primary);font-size:34px;margin-bottom:22px}.person-front h3{margin:0 0 6px;color:var(--primary-dark)}.person-front p{margin:0;color:var(--muted);font-weight:800}.person-back p{margin:0;color:rgba(255,255,255,.86)}
.timeline{display:grid;gap:18px;margin-top:36px}.timeline-item{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 24px rgba(4,47,53,.05)}.timeline-num{width:56px;height:56px;border-radius:18px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.timeline-item h3{margin:0 0 8px;color:var(--primary-dark)}.timeline-item p{margin:0;color:var(--muted)}
.detail-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.detail-box,.side-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 14px 30px rgba(4,47,53,.06)}.detail-list{display:grid;gap:12px;padding:0;margin:24px 0;list-style:none}.detail-list li{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;background:var(--surface-soft);border-radius:16px}.detail-list b{color:var(--primary-dark);min-width:145px}.side-box{position:sticky;top:110px}.price-box{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:white;border-radius:22px;padding:24px;margin-bottom:18px}.price-box strong{font-size:34px;display:block}.note{background:var(--accent-soft);border:1px solid rgba(215,184,90,.45);border-radius:18px;padding:16px;color:#6d5721;font-weight:800}

/* Contact */
.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}.form-card,.info-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 14px 30px rgba(4,47,53,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:900;color:var(--primary-dark)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#f9fefe;border-radius:16px;padding:13px 14px;color:var(--text);outline:none;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(24,183,199,.11)}.field textarea{min-height:150px;resize:vertical}.info-list{display:grid;gap:15px;margin:22px 0}.info-row{display:flex;gap:12px;align-items:flex-start;background:var(--surface-soft);border-radius:18px;padding:16px}.info-row i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--primary);font-style:normal;font-size:20px}.map-placeholder{height:270px;border-radius:22px;background:linear-gradient(135deg,#dff4f2,#fff);display:grid;place-items:center;border:1px dashed rgba(7,142,161,.35);color:var(--primary-dark);font-weight:900;text-align:center;padding:24px}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{width:42px;height:42px;border-radius:14px;background:var(--primary);color:white;display:grid;place-items:center;font-weight:900}.form-message{display:none;margin-top:15px;background:#e8faf2;color:#126948;border:1px solid #bdebd7;border-radius:14px;padding:12px;font-weight:800}.form-message.show{display:block}

/* CTA/footer */
.cta-band{background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-radius:34px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.cta-band::after{content:"";position:absolute;left:-70px;top:-70px;width:220px;height:220px;border:35px solid rgba(255,255,255,.11);border-radius:50%}.cta-band h2{margin:0 0 8px;font-size:32px}.cta-band p{margin:0;color:rgba(255,255,255,.78)}
.site-footer{background:var(--primary-deep);color:#fff;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr .9fr;gap:32px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-logo img{width:64px;height:64px;border-radius:50%;background:#fff;padding:3px}.site-footer p{color:rgba(255,255,255,.72);margin:0}.footer-col h3{margin:0 0 18px;color:#fff;font-size:18px}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer-col a,.footer-col li{color:rgba(255,255,255,.72);font-weight:700}.footer-col a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;text-align:center;color:rgba(255,255,255,.62);font-size:14px}
.whatsapp-float{position:fixed;left:20px;bottom:20px;z-index:999;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:900;font-size:25px;box-shadow:0 14px 30px rgba(37,211,102,.35)}.whatsapp-float:hover{transform:translateY(-2px)}
.to-top{position:fixed;right:20px;bottom:20px;z-index:999;width:46px;height:46px;border:0;border-radius:50%;display:none;place-items:center;background:var(--primary-dark);color:white;cursor:pointer}.to-top.show{display:grid}

/* Modal */
.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(4,47,53,.64);z-index:2000;padding:20px}.modal.show{display:grid}.modal-card{background:#fff;border-radius:28px;padding:28px;max-width:540px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.22)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.modal-head h3{margin:0;color:var(--primary-dark)}.modal-close{width:40px;height:40px;border:0;border-radius:14px;background:var(--surface-soft);cursor:pointer;font-size:22px;color:var(--primary-dark)}

@media (max-width:1020px){
  .hero-inner,.split,.contact-layout,.detail-layout{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding:62px 0}.hero-slider{min-height:380px}.hero-visual{min-height:430px}.cards-grid{grid-template-columns:repeat(2,1fr)}.events-grid,.values-grid,.leadership-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cta-band{grid-template-columns:1fr}.side-box{position:static}.nav-links{position:fixed;inset:86px 16px auto 16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;display:none;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.show{display:flex}.menu-toggle{display:block}.nav-actions .lang-pill{display:none}.nav-actions .btn{display:none}
}
@media (max-width:680px){
  .container{width:min(100% - 24px,var(--container))}.section{padding:62px 0}.navbar{height:78px}.brand img{width:48px;height:48px}.brand-text strong{font-size:14px}.brand-text span{font-size:10px}.nav-links{inset:78px 12px auto 12px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-slider{min-height:430px}.hero-visual{display:none}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.cards-grid,.events-grid,.values-grid,.leadership-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.cta-band{padding:28px;border-radius:24px}.cta-band h2{font-size:25px}.detail-list li{display:grid}.detail-list b{min-width:0}.footer-grid{gap:26px}.whatsapp-float{left:14px;bottom:14px;width:52px;height:52px}.to-top{right:14px;bottom:14px}.page-hero{padding:58px 0}.event-actions{flex-direction:column}.image-panel{min-height:360px}.section-title{font-size:30px}
}

/* ===== Design update: unified pill header, membership section, global join CTA and expanded footer ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:1000;background:transparent;border:0;padding:18px 0 10px;backdrop-filter:none}
.navbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 28px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(4,47,53,.14);backdrop-filter:blur(18px)}
.logo-only{min-width:auto;order:3}.logo-only img{width:56px;height:56px;border-radius:50%;background:#fff;padding:3px;box-shadow:0 9px 24px rgba(7,142,161,.18)}
.site-header nav{order:2;flex:1;display:flex;justify-content:center}.nav-actions{order:1;display:flex;align-items:center;gap:18px;min-width:max-content}
.nav-links{display:flex;align-items:center;justify-content:center;gap:24px;margin:0;padding:0;list-style:none}.nav-links a{position:relative;display:block;padding:20px 0 18px;border-radius:0;background:transparent;color:#23474d;font-weight:900;font-size:15px;box-shadow:none;transition:.2s}.nav-links a:hover,.nav-links a.active{background:transparent;color:var(--primary);box-shadow:none}.nav-links a::after{content:"";position:absolute;right:0;left:0;bottom:11px;height:3px;border-radius:999px;background:var(--primary);opacity:0;transform:scaleX(.45);transition:.22s}.nav-links a:hover::after,.nav-links a.active::after{opacity:1;transform:scaleX(1)}
.login-link{font-weight:900;color:var(--primary);white-space:nowrap}.login-link:hover{color:var(--primary-dark)}.nav-register{border-radius:12px;padding:11px 25px;background:var(--primary);box-shadow:0 12px 24px rgba(7,142,161,.23)}

.membership-section{background:#f4f6f6}.membership-heading{margin-bottom:44px}.membership-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:74px;align-items:center}.membership-copy h3{margin:14px 0 16px;color:var(--primary);font-size:clamp(26px,3.4vw,38px);line-height:1.25}.membership-copy p{margin:0 0 26px;color:var(--muted);font-size:17px;max-width:610px}.membership-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.membership-feature-card{min-height:126px;background:#fff;border:1px solid #edf3f3;border-radius:8px;padding:22px 18px;display:grid;place-items:center;text-align:center;box-shadow:0 12px 26px rgba(4,47,53,.06);transition:.24s}.membership-feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(7,142,161,.2)}.membership-feature-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--primary);font-size:26px;font-weight:900;margin-bottom:12px}.membership-feature-card h3{margin:0;color:#4c5f63;font-size:15px;line-height:1.55;font-weight:800}

.join-cta-section{padding:0;background:var(--bg)}.join-cta-card{background:linear-gradient(135deg,#006f69,var(--primary));color:#fff;text-align:center;padding:56px 28px;position:relative;overflow:hidden}.join-cta-card::before{content:"";position:absolute;inset:-90px auto auto -80px;width:260px;height:260px;border:40px solid rgba(255,255,255,.09);border-radius:50%}.join-cta-card h2{position:relative;margin:0 0 14px;font-size:clamp(28px,3.6vw,42px);line-height:1.25}.join-cta-card p{position:relative;margin:0 auto 28px;max-width:780px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.8}.join-cta-actions{position:relative;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.join-cta-actions .btn{min-width:166px;border-radius:8px;box-shadow:none}.cta-register{background:#fff;color:var(--primary);border-color:#fff}.cta-register:hover{color:var(--primary-dark)}.cta-login{background:transparent;color:#fff;border-color:rgba(255,255,255,.62)}.cta-login:hover{background:rgba(255,255,255,.12);color:#fff}

.site-footer{background:#2b3030;color:#fff;padding:64px 0 30px}.footer-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr 1.1fr;gap:46px;margin-bottom:34px}.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:16px}.footer-logo img{width:74px;height:74px;border-radius:50%;background:#fff;padding:4px}.footer-logo strong{font-size:18px;line-height:1.45}.footer-about p{max-width:360px}.site-footer p{color:rgba(255,255,255,.72);margin:0}.footer-col h3{position:relative;margin:0 0 22px;color:#fff;font-size:18px;padding-inline-start:16px}.footer-col h3::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:3px;height:26px;background:var(--primary);transform:translateY(-50%);border-radius:99px}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.footer-col a,.footer-col li{color:rgba(255,255,255,.76);font-weight:700}.footer-col a:hover{color:#fff}.footer-socials{display:flex;gap:12px;margin-top:28px}.footer-socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.09);color:#fff;font-weight:900}.footer-socials a:hover{background:var(--primary)}.footer-contact-list li{display:flex;align-items:center;gap:11px}.footer-contact-list span:first-child{color:var(--primary);font-weight:900}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;color:rgba(255,255,255,.66);font-size:14px}.footer-bottom .copyright{border:0;padding:0;text-align:start;color:rgba(255,255,255,.66)}.footer-legal{display:flex;gap:24px;flex-wrap:wrap}.footer-legal a{color:rgba(255,255,255,.76);font-weight:700}.footer-legal a:hover{color:#fff}

.info-card a{color:var(--primary);font-weight:900}.whatsapp-float{background:var(--primary);box-shadow:0 14px 30px rgba(7,142,161,.32)}

@media (max-width:1100px){
  .navbar{padding:0 20px}.nav-links{gap:15px}.nav-links a{font-size:14px}.membership-layout{gap:36px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media (max-width:1020px){
  .site-header{padding:10px 0 8px}.navbar{height:72px}.site-header nav{order:4;flex:0}.logo-only{order:2}.nav-actions{order:1}.login-link,.nav-register{display:none}.menu-toggle{display:block;background:var(--primary);color:#fff}.nav-links{position:fixed;inset:92px 16px auto 16px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;padding:14px;display:none;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:3px}.nav-links.show{display:flex}.nav-links a{padding:12px 16px;border-radius:14px}.nav-links a::after{display:none}.nav-links a:hover,.nav-links a.active{background:var(--surface-soft);color:var(--primary)}.membership-layout{grid-template-columns:1fr}.membership-copy{order:1}.membership-features-grid{order:2}.join-cta-card{padding:46px 22px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom .copyright{text-align:start}
}
@media (max-width:680px){
  .navbar{height:66px;padding:0 14px}.logo-only img{width:48px;height:48px}.nav-links{inset:82px 12px auto 12px}.membership-features-grid{grid-template-columns:1fr 1fr}.membership-section{padding:62px 0}.join-cta-actions{flex-direction:column}.join-cta-actions .btn{width:100%;min-width:0}.footer-grid{grid-template-columns:1fr}.site-footer{padding:48px 0 24px}.footer-socials a{width:40px;height:40px}.footer-logo img{width:64px;height:64px}
}
@media (max-width:430px){.membership-features-grid{grid-template-columns:1fr}}

/* ===== Final refinements: slimmer header, calmer hero, full-width CTA, softer section transitions ===== */
:root{
  --primary:#087f8d;
  --primary-2:#20aebb;
  --primary-dark:#073f46;
  --primary-deep:#05383d;
  --bg:#f7fbfa;
  --surface-soft:#edf8f6;
  --shadow:0 16px 36px rgba(4,47,53,.10);
}

.site-header{
  padding:10px 0 8px;
  background:linear-gradient(180deg,rgba(247,251,250,.92),rgba(247,251,250,.46));
}
.navbar{
  height:62px;
  padding:0 18px;
  gap:16px;
  border-radius:999px;
  background:rgba(255,255,255,.80);
  border-color:rgba(255,255,255,.80);
  box-shadow:0 10px 28px rgba(4,47,53,.10);
}
.logo-only img{
  width:46px;
  height:46px;
  padding:2px;
  box-shadow:0 7px 18px rgba(7,142,161,.16);
}
.nav-links{gap:20px}
.nav-links a{
  padding:16px 0 14px;
  font-size:14px;
  line-height:1;
}
.nav-links a::after{bottom:7px;height:3px}
.login-link{font-size:14px}
.nav-actions{gap:14px}
.nav-register{
  padding:9px 22px;
  border-radius:10px;
  font-size:14px;
  box-shadow:0 9px 18px rgba(7,142,161,.20);
}
.menu-toggle{width:42px;height:42px;border-radius:12px}

.hero{
  min-height:560px;
  background:radial-gradient(circle at 23% 8%,rgba(32,174,187,.22),transparent 26%),linear-gradient(135deg,#05383d 0%,#06494f 55%,#08747d 100%);
  border-bottom-left-radius:44px;
  border-bottom-right-radius:44px;
  box-shadow:0 24px 60px rgba(4,47,53,.09);
}
.hero::before{
  width:430px;
  height:430px;
  opacity:.7;
  background:rgba(32,174,187,.16);
}
.hero::after{
  top:105px;
  width:180px;
  height:180px;
  border-width:28px;
  opacity:.72;
}
.hero-inner{
  padding:54px 0 52px;
  min-height:calc(560px - 70px);
  gap:36px;
}
.hero-slider{min-height:318px}
.hero h1{
  font-size:clamp(36px,4.6vw,56px);
  line-height:1.16;
  margin:16px 0 14px;
  letter-spacing:-.8px;
}
.hero p{
  font-size:17px;
  max-width:620px;
  margin-bottom:22px;
  color:rgba(255,255,255,.76);
}
.hero-actions .btn{padding:12px 20px}
.slider-dots{margin-top:26px}
.hero-visual{
  min-height:390px;
  transform:scale(.92);
  transform-origin:center left;
}
.main-orb{
  width:300px;
  height:300px;
  inset:34px 48px auto auto;
  background:linear-gradient(135deg,#1fb3be,#65d3d0);
}
.doctor-card{
  inset:68px 0 auto auto;
  width:min(350px,100%);
  border-radius:30px;
  padding:22px;
}
.logo-medallion{
  width:122px;
  height:122px;
  margin-bottom:14px;
}
.doctor-card h2{font-size:23px;margin:0 0 4px}
.doctor-card p{font-size:15px}
.floating-stat{
  border-radius:18px;
  padding:11px 15px;
}
.floating-stat strong{font-size:22px}
.stat-a{bottom:64px}.stat-b{top:70px}
.hero-pattern{bottom:40px}

.page-hero{
  padding:64px 0 70px;
  background:radial-gradient(circle at 16% 0%,rgba(215,184,90,.16),transparent 26%),linear-gradient(135deg,#05383d,#086772);
  border-bottom-left-radius:34px;
  border-bottom-right-radius:34px;
  box-shadow:0 18px 45px rgba(4,47,53,.08);
}
.page-hero .section-title{font-size:clamp(30px,4vw,46px)}

.section{padding:76px 0}
.hero + .section{
  position:relative;
  padding-top:84px;
  background:linear-gradient(180deg,#edf8f6 0%,var(--bg) 185px);
}
.hero + .section::before{
  content:"";
  position:absolute;
  top:-38px;
  right:0;
  left:0;
  height:84px;
  background:radial-gradient(ellipse at center,rgba(32,174,187,.12),transparent 68%);
  pointer-events:none;
}
.soft-section{background:linear-gradient(180deg,#eef8f6,#f7fbfa)}
.membership-section{
  background:linear-gradient(180deg,#f4f7f7 0%,#eff8f6 100%);
  padding:82px 0;
}
.event-cover{background:linear-gradient(135deg,#07565d,#0a8994,#1aaab6)}
.event-cover::before{border-color:rgba(255,255,255,.14)}
.event-cover::after{background:rgba(255,255,255,.10)}

.join-cta-section{
  padding:44px 0 0;
  background:linear-gradient(180deg,var(--bg) 0%,#eef8f7 100%);
  overflow:hidden;
}
.join-cta-section .container{
  width:100%;
  max-width:none;
  margin:0;
}
.join-cta-card{
  border-radius:0;
  padding:48px 24px;
  background:linear-gradient(135deg,#076b6a 0%,#0a8793 64%,#11939b 100%);
}
.join-cta-card::before{
  width:230px;
  height:230px;
  border-width:34px;
  opacity:.7;
}
.join-cta-card h2{font-size:clamp(26px,3vw,38px)}
.join-cta-card p{max-width:760px;color:rgba(255,255,255,.76)}
.join-cta-section + .section{
  padding-top:84px;
  background:linear-gradient(180deg,#eef8f7 0%,var(--bg) 150px);
}

@media (max-width:1020px){
  .site-header{padding:8px 0 6px}
  .navbar{height:60px;padding:0 14px}
  .logo-only img{width:44px;height:44px}
  .nav-links{inset:76px 16px auto 16px}
  .hero{min-height:auto;border-bottom-left-radius:30px;border-bottom-right-radius:30px}
  .hero-inner{padding:54px 0 58px;min-height:auto}
  .hero-slider{min-height:330px}
  .hero-visual{min-height:360px;transform:none}
  .page-hero{padding:54px 0 62px;border-bottom-left-radius:28px;border-bottom-right-radius:28px}
}
@media (max-width:680px){
  .site-header{padding:7px 0 6px}
  .navbar{height:58px;padding:0 12px}
  .logo-only img{width:42px;height:42px}
  .nav-links{inset:72px 12px auto 12px}
  .section{padding:62px 0}
  .hero-inner{padding:48px 0 52px}
  .hero-slider{min-height:360px}
  .hero h1{font-size:34px;line-height:1.2}
  .hero p{font-size:16px}
  .hero + .section{padding-top:70px}
  .membership-section{padding:66px 0}
  .join-cta-section{padding-top:32px}
  .join-cta-card{padding:40px 20px}
}


/* ===== Hero redesign: floating header + unified illustrated heroes ===== */
body{background:var(--bg)}
main{overflow:hidden}
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:1200;
  padding:18px 0 0;
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
.site-header .navbar{
  height:72px;
  padding:0 28px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 14px 34px rgba(4,47,53,.14);
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active{
  background:transparent;
  box-shadow:none;
}

.hero,
.page-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 22% 14%, rgba(37,202,214,.22), transparent 22%),
    radial-gradient(circle at 80% 88%, rgba(30,181,193,.18), transparent 26%),
    linear-gradient(135deg, #063a40 0%, #07565e 58%, #098792 100%);
  color:#fff;
  min-height:690px;
  border-bottom-left-radius:36px;
  border-bottom-right-radius:36px;
  box-shadow:0 22px 60px rgba(4,47,53,.10);
}
.hero::before,
.page-hero::before{
  content:"";
  position:absolute;
  top:175px;
  left:72px;
  width:210px;
  height:210px;
  border-radius:50%;
  border:28px solid rgba(214,184,95,.18);
}
.hero::after,
.page-hero::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-150px;
  width:380px;
  height:380px;
  border-radius:50%;
  background:rgba(32,185,197,.14);
}
.hero-inner,
.page-hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:54px;
  padding:134px 0 82px;
  min-height:690px;
}
.hero-copy,
.page-hero-copy{max-width:610px}
.hero-copy .eyebrow,
.page-hero-copy .eyebrow{
  color:#dff6f8;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
}
.hero-copy .eyebrow::before,
.page-hero-copy .eyebrow::before{background:var(--accent)}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.74);
  margin-bottom:20px;
  font-weight:700;
  flex-wrap:wrap;
}
.breadcrumb a:hover{color:#fff}
.hero-copy h1,
.page-hero-copy h1{
  font-size:clamp(38px,5.2vw,72px);
  line-height:1.12;
  letter-spacing:-1px;
  color:#fff;
  margin:18px 0 18px;
}
.page-hero-copy h1{font-size:clamp(34px,4.8vw,64px)}
.hero-copy p,
.page-hero-copy p{
  font-size:18px;
  line-height:1.95;
  color:rgba(255,255,255,.86);
  margin:0 0 30px;
}
.hero-actions,
.page-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-actions .btn,
.page-hero-actions .btn{min-width:168px}
.hero-actions .btn.secondary,
.page-hero-actions .btn.secondary{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.26)}
.hero-actions .btn.secondary:hover,
.page-hero-actions .btn.secondary:hover{background:rgba(255,255,255,.18);color:#fff}
.hero-media{
  position:relative;
  min-height:500px;
  padding-inline-start:26px;
}
.hero-media-arc{
  position:absolute;
  left:44px;
  top:78px;
  width:286px;
  height:286px;
  border-radius:50%;
  border:34px solid rgba(214,184,95,.14);
}
.hero-media-orb{
  position:absolute;
  left:152px;
  top:42px;
  width:248px;
  height:248px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(66,225,236,.92), rgba(35,175,187,.92));
  box-shadow:0 26px 60px rgba(0,0,0,.18);
}
.hero-media-card{
  position:absolute;
  inset:76px 0 auto auto;
  width:min(518px,100%);
  background:rgba(255,255,255,.96);
  border-radius:34px;
  padding:26px;
  color:var(--primary-dark);
  box-shadow:0 26px 60px rgba(4,47,53,.18);
  overflow:hidden;
}
.hero-media-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 12%, rgba(214,184,95,.18), transparent 20%),
             radial-gradient(circle at 82% 14%, rgba(30,181,193,.14), transparent 28%);
  pointer-events:none;
}
.hero-media-image{
  position:relative;
  z-index:1;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,#edf7f8,#e0f4f5);
  padding:14px;
}
.hero-media-image img{
  width:100%;
  height:280px;
  object-fit:cover;
  border-radius:22px;
}
.hero-media-content{position:relative;z-index:1;padding-top:18px}
.hero-media-content h3{margin:0 0 8px;font-size:24px;color:var(--primary-dark)}
.hero-media-content p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.hero-card-lines{position:relative;z-index:1;display:grid;gap:12px;margin-top:18px}
.hero-card-lines span{display:block;height:14px;border-radius:999px;background:#dbeef0}
.hero-card-lines span:nth-child(1){width:82%}
.hero-card-lines span:nth-child(2){width:92%}
.hero-card-lines span:nth-child(3){width:68%}
.hero-mini-card,
.hero-stat-card{
  position:absolute;
  background:rgba(255,255,255,.96);
  color:var(--primary-dark);
  border-radius:24px;
  box-shadow:0 16px 34px rgba(4,47,53,.16);
  z-index:2;
}
.hero-mini-card{
  right:0;
  top:80px;
  width:185px;
  padding:28px 22px;
  text-align:center;
}
.hero-mini-card strong{display:block;font-size:28px;color:var(--primary);margin-bottom:6px}
.hero-mini-card span{display:block;font-size:14px;color:var(--muted);font-weight:800;line-height:1.6}
.hero-stat-card{
  left:20px;
  bottom:82px;
  padding:24px 26px;
  min-width:138px;
  text-align:center;
}
.hero-stat-card strong{display:block;font-size:34px;line-height:1;color:var(--primary);margin-bottom:10px}
.hero-stat-card span{display:block;font-size:14px;font-weight:800;color:var(--muted)}
.hero-dots{
  position:absolute;
  left:14px;
  bottom:36px;
  display:grid;
  grid-template-columns:repeat(4,10px);
  gap:12px;
}
.hero-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.52)}
.page-hero{min-height:660px}
.page-hero .section-title,
.page-hero .section-text{color:inherit}
.hero + .section,
.page-hero + .section{
  position:relative;
  padding-top:92px;
  background:linear-gradient(180deg, #edf8f6 0%, var(--bg) 180px);
}
.hero + .section::before,
.page-hero + .section::before{
  content:"";
  position:absolute;
  top:-40px;
  right:0;
  left:0;
  height:88px;
  background:radial-gradient(ellipse at center, rgba(27,177,189,.12), transparent 70%);
}

@media (max-width:1100px){
  .site-header{padding-top:14px}
  .site-header .navbar{padding:0 18px}
  .hero-inner,.page-hero-inner{gap:34px}
  .hero-media-card{width:min(480px,100%)}
}
@media (max-width:1020px){
  .site-header{padding-top:12px}
  .site-header .navbar{height:66px;padding:0 14px}
  .nav-links{inset:82px 16px auto 16px;background:rgba(255,255,255,.97)}
  .hero,.page-hero{min-height:auto;border-bottom-left-radius:30px;border-bottom-right-radius:30px}
  .hero-inner,.page-hero-inner{grid-template-columns:1fr;padding:112px 0 64px;min-height:auto}
  .hero-copy,.page-hero-copy{max-width:none}
  .hero-media{order:2;min-height:480px;padding-inline-start:0}
  .hero-media-card{inset:70px 0 auto auto;width:100%}
  .hero-mini-card{top:20px;right:0}
  .hero-stat-card{left:14px;bottom:72px}
}
@media (max-width:680px){
  .site-header{padding-top:10px}
  .site-header .navbar{height:62px;padding:0 12px}
  .nav-links{inset:76px 12px auto 12px}
  .hero-inner,.page-hero-inner{padding:104px 0 52px;gap:26px}
  .hero-copy h1,.page-hero-copy h1{font-size:34px;line-height:1.2}
  .hero-copy p,.page-hero-copy p{font-size:16px;line-height:1.85}
  .hero-actions .btn,.page-hero-actions .btn{width:100%;min-width:0}
  .hero-media{min-height:420px}
  .hero-mini-card{width:150px;padding:22px 18px;border-radius:22px}
  .hero-mini-card strong{font-size:24px}
  .hero-media-card{padding:18px;border-radius:26px}
  .hero-media-image img{height:200px}
  .hero-media-content h3{font-size:21px}
  .hero-stat-card{padding:18px 20px;min-width:120px;border-radius:20px}
  .hero-stat-card strong{font-size:28px}
  .hero-media-arc{width:230px;height:230px;left:12px;top:76px;border-width:26px}
  .hero-media-orb{width:190px;height:190px;left:100px;top:52px}
  .hero-dots{left:10px;bottom:24px}
}


/* ===== Fix 2: smaller, cleaner heroes + restore 3-slide homepage hero ===== */
.hero,
.page-hero{
  min-height:560px !important;
  border-bottom-left-radius:28px;
  border-bottom-right-radius:28px;
}
.hero-inner,
.page-hero-inner{
  min-height:560px !important;
  padding:112px 0 58px !important;
  gap:42px !important;
}
.hero-copy,
.page-hero-copy{
  max-width:570px;
}
.hero-copy h1,
.page-hero-copy h1{
  font-size:clamp(30px,3.8vw,48px) !important;
  line-height:1.22 !important;
  letter-spacing:-.45px !important;
  margin:12px 0 12px !important;
  max-width:620px;
}
.page-hero-copy h1{font-size:clamp(30px,3.4vw,44px) !important}
.hero-copy p,
.page-hero-copy p{
  font-size:16px !important;
  line-height:1.85 !important;
  max-width:600px;
  margin-bottom:22px !important;
  color:rgba(255,255,255,.82) !important;
}
.hero-copy .eyebrow,
.page-hero-copy .eyebrow{
  padding:5px 12px;
  font-size:12px;
}
.hero-actions,
.page-hero-actions{gap:12px}
.hero-actions .btn,
.page-hero-actions .btn{
  min-width:148px;
  padding:11px 18px;
  font-size:14px;
}
.hero-home .hero-slider{
  position:relative;
  min-height:270px;
  width:100%;
}
.hero-home .hero-slider .slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .45s ease, transform .45s ease;
  pointer-events:none;
}
.hero-home .hero-slider .slide.active{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.hero-home .slider-dots{
  margin-top:18px;
  justify-content:flex-start;
}
.hero-home .slider-dots button{
  width:24px;
  height:6px;
  background:rgba(255,255,255,.34);
}
.hero-home .slider-dots button.active{
  width:40px;
  background:var(--accent);
}
.hero-media{
  min-height:410px !important;
  transform:scale(.88);
  transform-origin:center left;
}
.hero-media-card{
  width:min(460px,100%) !important;
  inset:54px 0 auto auto !important;
  border-radius:28px !important;
  padding:20px !important;
}
.hero-media-image{border-radius:22px;padding:10px}
.hero-media-image img{
  height:220px !important;
  border-radius:18px !important;
}
.hero-media-content{padding-top:14px}
.hero-media-content h3{font-size:21px !important;margin-bottom:4px}
.hero-media-content p{font-size:14px !important;line-height:1.65 !important}
.hero-card-lines{gap:9px;margin-top:12px}
.hero-card-lines span{height:10px}
.hero-media-arc{
  width:240px !important;
  height:240px !important;
  border-width:28px !important;
  top:62px !important;
}
.hero-media-orb{
  width:210px !important;
  height:210px !important;
  top:34px !important;
}
.hero-mini-card{
  width:152px !important;
  padding:20px 16px !important;
  top:62px !important;
  border-radius:20px !important;
}
.hero-mini-card strong{font-size:23px !important}
.hero-mini-card span{font-size:12px !important}
.hero-stat-card{
  bottom:54px !important;
  padding:18px 20px !important;
  min-width:118px !important;
  border-radius:20px !important;
}
.hero-stat-card strong{font-size:28px !important}
.hero-stat-card span{font-size:12px !important}
.hero-dots{bottom:22px !important;gap:9px;grid-template-columns:repeat(4,8px)}
.hero-dots i{width:8px;height:8px}
.hero + .section,
.page-hero + .section{
  padding-top:76px;
}

@media (max-width:1020px){
  .hero,.page-hero{min-height:auto !important}
  .hero-inner,.page-hero-inner{
    min-height:auto !important;
    padding:100px 0 52px !important;
    grid-template-columns:1fr;
    gap:24px !important;
  }
  .hero-copy,.page-hero-copy{max-width:none}
  .hero-home .hero-slider{min-height:275px}
  .hero-media{
    min-height:360px !important;
    transform:none;
  }
  .hero-media-card{width:100% !important;inset:48px 0 auto auto !important}
  .hero-media-image img{height:200px !important}
  .hero-mini-card{top:0 !important;right:0}
  .hero-stat-card{left:12px !important;bottom:48px !important}
}
@media (max-width:680px){
  .hero-inner,.page-hero-inner{padding:94px 0 46px !important}
  .hero-copy h1,.page-hero-copy h1{font-size:29px !important;line-height:1.25 !important}
  .hero-copy p,.page-hero-copy p{font-size:15px !important;line-height:1.75 !important}
  .hero-home .hero-slider{min-height:330px}
  .hero-actions .btn,.page-hero-actions .btn{width:100%;min-width:0}
  .hero-media{min-height:330px !important}
  .hero-media-card{padding:14px !important;border-radius:22px !important}
  .hero-media-image img{height:170px !important}
  .hero-media-content h3{font-size:19px !important}
  .hero-media-content p{font-size:13px !important}
  .hero-mini-card{width:132px !important;padding:16px 12px !important}
  .hero-stat-card{padding:14px 16px !important;min-width:104px !important}
}


/* ===== Final hero imagery + Cairo typography update ===== */
body,
button,
input,
textarea,
select,
.btn,
.nav-links a,
.login-link,
.section-title,
.section-text,
h1,h2,h3,h4,h5,h6{
  font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif !important;
}

.hero-home{
  min-height:620px !important;
  padding:0 !important;
  border-bottom-left-radius:30px !important;
  border-bottom-right-radius:30px !important;
  overflow:hidden;
}
.hero-home::before,
.hero-home::after{display:none !important}
.hero-home .hero-home-slider{
  position:relative;
  min-height:620px;
}
.hero-home .slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:none !important;
  transition:opacity .55s ease;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:center;

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-home .slide.active{
  opacity:1;
  pointer-events:auto;
}
.hero-home .slide::before{display:none !important; content:none !important;}
.hero-home .slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 84% 18%, rgba(255,255,255,.12), transparent 24%), radial-gradient(circle at 18% 82%, rgba(215,184,90,.14), transparent 20%);
}
.hero-home .home-slide-shell{
  position:relative;
  z-index:2;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:84px;
  padding-bottom:70px;
}
.hero-home .home-slide-content{
  width:min(980px, 100%);
  margin-inline:auto;
  text-align:center;
  background:rgba(4,47,53,.18);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border-radius:30px;
  padding:30px 34px;
  box-shadow:0 22px 50px rgba(0,0,0,.12);
}
.hero-home .home-slide-content .eyebrow{
  justify-content:center;
  color:#eef9fb;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
}
.hero-home .home-slide-content .eyebrow::before{background:var(--accent)}
.hero-home h1{
  font-size:clamp(30px,3.3vw,50px) !important;
  line-height:1.22 !important;
  margin:14px 0 12px !important;
  text-align:center;
  white-space:nowrap;
}
.hero-home p{
  max-width:760px;
  margin:0 auto 22px !important;
  font-size:17px !important;
  color:rgba(255,255,255,.9) !important;
  text-align:center;
}
.hero-home .hero-actions{
  justify-content:center;
}
.hero-home .hero-actions .btn.secondary{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.24);
}
.hero-home .hero-actions .btn.secondary:hover{background:rgba(255,255,255,.18)}
.hero-home .slider-dots{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:28px;
  z-index:3;
  margin-top:0 !important;
  justify-content:center;
}
.hero-home .slider-dots button{
  width:30px;
  height:7px;
  background:rgba(255,255,255,.34);
}
.hero-home .slider-dots button.active{
  width:48px;
  background:var(--accent);
}

.page-hero,
.page-hero .hero-media-image,
.page-hero .hero-media-card{overflow:hidden}
.page-hero .hero-media-image{
  position:relative;
  background:#dceff1;
}
.page-hero .hero-media-image img{
  height:250px !important;
  object-fit:cover;
  filter:saturate(.88) contrast(1.02);
}
.page-hero .hero-media-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(5,56,61,.40), rgba(8,127,141,.20));
}
.page-hero .hero-media-content h3{font-size:20px !important}
.page-hero .hero-media-content p{font-size:14px !important;line-height:1.75 !important}
.page-hero .hero-copy h1,
.page-hero .page-hero-copy h1{
  font-size:clamp(28px,3vw,42px) !important;
}

@media (max-width:1100px){
  .hero-home,
  .hero-home .hero-home-slider,
  .hero-home .home-slide-shell{min-height:570px !important}
  .hero-home h1{font-size:clamp(28px,3vw,42px) !important}
}
@media (max-width:900px){
  .hero-home h1{white-space:normal}
  .hero-home .home-slide-content{padding:28px 24px}
}
@media (max-width:680px){
  .hero-home,
  .hero-home .hero-home-slider,
  .hero-home .home-slide-shell{min-height:520px !important}
  .hero-home .home-slide-shell{padding-top:88px;padding-bottom:62px}
  .hero-home .home-slide-content{border-radius:24px;padding:22px 18px}
  .hero-home h1{font-size:28px !important;line-height:1.28 !important}
  .hero-home p{font-size:15px !important;line-height:1.8 !important}
  .hero-home .hero-actions .btn{width:100%;min-width:0}
  .hero-home .slider-dots{bottom:18px}
  .page-hero .hero-media-image img{height:190px !important}
}


/* ===== Title scale, clean section headings, and membership page fixes ===== */
.eyebrow{display:none !important}

h1,h2,h3,h4,h5,h6,
.section-title,
.hero-home h1,
.page-hero-copy h1,
.card h3,
.event-body h3,
.membership-copy h3,
.join-cta-card h2,
.cta-band h2{
  letter-spacing:0 !important;
}

.section-title{
  font-size:clamp(24px,2.2vw,34px) !important;
  line-height:1.35 !important;
  margin:0 0 12px !important;
  color:var(--primary-dark);
}
.center .section-title,
.section-title,
.hero-home h1,
.page-hero-copy h1{
  white-space:nowrap;
}
.section-text{
  font-size:16px !important;
  line-height:1.85 !important;
}

.hero-home h1{
  font-size:clamp(27px,2.6vw,38px) !important;
  line-height:1.32 !important;
  margin:0 0 12px !important;
}
.hero-home p{
  font-size:16px !important;
  line-height:1.85 !important;
}
.hero-home .home-slide-content{
  padding:26px 30px !important;
}
.page-hero-copy h1{
  font-size:clamp(26px,2.7vw,38px) !important;
  line-height:1.32 !important;
  margin:0 0 12px !important;
}
.page-hero-copy p{
  font-size:16px !important;
  line-height:1.85 !important;
}
.card h3,
.event-body h3,
.person-card h3,
.membership-feature-card h3,
.membership-detail-card h3{
  font-size:18px !important;
  line-height:1.45 !important;
}
.membership-copy h3,
.join-cta-card h2,
.cta-band h2{
  font-size:clamp(24px,2.4vw,32px) !important;
  line-height:1.35 !important;
}
.footer-col h3{font-size:16px !important}
.info-card .section-title,
.form-card .section-title,
.detail-box .section-title{
  font-size:clamp(24px,2.2vw,32px) !important;
}

.membership-page-section{background:var(--bg)}
.membership-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:38px;
}
.membership-detail-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:26px;
  box-shadow:0 14px 30px rgba(4,47,53,.06);
  transition:.24s ease;
}
.membership-detail-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.membership-detail-card p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.85;
}
.membership-steps{
  display:grid;
  gap:12px;
  margin-top:24px;
}
.membership-steps div{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:13px 16px;
}
.membership-steps b{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--primary);
  color:#fff;
  flex:0 0 auto;
}
.membership-steps span{color:var(--muted);font-weight:700}

@media (max-width:1020px){
  .membership-detail-grid{grid-template-columns:repeat(2,1fr)}
  .center .section-title,
  .section-title,
  .hero-home h1,
  .page-hero-copy h1{white-space:normal}
}
@media (max-width:680px){
  .section-title{font-size:25px !important}
  .hero-home h1,.page-hero-copy h1{font-size:27px !important;white-space:normal}
  .membership-detail-grid{grid-template-columns:1fr}
}


/* ===== Centered hero sections without helper image cards + realistic CTA cleanup ===== */
.page-hero{
  min-height:540px !important;
  display:flex;
  align-items:center;
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.82) 0%, rgba(5,56,61,.74) 38%, rgba(8,127,141,.56) 72%, rgba(8,127,141,.42) 100%),
    var(--page-hero-image),
    linear-gradient(135deg,#063a40,#087f8d) !important;
  background-size:cover, cover, cover !important;
  background-position:center, center, center !important;
  color:#fff;
}
.page-hero::before,
.page-hero::after{display:none !important}
.page-hero-inner{
  min-height:540px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:120px 0 74px !important;
}
.page-hero-copy{
  max-width:960px !important;
  width:min(960px,100%) !important;
  margin-inline:auto !important;
  text-align:center !important;
  background:rgba(4,47,53,.20);
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  padding:28px 34px;
  backdrop-filter:blur(8px);
  box-shadow:0 22px 50px rgba(0,0,0,.12);
}
.page-hero .breadcrumb,
.page-hero .hero-media{display:none !important}
.page-hero-copy h1{
  color:#fff !important;
  font-size:clamp(24px,2.7vw,38px) !important;
  line-height:1.28 !important;
  margin:0 0 12px !important;
  white-space:nowrap;
  text-align:center !important;
}
.page-hero-copy p{
  max-width:760px !important;
  margin:0 auto 22px !important;
  color:rgba(255,255,255,.88) !important;
  text-align:center !important;
  font-size:16px !important;
  line-height:1.85 !important;
}
.page-hero-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
}
.page-hero-actions .btn{
  width:auto !important;
  min-width:150px !important;
}
.page-hero-actions button.btn{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif !important}
.hero-home h1{
  font-size:clamp(26px,3vw,44px) !important;
  line-height:1.25 !important;
}
.hero-home .home-slide-content{
  max-width:960px;
}
.hero-home p{
  font-size:16px !important;
  line-height:1.85 !important;
}
.join-cta-actions .btn,
.nav-actions .btn,
.login-link{
  white-space:nowrap;
}
@media (max-width:900px){
  .page-hero-copy h1{white-space:normal;font-size:clamp(26px,6vw,34px) !important}
  .page-hero-copy{padding:24px 20px;border-radius:24px}
}
@media (max-width:680px){
  .page-hero{min-height:500px !important}
  .page-hero-inner{min-height:500px !important;padding:100px 0 50px !important}
  .page-hero-copy p{font-size:15px !important;line-height:1.75 !important}
  .page-hero-actions{flex-direction:column}
  .page-hero-actions .btn{width:100% !important;min-width:0 !important}
}

/* ===== Alignment fix: center section titles and their descriptive content ===== */
.hero-home .home-slide-content,
.page-hero-copy,
.section .center,
.membership-heading,
.membership-copy,
.join-cta-card,
.cta-band,
.split > div:not(.image-panel),
.detail-box > .section-title,
.info-card > .section-title,
.form-card > .section-title{
  text-align:center !important;
}

.section-title,
.section-text,
.center .section-title,
.center .section-text,
.split .section-title,
.split .section-text,
.membership-copy h3,
.membership-copy p,
.membership-heading .section-title,
.membership-heading .section-text,
.join-cta-card h2,
.join-cta-card p,
.cta-band h2,
.cta-band p,
.page-hero-copy h1,
.page-hero-copy p,
.hero-home h1,
.hero-home p{
  text-align:center !important;
  margin-inline:auto !important;
}

.hero-actions,
.page-hero-actions,
.join-cta-actions,
.cta-band,
.split > div:not(.image-panel) > div[style],
.membership-copy{
  justify-content:center !important;
  align-items:center !important;
}

.split > div:not(.image-panel) > div[style]{
  display:flex !important;
  flex-wrap:wrap !important;
}

.cta-band{
  grid-template-columns:1fr !important;
  justify-items:center !important;
}

@media (min-width:1021px){
  .section-title,
  .hero-home h1,
  .page-hero-copy h1{
    white-space:nowrap;
  }
}

@media (max-width:1020px){
  .section-title,
  .hero-home h1,
  .page-hero-copy h1{
    white-space:normal !important;
  }
}


/* ===== Final leadership, auth and alignment corrections ===== */
.whatsapp-float{display:none !important}
.nav-actions .login-link{color:var(--primary-dark);font-weight:900}
.nav-actions .nav-register{background:var(--primary);color:#fff}

.section-title,
.section-text,
.card,
.event-card,
.event-body,
.detail-box,
.side-box,
.info-card,
.form-card,
.membership-detail-card,
.person-card,
.member-card,
.president-card{
  text-align:center !important;
}
.card .card-icon,
.event-meta,
.event-actions,
.filters,
.info-list,
.detail-list{
  justify-content:center;
}
.detail-list li,
.info-row{
  text-align:center;
}

.leadership-section{
  background:linear-gradient(180deg,#f2f8f7,#eef5f4);
}
.leadership-heading{margin-bottom:38px}
.leadership-block{margin-top:46px}
.leadership-subtitle{
  position:relative;
  width:max-content;
  margin:0 auto 28px;
  color:var(--primary);
  font-size:20px;
  font-weight:900;
  text-align:center;
}
.leadership-subtitle::before,
.leadership-subtitle::after{
  content:"";
  position:absolute;
  top:50%;
  width:44px;
  height:1px;
  background:rgba(7,142,161,.32);
}
.leadership-subtitle::before{right:calc(100% + 12px)}
.leadership-subtitle::after{left:calc(100% + 12px)}
.president-card{
  width:min(560px,100%);
  margin:0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:38px 32px;
  box-shadow:0 16px 36px rgba(4,47,53,.10);
}
.member-avatar{
  width:92px;
  height:92px;
  border-radius:50%;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#e7f6f7,#fff);
  border:2px solid var(--primary);
  color:var(--primary);
  box-shadow:0 10px 24px rgba(4,47,53,.08);
  overflow:hidden;
}
.member-avatar.large{width:128px;height:128px;margin-bottom:22px}
.member-avatar span{font-weight:900;font-size:28px;line-height:1;color:var(--primary-dark)}
.member-avatar.large span{font-size:38px}
.president-card h3,
.member-card h3{
  color:var(--primary-dark);
  margin:0 0 10px;
  font-size:20px;
  line-height:1.45;
}
.role-badge,
.member-card p{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 16px;
  border-radius:999px;
  background:#e8f5f4;
  color:var(--primary);
  font-weight:900;
  margin:0 auto 12px;
}
.bio-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:26px;
}
.bio-grid div{
  background:#f2f8f7;
  border-radius:12px;
  padding:16px 12px;
  min-height:86px;
  display:grid;
  place-items:center;
}
.bio-grid b{display:block;color:var(--primary-dark);font-size:13px;margin-bottom:4px}
.bio-grid span{display:block;color:var(--muted);font-size:14px;line-height:1.65}

/*==============================
      MEMBERS GRID
==============================*/

.members-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(240px,1fr));
    gap:28px;
    align-items:stretch;
}

.current-grid{
    grid-template-columns:repeat(5,minmax(220px,1fr));
}

/*==============================
          CARD
==============================*/
.member-card-pro{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:26px 18px;
  box-shadow:0 12px 28px rgba(4,47,53,.07);
  transition:.22s ease;
}
.members-grid-pro{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
 
.founders-block-pro {
  margin-top: 46px;
}

.founders-grid-pro {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  gap: 22px;
  align-items: stretch;
}

.founders-grid-pro .member-card-pro {
  min-height: 224px;
}

.founder-card-pro {
  display: flex;            
  flex-direction: column;   
  align-items: center;      
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 26px 18px;
  box-shadow: 0 12px 28px rgba(4, 47, 53, 0.07);
  transition: transform 0.48s cubic-bezier(0.22, 0.72, 0.18, 1), box-shadow 0.48s ease, border-color 0.48s ease;
  overflow: hidden;
}

.founder-card-pro:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(4, 47, 53, 0.12);
}

.founder-card-pro .member-avatar {
  width: 116px;
  height: 116px;
  background: linear-gradient(135deg, #f7f7f2, #fff);
  transition: transform 0.55s cubic-bezier(0.22, 0.72, 0.18, 1), box-shadow 0.55s ease;
}

.founder-card-pro:hover .member-avatar {
  transform: scale(1.08);
  box-shadow: 0 14px 30px rgba(4, 47, 53, 0.16), 0 0 14px rgba(24, 183, 199, 0.18);
}
.member-card-pro h3 {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    padding-inline: 12px !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.member-card-pro p {
      font-size: 12.5px !important;
    line-height: 1.55 !important;
    padding-inline: 12px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 16px;
    border-radius: 999px;
    background: #e8f5f4;
    color: var(--primary);
    font-weight: 900;
    margin: 0 auto 12px;
}


/*==============================
          CARD
==============================*/



.member-card{
    perspective:1200px;
    height:380px;
}

.member-card-inner{
    position:relative;
    width:100%;
    height:100%;
    transition:transform .75s;
    transform-style:preserve-3d;
}

.member-card:hover .member-card-inner{
    transform:rotateY(180deg);
}

/*==============================
       FRONT / BACK
==============================*/

.member-front,
.member-back{
    position:absolute;
    inset:0;
    border-radius:22px;
    overflow:hidden;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;

    background:#fff;
    border:1px solid var(--line);
    box-shadow:0 18px 45px rgba(0,0,0,.08);

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:25px;
}

.member-front{
    text-align:center;
}

.member-back{
    transform:rotateY(180deg);
    background:linear-gradient(160deg,#0d6b72,#0b5158);
    color:#fff;
}

/*==============================
         IMAGE
==============================*/

.member-avatar{
   
    width:92px;
  height:92px;
  border-radius:50%;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#e7f6f7,#fff);
  border:2px solid var(--primary);
  color:var(--primary);
  box-shadow:0 10px 24px rgba(4,47,53,.08);
  overflow:hidden;
}

.member-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.member-card:hover .member-avatar img{
    transform:scale(1.08);
}

/*==============================
      FRONT TEXT
==============================*/

.member-name{
    margin:0;
    font-size:24px;
    font-weight:800;
    color:#10343c;
}

.member-job{
    margin-top:12px;
    padding:8px 20px;
    border-radius:40px;
    background:#dff6f6;
    color:var(--primary);
    font-weight:700;
    font-size:15px;
}

/*==============================
        BACK
==============================*/

.member-back h3{
    margin:0 0 25px;
    font-size:24px;
    color:#fff;
}

.member-info{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.member-info span{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.15);
    /* padding:12px 15px; */
    border-radius:12px;
    font-size:14px;
    text-align:center;
    word-break:break-word;
}

.member-info a{
    color:#fff;
    text-decoration:none;
}

/*==============================
      HOVER EFFECT
==============================*/

.member-front,
.member-back{
    transition:box-shadow .3s;
}

.member-card:hover .member-front,
.member-card:hover .member-back{
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

/*==============================
      RESPONSIVE
==============================*/

@media(max-width:1300px){
    .members-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .current-grid{
        grid-template-columns:repeat(4,1fr);
    }
}

@media(max-width:900px){

    .members-grid,
    .current-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .member-card{
        height:350px;
    }

    .member-avatar{
        width:150px;
        height:150px;
    }
}

@media(max-width:600px){

    .members-grid,
    .current-grid{
        grid-template-columns:1fr;
    }

    .member-card{
        height:340px;
    }
}

/* ===== Final service cards and unified line-icon system ===== */
.icon-line svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.card-icon,
.membership-feature-icon,
.ill-icon{
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  background:#e7f4f4 !important;
  color:var(--primary) !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:none !important;
  margin:0 auto 18px !important;
  font-size:0 !important;
  line-height:1 !important;
}
.ill-icon{margin:0 !important;flex:0 0 auto}
.membership-feature-icon{margin:0 auto 12px !important}
.card::after{display:none !important}
.card{
  border-color:#e5eeee !important;
  border-radius:14px !important;
  box-shadow:0 10px 26px rgba(4,47,53,.04) !important;
  padding:30px 24px !important;
}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(4,47,53,.08) !important}
.card h3{font-size:18px !important;margin-bottom:12px !important;color:var(--primary-dark) !important}
.card p{font-size:15px !important;line-height:1.85 !important;color:#52686b !important}
.services-preview .section-title{font-size:clamp(24px,2vw,32px) !important}
.services-preview .section-text{max-width:760px !important;margin-inline:auto !important}
.services-preview .cards-grid{margin-top:38px !important}
.services-preview .card{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.services-preview .mini-link{display:none !important}
.section-action{display:flex;justify-content:center;margin-top:38px}
.btn.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary);box-shadow:none}
.btn.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:0 12px 26px rgba(7,142,161,.16)}
.about-photo-panel{padding:0 !important;overflow:hidden;background:#eef8f8 !important;border:8px solid rgba(7,142,161,.07);box-shadow:0 18px 46px rgba(4,47,53,.10)}
.about-photo-panel img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;border-radius:22px;filter:saturate(.96) contrast(1.02)}
.split .about-photo-panel{min-height:420px}
.membership-feature-card,
.membership-detail-card{border-radius:14px !important;box-shadow:0 10px 24px rgba(4,47,53,.04) !important}
.membership-detail-card .membership-feature-icon{width:56px !important;height:56px !important}
.medical-illustration .ill-card{border-radius:18px !important}
@media (max-width:900px){.split .about-photo-panel{min-height:320px}.about-photo-panel img{min-height:320px}.services-preview .card{min-height:auto}}

.info-icon{width:42px !important;height:42px !important;border-radius:50% !important;background:#e7f4f4 !important;color:var(--primary) !important;display:grid !important;place-items:center !important;flex:0 0 auto}
.info-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.section-inline-actions{justify-content:center;margin-top:28px}
.section-inline-actions .btn.secondary{background:#fff;color:var(--primary-dark);border-color:var(--line);box-shadow:none}
@media (max-width:900px){.section-inline-actions .btn{width:100%}}

.footer-icon{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);color:#8ee7ed;display:grid;place-items:center;flex:0 0 auto}
.footer-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}


/* updated contact and events styling */
.event-date,.filters{display:none !important;}
.event-cover{display:flex;align-items:flex-end;justify-content:flex-start;}
.event-cover::before{inset:24px auto auto 24px;}
.footer-socials a svg,.socials a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.footer-socials a svg path,.footer-socials a svg circle,.socials a svg path,.socials a svg circle{vector-effect:non-scaling-stroke;}
.socials a{font-size:0;}
.footer-socials a{font-size:0;}


/* ===== Requested updates: hero transparency, real event covers, footer credit, hover neon and flip cards ===== */
.hero-home .home-slide-content,
.page-hero-copy{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
}
@media (max-width:900px){
  .page-hero-copy{padding:0 !important;border-radius:0 !important}
  .hero-home .home-slide-content{padding:0 !important;border-radius:0 !important}
}

.event-cover{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  min-height:204px;
}
.event-cover::before,
.event-cover::after{display:none !important;content:none !important}
.events-grid .event-card:nth-child(1) .event-cover{
  background-image:linear-gradient(180deg, rgba(4,47,53,.06), rgba(4,47,53,.32)), url('../img/home-slider-conference-realistic.png') !important;
}
.events-grid .event-card:nth-child(2) .event-cover{
  background-image:linear-gradient(180deg, rgba(4,47,53,.06), rgba(4,47,53,.32)), url('../img/hero-slide-3-workshop-training.png') !important;
}
.events-grid .event-card:nth-child(3) .event-cover{
  background-image:linear-gradient(180deg, rgba(4,47,53,.06), rgba(4,47,53,.32)), url('../img/hero-event-detail-session.png') !important;
}
.events-grid .event-card:nth-child(4) .event-cover{
  background-image:linear-gradient(180deg, rgba(4,47,53,.06), rgba(4,47,53,.32)), url('../img/hero-slide-1-medical-community.png') !important;
}
.events-grid .event-card:nth-child(5) .event-cover{
  background-image:linear-gradient(180deg, rgba(4,47,53,.06), rgba(4,47,53,.32)), url('../img/hero-about-services.png') !important;
}
.events-grid .event-card:nth-child(6) .event-cover{
  background-image:linear-gradient(180deg, rgba(4,47,53,.06), rgba(4,47,53,.32)), url('../img/hero-contact-networking.png') !important;
}
.event-body{padding-top:24px !important}

.footer-socials a[aria-label="Website"]{display:none !important}
.footer-bottom{gap:14px}
.footer-credit{
  color:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:800;
}
.footer-credit strong{color:#fff;font-weight:900;letter-spacing:.2px}

.membership-feature-card,
.values-grid .card{
  isolation:isolate;
  overflow:hidden;
}
.membership-feature-card::before,
.values-grid .card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(7,142,161,.98), rgba(24,183,199,.92) 58%, rgba(215,184,90,.72));
  opacity:0;
  transition:opacity .28s ease;
  z-index:-1;
}
.membership-feature-card{position:relative}
.membership-feature-card:hover,
.values-grid .card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(24,183,199,.55) !important;
  box-shadow:0 0 16px rgba(24,183,199,.24), 0 18px 42px rgba(4,47,53,.16) !important;
}
.membership-feature-card:hover::before,
.values-grid .card:hover::before{opacity:1}
.membership-feature-card:hover h3,
.values-grid .card:hover h3{color:#fff !important}
.values-grid .card:hover p{color:rgba(255,255,255,.9) !important}
.membership-feature-card:hover .membership-feature-icon,
.values-grid .card:hover .card-icon{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 0 18px rgba(255,255,255,.22) !important;
}

.flip-profile-card{
  width:min(620px,100%) !important;
  height:430px;
  margin:0 auto;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  perspective:1200px;
  overflow:visible !important;
}
.flip-card-inner,
.member-card-inner{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.2,.7,.2,1);
}
.flip-profile-card:hover .flip-card-inner,
.flip-profile-card:focus .flip-card-inner,
.flip-profile-card:focus-within .flip-card-inner,
.flip-member-card:hover .member-card-inner,
.flip-member-card:focus .member-card-inner,
.flip-member-card:focus-within .member-card-inner{
  transform:rotateY(180deg);
}
.flip-card-face,
.member-card-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:22px;
  border:1px solid var(--line);
  box-shadow:0 16px 36px rgba(4,47,53,.10);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  padding:30px 24px;
  overflow:hidden;
}
.flip-card-front,
.member-front{background:#fff;color:var(--primary-dark)}
.flip-card-front::after,
.member-front::after{
  content:"";
  position:absolute;
  inset:auto -70px -90px auto;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(24,183,199,.09);
  z-index:-1;
}
.flip-card-back,
.member-back{
  transform:rotateY(180deg);
  background:radial-gradient(circle at 18% 12%, rgba(215,184,90,.22), transparent 28%), linear-gradient(135deg, var(--primary-dark), var(--primary));
  color:#fff;
}
.flip-card-back h3,
.member-back h3{color:#fff !important;margin:0 0 20px !important;font-size:20px !important}
.president-photo{
  width:160px;
  height:160px;
  border-radius:50%;
  margin:0 auto 20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#e7f7f7,#fff 58%,#f6ecd0);
  border:3px solid rgba(7,142,161,.42);
  box-shadow:0 0 0 10px rgba(24,183,199,.07), 0 18px 38px rgba(4,47,53,.12);
}
.president-photo span{font-size:44px;font-weight:900;color:var(--primary-dark);line-height:1}
.president-bio-grid{width:100%;max-width:510px;margin-top:0 !important}
.president-bio-grid div{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.president-bio-grid b,
.president-bio-grid span{color:#fff !important}

.founder-card{overflow:hidden}
.founder-card .member-avatar,
.current-member-card .member-avatar{
  transition:transform .35s ease, box-shadow .35s ease;
}
.founder-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 16px 36px rgba(4,47,53,.12) !important;
}
.founder-card:hover .member-avatar,
.current-member-card:hover .member-avatar{
  transform:scale(1.08);
  box-shadow:0 14px 30px rgba(4,47,53,.16), 0 0 14px rgba(24,183,199,.18);
}

.flip-member-card{
  min-height:340px;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  perspective:1200px;
  overflow:visible !important;
}
.member-card-face .member-avatar{margin-bottom:18px}
.member-back .member-details{
  display:grid !important;
  gap:9px;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  color:rgba(255,255,255,.92) !important;
  font-size:13px;
  line-height:1.8;
}
.member-back .member-details div{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  padding:8px 10px;
}
.member-back .member-details b,
.member-back .member-details a{color:#fff !important;font-weight:900}
.member-more{display:none !important}
@media (max-width:760px){
  .flip-profile-card{height:500px}
  .flip-member-card{min-height:370px}
}

/* ===== Final polish for hover layers and board card responsiveness ===== */
.membership-feature-card::before,
.values-grid .card::before{
  z-index:0 !important;
}
.membership-feature-card > *,
.values-grid .card > *,
.flip-card-face > *,
.member-card-face > *{
  position:relative;
  z-index:1;
}
.flip-card-front::after,
.member-front::after{
  z-index:0 !important;
}
.current-grid{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
}


/* ===== Second requested updates: about/events/membership/contact/scroll refinements ===== */
/* About hero: real medical background, same visual height as homepage hero, no glass panel. */
.page-hero--about{
  min-height:620px !important;
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.78) 0%, rgba(5,56,61,.68) 42%, rgba(8,127,141,.38) 100%),
    var(--page-hero-image),
    linear-gradient(135deg,#063a40,#087f8d) !important;
  background-position:center center !important;
}
.page-hero--about .page-hero-inner{min-height:620px !important}
.page-hero--about .page-hero-copy{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}

/* Better fit for leadership names. */
.leadership-section .member-card h3,
.leadership-section .member-front h3{
  font-size:13.5px !important;
  line-height:1.55 !important;
  white-space:nowrap !important;
  letter-spacing:-.1px !important;
  margin-bottom:10px !important;
}
.leadership-section .member-card p,
.leadership-section .member-front p{font-size:12.5px !important;line-height:1.55 !important;padding-inline:12px !important}
.founders-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr)) !important}
.current-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important}
.member-back{justify-content:center !important;padding:24px 18px !important}
.member-back .member-details{width:100%;max-width:220px;margin-inline:auto !important;align-content:center !important}
.member-back .member-details div{padding:9px 10px !important}

/* Calmer hover/flip speed across the site. */
.card,
.event-card,
.membership-feature-card,
.membership-detail-card,
.member-card,
.founder-card,
.current-member-card,
.info-card,
.form-card,
.contact-method,
.contact-help-card,
.contact-intro-card{
  transition:transform .48s cubic-bezier(.22,.72,.18,1), box-shadow .48s ease, border-color .48s ease, background-color .48s ease, color .48s ease !important;
}
.membership-feature-card::before,
.values-grid .card::before{transition:opacity .56s ease !important}
.founder-card .member-avatar,
.current-member-card .member-avatar{transition:transform .55s cubic-bezier(.22,.72,.18,1), box-shadow .55s ease !important}
.flip-card-inner,
.member-card-inner{transition:transform .88s cubic-bezier(.18,.72,.18,1) !important}

/* Events page without hero. */
.events-page-start{padding-top:132px !important}
.page-events .site-header + main{background:var(--bg)}
.page-events .events-grid{margin-top:40px}

/* Membership process photo. */
.membership-process-photo-panel{min-height:430px !important}
.membership-process-photo-panel img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center;display:block;border-radius:22px;filter:saturate(.95) contrast(1.02)}
.membership-detail-card:hover{
  border-color:rgba(24,183,199,.44) !important;
  box-shadow:0 0 16px rgba(24,183,199,.16), 0 18px 42px rgba(4,47,53,.12) !important;
}

/* Modern contact page inspired by the referenced layout, with SUS colors. */
.page-contact main{background:linear-gradient(180deg,#f3faf9 0%,#f8fbfb 55%,#fff 100%)}
.contact-modern-hero{
  position:relative;
  padding:132px 0 72px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(32,174,187,.18), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(215,184,90,.16), transparent 24%),
    linear-gradient(180deg,#eef9f8,#f8fbfb);
}
.contact-modern-hero::before{
  content:"";
  position:absolute;
  inset:auto -140px -180px auto;
  width:430px;
  height:430px;
  border-radius:50%;
  background:rgba(8,127,141,.09);
}
.contact-modern-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;
}
.contact-intro-card,
.contact-help-card,
.contact-form-shell{
  border:1px solid rgba(8,127,141,.10);
  box-shadow:0 20px 54px rgba(4,47,53,.08);
}
.contact-intro-card,
.contact-help-card{
  background:#fff;
  border-radius:28px;
  padding:34px;
  text-align:start !important;
}
.contact-intro-card h1{
  margin:8px 0 14px;
  color:var(--primary-dark);
  font-size:clamp(34px,4vw,56px);
  line-height:1.2;
}
.contact-intro-card p,
.contact-help-card p{color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 26px;text-align:start !important}
.contact-help-card h2{margin:8px 0 14px;color:var(--primary-dark);font-size:clamp(26px,2.8vw,38px);line-height:1.28;text-align:start !important}
.contact-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--primary);
  background:#e7f6f7;
  border:1px solid rgba(8,127,141,.12);
  padding:7px 13px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
}
.contact-methods{display:grid;gap:14px}
.contact-method{
  display:flex;
  align-items:center;
  gap:14px;
  background:#f3faf9;
  border:1px solid rgba(8,127,141,.10);
  border-radius:20px;
  padding:15px 16px;
  color:var(--text);
  text-align:start !important;
}
.contact-method:hover{transform:translateY(-4px);border-color:rgba(32,174,187,.38);box-shadow:0 0 16px rgba(32,174,187,.12),0 16px 32px rgba(4,47,53,.08)}
.contact-method-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;flex:0 0 auto}
.contact-method-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.contact-method small{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:2px}
.contact-method strong{display:block;color:var(--primary-dark);font-size:14px;line-height:1.6;word-break:break-word}
.contact-bullets{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}
.contact-bullets li{display:grid;gap:4px;background:#f3faf9;border:1px solid rgba(8,127,141,.09);border-radius:18px;padding:15px;text-align:start}
.contact-bullets b{color:var(--primary-dark)}
.contact-bullets span{color:var(--muted);font-size:14px;line-height:1.75}
.contact-form-section{padding-top:0 !important}
.contact-form-shell{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:28px;
  background:#fff;
  border-radius:30px;
  padding:28px;
  align-items:stretch;
}
.contact-form-copy{
  border-radius:24px;
  padding:32px;
  background:
    linear-gradient(135deg, rgba(5,56,61,.90), rgba(8,127,141,.88)),
    url('../img/hero-contact-networking.png');
  background-size:cover;
  background-position:center;
  color:#fff;
  text-align:start !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contact-form-copy .section-title,
.contact-form-copy .section-text{color:#fff !important;text-align:start !important;margin-inline:0 !important;white-space:normal !important}
.contact-form-copy .contact-kicker{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.contact-mini-map{margin:24px 0 18px;padding:20px;border-radius:18px;border:1px dashed rgba(255,255,255,.34);background:rgba(255,255,255,.10);font-weight:900;line-height:1.8}
.contact-mini-map small{color:rgba(255,255,255,.78);font-weight:700}
.contact-socials{justify-content:flex-start !important}
.contact-socials a{background:#fff !important;color:var(--primary) !important}
.contact-modern-form{padding:32px !important;border-radius:24px !important;box-shadow:none !important;background:#fff !important;text-align:start !important}
.contact-modern-form .section-title,
.contact-modern-form .section-text{text-align:start !important;margin-inline:0 !important;white-space:normal !important}
.contact-modern-form .field label{text-align:start}
.contact-modern-form .field input,
.contact-modern-form .field textarea,
.contact-modern-form .field select{background:#f8fdfd;border-radius:14px}

/* Formal smooth scroll reveal effects; hero fades from top to bottom. */
.scroll-reveal,
.hero-reveal{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .74s ease, transform .74s cubic-bezier(.2,.72,.18,1);
  will-change:opacity,transform;
}
.hero-reveal{transform:translate3d(0,-34px,0);transition-duration:.84s}
.scroll-reveal.is-visible,
.hero-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.page-about .scroll-reveal{transform:translate3d(0,32px,0)}
.page-services .scroll-reveal{transform:translate3d(26px,22px,0)}
.page-events .scroll-reveal{transform:translate3d(-24px,24px,0)}
.page-membership .scroll-reveal{transform:translate3d(0,36px,0) scale(.985)}
.page-contact .scroll-reveal{transform:translate3d(0,30px,0)}
.page-home .scroll-reveal{transform:translate3d(0,28px,0)}
.page-about .scroll-reveal.is-visible,
.page-services .scroll-reveal.is-visible,
.page-events .scroll-reveal.is-visible,
.page-membership .scroll-reveal.is-visible,
.page-contact .scroll-reveal.is-visible,
.page-home .scroll-reveal.is-visible{transform:translate3d(0,0,0) scale(1)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .scroll-reveal,.hero-reveal{opacity:1 !important;transform:none !important;transition:none !important}
  .card,.event-card,.membership-feature-card,.membership-detail-card,.member-card,.founder-card,.current-member-card{transition:none !important}
}

@media (max-width:1020px){
  .contact-modern-grid,.contact-form-shell{grid-template-columns:1fr}
  .contact-modern-hero{padding:112px 0 52px}
  .events-page-start{padding-top:110px !important}
  .page-hero--about,.page-hero--about .page-hero-inner{min-height:570px !important}
}
@media (max-width:680px){
  .contact-intro-card,.contact-help-card,.contact-form-copy,.contact-modern-form{padding:24px 18px !important}
  .contact-form-shell{padding:16px;border-radius:24px}
  .contact-intro-card h1{font-size:32px}
  .page-hero--about,.page-hero--about .page-hero-inner{min-height:520px !important}
  .leadership-section .member-card h3,.leadership-section .member-front h3{font-size:13px !important;white-space:normal !important}
}

/* ===== Third requested corrections: unified heroes, auth cleanup, refined motion/maps/cards ===== */
:root{--hero-unified-height:560px;}
.hero,
.page-hero,
.page-hero--about,
.page-hero--membership{
  min-height:var(--hero-unified-height) !important;
}
.hero-inner,
.page-hero-inner,
.page-hero--about .page-hero-inner,
.page-hero--membership .page-hero-inner{
  min-height:var(--hero-unified-height) !important;
}
.page-hero--about{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.78) 0%, rgba(5,56,61,.68) 43%, rgba(8,127,141,.34) 100%),
    var(--page-hero-image),
    linear-gradient(135deg,#063a40,#087f8d) !important;
  background-size:cover,cover,cover !important;
  background-position:center 44%,center 42%,center !important;
}
.page-hero--about .page-hero-copy{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.page-hero--membership{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.80) 0%, rgba(5,56,61,.70) 38%, rgba(8,127,141,.42) 100%),
    var(--page-hero-image),
    linear-gradient(135deg,#063a40,#087f8d) !important;
  background-position:center 42%,center 42%,center !important;
}

.auth-clean-section{
  padding-top:150px !important;
  min-height:calc(100vh - 40px);
  background:linear-gradient(180deg,#edf8f6 0%,#fff 100%);
}
.page-login main,
.page-register main{background:linear-gradient(180deg,#edf8f6 0%,#fff 100%)}
.page-login .auth-layout,
.page-register .auth-layout{justify-content:center;display:flex;}
.page-login .auth-card,
.page-register .auth-card{width:min(720px,100%);}
.field input[type="file"]{
  width:100%;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f8fdfd;
  color:var(--text);
  font-family:inherit;
}
.field-hint{display:block;margin-top:8px;color:var(--muted);font-size:12.5px;line-height:1.6;font-weight:700}

.services-purpose-photo-panel{min-height:430px !important;overflow:hidden;}
.services-purpose-photo-panel img{
  width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center;display:block;border-radius:22px;
  filter:saturate(.98) contrast(1.02);
}
.services-components-section .cards-grid{align-items:stretch;}
.services-components-section .card{
  position:relative;
  overflow:hidden;
  border-color:rgba(8,127,141,.12);
  background:linear-gradient(180deg,#fff 0%,#f8fdfd 100%);
}
.services-components-section .card::before{
  content:"";
  position:absolute;
  inset:auto -18% -44% -18%;
  height:76%;
  background:radial-gradient(circle at center,rgba(32,185,197,.16),transparent 62%);
  opacity:0;
  transition:opacity 1.05s ease, transform 1.05s cubic-bezier(.18,.74,.18,1);
  transform:translateY(28px);
  pointer-events:none;
}
.services-components-section .card:hover{
  transform:translateY(-7px);
  border-color:rgba(32,185,197,.42);
  box-shadow:0 0 18px rgba(32,185,197,.14),0 18px 42px rgba(4,47,53,.12);
}
.services-components-section .card:hover::before{opacity:1;transform:translateY(0)}
.services-components-section .card > *{position:relative;z-index:1}

.visitor-features-section{background:linear-gradient(180deg,#fff 0%,#f3faf9 100%)}
.visitor-features-section .section-title{color:var(--primary-dark) !important;}
.visitor-features-section .timeline{max-width:860px;margin-inline:auto;display:grid;gap:18px;}
.visitor-features-section .timeline-item{
  border:1px solid rgba(8,127,141,.12) !important;
  background:linear-gradient(135deg,#fff 0%,#f7fcfc 100%) !important;
  border-radius:24px !important;
  padding:24px 26px !important;
  box-shadow:0 14px 30px rgba(4,47,53,.06) !important;
  transition:transform 1.02s cubic-bezier(.18,.74,.18,1), box-shadow 1.02s ease, border-color 1.02s ease, background 1.02s ease !important;
}
.visitor-features-section .timeline-item:hover{
  transform:translateY(-5px);
  border-color:rgba(32,185,197,.42) !important;
  box-shadow:0 0 18px rgba(32,185,197,.13),0 20px 44px rgba(4,47,53,.11) !important;
}
.visitor-features-section .timeline-num{
  background:linear-gradient(135deg,var(--primary),var(--primary-2)) !important;
  color:#fff !important;
  box-shadow:0 0 14px rgba(32,185,197,.18);
}
.visitor-features-section .timeline-item h3{color:var(--primary-dark);font-size:21px;}
.visitor-features-section .timeline-item p{font-size:15.5px;line-height:1.9;color:var(--muted)}

.founders-grid,
.current-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:24px !important;
  margin-inline:auto !important;
}
.founders-grid .member-card,
.current-grid .member-card{
  width:260px !important;
  max-width:100% !important;
  flex:0 1 260px !important;
}
.current-grid .current-member-card{height:300px;}
.leadership-section .member-card h3,
.leadership-section .member-front h3{
  font-size:13px !important;
  line-height:1.5 !important;
  white-space:nowrap !important;
  text-align:center !important;
}
.member-back .member-details{margin-top:0 !important;}

.scroll-reveal,
.hero-reveal{
  transition:opacity 1.08s ease, transform 1.08s cubic-bezier(.18,.76,.18,1) !important;
}
.hero-reveal{transition-duration:1.18s !important;transform:translate3d(0,-38px,0) !important;}
.hero-reveal.is-visible{transform:translate3d(0,0,0) !important;}
.card,
.event-card,
.membership-feature-card,
.membership-detail-card,
.member-card,
.founder-card,
.current-member-card,
.info-card,
.form-card,
.contact-method,
.contact-help-card,
.contact-intro-card,
.timeline-item{
  transition-duration:1.02s !important;
}
.flip-card-inner,
.member-card-inner{transition-duration:1.06s !important;}

.contact-map-section{
  padding-top:46px !important;
  background:linear-gradient(180deg,#fff 0%,#f3faf9 100%);
}
.map-heading{margin-bottom:28px;}
.map-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(8,127,141,.12);
  box-shadow:0 24px 60px rgba(4,47,53,.10);
  background:#fff;
  padding:12px;
}
.map-card iframe{
  display:block;
  width:100%;
  height:420px;
  border:0;
  border-radius:22px;
  filter:saturate(.95) contrast(1.02);
}

@media (max-width:1020px){
  :root{--hero-unified-height:520px;}
  .hero-inner,.page-hero-inner,.page-hero--about .page-hero-inner,.page-hero--membership .page-hero-inner{padding:108px 0 58px !important;}
  .auth-clean-section{padding-top:124px !important;}
}
@media (max-width:680px){
  :root{--hero-unified-height:500px;}
  .founders-grid .member-card,.current-grid .member-card{width:100% !important;flex:1 1 100% !important;}
  .leadership-section .member-card h3,.leadership-section .member-front h3{white-space:normal !important;font-size:13px !important;}
  .map-card iframe{height:330px;}
  .auth-clean-section{padding-top:110px !important;}
}

/* Force homepage and contact hero sections into the same practical height as the inner pages. */
.hero-home,
.hero-home .hero-home-slider,
.hero-home .slide,
.hero-home .home-slide-shell,
.contact-modern-hero{
  min-height:var(--hero-unified-height) !important;
}
.contact-modern-hero{display:flex;align-items:center;padding:116px 0 56px !important;}
@media (max-width:1020px){
  .hero-home,.hero-home .hero-home-slider,.hero-home .slide,.hero-home .home-slide-shell,.contact-modern-hero{min-height:520px !important;}
}
@media (max-width:680px){
  .hero-home,.hero-home .hero-home-slider,.hero-home .slide,.hero-home .home-slide-shell,.contact-modern-hero{min-height:500px !important;}
}


/* ===== Fourth requested corrections: auth active buttons, scientific backgrounds, compact visitor features, membership steps hover ===== */
.nav-actions{
  gap:8px !important;
}
.nav-actions .login-link,
.nav-actions .nav-register{
  min-height:40px;
  padding:8px 16px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:900 !important;
  border:1px solid rgba(7,142,161,.34) !important;
  box-shadow:none !important;
  transition:transform .36s cubic-bezier(.22,.72,.18,1), background .36s ease, color .36s ease, border-color .36s ease, box-shadow .36s ease !important;
}
.nav-actions .login-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--primary) !important;
  background:transparent !important;
}
.nav-actions .nav-register{
  background:var(--primary) !important;
  color:#fff !important;
  border-color:var(--primary) !important;
  box-shadow:0 10px 22px rgba(7,142,161,.18) !important;
}
.nav-actions .login-link:hover,
.nav-actions .nav-register:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 24px rgba(7,142,161,.16) !important;
}
.page-login .nav-actions .login-link{
  color:#fff !important;
  background:var(--primary) !important;
  border-color:var(--primary) !important;
  box-shadow:0 10px 22px rgba(7,142,161,.18) !important;
}
.page-login .nav-actions .nav-register{
  background:transparent !important;
  color:var(--primary) !important;
  border-color:rgba(7,142,161,.34) !important;
  box-shadow:none !important;
}
.page-register .nav-actions .nav-register{
  background:var(--primary) !important;
  color:#fff !important;
  border-color:var(--primary) !important;
  box-shadow:0 10px 22px rgba(7,142,161,.18) !important;
}
.page-register .nav-actions .login-link{
  background:transparent !important;
  color:var(--primary) !important;
  border-color:rgba(7,142,161,.34) !important;
  box-shadow:none !important;
}

.page-login main,
.page-register main{
  min-height:100vh;
  background:#062f35 !important;
}
.page-login .auth-clean-section,
.page-register .auth-clean-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100vh !important;
  display:flex;
  align-items:center;
  padding-top:126px !important;
  padding-bottom:58px !important;
  background:none !important;
}
.page-login .auth-clean-section::before,
.page-register .auth-clean-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:scale(1.02);
}
.page-login .auth-clean-section::before{
  background-image:url('../img/hero-slide-1-medical-community.png');
}
.page-register .auth-clean-section::before{
  background-image:url('../img/hero-slide-2-events-lecture.png');
}
.page-login .auth-clean-section::after,
.page-register .auth-clean-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(4,47,53,.82),rgba(6,74,80,.70),rgba(7,142,161,.34)),
    radial-gradient(circle at 20% 18%,rgba(215,184,90,.16),transparent 28%),
    rgba(4,47,53,.22);
}
.page-login .auth-layout,
.page-register .auth-layout{
  width:min(980px,calc(100% - 38px));
}
.page-login .auth-card,
.page-register .auth-card{
  position:relative;
  width:min(620px,100%) !important;
  margin-inline:auto;
  padding:34px 32px 32px !important;
  border-radius:30px !important;
  border:1px solid rgba(255,255,255,.50) !important;
  background:rgba(255,255,255,.93) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.16) inset !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  text-align:start !important;
}
.page-login .auth-card::before,
.page-register .auth-card::before{
  content:"";
  position:absolute;
  inset:16px 16px auto auto;
  width:88px;
  height:88px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,183,199,.15),transparent 68%);
  pointer-events:none;
}
.auth-card .section-title,
.auth-card .section-text{
  text-align:start !important;
  margin-inline:0 !important;
}
.auth-card .section-title{
  margin-top:22px !important;
  margin-bottom:8px !important;
  font-size:clamp(24px,2.2vw,32px) !important;
}
.auth-card .section-text{
  max-width:100%;
  font-size:14.5px !important;
  line-height:1.8 !important;
  margin-bottom:20px !important;
}
.auth-card .form-grid{
  gap:14px !important;
}
.auth-card .field label{
  font-size:13.5px;
  color:var(--primary-dark);
  font-weight:900;
}
.auth-card .field input,
.auth-card .field textarea{
  border-radius:15px !important;
  border-color:rgba(7,142,161,.16) !important;
  background:#f8fdfd !important;
  box-shadow:0 8px 18px rgba(4,47,53,.035) inset;
}
.auth-card .field input:focus,
.auth-card .field textarea:focus{
  outline:none;
  border-color:rgba(24,183,199,.65) !important;
  box-shadow:0 0 0 4px rgba(24,183,199,.12) !important;
}
.auth-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:6px;
  border-radius:999px;
  background:#eef8f7;
  border:1px solid rgba(7,142,161,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.auth-switch-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:900;
  font-size:14px;
  transition:background .38s ease,color .38s ease,border-color .38s ease,box-shadow .38s ease,transform .38s cubic-bezier(.22,.72,.18,1);
}
.auth-switch-link:hover{transform:translateY(-1px)}
.auth-switch-login,
.auth-switch-register{color:var(--primary);background:transparent;border-color:rgba(7,142,161,.24)}
.page-login .auth-switch-login,
.page-register .auth-switch-register{
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  border-color:transparent;
  box-shadow:0 12px 24px rgba(7,142,161,.22);
}
.page-login .auth-switch-register,
.page-register .auth-switch-login{
  background:transparent;
  color:var(--primary-dark);
  border-color:rgba(7,142,161,.24);
}

/* Services page: make “ميزات الموقع للزوار” cards shorter, more readable, and less oversized. */
.visitor-features-section{
  padding:62px 0 !important;
}
.visitor-features-section .section-title{
  font-size:clamp(24px,2.1vw,32px) !important;
  margin-bottom:20px !important;
}
.visitor-features-section .timeline{
  max-width:760px !important;
  gap:12px !important;
  margin-top:24px !important;
}
.visitor-features-section .timeline-item{
  grid-template-columns:46px 1fr !important;
  gap:14px !important;
  align-items:center !important;
  min-height:92px !important;
  padding:15px 18px !important;
  border-radius:18px !important;
  text-align:start !important;
}
.visitor-features-section .timeline-num{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  font-size:16px !important;
}
.visitor-features-section .timeline-item h3{
  font-size:16px !important;
  line-height:1.35 !important;
  margin-bottom:4px !important;
  text-align:start !important;
}
.visitor-features-section .timeline-item p{
  font-size:13.5px !important;
  line-height:1.65 !important;
  text-align:start !important;
}
.visitor-features-section .timeline-item:hover{
  background:linear-gradient(135deg,#ffffff 0%,#edfafa 58%,#fff8df 100%) !important;
}

/* Membership page: color and glow hover for “آلية طلب العضوية” step cards. */
.membership-steps div{
  position:relative;
  overflow:hidden;
  border-color:rgba(8,127,141,.14) !important;
  background:linear-gradient(135deg,#fff 0%,#f8fdfd 100%) !important;
  box-shadow:0 10px 22px rgba(4,47,53,.04);
  transition:transform .78s cubic-bezier(.18,.76,.18,1), box-shadow .78s ease, border-color .78s ease, background .78s ease !important;
}
.membership-steps div::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(7,142,161,.92),rgba(24,183,199,.82) 58%,rgba(215,184,90,.48));
  opacity:0;
  transition:opacity .78s ease;
  pointer-events:none;
}
.membership-steps div:hover{
  transform:translateY(-4px);
  border-color:rgba(24,183,199,.50) !important;
  box-shadow:0 0 18px rgba(24,183,199,.16),0 18px 38px rgba(4,47,53,.12);
}
.membership-steps div:hover::before{opacity:1}
.membership-steps div > *{position:relative;z-index:1}
.membership-steps div:hover span{color:#fff !important}
.membership-steps div:hover b{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:0 0 14px rgba(255,255,255,.16);
}

@media (max-width:760px){
  .nav-actions .login-link,.nav-actions .nav-register{padding:7px 12px !important;font-size:12px !important;min-height:36px}
  .page-login .auth-clean-section,.page-register .auth-clean-section{padding-top:108px !important;padding-bottom:44px !important}
  .page-login .auth-card,.page-register .auth-card{padding:24px 18px 22px !important;border-radius:24px !important}
  .auth-switch-link{min-height:38px;font-size:13px}
  .visitor-features-section .timeline-item{grid-template-columns:1fr !important;text-align:center !important;justify-items:center}
  .visitor-features-section .timeline-item h3,.visitor-features-section .timeline-item p{text-align:center !important}
}

/* ===== Fifth requested corrections: auth form cleanup, cooler hover palette, contact label cleanup ===== */
/* Remove the internal registration/login switch and make both auth cards share the same visual width. */
.auth-card .auth-switch{display:none !important;}
.page-login .auth-card,
.page-register .auth-card{
  width:min(720px,100%) !important;
  padding:42px 40px 38px !important;
}
.page-login .auth-card .section-title,
.page-register .auth-card .section-title{
  margin-top:0 !important;
  text-align:center !important;
  margin-inline:auto !important;
}
.page-login .auth-card .section-text,
.page-register .auth-card .section-text{
  text-align:center !important;
  margin-inline:auto !important;
  max-width:520px !important;
}
.page-login .auth-card .form-grid,
.page-register .auth-card .form-grid{max-width:100%;}
.page-login .auth-card .field.full,
.page-register .auth-card .field.full{width:100%;}

/* Replace the warm/orange hover mix with a calmer medical blue/teal palette across the site. */
.membership-feature-card::before,
.values-grid .card::before,
.membership-steps div::before{
  background:linear-gradient(135deg,rgba(4,78,87,.96),rgba(7,142,161,.92) 54%,rgba(47,196,207,.72)) !important;
}
.membership-feature-card:hover,
.values-grid .card:hover,
.membership-detail-card:hover,
.service-card:hover,
.services-components-section .card:hover,
.visitor-features-section .timeline-item:hover,
.membership-steps div:hover{
  border-color:rgba(47,196,207,.46) !important;
  box-shadow:0 0 16px rgba(47,196,207,.16),0 18px 42px rgba(4,47,53,.12) !important;
}
.visitor-features-section .timeline-item:hover{
  background:linear-gradient(135deg,#ffffff 0%,#edfafa 58%,#e9f8ff 100%) !important;
}

/* Homepage services cards: clear but formal hover state. */
.services-preview .service-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(8,127,141,.12) !important;
  background:linear-gradient(180deg,#fff 0%,#f8fdfd 100%) !important;
}
.services-preview .service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(4,78,87,.96),rgba(7,142,161,.88) 58%,rgba(47,196,207,.64));
  opacity:0;
  transition:opacity .72s ease;
  pointer-events:none;
  z-index:0;
}
.services-preview .service-card > *{position:relative;z-index:1;}
.services-preview .service-card:hover{
  transform:translateY(-6px) !important;
}
.services-preview .service-card:hover::before{opacity:1;}
.services-preview .service-card:hover h3,
.services-preview .service-card:hover p{color:#fff !important;}
.services-preview .service-card:hover .card-icon{
  background:rgba(255,255,255,.15) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.26) !important;
}

/* Membership details cards: better proportions, softer type, readable in their grid. */
.membership-detail-grid{
  gap:18px !important;
  align-items:stretch !important;
}
.membership-detail-card{
  min-height:245px !important;
  padding:24px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  background:linear-gradient(180deg,#fff 0%,#f8fdfd 100%) !important;
  border-radius:18px !important;
}
.membership-detail-card h3{
  font-size:16px !important;
  line-height:1.45 !important;
  margin:0 0 8px !important;
  white-space:normal !important;
}
.membership-detail-card p{
  font-size:13.5px !important;
  line-height:1.75 !important;
  margin:0 !important;
  max-width:95% !important;
}
.membership-detail-card .membership-feature-icon{
  width:50px !important;
  height:50px !important;
  margin-bottom:14px !important;
}

/* Footer social icons: lighter, cleaner strokes. */
.footer-socials a{
  width:40px !important;
  height:40px !important;
  background:rgba(255,255,255,.075) !important;
}
.footer-socials a svg,
.socials a svg{
  width:17px !important;
  height:17px !important;
  stroke-width:1.35 !important;
}
.footer-icon svg{stroke-width:1.45 !important;}
.footer-socials a:hover{background:rgba(47,196,207,.24) !important;color:#fff !important;border-color:rgba(47,196,207,.34) !important;}

/* Event detail page without hero: provide clean top spacing below sticky header. */
.event-detail-start{padding-top:142px !important;}
.page-event-detail main{background:linear-gradient(180deg,#f3faf9 0%,#fff 100%);}

/* Contact page after removing redundant small labels/titles. */
.contact-intro-card{display:flex;flex-direction:column;justify-content:center;}
.contact-intro-card > p:first-child,
.contact-help-card > p:first-child{margin-top:0 !important;}
.contact-intro-card p{font-size:17px !important;}
.contact-help-card h2{margin-top:0 !important;}
.map-heading .section-title{margin-top:0 !important;}

/* Slow down only the homepage hero fade/reveal so it feels smoother and more premium. */
.page-home .hero-reveal,
.hero-home .home-slide-content{
  transition-duration:1.65s !important;
  transition-timing-function:cubic-bezier(.18,.72,.16,1) !important;
}
.hero-home .slide{
  transition:opacity 1.05s ease, transform 1.05s cubic-bezier(.18,.72,.16,1) !important;
}

@media (max-width:760px){
  .page-login .auth-card,
  .page-register .auth-card{padding:28px 20px 26px !important;}
  .event-detail-start{padding-top:118px !important;}
  .membership-detail-card{min-height:auto !important;}
}


/* ===== Sixth requested updates: footer brand icons, unified slider height, page hero imagery, contact title ===== */
:root{--hero-unified-height:620px !important;}
.hero-home,
.hero-home .hero-home-slider,
.hero-home .slide,
.hero-home .home-slide-shell,
.page-hero,
.page-hero-inner,
.page-hero--about,
.page-hero--about .page-hero-inner,
.page-hero--services,
.page-hero--services .page-hero-inner,
.page-hero--membership,
.page-hero--membership .page-hero-inner{
  min-height:var(--hero-unified-height) !important;
}
.page-hero--about,
.page-hero--services,
.page-hero--membership{
  background-size:cover, cover, cover !important;
  background-repeat:no-repeat !important;
}
.page-hero--about{
  background-image:linear-gradient(90deg,rgba(4,47,53,.78) 0%,rgba(5,56,61,.68) 43%,rgba(8,127,141,.34) 100%),var(--page-hero-image),linear-gradient(135deg,#063a40,#087f8d) !important;
  background-position:center 43%, center 43%, center !important;
}
.page-hero--services{
  background-image:linear-gradient(90deg,rgba(4,47,53,.82) 0%,rgba(5,56,61,.72) 42%,rgba(8,127,141,.38) 100%),var(--page-hero-image),linear-gradient(135deg,#063a40,#087f8d) !important;
  background-position:center 46%, center 46%, center !important;
}
.page-hero--membership{
  background-image:linear-gradient(90deg,rgba(4,47,53,.80) 0%,rgba(5,56,61,.70) 42%,rgba(8,127,141,.38) 100%),var(--page-hero-image),linear-gradient(135deg,#063a40,#087f8d) !important;
  background-position:center 42%, center 42%, center !important;
}
.page-hero-copy{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}

.footer-socials{gap:11px !important;}
.footer-socials a{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  color:#b9fbff !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(185,251,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:transform .45s cubic-bezier(.22,.72,.18,1), background .45s ease, color .45s ease, border-color .45s ease, box-shadow .45s ease !important;
}
.footer-socials a svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:currentColor !important;
  stroke:none !important;
}
.footer-socials a svg path,
.footer-socials a svg circle{
  fill:currentColor !important;
  stroke:none !important;
  vector-effect:initial !important;
}
.footer-socials a:hover{
  transform:translateY(-3px) !important;
  background:linear-gradient(135deg,rgba(7,142,161,.92),rgba(47,196,207,.82)) !important;
  color:#fff !important;
  border-color:rgba(185,251,255,.32) !important;
  box-shadow:0 0 16px rgba(47,196,207,.20),0 12px 26px rgba(4,47,53,.22) !important;
}

.contact-section-title{
  margin:0 0 18px !important;
  color:var(--primary-dark) !important;
  font-size:clamp(26px,3vw,42px) !important;
  line-height:1.28 !important;
  text-align:start !important;
  white-space:normal !important;
}
.contact-intro-card p{margin-top:0 !important;}

@media (max-width:1020px){
  :root{--hero-unified-height:570px !important;}
  .hero-home,.hero-home .hero-home-slider,.hero-home .slide,.hero-home .home-slide-shell,.page-hero,.page-hero-inner,.page-hero--about,.page-hero--about .page-hero-inner,.page-hero--services,.page-hero--services .page-hero-inner,.page-hero--membership,.page-hero--membership .page-hero-inner{min-height:570px !important;}
}
@media (max-width:680px){
  :root{--hero-unified-height:520px !important;}
  .hero-home,.hero-home .hero-home-slider,.hero-home .slide,.hero-home .home-slide-shell,.page-hero,.page-hero-inner,.page-hero--about,.page-hero--about .page-hero-inner,.page-hero--services,.page-hero--services .page-hero-inner,.page-hero--membership,.page-hero--membership .page-hero-inner{min-height:520px !important;}
  .contact-section-title{text-align:center !important;font-size:28px !important;}
}


/* ===== Board image replacement and event detail redesign ===== */
.president-photo img,
.member-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.president-photo{overflow:hidden !important;background:#fff !important;}
.member-avatar.logo-avatar{
  background:#fff !important;
  padding:8px;
}
.member-avatar.logo-avatar img{
  object-fit:contain !important;
  filter:drop-shadow(0 7px 11px rgba(4,47,53,.12));
}
.board-note{
  max-width:740px !important;
  margin:0 auto 28px !important;
  font-size:14px !important;
}
.founders-grid .member-card,
.current-grid .member-card{
  min-height:224px;
}
.current-member-card .member-front .member-avatar{width:112px;height:112px;}
.founder-card .member-avatar{width:116px;height:116px;}
.member-front h3{font-size:18px !important;}
.member-back .member-details{font-size:12.8px !important;}
.member-back .member-details div{text-align:center !important;}

.page-event-detail .join-cta-section{margin-top:0;}
.event-detail-hero-modern{
  padding-top:132px !important;
  padding-bottom:46px !important;
  background:linear-gradient(180deg,#edf8f7 0%,#ffffff 100%);
}
.event-detail-hero-card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:30px;
  align-items:stretch;
  background:#fff;
  border:1px solid rgba(7,142,161,.12);
  border-radius:32px;
  box-shadow:0 24px 60px rgba(4,47,53,.10);
  padding:26px;
  overflow:hidden;
  position:relative;
}
.event-detail-hero-card::before{
  content:"";
  position:absolute;
  inset:-120px auto auto -120px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(24,183,199,.12);
  pointer-events:none;
}
.event-detail-copy{
  position:relative;
  z-index:1;
  padding:18px 10px 18px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:start !important;
}
.detail-kicker,
.mini-label{
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  padding:7px 14px;
  border-radius:999px;
  background:#e7f4f4;
  color:var(--primary);
  font-weight:900;
  font-size:13px;
  margin-bottom:16px;
}
.event-detail-copy h1{
  margin:0 0 14px;
  color:var(--primary-dark);
  font-size:clamp(30px,4vw,48px);
  line-height:1.25;
  letter-spacing:-.4px;
}
.event-detail-copy p{
  color:#52686b;
  font-size:17px;
  line-height:1.9;
  margin:0;
  max-width:740px;
}
.event-detail-pills{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:26px;
}
.event-detail-pills span{
  display:grid;
  gap:5px;
  background:#f3faf9;
  border:1px solid rgba(7,142,161,.11);
  border-radius:18px;
  padding:14px 12px;
  text-align:center;
}
.event-detail-pills b{color:var(--primary-dark);font-size:13px;}
.event-detail-pills em{font-style:normal;color:var(--muted);font-size:13px;font-weight:800;}
.event-detail-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
  justify-content:flex-start !important;
}
.event-detail-visual{
  min-height:420px;
  border-radius:26px;
  background-image:linear-gradient(180deg,rgba(4,47,53,.05),rgba(4,47,53,.42)),url('../img/home-slider-conference-realistic.png');
  background-size:cover;
  background-position:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.event-detail-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(7,142,161,.18),rgba(215,184,90,.10));
}
.detail-visual-overlay{
  position:absolute;
  inset:auto 22px 22px 22px;
  min-height:94px;
  border-radius:22px;
  background:rgba(255,255,255,.90);
  display:flex;
  align-items:center;
  gap:15px;
  padding:14px 16px;
  box-shadow:0 18px 34px rgba(4,47,53,.16);
  backdrop-filter:blur(10px);
}
.detail-visual-overlay img{width:66px;height:66px;object-fit:contain;}
.detail-visual-overlay span{font-weight:900;color:var(--primary-dark);font-size:14px;line-height:1.5;}
.event-detail-content-section{padding-top:28px !important;}
.detail-modern-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:26px;
  align-items:start;
}
.modern-detail-box,
.modern-side-box .quick-card{
  background:#fff;
  border:1px solid rgba(7,142,161,.12);
  border-radius:26px;
  box-shadow:0 16px 42px rgba(4,47,53,.07);
}
.modern-detail-box{
  padding:34px;
  text-align:start !important;
}
.detail-section-head{text-align:start !important;}
.detail-section-head .section-title,
.detail-section-head .section-text{text-align:start !important;margin-inline:0 !important;}
.program-list{
  display:grid;
  gap:14px;
  margin:30px 0;
}
.program-item{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:start;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,#f7fbfb,#fff);
  border:1px solid rgba(7,142,161,.10);
}
.program-item > strong{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--primary-dark),var(--primary));
  color:#fff;
  font-size:17px;
}
.program-item h3{
  margin:0 0 6px;
  color:var(--primary-dark);
  font-size:18px;
}
.program-item p{margin:0;color:#5d7073;line-height:1.8;font-size:14px;}
.detail-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.detail-feature-grid div{
  display:grid;
  gap:8px;
  padding:18px 14px;
  border-radius:18px;
  background:#f2f8f7;
  border:1px solid rgba(7,142,161,.09);
  text-align:center;
}
.detail-feature-grid span{font-size:13px;color:var(--muted);font-weight:800;}
.detail-feature-grid strong{font-size:14px;color:var(--primary-dark);line-height:1.6;}
.modern-side-box{
  position:sticky;
  top:112px;
  display:grid;
  gap:16px;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.modern-side-box .quick-card{padding:24px;text-align:center !important;}
.primary-quick-card{
  background:radial-gradient(circle at 12% 10%, rgba(215,184,90,.22), transparent 30%),linear-gradient(135deg,var(--primary-dark),var(--primary)) !important;
  color:#fff;
}
.primary-quick-card span{display:block;color:rgba(255,255,255,.72);font-weight:900;margin-bottom:8px;}
.primary-quick-card h3{color:#fff;margin:0 0 10px;font-size:22px;}
.primary-quick-card p{color:rgba(255,255,255,.86);line-height:1.85;margin:0;}
.clean-info-list{display:grid;gap:12px;justify-content:stretch !important;}
.clean-info-list .info-row{
  display:flex !important;
  align-items:center;
  gap:12px;
  justify-content:flex-start !important;
  text-align:start !important;
  padding:12px;
  border-radius:16px;
  background:#f6fbfb;
  border:1px solid rgba(7,142,161,.09);
}
.clean-info-list .info-row div{text-align:start !important;}
.contact-quick-card p{color:var(--muted);line-height:1.8;margin:0 0 16px;}
@media (max-width:980px){
  .event-detail-hero-card,
  .detail-modern-layout{grid-template-columns:1fr;}
  .event-detail-visual{min-height:320px;}
  .modern-side-box{position:static;}
}
@media (max-width:640px){
  .event-detail-hero-modern{padding-top:112px !important;}
  .event-detail-hero-card{padding:16px;border-radius:24px;}
  .event-detail-copy{padding:10px 2px;}
  .event-detail-pills,
  .detail-feature-grid{grid-template-columns:1fr;}
  .event-detail-actions .btn{width:100%;}
  .modern-detail-box{padding:24px 18px;border-radius:22px;}
  .program-item{grid-template-columns:1fr;text-align:center;}
  .program-item > strong{margin:0 auto;}
}


/* ===== Client refinements: president crop, clean board backs, compact event details ===== */
/* 1) President image: keep the head and shoulders visible inside the circle. */
.president-photo img{
  object-fit:cover !important;
  object-position:center 22% !important;
}
.president-photo{
  width:172px !important;
  height:172px !important;
  margin-bottom:22px !important;
}
.flip-profile-card{height:390px !important;}
.flip-card-front{padding-top:26px !important;padding-bottom:26px !important;}

/* 2) Current board back side: return to a cleaner, compact information layout. */
.current-grid .current-member-card{
  height:312px !important;
  min-height:312px !important;
}
.member-back{
  padding:18px !important;
  justify-content:center !important;
}
.member-back .member-details{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.09) !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12.2px !important;
  line-height:1.75 !important;
  text-align:start !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.member-back .member-details div{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  border-radius:0 !important;
  padding:7px 0 !important;
  text-align:start !important;
}
.member-back .member-details div:last-child{border-bottom:0 !important;}
.member-back .member-details b{
  color:#fff !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  margin-inline-end:4px !important;
}
.member-back .member-details a{
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

/* 3) Event detail page: compact dashboard style inspired by the sent reference. */
.page-event-detail main{
  background:linear-gradient(180deg,#f4fbfa 0%,#ffffff 65%) !important;
}
.event-detail-hero-modern{
  padding-top:112px !important;
  padding-bottom:22px !important;
  background:linear-gradient(180deg,#edf8f7 0%,#f9fcfc 100%) !important;
}
.event-detail-hero-card{
  max-width:1040px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 286px !important;
  gap:18px !important;
  align-items:stretch !important;
  padding:18px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(7,142,161,.10) !important;
  box-shadow:0 16px 45px rgba(4,47,53,.08) !important;
}
.event-detail-hero-card::before{display:none !important;}
.event-detail-copy{
  min-height:292px !important;
  padding:24px 28px !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#ffffff,#fbfefe) !important;
  border:1px dashed rgba(7,142,161,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.detail-kicker,
.mini-label{
  padding:6px 13px !important;
  border-radius:999px !important;
  background:#eef8f8 !important;
  color:var(--primary-dark) !important;
  font-size:12px !important;
  margin-bottom:13px !important;
}
.event-detail-copy h1{
  font-size:clamp(25px,3.1vw,36px) !important;
  line-height:1.35 !important;
  margin-bottom:10px !important;
}
.event-detail-copy p{
  font-size:15px !important;
  line-height:1.8 !important;
  max-width:720px !important;
}
.event-detail-pills{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:18px !important;
}
.event-detail-pills span{
  padding:10px 12px !important;
  border-radius:13px !important;
  background:#f4faf9 !important;
}
.event-detail-pills b{font-size:12px !important;}
.event-detail-pills em{font-size:12px !important;}
.event-detail-actions{
  margin-top:20px !important;
  gap:10px !important;
}
.event-detail-actions .btn{padding:12px 18px !important;}
.event-detail-visual{
  min-height:292px !important;
  border-radius:18px !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid rgba(7,142,161,.10) !important;
  box-shadow:0 10px 30px rgba(4,47,53,.06) !important;
  padding:0 !important;
  overflow:hidden !important;
}
.event-detail-visual::before{display:none !important;}
.detail-visual-overlay{display:none !important;}
.detail-side-panel{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  padding:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%);
}
.detail-side-logo{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  margin:0 auto;
  border-radius:20px;
  background:#f0fafa;
  border:1px solid rgba(7,142,161,.10);
}
.detail-side-logo img{width:58px;height:58px;object-fit:contain;display:block;}
.detail-side-panel h3{
  margin:0;
  color:var(--primary-dark);
  font-size:18px;
  text-align:center;
}
.detail-side-records{
  display:grid;
  gap:8px;
}
.detail-side-records div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border-radius:12px;
  background:#f5fbfb;
  border:1px solid rgba(7,142,161,.08);
}
.detail-side-records span{
  color:#61777a;
  font-size:12px;
  font-weight:800;
}
.detail-side-records strong{
  color:var(--primary-dark);
  font-size:12px;
  text-align:end;
  line-height:1.45;
}
.event-detail-content-section{
  padding-top:22px !important;
  padding-bottom:40px !important;
}
.detail-modern-layout{
  max-width:1040px !important;
  grid-template-columns:minmax(0,1fr) 286px !important;
  gap:18px !important;
}
.modern-detail-box,
.modern-side-box .quick-card{
  border-radius:20px !important;
  border:1px solid rgba(7,142,161,.10) !important;
  box-shadow:0 12px 34px rgba(4,47,53,.06) !important;
}
.modern-detail-box{padding:24px !important;}
.detail-section-head .section-title{
  font-size:clamp(24px,2.7vw,34px) !important;
  margin-bottom:10px !important;
}
.detail-section-head .section-text{font-size:15px !important;line-height:1.85 !important;}
.program-list{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:22px 0 !important;
}
.program-item{
  grid-template-columns:1fr !important;
  gap:10px !important;
  padding:16px 14px !important;
  border-radius:16px !important;
  text-align:center !important;
}
.program-item > strong{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  margin:0 auto !important;
  font-size:14px !important;
}
.program-item h3{font-size:15px !important;margin-bottom:6px !important;}
.program-item p{font-size:12.5px !important;line-height:1.65 !important;}
.detail-feature-grid{gap:10px !important;}
.detail-feature-grid div{padding:13px 10px !important;border-radius:14px !important;}
.detail-feature-grid span{font-size:12px !important;}
.detail-feature-grid strong{font-size:12.5px !important;}
.modern-side-box{top:98px !important;gap:12px !important;}
.modern-side-box .primary-quick-card{display:none !important;}
.modern-side-box .quick-card{padding:18px !important;border-radius:18px !important;}
.modern-side-box .quick-card h3{font-size:17px !important;margin-bottom:12px !important;color:var(--primary-dark);}
.clean-info-list{gap:8px !important;}
.clean-info-list .info-row{padding:10px !important;border-radius:13px !important;}
.clean-info-list .info-icon{width:36px !important;height:36px !important;min-width:36px !important;}
.contact-quick-card p{font-size:13px !important;line-height:1.7 !important;}
.page-event-detail .join-cta-section{display:none !important;}

@media (max-width:980px){
  .event-detail-hero-card,
  .detail-modern-layout{grid-template-columns:1fr !important;}
  .event-detail-visual{min-height:auto !important;}
  .detail-side-panel{min-height:0 !important;}
  .program-list{grid-template-columns:1fr !important;}
}
@media (max-width:640px){
  .event-detail-hero-modern{padding-top:96px !important;}
  .event-detail-hero-card{padding:12px !important;border-radius:18px !important;}
  .event-detail-copy{padding:20px 16px !important;min-height:0 !important;}
  .event-detail-pills,
  .detail-feature-grid{grid-template-columns:1fr !important;}
  .event-detail-actions .btn{width:100% !important;}
  .modern-detail-box{padding:20px 16px !important;}
}


/* ===== Final client revision: very simple event details page ===== */
.page-event-detail main{
  background:linear-gradient(180deg,#f4fbfa 0%,#ffffff 100%) !important;
}
.event-simple-start{
  padding-top:124px !important;
  padding-bottom:64px !important;
  background:transparent !important;
}
.event-simple-card{
  max-width:860px !important;
  margin:0 auto !important;
  padding:34px 36px !important;
  border-radius:24px !important;
  background:#fff !important;
  border:1px solid rgba(7,142,161,.12) !important;
  box-shadow:0 16px 38px rgba(4,47,53,.07) !important;
}
.event-simple-back{
  display:inline-flex !important;
  align-items:center !important;
  margin-bottom:18px !important;
  color:var(--primary) !important;
  font-weight:900 !important;
  text-decoration:none !important;
  font-size:14px !important;
}
.event-simple-back::before{
  content:'‹' !important;
  margin-left:8px !important;
  font-size:22px !important;
  line-height:1 !important;
}
.event-simple-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 16px !important;
  border-radius:999px !important;
  background:#eaf7f7 !important;
  color:var(--primary-dark) !important;
  font-size:13px !important;
  font-weight:900 !important;
  margin-bottom:14px !important;
}
.event-simple-card h1{
  margin:0 0 12px !important;
  color:var(--primary-dark) !important;
  font-size:clamp(27px,3vw,38px) !important;
  line-height:1.35 !important;
  letter-spacing:-.02em !important;
}
.event-simple-description{
  margin:0 !important;
  max-width:720px !important;
  color:#546c70 !important;
  font-size:16px !important;
  line-height:1.9 !important;
  font-weight:700 !important;
}
.event-simple-details{
  margin-top:28px !important;
  padding:22px !important;
  border-radius:20px !important;
  background:#f7fcfc !important;
  border:1px solid rgba(7,142,161,.10) !important;
}
.event-simple-details h2{
  margin:0 0 16px !important;
  color:var(--primary-dark) !important;
  font-size:22px !important;
  line-height:1.4 !important;
}
.event-simple-grid{
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
.event-simple-grid > div{
  margin:0 !important;
  padding:14px 16px !important;
  min-height:76px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(7,142,161,.10) !important;
  box-shadow:0 8px 18px rgba(4,47,53,.035) !important;
}
.event-simple-grid dt{
  margin:0 0 6px !important;
  color:#6e8588 !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.event-simple-grid dd{
  margin:0 !important;
  color:var(--primary-dark) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  font-weight:900 !important;
}
.event-simple-grid a{
  color:var(--primary) !important;
  text-decoration:none !important;
  font-weight:900 !important;
}
.event-simple-grid a:hover{text-decoration:underline !important;}
.event-inquiry-row{
  grid-column:1 / -1 !important;
  min-height:68px !important;
}
.page-event-detail .join-cta-section{display:none !important;}
@media (max-width:720px){
  .event-simple-start{padding-top:100px !important;padding-bottom:42px !important;}
  .event-simple-card{padding:24px 18px !important;border-radius:20px !important;}
  .event-simple-details{padding:16px !important;border-radius:18px !important;}
  .event-simple-grid{grid-template-columns:1fr !important;}
  .event-simple-grid > div{min-height:auto !important;}
}


/* ===== Final client revision: event details with image right and information left ===== */
.page-event-detail main{
  background:linear-gradient(180deg,#f3fbfa 0%,#ffffff 100%) !important;
}
.event-inline-start{
  padding-top:122px !important;
  padding-bottom:66px !important;
}
.event-inline-card{
  max-width:1120px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,410px) !important;
  gap:24px !important;
  align-items:stretch !important;
  direction:ltr !important;
  padding:22px !important;
  border-radius:28px !important;
  background:#fff !important;
  border:1px solid rgba(7,142,161,.12) !important;
  box-shadow:0 18px 44px rgba(4,47,53,.075) !important;
}
.event-inline-media{
  grid-column:2 !important;
  min-height:430px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#eaf6f5 !important;
  border:1px solid rgba(7,142,161,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.event-inline-media img{
  width:100% !important;
  height:100% !important;
  min-height:430px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}
.event-inline-content{
  grid-column:1 !important;
  direction:rtl !important;
  padding:12px 8px 12px 4px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  text-align:start !important;
}
.event-inline-content .event-simple-back{
  align-self:flex-start !important;
  margin-bottom:14px !important;
}
.event-hidden-tag{display:none !important;}
.event-inline-content h1{
  margin:0 0 8px !important;
  color:var(--primary-dark) !important;
  font-size:clamp(28px,3.4vw,42px) !important;
  line-height:1.32 !important;
  text-align:start !important;
}
.event-inline-subtitle{
  margin:0 0 12px !important;
  color:var(--primary) !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:900 !important;
  text-align:start !important;
}
.event-inline-description{
  margin:0 0 20px !important;
  color:#5a7073 !important;
  font-size:15.5px !important;
  line-height:1.85 !important;
  font-weight:700 !important;
  text-align:start !important;
}
.event-inline-details-card{
  width:100% !important;
  padding:20px !important;
  border-radius:22px !important;
  background:#f7fcfc !important;
  border:1px solid rgba(7,142,161,.11) !important;
  box-shadow:0 10px 25px rgba(4,47,53,.045) !important;
}
.event-inline-details-card h2{
  margin:0 0 14px !important;
  color:var(--primary-dark) !important;
  font-size:21px !important;
  line-height:1.4 !important;
  text-align:start !important;
}
.event-inline-details-list{
  display:grid !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}
.event-inline-details-list > div{
  display:grid !important;
  grid-template-columns:116px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  min-height:48px !important;
  padding:11px 14px !important;
  border-radius:15px !important;
  background:#fff !important;
  border:1px solid rgba(7,142,161,.095) !important;
}
.event-inline-details-list dt{
  margin:0 !important;
  color:#6d8386 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  text-align:start !important;
}
.event-inline-details-list dd{
  margin:0 !important;
  color:var(--primary-dark) !important;
  font-size:14.5px !important;
  font-weight:900 !important;
  line-height:1.65 !important;
  text-align:start !important;
}
.event-inline-details-list a{
  color:var(--primary) !important;
  text-decoration:none !important;
  font-weight:900 !important;
}
.event-inline-details-list a:hover{text-decoration:underline !important;}
.page-event-detail .join-cta-section{display:none !important;}
@media (max-width:900px){
  .event-inline-card{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:16px !important;
  }
  .event-inline-media,
  .event-inline-content{
    grid-column:auto !important;
  }
  .event-inline-media{min-height:300px !important;}
  .event-inline-media img{min-height:300px !important;}
}
@media (max-width:620px){
  .event-inline-start{padding-top:98px !important;padding-bottom:42px !important;}
  .event-inline-card{border-radius:22px !important;padding:12px !important;}
  .event-inline-media{border-radius:18px !important;min-height:230px !important;}
  .event-inline-media img{min-height:230px !important;}
  .event-inline-content{padding:8px 4px !important;}
  .event-inline-details-card{padding:15px !important;border-radius:18px !important;}
  .event-inline-details-list > div{
    grid-template-columns:1fr !important;
    gap:3px !important;
    min-height:auto !important;
  }
}
.event-inline-details-card h2{display:none !important;}


/* ===== Fix event detail desktop layout: keep image and text on the same row ===== */
@media (min-width:901px){
  .event-inline-card{
    grid-template-columns:minmax(0,1fr) minmax(320px,410px) !important;
    grid-auto-flow:column !important;
    align-items:center !important;
  }
  .event-inline-media{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  .event-inline-content{
    grid-column:1 !important;
    grid-row:1 !important;
  }
}

/* ===== Client revision: match About, Services and Membership hero height to homepage ===== */
:root{
  --inner-page-hero-match-height:620px;
}

.page-about .page-hero,
.page-services .page-hero,
.page-membership .page-hero,
.page-about .page-hero-inner,
.page-services .page-hero-inner,
.page-membership .page-hero-inner{
  height:var(--inner-page-hero-match-height) !important;
  min-height:var(--inner-page-hero-match-height) !important;
}

.page-about .page-hero,
.page-services .page-hero,
.page-membership .page-hero{
  display:flex !important;
  align-items:center !important;
}

.page-about .page-hero-inner,
.page-services .page-hero-inner,
.page-membership .page-hero-inner{
  padding:118px 0 58px !important;
  align-items:center !important;
  justify-content:center !important;
}

@media (max-width:1020px){
  :root{--inner-page-hero-match-height:570px;}
}

@media (max-width:680px){
  :root{--inner-page-hero-match-height:520px;}
  .page-about .page-hero-inner,
  .page-services .page-hero-inner,
  .page-membership .page-hero-inner{
    padding:96px 0 44px !important;
  }
}


/* ===== Medical photo backgrounds for unified inner heroes ===== */
.page-about .page-hero,
.page-services .page-hero,
.page-membership .page-hero{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.88) 0%, rgba(5,56,61,.74) 40%, rgba(8,127,141,.48) 70%, rgba(8,127,141,.24) 100%),
    var(--page-hero-image),
    linear-gradient(135deg,#063a40,#087f8d) !important;
  background-size:cover, cover, cover !important;
  background-repeat:no-repeat !important;
  background-position:center, center right, center !important;
}
.page-about .page-hero{background-position:center, center right, center !important;}
.page-services .page-hero{background-position:center, center center, center !important;}
.page-membership .page-hero{background-position:center, center right, center !important;}
.page-about .page-hero-copy,
.page-services .page-hero-copy,
.page-membership .page-hero-copy{
  background:rgba(4,47,53,.18) !important;
  border-color:rgba(255,255,255,.14) !important;
}
@media (max-width:900px){
  .page-about .page-hero,
  .page-services .page-hero,
  .page-membership .page-hero{
    background-image:
      linear-gradient(180deg, rgba(4,47,53,.84), rgba(8,127,141,.54)),
      var(--page-hero-image),
      linear-gradient(135deg,#063a40,#087f8d) !important;
    background-position:center, center, center !important;
  }
}

/* ===== Client correction: real visible medical hero photos for inner pages ===== */
/* Remove any content glass/transparent panel feeling and use full photographic hero backgrounds like the homepage. */
.page-about .page-hero--about,
.page-services .page-hero--services,
.page-membership .page-hero--membership{
  position:relative !important;
  isolation:isolate !important;
  min-height:var(--hero-unified-height) !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:#063a40 !important;
  overflow:hidden !important;
}
.page-about .page-hero--about{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.68) 0%, rgba(5,56,61,.54) 43%, rgba(8,127,141,.24) 100%),
    url('../img/hero-slide-1-medical-community.png') !important;
  background-position:center 42% !important;
}
.page-services .page-hero--services{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.70) 0%, rgba(5,56,61,.56) 42%, rgba(8,127,141,.25) 100%),
    url('../img/home-slider-operation-realistic.png') !important;
  background-position:center 46% !important;
}
.page-membership .page-hero--membership{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.68) 0%, rgba(5,56,61,.54) 42%, rgba(8,127,141,.24) 100%),
    url('../img/home-slider-doctors-realistic.png') !important;
  background-position:center 43% !important;
}
.page-about .page-hero--about::before,
.page-services .page-hero--services::before,
.page-membership .page-hero--membership::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:radial-gradient(circle at 83% 18%, rgba(255,255,255,.10), transparent 24%), radial-gradient(circle at 18% 82%, rgba(215,184,90,.10), transparent 20%) !important;
  display:block !important;
  pointer-events:none !important;
}
.page-about .page-hero--about::after,
.page-services .page-hero--services::after,
.page-membership .page-hero--membership::after{
  display:none !important;
  content:none !important;
}
.page-about .page-hero-copy,
.page-services .page-hero-copy,
.page-membership .page-hero-copy{
  background:none !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
}
@media (max-width:680px){
  .page-about .page-hero--about{background-position:center center !important;}
  .page-services .page-hero--services{background-position:center center !important;}
  .page-membership .page-hero--membership{background-position:center center !important;}
}


/* ===== Client correction: unique inner hero photos + centered president avatar ===== */
.page-about .page-hero--about{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.70) 0%, rgba(5,56,61,.56) 42%, rgba(8,127,141,.26) 100%),
    url('../img/hero-about-services.png') !important;
  background-position:center 44% !important;
}
.page-services .page-hero--services{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.72) 0%, rgba(5,56,61,.58) 42%, rgba(8,127,141,.28) 100%),
    url('../img/hero-event-detail-session.png') !important;
  background-position:center 45% !important;
}
.page-membership .page-hero--membership{
  background-image:
    linear-gradient(90deg, rgba(4,47,53,.70) 0%, rgba(5,56,61,.56) 42%, rgba(8,127,141,.26) 100%),
    url('../img/hero-contact-networking.png') !important;
  background-position:center 45% !important;
}
.page-about .page-hero--about,
.page-services .page-hero--services,
.page-membership .page-hero--membership{
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.president-photo{
  width:162px !important;
  height:162px !important;
  padding:0 !important;
  overflow:hidden !important;
}
.president-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media (max-width:680px){
  .page-about .page-hero--about,
  .page-services .page-hero--services,
  .page-membership .page-hero--membership{
    background-position:center center !important;
  }
  .president-photo{width:148px !important;height:148px !important;}
}

/* ===== Final president photo fix: use the original portrait without cutting the bottom ===== */
.president-photo{
  width: 168px !important;
  height: 168px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}
.president-photo img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(.94) !important;
  background: #fff !important;
}

/* ===== Final centering fix for president avatar ===== */
.president-photo{
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
.president-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}


/* ===== President avatar enlargement: tighter crop so the head stays centered ===== */
.president-photo img{
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

/* ===== Member account header and dashboard ===== */
.nav-actions{position:relative}.member-nav{position:relative;display:flex;align-items:center;gap:10px}.member-avatar-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(7,142,161,.28);background:#fff;padding:3px;cursor:pointer;box-shadow:0 10px 24px rgba(4,47,53,.10);transition:.25s ease;display:grid;place-items:center}.member-avatar-btn:hover{transform:translateY(-2px);border-color:var(--primary)}.member-avatar-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff}.member-dropdown{position:absolute;top:calc(100% + 14px);left:0;min-width:255px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 54px rgba(4,47,53,.17);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s ease;z-index:2000}.member-nav.open .member-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.member-dropdown::before{content:"";position:absolute;top:-7px;left:25px;width:14px;height:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(-135deg)}.member-drop-head{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.member-drop-head img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#fff}.member-drop-head strong{display:block;color:var(--primary-dark);font-size:14px;line-height:1.3}.member-drop-head span{display:block;color:var(--muted);font-size:12px;line-height:1.4}.member-dropdown a,.member-dropdown button{width:100%;display:flex;align-items:center;gap:10px;text-align:start;border:0;background:transparent;color:#31565d;border-radius:14px;padding:11px 12px;font-weight:900;cursor:pointer;transition:.18s ease}.member-dropdown a:hover,.member-dropdown button:hover{background:var(--surface-soft);color:var(--primary)}.member-dropdown .logout{color:#b3261e}.member-dropdown .logout:hover{background:#fff1f0;color:#b3261e}.member-dropdown .icon-line svg{width:19px;height:19px}.page-member-dashboard{background:linear-gradient(180deg,#eef8f7 0%,#f8fcfb 42%,#f5fbfa 100%)}.member-dashboard-hero{position:relative;padding:72px 0 38px;background:radial-gradient(circle at 12% 15%,rgba(215,184,90,.16),transparent 24%),linear-gradient(135deg,rgba(7,142,161,.12),rgba(255,255,255,.78));overflow:hidden}.member-dashboard-hero::after{content:"";position:absolute;inset:auto -130px -150px auto;width:360px;height:360px;border-radius:50%;background:rgba(24,183,199,.11)}.dashboard-welcome{position:relative;z-index:1;max-width:820px}.dashboard-welcome h1{font-size:clamp(34px,4.4vw,58px);line-height:1.18;margin:14px 0;color:var(--primary-dark);letter-spacing:-.8px}.dashboard-welcome p{margin:0;color:var(--muted);font-size:17px;max-width:760px}.member-dashboard-section{padding:32px 0 90px}.member-dashboard-grid{direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"main side";gap:24px;align-items:start}.member-sidebar,.member-dashboard-main{direction:rtl}.member-sidebar{grid-area:side;background:#fff;border:1px solid var(--line);border-radius:30px;padding:18px;box-shadow:0 18px 42px rgba(4,47,53,.08);position:sticky;top:110px}.member-dashboard-main{grid-area:main}.member-profile-mini{text-align:center;padding:18px 12px 16px;margin-bottom:12px;background:linear-gradient(180deg,#effaf9,#fff);border:1px solid var(--line);border-radius:24px}.member-profile-mini img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#fff;margin:0 auto 12px;border:3px solid rgba(7,142,161,.25);box-shadow:0 12px 26px rgba(4,47,53,.09)}.member-profile-mini h2{margin:0 0 3px;color:var(--primary-dark);font-size:20px;line-height:1.35}.member-profile-mini p{margin:0;color:var(--muted);font-weight:700;font-size:13px;direction:ltr;text-align:center}.member-profile-mini span{margin-top:10px;display:inline-flex;background:rgba(215,184,90,.16);color:#7b6220;border:1px solid rgba(215,184,90,.30);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:900}.dashboard-menu{display:grid;gap:8px}.dashboard-tab{border:1px solid transparent;background:transparent;color:#31565d;border-radius:16px;padding:12px 13px;font-weight:900;text-align:start;cursor:pointer;display:flex;align-items:center;gap:11px;transition:.2s ease}.dashboard-tab .icon-line{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:var(--primary);background:#edf8f7;flex:0 0 auto;transition:.2s ease}.dashboard-tab .icon-line svg{width:21px;height:21px}.dashboard-tab:hover{background:var(--surface-soft);color:var(--primary)}.dashboard-tab.active{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;box-shadow:0 14px 28px rgba(7,142,161,.18)}.dashboard-tab.active .icon-line{background:rgba(255,255,255,.14);color:#fff}.dashboard-content-card{min-height:640px;background:#fff;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:0 18px 42px rgba(4,47,53,.08);overflow:hidden;position:relative}
/* .dashboard-content-card::after{content:"";position:absolute;inset:auto auto -120px -120px;width:310px;height:310px;border-radius:50%;background:rgba(24,183,199,.07);pointer-events:none} */
.dashboard-section-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-section-head h2{font-size:clamp(28px,3.2vw,44px);margin:0;color:var(--primary-dark);line-height:1.2}.dashboard-section-head p{margin:10px 0 0;color:var(--muted);max-width:650px}.dashboard-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface-soft);color:var(--primary);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:900;white-space:nowrap}.dashboard-stat-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 24px}.dashboard-stat{background:linear-gradient(180deg,#f8fdfc,#fff);border:1px solid var(--line);border-radius:22px;padding:18px}.dashboard-stat span{display:block;color:var(--muted);font-size:13px;font-weight:800}.dashboard-stat strong{display:block;color:var(--primary-dark);font-size:26px;line-height:1.4}.dashboard-panel-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.dashboard-panel{background:#f9fdfc;border:1px solid var(--line);border-radius:24px;padding:22px}.dashboard-panel h3{margin:0 0 8px;color:var(--primary-dark);font-size:20px}.dashboard-panel p{margin:0;color:var(--muted);font-size:15px}.dashboard-list{position:relative;z-index:1;display:grid;gap:12px}.dashboard-list-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:#f9fdfc;border:1px solid var(--line);border-radius:20px;padding:15px}.dashboard-list-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.dashboard-list-icon svg{width:23px;height:23px}.dashboard-list-item h3{margin:0;color:var(--primary-dark);font-size:18px}.dashboard-list-item p{margin:2px 0 0;color:var(--muted);font-size:14px}.dashboard-list-status{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-weight:900;color:var(--primary);white-space:nowrap;font-size:13px}.dashboard-empty{position:relative;z-index:1;text-align:center;background:linear-gradient(180deg,#f7fcfb,#fff);border:1px dashed rgba(7,142,161,.28);border-radius:24px;padding:45px 24px;color:var(--muted)}.dashboard-empty strong{display:block;color:var(--primary-dark);font-size:23px;margin-bottom:8px}.member-edit-form{position:relative;z-index:1}.member-edit-form .form-grid{margin-top:0}.member-edit-preview{display:flex;align-items:center;gap:16px;background:#f9fdfc;border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:18px}.member-edit-preview img{width:82px;height:82px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(7,142,161,.25)}.member-edit-preview strong{display:block;color:var(--primary-dark);font-size:20px}.member-edit-preview span{display:block;color:var(--muted);font-size:13px}.qr-card{position:relative;z-index:1;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#f8fdfc,#fff);border:1px solid var(--line);border-radius:28px;padding:26px}.fake-qr{width:230px;height:230px;margin:auto;border:12px solid #fff;background:#fff;box-shadow:0 14px 34px rgba(4,47,53,.08);border-radius:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:16px}.fake-qr i{background:var(--primary-dark);border-radius:5px}.fake-qr i:nth-child(3n){background:var(--primary)}.fake-qr i:nth-child(5n){background:var(--accent)}.qr-card h3{margin:0 0 10px;color:var(--primary-dark);font-size:28px}.qr-card p{margin:0;color:var(--muted)}.member-alert{position:relative;z-index:1;background:#fff8df;border:1px solid rgba(215,184,90,.45);color:#6f581b;border-radius:18px;padding:14px 16px;margin-bottom:18px;font-weight:800}.dashboard-action-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.dashboard-action-row .btn{box-shadow:none}.member-form-note{display:none;margin-top:14px;background:#eaf8f5;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--primary-dark);font-weight:900}.member-form-note.show{display:block}.auth-card .field-hint{display:block;color:var(--muted);font-size:12px;margin-top:5px}.member-auth-form .form-message{display:none}.member-auth-form .form-message.show{display:block}
@media (max-width:980px){.member-dashboard-grid{grid-template-columns:1fr;grid-template-areas:"side" "main"}.member-sidebar{position:relative;top:auto}.dashboard-menu{grid-template-columns:repeat(2,1fr)}.dashboard-content-card{min-height:auto}.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.qr-card{grid-template-columns:1fr}.dashboard-section-head{display:block}.dashboard-badge{margin-top:12px}.member-dropdown{left:auto;right:0}.member-dropdown::before{left:auto;right:25px}}
@media (max-width:640px){.dashboard-menu{grid-template-columns:1fr}.dashboard-panel-grid,.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-list-item{grid-template-columns:1fr;text-align:center;justify-items:center}.dashboard-list-status{white-space:normal}.member-dashboard-hero{padding:50px 0 28px}.dashboard-content-card{padding:22px;border-radius:26px}.member-sidebar{border-radius:24px}.member-dropdown{min-width:230px}.qr-card{padding:18px}.fake-qr{width:190px;height:190px}.member-edit-preview{display:block;text-align:center}.member-edit-preview img{margin:0 auto 10px}}

/* ===== Revised member dashboard: no hero, refined sidebar sections ===== */
.page-member-dashboard .member-dashboard-section{
  padding:34px 0 92px !important;
}
.page-member-dashboard main{
  min-height:calc(100vh - 92px);
}
.dashboard-logout-tab{
  color:#b3261e !important;
  margin-top:4px;
}
.dashboard-logout-tab .icon-line{
  color:#b3261e !important;
  background:#fff1f0 !important;
}
.dashboard-logout-tab:hover{
  background:#fff1f0 !important;
  color:#b3261e !important;
}
.dashboard-stat-grid-simple{grid-template-columns:repeat(3,1fr) !important}
.compact-panels .dashboard-panel{min-height:150px}
.panel-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#eef8f7;color:var(--primary);margin-bottom:12px}.panel-icon svg{width:23px;height:23px}
.registered-events-grid{display:grid;gap:16px;position:relative;z-index:1}.registered-event-card{width:100%;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px;border:1px solid var(--line);background:#fff;border-radius:24px;padding:14px;text-align:start;cursor:pointer;transition:.22s ease;box-shadow:0 10px 22px rgba(4,47,53,.05)}.registered-event-card:hover{transform:translateY(-3px);border-color:rgba(24,183,199,.55);box-shadow:0 18px 38px rgba(4,47,53,.10)}.registered-event-card img{width:180px;height:118px;border-radius:18px;object-fit:cover}.registered-event-card h3{margin:6px 0;color:var(--primary-dark);font-size:20px}.registered-event-card p{margin:0 0 5px;color:var(--muted);font-weight:700;line-height:1.65}.registered-event-card small{color:#6f8588;font-weight:900}.event-type-pill{display:inline-flex;background:#edf8f7;color:var(--primary);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900}.member-status{display:inline-flex;justify-content:center;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;background:#edf8f7;color:var(--primary);border:1px solid var(--line)}.member-status.accepted,.dashboard-badge.accepted{background:#e8f8ef;color:#167044;border-color:#ccebd8}.member-status.pending,.dashboard-badge.pending{background:#fff6d8;color:#85661d;border-color:#f1dfa3}.member-status.done,.dashboard-badge.done{background:#eff2f5;color:#51616b;border-color:#dfe6ea}
.member-event-detail-view{position:relative;z-index:1}.dashboard-back-btn{border:0;background:#edf8f7;color:var(--primary-dark);border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;margin-bottom:18px}.dashboard-back-btn:hover{background:var(--primary);color:#fff}.member-event-detail-layout{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}.member-event-media{background:#fff;border:1px solid var(--line);border-radius:26px;padding:14px;box-shadow:0 14px 30px rgba(4,47,53,.06)}.member-event-media>img{width:100%;height:220px;object-fit:cover;border-radius:20px}.invite-qr-box{margin-top:14px;text-align:center;background:linear-gradient(180deg,#f5fbfb,#fff);border:1px solid var(--line);border-radius:20px;padding:15px}.invite-qr-box>strong{display:block;color:var(--primary-dark);font-size:18px;margin-bottom:4px}.invite-qr-box>a{display:block;direction:ltr;text-align:center;color:var(--primary);font-size:12px;font-weight:900;word-break:break-all;margin-bottom:12px}.fake-qr{width:150px;height:150px;margin:0 auto 14px;background:#fff;border:1px solid #dceeee;border-radius:16px;padding:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.fake-qr i{display:block;border-radius:3px;background:#d5ecee}.fake-qr i.dark{background:var(--primary-dark)}.member-pending-note{margin-top:14px;background:#fff6d8;color:#775f1e;border:1px solid #ead99d;border-radius:18px;padding:13px;font-weight:900;text-align:center}.event-info-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 14px 30px rgba(4,47,53,.06)}.event-info-card h3{margin:0 0 16px;color:var(--primary-dark);font-size:24px}.event-info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.event-info-list div{background:#f5fbfb;border:1px solid var(--line);border-radius:16px;padding:13px}.event-info-list b{display:block;color:var(--primary);font-size:13px;margin-bottom:4px}.event-info-list span{display:block;color:var(--primary-dark);font-weight:900}
 
.mini-download{border:1px solid var(--line);background:#fff;color:var(--primary);border-radius:999px;padding:8px 13px;font-weight:900;cursor:pointer;transition:.18s ease;white-space:nowrap}
.mini-download:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
/* ===== Final fixes: member dashboard search, files, network, edit form ===== */
/* =========================
   Published Files
========================= */
 
.dashboard-file-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:30px;
}

.dashboard-file-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    text-align:center;

    min-height:260px;
    padding:28px 22px;

    background:#fff;
    border:1px solid #e6eef0;
    border-radius:22px;

    transition:.3s ease;
    box-shadow:0 12px 35px rgba(0,0,0,.06);

    overflow:hidden;
}

.dashboard-file-card:hover{
    transform:translateY(-8px);
    border-color:#0f8f99;
    box-shadow:0 20px 45px rgba(15,143,153,.18);
}

/* Decorative top bar */

.dashboard-file-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:6px;
    background:linear-gradient(90deg,#0f8f99,#16b6c1);
}

/* PDF Icon */

.dashboard-file-card .icon-line{
    width:80px;
    height:80px;
    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#0f8f99,#0a6570);
    color:#fff;

    margin-bottom:18px;

    box-shadow:0 12px 30px rgba(15,143,153,.25);
}

.dashboard-file-card .icon-line svg{
    width:38px;
    height:38px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
}

/* PDF Badge */

.dashboard-file-card .icon-line::after{
    content:"PDF";
    position:absolute;
    margin-top:88px;

    background:#ffe6e6;
    color:#d93c3c;

    font-size:11px;
    font-weight:700;

    padding:4px 10px;
    border-radius:30px;
}

/* File Name */

.dashboard-file-card h3{
    margin:20px 0 8px;
    font-size:20px;
    font-weight:700;
    color:#163942;

    word-break:break-word;
}

/* Description */

.dashboard-file-card p{
    margin:0 0 24px;

    color:#6b7b83;
    font-size:14px;
    line-height:1.7;

    min-height:48px;
}

/* Button */

.dashboard-file-card .btn{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:12px 18px;

    border-radius:14px;

    background:linear-gradient(135deg,#0f8f99,#0a6570);
    color:#fff;

    font-weight:700;
    text-decoration:none;

    transition:.25s;
}

.dashboard-file-card .btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(15,143,153,.35);
}

/* Search */

.dashboard-search{
    display:flex;
    align-items:center;
    gap:12px;

    background:#fff;

    border:1px solid #dde8ea;
    border-radius:50px;

    padding:10px 18px;
    margin-top:24px;
    margin-bottom:30px;

    box-shadow:0 5px 18px rgba(0,0,0,.04);
}

.dashboard-search input{
    flex:1;
    border:none;
    outline:none;
    background:transparent;

    font-size:15px;
}

.dashboard-search .icon-line{
    width:22px;
    height:22px;
    color:#0f8f99;
}

.dashboard-search svg{
    width:22px;
    height:22px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
}

/* Responsive */

@media (max-width:1100px){

    .dashboard-file-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:700px){

    .dashboard-file-grid{
        grid-template-columns:1fr;
    }

    .dashboard-file-card{
        min-height:auto;
    }

}



/* ===== Certificates Grid ===== */

.certificates-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
    gap:24px;
    margin-top:25px;
}

/* ===== Card ===== */

.certificate-card{
    background:#fff;
    border:1px solid #dbeff0;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s ease;
    display:flex;
    flex-direction:column;
}

.certificate-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

/* ===== Image ===== */

.certificate-image{
    position:relative;
    height:240px;
    background:#eef7f8;
    overflow:hidden;
}

.certificate-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.45s;
}

.certificate-card:hover .certificate-image img{
    transform:scale(1.04);
}

/* Badge */

.certificate-badge{
    position:absolute;
    bottom:15px;
    left:15px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    background:#e8faf9;
    color:#0b7c82;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* ===== Content ===== */

.certificate-content{
    padding:22px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.certificate-card h3{
    margin:0;
    font-size:21px;
    color:#083946;
    font-weight:800;
    line-height:1.4;
}

.certificate-event{
    margin:14px 0;
    color:#6b7280;
    font-size:15px;
    line-height:1.8;
}

/* Date */

.certificate-date{
    display:flex;
    align-items:center;
    gap:8px;
    color:#7a8b91;
    font-size:14px;
    margin-bottom:20px;
}

/* Footer */

.certificate-footer{
    display:flex;
    gap:12px;
    margin-top:auto;
}

/* Buttons */

.download-btn,
.view-btn{
    flex:1;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    text-decoration:none;
    font-weight:700;
    transition:.25s;
}

.view-btn{
    background:linear-gradient(135deg,#0c8b95,#06616b);
    color:#fff;
}

.view-btn:hover{
    background:linear-gradient(135deg,#06616b,#044850);
}

.download-btn{
    background:#fff;
    color:#0d7d84;
    border:1px solid #cfe5e7;
}

.download-btn:hover{
    background:#eaf9fa;
}

/* ===== Responsive ===== */

@media (max-width:1200px){
    .certificates-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:768px){
    .certificates-grid{
        grid-template-columns:1fr;
    }

    .certificate-image{
        height:210px;
    }

    .certificate-footer{
        flex-direction:column;
    }
}









/* ===== Final fixes: member dashboard search, files, network, edit form ===== */
.dashboard-search{position:relative;z-index:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px 14px;margin-bottom:18px;box-shadow:0 10px 22px rgba(4,47,53,.04)}.dashboard-search .icon-line{width:34px;height:34px;border-radius:12px;background:#edf8f7;color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.dashboard-search .icon-line svg{width:18px;height:18px}.dashboard-search input{border:0;outline:0;width:100%;font-weight:800;color:var(--primary-dark);background:transparent}.member-files-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:1}.member-file-card{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 10px 24px rgba(4,47,53,.05)}.member-file-card .file-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#edf8f7;color:var(--primary)}.member-file-card .file-icon svg{width:22px;height:22px}.member-file-card h3{margin:0 0 4px;color:var(--primary-dark);font-size:16px}.member-file-card p{margin:0;color:var(--muted);font-size:13px;font-weight:700}.dashboard-network-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px !important;position:relative;z-index:1}.dashboard-network-grid .current-member-card{height:315px !important}.dashboard-network-grid .member-avatar{width:98px !important;height:98px !important}.dashboard-network-grid .member-front h3{font-size:17px !important}.dashboard-network-grid .member-front p{font-size:13px !important}.dashboard-network-grid .member-details div{text-align:center !important}.member-edit-form{position:relative;z-index:1}
@media (max-width:980px){.member-dashboard-grid{grid-template-columns:1fr !important;grid-template-areas:"side" "main" !important}.member-sidebar{position:static !important}.registered-event-card{grid-template-columns:140px 1fr}.registered-event-card img{width:140px}.registered-event-card .member-status{grid-column:1/-1;justify-self:start}.member-event-detail-layout{grid-template-columns:1fr}.certificates-grid{grid-template-columns:repeat(2,1fr)}.member-files-grid{grid-template-columns:1fr}.dashboard-network-grid{grid-template-columns:1fr !important}}
@media (max-width:620px){.dashboard-content-card{padding:20px !important;border-radius:26px}.dashboard-stat-grid-simple,.certificates-grid,.event-info-list{grid-template-columns:1fr !important}.registered-event-card{grid-template-columns:1fr}.registered-event-card img{width:100%;height:170px}.member-event-media>img{height:180px}.certificate-preview{height:170px}}


/* ===== Final fixes: member header, dashboard spacing, summary, certificates, network, QR ===== */
.nav-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.nav-actions .login-link,
.nav-actions .nav-register{
  display:inline-flex !important;
}
.member-dropdown{display:none !important;}
.member-nav-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:5px 10px 5px 16px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid rgba(7,142,161,.18) !important;
  color:var(--primary-dark) !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(4,47,53,.08) !important;
  transition:.22s ease !important;
}
.member-nav-link:hover{
  transform:translateY(-2px);
  border-color:rgba(7,142,161,.45) !important;
  box-shadow:0 16px 30px rgba(4,47,53,.12) !important;
}
.member-nav-link img{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#fff !important;
  border:2px solid rgba(7,142,161,.25) !important;
}
.member-nav-link span{
  display:block !important;
  white-space:nowrap !important;
  font-size:14px !important;
  line-height:1 !important;
}
.page-member-dashboard main{
  padding-top:26px !important;
  min-height:calc(100vh - 86px) !important;
}
.page-member-dashboard .member-dashboard-section{
  padding-top:18px !important;
}
.page-member-dashboard .member-sidebar{
  top:118px !important;
}
.dashboard-summary-only{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.dashboard-summary-stat{
  min-height:185px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,#f8fdfc,#fff);
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:0 14px 30px rgba(4,47,53,.06);
}
.dashboard-summary-stat span{
  display:block;
  color:var(--muted);
  font-size:16px;
  font-weight:900;
  margin-bottom:12px;
}
.dashboard-summary-stat strong{
  display:block;
  color:var(--primary-dark);
  font-size:54px;
  line-height:1;
}
.certificate-preview-icon{
  background:linear-gradient(135deg,#fff,#f6fcfc) !important;
  border:1px solid var(--line) !important;
  padding:18px !important;
}
.certificate-preview-icon::before,
.certificate-preview-icon::after{display:none !important;}
.certificate-preview-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.invite-qr-img{
  width:166px !important;
  height:166px !important;
  display:block !important;
  object-fit:contain !important;
  margin:0 auto 14px !important;
  background:#fff !important;
  border:1px solid #dceeee !important;
  border-radius:16px !important;
  padding:10px !important;
  box-shadow:0 10px 22px rgba(4,47,53,.07) !important;
}
.dashboard-network-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important;
  gap:22px !important;
  position:relative !important;
  z-index:1 !important;
}
.dashboard-network-grid .current-member-card{
  height:312px !important;
  min-height:312px !important;
  width:auto !important;
  overflow:visible !important;
}
.dashboard-network-grid .member-card-inner{
  height:100% !important;
}
.dashboard-network-grid .member-front .member-avatar{
  width:112px !important;
  height:112px !important;
}
.dashboard-network-grid .member-front h3{
  font-size:18px !important;
  line-height:1.5 !important;
  white-space:normal !important;
  max-width:100% !important;
}
.dashboard-network-grid .member-front p{
  font-size:13px !important;
}
.dashboard-network-grid .member-back .member-details{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}
.dashboard-network-grid .member-back .member-details div{
  text-align:start !important;
}
@media (max-width:980px){
  .member-nav-link span{display:none !important;}
  .dashboard-summary-only{grid-template-columns:1fr !important;}
}


/* ===== Final requested fixes: separate membership page, dashboard spacing, events registration popup ===== */
.page-member-dashboard main{
  padding-top:124px !important;
  min-height:calc(100vh - 124px) !important;
}
.page-member-dashboard .member-dashboard-section{
  padding-top:0 !important;
  padding-bottom:90px !important;
}
.page-member-dashboard .member-sidebar{
  top:124px !important;
}
.page-event-detail main{
  padding-top:126px !important;
}
.page-events main{
  padding-top:118px !important;
}
.page-membership .nav-links a[href="membership.html"]{
  color:var(--primary) !important;
}
.dashboard-events-link{
  flex:0 0 auto;
  white-space:nowrap;
  box-shadow:none !important;
}
.dashboard-network-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}
.dashboard-network-grid .current-member-card{
  min-height:330px !important;
  height:330px !important;
}
.dashboard-network-grid .member-card-inner{
  min-height:330px !important;
}
.dashboard-network-grid .member-card-face{
  padding:24px 18px !important;
}
.dashboard-network-grid .member-front .member-avatar{
  width:118px !important;
  height:118px !important;
  margin-bottom:18px !important;
}
.dashboard-network-grid .member-front h3{
  font-size:18px !important;
  line-height:1.45 !important;
}
.dashboard-network-grid .member-front p{
  font-size:13px !important;
}
.dashboard-network-grid .member-back .member-details{
  display:grid !important;
  gap:8px !important;
}
.dashboard-network-grid .member-back .member-details div{
  padding:8px 10px !important;
  font-size:13px !important;
  line-height:1.6 !important;
  text-align:start !important;
}
.event-inline-media .event-detail-register-btn{
  width:100%;
  margin-top:18px;
  border-radius:14px;
  min-height:56px;
  font-size:18px;
  box-shadow:none;
}
.sham-cash-modal{
  position:fixed;
  inset:0;
  z-index:4000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(4,47,53,.42);
  backdrop-filter:blur(10px);
}
.sham-cash-modal.show{display:flex;animation:modalFadeIn .22s ease;}
.sham-cash-card{
  width:min(540px,calc(100vw - 36px));
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%, #f4fbfb 100%);
  border:1px solid rgba(7,142,161,.18);
  border-radius:28px;
  padding:34px 28px 28px;
  text-align:center;
  box-shadow:0 28px 80px rgba(4,47,53,.24);
  color:var(--primary-dark);
  overflow:hidden;
}
.sham-cash-card::after{
  content:"";
  position:absolute;
  inset-inline-end:-52px;
  inset-block-end:-52px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(24,183,199,.08);
  pointer-events:none;
}
.sham-cash-close{
  position:absolute;
  top:16px;
  inset-inline-start:16px;
  width:40px;
  height:40px;
  border:1px solid rgba(7,142,161,.18);
  border-radius:14px;
  background:#ffffff;
  color:var(--primary-dark);
  font-size:22px;
  line-height:1;
  cursor:pointer;
  font-weight:800;
  display:grid;
  place-items:center;
  box-shadow:0 8px 18px rgba(4,47,53,.08);
  transition:all .2s ease;
}
.sham-cash-close:hover{
  background:#f2fbfb;
  border-color:rgba(7,142,161,.34);
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(4,47,53,.12);
}
.sham-cash-qr{
  width:170px;
  height:170px;
  object-fit:contain;
  margin:10px auto 16px;
  background:#fff;
  padding:10px;
  border-radius:22px;
  border:1px solid #d8eeee;
  box-shadow:0 12px 28px rgba(4,47,53,.08);
}
.sham-cash-card h3{
  margin:0 0 8px;
  color:var(--primary-dark);
  font-size:28px;
  font-weight:900;
}
.sham-cash-card p{
  margin:0 auto 22px;
  max-width:390px;
  line-height:1.8;
  font-size:16px;
  color:#54757a;
}
.sham-cash-upload{
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(360px,100%);
  min-height:52px;
  margin:0 auto 16px;
  border-radius:18px;
  background:#fff;
  color:var(--primary-dark);
  font-size:16px;
  cursor:pointer;
  overflow:hidden;
  padding:0 20px;
  font-weight:800;
  border:1px dashed rgba(7,142,161,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5), 0 8px 18px rgba(4,47,53,.05);
  transition:all .2s ease;
}
.sham-cash-upload:hover{
  border-color:var(--primary);
  background:#f7fcfc;
}
.sham-cash-upload::before{
  content:"↥";
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  margin-inline-end:10px;
  background:rgba(24,183,199,.12);
  color:var(--primary-dark);
  font-size:17px;
  font-weight:900;
}
.sham-cash-upload input{display:none;}
.sham-cash-complete{
  width:min(230px,100%);
  min-height:50px;
  background:linear-gradient(135deg,var(--primary-dark),var(--primary)) !important;
  color:#fff !important;
  border-radius:999px !important;
  box-shadow:0 14px 28px rgba(7,142,161,.22) !important;
  font-size:17px;
  border:0 !important;
}
.sham-cash-complete:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 32px rgba(7,142,161,.28) !important;
}
body.modal-open{overflow:hidden;}
@keyframes modalFadeIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media (max-width:1100px){
  .dashboard-network-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:980px){
  .page-member-dashboard main,.page-events main,.page-event-detail main{padding-top:104px !important;}
  .dashboard-network-grid{grid-template-columns:1fr !important;}
  .dashboard-events-link{margin-top:14px;}
}


/* ===== Final client edits: nav, dashboard events, hero height, event fee, footer credit ===== */
/* Full-screen hero sections */
.hero-home,
.hero-home .hero-home-slider,
.hero-home .slide,
.hero-home .home-slide-shell,
.page-hero,
.page-hero-inner,
.page-hero--about,
.page-hero--about .page-hero-inner,
.page-hero--services,
.page-hero--services .page-hero-inner,
.page-hero--membership,
.page-hero--membership .page-hero-inner,
.contact-modern-hero{
  min-height:100vh !important;
  height:100vh !important;
}
.hero-home .home-slide-shell,
.page-hero-inner{
  display:flex !important;
  align-items:center !important;
}
@media (max-width:680px){
  .hero-home,.hero-home .hero-home-slider,.hero-home .slide,.hero-home .home-slide-shell,
  .page-hero,.page-hero-inner,.page-hero--about,.page-hero--about .page-hero-inner,
  .page-hero--services,.page-hero--services .page-hero-inner,
  .page-hero--membership,.page-hero--membership .page-hero-inner,.contact-modern-hero{
    min-height:100vh !important;
    height:auto !important;
  }
}
/* Events page title closer to the top */
.page-events main{padding-top:104px !important;}
.events-page-start{padding-top:38px !important;}
/* Dashboard starts with registered events; summary sits above it */
.dashboard-summary-above-events{margin-bottom:26px;}
.dashboard-menu .dashboard-tab[data-dashboard-tab="overview"]{display:none !important;}
/* Make sidebar changes not push the page down */
.page-member-dashboard{scroll-behavior:auto !important;}
/* Event detail fee row and popup price */
#detailFee{font-weight:900;color:var(--primary-dark);}
.sham-cash-price{
  width:min(360px,100%);
  margin:0 auto 14px;
  padding:10px 16px;
  border-radius:16px;
  background:#edf8f7;
  border:1px solid var(--line);
  color:var(--primary-dark);
  font-weight:800;
}
.sham-cash-price strong{color:var(--primary);font-weight:900;}
/* Footer credit similar to supplied style */
.footer-credit{
  direction:ltr;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  color:#f4ead8 !important;
  font-weight:800;
  font-size:16px;
  letter-spacing:.2px;
  text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 12px rgba(255,255,255,.12);
}
.footer-credit strong{
  color:#d8b64c !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 10px rgba(216,182,76,.30);
}


/* ===== Final visual alignment fixes requested by client ===== */
/* Header: keep menu centered and add language toggle near logo */
.site-header .navbar{
  display:grid !important;
  grid-template-columns:minmax(170px,auto) minmax(0,1fr) minmax(240px,auto) !important;
  align-items:center !important;
  gap:16px !important;
  position:relative !important;
}
.site-header .brand-tools{
  grid-column:1 !important;
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.site-header nav{
  grid-column:2 !important;
  justify-self:center !important;
  width:100% !important;
}
.site-header .nav-links{
  justify-content:center !important;
  gap:10px !important;
  margin:0 auto !important;
  width:100% !important;
}
.site-header .nav-actions{
  grid-column:3 !important;
  justify-self:end !important;
}
.lang-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:70px;
  height:38px;
  padding:0 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  color:var(--primary-dark);
  font-weight:900;
  box-shadow:0 8px 18px rgba(4,47,53,.06);
  direction:ltr;
}
.lang-toggle span{
  background:var(--primary);
  color:#fff;
  border-radius:999px;
  padding:4px 7px;
  line-height:1;
}
.lang-toggle b{font-size:12px;line-height:1;color:var(--primary-dark)}
.lang-toggle:hover{border-color:rgba(7,142,161,.35);transform:translateY(-1px)}

/* Dashboard registered-events section: no title, button text only */
.dashboard-event-top-actions{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:flex-start;
  margin:8px 0 24px;
}
.dashboard-event-top-actions .dashboard-events-link{
  width:auto !important;
  min-width:190px;
  justify-content:center;
  white-space:nowrap;
}

/* Dashboard right/left column start alignment */
.page-member-dashboard .member-dashboard-section{padding-top:26px !important;}
.page-member-dashboard .member-dashboard-grid{align-items:start !important;}
.page-member-dashboard .member-sidebar,
.page-member-dashboard .member-dashboard-main{margin-top:0 !important;align-self:start !important;}
.page-member-dashboard .member-sidebar{top:124px !important;}

/* Event cards: keep action buttons aligned on one baseline */
.events-grid{align-items:stretch !important;}
.events-grid .event-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
.events-grid .event-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}
.events-grid .event-body p{margin-bottom:18px !important;}
.events-grid .event-actions{
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.events-grid .event-actions .btn{min-width:118px;text-align:center;justify-content:center;}

/* Full viewport heroes for inner pages, matching homepage slider */
body.page-about .page-hero,
body.page-services .page-hero,
body.page-membership .page-hero,
body.page-about .page-hero-inner,
body.page-services .page-hero-inner,
body.page-membership .page-hero-inner{
  min-height:100vh !important;
  height:100vh !important;
}
body.page-about .page-hero,
body.page-services .page-hero,
body.page-membership .page-hero{padding:0 !important;}
body.page-about .page-hero-inner,
body.page-services .page-hero-inner,
body.page-membership .page-hero-inner{
  display:flex !important;
  align-items:center !important;
}

/* Footer credit: one clean line matching association copyright style */
.footer-credit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  direction:ltr !important;
  white-space:nowrap !important;
  margin-inline:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.88) !important;
  font-family:"Cairo","Segoe UI",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}
.footer-credit strong{
  color:var(--accent) !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

@media (max-width:980px){
  .site-header .navbar{
    display:flex !important;
    justify-content:space-between !important;
  }
  .site-header .brand-tools{order:1 !important;}
  .site-header nav{order:2 !important;width:auto !important;}
  .site-header .nav-actions{order:3 !important;}
  .lang-toggle{min-width:58px;height:34px;font-size:12px;}
  .site-header .nav-links{width:auto !important;}
  .events-grid .event-actions{flex-direction:column !important;align-items:stretch !important;}
}
@media (max-width:680px){
  body.page-about .page-hero,
  body.page-services .page-hero,
  body.page-membership .page-hero,
  body.page-about .page-hero-inner,
  body.page-services .page-hero-inner,
  body.page-membership .page-hero-inner{
    min-height:100svh !important;
    height:auto !important;
  }
}

/* Keep requested full-screen height on small screens too */
@media (max-width:680px){
  body.page-about .page-hero,
  body.page-services .page-hero,
  body.page-membership .page-hero,
  body.page-about .page-hero-inner,
  body.page-services .page-hero-inner,
  body.page-membership .page-hero-inner{
    min-height:100svh !important;
    height:100svh !important;
  }
}

/* ===== Client correction pass: restore header layout, dashboard alignment, footer credit, and registered events heading ===== */
@media (min-width:981px){
  .site-header .navbar{
    display:grid !important;
    grid-template-columns:minmax(190px,auto) minmax(0,1fr) minmax(220px,auto) !important;
    grid-template-areas:"brand nav actions" !important;
    align-items:center !important;
    gap:18px !important;
    direction:ltr !important;
  }
  .site-header .brand-tools{
    grid-area:brand !important;
    justify-self:start !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
    direction:ltr !important;
    min-width:max-content !important;
  }
  .site-header .brand-tools .logo-only{
    order:0 !important;
    margin:0 !important;
  }
  .site-header .brand-tools .lang-toggle{
    order:1 !important;
  }
  .site-header nav{
    grid-area:nav !important;
    justify-self:center !important;
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    direction:rtl !important;
  }
  .site-header .nav-links{
    width:auto !important;
    margin:0 auto !important;
    justify-content:center !important;
    align-items:center !important;
    gap:20px !important;
  }
  .site-header .nav-actions{
    grid-area:actions !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    direction:rtl !important;
    min-width:max-content !important;
  }
  .site-header .nav-actions .login-link,
  .site-header .nav-actions .nav-register{
    display:inline-flex !important;
  }
}
.lang-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:68px !important;
  height:36px !important;
  border-radius:999px !important;
  direction:ltr !important;
}

.page-member-dashboard .member-dashboard-grid{
  align-items:start !important;
  padding-top:0 !important;
}
.page-member-dashboard .member-sidebar,
.page-member-dashboard .member-dashboard-main,
.page-member-dashboard .dashboard-content-card{
  align-self:start !important;
  margin-top:0 !important;
}
.page-member-dashboard .member-dashboard-section{
  padding-top:0 !important;
}

.dashboard-registered-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:4px 0 24px;
  padding-top:2px;
  text-align:start !important;
}
.dashboard-registered-head h2{
  margin:7px 0 8px;
  color:var(--primary-dark);
  font-size:clamp(28px,3vw,42px);
  line-height:1.22;
}
.dashboard-registered-head p{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
  max-width:760px;
}
.dashboard-registered-head .dashboard-events-link{
  flex:0 0 auto;
  min-width:170px;
  justify-content:center;
}
.dashboard-event-top-actions{display:none !important;}

.footer-bottom{
  align-items:center !important;
}
.footer-credit{
  display:block !important;
  direction:ltr !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.66) !important;
  font-family:"Cairo","Segoe UI",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  line-height:1.8 !important;
}
.footer-credit strong{
  color:rgba(255,255,255,.88) !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
@media (max-width:980px){
  .site-header .brand-tools{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:8px !important;
    direction:ltr !important;
  }
  .site-header .brand-tools .logo-only{order:0 !important;}
  .site-header .brand-tools .lang-toggle{order:1 !important;}
  .dashboard-registered-head{
    display:block;
    text-align:center !important;
  }
  .dashboard-registered-head h2,
  .dashboard-registered-head p{
    text-align:center !important;
    margin-inline:auto !important;
  }
  .dashboard-registered-head .dashboard-events-link{
    width:100% !important;
    margin-top:16px;
  }
}


/* ===== Final correction: dashboard column alignment + hover-only nav underline ===== */
@media (min-width:981px){
  /* Make the sidebar and content card start at exactly the same vertical point.
     Disable sticky offset that was visually pushing the right membership panel down. */
  .page-member-dashboard .member-dashboard-section{
    padding-top:26px !important;
  }
  .page-member-dashboard .member-dashboard-grid{
    align-items:start !important;
    padding-top:0 !important;
  }
  .page-member-dashboard .member-sidebar,
  .page-member-dashboard .member-dashboard-main,
  .page-member-dashboard .dashboard-content-card{
    align-self:start !important;
    margin-top:0 !important;
  }
  .page-member-dashboard .member-sidebar{
    position:relative !important;
    top:auto !important;
  }
  .page-member-dashboard .member-profile-mini{
    margin-top:0 !important;
  }
}

/* Remove the permanent underline from the selected header page.
   Keep the underline only while hovering. */
.site-header .nav-links a.active::after{
  opacity:0 !important;
  transform:scaleX(.45) !important;
}
.site-header .nav-links a:hover::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}
.site-header .nav-links a.active:hover::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}

/* ===== Mobile-only interface corrections requested by client ===== */
.mobile-lang-item{display:none;}
@media (max-width:980px){
  /* Header: burger left, logo center, auth/member actions right. Desktop remains unchanged. */
  .site-header{padding:8px 0 7px !important;}
  .site-header .navbar{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    grid-template-areas:"menu logo actions" !important;
    align-items:center !important;
    height:68px !important;
    padding:0 14px !important;
    direction:ltr !important;
    gap:0 !important;
  }
  .site-header .brand-tools{
    grid-area:logo !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    gap:0 !important;
    order:initial !important;
  }
  .site-header .brand-tools .logo-only{
    margin:0 !important;
    order:0 !important;
  }
  .site-header .brand-tools .logo-only img{
    width:50px !important;
    height:50px !important;
  }
  .site-header .brand-tools > .lang-toggle{display:none !important;}
  .site-header .nav-actions{
    grid-area:actions !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    min-width:0 !important;
    width:auto !important;
    direction:rtl !important;
    order:initial !important;
  }
  .site-header .nav-actions .login-link,
  .site-header .nav-actions .nav-register{
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    padding:8px 10px !important;
    font-size:11.5px !important;
    line-height:1 !important;
    min-height:36px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }
  .site-header .member-nav{
    display:inline-flex !important;
    width:auto !important;
    max-width:132px !important;
    padding:5px 8px !important;
    gap:6px !important;
  }
  .site-header .member-nav img{width:34px !important;height:34px !important;}
  .site-header .member-nav span{font-size:11px !important;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .site-header .menu-toggle{
    position:absolute !important;
    left:12px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:1003 !important;
    display:grid !important;
    place-items:center !important;
    width:44px !important;
    height:44px !important;
    border-radius:15px !important;
    background:var(--primary) !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(7,142,161,.20) !important;
    order:initial !important;
  }
  .site-header nav{
    display:block !important;
    position:static !important;
    width:auto !important;
    order:initial !important;
  }
  .site-header .nav-links{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    width:min(86vw,340px) !important;
    max-width:340px !important;
    height:100svh !important;
    min-height:100vh !important;
    padding:96px 18px 24px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:9px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),#f4fbfb) !important;
    border:0 !important;
    border-radius:0 28px 28px 0 !important;
    box-shadow:24px 0 55px rgba(4,47,53,.22) !important;
    transform:translateX(-112%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .28s ease,opacity .22s ease,visibility .22s ease !important;
    z-index:1002 !important;
    direction:rtl !important;
  }
  .site-header .nav-links.show{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .site-header .nav-links li{width:100% !important;}
  .site-header .nav-links a{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:14px 16px !important;
    border-radius:16px !important;
    font-size:16px !important;
    color:var(--primary-dark) !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .site-header .nav-links a:hover,
  .site-header .nav-links a.active:hover{
    background:#eaf8f5 !important;
    color:var(--primary) !important;
  }
  .site-header .nav-links a.active{background:transparent !important;color:var(--primary-dark) !important;}
  .site-header .nav-links a::after{display:none !important;content:none !important;}
  .site-header .nav-links .mobile-lang-item{display:block !important;margin-top:10px;padding-top:12px;border-top:1px solid var(--line);}
  .site-header .nav-links .mobile-lang-item .lang-toggle{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
    height:46px !important;
    min-width:0 !important;
    padding:0 14px !important;
    background:#fff !important;
    border:1px solid var(--line) !important;
    box-shadow:0 8px 18px rgba(4,47,53,.06) !important;
  }
}
@media (max-width:430px){
  .site-header .navbar{height:64px !important;padding:0 10px !important;}
  .site-header .menu-toggle{left:10px !important;width:41px !important;height:41px !important;}
  .site-header .brand-tools .logo-only img{width:46px !important;height:46px !important;}
  .site-header .nav-actions{gap:4px !important;}
  .site-header .nav-actions .login-link,
  .site-header .nav-actions .nav-register{padding:7px 8px !important;font-size:10.5px !important;min-height:34px !important;}
  .site-header .member-nav span{display:none !important;}
  .site-header .member-nav{padding:4px !important;}
}

@media (max-width:760px){
  /* Footer mobile arrangement: socials centered, quick links right, membership left, contact below */
  .site-footer{padding:44px 0 24px !important;}
  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "about about"
      "membership quick"
      "contact contact" !important;
    gap:24px 18px !important;
    direction:ltr !important;
    text-align:start !important;
  }
  .footer-grid > .footer-about{grid-area:about !important;direction:rtl !important;text-align:center !important;}
  .footer-grid > .footer-col:nth-child(2){grid-area:quick !important;direction:rtl !important;text-align:start !important;}
  .footer-grid > .footer-col:nth-child(3){grid-area:membership !important;direction:rtl !important;text-align:start !important;}
  .footer-grid > .footer-contact-col{grid-area:contact !important;direction:rtl !important;text-align:start !important;}
  .footer-logo{justify-content:center !important;text-align:center !important;}
  .footer-about p{margin-inline:auto !important;text-align:center !important;}
  .footer-socials{justify-content:center !important;margin:22px auto 0 !important;}
  .footer-col h3{text-align:start !important;display:block !important;}
  .footer-col ul{justify-items:stretch !important;}
  .footer-contact-list li{justify-content:flex-start !important;text-align:start !important;}
  .footer-bottom{display:flex !important;flex-direction:column !important;text-align:center !important;align-items:center !important;}
  .footer-bottom .copyright{text-align:center !important;}

  /* Mobile flip cards: prevent front/back content from mixing by using opacity swap instead of 3D rotation */
  .flip-profile-card,
  .flip-member-card{perspective:none !important;}
  .flip-profile-card{height:470px !important;}
  .flip-member-card{min-height:360px !important;height:360px !important;}
  .flip-card-inner,
  .member-card-inner{transform:none !important;transition:none !important;}
  .flip-card-face,
  .member-card-face{
    transform:none !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
    transition:opacity .22s ease,visibility .22s ease !important;
  }
  .flip-card-front,
  .member-front{opacity:1 !important;visibility:visible !important;z-index:2 !important;}
  .flip-card-back,
  .member-back{opacity:0 !important;visibility:hidden !important;z-index:1 !important;}
  .flip-profile-card:hover .flip-card-front,
  .flip-profile-card:focus .flip-card-front,
  .flip-profile-card:focus-within .flip-card-front,
  .flip-member-card:hover .member-front,
  .flip-member-card:focus .member-front,
  .flip-member-card:focus-within .member-front{opacity:0 !important;visibility:hidden !important;z-index:1 !important;}
  .flip-profile-card:hover .flip-card-back,
  .flip-profile-card:focus .flip-card-back,
  .flip-profile-card:focus-within .flip-card-back,
  .flip-member-card:hover .member-back,
  .flip-member-card:focus .member-back,
  .flip-member-card:focus-within .member-back{opacity:1 !important;visibility:visible !important;z-index:3 !important;}
  .member-back .member-details{display:grid !important;max-width:100% !important;}

  /* Home about section: image immediately after title */
  .page-home .about-home-section .split,
  body.page-services #service-cards .split,
  body.page-membership #membership-conditions .split{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    align-items:stretch !important;
  }
  .page-home .about-home-section .split > div:first-child,
  body.page-services #service-cards .split > div:first-child,
  body.page-membership #membership-conditions .split > div:first-child{
    display:contents !important;
  }
  .page-home .about-home-section .section-title,
  body.page-services #service-cards .section-title,
  body.page-membership #membership-conditions .section-title{order:1 !important;margin-bottom:4px !important;}
  .page-home .about-home-section .image-panel,
  body.page-services #service-cards .image-panel,
  body.page-membership #membership-conditions .image-panel{order:2 !important;min-height:250px !important;margin:0 !important;}
  .page-home .about-home-section .section-text,
  body.page-services #service-cards .section-text,
  body.page-membership #membership-conditions .section-text{order:3 !important;margin-inline:auto !important;text-align:center !important;}
  body.page-membership #membership-conditions .membership-steps{order:4 !important;}
  .page-home .about-home-section .section-inline-actions,
  body.page-membership #membership-conditions .split > div:first-child > div[style]{order:5 !important;}

  /* Event detail: show registration button under event image on mobile */
  .page-event-detail .event-inline-media{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .page-event-detail .event-inline-media img{
    height:240px !important;
    min-height:240px !important;
    border-radius:18px !important;
    object-fit:cover !important;
  }
  .page-event-detail .event-inline-media .event-detail-register-btn{
    display:inline-flex !important;
    width:100% !important;
    margin:0 !important;
    min-height:52px !important;
    font-size:16px !important;
  }
}

/* Dashboard professional network pagination, active on all screen sizes */
.dashboard-network-pagination{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:26px;
  direction:ltr;
}
.dashboard-network-pagination button{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#fff;
  color:var(--primary-dark);
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}
.dashboard-network-pagination button:hover,
.dashboard-network-pagination button.active{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
  box-shadow:0 10px 22px rgba(7,142,161,.20);
}


/* ===== FINAL MOBILE HEADER + MOBILE SECTION ORDER FIXES (desktop untouched) ===== */
@media (max-width:980px){
  /* Practical mobile header: Pinterest-style clean pill: burger left, logo centered, membership/auth chip right */
  .site-header{padding:8px 0 6px !important;z-index:3000 !important;}
  .site-header .navbar{
    height:66px !important;
    min-height:66px !important;
    padding:0 12px !important;
    position:relative !important;
    display:block !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(210,237,239,.95) !important;
    box-shadow:0 14px 38px rgba(4,47,53,.12) !important;
    backdrop-filter:blur(16px) !important;
    direction:ltr !important;
  }
  .site-header .brand-tools{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    z-index:1004 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }
  .site-header .brand-tools .logo-only{display:flex !important;margin:0 !important;padding:0 !important;}
  .site-header .brand-tools .logo-only img{
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    object-fit:contain !important;
    filter:drop-shadow(0 7px 14px rgba(4,47,53,.12));
  }
  .site-header .brand-tools > .lang-toggle{display:none !important;}

  .site-header .menu-toggle{
    position:absolute !important;
    left:12px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:1005 !important;
    display:grid !important;
    place-items:center !important;
    width:44px !important;
    height:44px !important;
    margin:0 !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,var(--primary-dark),var(--primary)) !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(7,142,161,.22) !important;
    border:0 !important;
    font-size:22px !important;
    line-height:1 !important;
  }
  .site-header .nav-actions{
    position:absolute !important;
    right:12px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:1004 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    direction:rtl !important;
  }
  /* Use one clean membership chip on mobile; desktop keeps the two buttons */
  .site-header .nav-actions .login-link{display:none !important;}
  .site-header .nav-actions .nav-register{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:82px !important;
    max-width:112px !important;
    min-height:42px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark)) !important;
    color:#fff !important;
    font-size:0 !important;
    font-weight:900 !important;
    box-shadow:0 10px 22px rgba(7,142,161,.20) !important;
    white-space:nowrap !important;
  }
  .site-header .nav-actions .nav-register::after{content:"العضوية";font-size:13px;line-height:1;}
  .site-header .member-nav{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    max-width:118px !important;
    min-height:42px !important;
    padding:4px 8px !important;
    border-radius:999px !important;
    gap:6px !important;
    background:#fff !important;
    border:1px solid var(--line) !important;
    box-shadow:0 9px 20px rgba(4,47,53,.09) !important;
  }
  .site-header .member-nav img{width:34px !important;height:34px !important;border-radius:50% !important;object-fit:cover !important;}
  .site-header .member-nav span{font-size:11px !important;max-width:66px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:var(--primary-dark) !important;}

  .site-header nav{position:static !important;display:block !important;width:auto !important;margin:0 !important;padding:0 !important;}
  .site-header .nav-links{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    width:min(86vw,340px) !important;
    height:100svh !important;
    min-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    gap:10px !important;
    padding:92px 18px 22px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 30px 30px 0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f4fbfb 100%) !important;
    box-shadow:28px 0 70px rgba(4,47,53,.24) !important;
    transform:translateX(-110%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .28s ease,opacity .2s ease,visibility .2s ease !important;
    z-index:1002 !important;
    direction:rtl !important;
  }
  .site-header .nav-links::before{
    content:"القائمة الرئيسية";
    position:absolute;
    top:28px;
    right:22px;
    color:var(--primary-dark);
    font-size:18px;
    font-weight:900;
  }
  .site-header .nav-links.show{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  body.mobile-menu-open::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:1001;
    background:rgba(4,47,53,.34);
    backdrop-filter:blur(4px);
  }
  .site-header .nav-links li{width:100% !important;list-style:none !important;}
  .site-header .nav-links a{
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:12px 15px !important;
    border-radius:16px !important;
    color:var(--primary-dark) !important;
    font-size:16px !important;
    font-weight:900 !important;
    background:transparent !important;
  }
  .site-header .nav-links a.active{background:transparent !important;color:var(--primary-dark) !important;}
  .site-header .nav-links a:hover,
  .site-header .nav-links a.active:hover{background:#eaf8f5 !important;color:var(--primary) !important;}
  .site-header .nav-links a::after{display:none !important;content:none !important;}
  .site-header .nav-links .mobile-lang-item{
    display:block !important;
    margin-top:8px !important;
    padding-top:12px !important;
    border-top:1px solid var(--line) !important;
  }
  .site-header .nav-links .mobile-lang-item .lang-toggle{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    height:48px !important;
    min-width:0 !important;
    background:#fff !important;
    border:1px solid var(--line) !important;
    box-shadow:0 9px 20px rgba(4,47,53,.08) !important;
  }
}
@media (max-width:430px){
  .site-header .navbar{height:62px !important;min-height:62px !important;padding:0 10px !important;}
  .site-header .menu-toggle{left:10px !important;width:40px !important;height:40px !important;border-radius:14px !important;}
  .site-header .brand-tools .logo-only img{width:44px !important;height:44px !important;}
  .site-header .nav-actions{right:10px !important;}
  .site-header .nav-actions .nav-register{min-width:76px !important;min-height:38px !important;padding:0 11px !important;}
  .site-header .nav-actions .nav-register::after{font-size:12px !important;}
  .site-header .member-nav{max-width:48px !important;padding:3px !important;}
  .site-header .member-nav span{display:none !important;}
}

@media (max-width:760px){
  /* Force requested mobile order by class added through JS; desktop structure is restored by JS */
  .mobile-title-image-order{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:16px !important;
  }
  .mobile-title-image-order .section-title{order:1 !important;text-align:center !important;margin-bottom:0 !important;}
  .mobile-title-image-order .mobile-after-title-image{order:2 !important;min-height:250px !important;margin:0 !important;width:100% !important;}
  .mobile-title-image-order .section-text{order:3 !important;text-align:center !important;margin-inline:auto !important;}
  .mobile-title-image-order .membership-steps{order:4 !important;}
  .mobile-title-image-order .section-inline-actions,
  .mobile-title-image-order .mobile-last-action{order:5 !important;}
  body.page-services #service-cards .section-text + .section-text{order:4 !important;margin-top:0 !important;}
  body.page-membership #membership-conditions .membership-steps{order:4 !important;}
  body.page-membership #membership-conditions .mobile-last-action{order:5 !important;}
}

/* ===== FINAL REQUEST: mobile auth/header dropdown corrections only ===== */
@media (max-width:980px){
  body.member-auth-guest .site-header .brand-tools{
    left:auto !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
  body.member-auth-guest .site-header .brand-tools .logo-only img{
    width:46px !important;
    height:46px !important;
  }
  body.member-auth-guest .site-header .nav-actions{
    display:none !important;
  }
  body.member-auth-guest .site-header .menu-toggle{
    display:grid !important;
    left:12px !important;
    right:auto !important;
  }
  body.member-auth-logged .site-header .brand-tools{
    left:50% !important;
    right:auto !important;
    transform:translate(-50%,-50%) !important;
  }
  body.member-auth-logged .site-header .nav-actions{
    display:flex !important;
    right:12px !important;
    left:auto !important;
  }
  .site-header .nav-links .mobile-auth-item{
    display:block !important;
    margin-top:10px !important;
    padding-top:14px !important;
    border-top:1px solid var(--line) !important;
  }
  .mobile-auth-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .mobile-auth-buttons a{
    min-height:46px !important;
    border-radius:16px !important;
    justify-content:center !important;
    padding:10px !important;
    font-size:14px !important;
    font-weight:900 !important;
  }
  .mobile-auth-buttons .mobile-login-link{
    background:#fff !important;
    color:var(--primary-dark) !important;
    border:1px solid var(--line) !important;
  }
  .mobile-auth-buttons .mobile-register-link{
    background:linear-gradient(135deg,var(--primary),var(--primary-dark)) !important;
    color:#fff !important;
  }
  .member-mobile-dropdown{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:min(76vw,290px);
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:0 22px 55px rgba(4,47,53,.18);
    padding:8px;
    display:none;
    z-index:3200;
    direction:rtl;
  }
  .member-mobile-dropdown.show{display:block;}
  .member-mobile-dropdown::before{
    content:"";
    position:absolute;
    top:-8px;
    right:28px;
    width:16px;
    height:16px;
    background:#fff;
    border-right:1px solid var(--line);
    border-top:1px solid var(--line);
    transform:rotate(-45deg);
  }
  .member-mobile-dropdown button,
  .member-mobile-dropdown a{
    width:100%;
    min-height:46px;
    border:0;
    border-radius:14px;
    background:transparent;
    color:var(--primary-dark);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:10px 13px;
    font-family:inherit;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    text-decoration:none;
  }
  .member-mobile-dropdown button:hover,
  .member-mobile-dropdown a:hover{background:#eef9f8;color:var(--primary);}
  .member-mobile-dropdown .member-dropdown-logout{color:#b42318;border-top:1px solid #edf3f4;margin-top:6px;padding-top:12px;}
  body.page-member-dashboard .member-dashboard-section{padding-top:112px !important;}
  body.page-member-dashboard .member-dashboard-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  body.page-member-dashboard .member-sidebar{display:none !important;}
  body.page-member-dashboard .member-dashboard-main{width:100% !important;}
  body.page-member-dashboard .dashboard-content-card{padding:22px 14px !important;}
}
@media (max-width:430px){
  body.member-auth-guest .site-header .brand-tools{right:10px !important;}
  body.member-auth-guest .site-header .brand-tools .logo-only img{width:42px !important;height:42px !important;}
  .member-mobile-dropdown{right:-2px;width:min(82vw,280px);}
}

@media (max-width:760px){
  /* stronger requested mobile image order: title → image → text/buttons */
  .page-home .about-home-section .split,
  body.page-services #service-cards .split,
  body.page-membership #membership-conditions .split{
    display:flex !important;
    flex-direction:column !important;
  }
  .page-home .about-home-section .split > div:first-child,
  body.page-services #service-cards .split > div:first-child,
  body.page-membership #membership-conditions .split > div:first-child{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }
  .page-home .about-home-section .section-title,
  body.page-services #service-cards .section-title,
  body.page-membership #membership-conditions .section-title{order:1 !important;}
  .page-home .about-home-section .image-panel,
  body.page-services #service-cards .image-panel,
  body.page-membership #membership-conditions .image-panel{
    order:2 !important;
    width:100% !important;
    min-height:245px !important;
    margin:0 !important;
  }
  .page-home .about-home-section .section-text,
  body.page-services #service-cards .section-text,
  body.page-membership #membership-conditions .section-text{order:3 !important;}
  body.page-services #service-cards .section-text + .section-text{order:4 !important;}
  body.page-membership #membership-conditions .membership-steps{order:4 !important;}
  .page-home .about-home-section .section-inline-actions,
  body.page-membership #membership-conditions div[style*="margin-top"]{order:5 !important;}
}


/* ===== FINAL FIX: restore desktop header + improve mobile burger menu only ===== */
@media (min-width:981px){
  .site-header{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    z-index:1200 !important;
    padding:18px 0 0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .site-header .navbar{
    direction:ltr !important;
    display:grid !important;
    grid-template-columns:minmax(180px,auto) minmax(0,1fr) minmax(240px,auto) !important;
    grid-template-areas:"brand nav actions" !important;
    align-items:center !important;
    gap:18px !important;
    height:72px !important;
    padding:0 28px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(255,255,255,.92) !important;
    box-shadow:0 14px 34px rgba(4,47,53,.14) !important;
  }
  .site-header .brand-tools{
    grid-area:brand !important;
    justify-self:start !important;
    position:static !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    flex-direction:row !important;
    gap:10px !important;
    direction:ltr !important;
    min-width:max-content !important;
  }
  .site-header .brand-tools .logo-only{
    order:0 !important;
    display:flex !important;
    margin:0 !important;
    padding:0 !important;
  }
  .site-header .brand-tools .logo-only img{
    width:56px !important;
    height:56px !important;
  }
  .site-header .brand-tools > .lang-toggle{
    order:1 !important;
    display:inline-flex !important;
  }
  .site-header nav{
    grid-area:nav !important;
    position:static !important;
    justify-self:center !important;
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    direction:rtl !important;
  }
  .site-header .nav-links{
    position:static !important;
    inset:auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    gap:20px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .site-header .nav-links::before{content:none !important;display:none !important;}
  .site-header .nav-links .mobile-lang-item,
  .site-header .nav-links .mobile-auth-item{display:none !important;}
  .site-header .nav-links a{
    width:auto !important;
    min-height:0 !important;
    padding:16px 0 14px !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#23474d !important;
    font-size:14px !important;
    line-height:1 !important;
    box-shadow:none !important;
  }
  .site-header .nav-links a.active{background:transparent !important;color:#23474d !important;}
  .site-header .nav-links a:hover{background:transparent !important;color:var(--primary) !important;}
  .site-header .nav-links a::after{display:block !important;content:"" !important;opacity:0 !important;transform:scaleX(.45) !important;}
  .site-header .nav-links a:hover::after{opacity:1 !important;transform:scaleX(1) !important;}
  .site-header .nav-links a.active::after{opacity:0 !important;transform:scaleX(.45) !important;}
  .site-header .nav-links a.active:hover::after{opacity:1 !important;transform:scaleX(1) !important;}
  .site-header .nav-actions{
    grid-area:actions !important;
    justify-self:end !important;
    position:static !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    gap:12px !important;
    direction:rtl !important;
    min-width:max-content !important;
  }
  .site-header .nav-actions .login-link,
  .site-header .nav-actions .nav-register{
    display:inline-flex !important;
    font-size:14px !important;
    min-height:0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:9px 22px !important;
    border-radius:12px !important;
  }
  .site-header .nav-actions .nav-register::after{content:none !important;display:none !important;}
  .site-header .nav-actions .login-link{font-size:14px !important;color:var(--primary) !important;background:#fff !important;}
  .site-header .nav-actions .nav-register{font-size:14px !important;color:#fff !important;background:var(--primary) !important;}
  .site-header .menu-toggle{display:none !important;}
  body.mobile-menu-open::after{display:none !important;content:none !important;}
}

@media (max-width:980px){
  /* Better mobile burger menu: opens from the left after the header, without title or empty space */
  .site-header .nav-links::before{content:none !important;display:none !important;}
  .site-header .nav-links{
    position:fixed !important;
    top:78px !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(84vw,330px) !important;
    height:auto !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:14px 14px 18px !important;
    margin:0 !important;
    border:1px solid rgba(210,237,239,.95) !important;
    border-left:0 !important;
    border-radius:0 26px 26px 0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f5fbfb 100%) !important;
    box-shadow:24px 0 58px rgba(4,47,53,.20) !important;
    transform:translateX(-105%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow-y:auto !important;
    z-index:1002 !important;
    direction:rtl !important;
  }
  .site-header .nav-links.show{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .site-header .nav-links li{width:100% !important;list-style:none !important;margin:0 !important;padding:0 !important;}
  .site-header .nav-links a{
    min-height:46px !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:11px 14px !important;
    border-radius:15px !important;
    color:var(--primary-dark) !important;
    background:transparent !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    box-shadow:none !important;
  }
  .site-header .nav-links a.active{background:transparent !important;color:var(--primary-dark) !important;}
  .site-header .nav-links a:hover,
  .site-header .nav-links a.active:hover{background:#edf8f7 !important;color:var(--primary) !important;}
  .site-header .nav-links a::after{display:none !important;content:none !important;}
  .site-header .nav-links .mobile-auth-item{
    margin-top:6px !important;
    padding-top:10px !important;
    border-top:1px solid var(--line) !important;
  }
  .site-header .nav-links .mobile-lang-item{
    margin-top:4px !important;
    padding-top:10px !important;
    border-top:1px solid var(--line) !important;
  }
  .site-header .nav-links .mobile-lang-item .lang-toggle{
    height:44px !important;
    border-radius:15px !important;
  }
  body.page-member-dashboard .member-dashboard-section{
    padding-top:12px !important;
  }
  body.page-member-dashboard main{
    padding-top:8px !important;
  }
  body.page-member-dashboard .dashboard-content-card{
    padding-top:18px !important;
  }
  .dashboard-summary-only{
    gap:10px !important;
    margin-bottom:14px !important;
  }
  .dashboard-summary-stat{
    min-height:108px !important;
    border-radius:20px !important;
  }
  .dashboard-summary-stat span{font-size:14px !important;margin-bottom:8px !important;}
  .dashboard-summary-stat strong{font-size:38px !important;}
  .dashboard-registered-head{
    margin-top:8px !important;
    margin-bottom:16px !important;
    padding-top:0 !important;
  }
}
@media (max-width:430px){
  .site-header .nav-links{top:72px !important;width:min(86vw,310px) !important;padding:12px !important;}
  body.page-member-dashboard .member-dashboard-section{padding-top:8px !important;}
  body.page-member-dashboard .dashboard-content-card{padding-top:16px !important;}
}

/* ===== FINAL MOBILE ONLY FIX: burger auth buttons + dashboard starts below header ===== */
@media (max-width:980px){
  /* Better login/register buttons inside burger menu */
  .site-header .nav-links .mobile-auth-item{
    display:block !important;
    margin-top:8px !important;
    padding:12px 4px 4px !important;
    border-top:1px solid rgba(7,142,161,.16) !important;
  }
  .mobile-auth-buttons{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }
  .site-header .nav-links .mobile-auth-buttons a,
  .mobile-auth-buttons a{
    width:100% !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 16px !important;
    border-radius:18px !important;
    font-size:15px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    line-height:1 !important;
    box-shadow:0 12px 26px rgba(4,47,53,.08) !important;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important;
  }
  .site-header .nav-links .mobile-auth-buttons a::after,
  .mobile-auth-buttons a::after{display:none !important;content:none !important;}
  .site-header .nav-links .mobile-auth-buttons a:hover,
  .mobile-auth-buttons a:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 16px 30px rgba(4,47,53,.12) !important;
  }
  .site-header .nav-links .mobile-auth-buttons .mobile-login-link,
  .mobile-auth-buttons .mobile-login-link{
    background:#ffffff !important;
    color:var(--primary-dark) !important;
    border:1px solid rgba(7,142,161,.24) !important;
  }
  .site-header .nav-links .mobile-auth-buttons .mobile-register-link,
  .mobile-auth-buttons .mobile-register-link{
    background:linear-gradient(135deg,var(--primary-dark),var(--primary)) !important;
    color:#ffffff !important;
    border:1px solid rgba(7,142,161,.12) !important;
  }
  .mobile-auth-buttons .mobile-logout-link{
    width:100% !important;
    min-height:50px !important;
    border:1px solid rgba(180,35,24,.18) !important;
    border-radius:18px !important;
    background:#fff1f0 !important;
    color:#b42318 !important;
    padding:0 16px !important;
    font:inherit !important;
    cursor:pointer !important;
  }

  /* Member dashboard content must always begin after the fixed mobile header */
  body.page-member-dashboard main{
    padding-top:96px !important;
  }
  body.page-member-dashboard .member-dashboard-section{
    padding-top:0 !important;
    margin-top:0 !important;
  }
  body.page-member-dashboard .member-dashboard-grid{
    margin-top:0 !important;
    padding-top:0 !important;
  }
  body.page-member-dashboard .member-dashboard-main,
  body.page-member-dashboard .dashboard-content-card{
    margin-top:0 !important;
  }
}

@media (max-width:430px){
  body.page-member-dashboard main{
    padding-top:84px !important;
  }
  .site-header .nav-links .mobile-auth-buttons a,
  .mobile-auth-buttons a{
    min-height:48px !important;
    border-radius:16px !important;
    font-size:14px !important;
  }
}

/* ===== Desktop logged-in header fix: hide mobile member dropdown on computer screens ===== */
.member-mobile-dropdown{
  display:none !important;
}
@media (max-width:980px){
  .member-mobile-dropdown.show{
    display:block !important;
  }
}
@media (min-width:981px){
  .site-header .member-mobile-dropdown,
  .nav-actions .member-mobile-dropdown{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }
}

/* ===== FINAL NAV ACTIVE COLOR FIX =====
   Active page name is colored only; underline appears on hover only. */
.site-header .nav-links a.active{
  color:var(--primary) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.site-header .nav-links a.active::after{
  opacity:0 !important;
  transform:scaleX(.45) !important;
}
.site-header .nav-links a:hover::after,
.site-header .nav-links a.active:hover::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}
@media (max-width:980px){
  .site-header .nav-links a.active{
    color:var(--primary) !important;
    background:transparent !important;
  }
  .site-header .nav-links a::after,
  .site-header .nav-links a.active::after,
  .site-header .nav-links a:hover::after,
  .site-header .nav-links a.active:hover::after{
    display:none !important;
    content:none !important;
  }
}


/* ===== Dashboard header state fix =====
   The member dashboard is not the public Membership page, so no main nav item should appear selected there. */
body.page-member-dashboard .site-header .nav-links a.active{
  color:var(--primary-dark) !important;
}
body.page-member-dashboard .site-header .nav-links a.active::after{
  opacity:0 !important;
  transform:scaleX(.45) !important;
}
body.page-member-dashboard .site-header .nav-links a.active:hover{
  color:var(--primary) !important;
}
body.page-member-dashboard .site-header .nav-links a.active:hover::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}


/* ===== FINAL MOBILE GUEST HEADER ONLY: logo center, burger unchanged, opposite language on right ===== */
/* Keep language switch showing only the opposite language label. */
.lang-toggle span{display:none !important;}
.lang-toggle{
  min-width:48px !important;
  width:auto !important;
  gap:0 !important;
}
.lang-toggle b{
  font-size:13px !important;
  font-weight:900 !important;
}
@media (max-width:980px){
  /* Apply ONLY when the visitor is not logged in. Logged-in mobile header keeps the previous design. */
  body.member-auth-guest .site-header .navbar{
    position:relative !important;
  }
  body.member-auth-guest .site-header .brand-tools{
    left:0 !important;
    right:0 !important;
    top:50% !important;
    width:100% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:none !important;
    z-index:1004 !important;
  }
  body.member-auth-guest .site-header .brand-tools .logo-only{
    display:flex !important;
    pointer-events:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.member-auth-guest .site-header .brand-tools .logo-only img{
    width:50px !important;
    height:50px !important;
  }
  body.member-auth-guest .site-header .brand-tools > .lang-toggle{
    display:inline-flex !important;
    position:absolute !important;
    right:auto !important;
    left:60px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:40px !important;
    min-width:48px !important;
    padding:0 13px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid rgba(7,142,161,.22) !important;
    box-shadow:0 9px 20px rgba(4,47,53,.08) !important;
    pointer-events:auto !important;
    z-index:1006 !important;
  }
  body.member-auth-guest .site-header .nav-actions{
    display:flex !important;
    position:absolute !important;
    left:12px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    z-index:1005 !important;
  }
  body.member-auth-guest .site-header .nav-actions .login-link,
  body.member-auth-guest .site-header .nav-actions .nav-register{
    display:none !important;
  }
  body.member-auth-guest .site-header .menu-toggle{
    display:grid !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
  }
  /* Language is shown in the guest header, so keep the burger list focused on navigation/auth only. */
  body.member-auth-guest .site-header .nav-links .mobile-lang-item{
    display:none !important;
  }
}
@media (max-width:430px){
  body.member-auth-guest .site-header .brand-tools .logo-only img{
    width:46px !important;
    height:46px !important;
  }
  body.member-auth-guest .site-header .brand-tools > .lang-toggle{
    height:38px !important;
    min-width:44px !important;
    padding:0 11px !important;
  }
  body.member-auth-guest .site-header .nav-actions{
    left:10px !important;
  }
}

/* ===== FINAL ONLY FIX: correct guest mobile burger position ===== */
@media (max-width:980px){
  body.member-auth-guest .site-header .nav-actions{
    position:static !important;
    transform:none !important;
    display:block !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
  }
  body.member-auth-guest .site-header .menu-toggle{
    position:absolute !important;
    left:14px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    z-index:1010 !important;
  }
}
@media (max-width:430px){
  body.member-auth-guest .site-header .menu-toggle{
    left:12px !important;
    width:44px !important;
    height:44px !important;
  }
}


/* ===== FINAL MICRO FIXES REQUEST ONLY ===== */
.event-card .event-cover,
.event-card h3.event-open-target,
.event-card .event-open-target{
  cursor:pointer !important;
}
.event-card h3.event-open-target:hover{
  color:var(--primary) !important;
}

/* Footer order: apply the requested order on mobile only. Desktop footer keeps the original layout. */
@media (max-width:980px){
  .site-footer .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "about"
      "quick"
      "membership"
      "contact" !important;
    gap:26px !important;
  }
  .site-footer .footer-about{grid-area:about !important;order:1 !important;}
  .site-footer .footer-grid > .footer-col:nth-of-type(2){grid-area:quick !important;order:2 !important;}
  .site-footer .footer-grid > .footer-col:nth-of-type(3){grid-area:membership !important;order:3 !important;}
  .site-footer .footer-contact-col{grid-area:contact !important;order:4 !important;}
}

/* Burger backdrop must disappear when the menu closes. */
@media (max-width:980px){
  body.mobile-menu-open::after{
    content:"" !important;
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(4,47,53,.34) !important;
    backdrop-filter:blur(4px) !important;
    z-index:1001 !important;
    pointer-events:none !important;
  }
  body:not(.mobile-menu-open)::after{
    display:none !important;
    content:none !important;
  }
}

/* Keep mobile header controls ordered consistently in both RTL and LTR views. */
@media (max-width:980px){
  .site-header .nav-actions{
    position:absolute !important;
    top:50% !important;
    right:12px !important;
    left:12px !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:calc(100% - 24px) !important;
    z-index:1004 !important;
    direction:ltr !important;
  }

  .site-header .menu-toggle{
    position:static !important;
    order:1 !important;
    margin-right:auto !important;
    margin-left:0 !important;
    transform:none !important;
  }

  .site-header .member-header-link{
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-left:auto !important;
    direction:rtl !important;
  }

  .site-header .brand-tools{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    z-index:1005 !important;
  }
}

/* Home about section secondary button hover: keep brand colors, not plain white. */
.about-home-section .section-inline-actions .btn.secondary:hover{
  background:var(--primary) !important;
  color:#fff !important;
  border-color:var(--primary) !important;
  box-shadow:0 14px 26px rgba(7,142,161,.22) !important;
}
.is-error{
  color:red;
}

/* ===== Member dashboard: membership card tab ===== */
.membership-card-dashboard{
  position:relative;
  z-index:1;
  display:block;
}
.membership-card-download-btn{
  flex:0 0 auto;
  white-space:nowrap;
  box-shadow:none !important;
}
.membership-template-card{
  position:relative;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  aspect-ratio:1587/1000;
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(4,47,53,.12);
}
.membership-template-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.membership-template-photo{
  position:absolute;
  left:5.2%;
  top:38.2%;
  width:20.7%;
  height:43.4%;
  object-fit:cover;
  border-radius:2.5%;
}
.membership-template-value{
  position:absolute;
  display:block;
  color:#073f42;
  font-weight:900;
  line-height:1.5;
  text-align:right;
  overflow-wrap:anywhere;
  white-space:nowrap;
  transform:translateY(-50%);
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.membership-template-name,
.membership-template-specialty,
.membership-template-join,
.membership-template-issue{
  left:50.7%;
  width:26%;
  font-size:clamp(10px,1.75vw,24px);
}
.membership-template-name{top:43%;}
.membership-template-specialty{top:55%;}
.membership-template-join{top:66%;}
.membership-template-issue{
  top:78%;
}
.membership-template-qr{
  position:absolute;
  right:5.4%;
  top:60.3%;
  width:13.8%;
  height:21.8%;
  object-fit:contain;
  padding:1.1%;
  background:#fff;
  border-radius:4%;
}
@media (max-width:980px){
  .membership-card-download-btn{
    margin-top:14px;
  }
  .membership-card-dashboard{
    overflow:auto;
    padding-bottom:8px;
  }
  .membership-template-card{
    min-width:760px;
  }
}
@media (max-width:620px){
  .membership-template-card{
    min-width:680px;
  }
}