/* Khidmatun Naas Floating Header v8.0.0 */
.knfh,.knfh *,.knfh-menu-wrap,.knfh-menu-wrap *{box-sizing:border-box}
.knfh{position:fixed;z-index:99980;top:var(--knfh-top,14px);left:0;width:100%;padding:0 14px;pointer-events:none;font-family:'Rethink Sans',Arial,sans-serif;transition:transform .28s ease,opacity .28s ease}
body.admin-bar .knfh{top:calc(var(--knfh-top,14px) + 32px)}
.knfh.knfh--hidden{transform:translateY(calc(-100% - 54px));opacity:.98}

/* Header shell */
.knfh__shell{width:min(var(--knfh-max,1180px),100%);min-height:78px;margin:0 auto;padding:9px 10px 9px 19px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;border:1px solid rgba(6,63,58,.09);border-radius:27px;background:var(--knfh-bg,#fff);pointer-events:auto;transition:box-shadow .25s ease,background .25s ease,transform .25s ease}
.knfh--blur .knfh__shell{background:color-mix(in srgb,var(--knfh-bg,#fff) 95%,transparent);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.knfh--shadow .knfh__shell{box-shadow:0 14px 42px rgba(6,63,58,.085)}
.knfh.is-scrolled .knfh__shell{box-shadow:0 19px 48px rgba(6,63,58,.13)}
.knfh__brand{display:flex;align-items:center;min-width:0;text-decoration:none;color:var(--knfh-dark,#063f3a);font-weight:800}
.knfh__brand img{display:block;width:min(var(--knfh-logo,160px),100%);max-height:54px;height:auto;object-fit:contain;object-position:left center}
.knfh__brand span{font-size:18px;letter-spacing:-.03em;white-space:nowrap}

/* legacy class kept for compatibility, intentionally hidden in v7 */
.knfh__desktop-nav{display:none!important}

/* Header actions */
.knfh__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.knfh__contact-btn,.knfh__cta,.knfh__menu-button{min-height:50px;border-radius:999px;font:inherit;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.knfh__contact-btn{min-width:126px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid rgba(6,63,58,.10);background:var(--knfh-soft,#eaf5f0);color:var(--knfh-dark,#063f3a)}
.knfh__contact-btn:hover{transform:translateY(-2px);border-color:rgba(18,185,120,.30);background:#fff;color:var(--knfh-accent,#12b978);box-shadow:0 9px 20px rgba(6,63,58,.07)}
.knfh__cta{min-width:126px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 21px;background:var(--knfh-donate,#d8a92e);color:var(--knfh-dark,#063f3a)!important;box-shadow:0 10px 24px rgba(216,169,46,.20)}
.knfh__cta:hover{transform:translateY(-2px);background:#c29621;color:var(--knfh-dark,#063f3a)!important;box-shadow:0 13px 27px rgba(216,169,46,.25)}
.knfh__cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.knfh__menu-button{min-width:160px;height:50px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 19px;border:1px solid var(--knfh-dark,#063f3a);background:var(--knfh-dark,#063f3a);color:#fff;cursor:pointer;box-shadow:0 9px 22px rgba(6,63,58,.12)}
.knfh__menu-button:hover{transform:translateY(-2px);background:#0b514a;border-color:#0b514a;box-shadow:0 13px 28px rgba(6,63,58,.18)}
.knfh__menu-text{display:inline-block;white-space:nowrap}
.knfh__menu-icon{display:flex;flex-direction:column;gap:4px;width:18px}
.knfh__menu-icon i{display:block;width:18px;height:1.7px;border-radius:4px;background:var(--knfh-lime,#d8a92e)}

/* Full-screen menu */
.knfh-menu-wrap{position:fixed;inset:0;z-index:99995;padding:10px;pointer-events:none;opacity:0;background:rgba(3,47,44,.44);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:opacity .3s ease;font-family:'Rethink Sans',Arial,sans-serif}
.knfh-menu-wrap.is-open{pointer-events:auto;opacity:1}
.knfh-menu-panel{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(145deg,#063f3a 0%,#043833 100%);color:#fff;box-shadow:0 32px 90px rgba(0,0,0,.24);transform:scale(.985) translateY(8px);opacity:.9;transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .34s ease;outline:none}
.knfh-menu-wrap.is-open .knfh-menu-panel{transform:none;opacity:1}
body.knfh-menu-open{overflow:hidden}

/* Menu top bar */
.knfh-menu-panel__top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px 13px}
.knfh-menu-panel__brand{display:inline-flex;align-items:center;padding:8px 13px;border-radius:17px;background:#fff;text-decoration:none;color:var(--knfh-dark,#063f3a);box-shadow:0 9px 24px rgba(0,0,0,.08)}
.knfh-menu-panel__brand img{display:block;width:min(var(--knfh-logo,160px),38vw);max-height:50px;height:auto;object-fit:contain}
.knfh-menu-panel__brand span{font-weight:800}
.knfh-menu-panel__close{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 17px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease}
.knfh-menu-panel__close:hover{background:var(--knfh-cream,#fff7e7);border-color:var(--knfh-cream,#fff7e7);color:var(--knfh-dark,#063f3a)}
.knfh-menu-panel__close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}

/* Menu body */
.knfh-menu-panel__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:18px;padding:14px 24px 22px;overflow:auto}
.knfh-menu-panel__nav-area{min-width:0;align-self:center;padding:12px 1.4vw 18px}
.knfh-menu-panel__eyebrow{margin-bottom:11px;color:var(--knfh-lime,#d8a92e);font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.knfh-menu-panel__nav-area>h2{max-width:720px;margin:0;color:#fff;font-size:clamp(40px,4vw,60px);line-height:1.06;letter-spacing:-.035em;font-weight:800}
.knfh-menu-panel__nav-intro{max-width:610px;margin:13px 0 24px;color:rgba(255,255,255,.66);font-size:15px;line-height:1.6}

/* Navigation tiles */
.knfh-menu-panel__menu,.knfh-menu-panel__menu ul{list-style:none;margin:0;padding:0}
.knfh-menu-panel__menu{counter-reset:knmenu;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.knfh-menu-panel__menu>li{counter-increment:knmenu;position:relative;min-width:0}
.knfh-menu-panel__menu>li>a{position:relative;min-height:74px;display:flex;align-items:center;gap:14px;padding:13px 54px 13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.045);color:#fff;text-decoration:none;font-size:clamp(17px,1.25vw,21px);font-weight:750;letter-spacing:-.018em;line-height:1.22;white-space:normal;overflow-wrap:anywhere;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.knfh-menu-panel__menu>li>a:before{content:counter(knmenu,decimal-leading-zero);width:31px;height:31px;flex:0 0 31px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.52);font-size:10px;letter-spacing:.07em;font-weight:800}
.knfh-menu-panel__menu>li>a:after{content:"↗";position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--knfh-lime,#d8a92e);font-size:15px;font-weight:500}
.knfh-menu-panel__menu>li>a:hover{transform:translateY(-2px);background:rgba(255,255,255,.085);border-color:rgba(216,169,46,.28);color:#fff}
.knfh-menu-panel__menu>li>a:hover:before{background:rgba(216,169,46,.14);color:var(--knfh-lime,#d8a92e)}
.knfh-menu-panel__menu .sub-menu{display:none;padding:7px 0 0 10px}
.knfh-menu-panel__menu li.is-open>.sub-menu{display:block}
.knfh-menu-panel__menu .sub-menu a{display:block;padding:8px 10px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.45;text-decoration:none}
.knfh-sub-toggle{position:absolute;z-index:3;top:18px;right:15px;width:36px;height:36px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-size:17px;cursor:pointer;transition:transform .2s ease,background .18s ease}
.knfh-menu-panel__menu li.menu-item-has-children>a:after{display:none}
.knfh-menu-panel__menu li.is-open>.knfh-sub-toggle{transform:rotate(45deg);background:rgba(216,169,46,.12)}

/* Right action stack */
.knfh-menu-panel__action-area{align-self:center;display:grid;grid-template-rows:auto auto;gap:12px;min-height:0;width:100%}
.knfh-menu-panel__action-card{position:relative;overflow:hidden;padding:28px;border-radius:26px}
.knfh-menu-panel__action-card>span{display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.knfh-menu-panel__action-card h3{max-width:470px;margin:0;font-size:clamp(26px,2.2vw,37px);line-height:1.08;letter-spacing:-.033em;font-weight:800}
.knfh-menu-panel__action-card--feature{background:var(--knfh-cream,#fff7e7);color:var(--knfh-dark,#063f3a);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.knfh-menu-panel__action-card--feature>span{color:#9b7920}
.knfh-menu-panel__action-card--feature:after{content:"";position:absolute;width:220px;height:220px;right:-112px;top:-112px;border-radius:50%;border:1px solid rgba(216,169,46,.27);box-shadow:inset 0 0 0 42px rgba(216,169,46,.05)}
.knfh-menu-panel__quick-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
.knfh-menu-panel__quick-grid a{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border:1px solid rgba(6,63,58,.10);border-radius:16px;background:#fff;color:var(--knfh-dark,#063f3a);text-decoration:none;font-size:13px;font-weight:800;transition:.18s ease}
.knfh-menu-panel__quick-grid a:hover{background:var(--knfh-soft,#eaf5f0);transform:translateY(-2px)}
.knfh-menu-panel__quick-grid a:first-child{background:var(--knfh-donate,#d8a92e);border-color:var(--knfh-donate,#d8a92e);color:var(--knfh-dark,#063f3a)}
.knfh-menu-panel__quick-grid a:first-child:hover{background:#c29621;color:var(--knfh-dark,#063f3a)}
.knfh-menu-panel__quick-grid b{font-size:14px;font-weight:500}

/* Contact card */
.knfh-menu-panel__action-card--contact{background:var(--knfh-soft,#eaf5f0);color:var(--knfh-dark,#063f3a);box-shadow:0 18px 40px rgba(0,0,0,.06)}
.knfh-menu-panel__action-card--contact>span{color:var(--knfh-accent,#12b978)}
.knfh-menu-panel__action-card--contact h3{font-size:clamp(24px,1.9vw,32px)}
.knfh-menu-panel__contact-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.knfh-menu-panel__contact-list a{min-width:0;padding:13px 14px;border:1px solid rgba(6,63,58,.08);border-radius:16px;background:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.knfh-menu-panel__contact-list a:hover{transform:translateY(-1px);border-color:rgba(18,185,120,.28)}
.knfh-menu-panel__contact-list small{display:block;margin-bottom:4px;color:#61736f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.knfh-menu-panel__contact-list strong{display:block;color:var(--knfh-dark,#063f3a);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.knfh-menu-panel__contact-btn{min-height:50px;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 16px;border-radius:16px;background:var(--knfh-dark,#063f3a);color:#fff;text-decoration:none;font-size:13px;font-weight:800;transition:.18s ease}
.knfh-menu-panel__contact-btn:hover{background:#0b514a;transform:translateY(-1px)}

.knfh-menu-panel__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px 18px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.52);font-size:12px;font-weight:650}

/* Responsive */
@media(max-width:1050px){
  .knfh__menu-button{min-width:145px}
  .knfh-menu-panel__body{grid-template-columns:minmax(0,1fr) 380px}
  .knfh-menu-panel__menu>li>a{font-size:17px}
}
@media(max-width:940px){
  .knfh__contact-btn{display:none}
  .knfh-menu-panel__body{grid-template-columns:1fr;overflow:auto}
  .knfh-menu-panel__nav-area{align-self:start;padding-top:10px}
  .knfh-menu-panel__action-area{align-self:start;grid-template-columns:1fr 1fr;grid-template-rows:none}
  .knfh-menu-panel__action-card{height:100%}
}
@media(max-width:760px){
  .knfh{top:10px;padding:0 10px}
  body.admin-bar .knfh{top:56px}
  .knfh__shell{min-height:68px;padding:7px 7px 7px 13px;gap:7px;border-radius:22px}
  .knfh__brand img{width:min(var(--knfh-logo-mobile,132px),100%);max-height:44px}
  .knfh__brand span{font-size:13px}
  .knfh__actions{gap:5px}
  .knfh__cta{min-width:92px;min-height:46px;padding:0 14px;border-radius:999px;font-size:13px}
  .knfh__cta svg{display:none}
  .knfh__menu-button{min-width:46px;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%}
  .knfh__menu-text{display:none}
  .knfh__menu-icon{width:17px}.knfh__menu-icon i{width:17px}

  .knfh-menu-wrap{padding:6px}
  .knfh-menu-panel{border-radius:24px}
  .knfh-menu-panel__top{padding:14px 13px 9px}
  .knfh-menu-panel__brand{padding:6px 9px;border-radius:14px}
  .knfh-menu-panel__brand img{width:min(var(--knfh-logo-mobile,132px),43vw);max-height:42px}
  .knfh-menu-panel__close{width:46px;height:46px;min-height:46px;padding:0;justify-content:center;border-radius:50%}
  .knfh-menu-panel__close span{display:none}
  .knfh-menu-panel__body{display:block;padding:7px 13px 16px}
  .knfh-menu-panel__nav-area{padding:7px 1px 18px}
  .knfh-menu-panel__nav-area>h2{font-size:36px;line-height:1.08}
  .knfh-menu-panel__nav-intro{margin:10px 0 17px;font-size:14px}
  .knfh-menu-panel__menu{grid-template-columns:1fr;gap:7px}
  .knfh-menu-panel__menu>li>a{min-height:61px;padding:10px 50px 10px 11px;border-radius:15px;font-size:18px;line-height:1.2}
  .knfh-menu-panel__menu>li>a:before{width:28px;height:28px;flex-basis:28px}
  .knfh-menu-panel__menu>li>a:after{right:15px}
  .knfh-sub-toggle{top:12px;right:12px}
  .knfh-menu-panel__action-area{display:grid;grid-template-columns:1fr;gap:9px}
  .knfh-menu-panel__action-card{min-height:auto;padding:20px;border-radius:20px}
  .knfh-menu-panel__action-card h3{font-size:27px;line-height:1.1}
  .knfh-menu-panel__quick-grid{margin-top:16px}
  .knfh-menu-panel__quick-grid a{min-height:51px}
  .knfh-menu-panel__contact-list{grid-template-columns:1fr}
  .knfh-menu-panel__bottom{padding:12px 13px 14px;flex-direction:column;align-items:flex-start;gap:4px}
}
@media(max-width:430px){
  .knfh__brand img{width:min(var(--knfh-logo-mobile,120px),100%)}
  .knfh__cta{min-width:82px;padding:0 12px}
  .knfh-menu-panel__quick-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.knfh,.knfh__shell,.knfh-menu-wrap,.knfh-menu-panel,.knfh__contact-btn,.knfh__cta,.knfh__menu-button,.knfh-menu-panel__menu>li>a{transition:none!important}}

/* ============================================================
   V8 VISUAL REBUILD — BRAND SIGNATURE HEADER + LIGHT MENU
============================================================ */

/* Header becomes one composed object, not two disconnected ends */
.knfh__shell{
  position:relative;
  overflow:hidden;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  min-height:80px;
  padding:9px 10px 9px 18px;
  border-color:rgba(6,63,58,.085);
  border-radius:28px;
  background:rgba(255,255,255,.975);
}
.knfh__shell:before{
  content:"";
  position:absolute;
  left:-65px;
  top:-90px;
  width:270px;
  height:235px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(18,185,120,.10) 0%,rgba(18,185,120,.035) 45%,transparent 72%);
  pointer-events:none;
}
.knfh__shell:after{
  content:"";
  position:absolute;
  left:22px;
  bottom:0;
  width:118px;
  height:3px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,var(--knfh-accent,#12b978) 0 66%,var(--knfh-donate,#d8a92e) 66% 100%);
  pointer-events:none;
}
.knfh--blur .knfh__shell{
  background:color-mix(in srgb,#fff 94%,transparent);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
.knfh--shadow .knfh__shell{box-shadow:0 16px 44px rgba(6,63,58,.09),0 2px 8px rgba(6,63,58,.035)}
.knfh.is-scrolled .knfh__shell{box-shadow:0 20px 52px rgba(6,63,58,.14),0 3px 10px rgba(6,63,58,.045)}

.knfh__brand{position:relative;z-index:2;padding-right:4px}
.knfh__brand img{max-height:55px}

/* The missing centre anchor: quiet brand signature, not navigation */
.knfh__signature{
  position:relative;
  z-index:2;
  justify-self:center;
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:100%;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(6,63,58,.075);
  border-radius:999px;
  background:linear-gradient(180deg,#f4faf7 0%,var(--knfh-soft,#eaf5f0) 100%);
  color:var(--knfh-dark,#063f3a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.knfh__signature-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--knfh-accent,#12b978);
  box-shadow:0 0 0 4px rgba(18,185,120,.10);
}

.knfh__actions{position:relative;z-index:2;gap:7px}
.knfh__contact-btn,.knfh__cta,.knfh__menu-button{min-height:52px}
.knfh__contact-btn{min-width:126px;padding:0 20px;background:#f3faf7;border-color:rgba(18,185,120,.16)}
.knfh__contact-btn:hover{background:var(--knfh-soft,#eaf5f0);color:var(--knfh-dark,#063f3a)}
.knfh__cta{min-width:124px;padding:0 20px}

/* Menu trigger gets an off-colour icon tile so it reads as a designed control */
.knfh__menu-button{
  min-width:166px;
  gap:11px;
  padding:0 8px 0 18px;
  border-color:var(--knfh-dark,#063f3a);
  background:var(--knfh-dark,#063f3a);
}
.knfh__menu-iconbox{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:var(--knfh-cream,#fff7e7);
  box-shadow:inset 0 0 0 1px rgba(6,63,58,.04);
}
.knfh__menu-icon{gap:5px;width:17px}
.knfh__menu-icon i{width:17px;height:2px;background:var(--knfh-dark,#063f3a)}
.knfh__menu-icon i:last-child{width:12px;margin-left:auto;background:var(--knfh-accent,#12b978)}
.knfh__menu-button:hover .knfh__menu-iconbox{background:#fff}

/* ============================================================
   V8 FULL-SCREEN MENU — NO LOGO, WARM LIGHT EDITORIAL CANVAS
============================================================ */
.knfh-menu-wrap{
  padding:10px;
  background:rgba(3,47,44,.42);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.knfh-menu-panel{
  border:1px solid rgba(6,63,58,.08);
  border-radius:32px;
  background:linear-gradient(145deg,#fbfcf9 0%,#f6faf7 58%,#fffaf0 100%);
  color:var(--knfh-dark,#063f3a);
  box-shadow:0 34px 100px rgba(0,0,0,.23);
}

.knfh-menu-panel__top{
  position:relative;
  min-height:82px;
  padding:18px 24px 13px;
  border-bottom:1px solid rgba(6,63,58,.07);
}
.knfh-menu-panel__top:after{
  content:"";
  position:absolute;
  left:24px;
  bottom:-1px;
  width:88px;
  height:3px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,var(--knfh-accent,#12b978) 0 68%,var(--knfh-donate,#d8a92e) 68% 100%);
}
.knfh-menu-panel__topcopy{display:flex;align-items:center;gap:12px;min-width:0}
.knfh-menu-panel__topdot{
  width:12px;
  height:12px;
  flex:0 0 12px;
  border-radius:50%;
  background:var(--knfh-accent,#12b978);
  box-shadow:0 0 0 6px rgba(18,185,120,.10);
}
.knfh-menu-panel__topcopy strong{display:block;color:var(--knfh-dark,#063f3a);font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.knfh-menu-panel__topcopy small{display:block;margin-top:4px;color:#6b7b77;font-size:12px;line-height:1.3;font-weight:650}

.knfh-menu-panel__close{
  width:52px;
  min-width:52px;
  height:52px;
  min-height:52px;
  padding:0;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:var(--knfh-accent,#12b978);
  color:#fff;
  box-shadow:0 10px 24px rgba(18,185,120,.24);
}
.knfh-menu-panel__close:hover{
  transform:rotate(4deg) scale(1.04);
  background:#0d9864;
  color:#fff;
}
.knfh-menu-panel__close span{display:none!important}
.knfh-menu-panel__close svg{width:20px;height:20px;stroke-width:2}

.knfh-menu-panel__body{
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  gap:22px;
  padding:22px 24px 24px;
}
.knfh-menu-panel__nav-area{align-self:start;padding:8px 1.4vw 18px}
.knfh-menu-panel__eyebrow{margin-bottom:11px;color:var(--knfh-accent,#12b978)}
.knfh-menu-panel__nav-area>h2{color:var(--knfh-dark,#063f3a)}
.knfh-menu-panel__nav-intro{color:#657773}

/* Navigation tiles now feel open, readable and premium */
.knfh-menu-panel__menu{gap:10px}
.knfh-menu-panel__menu>li>a{
  min-height:76px;
  border:1px solid rgba(6,63,58,.085);
  background:rgba(255,255,255,.82);
  color:var(--knfh-dark,#063f3a);
  box-shadow:0 7px 18px rgba(6,63,58,.025);
}
.knfh-menu-panel__menu>li>a:before{
  background:var(--knfh-soft,#eaf5f0);
  color:var(--knfh-green-dark,#0d9864);
}
.knfh-menu-panel__menu>li>a:after{color:var(--knfh-accent,#12b978)}
.knfh-menu-panel__menu>li>a:hover{
  transform:translateY(-2px);
  background:var(--knfh-soft,#eaf5f0);
  border-color:rgba(18,185,120,.24);
  color:var(--knfh-dark,#063f3a);
  box-shadow:0 12px 26px rgba(6,63,58,.065);
}
.knfh-menu-panel__menu>li>a:hover:before{background:#fff;color:var(--knfh-accent,#12b978)}
.knfh-menu-panel__menu .sub-menu a{color:#536965}
.knfh-sub-toggle{border-color:rgba(6,63,58,.09);background:var(--knfh-soft,#eaf5f0);color:var(--knfh-dark,#063f3a)}
.knfh-menu-panel__menu li.is-open>.knfh-sub-toggle{background:var(--knfh-cream,#fff7e7)}

/* Right column uses one dark anchor card + one quiet contact card */
.knfh-menu-panel__action-area{align-self:start;margin-top:8px}
.knfh-menu-panel__action-card{border-radius:27px}
.knfh-menu-panel__action-card--feature{
  background:var(--knfh-dark,#063f3a);
  color:#fff;
  box-shadow:0 20px 44px rgba(6,63,58,.14);
}
.knfh-menu-panel__action-card--feature>span{color:var(--knfh-donate,#d8a92e)}
.knfh-menu-panel__action-card--feature:after{border-color:rgba(216,169,46,.18);box-shadow:inset 0 0 0 42px rgba(216,169,46,.035)}
.knfh-menu-panel__action-card--feature h3{color:#fff}
.knfh-menu-panel__quick-grid a{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.96);color:var(--knfh-dark,#063f3a)}
.knfh-menu-panel__quick-grid a:hover{background:var(--knfh-soft,#eaf5f0)}
.knfh-menu-panel__quick-grid a:first-child{background:var(--knfh-donate,#d8a92e);border-color:var(--knfh-donate,#d8a92e)}

.knfh-menu-panel__action-card--contact{
  border:1px solid rgba(6,63,58,.07);
  background:var(--knfh-soft,#eaf5f0);
  box-shadow:none;
}
.knfh-menu-panel__action-card--contact h3{color:var(--knfh-dark,#063f3a)}
.knfh-menu-panel__bottom{
  border-top:1px solid rgba(6,63,58,.07);
  color:#71807d;
}

/* Responsive behaviour */
@media(max-width:1120px){
  .knfh__signature{font-size:10px;padding:0 11px}
  .knfh__contact-btn{min-width:116px}
  .knfh__cta{min-width:112px}
  .knfh__menu-button{min-width:151px}
}
@media(max-width:1020px){
  .knfh__signature{display:none}
  .knfh__shell{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:940px){
  .knfh-menu-panel__body{grid-template-columns:1fr;overflow:auto}
  .knfh-menu-panel__action-area{grid-template-columns:1fr 1fr;grid-template-rows:none}
}
@media(max-width:760px){
  .knfh__shell{
    min-height:68px;
    grid-template-columns:minmax(0,1fr) auto;
    padding:7px 7px 7px 13px;
    border-radius:22px;
  }
  .knfh__shell:after{left:17px;width:74px;height:2px}
  .knfh__signature{display:none}
  .knfh__contact-btn{display:none}
  .knfh__cta{min-width:92px;min-height:46px}
  .knfh__menu-button{
    min-width:46px;
    width:46px;
    height:46px;
    min-height:46px;
    padding:0;
    border-radius:50%;
  }
  .knfh__menu-iconbox{width:32px;height:32px;flex-basis:32px;border-radius:11px}
  .knfh__menu-icon{width:15px;gap:4px}
  .knfh__menu-icon i{width:15px;height:1.8px}
  .knfh__menu-icon i:last-child{width:10px}

  .knfh-menu-panel__top{min-height:70px;padding:12px 13px 10px}
  .knfh-menu-panel__top:after{left:14px;width:66px;height:2px}
  .knfh-menu-panel__topcopy small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .knfh-menu-panel__close{width:46px;min-width:46px;height:46px;min-height:46px}
  .knfh-menu-panel__body{padding:8px 13px 16px}
  .knfh-menu-panel__nav-area{padding:10px 1px 18px}
  .knfh-menu-panel__menu>li>a{min-height:62px;background:#fff}
  .knfh-menu-panel__action-area{grid-template-columns:1fr}
  .knfh-menu-panel__bottom{color:#71807d}
}