@media (max-width: 768px) {
    .qrsis-waiter-page {
        padding: 10px 6px 20px;
    }

    .qrsis-waiter-page.container {
        padding-left: 6px;
        padding-right: 6px;
    }

    .qrsis-waiter-section {
        border-radius: 12px;
    }

    .qrsis-waiter-head {
        padding: 14px;
    }

    .qrsis-waiter-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .qrsis-waiter-card {
        min-height: 84px;
        padding: 12px;
    }

    .qrsis-profile-page {
        padding: 10px 6px 20px;
    }

    .qrsis-profile-card {
        border-radius: 12px;
    }

    .qrsis-profile-head {
        margin: 12px 12px 0;
        padding: 16px 14px;
    }

    .qrsis-profile-grid {
        padding: 12px 12px 0;
    }

    .qrsis-profile-preferences {
        margin: 12px;
    }

    .qrsis-profile-preferences-form {
        grid-template-columns: 1fr;
    }

    .qrsis-profile-preferences-check {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .qrsis-profile-preferences-check .qrsis-profile-permission-remove-btn {
        margin-left: 30px;
    }

    .qrsis-profile-actions {
        margin: 0 12px 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qrsis-order-history {
        margin: 2px 14px 14px;
    }

    .qrsis-profile-password {
        margin: 2px 14px 14px;
        padding: 10px;
    }

    .qrsis-profile-password-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .qrsis-profile-password-form--modal {
        grid-template-columns: 1fr;
    }

    .qrsis-profile-password-btn {
        grid-column: span 2;
    }

    .qrsis-profile-password-form--modal .qrsis-profile-password-btn {
        grid-column: auto;
    }

    .qrsis-login-page {
        padding: 10px 6px 20px;
    }

    .qrsis-login-page--modal {
        padding: 0;
    }

    .qrsis-login-card {
        border-radius: 12px;
    }

    .qrsis-login-hero {
        padding: 20px 14px 16px;
    }

    .qrsis-login-form-wrap {
        padding: 16px 14px 22px;
    }
}

@media (max-width: 576px) {
    .qrsis-waiter-head-icon {
        width: 46px;
        height: 46px;
        border-radius: 12px;
    }

    .qrsis-waiter-head-text h1 {
        font-size: 1.16rem;
    }

    .qrsis-waiter-head-text p {
        font-size: .86rem;
    }

    .qrsis-waiter-card-title {
        font-size: .98rem;
    }

    .qrsis-profile-head {
        align-items: flex-start;
    }

    .qrsis-profile-avatar {
        width: 56px;
        height: 56px;
        font-size: 1.1rem;
    }

    .qrsis-profile-title {
        font-size: 1.1rem;
    }

    .qrsis-profile-subtitle {
        font-size: .88rem;
    }

    .qrsis-profile-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .qrsis-profile-preferences-form {
        grid-template-columns: 1fr;
    }

    .qrsis-profile-preferences-btn {
        width: 100%;
    }

    .qrsis-profile-actions {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .qrsis-profile-btn {
        min-height: 54px;
    }

    .qrsis-room-member-card {
        grid-template-columns: 44px minmax(0, 1fr);
        align-items: flex-start;
    }

    .qrsis-room-member-icon {
        width: 44px;
        height: 44px;
    }

    .qrsis-room-member-select {
        grid-column: 1 / -1;
        width: 100%;
    }

    .qrsis-profile-password-form {
        grid-template-columns: 1fr;
    }

    .qrsis-profile-password-btn {
        grid-column: auto;
    }

    .qrsis-order-card-foot {
        flex-direction: column;
        align-items: flex-start;
    }

    .qrsis-order-total {
        align-self: flex-end;
        margin-left: 0;
    }

    .qrsis-order-actions,
    .qrsis-order-repeat-btn,
    .qrsis-order-reprint-btn {
        width: 100%;
    }

    .qrsis-profile-btn-danger {
        grid-column: auto;
    }

    #sepet_cart {
        --qrsis-sepet-shell-offset: 0px;
        --qrsis-sepet-width: 100vw;
        width: 100vw;
        right: -100vw;
        border-radius: 0;
    }

    .sepet-checkout-head {
        padding: 12px 12px 52px;
    }

    .sepet-checkout-title {
        font-size: 1.6rem;
    }

    .sepet-checkout-body {
        padding: 0 10px 14px;
    }

    .sepet-checkout-profile {
        margin-top: -34px;
        padding: 10px;
    }

    .sepet-checkout-profile-text h6 {
        font-size: 1.18rem;
    }

    .sepet-item-title {
        font-size: .98rem;
    }

    .sepet-item-desc {
        font-size: .75rem;
    }

    .sepet-item-right {
        min-width: 112px;
    }

    .sepet-item-price {
        min-width: 58px;
        font-size: .88rem;
    }

    .sepet-action-form #btn_checkout {
        min-height: 48px;
        font-size: 1.05rem;
    }

    .tema-topbar {
        padding: 14px 12px;
    }

    .tema-title {
        font-size: 1rem;
    }

    .tema-search-input {
        height: 46px;
        padding-left: 42px;
    }
}