/* v367G — Fees page mobile-only gap reduction.
   Scope: mobile/tablet only. Desktop layout remains untouched. */

@media (max-width: 980px){
  .fees-check-section{
    padding-top: 36px !important;
    padding-bottom: 38px !important;
  }

  .fees-check-section .container.grid.two{
    gap: 14px !important;
  }

  .fees-check-section .container.grid.two > :first-child{
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 4px !important;
  }

  .fees-check-section .container.grid.two > :first-child::after{
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    background: none !important;
  }

  .fees-check-section .fee-card{
    margin-top: 8px !important;
  }
}

@media (max-width: 640px){
  .fees-check-section{
    padding-top: 30px !important;
    padding-bottom: 34px !important;
  }

  .fees-check-section .container.grid.two{
    gap: 10px !important;
  }

  .fees-check-section .fee-card{
    margin-top: 6px !important;
  }
}