/* =========================================================
   CHAPI — ONE SHARED PUBLIC HEADER
   Used by landing.php + all customer/public pages.
   ========================================================= */
.chp-site-header{
  --sh-brand:#ff5a1f;
  --sh-brand-dark:#ed4d15;
  --sh-ink:#17181c;
  --sh-muted:#656971;
  --sh-line:#ece8e4;
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(20,20,20,.07);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.chp-site-header *{box-sizing:border-box}
.chp-site-header__inner{
  width:min(1240px,calc(100% - 48px));height:70px;margin:0 auto;
  display:flex;align-items:center;gap:28px;
}
.chp-site-header__logo{
  flex:0 0 auto;display:flex;align-items:center;min-width:112px;
  font-family:Montserrat,'Noto Sans Georgian',sans-serif;
  font-size:25px;font-weight:900;letter-spacing:-1px;color:var(--sh-ink);
}
.chp-site-header__logo img{display:block;max-width:116px;max-height:38px;width:auto;object-fit:contain}
.chp-site-header__nav{display:flex;align-items:center;gap:2px;min-width:0}
.chp-site-header__nav a{
  color:#4e5158;font-size:13px;font-weight:800;padding:10px 12px;border-radius:10px;
  white-space:nowrap;transition:.16s ease;
}
.chp-site-header__nav a:hover{background:#f6f4f2;color:var(--sh-ink)}
.chp-site-header__actions{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}
.chp-site-header__location{
  display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;
  border:1px solid #e9e5e1;border-radius:12px;background:#fff;
  color:#3f4248;font-size:12px;font-weight:800;white-space:nowrap;
}
.chp-site-header__location-dot{width:8px;height:8px;border-radius:50%;background:var(--sh-brand);box-shadow:0 0 0 4px #fff0ea}
.chp-site-header__icon{
  position:relative;width:38px;height:38px;border:1px solid #e9e5e1;border-radius:11px;
  display:flex;align-items:center;justify-content:center;color:#3c3f45;background:#fff;
}
.chp-site-header__icon svg{width:18px;height:18px}
.chp-site-header__icon:hover{background:#fff6f1;border-color:#ffd7c8;color:var(--sh-brand)}
.chp-site-header__badge{
  position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;
  display:flex;align-items:center;justify-content:center;border-radius:99px;
  background:var(--sh-brand);color:#fff;font:800 9px/1 Arial,sans-serif;
}
.chp-site-header__dot{position:absolute;right:7px;top:6px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#e23d3d}
.chp-site-header__lang{position:relative;flex:0 0 auto}
.chp-site-header__lang-btn{
  height:38px;display:flex;align-items:center;gap:6px;border:1px solid #e8e4e0;background:#fff;
  border-radius:11px;padding:0 10px;font:700 12px 'Noto Sans Georgian',system-ui,sans-serif;color:#37393e;cursor:pointer;
}
.chp-site-header__lang-btn svg{width:12px;height:12px}
.chp-site-header__lang-menu{
  display:none;position:absolute;right:0;top:44px;width:172px;padding:6px;background:#fff;
  border:1px solid var(--sh-line);border-radius:14px;box-shadow:0 18px 40px rgba(20,20,20,.13);
}
.chp-site-header__lang.is-open .chp-site-header__lang-menu{display:block}
.chp-site-header__lang-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;font-size:12px;font-weight:700;color:#37393e}
.chp-site-header__lang-item:hover,.chp-site-header__lang-item.is-active{background:#fff3ee;color:var(--sh-brand)}
.chp-site-header__tick{margin-left:auto}
.chp-site-header__login{color:#34363b;font-size:13px;font-weight:800;padding:10px 9px;white-space:nowrap}
.chp-site-header__login:hover{color:var(--sh-brand)}
.chp-site-header__start{
  display:inline-flex;align-items:center;justify-content:center;height:40px;
  padding:0 17px;background:var(--sh-brand);color:#fff!important;border-radius:12px;
  font-size:12px;font-weight:900;box-shadow:0 7px 18px rgba(255,90,31,.22);white-space:nowrap;transition:.18s;
}
.chp-site-header__start:hover{background:var(--sh-brand-dark);transform:translateY(-1px)}
.chp-site-header__mobile-btn,.chp-site-header__mobile-menu{display:none}

/* Normal pages: don't let the old app header constrain the page to 480px on desktop. */
body.app .chp-site-header__inner{max-width:1240px}
body.app .chp-site-header{width:100%}

@media(max-width:1050px){
  .chp-site-header__inner{gap:16px}
  .chp-site-header__nav a{padding-left:8px;padding-right:8px}
  .chp-site-header__location{display:none}
}
@media(max-width:820px){
  .chp-site-header__inner{width:min(100% - 30px,680px);height:62px;gap:12px}
  .chp-site-header__nav{display:none}
  .chp-site-header__actions{gap:5px}
  .chp-site-header__login{display:none}
  .chp-site-header__start{height:36px;padding:0 12px}
  .chp-site-header__icon{width:36px;height:36px}
  .chp-site-header__lang-btn{height:36px}
  .chp-site-header__mobile-btn{
    display:flex;flex:0 0 38px;width:38px;height:38px;border:1px solid #e8e4e0;border-radius:11px;
    background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;
  }
  .chp-site-header__mobile-btn span{width:16px;height:2px;border-radius:2px;background:#34363b;transition:.16s}
  .chp-site-header.mobile-open .chp-site-header__mobile-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .chp-site-header.mobile-open .chp-site-header__mobile-btn span:nth-child(2){opacity:0}
  .chp-site-header.mobile-open .chp-site-header__mobile-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .chp-site-header__mobile-menu{
    position:absolute;left:15px;right:15px;top:calc(100% + 8px);padding:8px;
    background:#fff;border:1px solid var(--sh-line);border-radius:16px;box-shadow:0 18px 45px rgba(20,20,20,.14);
  }
  .chp-site-header.mobile-open .chp-site-header__mobile-menu{display:flex;flex-direction:column}
  .chp-site-header__mobile-menu a{padding:12px 13px;border-radius:10px;font-size:13px;font-weight:800;color:#3e4147}
  .chp-site-header__mobile-menu a:hover{background:#fff4ef;color:var(--sh-brand)}
  .chp-site-header__mobile-menu a.is-cta{background:var(--sh-brand);color:#fff}
}
@media(max-width:520px){
  .chp-site-header__inner{width:calc(100% - 20px)}
  .chp-site-header__logo{min-width:auto;font-size:22px}
  .chp-site-header__logo img{max-width:100px;max-height:32px}
  .chp-site-header__actions{margin-left:auto}
  .chp-site-header__start{display:none}
}