:root{--ehf-accent:#FF7B3B;--ehf-accent-2:#FF7B3B;--ehf-ink:#0f172a;}
.cookie-overlay{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(4px);
}
.cookie-overlay[hidden]{display:none !important}
.cookie-modal{
  width:100%;
  max-width: 640px;
  border-radius: 22px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 28px 90px rgba(2,6,23,.45);
  overflow:hidden;
}
.cookie-modal .topbar{height:6px;background: var(--ehf-accent);}
.cookie-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 10px 18px}
.cookie-modal .titlewrap{display:flex;align-items:flex-start;gap:12px}
.cookie-modal .iconbubble{width:44px;height:44px;border-radius:16px;background: color-mix(in srgb, var(--ehf-accent) 16%, #ffffff);
  border:1px solid color-mix(in srgb, var(--ehf-accent) 22%, #ffffff);display:flex;align-items:center;justify-content:center;}
.cookie-modal .iconbubble .material-symbols-outlined{color:var(--ehf-accent);font-variation-settings:'FILL' 1;}
.cookie-modal h2{margin:0;font-weight:900;letter-spacing:-.02em;color:var(--ehf-ink);line-height:1.15}
.cookie-modal .sub{margin:4px 0 0 0;font-size:13px;color: rgba(15,23,42,.68)}
.cookie-modal .xbtn{width:44px;height:44px;border-radius:9999px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.9);
  display:flex;align-items:center;justify-content:center;cursor:pointer}
.cookie-modal .xbtn:hover{background: color-mix(in srgb, var(--ehf-accent) 10%, #ffffff);border-color: color-mix(in srgb, var(--ehf-accent) 25%, rgba(15,23,42,.12));}
.cookie-modal .body{padding:0 18px 14px 18px}
.cookie-modal .panel{border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92);padding:12px 14px}
.cookie-modal .panel a{color:var(--ehf-accent);font-weight:800}
.cookie-modal .chips{display:flex;flex-wrap:wrap;gap:10px;padding:12px 18px 0 18px}
.cookie-modal .chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:16px;border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);font-size:13px;font-weight:700;color:rgba(15,23,42,.80)}
.cookie-modal .chip .dot{width:10px;height:10px;border-radius:9999px;background:var(--ehf-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--ehf-accent) 18%, transparent)}
.cookie-modal .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px 18px 18px 18px}
.cookie-modal .btn{appearance:none;border-radius:9999px;padding:12px 18px;font-weight:900;font-size:14px;cursor:pointer;border:1px solid rgba(15,23,42,.14);
  background:#fff;transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;}
.cookie-modal .btn:active{transform:scale(.98)}
.cookie-modal .btn-ghost:hover{box-shadow:0 14px 28px rgba(2,6,23,.10);transform:translateY(-1px)}
.cookie-modal .btn-primary{border-color:var(--ehf-accent);background:var(--ehf-accent);color:#fff;
  box-shadow:0 16px 44px color-mix(in srgb, var(--ehf-accent) 32%, transparent)}
.cookie-modal .btn-primary:hover{box-shadow:0 20px 52px color-mix(in srgb, var(--ehf-accent) 44%, transparent);transform:translateY(-1px)}
.cookie-modal .mini{padding:0 18px 16px 18px;font-size:12px;color:rgba(15,23,42,.58)}
.cookie-modal .mini a{color:var(--ehf-accent);font-weight:900}
body.cookie-locked{overflow:hidden !important}

#mobileMenuOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);z-index:99998;display:flex;align-items:flex-start;justify-content:flex-end;padding:16px}
#mobileMenuOverlay[hidden]{display:none !important}
#mobileMenuPanel{width:100%;max-width:340px;border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
#mobileMenuPanel .top{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px 14px;border-bottom:1px solid #e5e7eb}
#mobileMenuPanel a{display:block;padding:12px 14px;font-weight:700}
#mobileMenuPanel a:hover{background:rgba(0,0,0,.04)}

/* COOKIE START */
/* Cookie popup (blue consent style, extra-clickable) v6 */
:root{
  --cc-blue: #2563eb;      /* primary blue */
  --cc-blue2:#3b82f6;      /* hover blue */
  --cc-bg: #ffffff;
  --cc-ink:#0f172a;
  --cc-border: rgba(15,23,42,.12);
}

.cookie-overlay{
  position:fixed; inset:0; z-index:99999;
  display:flex; align-items:center; justify-content:center;
  padding:16px;
  background: rgba(2,6,23,.60);
  backdrop-filter: blur(4px);
}
.cookie-overlay[hidden]{ display:none !important; }

.cookie-modal{
  width:100%;
  max-width: 620px;
  border-radius: 18px;
  background: var(--cc-bg);
  border: 2px solid rgba(37,99,235,.22);
  box-shadow: 0 26px 90px rgba(2,6,23,.55);
  overflow:hidden;
  transform: translateY(10px) scale(.985);
  opacity:0;
  animation: cookiePop .18s ease-out forwards;
}
@keyframes cookiePop{ to{ transform: translateY(0) scale(1); opacity:1; } }

.cookie-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 18px 18px 10px 18px;
}
.cookie-head .icon{
  width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
}
.cookie-head .icon svg{ width:26px;height:26px; }
.cookie-head h2{
  margin:0;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--cc-blue);
}
.cookie-close{
  margin-left:auto;
  width:42px;height:42px;border-radius:9999px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.cookie-close:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(2,6,23,.14);
  background: rgba(37,99,235,.06);
}

.cookie-body{
  padding: 0 18px 14px 18px;
}
.cookie-text{
  font-size: 16px;
  line-height: 1.55;
  color: rgba(15,23,42,.78);
}
.cookie-text a{
  color: var(--cc-blue);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cookie-actions{
  display:flex;
  gap:14px;
  padding: 10px 18px 18px 18px;
}
@media (max-width: 520px){
  .cookie-actions{ flex-direction: column; }
}

.cookie-btn{
  flex:1;
  appearance:none;
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 900;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  border: 2px solid rgba(37,99,235,.40);
  background:#fff;
  color: var(--cc-blue);
}
.cookie-btn:active{ transform: scale(.985); }
.cookie-btn:focus-visible{
  outline: 4px solid rgba(37,99,235,.22);
  outline-offset: 2px;
}

.cookie-btn-primary{
  background: linear-gradient(180deg, var(--cc-blue2), var(--cc-blue));
  border-color: transparent;
  color:#fff;
  box-shadow: 0 18px 44px rgba(37,99,235,.28);
}
.cookie-btn-primary:hover{
  box-shadow: 0 22px 56px rgba(37,99,235,.36);
  transform: translateY(-1px);
}
.cookie-btn-secondary:hover{
  box-shadow: 0 18px 36px rgba(2,6,23,.12);
  transform: translateY(-1px);
}

.cookie-mini{
  padding: 0 18px 18px 18px;
  font-size: 12px;
  color: rgba(15,23,42,.55);
}

body.cookie-locked{ overflow:hidden !important; }
/* COOKIE END */