/* ============================================================================
 * common.css — STYLE DÙNG CHUNG cho toàn storefront (nạp ở _Layout).
 * Gom các thành phần lặp lại nhiều trang về một chỗ để tái sử dụng (CLAUDE.md 6.5),
 * thay cho việc khai báo trùng trong <style> inline của từng view.
 *
 * Khi thêm 1 component dùng ở ≥2 trang, hãy đưa style vào ĐÂY thay vì copy vào view.
 * ========================================================================== */

/* ---- Toast thông báo (góc dưới, trượt lên) --------------------------------
 * Dùng ở: trang Giỏ hàng, Thanh toán, Chi tiết sản phẩm... Markup: <div class="oe-toast">…</div>,
 * thêm class "show" để hiện. Trước đây khai báo trùng trong từng view. */
.oe-toast {
    position: fixed;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%) translateY(20px);
    background: #111111;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transition: all .25s ease;
    z-index: 9999;
}
.oe-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}