/*
|--------------------------------------------------------------------------
| Файл: /assets/css/custom.css
|--------------------------------------------------------------------------
| Тайлбар:
| Cinema POS үндсэн layout, суудлын зураглал, барааны хэсэг,
| сагс болон 1366x768 кассын дэлгэцийн тусгай тохиргоо.
|
| Зорилго:
| - 1366x768 дээр 3 баганыг нэг мөрөнд харуулах
| - Зүүн 23%, дунд 54%, баруун 23%
| - Үзвэр, суудал, бараа, сагс тусдаа scroll-той байх
| - Browser zoom ашиглахгүй 100% хэмжээнд ажиллах
| - Суудлын зураглал хэвтээ чиглэлд бүрэн багтах
| - Барааны карт кассын дэлгэцэд тохиромжтой байх
| - POS хуудасны гаднах илүүдэл зайг багасгах
|--------------------------------------------------------------------------
*/


/* ==========================================================================
   POS үндсэн хамгаалалт
   ========================================================================== */

#kt_pos_page_root {
    min-width: 0;
}

#kt_pos_page_root > .card-body {
    min-width: 0;
}

#kt_pos_page_root > .card-body > .row {
    min-width: 0;
}

#kt_pos_page_root > .card-body > .row > [class*="col-"] {
    min-width: 0;
}


/* ==========================================================================
   Суудлын үндсэн хэмжээ
   ========================================================================== */

.kt-pos-seat {
    width: 50px;
    min-width: 50px;
    height: 32px;

    padding: 0 !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    border-radius: 6px;

    transition:
            background-color 0.12s ease,
            color 0.12s ease,
            border-color 0.12s ease,
            transform 0.12s ease;
}


/* ==========================================================================
   Суудлын хоорондох голын зай
   ========================================================================== */

.kt-pos-aisle-gap {
    width: 36px;
    min-width: 36px;

    flex: 0 0 36px;
}


/* ==========================================================================
   Суудлын төлөв
   ========================================================================== */

/* Боломжтой */
.kt-pos-seat.is-available {
    background-color: #f1faff;
    color: #009ef7;

    border: 1px solid #b5e4ff;
}

.kt-pos-seat.is-available:hover {
    background-color: #009ef7;
    color: #ffffff;
}


/* VIP */
.kt-pos-seat.is-vip {
    background-color: #fff8dd;
    color: #ffc700;

    border: 1px solid #ffe69c;

    font-weight: 700;
}

.kt-pos-seat.is-vip:hover {
    background-color: #ffc700;
    color: #000000;
}


/* Захиалсан */
.kt-pos-seat.is-reserved {
    background-color: #A6F1E0;
    color: #2FA084;

    border: 1px solid #73C7C7;

    cursor: not-allowed;

    opacity: 0.8;
}


/* Зарагдсан */
.kt-pos-seat.is-sold {
    background-color: #ffe2e5;
    color: #f1416c;

    border: 1px solid #ffb3bd;

    cursor: not-allowed;

    opacity: 0.7;
}


/* Цуцлагдсан */
.kt-pos-seat.is-cancelled {
    background-color: #e4e6ef;
    color: #7e8299;

    border: 1px solid #d1d3e0;
}


/* Сонгогдсон */
.kt-pos-seat.is-selected {
    background-color: #50cd89 !important;
    color: #ffffff !important;

    border-color: #50cd89 !important;

    transform: scale(1.04);
}


/* Disabled */
.kt-pos-seat:disabled {
    pointer-events: none;
}


/* Нуусан суудал */
.kt-pos-seat.is-hidden {
    visibility: hidden;

    background: transparent;

    border-color: transparent;
}


/* ==========================================================================
   Суудлын тайлбар
   ========================================================================== */

.kt-pos-seat-legend {
    width: 35px;
    min-width: 35px;
    height: 35px;

    font-size: 10px;

    cursor: default !important;
    pointer-events: none;
}


/* ==========================================================================
   Тайлангийн group мөр
   ========================================================================== */

tr.group td {
    padding: 0 !important;

    border: 0 !important;
}

tr.group .bg-light-primary {
    border-left: 4px solid #009ef7;
}


/* ==========================================================================
   Desktop POS
   ========================================================================== */

@media (min-width: 1200px) {

    /* ----------------------------------------------------------------------
       POS хуудасны гаднах scroll
       ---------------------------------------------------------------------- */

    body:has(#kt_pos_page_root) {
        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       Metronic content-ийн зайг POS дээр багасгах
       ---------------------------------------------------------------------- */

    body:has(#kt_pos_page_root) .app-content {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body:has(#kt_pos_page_root) #kt_app_content_container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    /* ----------------------------------------------------------------------
       Footer POS дээр хэрэггүй
       ---------------------------------------------------------------------- */

    body:has(#kt_pos_page_root) #kt_app_footer {
        display: none !important;
    }


    /* ----------------------------------------------------------------------
       POS үндсэн card
       ---------------------------------------------------------------------- */

    #kt_pos_page_root {
        height: calc(
                100dvh
                - var(--bs-app-header-height, 70px)
                - 20px
        );

        min-height: 0;

        margin-bottom: 0 !important;

        display: flex;
        flex-direction: column;

        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       POS дээд гарчиг
       ---------------------------------------------------------------------- */

    #kt_pos_page_root > .card-header {
        min-height: 50px !important;
        height: 50px;

        flex: 0 0 50px;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    #kt_pos_page_root > .card-header .card-title {
        margin: 0;
    }

    #kt_pos_page_root > .card-header h3 {
        margin: 0;

        font-size: 17px;
    }


    /* ----------------------------------------------------------------------
       Бүтэн дэлгэц товч
       ---------------------------------------------------------------------- */

    #kt_pos_fullscreen_btn {
        min-height: 32px;
        height: 32px;

        padding-left: 12px;
        padding-right: 12px;

        font-size: 11px;
    }


    /* ----------------------------------------------------------------------
       POS үндсэн body
       ---------------------------------------------------------------------- */

    #kt_pos_page_root > .card-body {
        flex: 1 1 auto;

        min-height: 0;

        display: flex;
        flex-direction: column;

        padding:
                0
                14px
                12px
                14px !important;

        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       Үндсэн 3 багана
       ---------------------------------------------------------------------- */

    #kt_pos_page_root > .card-body > .row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 0;

        flex: 1 1 auto;

        min-height: 0;

        flex-wrap: nowrap;

        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       Багана бүрийн өндөр
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > [class*="col-"] {
        height: 100%;

        min-height: 0;
    }


    /* ----------------------------------------------------------------------
       Багана доторх card
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > [class*="col-"]
    > .card {
        height: 100% !important;

        min-height: 0;

        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       Дотор card header
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > [class*="col-"]
    > .card
    > .card-header {
        padding-top: 9px !important;
        padding-bottom: 8px !important;

        min-height: 52px;
    }


    /* ----------------------------------------------------------------------
       Дотор card body
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > [class*="col-"]
    > .card
    > .card-body {
        min-height: 0;

        padding: 12px !important;
    }


    /* ======================================================================
       ЗҮҮН БАГАНА
       ҮЗВЭР СОНГОХ
       ====================================================================== */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-4
    > .card
    > .card-body {
        display: flex;
        flex-direction: column;

        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       Filter form
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form {
        flex: 0 0 auto;
    }

    #kt_pos_showtime_filter_form .mb-6 {
        margin-bottom: 12px !important;
    }


    /* ----------------------------------------------------------------------
       Filter label
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form .form-label {
        margin-bottom: 5px;

        font-size: 12px;
        font-weight: 600;
    }


    /* ----------------------------------------------------------------------
       Filter input/select
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form .form-control,
    #kt_pos_showtime_filter_form .form-select {
        min-height: 38px;

        padding-top: 7px;
        padding-bottom: 7px;

        font-size: 13px;
    }


    /* ----------------------------------------------------------------------
       Filter separator
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form + .separator {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }


    /* ----------------------------------------------------------------------
       Үзвэрийн жагсаалтын scroll
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column {
        flex: 1 1 auto;

        min-height: 0;

        gap: 8px !important;

        overflow-x: hidden;
        overflow-y: auto;

        padding-right: 3px;

        scrollbar-width: thin;
    }


    /* ----------------------------------------------------------------------
       Үзвэр card
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    > a.card {
        flex: 0 0 auto;

        box-shadow: none;
    }

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    > a.card
    > .card-body {
        padding: 9px !important;
    }


    /* ----------------------------------------------------------------------
       Үзвэр poster
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    .symbol.symbol-92px.symbol-2by3 {
        width: 56px !important;
        min-width: 56px !important;
        height: 84px !important;

        margin-right: 8px !important;
    }

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    .symbol.symbol-92px.symbol-2by3
    .symbol-label {
        width: 100% !important;
        height: 100% !important;

        background-position: center;
        background-size: cover;
    }


    /* ----------------------------------------------------------------------
       Үзвэр текст
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    .fs-6 {
        font-size: 13px !important;
    }

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    .fs-7 {
        font-size: 11px !important;
        line-height: 1.35;
    }


    /* ----------------------------------------------------------------------
       Үзвэрийн үнэ badge
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    > a.card
    > .card-body
    > .mt-3 {
        margin-top: 7px !important;

        gap: 4px !important;
    }

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    > a.card
    > .card-body
    > .mt-3
    .badge {
        padding: 4px 6px;

        font-size: 10px;
    }


    /* ======================================================================
       ДУНД БАГАНА
       СУУДАЛ / БАРАА
       ====================================================================== */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    > .card {
        display: flex;
        flex-direction: column;
    }


    /* ----------------------------------------------------------------------
       Дунд card header
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    > .card
    > .card-header {
        flex: 0 0 auto;

        min-height: 60px;
    }


    /* ----------------------------------------------------------------------
       Tab title
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    > .card
    > .card-header
    .card-title {
        gap: 6px !important;
    }


    /* ----------------------------------------------------------------------
       Tab links
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    .nav-link {
        padding-top: 9px !important;
        padding-bottom: 9px !important;

        margin-right: 20px !important;

        font-size: 13px;
    }


    /* ----------------------------------------------------------------------
       Дунд card body
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    > .card
    > .card-body {
        flex: 1 1 auto;

        min-height: 0;

        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       Tab content
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    .tab-content {
        height: 100%;

        min-height: 0;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    .tab-pane {
        min-height: 0;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    .tab-pane.active {
        height: 100%;
    }


    /* ======================================================================
       СУУДЛЫН ЗУРАГЛАЛ
       ====================================================================== */

    #kt_pos_tab_seat_map {
        overflow: auto;

        padding:
                2px
                2px
                8px
                2px;

        scrollbar-width: thin;
    }


    /* ----------------------------------------------------------------------
       Дэлгэц
       ---------------------------------------------------------------------- */

    #kt_pos_tab_seat_map > .mb-8 {
        margin-bottom: 12px !important;
    }

    #kt_pos_tab_seat_map
    > .mb-8
    .badge {
        padding: 8px 20px !important;

        font-size: 12px !important;
    }


    /* ----------------------------------------------------------------------
       Seat map
       ---------------------------------------------------------------------- */

    #kt_pos_seat_map {
        gap: 6px !important;

        min-width: max-content;
    }

    #kt_pos_seat_map
    > .d-flex {
        gap: 5px !important;
    }


    /* ----------------------------------------------------------------------
       Seat map legend
       ---------------------------------------------------------------------- */

    #kt_pos_tab_seat_map
    > .mt-8 {
        margin-top: 12px !important;

        gap: 12px !important;
    }

    #kt_pos_tab_seat_map
    > .mt-8
    .text-gray-700 {
        font-size: 11px;
    }


    /* ======================================================================
       БАРАА
       ====================================================================== */

    #kt_pos_tab_products {
        height: 100% !important;
        max-height: none !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        padding-right: 3px;

        scrollbar-width: thin;
    }


    /* ----------------------------------------------------------------------
       Category grid
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products
    > .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }


    /* ----------------------------------------------------------------------
       Category card
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products .card {
        box-shadow: none;
    }


    /* ----------------------------------------------------------------------
       Category header
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products .card-header {
        min-height: 36px !important;

        padding: 4px 0 !important;
    }

    #kt_pos_tab_products
    .card-header
    .card-title {
        font-size: 13px !important;
    }


    /* ----------------------------------------------------------------------
       Category body
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    #kt_pos_tab_products
    .card-body
    > .row {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 8px;
    }


    /* ----------------------------------------------------------------------
       Product card
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products
    .kt-pos-add-product {
        min-height: 82px;

        padding: 7px !important;

        transition:
                border-color 0.12s ease,
                background-color 0.12s ease,
                transform 0.12s ease;
    }


    #kt_pos_tab_products
    .kt-pos-add-product:hover {
        border-color: var(--bs-primary) !important;

        background-color: var(--bs-primary-light);

        transform: translateY(-1px);
    }


    /* ----------------------------------------------------------------------
       Product зураг
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products
    .kt-pos-add-product
    .symbol.symbol-92px {
        width: 48px !important;
        min-width: 48px !important;
        height: 68px !important;

        margin-right: 8px !important;
    }


    #kt_pos_tab_products
    .kt-pos-add-product
    .symbol-label {
        width: 100% !important;
        height: 100% !important;

        background-position: center;
        background-repeat: no-repeat;
        background-size: contain !important;
    }


    /* ----------------------------------------------------------------------
       Product нэр
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products
    .kt-pos-add-product
    .fw-bold.fs-6 {
        margin-bottom: 4px !important;

        font-size: 12px !important;
        line-height: 1.25;

        overflow-wrap: anywhere;
    }


    /* ----------------------------------------------------------------------
       Product үнэ
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products
    .kt-pos-add-product
    .text-primary.fs-5 {
        font-size: 13px !important;
    }


    /* ======================================================================
       БАРУУН БАГАНА
       САГС
       ====================================================================== */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-12
    > .card {
        display: flex;
        flex-direction: column;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-12
    > .card
    > .card-body {
        flex: 1 1 auto;

        min-height: 0;

        display: flex;
        flex-direction: column;

        overflow: hidden;
    }


    /* ----------------------------------------------------------------------
       Баркод
       ---------------------------------------------------------------------- */

    #kt_pos_product_barcode {
        min-height: 38px;

        padding-top: 7px;
        padding-bottom: 7px;

        font-size: 13px;
    }


    /* ----------------------------------------------------------------------
       Cart table wrapper
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    .table-responsive:has(#kt_pos_cart_items) {
        flex: 1 1 auto;

        min-height: 100px !important;

        margin-bottom: 10px !important;

        overflow-x: auto;
        overflow-y: auto;

        scrollbar-width: thin;
    }


    /* ----------------------------------------------------------------------
       Cart table
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    .table-responsive:has(#kt_pos_cart_items)
    .table {
        font-size: 11px;
    }


    #kt_pos_page_root
    .table-responsive:has(#kt_pos_cart_items)
    .table
    > :not(caption)
    > *
    > * {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 4px;
        padding-right: 4px;
    }


    /* ----------------------------------------------------------------------
       Сагс хоосон мөр
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    .kt-pos-cart-empty-row
    td {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }


    /* ----------------------------------------------------------------------
       Төлбөрийн select
       ---------------------------------------------------------------------- */

    #kt_pos_payment_method {
        min-height: 38px;

        padding-top: 7px;
        padding-bottom: 7px;

        font-size: 13px;
    }


    /* ----------------------------------------------------------------------
       Сагсны form хэсгүүд
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-12
    > .card
    > .card-body
    > .mb-5 {
        margin-bottom: 10px !important;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-12
    .form-label {
        margin-bottom: 5px;

        font-size: 12px;
        font-weight: 600;
    }


    /* ----------------------------------------------------------------------
       Checkout button
       ---------------------------------------------------------------------- */

    #kt_pos_clear_cart_btn,
    #kt_pos_checkout_btn {
        min-height: 44px;

        padding: 8px 10px;

        font-size: 12px;
        font-weight: 700;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-12
    > .card
    > .card-body
    > .d-flex.justify-content-end {
        flex: 0 0 auto;

        gap: 8px !important;

        margin-bottom: 2px;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-12
    > .card
    > .card-body
    > .d-flex.justify-content-end
    > button {
        flex: 1 1 50%;
    }
}


/* ==========================================================================
   1366x768 КАССЫН ДЭЛГЭЦ
   Bootstrap XL
   ========================================================================== */

@media (min-width: 1200px) and (max-width: 1399.98px) {

    /* ----------------------------------------------------------------------
       POS дээд title хэсгийг намсгах
       ---------------------------------------------------------------------- */

    #kt_pos_page_root > .card-header {
        min-height: 44px !important;
        height: 44px !important;

        flex: 0 0 44px !important;
    }


    /* ----------------------------------------------------------------------
       3 баганын харьцаа
       Зүүн 23%
       Дунд 54%
       Баруун 23%
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-4 {
        flex: 0 0 23% !important;

        width: 23% !important;
        max-width: 23% !important;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8 {
        flex: 0 0 54% !important;

        width: 54% !important;
        max-width: 54% !important;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-12 {
        flex: 0 0 23% !important;

        width: 23% !important;
        max-width: 23% !important;
    }


    /* ----------------------------------------------------------------------
       Дотор card body
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > [class*="col-"]
    > .card
    > .card-body {
        padding: 10px !important;
    }


    /* ----------------------------------------------------------------------
       Дотор card title
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    > .card-body
    > .row
    > [class*="col-"]
    > .card
    > .card-header
    h3 {
        font-size: 14px !important;
    }


    /* ======================================================================
       1366x768 СУУДАЛ
       ====================================================================== */

    .kt-pos-seat {
        width: 42px;
        min-width: 42px;
        height: 30px;

        font-size: 10px;

        border-radius: 5px;
    }


    /* ----------------------------------------------------------------------
       Aisle
       ---------------------------------------------------------------------- */

    .kt-pos-aisle-gap {
        width: 20px;
        min-width: 20px;

        flex: 0 0 20px;
    }


    /* ----------------------------------------------------------------------
       Seat gap
       ---------------------------------------------------------------------- */

    #kt_pos_seat_map
    > .d-flex {
        gap: 4px !important;
    }


    /* ----------------------------------------------------------------------
       Row label
       ---------------------------------------------------------------------- */

    #kt_pos_seat_map
    > .d-flex
    > .w-30px {
        width: 20px !important;
        min-width: 20px !important;

        font-size: 11px;
    }


    /* ----------------------------------------------------------------------
       Legend
       ---------------------------------------------------------------------- */

    .kt-pos-seat-legend {
        width: 30px;
        min-width: 30px;
        height: 30px;

        font-size: 9px;
    }


    /* ======================================================================
       1366x768 TAB HEADER
       ====================================================================== */

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    > .card
    > .card-header {
        min-height: 60px;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    .nav-link {
        margin-right: 14px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        font-size: 12px;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xl-8
    > .card
    > .card-header
    .badge {
        padding: 4px 6px;

        font-size: 9px;
    }


    /* ======================================================================
       1366x768 БАРААНЫ GRID
       3 бараа / мөр
       ====================================================================== */

    #kt_pos_tab_products
    .card-body
    > .row
    > .col-xl-3 {
        flex: 0 0 33.333333% !important;

        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }


    /* ----------------------------------------------------------------------
       Product card
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products
    .kt-pos-add-product {
        min-height: 82px;
    }


    /* ----------------------------------------------------------------------
       Product зураг
       ---------------------------------------------------------------------- */

    #kt_pos_tab_products
    .kt-pos-add-product
    .symbol.symbol-92px {
        width: 50px !important;
        min-width: 50px !important;
        height: 68px !important;

        margin-right: 8px !important;
    }


    /* ======================================================================
       1366x768 ҮЗВЭР
       ====================================================================== */

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    .symbol.symbol-92px.symbol-2by3 {
        width: 50px !important;
        min-width: 50px !important;
        height: 75px !important;
    }


    /* ----------------------------------------------------------------------
       Үзвэрийн үнэ badge
       ---------------------------------------------------------------------- */

    #kt_pos_showtime_filter_form
    ~ .d-flex.flex-column
    > a.card
    > .card-body
    > .mt-3
    .badge {
        padding: 3px 5px;

        font-size: 9px;
    }


    /* ======================================================================
       1366x768 САГС
       ====================================================================== */

    #kt_pos_page_root
    .table-responsive:has(#kt_pos_cart_items)
    .table {
        font-size: 10px;
    }


    #kt_pos_clear_cart_btn,
    #kt_pos_checkout_btn {
        padding-left: 6px;
        padding-right: 6px;

        font-size: 11px;
    }


    /* ----------------------------------------------------------------------
       Cart header жижигхэн болгох
       ---------------------------------------------------------------------- */

    #kt_pos_page_root
    .table-responsive:has(#kt_pos_cart_items)
    thead th {
        font-size: 9px !important;

        white-space: nowrap;
    }
}


/* ==========================================================================
   Том дэлгэц
   ========================================================================== */

@media (min-width: 1400px) {

    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xxl-3 {
        min-width: 0;
    }


    #kt_pos_page_root
    > .card-body
    > .row
    > .col-xxl-6 {
        min-width: 0;
    }
}


/* ==========================================================================
   1200px-аас бага дэлгэц
   ========================================================================== */

@media (max-width: 1199.98px) {

    body:has(#kt_pos_page_root) {
        overflow: auto;
    }


    #kt_pos_page_root {
        height: auto;

        overflow: visible;
    }


    #kt_pos_page_root > .card-body {
        overflow: visible;
    }


    #kt_pos_page_root
    > .card-body
    > .row {
        flex-wrap: wrap;

        overflow: visible;
    }


    #kt_pos_tab_products {
        height: auto !important;
        max-height: none !important;

        overflow: visible !important;
    }


    #kt_pos_tab_seat_map {
        overflow-x: auto;
    }
}


/* ==========================================================================
   Гар утас
   ========================================================================== */

@media (max-width: 767.98px) {

    .kt-pos-aisle-gap {
        width: 0 !important;
        min-width: 0 !important;

        flex-basis: 0 !important;
    }


    .kt-pos-seat {
        width: 38px;
        min-width: 38px;
        height: 30px;

        font-size: 10px;
    }


    #kt_pos_seat_map
    > .d-flex {
        gap: 4px !important;
    }
}