@media (min-width: 900px) and (max-width: 1300px) {
  body {
    overflow: hidden !important;
  }

  .pos {
    gap: 10px !important;
    padding: 10px !important;
  }

  .main,
  .cart {
    border-radius: 20px !important;
    padding: 12px !important;
  }

  .brand h1,
  h1 {
    font-size: 34px !important;
    line-height: 1 !important;
  }

  .subtitle,
  .sub {
    font-size: 13px !important;
  }

  .workarea {
    gap: 10px !important;
  }

  #productGrid {
    gap: 8px !important;
  }

  .product {
    min-height: 104px !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  .product small {
    font-size: 11px !important;
  }

  .product strong {
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  .product span {
    font-size: 24px !important;
  }

  .cart {
    min-width: 330px !important;
  }

  .carthead {
    gap: 8px !important;
  }

  .carthead h2 {
    font-size: 26px !important;
  }

  .cartitem {
    padding: 10px !important;
    border-radius: 16px !important;
  }

  .cartitem h3 {
    font-size: 15px !important;
  }

  .cartitem strong {
    font-size: 18px !important;
  }

  .checkout {
    min-height: 72px !important;
    font-size: 22px !important;
    border-radius: 18px !important;
  }

  .ap-sync-status {
    max-width: 120px !important;
    min-height: 30px !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (min-width: 900px) and (max-width: 1150px) {
  .product strong {
    font-size: 14px !important;
  }

  .product span {
    font-size: 21px !important;
  }

  .cart {
    min-width: 300px !important;
  }

  .carthead h2 {
    font-size: 22px !important;
  }
}