/* TiziShop · 01-base.css */
body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #f8fafc;
            color: #0f172a;
            overflow-x: hidden;
        }
        /* Tùy chỉnh thanh cuộn */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 9999px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }


/* Điện thoại: nội dung luôn co vừa bề ngang màn hình. */
html {
    width: 100%; min-width: 0;
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body { width: 100%; min-width: 0; }
main img, main video, main svg { max-width: 100%; }
main p, main h2, main h3 { overflow-wrap: break-word; }
@media (max-width: 767px) {
    main, main > div, main section, .home-panel, #productGrid,
    #tab-categories, #tab-home, #tab-history, #tab-deposit, #tab-support, #tab-admin {
        min-width: 0;
        max-width: 100%;
    }
    html, body { max-width: 100%; overflow-x: hidden; }
    body > main { width: 100%; max-width: 100%; min-width: 0; padding-left: 12px !important; padding-right: 12px !important; }
    #tab-categories .category-search-panel { width: 100%; }
    /* Ngăn Safari tự zoom khi bấm vào ô nhập nhỏ hơn 16px. */
    input, select, textarea { font-size: 16px !important; }
    #authScreen { width: 100%; max-width: 100vw; }
    #authScreen .auth-shell { width: 100%; max-width: min(440px, calc(100vw - 24px)); }
    #purchaseModal, #orderDeliveryModal { max-width: 100vw; }
    #purchaseModal > div, #orderDeliveryModal > div { max-width: 100%; }
    .mobile-bottom-nav { width: 100%; max-width: 100vw; }
}

/* Thanh chào mừng/ngữ cảnh mục: thay ô tìm kiếm chung phía trên website. */
.shop-page-context-icon {
    width: 42px; height: 42px; min-width: 42px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #eef2ff 0%, #f3e8ff 100%);
    color: #6355e9;
    font-size: 16px;
}
.shop-page-context-indicator {
    align-items: center; gap: 5px; flex-shrink: 0;
    border-radius: 9999px;
    padding: 4px 8px;
    color: #047857;
    background: #ecfdf5;
    font-size: 10px;
    font-weight: 600;
}
.shop-page-context-indicator i { font-size: 9px; }
.shop-page-context-icon-mobile {
    width: 32px; height: 32px; min-width: 32px;
    border-radius: 11px; font-size: 13px;
}
/* iOS Safari sẽ tự động zoom ô tìm kiếm nếu font chữ dưới 16px. */
@media (max-width: 767px) {
    #tab-categories #searchInput,
    #tab-categories input[type="search"] {
        font-size: 16px !important;
        line-height: 1.5;
        min-height: 48px;
        max-width: 100%;
        -webkit-text-size-adjust: 100%;
        transform: none;
    }
    #tab-categories .category-search-panel {
        max-width: 100%;
        min-width: 0;
    }
}