/**
 * HMO Platform Premium Design System & Theme Styles
 * Production-ready stylesheets for Header, Hero, Plans Grid, FAQ & Footer.
 */

:root {
  --hmo-primary: #0f172a;
  --hmo-primary-light: #1e293b;
  --hmo-navy: #0f172a;
  --hmo-navy-light: #1e293b;
  --hmo-accent-blue: #0284c7;
  --hmo-accent-blue-hover: #0369a1;
  --hmo-emerald: #059669;
  --hmo-emerald-light: #10b981;
  --hmo-emerald-bg: #ecfdf5;
  --hmo-gold: #d97706;
  --hmo-gold-bg: #fef3c7;
  --hmo-slate-50: #f8fafc;
  --hmo-slate-100: #f1f5f9;
  --hmo-slate-200: #e2e8f0;
  --hmo-slate-300: #cbd5e1;
  --hmo-slate-400: #94a3b8;
  --hmo-slate-500: #64748b;
  --hmo-slate-600: #475569;
  --hmo-slate-700: #334155;
  --hmo-slate-800: #1e293b;
  --hmo-slate-900: #0f172a;
  --hmo-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --hmo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --hmo-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
  --hmo-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --hmo-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --hmo-radius-md: 10px;
  --hmo-radius-lg: 14px;
  --hmo-radius-xl: 18px;
}

/* ==========================================================================
   1. GLOBAL HEADER & NAVBAR (Fixes Ugly Stacking & Sideways Scroll)
   ========================================================================== */

/* Universal Box-Sizing & Viewport Containment */
html {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-x: clip !important;
  -webkit-text-size-adjust: 100% !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-x: clip !important;
  position: relative !important;
}

/* Prevent Media Elements from Exceeding Viewport */
img,
svg,
video,
iframe {
  max-width: 100% !important;
  height: auto;
}

/* CRITICAL FIX FOR BRICKS BUILDER 1100PX DEFAULT CONTAINER WIDTH:
   Bricks defaults .brxe-container to width: 1100px, which breaks mobile responsiveness
   completely because 1100px is wider than mobile viewports (320px - 430px).
   Forcing width: 100% on all containers ensures fluid scaling across all devices. */
.brxe-section,
.brxe-container,
.brxe-block,
.brxe-shortcode,
[class*="brxe-"] {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.brxe-container {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Container max-widths on desktop with fluid mobile scaling */
.hmo-hero-content,
#brxe-lp_hero_wrap {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.hmo-plans-container,
#brxe-lp_plans_container,
#featured-plans {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Eliminate nested double padding in plans section */
.hmo-plans-container .hmo-plans-container,
#brxe-lp_plans_container #featured-plans {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.hmo-steps-container,
#brxe-lp_steps_container {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.hmo-advisory-container,
#brxe-lp_advisory_container {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.hmo-faq-container,
#brxe-lp_faq_container {
  width: 100% !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.hmo-featured-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#brx-header,
.hmo-navbar-wrapper {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--hmo-slate-200) !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#brx-header > section,
#brxe-hmo_hdr_section,
#brxe-xyaifc,
.hmo-navbar-wrapper {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#brx-header section > .brxe-container,
#brxe-hmo_hdr_container,
#brxe-otpqey,
.hmo-navbar-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 1320px !important;
  height: 74px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* CRITICAL FIX FOR HORIZONTAL OVERFLOW / SIDEWAYS SCROLL:
   Bricks defaults .brxe-block to width: 100%. In a flex row, this pushes the nav
   menu and buttons hundreds of pixels off-screen to the right!
   Forcing width: auto and flex: 0 0 auto keeps all blocks natural and compact. */
#brx-header .brxe-block,
#brx-header [class*="brxe-"],
#brxe-hmo_hdr_brand,
#brxe-quybjb,
#brxe-hmo_hdr_nav,
#brxe-fisqti,
#brxe-gqbrjo,
#brxe-hmo_hdr_actions,
#brxe-nppujn {
  width: auto !important;
  max-width: none !important;
}

/* 1. Brand Logo: HMO.ng */
#brxe-hmo_hdr_brand,
#brxe-quybjb,
.hmo-nav-brand {
  width: auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 28px 0 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* 1a. Header Logo: Dark HMO and Emerald .ng on Light Header Background */
#brx-header .hmo-logo-brand,
.hmo-main-header .hmo-logo-brand,
#brxe-hmo_hdr_brand a,
#brxe-quybjb a {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  color: #0f172a !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: opacity 0.2s ease !important;
}

#brx-header .hmo-logo-brand:hover,
.hmo-main-header .hmo-logo-brand:hover,
#brxe-hmo_hdr_brand a:hover,
#brxe-quybjb a:hover {
  opacity: 0.9 !important;
}

#brx-header .hmo-logo-brand span,
#brx-header .hmo-logo-brand .dot-ng,
.hmo-main-header .hmo-logo-brand span,
.hmo-main-header .hmo-logo-brand .dot-ng,
#brxe-hmo_hdr_brand a span,
#brxe-quybjb a span,
.hmo-brand-title span {
  color: #059669 !important;
}

/* 1b. Footer Logo: Crisp White "HMO" and Emerald ".ng" on Dark Background */
#brx-footer .hmo-logo-brand,
.hmo-main-footer .hmo-logo-brand,
.hmo-footer-logo,
.hmo-footer-logo-brand,
#brxe-hmo_ftr_col1_brand a,
#brxe-hmo_ftr_section .hmo-logo-brand {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  color: #ffffff !important;
  line-height: 1 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: opacity 0.2s ease !important;
}

#brx-footer .hmo-logo-brand:hover,
.hmo-main-footer .hmo-logo-brand:hover,
.hmo-footer-logo:hover,
#brxe-hmo_ftr_col1_brand a:hover {
  opacity: 0.9 !important;
}

#brx-footer .hmo-logo-brand,
#brx-footer .hmo-logo-brand .hmo-word,
.hmo-main-footer .hmo-logo-brand,
.hmo-main-footer .hmo-logo-brand .hmo-word,
.hmo-footer-logo,
.hmo-footer-logo .hmo-word,
#brxe-hmo_ftr_col1_brand a,
#brxe-hmo_ftr_col1_brand a .hmo-word,
#brxe-hmo_ftr_section .hmo-logo-brand {
  color: #ffffff !important;
}

#brx-footer .hmo-logo-brand .dot-ng,
.hmo-main-footer .hmo-logo-brand .dot-ng,
.hmo-footer-logo .dot-ng,
#brxe-hmo_ftr_col1_brand a .dot-ng,
#brxe-hmo_ftr_col1_brand a span.dot-ng,
#brxe-hmo_ftr_col1_brand a span:last-child {
  color: #10b981 !important;
}

/* 2. Menu Items: Never wrap, single horizontal line on desktop ONLY */
@media (min-width: 992px) {
  #brxe-hmo_hdr_nav,
  #brxe-fisqti,
  #brxe-gqbrjo,
  #brx-header .brxe-nav-menu {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  #brxe-hmo_hdr_nav .bricks-nav-menu-wrapper,
  #brxe-fisqti .bricks-nav-menu-wrapper,
  #brxe-gqbrjo .bricks-nav-menu-wrapper,
  #brx-header .bricks-nav-menu-wrapper,
  .hmo-nav-menu {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  #brxe-hmo_hdr_nav .bricks-nav-menu,
  #brxe-hmo_hdr_nav ul.bricks-nav-menu,
  #brxe-fisqti .bricks-nav-menu,
  #brxe-gqbrjo .bricks-nav-menu,
  #brx-header .bricks-nav-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
    white-space: nowrap !important;
  }

  #brxe-hmo_hdr_nav .bricks-nav-menu > li,
  #brxe-fisqti .bricks-nav-menu > li,
  #brxe-gqbrjo .bricks-nav-menu > li,
  .hmo-nav-item {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #brxe-hmo_hdr_nav .bricks-nav-menu > li > a,
  #brxe-fisqti .bricks-nav-menu > li > a,
  #brxe-gqbrjo .bricks-nav-menu > li > a,
  #brxe-hmo_hdr_nav a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-decoration: none !important;
    padding: 8px 4px !important;
    line-height: 1.4 !important;
    transition: color 0.15s ease-in-out !important;
    flex-shrink: 0 !important;
  }

  #brxe-hmo_hdr_nav .bricks-nav-menu > li > a:hover,
  #brxe-fisqti .bricks-nav-menu > li > a:hover,
  #brxe-gqbrjo .bricks-nav-menu > li > a:hover,
  #brxe-hmo_hdr_nav a:hover,
  #brxe-hmo_hdr_nav .bricks-nav-menu > li.current-menu-item > a,
  .hmo-nav-item:hover,
  .hmo-nav-item.active {
    color: #059669 !important;
  }

  .hmo-tag-highlight {
    font-size: 10px !important;
    font-weight: 700 !important;
    background: var(--hmo-gold-bg) !important;
    color: var(--hmo-gold) !important;
    padding: 2px 7px !important;
    border-radius: 9999px !important;
    border: 1px solid #fde68a !important;
    white-space: nowrap !important;
  }
}

/* 3. Header Right Actions */
.hmo-nav-actions,
#brxe-hmo_hdr_actions,
#brxe-nppujn {
  width: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  margin-left: auto !important;
  gap: 16px !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.hmo-nav-hotline,
#brxe-hmo_hdr_hotline a,
#brxe-uubojy a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.hmo-hotline-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.hmo-hotline-text {
  display: flex;
  flex-direction: column;
}

.hmo-hotline-label {
  font-size: 10px;
  font-weight: 700;
  color: #059669;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

.hmo-hotline-val {
  font-size: 13px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
}

.hmo-nav-cta-btn,
#brxe-hmo_hdr_btn,
#brxe-inbwex {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #059669 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.25) !important;
  border: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.hmo-nav-cta-btn:hover,
#brxe-hmo_hdr_btn:hover {
  background: #047857 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.35) !important;
}

/* ==========================================================================
   2. HERO SECTION & INTERACTIVE SEARCH CONSOLE
   ========================================================================== */

.hmo-hero-wrapper {
  background: radial-gradient(ellipse at 50% 0%, #1e293b 0%, #0f172a 70%, #090d16 100%) !important;
  padding: 70px 24px 80px !important;
  color: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
}

.hmo-hero-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: radial-gradient(circle at 50% 20%, rgba(2, 132, 199, 0.12) 0%, transparent 60%);
  pointer-events: none;
}

.hmo-hero-content {
  max-width: 1120px !important;
  margin: 0 auto !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}

.hmo-hero-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  color: #34d399 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  margin-bottom: 24px !important;
}

.hmo-pulse-dot {
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: hmoPulse 2s infinite;
}

@keyframes hmoPulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.hmo-hero-title {
  font-size: 46px !important;
  font-weight: 900 !important;
  letter-spacing: -1.2px !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 auto 20px !important;
  max-width: 900px !important;
}

.hmo-hero-subtitle {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--hmo-slate-300) !important;
  margin: 0 auto 36px !important;
  max-width: 780px !important;
}

/* Hero Console Card */
.hmo-hero-console {
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.25) !important;
  padding: 24px !important;
  margin: 0 auto !important;
  max-width: 1040px !important;
  color: var(--hmo-slate-900) !important;
  text-align: left !important;
}

.hmo-console-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid var(--hmo-slate-200) !important;
  padding-bottom: 16px !important;
}

.hmo-tab-btn {
  background: var(--hmo-slate-100) !important;
  border: 1px solid transparent !important;
  color: var(--hmo-slate-700) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.hmo-tab-btn:hover {
  background: var(--hmo-slate-200) !important;
  color: var(--hmo-slate-900) !important;
}

.hmo-tab-btn.active {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.3) !important;
}

.hmo-console-bar {
  display: grid !important;
  grid-template-columns: 1.2fr 1.4fr 1.2fr auto !important;
  gap: 16px !important;
  align-items: flex-end !important;
}

.hmo-console-field label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: var(--hmo-slate-500) !important;
  margin-bottom: 6px !important;
}

.hmo-select {
  width: 100% !important;
  height: 46px !important;
  border-radius: 10px !important;
  border: 1px solid var(--hmo-slate-300) !important;
  background: var(--hmo-slate-50) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--hmo-slate-800) !important;
  outline: none !important;
  transition: border-color 0.15s ease !important;
}

.hmo-select:focus {
  border-color: var(--hmo-accent-blue) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12) !important;
}

.hmo-btn-search {
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 0 26px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important;
}

.hmo-btn-search:hover {
  background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
  transform: translateY(-1px) !important;
}

.hmo-console-trust {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--hmo-slate-100) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--hmo-slate-600) !important;
}

.hmo-trust-check {
  color: var(--hmo-emerald) !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   3. FEATURED HEALTH PLANS GRID
   ========================================================================== */

.hmo-plans-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 80px 24px !important;
}

.hmo-section-heading-wrap {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 36px !important;
}

.hmo-section-eyebrow {
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  color: var(--hmo-accent-blue) !important;
  margin-bottom: 8px !important;
}

.hmo-section-title {
  font-size: 34px !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  color: var(--hmo-slate-900) !important;
  margin: 0 0 12px !important;
}

.hmo-section-subtitle {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--hmo-slate-500) !important;
  margin: 0 !important;
}

.hmo-grid-filter-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-bottom: 40px !important;
}

.hmo-filter-pill {
  background: #ffffff !important;
  border: 1px solid var(--hmo-slate-300) !important;
  color: var(--hmo-slate-700) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 8px 20px !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.hmo-filter-pill:hover {
  border-color: var(--hmo-accent-blue) !important;
  color: var(--hmo-accent-blue) !important;
}

.hmo-filter-pill.active {
  background: var(--hmo-slate-900) !important;
  border-color: var(--hmo-slate-900) !important;
  color: #ffffff !important;
}

/* Cards Grid */
.hmo-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
}

.hmo-plan-card {
  background: #ffffff !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: var(--hmo-radius-xl) !important;
  padding: 26px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative !important;
}

.hmo-plan-card.is-hidden {
  display: none !important;
}

@keyframes fadeInCard {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Pagination Controls */
.hmo-pagination-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 48px !important;
  padding-top: 28px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.hmo-pagination-info {
  font-size: 14px !important;
  color: var(--hmo-slate-600) !important;
  font-weight: 500 !important;
}

.hmo-pagination-controls {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.hmo-page-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: var(--hmo-slate-800) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}

.hmo-page-btn:hover:not(:disabled) {
  border-color: var(--hmo-navy) !important;
  color: var(--hmo-navy) !important;
  background: #f8fafc !important;
  transform: translateY(-1px) !important;
}

.hmo-page-btn.active {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25) !important;
}

.hmo-page-btn:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  border-color: #e2e8f0 !important;
  background: #f8fafc !important;
}

.hmo-page-nav-btn {
  font-weight: 600 !important;
  padding: 0 16px !important;
}

.hmo-plan-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04) !important;
  border-color: #cbd5e1 !important;
}

.hmo-card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 38px !important;
  margin-bottom: 16px !important;
}

.hmo-card-brand {
  display: flex !important;
  align-items: center !important;
  height: 36px !important;
  max-width: 135px !important;
  overflow: hidden !important;
}

.hmo-provider-logo-img {
  max-height: 32px !important;
  max-width: 125px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.hmo-provider-fallback-badge {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--hmo-slate-700) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hmo-card-tier-pill {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
  letter-spacing: 0.2px !important;
  flex-shrink: 0 !important;
}

.hmo-tier-badge-premium {
  background: #faf5ff !important;
  color: #7e22ce !important;
  border: 1px solid #e9d5ff !important;
}

.hmo-tier-badge-standard {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
}

.hmo-tier-badge-basic {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0 !important;
}

.hmo-card-category {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 6px !important;
}

.hmo-card-title {
  margin: 0 0 16px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  min-height: 48px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.hmo-card-title a {
  color: var(--hmo-slate-900) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.hmo-card-title a:hover {
  color: var(--hmo-accent-blue) !important;
}

/* Pricing Block */
.hmo-card-pricing-block {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin-bottom: 18px !important;
  min-height: 80px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.hmo-price-header-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

.hmo-price-annual {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.hmo-price-currency {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--hmo-slate-900) !important;
}

.hmo-price-amount {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: var(--hmo-slate-900) !important;
  letter-spacing: -0.5px !important;
}

.hmo-price-cadence {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  margin-left: 2px !important;
  white-space: nowrap !important;
}

.hmo-price-savings-badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #047857 !important;
  background: #d1fae5 !important;
  border: 1px solid #a7f3d0 !important;
  border-radius: 6px !important;
  padding: 2px 6px !important;
  letter-spacing: 0.1px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

.hmo-price-monthly {
  font-size: 12px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
}

.hmo-price-monthly strong {
  color: var(--hmo-slate-800) !important;
  font-weight: 700 !important;
}

/* Features List with Row Dividers & Vector Icons */
.hmo-card-features-list {
  list-style: none !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.hmo-feature-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-size: 12.5px !important;
}

.hmo-feature-item:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.hmo-feat-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #64748b !important;
  flex-shrink: 0 !important;
}

.hmo-feat-icon-svg {
  width: 15px !important;
  height: 15px !important;
  stroke: #64748b !important;
  flex-shrink: 0 !important;
}

.hmo-feat-icon-svg.text-emerald {
  stroke: #059669 !important;
}

.hmo-feat-icon-svg.text-muted {
  stroke: #94a3b8 !important;
}

.hmo-feat-label {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #64748b !important;
}

.hmo-feat-val {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--hmo-slate-800) !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 58% !important;
}

.text-green { color: var(--hmo-emerald) !important; }
.text-muted { color: var(--hmo-slate-400) !important; }

/* Card Actions: Side-by-Side Modern Footer */
.hmo-card-footer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.hmo-card-btn-details {
  flex: 1 1 58% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: var(--hmo-slate-900) !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.hmo-card-btn-details:hover {
  background: var(--hmo-accent-blue) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;
}

.hmo-card-btn-compare {
  flex: 1 1 42% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: var(--hmo-slate-700) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 42px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

.hmo-card-btn-compare:hover {
  border-color: var(--hmo-slate-400) !important;
  background: #f8fafc !important;
  color: var(--hmo-slate-900) !important;
}

.hmo-card-btn-compare.is-selected,
.hmo-card-btn-compare.active {
  background: #ecfdf5 !important;
  border-color: #10b981 !important;
  color: #047857 !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   4. HOW HMO COMPARISON WORKS (3 STEPS)
   ========================================================================== */

.hmo-steps-section {
  background: var(--hmo-slate-50) !important;
  padding: 90px 24px !important;
  border-top: 1px solid var(--hmo-slate-200) !important;
  border-bottom: 1px solid var(--hmo-slate-200) !important;
}

.hmo-steps-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.hmo-steps-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
}

.hmo-step-card {
  background: #ffffff !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: 16px !important;
  padding: 36px 30px !important;
  position: relative !important;
  box-shadow: var(--hmo-shadow-sm) !important;
  transition: transform 0.2s ease !important;
}

.hmo-step-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--hmo-shadow-md) !important;
}

.hmo-step-badge {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 28px;
  font-weight: 900;
  color: var(--hmo-slate-400);
  line-height: 1;
}

.hmo-step-icon-wrap {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border: 1px solid #bae6fd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: var(--hmo-accent-blue);
  margin-bottom: 22px;
}

.hmo-step-icon-wrap svg {
  width: 26px;
  height: 26px;
  stroke: var(--hmo-accent-blue);
}

.hmo-step-card.highlight .hmo-step-icon-wrap {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: #a7f3d0;
  color: var(--hmo-emerald);
}

.hmo-step-card.highlight .hmo-step-icon-wrap svg {
  stroke: var(--hmo-emerald);
}

.hmo-step-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--hmo-slate-900) !important;
  margin: 0 0 12px !important;
}

.hmo-step-desc {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--hmo-slate-600) !important;
  margin: 0 0 20px !important;
}

.hmo-step-checklist {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--hmo-emerald) !important;
}

/* ==========================================================================
   5. ACCREDITED PROVIDERS TRUST BAR
   ========================================================================== */

.hmo-providers-showcase {
  max-width: 1200px !important;
  margin: 40px auto 0 !important;
  padding: 0 24px !important;
  text-align: center !important;
}

.hmo-providers-heading {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: var(--hmo-slate-400) !important;
  margin-bottom: 24px !important;
}

.hmo-providers-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.hmo-provider-badge-card {
  background: #ffffff !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: 14px !important;
  padding: 20px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
  transition: all 0.2s ease !important;
}

.hmo-provider-badge-card:hover {
  border-color: var(--hmo-slate-400) !important;
  transform: translateY(-2px) !important;
}

.hmo-provider-trust-logo {
  height: 38px !important;
  max-width: 150px !important;
  object-fit: contain !important;
}

.hmo-provider-license {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--hmo-emerald) !important;
}

/* ==========================================================================
   6. INTERACTIVE FAQ ACCORDION
   ========================================================================== */

.hmo-faq-section {
  padding: 90px 24px !important;
  background: #ffffff !important;
}

.hmo-faq-container {
  max-width: 860px !important;
  margin: 0 auto !important;
}

.hmo-faq-accordion-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.hmo-faq-item {
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  transition: border-color 0.15s ease !important;
}

.hmo-faq-item.open {
  border-color: var(--hmo-accent-blue) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08) !important;
}

.hmo-faq-question {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 20px 24px !important;
  background: #ffffff !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--hmo-slate-900) !important;
}

.hmo-faq-icon {
  flex-shrink: 0 !important;
  color: var(--hmo-slate-400) !important;
  transition: transform 0.2s ease !important;
}

.hmo-faq-item.open .hmo-faq-icon {
  transform: rotate(180deg) !important;
  color: var(--hmo-accent-blue) !important;
}

.hmo-faq-answer {
  border-top: 1px solid var(--hmo-slate-100) !important;
  padding: 20px 24px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--hmo-slate-600) !important;
  background: var(--hmo-slate-50) !important;
}

.hmo-faq-answer ul {
  margin: 10px 0 0 20px !important;
  padding: 0 !important;
}

.hmo-faq-answer li {
  margin-bottom: 6px !important;
}

/* ==========================================================================
   7. ADVISORY & CONSULTATION CTA BANNER
   ========================================================================== */

.hmo-advisory-cta-section {
  background: linear-gradient(135deg, #091a30 0%, #0f2746 100%) !important;
  color: #ffffff !important;
  padding: 70px 24px !important;
}

.hmo-advisory-container {
  max-width: 900px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.hmo-advisory-pill {
  display: inline-block !important;
  background: rgba(2, 132, 199, 0.2) !important;
  border: 1px solid rgba(2, 132, 199, 0.4) !important;
  color: #38bdf8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  padding: 5px 14px !important;
  border-radius: 9999px !important;
  margin-bottom: 18px !important;
}

.hmo-advisory-title {
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
}

.hmo-advisory-subtitle {
  font-size: 16px !important;
  color: var(--hmo-slate-300) !important;
  line-height: 1.6 !important;
  margin: 0 0 32px !important;
}

#brxe-lp_adv_actions,
.hmo-advisory-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
}

#brxe-lp_adv_actions a.bricks-button,
.hmo-advisory-actions .hmo-btn-whatsapp,
.hmo-advisory-actions .hmo-btn-call {
  width: auto !important;
}

.hmo-btn-whatsapp {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 13px 28px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4) !important;
  transition: all 0.2s ease !important;
}

.hmo-btn-whatsapp:hover {
  background: #20ba5a !important;
  transform: translateY(-2px) !important;
}

.hmo-btn-call {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 13px 28px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.hmo-btn-call:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   8. FOOTER
   ========================================================================== */

.hmo-main-footer {
  background: #090e17 !important;
  color: var(--hmo-slate-400) !important;
  padding: 80px 24px 30px !important;
  border-top: 1px solid #1e293b !important;
}

.hmo-footer-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.hmo-footer-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1.3fr !important;
  gap: 40px !important;
  margin-bottom: 60px !important;
}

.hmo-footer-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.hmo-footer-logo-badge {
  font-size: 24px !important;
}

.hmo-footer-logo-text {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}

.hmo-footer-logo-text span {
  color: var(--hmo-accent-blue) !important;
}

.hmo-footer-desc {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: var(--hmo-slate-400) !important;
  margin: 0 0 20px !important;
}

.hmo-footer-nhia-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: var(--hmo-emerald-light) !important;
  background: rgba(16, 185, 129, 0.1) !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}

.hmo-footer-heading {
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #ffffff !important;
  margin: 0 0 20px !important;
}

.hmo-footer-links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.hmo-footer-links a {
  color: var(--hmo-slate-400) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  transition: color 0.15s ease !important;
}

.hmo-footer-links a:hover {
  color: #ffffff !important;
}

.hmo-footer-contact-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.hmo-footer-contact-link {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.text-whatsapp { color: #25d366 !important; }

.hmo-footer-location {
  font-size: 12px !important;
  color: var(--hmo-slate-400) !important;
}

.hmo-footer-bottom {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  border-top: 1px solid #1e293b !important;
  padding-top: 24px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: var(--hmo-slate-500) !important;
}

/* Mobile Navigation Toggle (Desktop Hidden) */
.hmo-mobile-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-around;
  width: 40px;
  height: 40px;
  background: var(--hmo-slate-100);
  border: 1px solid var(--hmo-slate-200);
  border-radius: 10px;
  padding: 9px;
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.hmo-mobile-toggle:hover {
  background: var(--hmo-slate-200);
}

.hmo-hamburger-bar {
  width: 100%;
  height: 2.5px;
  background: var(--hmo-slate-800);
  border-radius: 2px;
  transition: all 0.25s ease;
}

.hmo-mobile-toggle.is-active .hmo-hamburger-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.hmo-mobile-toggle.is-active .hmo-hamburger-bar:nth-child(2) {
  opacity: 0;
}

.hmo-mobile-toggle.is-active .hmo-hamburger-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.hmo-mobile-nav-footer {
  display: none;
}

/* ==========================================================================
   9. RESPONSIVE BREAKPOINTS & MOBILE TOUCH OPTIMIZATIONS
   ========================================================================== */

/* ==========================================================================
   9. RESPONSIVE BREAKPOINTS & MOBILE TOUCH OPTIMIZATIONS
   ========================================================================== */

/* --------------------------------------------------------------------------
   A. Large Tablets & Small Laptops (<= 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .hmo-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .hmo-steps-grid {
    grid-template-columns: 1fr !important;
  }
  .hmo-footer-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .hmo-console-bar {
    grid-template-columns: 1fr 1fr !important;
  }
  .hmo-providers-row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .hmo-featured-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* --------------------------------------------------------------------------
   B. Medium Tablets & Landscape Devices (992px - 1100px)
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) and (min-width: 992px) {
  #brxe-hmo_hdr_container,
  #brxe-otpqey,
  .hmo-navbar-container {
    padding: 0 16px !important;
  }
  #brxe-hmo_hdr_brand,
  #brxe-quybjb,
  .hmo-nav-brand {
    margin-right: 18px !important;
  }
  #brxe-hmo_hdr_nav .bricks-nav-menu,
  #brxe-hmo_hdr_nav ul.bricks-nav-menu,
  #brxe-fisqti .bricks-nav-menu,
  #brxe-gqbrjo .bricks-nav-menu {
    gap: 12px !important;
  }
  #brxe-hmo_hdr_actions,
  #brxe-nppujn {
    gap: 10px !important;
  }
  #brxe-hmo_hdr_hotline .hmo-hotline-label,
  #brxe-uubojy .hmo-hotline-label,
  .hmo-nav-hotline .hmo-hotline-label {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   C. Mobile Header & Navigation Collapse (<= 991px)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  #brxe-hmo_hdr_container,
  #brxe-otpqey,
  .hmo-navbar-container {
    height: 64px !important;
    padding: 0 16px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 1. Brand Logo: on the far left */
  #brxe-hmo_hdr_brand,
  #brxe-quybjb,
  .hmo-nav-brand {
    order: 1 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
  }

  .hmo-logo-brand,
  #brxe-hmo_hdr_brand a,
  #brxe-quybjb a {
    font-size: 22px !important;
  }

  /* 2. Actions (CTA Button) in center/right */
  #brxe-hmo_hdr_actions,
  #brxe-nppujn,
  .hmo-nav-actions {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 8px !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
  }

  /* Hide long hotline text on mobile */
  #brxe-hmo_hdr_hotline,
  #brxe-uubojy,
  .hmo-nav-hotline {
    display: none !important;
  }

  #brxe-hmo_hdr_btn,
  #brxe-inbwex,
  .hmo-nav-cta-btn {
    padding: 7px 12px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
    white-space: nowrap !important;
    height: auto !important;
    line-height: 1.2 !important;
  }

  /* 3. Navigation container & Hamburger on far right */
  #brxe-hmo_hdr_nav,
  #brxe-fisqti,
  #brxe-gqbrjo {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hide desktop horizontal nav items completely on mobile */
  #brx-header .bricks-nav-menu-wrapper,
  #brx-header ul.bricks-nav-menu,
  #brxe-hmo_hdr_nav .bricks-nav-menu-wrapper,
  #brxe-hmo_hdr_nav ul.bricks-nav-menu,
  #brxe-fisqti .bricks-nav-menu-wrapper,
  #brxe-fisqti ul.bricks-nav-menu,
  #brxe-gqbrjo > .bricks-nav-menu-wrapper,
  #brxe-gqbrjo ul.bricks-nav-menu,
  .hmo-nav-menu:not(.is-open) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* Hamburger Toggle button */
  .bricks-mobile-menu-toggle,
  .hmo-mobile-toggle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    z-index: 10001 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  .bricks-mobile-menu-toggle.fixed {
    position: relative !important;
  }

  .bricks-mobile-menu-toggle:hover,
  .hmo-mobile-toggle:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
  }

  .bricks-mobile-menu-toggle span {
    display: block !important;
    position: absolute !important;
    left: 9px !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #0f172a !important;
    border-radius: 2px !important;
    transition: all 0.22s ease !important;
  }

  .bricks-mobile-menu-toggle .bar-top { top: 11px !important; }
  .bricks-mobile-menu-toggle .bar-center { top: 18px !important; }
  .bricks-mobile-menu-toggle .bar-bottom { top: 25px !important; }

  /* Animated Hamburger to X */
  .bricks-mobile-menu-toggle.is-open .bar-top,
  .bricks-mobile-menu-toggle[aria-expanded="true"] .bar-top,
  .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-top,
  .hmo-mobile-toggle.is-active .hmo-hamburger-bar:nth-child(1) {
    top: 18px !important;
    transform: rotate(45deg) !important;
  }
  .bricks-mobile-menu-toggle.is-open .bar-center,
  .bricks-mobile-menu-toggle[aria-expanded="true"] .bar-center,
  .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-center,
  .hmo-mobile-toggle.is-active .hmo-hamburger-bar:nth-child(2) {
    opacity: 0 !important;
  }
  .bricks-mobile-menu-toggle.is-open .bar-bottom,
  .bricks-mobile-menu-toggle[aria-expanded="true"] .bar-bottom,
  .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom,
  .hmo-mobile-toggle.is-active .hmo-hamburger-bar:nth-child(3) {
    top: 18px !important;
    transform: rotate(-45deg) !important;
  }

  /* ==========================================================================
     MOBILE SLIDE-IN DRAWER & NAVIGATION
     Pure white background, high-contrast readable links & drawer header/footer
     ========================================================================== */

  .bricks-mobile-menu-wrapper,
  .brxe-nav-menu .bricks-mobile-menu-wrapper {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 320px !important;
    max-width: 86vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: -8px 0 32px rgba(15, 23, 42, 0.22) !important;
    z-index: 100000 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    transform: translateX(100%) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease, visibility 0.2s ease !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* OBLITERATE BRICKS DEFAULT BLACK BACKGROUND PSEUDO-ELEMENT */
  .bricks-mobile-menu-wrapper::before,
  .bricks-mobile-menu-wrapper::after,
  .brxe-nav-menu .bricks-mobile-menu-wrapper::before,
  .brxe-nav-menu .bricks-mobile-menu-wrapper::after,
  #brxe-gqbrjo .bricks-mobile-menu-wrapper::before,
  #brxe-gqbrjo .bricks-mobile-menu-wrapper::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-color: transparent !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
  }

  /* When drawer is open (High Specificity overrides closed state completely) */
  #brxe-gqbrjo.show-mobile-menu .bricks-mobile-menu-wrapper,
  #brxe-gqbrjo .bricks-mobile-menu-wrapper.is-open,
  #brxe-gqbrjo .bricks-mobile-menu-wrapper.show,
  .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper,
  .bricks-mobile-menu-wrapper.is-open,
  .bricks-mobile-menu-wrapper.show,
  body.bricks-mobile-menu-open .bricks-mobile-menu-wrapper {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    display: flex !important;
  }

  /* 2. Drawer Top Header */
  .hmo-mobile-drawer-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background-color: #ffffff !important;
    flex-shrink: 0 !important;
  }

  .hmo-drawer-brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .hmo-drawer-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.15s ease !important;
  }

  .hmo-drawer-close:hover {
    background: #f1f5f9 !important;
    color: #ef4444 !important;
  }

  /* 3. Navigation List & Items */
  .bricks-mobile-menu,
  .brxe-nav-menu .bricks-mobile-menu,
  #brxe-gqbrjo .bricks-mobile-menu {
    list-style: none !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    flex-grow: 1 !important;
  }

  .bricks-mobile-menu li,
  .brxe-nav-menu .bricks-mobile-menu li,
  #brxe-gqbrjo .bricks-mobile-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: transparent !important;
  }

  .bricks-mobile-menu li:last-child,
  .brxe-nav-menu .bricks-mobile-menu li:last-child {
    border-bottom: none !important;
  }

  .bricks-mobile-menu li a,
  .brxe-nav-menu .bricks-mobile-menu li a,
  .brxe-nav-menu .bricks-mobile-menu > li > a,
  #brxe-gqbrjo .bricks-mobile-menu li a {
    display: flex !important;
    align-items: center !important;
    padding: 13px 14px !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    color: #0f172a !important; /* Deep dark slate - maximum contrast & legibility */
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
    line-height: 1.35 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .bricks-mobile-menu li a:hover,
  .brxe-nav-menu .bricks-mobile-menu li a:hover,
  #brxe-gqbrjo .bricks-mobile-menu li a:hover {
    color: #059669 !important;
    background-color: #f8fafc !important;
  }

  .bricks-mobile-menu li.current-menu-item a,
  .brxe-nav-menu .bricks-mobile-menu li.current-menu-item a,
  #brxe-gqbrjo .bricks-mobile-menu li.current-menu-item a {
    color: #059669 !important;
    background-color: #ecfdf5 !important;
    font-weight: 700 !important;
  }

  /* 4. Drawer Footer */
  .hmo-mobile-drawer-footer {
    padding: 18px 20px 24px !important;
    border-top: 1px solid #e2e8f0 !important;
    background-color: #f8fafc !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .hmo-drawer-cta-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #059669 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 44px !important;
    border-radius: 9px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(5, 150, 105, 0.25) !important;
    transition: all 0.15s ease !important;
  }

  .hmo-drawer-cta-btn:hover {
    background: #047857 !important;
    color: #ffffff !important;
  }

  .hmo-drawer-phone {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    text-decoration: none !important;
    color: #0f172a !important;
  }

  .hmo-drawer-phone .icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #ecfdf5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
  }

  .hmo-drawer-phone .label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
  }

  .hmo-drawer-phone .num {
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
  }

  /* 5. Mobile Menu Overlay Backdrop */
  .bricks-mobile-menu-overlay,
  .brxe-nav-menu .bricks-mobile-menu-overlay {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 99999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.25s ease, visibility 0.25s ease !important;
    pointer-events: none !important;
  }

  #brxe-gqbrjo.show-mobile-menu .bricks-mobile-menu-overlay,
  #brxe-gqbrjo .bricks-mobile-menu-overlay.is-open,
  .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay,
  .bricks-mobile-menu-overlay.is-open,
  body.bricks-mobile-menu-open .bricks-mobile-menu-overlay {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
  }
}

/* --------------------------------------------------------------------------
   D. Comprehensive Mobile & Smartphone Layout (<= 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  /* 1. Hero Section & Filter Console */
  .hmo-hero-wrapper,
  #brxe-lp_hero_sec {
    padding: 40px 16px 50px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .hmo-hero-content,
  #brxe-lp_hero_wrap {
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .hmo-hero-eyebrow {
    font-size: 11px !important;
    padding: 5px 12px !important;
    margin-bottom: 16px !important;
    letter-spacing: 0.3px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .hmo-hero-title,
  #brxe-lp_hero_title {
    font-size: 27px !important;
    letter-spacing: -0.6px !important;
    line-height: 1.22 !important;
    margin: 0 auto 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    word-break: break-word !important;
  }

  .hmo-hero-subtitle,
  #brxe-lp_hero_subtitle {
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin: 0 auto 24px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hmo-hero-console {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 14px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  /* Horizontal swipeable category tabs */
  .hmo-console-tabs {
    display: flex !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 8px !important;
    padding-bottom: 10px !important;
    margin-bottom: 14px !important;
    width: 100% !important;
  }
  .hmo-console-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .hmo-tab-btn {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    padding: 7px 13px !important;
  }

  .hmo-console-bar {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .hmo-console-field {
    width: 100% !important;
  }

  .hmo-select {
    height: 44px !important;
    font-size: 13.5px !important;
    width: 100% !important;
  }

  .hmo-console-action {
    width: 100% !important;
  }

  .hmo-btn-search,
  #hmo-hero-search-trigger {
    width: 100% !important;
    height: 46px !important;
    font-size: 14px !important;
    justify-content: center !important;
  }

  .hmo-console-trust {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px 10px !important;
    font-size: 11px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    width: 100% !important;
  }

  /* 2. Featured Showcase Section */
  .hmo-featured-showcase-section,
  #featured-sponsors,
  #brxe-lp_featured_sec {
    padding: 40px 14px 48px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .hmo-featured-container {
    width: 100% !important;
    padding: 0 !important;
  }

  .hmo-featured-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
  }

  .hmo-featured-card {
    width: 100% !important;
    border-radius: 14px !important;
  }

  .hmo-featured-card-body {
    padding: 18px 16px !important;
  }

  .hmo-featured-title {
    font-size: 17px !important;
  }

  .hmo-featured-annual .amount {
    font-size: 24px !important;
  }

  .hmo-featured-specs-list li {
    font-size: 12.5px !important;
  }

  .hmo-featured-specs-list .val {
    font-size: 12px !important;
    white-space: normal !important;
    text-align: right !important;
    max-width: 55% !important;
  }

  .hmo-featured-actions {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .btn-featured-details {
    flex: 1 1 50% !important;
    padding: 10px 8px !important;
    font-size: 12.5px !important;
  }

  .btn-featured-compare {
    flex: 1 1 50% !important;
    padding: 10px 6px !important;
    font-size: 12px !important;
    text-align: center !important;
  }

  /* 3. Plans Comparison Grid Section */
  .hmo-plans-section,
  #brxe-lp_plans_sec {
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .hmo-plans-container,
  #brxe-lp_plans_container,
  #featured-plans {
    padding: 40px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Reset inner double padding */
  .hmo-plans-container .hmo-plans-container,
  #brxe-lp_plans_container #featured-plans {
    padding: 0 !important;
  }

  .hmo-section-heading-wrap {
    margin-bottom: 24px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hmo-section-eyebrow {
    font-size: 11px !important;
    letter-spacing: 0.8px !important;
  }

  .hmo-section-title {
    font-size: 26px !important;
    letter-spacing: -0.5px !important;
    word-break: break-word !important;
  }

  .hmo-section-subtitle {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .hmo-directory-advisory-bar {
    padding: 12px 14px !important;
    font-size: 12px !important;
    margin-bottom: 20px !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Horizontal swipeable category pills */
  .hmo-grid-filter-pills {
    display: flex !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 2px 2px 14px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
  }
  .hmo-grid-filter-pills::-webkit-scrollbar {
    display: none !important;
  }

  .hmo-filter-pill {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    padding: 7px 14px !important;
  }

  /* Single column cards grid */
  .hmo-cards-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
  }

  .hmo-plan-card {
    width: 100% !important;
    padding: 20px 16px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  .hmo-card-header {
    margin-bottom: 12px !important;
    min-height: 32px !important;
    gap: 8px !important;
  }

  .hmo-card-brand {
    max-width: 110px !important;
  }

  .hmo-card-tier-pill {
    font-size: 10.5px !important;
    padding: 3px 8px !important;
  }

  .hmo-card-title {
    font-size: 17px !important;
    min-height: auto !important;
    margin-bottom: 12px !important;
    word-break: break-word !important;
  }

  .hmo-card-pricing-block {
    padding: 10px 12px !important;
    min-height: auto !important;
    margin-bottom: 14px !important;
  }

  .hmo-price-header-row {
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
  }

  .hmo-price-amount {
    font-size: 22px !important;
  }

  .hmo-card-features-list {
    margin-bottom: 16px !important;
  }

  .hmo-feature-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 0 !important;
    font-size: 12.5px !important;
  }

  .hmo-feat-left {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-shrink: 0 !important;
    min-width: 110px !important;
    max-width: 48% !important;
  }

  .hmo-feat-icon-svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
  }

  .hmo-feat-label {
    font-size: 12px !important;
    color: #475569 !important;
  }

  .hmo-feat-val {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-align: right !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 52% !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.3 !important;
  }

  .hmo-card-footer {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    padding-top: 12px !important;
  }

  .hmo-card-btn-details {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    height: 40px !important;
    font-size: 12.5px !important;
    padding: 0 6px !important;
  }

  .hmo-card-btn-compare {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    height: 40px !important;
    font-size: 12px !important;
    padding: 0 4px !important;
    text-align: center !important;
  }

  /* Pagination */
  .hmo-pagination-wrap {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 32px !important;
    padding-top: 20px !important;
    width: 100% !important;
  }

  .hmo-pagination-controls {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  .hmo-page-btn {
    min-width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }

  /* 4. How It Works Steps Section */
  .hmo-steps-section,
  #brxe-lp_steps_sec {
    padding: 40px 14px 50px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .hmo-steps-container,
  #brxe-lp_steps_container {
    width: 100% !important;
    padding: 0 !important;
  }

  .hmo-steps-grid,
  #brxe-lp_steps_grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .hmo-step-card,
  #brxe-lp_step_card_1,
  #brxe-lp_step_card_2,
  #brxe-lp_step_card_3 {
    width: 100% !important;
    padding: 24px 18px !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
  }

  .hmo-step-badge {
    top: 18px !important;
    right: 18px !important;
    font-size: 22px !important;
  }

  .hmo-step-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
    margin-bottom: 16px !important;
  }

  .hmo-step-title {
    font-size: 17px !important;
    padding-right: 36px !important;
    word-break: break-word !important;
  }

  .hmo-step-desc {
    font-size: 13.5px !important;
    margin-bottom: 16px !important;
  }

  /* 5. Advisory Consultation Section */
  .hmo-advisory-cta-section,
  #brxe-lp_advisory_sec {
    padding: 40px 14px 48px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .hmo-advisory-container,
  #brxe-lp_advisory_container {
    width: 100% !important;
    padding: 0 !important;
  }

  .hmo-advisory-content,
  #brxe-lp_advisory_content {
    width: 100% !important;
  }

  .hmo-advisory-title,
  #brxe-lp_adv_title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    width: 100% !important;
    margin-bottom: 14px !important;
    word-break: break-word !important;
  }

  .hmo-advisory-subtitle,
  #brxe-lp_adv_sub {
    font-size: 14px !important;
    line-height: 1.55 !important;
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  #brxe-lp_adv_actions,
  .hmo-advisory-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  #brxe-lp_adv_actions a.bricks-button,
  #brxe-lp_adv_actions a,
  .hmo-advisory-actions .hmo-btn-whatsapp,
  .hmo-advisory-actions .hmo-btn-call,
  .hmo-btn-whatsapp,
  .hmo-btn-call {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 18px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  /* 6. FAQ Section */
  .hmo-faq-section,
  #brxe-lp_faq_sec {
    padding: 40px 14px 50px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .hmo-faq-container,
  #brxe-lp_faq_container {
    width: 100% !important;
    padding: 0 !important;
  }

  .hmo-faq-accordion-list,
  #brxe-lp_faq_list {
    width: 100% !important;
    gap: 12px !important;
  }

  .hmo-faq-item {
    width: 100% !important;
    border-radius: 10px !important;
  }

  .hmo-faq-question {
    padding: 14px 16px !important;
    font-size: 14px !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .hmo-faq-q-text {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
  }

  .hmo-faq-answer {
    padding: 14px 16px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .hmo-faq-answer ul {
    margin: 8px 0 0 16px !important;
  }

  /* 7. Footer */
  #brxe-hmo_ftr_container,
  .hmo-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: 100% !important;
  }

  #brxe-hmo_ftr_section,
  .hmo-main-footer {
    padding: 40px 16px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .hmo-footer-col {
    width: 100% !important;
  }

  .hmo-footer-disclaimer-card {
    padding: 16px !important;
    margin-top: 24px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }
}

/* --------------------------------------------------------------------------
   E. Small Smartphones Fine-Tuning (<= 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  #brxe-hmo_hdr_container,
  #brxe-otpqey,
  .hmo-navbar-container {
    height: 60px !important;
    padding: 0 12px !important;
  }

  .hmo-logo-brand,
  #brxe-hmo_hdr_brand a,
  #brxe-quybjb a {
    font-size: 20px !important;
  }

  #brxe-hmo_hdr_actions,
  #brxe-nppujn,
  .hmo-nav-actions {
    margin-right: 6px !important;
    gap: 6px !important;
  }

  #brxe-hmo_hdr_btn,
  #brxe-inbwex,
  .hmo-nav-cta-btn {
    padding: 6px 10px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
  }

  .bricks-mobile-menu-toggle,
  .hmo-mobile-toggle {
    width: 36px !important;
    height: 36px !important;
  }

  .hmo-hero-wrapper,
  #brxe-lp_hero_sec {
    padding: 32px 12px 42px !important;
  }

  .hmo-hero-title,
  #brxe-lp_hero_title {
    font-size: 23px !important;
  }

  .hmo-hero-subtitle,
  #brxe-lp_hero_subtitle {
    font-size: 13px !important;
    margin-bottom: 18px !important;
  }

  .hmo-hero-console {
    padding: 14px 12px !important;
  }

  .hmo-plans-container,
  #brxe-lp_plans_container,
  #featured-plans {
    padding: 30px 12px !important;
  }

  .hmo-section-title {
    font-size: 23px !important;
  }

  .hmo-plan-card {
    padding: 16px 14px !important;
  }

  .hmo-price-amount {
    font-size: 21px !important;
  }

  .hmo-card-btn-details {
    font-size: 12px !important;
    padding: 0 4px !important;
  }

  .hmo-card-btn-compare {
    font-size: 11.5px !important;
    padding: 0 4px !important;
  }

  .hmo-step-card,
  #brxe-lp_step_card_1,
  #brxe-lp_step_card_2,
  #brxe-lp_step_card_3 {
    padding: 20px 14px !important;
  }

  .hmo-step-title {
    font-size: 16px !important;
  }

  .hmo-advisory-title,
  #brxe-lp_adv_title {
    font-size: 20px !important;
  }

  .hmo-btn-whatsapp,
  .hmo-btn-call {
    font-size: 13.5px !important;
    padding: 12px 14px !important;
  }
}

/* ==========================================================================
   10. SINGLE HMO PLAN PAGE STYLING (Comprehensive & Rich)
   ========================================================================== */

.hmo-single-plan-page {
  background: #f8fafc !important;
  color: var(--hmo-slate-900) !important;
  min-height: 100vh !important;
}

/* Breadcrumbs */
.hmo-breadcrumb-bar {
  background: #ffffff !important;
  border-bottom: 1px solid var(--hmo-slate-200) !important;
  padding: 12px 24px !important;
}

.hmo-breadcrumb-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: var(--hmo-slate-500) !important;
}

.hmo-breadcrumb-inner a {
  color: var(--hmo-slate-600) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.hmo-breadcrumb-inner a:hover {
  color: var(--hmo-accent-blue) !important;
}

.hmo-breadcrumb-inner .sep {
  color: var(--hmo-slate-300) !important;
}

.hmo-breadcrumb-inner .current {
  color: var(--hmo-slate-900) !important;
  font-weight: 700 !important;
}

/* Single Hero */
.hmo-sgl-hero {
  background: radial-gradient(ellipse at 50% 0%, #1e293b 0%, #0f172a 75%, #090d16 100%) !important;
  color: #ffffff !important;
  padding: 50px 24px 60px !important;
}

.hmo-sgl-hero-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.5fr 1fr !important;
  gap: 40px !important;
  align-items: center !important;
}

.hmo-sgl-provider-tag {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

.hmo-sgl-provider-logo {
  height: 38px !important;
  max-width: 140px !important;
  object-fit: contain !important;
}

.hmo-sgl-provider-name {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

.hmo-sgl-nhia-verified {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #34d399 !important;
  background: rgba(16, 185, 129, 0.15) !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.hmo-sgl-title {
  font-size: 38px !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
  line-height: 1.2 !important;
}

.hmo-sgl-badges-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
}

.hmo-badge-tier-pill {
  background: #fdf2f8 !important;
  color: #db2777 !important;
  border: 1px solid #fbcfe8 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 5px 12px !important;
  border-radius: 9999px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.hmo-badge-cat-pill {
  background: #eff6ff !important;
  color: #2563eb !important;
  border: 1px solid #bfdbfe !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 9999px !important;
}

.hmo-badge-status-pill {
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border: 1px solid #bbf7d0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 9999px !important;
}

.hmo-sgl-excerpt {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--hmo-slate-300) !important;
  margin: 0 0 28px !important;
  max-width: 680px !important;
}

.hmo-sgl-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.hmo-btn-sgl-compare {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  border: 2px solid #ffffff !important;
  color: var(--hmo-slate-900) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.hmo-btn-sgl-compare:hover {
  background: #f1f5f9 !important;
  border-color: #f1f5f9 !important;
  transform: translateY(-1px) !important;
}

.hmo-btn-sgl-compare.active {
  background: #ecfdf5 !important;
  border-color: #10b981 !important;
  color: #059669 !important;
}

.hmo-btn-sgl-pdf {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.hmo-btn-sgl-pdf:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* Pricing Card */
.hmo-sgl-pricing-card {
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 28px !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3) !important;
  color: var(--hmo-slate-900) !important;
  border: 1px solid var(--hmo-slate-200) !important;
}

.hmo-sgl-price-tag-wrap .label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: var(--hmo-slate-500) !important;
  margin-bottom: 4px !important;
}

.hmo-sgl-price-number {
  display: flex !important;
  align-items: baseline !important;
  gap: 3px !important;
}

.hmo-sgl-price-number .currency {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: var(--hmo-slate-900) !important;
}

.hmo-sgl-price-number .amount {
  font-size: 38px !important;
  font-weight: 900 !important;
  color: var(--hmo-slate-900) !important;
  letter-spacing: -0.8px !important;
}

.hmo-sgl-price-number .period {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--hmo-slate-500) !important;
}

.hmo-sgl-monthly-alt {
  font-size: 13px !important;
  color: var(--hmo-emerald) !important;
  font-weight: 600 !important;
  margin-top: 4px !important;
}

.hmo-sgl-savings-pill {
  display: inline-block !important;
  background: var(--hmo-emerald-bg) !important;
  color: var(--hmo-emerald) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  margin-top: 10px !important;
  border: 1px solid #a7f3d0 !important;
}

.hmo-sgl-quick-limits {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 20px 0 !important;
  padding: 16px 0 !important;
  border-top: 1px solid var(--hmo-slate-100) !important;
  border-bottom: 1px solid var(--hmo-slate-100) !important;
}

.quick-limit-item .lbl {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--hmo-slate-500) !important;
  margin-bottom: 2px !important;
}

.quick-limit-item .val {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--hmo-slate-800) !important;
}

.hmo-sgl-cta-quote-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.3) !important;
  transition: all 0.2s ease !important;
}

.hmo-sgl-cta-quote-btn:hover {
  background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
  transform: translateY(-1px) !important;
}

/* Layout Grid */
.hmo-sgl-content-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 60px 24px 80px !important;
}

.hmo-sgl-layout-grid {
  display: grid !important;
  grid-template-columns: 1.8fr 1.1fr !important;
  gap: 40px !important;
  align-items: start !important;
}

.hmo-sgl-left-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
}

.hmo-sgl-card-box {
  background: #ffffff !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: var(--hmo-radius-xl) !important;
  padding: 32px 30px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

.hmo-sgl-box-heading {
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  color: var(--hmo-slate-900) !important;
  margin: 0 0 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.hmo-sgl-box-heading .icon {
  font-size: 22px !important;
}

.hmo-sgl-box-sub {
  font-size: 14px !important;
  color: var(--hmo-slate-500) !important;
  margin: 0 0 24px !important;
}

.hmo-sgl-typography p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--hmo-slate-700) !important;
  margin: 0 0 16px !important;
}

/* Matrix Grid */
.hmo-sgl-matrix-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px !important;
}

.hmo-matrix-item {
  background: var(--hmo-slate-50) !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
}

.hmo-matrix-status {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  flex-shrink: 0 !important;
}

.hmo-matrix-status.check {
  background: var(--hmo-emerald-bg) !important;
  color: var(--hmo-emerald) !important;
  border: 1px solid #a7f3d0 !important;
}

.hmo-matrix-status.cross {
  background: #fef2f2 !important;
  color: #ef4444 !important;
  border: 1px solid #fecaca !important;
}

.hmo-matrix-meta h4 {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--hmo-slate-900) !important;
  margin: 0 0 4px !important;
}

.hmo-matrix-meta p {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--hmo-slate-600) !important;
  margin: 0 0 8px !important;
}

.hmo-matrix-tag {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--hmo-accent-blue) !important;
  background: #e0f2fe !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
}

.hmo-matrix-tag.disabled {
  color: var(--hmo-slate-400) !important;
  background: var(--hmo-slate-200) !important;
}

/* Financial Table */
.hmo-sgl-table-responsive {
  overflow-x: auto !important;
}

.hmo-sgl-fin-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 14px !important;
}

.hmo-sgl-fin-table th {
  background: var(--hmo-slate-100) !important;
  color: var(--hmo-slate-700) !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 12px 16px !important;
  text-align: left !important;
  border-bottom: 2px solid var(--hmo-slate-200) !important;
}

.hmo-sgl-fin-table td {
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--hmo-slate-200) !important;
  color: var(--hmo-slate-700) !important;
}

.hmo-sgl-fin-table tr:hover td {
  background: #f8fafc !important;
}

.hmo-sgl-fin-table .text-blue {
  color: var(--hmo-accent-blue) !important;
}

/* Hospital Showcase */
.hmo-tier-highlight-box {
  border-radius: 14px !important;
  padding: 22px 20px !important;
  margin-bottom: 20px !important;
}

.hmo-tier-highlight-box.tier1 {
  background: #fdf2f8 !important;
  border: 1px solid #fbcfe8 !important;
}

.hmo-tier-highlight-box.tier1 h4 {
  color: #db2777 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
}

.hmo-tier-highlight-box.tier2 {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
}

.hmo-tier-highlight-box.tier2 h4 {
  color: #2563eb !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
}

.hmo-tier-highlight-box p {
  font-size: 14px !important;
  color: var(--hmo-slate-700) !important;
  margin: 0 0 14px !important;
}

.hmo-hosp-list {
  margin: 0 !important;
  padding: 0 0 0 20px !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: var(--hmo-slate-700) !important;
}

.hmo-pdf-download-strip {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: var(--hmo-slate-100) !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-top: 20px !important;
}

.hmo-pdf-download-strip .text strong {
  display: block !important;
  font-size: 14px !important;
  color: var(--hmo-slate-900) !important;
}

.hmo-pdf-download-strip .text span {
  font-size: 12px !important;
  color: var(--hmo-slate-500) !important;
}

.hmo-btn-download-pdf {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--hmo-slate-900) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
}

.hmo-btn-download-pdf:hover {
  background: var(--hmo-accent-blue) !important;
}

/* Waiting Timeline */
.hmo-waiting-timeline {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.timeline-step {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: var(--hmo-slate-50) !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
}

.step-circle {
  width: 76px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: var(--hmo-accent-blue) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  letter-spacing: 0.3px !important;
}

.step-info {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--hmo-slate-700) !important;
}

.step-info strong {
  color: var(--hmo-slate-900) !important;
}

/* Exclusions List */
.hmo-exclusions-list {
  margin: 0 !important;
  padding: 0 0 0 20px !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: var(--hmo-slate-600) !important;
}

/* Sticky Right Sidebar */
.hmo-sgl-sidebar-sticky {
  position: sticky !important;
  top: 100px !important;
}

.hmo-sidebar-card {
  background: #ffffff !important;
  border: 1px solid var(--hmo-slate-200) !important;
  border-radius: var(--hmo-radius-xl) !important;
  padding: 28px !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06) !important;
}

.hmo-sidebar-provider-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--hmo-slate-100) !important;
}

.hmo-sidebar-provider-header .sub {
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: var(--hmo-slate-400) !important;
}

.hmo-sidebar-provider-header .name {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: var(--hmo-slate-900) !important;
  margin: 2px 0 0 !important;
}

.hmo-shield-badge {
  font-size: 12px !important;
  font-weight: 800 !important;
  background: var(--hmo-emerald-bg) !important;
  color: var(--hmo-emerald) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  border: 1px solid #a7f3d0 !important;
}

.hmo-sgl-btn-whatsapp {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35) !important;
  transition: all 0.2s ease !important;
}

.hmo-sgl-btn-whatsapp:hover {
  background: #20ba5a !important;
  transform: translateY(-2px) !important;
}

.hmo-sidebar-divider {
  text-align: center !important;
  margin: 20px 0 !important;
  position: relative !important;
}

.hmo-sidebar-divider::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: var(--hmo-slate-200) !important;
}

.hmo-sidebar-divider span {
  position: relative !important;
  background: #ffffff !important;
  padding: 0 10px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  color: var(--hmo-slate-400) !important;
}

.hmo-sgl-enquiry-form .form-group {
  margin-bottom: 14px !important;
}

.hmo-sgl-enquiry-form label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--hmo-slate-700) !important;
  margin-bottom: 4px !important;
}

.hmo-input {
  width: 100% !important;
  height: 44px !important;
  border-radius: 8px !important;
  border: 1px solid var(--hmo-slate-300) !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  color: var(--hmo-slate-900) !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease !important;
}

.hmo-input:focus {
  border-color: var(--hmo-accent-blue) !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12) !important;
}

.hmo-btn-submit-enquiry {
  width: 100% !important;
  height: 46px !important;
  background: var(--hmo-slate-900) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin-top: 6px !important;
}

.hmo-btn-submit-enquiry:hover {
  background: var(--hmo-accent-blue) !important;
}

.hmo-enquiry-feedback {
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.hmo-enquiry-feedback.success {
  background: var(--hmo-emerald-bg) !important;
  color: var(--hmo-emerald) !important;
  border: 1px solid #a7f3d0 !important;
}

.hmo-enquiry-feedback.error {
  background: #fef2f2 !important;
  color: #ef4444 !important;
  border: 1px solid #fecaca !important;
}

.hmo-sidebar-trust-points {
  margin-top: 20px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--hmo-slate-100) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.hmo-sidebar-trust-points .pt {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--hmo-slate-600) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.hmo-sidebar-trust-points .check {
  color: var(--hmo-emerald) !important;
  font-weight: 800 !important;
}

/* Single Plan Responsive Breakpoints */
@media (max-width: 1024px) {
  .hmo-sgl-hero-container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .hmo-sgl-layout-grid {
    grid-template-columns: 1fr !important;
  }
  .hmo-sgl-sidebar-sticky {
    position: static !important;
  }
}

@media (max-width: 768px) {
  .hmo-sgl-title {
    font-size: 28px !important;
  }
  .hmo-sgl-matrix-grid {
    grid-template-columns: 1fr !important;
  }
  .hmo-pdf-download-strip {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .hmo-btn-download-pdf {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* Official Underwriter Website Links on Single Plan Page */
.hmo-sgl-provider-link,
.hmo-sgl-provider-logo-link {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

.hmo-sgl-website-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--hmo-accent-blue) !important;
  background: rgba(37, 99, 235, 0.08) !important;
  border: 1px solid rgba(37, 99, 235, 0.25) !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.hmo-sgl-website-badge:hover {
  background: var(--hmo-accent-blue) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.hmo-sgl-btn-official-site {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  color: var(--hmo-navy) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 13px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  margin-bottom: 12px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

.hmo-sgl-btn-official-site:hover {
  border-color: var(--hmo-accent-blue) !important;
  color: var(--hmo-accent-blue) !important;
  background: #f8fafc !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   Regulatory Disclaimers & Validation Advisory Best Practices
   ========================================================================== */

/* 1. Global Footer Disclaimer Card */
.hmo-footer-disclaimer-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 48px !important;
  padding: 24px 28px !important;
  background: rgba(15, 23, 42, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.hmo-footer-disclaimer-card .hmo-disclaimer-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.hmo-footer-disclaimer-card .hmo-disclaimer-header h4 {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #f8fafc !important;
  margin: 0 !important;
  letter-spacing: 0.2px !important;
}

.hmo-footer-disclaimer-card p {
  margin: 0 0 12px !important;
  color: #cbd5e1 !important;
}

.hmo-footer-disclaimer-card p:last-child {
  margin-bottom: 0 !important;
}

.hmo-footer-disclaimer-card strong {
  color: #ffffff !important;
}

.hmo-footer-disclaimer-card .hmo-disclaimer-cta {
  background: rgba(245, 158, 11, 0.12) !important;
  border-left: 4px solid #f59e0b !important;
  padding: 12px 16px !important;
  border-radius: 0 8px 8px 0 !important;
  color: #fde68a !important;
}

.hmo-footer-disclaimer-card .hmo-disclaimer-cta strong {
  color: #fef3c7 !important;
}

/* 2. Directory Page Advisory Bar */
.hmo-directory-advisory-bar {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid var(--hmo-accent-blue) !important;
  padding: 14px 18px !important;
  border-radius: 10px !important;
  margin-bottom: 24px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--hmo-slate-700) !important;
}

.hmo-directory-advisory-bar .icon {
  font-size: 18px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.hmo-directory-advisory-bar strong {
  color: var(--hmo-slate-900) !important;
}

/* 3. Single Plan Details Page Disclaimer Box */
.hmo-sgl-disclaimer-box {
  background: #fbfcfe !important;
  border: 1px solid #e2e8f0 !important;
}

.hmo-sgl-disclaimer-intro {
  font-size: 14px !important;
  color: var(--hmo-slate-600) !important;
  line-height: 1.6 !important;
  margin-bottom: 18px !important;
}

.hmo-sgl-disclaimer-callout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: #fffbeb !important;
  border: 1px solid #fef3c7 !important;
  border-left: 4px solid #f59e0b !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
}

.hmo-sgl-disclaimer-callout .callout-icon {
  font-size: 22px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.hmo-sgl-disclaimer-callout .callout-content strong {
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #92400e !important;
  margin-bottom: 6px !important;
}

.hmo-sgl-disclaimer-callout .callout-content p {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #78350f !important;
  margin: 0 0 12px !important;
}

.hmo-sgl-disclaimer-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #b45309 !important;
  text-decoration: underline !important;
  transition: all 0.2s ease !important;
}

.hmo-sgl-disclaimer-link:hover {
  color: #78350f !important;
}

/* 4. Sidebar Advisory Note */
.hmo-sidebar-advisory-note {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #475569 !important;
  margin: 12px 0 16px !important;
}

.hmo-sidebar-advisory-note span {
  font-weight: 800 !important;
  color: #0f172a !important;
}

/* ==========================================================================
   5. MONETIZED FEATURED & SPONSORED PLANS SHOWCASE (HOMEPAGE)
   ========================================================================== */
.hmo-featured-showcase-section {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 60px 24px 70px !important;
  position: relative !important;
}

.hmo-featured-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.hmo-featured-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

.hmo-featured-card {
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 2px solid #fef3c7 !important;
  box-shadow: 0 10px 25px -5px rgba(217, 119, 6, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  position: relative !important;
}

.hmo-featured-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 30px -10px rgba(217, 119, 6, 0.16), 0 10px 15px -3px rgba(0, 0, 0, 0.06) !important;
  border-color: #f59e0b !important;
}

.hmo-featured-ribbon {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
  padding: 8px 16px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-shadow: 0 2px 4px rgba(217, 119, 6, 0.2) !important;
}

.hmo-featured-card-body {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.hmo-featured-brand-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.hmo-featured-prov-logo {
  height: 36px !important;
  max-width: 130px !important;
  object-fit: contain !important;
}

.hmo-featured-prov-fallback {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
}

.hmo-featured-tier-pill {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  background: #f1f5f9 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  border: 1px solid #e2e8f0 !important;
  white-space: nowrap !important;
}

.hmo-featured-cat-tag {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #059669 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.hmo-featured-title {
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 0 0 16px !important;
}

.hmo-featured-title a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.hmo-featured-title a:hover {
  color: #10b981 !important;
}

.hmo-featured-pricing-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin-bottom: 20px !important;
}

.hmo-featured-annual {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}

.hmo-featured-annual .currency {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.hmo-featured-annual .amount {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  letter-spacing: -0.5px !important;
}

.hmo-featured-annual .cadence {
  font-size: 13px !important;
  color: #64748b !important;
  font-weight: 600 !important;
}

.hmo-featured-monthly {
  font-size: 12px !important;
  color: #64748b !important;
  margin-top: 4px !important;
}

.hmo-featured-specs-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 !important;
}

.hmo-featured-specs-list li {
  display: flex !important;
  align-items: center !important;
  font-size: 13px !important;
  color: #334155 !important;
  gap: 8px !important;
}

.hmo-featured-specs-list .lbl {
  color: #64748b !important;
}

.hmo-featured-specs-list .val {
  margin-left: auto !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.hmo-featured-specs-list .val.text-emerald {
  color: #059669 !important;
}

.hmo-featured-actions {
  display: flex !important;
  gap: 10px !important;
  margin-top: auto !important;
}

.btn-featured-details {
  flex: 1 !important;
  background: #0f172a !important;
  color: #ffffff !important;
  padding: 11px 16px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.btn-featured-details:hover {
  background: #10b981 !important;
  color: #ffffff !important;
}

.btn-featured-compare {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.btn-featured-compare:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

/* ==========================================================================
   6. MONETIZED BANNER ADS: ZONE A, ZONE B, ZONE C (PLAN DETAILS)
   ========================================================================== */
/* Zone A: Top Leaderboard Banner */
.hmo-single-plan-ad-zone-a-wrap {
  max-width: 1280px !important;
  margin: 16px auto 0 !important;
  padding: 0 24px !important;
}

.hmo-ad-zone-a {
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

.hmo-ad-card-top {
  background: linear-gradient(135deg, #064e3b 0%, #065f46 60%, #047857 100%) !important;
  border: 1px solid #059669 !important;
  box-shadow: 0 4px 15px -3px rgba(5, 150, 105, 0.2) !important;
  padding: 18px 24px !important;
}

.hmo-ad-card-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.hmo-ad-left-content {
  flex: 1 !important;
}

.hmo-ad-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #6ee7b7 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

.hmo-ad-eyebrow .dot {
  font-size: 8px !important;
  color: #34d399 !important;
}

.hmo-ad-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 4px !important;
  line-height: 1.3 !important;
}

.hmo-ad-desc {
  font-size: 13px !important;
  color: #d1fae5 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  max-width: 750px !important;
}

.hmo-ad-right-action {
  flex-shrink: 0 !important;
}

.hmo-ad-btn-action {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 20px !important;
  background: #ffffff !important;
  color: #065f46 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.hmo-ad-btn-action:hover {
  background: #ecfdf5 !important;
  transform: translateY(-1px) !important;
  color: #047857 !important;
}

.hmo-ad-leaderboard-img {
  width: 100% !important;
  max-height: 90px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}

/* Zone B: Sticky Right Sidebar Banner */
.hmo-ad-zone-b {
  margin-top: 20px !important;
}

.hmo-ad-sidebar-card {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  border: 1.5px dashed #3b82f6 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  text-align: left !important;
}

.hmo-ad-sidebar-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.hmo-ad-sidebar-header .icon {
  font-size: 16px !important;
}

.hmo-ad-sidebar-header .eyebrow {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #1d4ed8 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

.hmo-ad-sidebar-title {
  font-size: 15.5px !important;
  font-weight: 800 !important;
  color: #1e3a8a !important;
  margin: 0 0 8px !important;
  line-height: 1.35 !important;
}

.hmo-ad-sidebar-desc {
  font-size: 12.5px !important;
  color: #334155 !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
}

.hmo-ad-sidebar-btn {
  display: block !important;
  width: 100% !important;
  padding: 11px 16px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.hmo-ad-sidebar-btn:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

.hmo-ad-sidebar-img {
  width: 100% !important;
  border-radius: 12px !important;
  display: block !important;
}

/* Zone C: In-Content Native Strip */
.hmo-ad-zone-c.hmo-ad-native-strip {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%) !important;
  border: 1.5px solid #d8b4fe !important;
  border-left: 6px solid #9333ea !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  margin: 28px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  box-shadow: 0 4px 12px -2px rgba(147, 51, 234, 0.08) !important;
}

.hmo-ad-native-left {
  flex: 1 !important;
}

.hmo-ad-native-badge {
  display: inline-block !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #7e22ce !important;
  background: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  margin-bottom: 8px !important;
  border: 1px solid #e9d5ff !important;
}

.hmo-ad-native-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #3b0764 !important;
  margin: 0 0 6px !important;
  line-height: 1.3 !important;
}

.hmo-ad-native-desc {
  font-size: 13.5px !important;
  color: #581c87 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.hmo-ad-native-right {
  flex-shrink: 0 !important;
}

.hmo-ad-native-btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 11px 20px !important;
  background: #7e22ce !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.hmo-ad-native-btn:hover {
  background: #6b21a8 !important;
  color: #ffffff !important;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
  .hmo-featured-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .hmo-featured-grid {
    grid-template-columns: 1fr !important;
  }
  .hmo-ad-card-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .hmo-ad-right-action,
  .hmo-ad-btn-action {
    width: 100% !important;
    justify-content: center !important;
  }
  .hmo-ad-zone-c.hmo-ad-native-strip {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .hmo-ad-native-right,
  .hmo-ad-native-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}