/* MAFCC Telemedicine UI (lightweight, accessible) */
:root{
  --mafcc-blue:#0069A0;        /* brand primary */
  --mafcc-blue-2:#00517A;      /* brand hover */
  --mafcc-accent:#0B7DB8;      /* secondary */
  --mafcc-gray:#f4f6f8;
  --mafcc-gray-2:#e9edf1;
  --mafcc-text:#1a1a1a;
  --mafcc-radius:14px;
  --mafcc-shadow:0 14px 34px rgba(0,0,0,.10);
  --mafcc-border:#e7eaee;
}
body{color:var(--mafcc-text);}
.mafcc-nav{background:#fff;border-bottom:1px solid #e7eaee;position:sticky;top:0;z-index:999;}
.mafcc-nav .wrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 14px;}
.mafcc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--mafcc-text);}
.mafcc-brand img{height:44px;width:auto;}
.mafcc-menu{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.mafcc-menu a{color:var(--mafcc-text);text-decoration:none;font-weight:600;padding:10px 10px;border-radius:10px;}
.mafcc-menu a:hover,.mafcc-menu a:focus{background:var(--mafcc-gray);outline:none;}
.mafcc-dropdown{position:relative;}
.mafcc-dropdown > button{all:unset;cursor:pointer;font-weight:700;padding:10px 10px;border-radius:10px;}
.mafcc-dropdown > button:hover,.mafcc-dropdown > button:focus{background:var(--mafcc-gray);outline:none;}
.mafcc-panel{display:none;position:absolute;right:0;top:48px;background:#fff;border:1px solid #e7eaee;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.10);min-width:320px;padding:10px;}
.mafcc-panel a{display:block;padding:10px 12px;border-radius:10px;font-weight:600;}
.mafcc-panel a:hover,.mafcc-panel a:focus{background:var(--mafcc-gray);outline:none;}
.mafcc-panel .grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.mafcc-dropdown[aria-expanded="true"] .mafcc-panel{display:block;}
.mafcc-cta{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;}
.mafcc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;border-radius:999px;padding:12px 16px;line-height:1;border:2px solid transparent;}
.mafcc-btn.primary{background:var(--mafcc-blue);color:#fff;}
.mafcc-btn.primary:hover{background:var(--mafcc-blue-2);}
.mafcc-btn.outline{background:#fff;border-color:var(--mafcc-blue);color:var(--mafcc-blue);}
.mafcc-btn.outline:hover{background:rgba(0,105,160,.08);}
.mafcc-btn.gray{background:var(--mafcc-gray);color:var(--mafcc-text);}
.mafcc-btn.gray:hover{background:#e9edf1;}
.mafcc-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;}
.mafcc-card{background:#fff;border:1px solid #e7eaee;border-radius:var(--mafcc-radius);padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.06);}
.mafcc-card h3{margin:0 0 8px 0;font-size:18px;}
.mafcc-card p{margin:0 0 10px 0;color:#444;}
.mafcc-chip{display:inline-block;background:rgba(0,105,160,.10);color:var(--mafcc-blue);font-weight:800;border-radius:999px;padding:6px 10px;font-size:12px;}
@media (max-width: 900px){.mafcc-cardgrid{grid-template-columns:1fr 1fr;}}
@media (max-width: 620px){
  .mafcc-menu{display:none;}
  .mafcc-cardgrid{grid-template-columns:1fr;}
}

/* Button sizing + spacing */
.mafcc-btn{padding:13px 18px;font-size:15px;letter-spacing:.2px}
.mafcc-btn.primary{background:var(--mafcc-blue)}
.mafcc-btn.primary:hover{background:var(--mafcc-blue-2)}
.mafcc-btn.outline{border-color:var(--mafcc-blue);color:var(--mafcc-blue)}
.mafcc-btn.outline:hover{background:rgba(0,105,160,.08)}
.mafcc-btn.gray{background:var(--mafcc-gray);border-color:transparent}
.mafcc-btn.gray:hover{background:var(--mafcc-gray-2)}

/* Mega menu */
.mafcc-panel{min-width:760px;max-width:min(920px, calc(100vw - 24px));padding:14px;border-radius:16px;box-shadow:var(--mafcc-shadow)}
.mafcc-panel .mega{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mafcc-panel .mega h4{margin:6px 8px 6px 8px;font-size:13px;letter-spacing:.3px;text-transform:uppercase;color:#3b3b3b}
.mafcc-panel .mega a{padding:9px 10px}
.mafcc-panel .toplinks{display:flex;gap:10px;flex-wrap:wrap;margin:6px 4px 12px 4px}
.mafcc-panel .toplinks a{display:inline-flex}
@media (max-width: 900px){
  .mafcc-panel{min-width:320px}
  .mafcc-panel .mega{grid-template-columns:1fr 1fr}
}
@media (max-width: 620px){
  .mafcc-panel .mega{grid-template-columns:1fr}
}

/* Product grid */
.mafcc-searchbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.mafcc-searchbar input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--mafcc-border);border-radius:999px;font-size:15px}
.mafcc-searchbar select{padding:12px 14px;border:1px solid var(--mafcc-border);border-radius:999px;font-size:15px;background:#fff}
.mafcc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width: 900px){.mafcc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 620px){.mafcc-grid{grid-template-columns:1fr}}
.mafcc-product{border:1px solid var(--mafcc-border);border-radius:var(--mafcc-radius);padding:14px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.mafcc-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(0,105,160,.10);margin-bottom:10px}


/* New highlighted menu item */
.mafcc-menu a.menu-telemedicine{
  background: rgba(0,105,160,.10);
  color: var(--mafcc-blue);
  border: 1px solid rgba(0,105,160,.18);
  position: relative;
}
.mafcc-menu a.menu-telemedicine::after{
  content:"";
  position:absolute;
  left:12px; right:12px; bottom:6px;
  height:2px;
  background: var(--mafcc-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
  border-radius:999px;
}
.mafcc-menu a.menu-telemedicine:hover,
.mafcc-menu a.menu-telemedicine:focus{
  background: rgba(0,105,160,.16);
  border-color: rgba(0,105,160,.28);
}
.mafcc-menu a.menu-telemedicine:hover::after,
.mafcc-menu a.menu-telemedicine:focus::after{
  transform: scaleX(1);
}