@media (max-width: 1024px) {
  .b360-check-overview-hero__inner,
  .b360-check-trust__inner {
    grid-template-columns: 1fr;
  }

  .b360-check-overview-hero__inner {
    min-height: auto;
  }

  .b360-check-overview-hero__inner > .e-con-inner {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .b360-check-category-grid__items,
  .b360-check-steps__grid,
  .b360-check-social-proof__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .b360-check-social-proof__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .b360-check {
    --b360-check-suite-bar-height: 128px;
    --b360-check-nav-height: 74px;
  }

  .b360-check-section-check-nav,
  .b360-check-section-category-nav {
    padding-inline: 12px;
  }

  .b360-check-suite-bar {
    grid-template-columns: 1fr auto;
  }

  body.b360-check-page .b360-suite-bar,
  .b360-check .b360-suite-bar,
  .b360-check-section-suite-bar .b360-suite-bar,
  .elementor-widget-b360_check_chrome_suite_bar .b360-suite-bar {
    grid-template-columns: 1fr auto;
  }

  .b360-check-suite-search {
    order: 3;
    grid-column: 1 / -1;
    width: 100%;
  }

  body.b360-check-page .b360-suite-search,
  .b360-check .b360-suite-search,
  .b360-check-section-suite-bar .b360-suite-search,
  .elementor-widget-b360_check_chrome_suite_bar .b360-suite-search {
    order: 3;
    grid-column: 1 / -1;
    width: 100%;
  }

  .b360-check-footer__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .b360-check-footer__links {
    justify-content: flex-start;
  }

  .b360-check-footer-secondary__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .b360-check-footer-secondary__legal {
    justify-content: flex-start;
  }

  .b360-check-widget__inner,
  .b360-check-footer__inner {
    width: min(100% - 32px, 1440px);
  }

  .b360-check-nav,
  .b360-check-category-nav {
    width: min(100%, 1440px);
  }
}

@media (max-width: 640px) {
  body.admin-bar.b360-check-page,
  body.admin-bar.elementor-page:has(.b360-check-section-suite-bar) {
    margin-top: 0 !important;
  }

  body.admin-bar.b360-check-page #wpadminbar,
  body.admin-bar.elementor-page:has(.b360-check-section-suite-bar) #wpadminbar {
    display: none !important;
  }

  html:has(body.admin-bar.b360-check-page),
  html:has(body.admin-bar.elementor-page .b360-check-section-suite-bar) {
    margin-top: 0 !important;
  }

  body.admin-bar.b360-check-page .b360-check,
  body.admin-bar.elementor-page .b360-check {
    --b360-check-wp-admin-bar-offset: 0px;
  }

  .b360-check {
    --b360-check-suite-bar-height: 56px;
    --b360-check-nav-height: 66px;
  }

  .elementor .b360-check-section-suite-bar.elementor-element,
  .b360-check-section-suite-bar {
    left: var(--b360-visual-viewport-left, 0px) !important;
    right: auto !important;
    top: var(--b360-visual-viewport-offset, 0px) !important;
    width: var(--b360-visual-viewport-width, 100vw) !important;
    height: var(--b360-check-suite-bar-height, 56px) !important;
    min-height: var(--b360-check-suite-bar-height, 56px) !important;
  }

  .elementor .b360-check-section-check-nav.elementor-element,
  .b360-check-section-check-nav,
  .elementor .b360-check-section-category-nav.elementor-element,
  .b360-check-section-category-nav {
    left: var(--b360-visual-viewport-left, 0px) !important;
    right: auto !important;
    top: calc(var(--b360-visual-viewport-offset, 0px) + var(--b360-check-suite-bar-height, 56px)) !important;
    width: var(--b360-visual-viewport-width, 100vw) !important;
  }

  .elementor .b360-check-section-suite-bar .elementor-widget-b360_check_chrome_suite_bar,
  .elementor .b360-check-section-check-nav .elementor-widget-b360_check_chrome_nav {
    left: var(--b360-visual-viewport-left, 0px) !important;
    right: auto !important;
    width: var(--b360-visual-viewport-width, 100vw) !important;
  }

  .b360-check-section-suite-bar,
  .b360-check-section-suite-bar .e-con-inner,
  .b360-check-section-suite-bar .elementor-widget,
  .b360-check-section-suite-bar .elementor-widget-container {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .b360-check-section-suite-bar {
    padding-top: 0;
  }

  .b360-check-section-check-nav,
  .b360-check-section-category-nav {
    padding: 0 10px 8px;
    box-sizing: border-box;
    max-width: 100vw;
  }

  .elementor .b360-check-section-check-nav .elementor-widget-b360_check_chrome_nav,
  .elementor .b360-check-section-category-nav .elementor-widget-b360_check_category_nav,
  .b360-check-section-check-nav .elementor-widget-b360_check_chrome_nav,
  .b360-check-section-category-nav .elementor-widget-b360_check_category_nav {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .b360-check-mobile-nav {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .b360-check-section-category-nav .b360-check-mobile-nav {
    width: 100%;
  }

  .b360-check-mobile-nav__desktop {
    display: none !important;
  }

  .b360-check-mobile-nav__toggle {
    display: flex;
    width: 100%;
    min-height: 50px;
    align-items: center;
    justify-content: flex-start;
    gap: 0.625rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid rgba(10, 22, 40, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    color: var(--b360-check-navy);
    font-family: var(--b360-check-font-heading);
    font-size: 0.8125rem;
    font-weight: 800;
    text-align: left;
  }

  .b360-check-mobile-nav__toggle strong {
    margin-left: auto;
    max-width: min(52%, 12rem);
    overflow: hidden;
    color: #2243aa;
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .b360-check-mobile-nav__toggle-icon {
    display: inline-grid;
    width: 18px;
    gap: 4px;
    flex: 0 0 auto;
  }

  .b360-check-mobile-nav__toggle-icon span {
    display: block;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: opacity 0.18s ease, transform 0.18s ease;
    transform-origin: center;
  }

  .b360-check-mobile-nav__toggle[aria-expanded="true"] .b360-check-mobile-nav__toggle-icon span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .b360-check-mobile-nav__toggle[aria-expanded="true"] .b360-check-mobile-nav__toggle-icon span:nth-child(2) {
    opacity: 0;
  }

  .b360-check-mobile-nav__toggle[aria-expanded="true"] .b360-check-mobile-nav__toggle-icon span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .b360-check-mobile-nav__panel {
    position: static;
    inset: auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 0.75rem;
    max-height: min(70vh, 420px);
    overflow-y: auto;
  }

  .b360-check-suite-bar {
    position: fixed;
    inset: var(--b360-visual-viewport-offset, 0px) auto auto var(--b360-visual-viewport-left, 0px);
    z-index: 100030;
    width: var(--b360-visual-viewport-width, 100vw);
    height: 56px;
    min-height: 56px;
    margin: 0 auto;
    padding: 0 12px;
    border-radius: 0;
  }

  body.b360-check-page .b360-suite-bar,
  .b360-check .b360-suite-bar,
  .b360-check-section-suite-bar .b360-suite-bar,
  .elementor-widget-b360_check_chrome_suite_bar .b360-suite-bar {
    position: fixed;
    inset: var(--b360-visual-viewport-offset, 0px) auto auto var(--b360-visual-viewport-left, 0px);
    z-index: 100030;
    width: var(--b360-visual-viewport-width, 100vw);
    height: 56px;
    min-height: 56px;
    margin: 0 auto;
    padding: 0 12px;
    border-radius: 0;
  }

  body.b360-check-page .b360-check-section-suite-bar .b360-check-suite-logo-img,
  body.elementor-page .b360-check-section-suite-bar .b360-check-suite-logo-img,
  .b360-check .b360-check-suite-logo-img {
    height: 28px !important;
    max-width: 118px !important;
    max-height: 28px !important;
  }

  body.b360-check-page .b360-check-section-suite-bar .b360-suite-logo-img,
  body.elementor-page .b360-check-section-suite-bar .b360-suite-logo-img,
  .b360-check .b360-suite-logo-img,
  .b360-check-section-suite-bar .b360-suite-logo-img,
  .elementor-widget-b360_check_chrome_suite_bar .b360-suite-logo-img {
    height: 28px !important;
    max-width: 118px !important;
    max-height: 28px !important;
  }

  .b360-check-suite-search {
    display: none;
  }

  body.b360-check-page .b360-suite-search,
  .b360-check .b360-suite-search,
  .b360-check-section-suite-bar .b360-suite-search,
  .elementor-widget-b360_check_chrome_suite_bar .b360-suite-search {
    display: none;
  }

  .b360-check-suite-actions {
    display: none;
  }

  body.b360-check-page .b360-suite-actions,
  .b360-check .b360-suite-actions,
  .b360-check-section-suite-bar .b360-suite-actions,
  .elementor-widget-b360_check_chrome_suite_bar .b360-suite-actions {
    display: none;
  }

  .b360-check-suite-menu {
    right: -4px;
    min-width: min(82vw, 280px);
  }

  .b360-check-nav,
  .b360-check-category-nav {
    gap: 0.4rem;
    padding: 10px;
    border-radius: 14px;
  }

  .b360-check-nav__link,
  .b360-check-nav a.b360-check-nav__link,
  .b360-check-category-nav a.b360-check-nav__link {
    min-height: 38px;
    padding: 0.5rem 0.8rem;
    font-size: 0.78rem;
  }

  .b360-check-widget__inner {
    padding: 48px 0;
  }

  .b360-check-overview-hero h1,
  .b360-check-overview-hero .b360-check-overview-hero__heading .elementor-heading-title {
    font-size: 42px;
  }

  .b360-check-overview-hero__inner > .e-con-inner {
    padding: 48px 1rem 72px;
  }

  .b360-check-native .b360-check-overview-hero__media {
    margin-top: 64px;
  }

  .b360-check-overview-hero__saving,
  .b360-check-overview-hero__rating {
    position: static;
    margin-top: 12px;
  }

  body.b360-check-page .b360-check-native .b360-check-overview-hero__saving,
  body.b360-check-page .b360-check-native .b360-check-overview-hero__rating {
    transform: none;
  }

  body.b360-check-page .b360-check-overview-hero__actions > .e-con-inner > .b360-check-button,
  body.b360-check-page .b360-check-overview-hero__actions .b360-check-button .elementor-button {
    --width: 100% !important;
    width: 100% !important;
    max-width: none !important;
  }

  .b360-check-overview-hero__media-shade {
    display: none;
  }

  .b360-check-category-grid__items,
  .b360-check-trust__grid,
  .b360-check-steps__grid,
  .b360-check-social-proof__grid,
  .b360-check-social-proof__stats {
    grid-template-columns: 1fr;
  }

  .b360-check-proof-card figcaption {
    align-items: flex-start;
    flex-direction: column;
  }

  .b360-check-overview-hero__actions,
  .b360-check-final-cta__actions {
    width: 100%;
  }

  .b360-check-button {
    width: 100%;
  }

  .b360-check-native {
    padding-inline: 1rem;
  }

  .b360-check-native-hero,
  .b360-check-native-offer,
  .b360-check-native-story,
  .b360-check-native-split {
    grid-template-columns: initial;
  }

  .b360-check-native-hero > .e-con-inner,
  .b360-check-native-offer > .e-con-inner,
  .b360-check-native-story > .e-con-inner,
  .b360-check-native-split > .e-con-inner {
    grid-template-columns: 1fr;
  }

  .b360-check-native-grid,
  .b360-check-native-stats {
    grid-template-columns: initial;
  }

  .b360-check-native-grid > .e-con-inner,
  .b360-check-native-stats > .e-con-inner {
    grid-template-columns: 1fr;
  }

  .b360-check-native-heading--hero .elementor-heading-title {
    font-size: 42px;
  }

  .b360-check-native-actions,
  .b360-check-native-actions .elementor-widget-button,
  .b360-check-native-actions .elementor-button {
    width: 100%;
  }

  .b360-check-footer,
  .b360-check-footer-secondary {
    padding-inline: 0.75rem;
  }

  .b360-check-footer__inner,
  .b360-check-footer-secondary__inner {
    padding: 1.25rem;
    border-radius: 1.25rem;
  }
}

@media (max-width: 782px) {
  body.admin-bar .b360-check {
    --b360-check-wp-admin-bar-offset: 46px;
  }
}