/* যেকোনো ডিভাইসে পেজ প্রস্থ স্বয়ংক্রিয়ভাবে মিলবে */
html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding-left: env(safe-area-inset-left, 0) !important;
    padding-right: env(safe-area-inset-right, 0) !important;
}
#main-content,
.card,
[class*="-wrap"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
img, video, iframe, table {
    max-width: 100% !important;
}
table {
    width: 100%;
}
.ame-pos-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
.ame-pos-table-wrap table {
    max-width: none !important;
    width: max-content !important;
    min-width: 100%;
}
.ame-auto-scroll-wrap,
.table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
    #main-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    body.ame-pos-terminal-page #main-content,
    body.ame-purchase-terminal-page #main-content {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .card {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    input, select, textarea, button, a.tls-backup-btn {
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    #main-content > div[class*="-wrap"],
    #main-content > .card,
    body > div[class*="-wrap"] {
        width: min(100%, 1200px) !important;
        max-width: min(96vw, 1400px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.ame-pos-terminal-page #main-content > div[class*="-wrap"],
    body.ame-pos-terminal-page #main-content > .card,
    body.ame-pos-terminal-page #main-content > .ame-pos-page,
    body.ame-pos-terminal-page #main-content > .pc-wrap,
    body.ame-purchase-terminal-page #main-content > div[class*="-wrap"],
    body.ame-purchase-terminal-page #main-content > .card,
    body.ame-purchase-terminal-page #main-content > .ame-pos-page,
    body.ame-purchase-terminal-page #main-content > .pc-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 1400px) {
    #main-content > div[class*="-wrap"],
    #main-content > .card {
        max-width: min(97vw, 1680px) !important;
    }
    body.ame-pos-terminal-page #main-content > div[class*="-wrap"],
    body.ame-pos-terminal-page #main-content > .card,
    body.ame-pos-terminal-page #main-content > .ame-pos-page,
    body.ame-pos-terminal-page #main-content > .pc-wrap,
    body.ame-purchase-terminal-page #main-content > div[class*="-wrap"],
    body.ame-purchase-terminal-page #main-content > .card,
    body.ame-purchase-terminal-page #main-content > .ame-pos-page,
    body.ame-purchase-terminal-page #main-content > .pc-wrap {
        max-width: 100% !important;
        width: 100% !important;
    }
}

body.ame-display-fit #main-content {
    min-height: calc(var(--ame-vh, 1vh) * 100);
}