.my-4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.reciept-container p:not([class*=fs]){
    font-size: 1rem;
}
.order-card .img-wrapper img{
    object-fit: contain;
}
.order-card label{
    border: 1px solid #ddd;
    border-radius: .5rem
}
.order-detail + .order-detail,.summary-container .mb-set-2 > *:first-child{
    display: none;
  }
  
  @media (max-width: 575px){
    body{
      height: auto;
      overflow-y: auto;
    }
    .menu-container{
      padding-bottom: 110px;
    }
    .grid-tablet{
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
    }
    .menu-container{
        height: initial;
    }
    .cart-summary .fs-30,.order-items{
        display: none;
    }
    .butn-addcart{
        font-size: 1rem;
    }
    .summary-container{
        bottom: 0;
        top: initial;
        position: fixed;
        z-index: 2;
        left: 10px;
        right: 10px;
    }
    .m-none{
      display: none;
    }
    .order-detail + .order-detail{
      border-top: none;
      padding-top: 0;
    }
    .order-detail + .order-detail h2{
      font-size: .75rem;
      margin: 0 5px;
    }
    .order-detail + .order-detail{
      display: flex;
    }

    .summary-container.active .order-items{
      display: block!important;
    }
    .summary-container.active {
      bottom: 0;
      top: 90px;
      position: fixed;
      z-index: 2;
      left: 10px;
      right: 10px;
      overflow-y: auto;
      height: calc(100vh - 90px);
      display: flex;
      align-items: flex-end;
    }
    .summary-container .mb-set-0{
      position: sticky;
      bottom: 115px;
    }
    .summary-container .mb-set-1{
      position: sticky;
      bottom: 61px;
      background: #fff;
    }
    .summary-container .mb-set-2{
      position: sticky;
      bottom: 8px;
      background: #fff;
      padding: 1rem 0!important;
      display: flex;
      align-items: center;
    }
    
    .summary-container .mb-set-2.space-y-6>:not([hidden])~:not([hidden]){
      margin: 0!important;
    }
    .cart-summary{
      overflow-y: auto;
      height: 100%;
      display: flex;
      align-items: flex-end;
      background-color: transparent;
    }
    .summary-container .mb-set-2 > *{
      flex: 1;
      padding: 0 10px;
      display: block!important;
      cursor: pointer;
    }
    .summary-container .cart-summary > .smry-space{
      position: relative;
      background-color: #fff;
      flex: 1;
      border-top: 2px solid #f6f6f9;
    }
    .smry-detail .fs-24{
      font-size: 1.285714285714286rem;
    }
  }
  .logo-container{
    z-index: 9;
  }
  .butn-addcart.butn-bordered{
    background-color: transparent;
    --tw-bg-opacity: 1;
    border: 1px solid rgb(35 33 39 / var(--tw-bg-opacity));
    color: #000;
  }
  .butn-addcart.butn-bordered:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(72 47 146 / var(--tw-bg-opacity));
    border: 1px solid transparent;
    color: #fff;
  }
  .butn-addcart{
    background-color: rgb(0 180 156 / var(--tw-text-opacity));
  }
  .form label{
    font-size: 20px;
    white-space: nowrap;
  }
  .modal-middle :where(.modal-box){
    max-width: 38rem;
  }