/* ==========================================================================
   Qi Lounge v8.3 — Flex Cards (CLEAN)
   ========================================================================== */

/* 1) MEDIA DASAR */
.card .media{display:block;width:100%;background:#000;overflow:hidden}
.card .media img{display:block;width:100%;height:auto;object-fit:cover}

/* 2) VARIAN */
.card--contain .media img,.img--contain{height:auto!important;object-fit:contain!important}
.card--uniform .media{aspect-ratio:4/3}
.card--uniform.card--wide .media{aspect-ratio:16/9}
.card--uniform.card--square .media{aspect-ratio:1/1}
.card--uniform .media img{width:100%;height:100%;object-fit:cover}

/* 3) ORIENTATION HELPERS (via JS) */
.card .media.is-portrait img{object-fit:contain}
.card .media.is-landscape img{object-fit:cover}

/* 4) UTILITAS */
.section .card--contain .media img{display:block;margin:0 auto;height:auto;transition:transform .3s ease,width .3s ease}
.card--contain .media:hover img{transform:scale(1.03)}

/* 5) DEFAULT PROMOS */
.section--promos .card--contain .media img{width:60%;border-radius:10px}

/* 6) PER-PAGE SCALING (letakkan paling bawah) */
.page-home .card--contain .media img{width:70%}
.page-menus .card--contain .media img{width:60%}
.page-events .card--contain .media img{width:70%}
.page-promotions .card--contain .media img{width:60%}