/* Tech Guru brands switcher (shared by Rentals and Tech Guru Care) */
.tgs-panel { display: none; }
.tgs-icon { width: 100%; height: 100%; }
@media (min-width: 922px) {
  .main-header-menu > .tg-switch { position: static; }
  .main-header-menu > .tg-switch > .sub-menu { display: none !important; }
  .main-header-menu > .tg-switch > .menu-link { display: inline-flex; align-items: center; gap: 8px; line-height: 1 !important; padding: 10px 14px !important;
    border: 1.5px solid #0b1333; border-radius: 9px; color: #0b1333 !important; font-weight: 700; margin-left: 6px; }
  .main-header-menu > .tg-switch > .menu-link:hover, .tg-switch.tgs-open > .menu-link { background: #0b1333; color: #fff !important; }
  .main-header-menu > .tg-switch > .menu-link .tgs-icon { width: 16px; height: 16px; }
  .main-header-menu > .tg-switch .dropdown-menu-toggle, .main-header-menu > .tg-switch .ast-icon { display: none; }
  .tgs-panel { display: block; position: fixed; right: max(2vw, calc((100vw - 1180px) / 2)); top: var(--tgs-top, 72px); width: min(760px, 96vw);
    opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); z-index: 10000;
    transition: opacity .18s ease, transform .18s ease, visibility 0s .18s; font-family: "Figtree", system-ui, sans-serif; }
  .tg-switch.tgs-open > .tgs-panel, .tg-switch:focus-within > .tgs-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity .18s ease, transform .18s ease; }
  .main-header-menu .tgs-panel, .main-header-menu .tgs-panel * { line-height: 1.4; }
  .tgs-in { background: #fff; border: 1px solid #e4e8f2; border-radius: 18px; box-shadow: 0 30px 70px rgba(11, 19, 51, .2); overflow: hidden; }
  .tgs-head { padding: 16px 20px 6px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .tgs-head strong { font-family: "Bricolage Grotesque", "Figtree", sans-serif; font-size: 18px; color: #0b1333; }
  .tgs-head span { font-size: 13px; color: #4a5372; }
  .tgs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 10px 14px 14px; }
  .tgs-card { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border-radius: 12px; text-decoration: none !important; border: 1px solid transparent; transition: background .15s, border-color .15s; }
  .tgs-card:hover { background: #f4f7fc; border-color: #e4e8f2; }
  .tgs-card.here { background: #eef8e8; border-color: #cfe8bf; }
  .tgs-ic { flex: none; width: 38px; height: 38px; padding: 8px; border-radius: 10px; color: #1392c6; background: linear-gradient(135deg, #eaf6fd, #eef8e8); }
  .tgs-card.here .tgs-ic { color: #fff; background: #55a827; }
  .tgs-txt { display: flex; flex-direction: column; min-width: 0; }
  .tgs-txt strong { color: #0b1333; font-size: 14.5px; font-weight: 700; }
  .tgs-txt em { font-style: normal; color: #4a5372; font-size: 12.5px; margin-top: 2px; }
  .tgs-txt b { margin-top: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: #468c1f; }
  .tgs-foot { background: #0b1333; color: #c9d2ea; font-size: 13px; padding: 12px 20px; }
  .tgs-foot a { color: #fff !important; font-weight: 700; text-decoration: none; }
}
@media (prefers-reduced-motion: reduce) { .tgs-panel { transition: none !important; } }
@media (min-width: 922px) {
  .main-header-menu > .tg-switch { display: flex; align-items: center; }
  .main-header-menu > .tg-switch > .menu-link { height: auto !important; min-height: 0 !important; }
}