.hib-logo img {
max-width: 100%;
height: 100%;
}

.thf-logo img {
max-width: 90px;
}

.footer-hib-logo img {
    max-width: 60px;
}
.thf-logo.footer-thf-logo img {
    max-width: 45px;
}

.footer-hib-logo {
    height: 45px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.hib-logo {
min-width: 100px;
}

*, *::before, *::after {
box-sizing: border-box; margin: 0; padding: 0;
}

:root {
--org:#F7941D; --org-d:#C4720D; --org-l:#FEF6EC; --org-b:#FDDCAB;
    --thf-navy:#1a3568; --thf-teal:#2a9d8f; --thf-gold:#f5a623;
    --li:#0A66C2; --li-l:#EBF3FB;
    --radius:12px; --radius-sm:8px;
    --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);
    --shadow-md:0 4px 16px rgba(0,0,0,.12);
}

body {
font-family:'DM Sans',sans-serif; background:#F8F5F1; color:#1a1a1a; font-size:15px; line-height:1.6;
}

.nav {
background:#fff; border-bottom:1px solid #ede8e1; position:sticky; top:0; z-index:100; box-shadow:var(--shadow);
}

.nav-inner {
max-width:1200px; margin:0 auto; display:flex; align-items:stretch; height:64px;
}

.brand-block {
display:flex; align-items:center; gap:10px; padding:0 24px; border-right:1px solid #ede8e1;
}

.brand-icon {
width:36px; height:36px; border-radius:10px; background:var(--org); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; color:#fff;
}

.brand-name {
font-size:18px; font-weight:700; color:var(--org); line-height:1;
}

.brand-tagline {
font-size:11px; color:#999; margin-top:2px;
}

.partner-logos {
display:contents;
}

.partner-block {
display:flex; align-items:center; gap:8px; padding:0 18px; border-right:1px solid #ede8e1;
}

.hib-logo {
border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:#fff;height: 100%;
}

.hib-logo a{
display: contents;
}

.thf-block {
display:flex; align-items:center; gap:8px; padding:0 18px; border-right:1px solid #ede8e1;
}

.nav-links {
display:flex; align-items:center; gap:6px; padding:0 16px; flex:1;
}

.nav-link {
padding:6px 14px; border-radius:var(--radius-sm); font-size:14px; font-weight:500; color:#666; text-decoration:none; transition:all .15s;
}

.nav-link:hover {
background:var(--org-l); color:var(--org-d);
}

.nav-link.active {
background:var(--org-l); color:var(--org);
}

.nav-actions {
display:flex; align-items:center; gap:10px; padding:0 20px; border-left:1px solid #ede8e1;
}

.btn-log {
display:flex; align-items:center; gap:6px; background:var(--org); color:#fff; padding:9px 18px; border-radius:var(--radius-sm); font-weight:600; font-size:14px; cursor:pointer; border:none; text-decoration:none;
}

.btn-log:hover {
background:var(--org-d);
}

.btn-login {
display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1a1a1a;padding:9px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-decoration:none;border:1.5px solid #e5e0d8;transition:all .15s;
}

.btn-login:hover {
background:var(--org-l);border-color:var(--org-b);color:var(--org-d);
}

.nav-avatar {
width:36px; height:36px; border-radius:50%; background:var(--org-b); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; color:var(--org-d); cursor:pointer;
}

.footer {
background:#1a1a1a; padding:40px 0 28px;
overflow-x:hidden;
}

.footer-inner {
max-width:1200px; margin:0 auto; padding:0 32px;
box-sizing:border-box;
width:100%;
}

.footer-top {
display:flex; align-items:flex-start; gap:48px; margin-bottom:36px;
min-width:0;
}

.footer-brand {
flex:1;
min-width:0;
}

.footer-brand-name {
font-size:22px; font-weight:700; color:var(--org); margin-bottom:6px; font-family:'DM Serif Display',serif;
}

.footer-tagline {
font-size:13px; color:#666; margin-bottom:16px;
}

.footer-partners {
display:flex; align-items:center; gap:14px;
flex-wrap:wrap;
}

.footer-partner-label {
font-size:11px; color:#555; text-transform:uppercase; letter-spacing:.06em;
}

.footer-partner {
display:flex; align-items:center; gap:6px; padding:6px 12px; border:1px solid #333; border-radius:8px;
}

.footer-cols {
display:flex; gap:48px;
flex-wrap:wrap;
min-width:0;
}

.footer-col {
min-width:0;
}

.footer-col h4 {
font-size:12px; font-weight:700; color:#888; text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px;
}

.footer-col a {
display:block; font-size:14px; color:#aaa; text-decoration:none; margin-bottom:8px;
word-break:break-word;
}

.footer-col a:hover {
color:#fff;
}

.footer-menu-icon {
display:none;
align-items:center;
justify-content:center;
width:22px;
margin-right:8px;
color:var(--org);
font-size:17px;
font-weight:700;
}

.footer-bottom {
border-top:1px solid #2a2a2a; padding-top:20px; display:flex; justify-content:space-between; align-items:center;
flex-wrap:wrap; gap:8px;
}

.footer-copy {
font-size:13px; color:#555;
overflow-wrap:anywhere;
word-break:break-word;
}

.footer-thf {
display:flex; align-items:center; gap:8px; padding:6px 14px 6px 8px; background:rgba(42,157,143,.1); border:1px solid rgba(42,157,143,.25); border-radius:8px;
}

.footer-thf-badge {
font-size:10px; font-weight:600; color:var(--thf-gold);
}

.footer-thf-name {
font-size:12px; font-weight:700; color:var(--thf-teal);
}

.notif-wrap {
position:relative;
}

.notif-bell {
width:38px; height:38px; border-radius:50%;
    border:1.5px solid #e5e0d8; background:#fff;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; font-size:18px; position:relative;
    transition:all .15s; -webkit-tap-highlight-color:transparent;
}

.notif-bell:hover {
border-color:var(--org-b); background:var(--org-l);
}

.notif-badge {
position:absolute; top:-3px; right:-3px;
    width:18px; height:18px; border-radius:50%;
    background:#E53E3E; color:#fff;
    font-size:10px; font-weight:700;
    display:flex; align-items:center; justify-content:center;
    border:2px solid #fff;
    animation: notif-pulse 2s ease infinite;
}

.notif-dropdown {
display:none; position:absolute; top:48px; right:0;
    width:340px; background:#fff;
    border-radius:12px; border:1px solid #ede8e1;
    box-shadow:0 12px 40px rgba(0,0,0,.15);
    z-index:9999; overflow:hidden;
}

.notif-dropdown.open {
display:block;
}

.notif-header {
padding:14px 16px; border-bottom:1px solid #f0ebe3;
    display:flex; align-items:center; justify-content:space-between;
}

.notif-title {
font-size:15px; font-weight:700; color:#1a1a1a;
}

.notif-mark-read {
font-size:12px; color:var(--org); font-weight:600; cursor:pointer; background:none; border:none;
}

.notif-list {
max-height:320px; overflow-y:auto;
}

.notif-item {
display:flex; gap:10px; padding:12px 16px;
    border-bottom:1px solid #f8f5f1;
    transition:background .15s; cursor:pointer;
}

.notif-item:hover {
background:#faf7f4;
}

.notif-item.unread {
background:#FEF6EC;
}

.notif-avatar {
width:36px; height:36px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-weight:700; font-size:12px; flex-shrink:0;
    border:2px solid var(--org-b);
}

.notif-content {
flex:1; min-width:0;
}

.notif-text {
font-size:13px; color:#444; line-height:1.5;
}

.notif-text strong {
color:#1a1a1a;
}

.notif-time {
font-size:11px; color:#bbb; margin-top:2px;
}

.notif-tag-icon {
color:var(--org); font-size:12px; flex-shrink:0; margin-top:3px;
}

#f4g-dropmenu,
#f4g-menu-backdrop {
display:none
}

@media(max-width:768px) {
.brand-tagline {display:none}
.nav-inner {height:auto;position:relative;flex-wrap:wrap}
.brand-block {padding:0 14px;height:56px}
.nav-actions {height:56px}
.partner-logos {
display:flex;
flex:1 1 100%;
order:10;
width:100%;
justify-content:center;
align-items:center;
gap:20px;
padding:8px 14px 10px;
border-top:1px solid #ede8e1;
box-sizing:border-box;
}
.partner-block,.thf-block {
display:flex!important;
border-right:none;
padding:0;
}
.hib-logo {min-width:0}
.hib-logo img {height:28px;width:auto;max-width:110px;object-fit:contain}
.thf-logo img {max-width:80px;height:28px;width:auto;object-fit:contain}
.brand-name {font-size:15px}
.f4g-ham {display:flex!important;margin-left:auto}
.notif-dropdown {width:calc(100vw - 20px)!important;right:-60px!important;}
.nav-links {display:none!important}
.nav-actions,.nav-right {padding:0 10px!important;border-left:none!important;gap:6px!important}
.nav-actions {margin-left:auto}
.btn-log,.btn-join {display:none!important}
.btn-login {display:inline-flex!important;padding:7px 12px!important;font-size:12px!important;}
.notif-btn {display:none!important}
#f4g-dropmenu {display:flex;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    position:fixed;top:0;bottom:0;right:0;
    width:min(84vw,340px);
    background:#fff;
    border-left:3px solid #F7941D;
    box-shadow:-10px 0 34px rgba(0,0,0,.24);
    z-index:9999;
    flex-direction:column;
    padding:0 14px 22px;
    overflow-y:auto;
    transform:translateX(105%);
    transition:transform .38s cubic-bezier(.22,.61,.36,1), opacity .25s ease, visibility 0s linear .38s;}
#f4g-dropmenu.open {
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
    transition:transform .38s cubic-bezier(.22,.61,.36,1), opacity .25s ease;
}
#f4g-menu-backdrop {
    position:fixed;
    inset:0;
    background:rgba(15,22,36,.58);
    z-index:9998;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
}
#f4g-menu-backdrop.open {
    display:block;
    opacity:1;
    pointer-events:auto;
}
#f4g-dropmenu .f4g-menu-heading {
    padding:10px 14px 16px;
    color:#1a3568;
    font:700 20px 'DM Serif Display',serif;
    border-bottom:1px solid #f0ebe3;
}
#f4g-dropmenu .f4g-menu-heading span {
    color:#F7941D;
    font:700 11px 'DM Sans',sans-serif;
    letter-spacing:.12em;
    margin-left:5px;
    text-transform:uppercase;
}
#f4g-dropmenu a {display:block;padding:16px 24px;
    font-size:16px;font-weight:600;color:#1a1a1a;
    text-decoration:none;border-bottom:1px solid #f5f0ea;
    border-radius:10px;
    font-family:'DM Sans',sans-serif;}
#f4g-dropmenu a:last-child {border-bottom:none}
#f4g-dropmenu a:hover,
#f4g-dropmenu a:active {background:#FEF6EC;color:#C4720D}
#f4g-dropmenu .f4g-menu-close {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    width:100%;
    padding:12px 20px;
    color:#777;
    background:#fff;
    border:0;
    border-radius:10px 10px 0 0;
    font:600 13px 'DM Sans',sans-serif;
    cursor:pointer;
}
#f4g-dropmenu .f4g-menu-close:active {background:#FEF6EC}
#f4g-dropmenu .f4g-menu-brand {
    padding:0;
    border:0;
    font-size:18px;
}
#f4g-dropmenu .f4g-menu-bottom a,
#f4g-dropmenu .f4g-menu-bottom button {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    border-bottom:0;
    font-size:14px;
}
#f4g-bottom-nav {display:flex!important}
.hero-inner,.page-header-inner {flex-direction:column!important;padding:0 16px!important;gap:20px!important;text-align:center}
.page-header-text h1 {font-size:26px!important}
.main {grid-template-columns:1fr!important;padding:14px 14px 48px!important;gap:16px!important}
.filter-inner,.controls-inner {padding:10px 14px!important;flex-wrap:wrap;gap:6px!important}
.view-toggle {flex-wrap:wrap}
.view-btn {font-size:12px!important;padding:7px 10px!important}
.time-filter {flex-wrap:wrap}
.vol-avatar {width:36px!important;height:36px!important}
.co-bar-wrap {display:none!important}
.podium-row {flex-direction:column!important;align-items:center!important}
.podium-card.first,.podium-card.second,.podium-card.third {flex:none!important;width:100%!important;max-width:320px}
.tbl-row {grid-template-columns:44px 1fr!important;padding:10px 14px!important}
.company-cell,.nfps-cell {grid-column:2;font-size:12px!important}
.hrs-cell {grid-column:1/-1;justify-content:flex-start!important}
.company-rank-header {flex-wrap:wrap!important;padding:14px!important}
.section {padding:28px 16px!important}
.footer-top {flex-direction:column!important;gap:20px!important;width:100%}
.footer-brand,.footer-cols,.footer-col {width:100%;max-width:100%;min-width:0;flex:none}
.footer-cols {flex-direction:column!important;gap:18px!important}
.footer-inner {padding:0 16px!important;max-width:100%;overflow:hidden}
.footer-bottom {flex-direction:column!important;align-items:flex-start!important;gap:8px!important;text-align:left}
.footer-partners {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
.footer-partner,.footer-thf {max-width:100%;width:100%;box-sizing:border-box;flex:none}
.footer-tagline,.footer-copy,.footer-wellness {overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.footer-copy a {color:#888}
.footer {padding:28px 0 28px;overflow-x:hidden}
html,body {overflow-x:hidden;max-width:100%}

.footer-top {
  gap:24px!important;
}
.footer-brand {
  display:block;
}
.footer-cols {
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.footer-col {
  padding:18px 16px 14px;
  background:#222;
  border:1px solid #3b3b3b;
  border-radius:14px;
}
.footer-col h4 {
  color:var(--org);
  font-size:15px;
  letter-spacing:.08em;
  margin:0 0 12px;
}
.footer-col a {
  display:flex;
  align-items:center;
  min-height:38px;
  margin:0;
  padding:5px 0;
  color:#ddd;
  font-size:14px;
}
.footer-menu-icon {
  display:inline-flex;
}
.footer-col a:hover {
  color:#fff;
}
.footer-col:first-child {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:12px;
}
.footer-col:first-child h4 {
  grid-column:1/-1;
}
.footer-bottom {
  margin-top:18px;
  padding-top:18px;
}
.footer-copy {
  font-size:11px;
}
.footer-wellness {
  font-size:11px;
}
}

.btn-log,.btn-login,.btn-join {
white-space:nowrap;
}

.btn-join {
padding:9px 14px;
}

.btn-log {
padding:9px 14px;
}

.btn-login {
padding:9px 13px;
}

.nav-actions {
gap:8px;padding:0 12px;
}

.nav-links {
gap:3px;padding:0 8px;
}

.nav-link {
padding:6px 10px;
}

.brand-block {
padding:0 16px;
}

.partner-block,.thf-block {
padding:0 11px;
}


.brand-block { text-decoration: none; }
.brand-icon svg { width: 100%; height: 100%; }
.f4g-ham {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 40px;
  height: 40px;
  border: 1.5px solid #e5e0d8;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  margin-left: 6px;
}
.f4g-ham span {
  display: block;
  width: 18px;
  height: 2px;
  background: #555;
  border-radius: 2px;
  transition: all .25s;
}
.f4g-ham #hb2 { transition: opacity .25s; }
.footer-partner .hib-logo {
  width: 22px;
  height: 22px;
  min-width: 22px;
  font-size: 8px;
  border-radius: 5px;
}
.footer-partner-name {
  font-size: 12px;
  font-weight: 600;
  color: #F7941D;
}
.footer-thf .thf-emblem {
  width: 28px;
  height: 28px;
}
.footer-thf .thf-emblem-num {
  font-size: 13px;
}
.launch-banner {
  background: linear-gradient(90deg, #1a3568, #2a9d8f);
  color: #fff;
  text-align: center;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .01em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.launch-banner-badge {
  background: #f5a623;
  color: #1a1a1a;
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 700;
}
.launch-banner a {
  color: #fff;
  text-decoration: underline;
  font-weight: 700;
}

/* Header notification avatar colors + footer extras (moved from inline) */
.notif-avatar-rg { background: #dbeafe; color: #1e40af; }
.notif-avatar-pm { background: #f3e8ff; color: #7c3aed; }
.notif-avatar-ak { background: #fce7f3; color: #be185d; }
.notif-footer {
  padding: 10px 16px;
  border-top: 1px solid #f0ebe3;
  text-align: center;
}
.notif-footer a {
  font-size: 13px;
  color: var(--org);
  font-weight: 600;
  text-decoration: none;
}
.footer-wellness {
  font-size: 13px;
  color: #555;
}
.btn-login {
  cursor: pointer;
  background: #fff;
}

/* Login modal */
.login-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .55);
  z-index: 9000;
  align-items: center;
  justify-content: center;
}
.login-modal-overlay.is-open {
  display: flex;
}
.login-modal {
  background: #fff;
  border-radius: 16px;
  padding: 38px 36px;
  width: 100%;
  max-width: 400px;
  margin: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
}
.login-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.login-modal-title {
  font-family: 'DM Serif Display', serif;
  font-size: 22px;
  color: #1a1a1a;
}
.login-modal-close {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #999;
  line-height: 1;
}
.login-modal-field {
  margin-bottom: 14px;
}
.login-modal-field-tight {
  margin-bottom: 8px;
}
.login-modal-label {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: #555;
  margin-bottom: 6px;
}
.login-modal-input {
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid #e0dbd2;
  border-radius: 8px;
  padding: 10px 13px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
}
.login-modal-forgot {
  text-align: right;
  margin-bottom: 18px;
}
.login-modal-forgot a {
  font-size: 12.5px;
  color: #C4720D;
  text-decoration: none;
}
.login-modal-submit {
  width: 100%;
  background: #F7941D;
  color: #fff;
  border: none;
  border-radius: 9px;
  padding: 12px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.login-modal-footer {
  text-align: center;
  margin-top: 16px;
  font-size: 13px;
  color: #999;
}
.login-modal-footer a {
  color: #C4720D;
  font-weight: 600;
}
.login-modal-error {
  color: #c0392b;
  font-size: 13px;
  margin: 0 0 12px;
  line-height: 1.4;
}
.nav-logout {
  display: contents;
}
#f4g-dropmenu form {
  margin: 0;
}
#f4g-dropmenu button {
  display: block;
  width: 100%;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 1px solid #f5f0ea;
  font-family: 'DM Sans', sans-serif;
  cursor: pointer;
}

/* Mobile bottom nav */
#f4g-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 2px solid #ede8e1;
  z-index: 9999;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, .10);
  padding-bottom: env(safe-area-inset-bottom);
  align-items: flex-end;
}
.f4g-bnav-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 9px 2px 10px;
  text-decoration: none;
  color: #999;
  font-size: 10px;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  gap: 3px;
  -webkit-tap-highlight-color: transparent;
}
.f4g-bnav-item.is-active {
  color: #F7941D;
  font-weight: 700;
}
.f4g-bnav-icon {
  font-size: 20px;
  line-height: 1;
}
.f4g-bnav-log {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.f4g-bnav-plus {
  position: absolute;
  top: -22px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #F7941D, #C4720D);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(247, 148, 29, .5);
  border: 3px solid #fff;
}
.f4g-bnav-plus span {
  font-size: 30px;
  color: #fff;
  line-height: 1;
  font-weight: 300;
  margin-top: -2px;
}
.f4g-bnav-log-label {
  font-size: 10px;
  font-weight: 700;
  color: #C4720D;
  font-family: 'DM Sans', sans-serif;
  padding-bottom: 10px;
  margin-top: 36px;
}
@media (max-width: 768px) {
  #f4g-bottom-nav {
    display: flex !important;
  }
}
#f4g-dropmenu .f4g-menu-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:78px;
    border-bottom: 3px solid #F7941D;
}
#f4g-dropmenu .f4g-menu-brand {
    display:flex;
    align-items:center;
    gap:10px;
    padding:0;
    border:0;
    color:#1a3568;
    font:700 18px 'DM Sans',sans-serif;
}
#f4g-dropmenu .f4g-menu-brand-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:12px;
    background:var(--org);
    color:#fff;
    font-size:11px;
    font-weight:800;
}
#f4g-dropmenu .f4g-menu-links {
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top: 10px;
}
/* #f4g-dropmenu .f4g-menu-links a:first-child {
    border-top:0;
} */
#f4g-dropmenu .f4g-menu-links a {
    display:flex;
    align-items:center;
    gap:14px;
    min-height:62px;
    padding:10px 12px;
    border:1px solid #ede8e1;
    border-radius:14px;
    color:#1a1a1a;
    background:#fff;
    font-size:16px;
    font-weight:600;
}
#f4g-dropmenu .f4g-menu-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:12px;
    background:var(--org-l);
    font-size:20px;
    flex-shrink:0;
}
#f4g-dropmenu .f4g-menu-links a:hover,
#f4g-dropmenu .f4g-menu-links a:active {
    background:var(--org-l);
    border-color:var(--org-b);
    color:var(--org-d);
}
#f4g-dropmenu .f4g-menu-bottom {
    display:flex;
    gap:10px;
    margin-top:auto;
    padding:24px 0 0;
}
#f4g-dropmenu .f4g-menu-bottom a,
#f4g-dropmenu .f4g-menu-bottom button {
    flex:1;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    border:1.5px solid var(--org);
    border-radius:26px;
    color:var(--org-d);
    background:#fff;
    font:700 14px 'DM Sans',sans-serif;
    text-decoration:none;
    cursor:pointer;
}
#f4g-dropmenu .f4g-menu-bottom a:last-child {
    color:#fff;
    background:var(--org);
}
#f4g-dropmenu .f4g-menu-bottom form {
    display:flex;
    flex:1;
    margin:0;
}
#f4g-dropmenu .f4g-menu-bottom form button {
    width:100%;
}