.mag-class-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px 16px;
}

.mag-class-navigation a {
  border: 1px solid #1a3695;
  border-radius: 4px;
  color: #1a3695;
  padding: 10px 16px;
}

.mag-class-navigation a[aria-current="page"] {
  background: #1a3695;
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .et-l--header,
  .et-l--header .et_pb_section--with-menu,
  .et-l--header .et_pb_row--with-menu,
  .et-l--header .et_pb_menu {
    overflow: visible !important;
  }

  .et-l--header .et_pb_section--with-menu {
    z-index: 10010 !important;
  }

  .et-l--header .mobile_menu_bar {
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    touch-action: manipulation;
  }

  .et-l--header .mobile_menu_bar:focus-visible {
    outline: 2px solid #1a3695;
    outline-offset: 3px;
  }

  .et-l--header .mag-mobile-menu-managed > .et_mobile_menu {
    display: none !important;
  }

  .et-l--header .mag-mobile-menu-open > .et_mobile_menu {
    display: block !important;
    height: auto !important;
    max-height: calc(100dvh - 140px);
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 12px !important;
    margin: 0 !important;
    box-sizing: border-box;
    min-width: min(300px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    z-index: 10011;
    background: #faf6f0;
  }

  .et-l--header .et_mobile_menu a {
    color: #1a3695 !important;
  }
}

@media only screen and (max-width: 767px) {
  .mag-classes-page .et_pb_section[data-loop-item] {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
    row-gap: 16px !important;
    --vertical-gap: 16px !important;
  }

  .mag-classes-page [data-loop-item] .et_pb_row {
    row-gap: 16px !important;
    --vertical-gap: 16px !important;
  }

  .mag-classes-page [data-loop-item] .et_pb_column {
    row-gap: 12px !important;
    --vertical-gap: 12px !important;
    margin-bottom: 0 !important;
  }

  .mag-classes-page [data-loop-item] .et_pb_module {
    margin-bottom: 0 !important;
  }

  .mag-classes-page [data-loop-item] .woocommerce-product-gallery {
    margin-bottom: 0 !important;
  }

  .mag-classes-page #et-boc [data-loop-item] .woocommerce-product-gallery .flex-control-thumbs {
    display: none !important;
  }

  .mag-classes-page [data-loop-item] .et_pb_wc_tabs .et_pb_all_tabs {
    padding: 12px !important;
  }
}