{"id":7,"date":"2026-09-07T09:30:37","date_gmt":"2026-09-07T09:30:37","guid":{"rendered":"https:\/\/test.beecarestore.com\/?page_id=7"},"modified":"2026-09-07T09:30:37","modified_gmt":"2026-09-07T09:30:37","slug":"mat","status":"publish","type":"page","link":"https:\/\/test.beecarestore.com\/","title":{"rendered":"M\u1eadt"},"content":{"rendered":"<style>\n@media print {\n  \/* \u1ea8n to\u00e0n b\u1ed9 giao di\u1ec7n app b\u00ean d\u01b0\u1edbi v\u00e0 c\u00e1c n\u00fat b\u1ea5m \u0111i\u1ec1u khi\u1ec3n *\/\n  body * {\n    visibility: hidden;\n  }\n  .tm-modal-invoice-actions,\n  .tm-modal-header,\n  .tm-footer-nav,\n  .tm-bottom-bar,\n  button {\n    display: none !important;\n  }\n\n  \/* Ch\u1ec9 hi\u1ec3n th\u1ecb duy nh\u1ea5t t\u1edd h\u00f3a \u0111\u01a1n *\/\n  #tm-receipt-content,\n  #tm-receipt-content * {\n    visibility: visible;\n  }\n  #tm-receipt-content {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100% !important;\n    max-width: 100% !important;\n    border: none !important;\n    box-shadow: none !important;\n    padding: 10px !important;\n  }\n}\n        \/* Hi\u1ec7u \u1ee9ng n\u1ed5i b\u1eadt ri\u00eang cho th\u1ebb S\u1eafp Ra M\u1eaft *\/\n.tm-story-card.coming-soon {\n    border: 2px solid #FF6B35;\n    box-shadow: 0 12px 30px rgba(231, 76, 60, 0.25);\n}\n\n\/* Hi\u1ec7u \u1ee9ng nh\u1ea5p nh\u00e1y thu h\u00fat cho nh\u00e3n s\u1eafp ra m\u1eaft *\/\n@keyframes tmPulse {\n    0% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.05); opacity: 0.85; }\n    100% { transform: scale(1); opacity: 1; }\n}\n.tm-story-sticker.coming-soon-badge {\n    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important;\n    animation: tmPulse 2s infinite ease-in-out;\n}\n        header, footer, #header, #footer, .site-header, .site-footer, \n        .flatsome-header, .flatsome-footer, #masthead, #colophon,\n        #wpadminbar, nav, .main-navigation, .entry-header, .page-header { display: none !important; }\n\n        html, body {\n            margin: 0 !important; padding: 0 !important; width: 100% !important; height: 100% !important;\n            overflow: hidden !important; background-color: #FFF7F3 !important;\n            -webkit-user-select: none; user-select: none;\n        }\n\n        .entry-content, .page-content, #content, .container, .site-content {\n            padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; height: 100% !important;\n        }\n\n        :root {\n            --bg-cream: #FFF7F3;\n            --card-bg: #FFFCFA;\n            --caramel-dark: #2F211C;\n            --caramel-soft: #7D554E;\n            --accent-orange: #E7355C;\n            --price-color: #E7355C;\n            --btn-add-bg: #E7355C;\n            --gold-border: #F3C8CB;\n            --tab-active-bg: #E7355C;\n            --tab-active-text: #FFFFFF;\n            --bottom-bar-bg: #FFF9F7;\n            --checkout-btn-bg: #E7355C;\n            --tm-season-quick-bg: #FFFDFC;\n            --tm-season-quick-text: #D92F55;\n            --tm-season-quick-border: #F0AAB6;\n            --tm-season-quick-layer-image: none;\n            --tm-season-quick-layer-opacity: 1.00;\n            --tm-season-section-title: #2A1B17;\n            --tm-season-section-link: #E7355C;\n            --tm-season-search-bg: #FFFFFF;\n            --tm-season-search-border: #F0D0D2;\n            --tm-season-search-text: #4D3A34;\n            --tm-season-cart-bg: #E7355C;\n            --tm-season-cart-text: #FFFFFF;\n            --tm-season-footer-bg: #FFFDFC;\n            --tm-season-footer-text: #6F5A52;\n            --tm-season-footer-active: #E7355C;\n            --tm-season-badge-bg: #EA365E;\n            --tm-season-badge-text: #FFFFFF;\n            --tm-season-voucher-bg-image: url('https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/10\/0ca5db98-d113-481d-b741-70a60ae02669.png');\n            --tm-season-voucher-bg-opacity: 1.00;\n            --tm-season-button-bg: #e7355c;\n            --tm-season-button-text: #ffffff;\n            --tm-season-button-border: #f0aab6;\n            --tm-season-button-layer-image: none;\n            --tm-season-button-layer-opacity: 1.00;\n            --tm-season-checkout-control-bg: #e7355c;\n            --tm-season-checkout-control-text: #ffffff;\n            --tm-season-checkout-control-border: #f0aab6;\n            --tm-season-checkout-control-layer-image: url('https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/10\/55dc0ddb4a29c0a04f46308d24e99621.jpg');\n            --tm-season-checkout-control-layer-opacity: 0.14;\n            --tm-season-checkout-control-active-bg: #ffffff;\n            --tm-season-checkout-control-active-text: #e7355c;\n            --tm-season-checkout-control-active-border: #E7355C;\n            --tm-new-gradient-top: #7835ff;\n            --tm-new-gradient-bottom: #ff5454;\n            --tm-new-gradient-top-alpha: 0%;\n            --tm-new-gradient-bottom-alpha: 88%;\n            --tm-season-checkout-box-image: none;\n            --tm-season-checkout-box-opacity: 1.00;\n            --tm-season-orders-box-image: url('https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/09\/A\u0309nh-ma\u0300n-hi\u0300nh-2026-09-25-lu\u0301c-09.08.32.png');\n            --tm-season-orders-box-opacity: 0.14;\n            --tm-season-journal-box-image: url('https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/09\/A\u0309nh-ma\u0300n-hi\u0300nh-2026-09-25-lu\u0301c-09.08.32.png');\n            --tm-season-journal-box-opacity: 0.14;\n            --tm-ui-radius: 22px;\n            --tm-section-spacing: 18px;\n            --tm-season-shadow: 0 8px 22px rgba(61,44,30,.065);\n            --shadow-soft: 0 10px 30px rgba(61, 44, 30, 0.05);\n            --tm-footer-nav-h: 68px;\n        }\n\n        .tm-app-wrapper {\n            position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n            width: 100% !important; height: 100% !important; height: -webkit-fill-available !important;\n            display: flex; justify-content: center; background-color: var(--bg-cream); z-index: 999999;\n        }\n        .tm-app {\n            width: 100%; max-width: 480px; height: 100%; background-color: var(--bg-cream);\n            display: flex; flex-direction: column; position: relative; overflow: hidden;\n            font-family: 'Quicksand', sans-serif !important; color: var(--caramel-dark);\n        }\n        .tm-app * { box-sizing: border-box; font-family: 'Quicksand', sans-serif !important; }\n\n        .tm-scroll-container { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 220px !important; }\n        .tm-app.tm-orders-view .tm-scroll-container { padding-bottom: calc(var(--tm-footer-nav-h) + env(safe-area-inset-bottom, 0px) + 24px) !important; }\n        .tm-top-banner { width: 100%; max-height: 160px; overflow: hidden; display: block; }\n        .tm-top-banner img { width: 100%; height: auto; object-fit: cover; display: block; }\n\n        .tm-hud { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px 8px; gap: 8px; flex-wrap: wrap; }\n        .tm-brand-header { display: flex; align-items: center; gap: 8px; }\n        .tm-brand-logo { max-height: 40px; max-width: 130px; object-fit: contain; }\n        .tm-title { font-size: 1.2rem; font-weight: 700; color: var(--caramel-dark); letter-spacing: -0.3px; }\n        .tm-hud-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n        .tm-btn-install-app, .tm-btn-group-mode {\n            background: var(--card-bg); border: 1.5px solid var(--accent-orange); color: var(--accent-orange);\n            padding: 5px 10px; border-radius: 20px; font-size: 0.76rem; font-weight: 700;\n            display: inline-flex; align-items: center; gap: 4px; cursor: pointer; box-shadow: 0 3px 8px rgba(232,122,62,0.12);\n        }\n        .tm-user-welcome {\n            background: #FFF5EE; border: 1.5px solid rgba(232, 122, 62, 0.3); color: var(--accent-orange);\n            padding: 5px 10px; border-radius: 20px; font-size: 0.76rem; font-weight: 700;\n            display: inline-flex; align-items: center; gap: 4px; box-shadow: 0 3px 8px rgba(232, 122, 62, 0.08);\n        }\n\n        .tm-group-bar {\n            background: linear-gradient(180deg,#F1F8FE 0%,#E8F4FD 100%); border: 1.5px solid #9CCDEB; border-radius: 18px;\n            margin: 0 20px 12px; padding: 12px 14px; display: none; flex-direction:column; gap:10px;\n            box-shadow:0 6px 18px rgba(41,128,185,.08);\n        }\n        .tm-group-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }\n        .tm-group-info { font-size: 0.8rem; color: #1B4F72; font-weight: 700; }\n        .tm-group-share-btn {\n            background: #2980B9; color: #fff; border: none; padding: 5px 12px;\n            border-radius: 12px; font-size: 0.75rem; font-weight: 700; cursor: pointer;\n        }\n        .tm-group-progress-box{background:#fff;border:1px solid #CBE4F4;border-radius:14px;padding:10px 11px;}\n        .tm-group-progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.75rem;color:#1B4F72;font-weight:800;}\n        .tm-group-progress-track{height:8px;border-radius:999px;background:#EAF3F9;overflow:hidden;margin:8px 0 6px;}\n        .tm-group-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#2980B9,#43A8DF);border-radius:999px;transition:width .25s ease;}\n        .tm-group-progress-note{font-size:.7rem;color:#52768C;line-height:1.35;}\n        .tm-group-members{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none;}\n        .tm-group-members::-webkit-scrollbar{display:none;}\n        .tm-group-member-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;background:#fff;border:1px solid #CBE4F4;color:#315B74;font-size:.68rem;font-weight:700;}\n        .tm-group-member-chip.ready{background:#F1FBF5;border-color:#BDE7CB;color:#237647;}\n        .tm-group-split-list{display:grid;gap:9px;margin-top:12px;}\n        .tm-group-split-row{border:1px solid var(--gold-border);background:#fff;border-radius:13px;padding:10px 12px;}\n        .tm-group-split-row-top{display:flex;justify-content:space-between;gap:10px;font-weight:800;color:var(--caramel-dark);font-size:.84rem;}\n        .tm-group-split-detail{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font-size:.69rem;color:#7c6a5a;}\n\n        .tm-pickup-info-box {\n            background: var(--card-bg); border: 1.5px dashed var(--accent-orange); border-radius: 16px;\n            padding: 12px 14px; margin-bottom: 14px; font-size: 0.8rem; color: var(--caramel-dark);\n            line-height: 1.5; display: flex; align-items: flex-start; gap: 10px;\n        }\n\n        .tm-mascot-card {\n            margin: 6px 20px 12px; background: var(--card-bg); border: 1.5px solid var(--gold-border);\n            border-radius: 24px; padding: 12px 16px; display: flex; align-items: center; gap: 14px; box-shadow: var(--shadow-soft);\n        }\n        .tm-cat-avatar {\n            width: 48px; height: 48px; background: #FFF5EE; border: 2px solid #FADCCB;\n            border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow:hidden;\n        }\n        .tm-dialogue {\n            background: var(--bg-cream); border: 1px solid var(--gold-border);\n            padding: 8px 12px; border-radius: 14px; font-size: 0.8rem; color: var(--caramel-dark); line-height: 1.4;\n        }\n\n        .tm-home-vouchers-wrap { margin: 0 0 16px; }\n        .tm-home-voucher-header {\n            display: flex; justify-content: space-between; align-items: center;\n            padding: 0 20px 8px; font-size: 0.95rem; font-weight: 700; color: var(--caramel-dark);\n        }\n        .tm-home-voucher-header .see-all {\n            font-size: 0.78rem; font-weight: 700; color: var(--accent-orange);\n            cursor: pointer; display: flex; align-items: center; gap: 2px;\n        }\n        .tm-home-voucher-scroll {\n            display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none;\n            padding: 4px 20px 8px; -webkit-overflow-scrolling: touch;\n        }\n        .tm-home-voucher-scroll::-webkit-scrollbar { display: none; }\n        \n        .tm-ticket-card {\n            flex: 0 0 230px; background: #FFF; border: 1.5px dashed var(--accent-orange);\n            border-radius: 14px; padding: 10px 12px; display: flex; flex-direction: column;\n            justify-content: space-between; position: relative; box-shadow: 0 4px 12px rgba(232,122,62,0.08);\n            cursor: pointer; transition: transform 0.15s ease;\n        }\n        .tm-ticket-card:active { transform: scale(0.97); }\n        .tm-ticket-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 6px; }\n        .tm-ticket-badge {\n            background: #FFF5EE; color: var(--accent-orange); font-size: 0.68rem;\n            font-weight: 800; padding: 2px 6px; border-radius: 6px; text-transform: uppercase;\n        }\n        .tm-ticket-tag-best {\n            background: #E74C3C; color: #FFF; font-size: 0.65rem; font-weight: 800;\n            padding: 2px 6px; border-radius: 6px;\n        }\n        .tm-ticket-code { font-size: 0.95rem; font-weight: 800; color: var(--caramel-dark); margin: 4px 0 2px; }\n        .tm-ticket-desc {\n            font-size: 0.74rem; color: #666; line-height: 1.35;\n            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\n        }\n        .tm-ticket-btn {\n            align-self: flex-end; margin-top: 6px; background: var(--accent-orange);\n            color: #fff; border: none; font-size: 0.72rem; font-weight: 700;\n            padding: 3px 8px; border-radius: 10px; cursor: pointer;\n        }\n\n        .tm-new-section { margin-bottom: 18px; }\n        .tm-new-header {\n            display: flex; justify-content: space-between; align-items: center;\n            padding: 0 20px 8px; font-size: 0.95rem; font-weight: 700; color: var(--caramel-dark);\n        }\n        .tm-new-header small { font-size: 0.75rem; color: var(--caramel-soft); font-weight: 600; }\n        \n        .tm-new-carousel-container { position: relative; width: 100%; }\n        .tm-new-carousel {\n            display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;\n            padding: 4px 20px 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch;\n        }\n        .tm-new-carousel::-webkit-scrollbar { display: none; }\n        \n        .tm-story-card {\n            flex: 0 0 72%; max-width: 290px; aspect-ratio: 3 \/ 4;\n            scroll-snap-align: center;\n            background: #2D2319; border-radius: 24px; overflow: hidden; position: relative;\n            cursor: pointer; box-shadow: 0 10px 25px rgba(61,44,30,0.12);\n            transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        .tm-story-card:active { transform: scale(0.97); }\n\n        .tm-story-sticker {\n            position: absolute; top: 14px; left: 14px; z-index: 5;\n            background: linear-gradient(135deg, #FF6B35 0%, #E87A3E 100%);\n            color: #FFFFFF; font-size: 0.75rem; font-weight: 800; text-transform: uppercase;\n            letter-spacing: 0.4px; padding: 5px 12px; border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(232, 122, 62, 0.45);\n        }\n        .tm-story-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n        .tm-story-fallback-icon {\n            width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;\n            font-size: 4.5rem; background: #FAF6EE;\n        }\n        .tm-story-overlay {\n            position: absolute; bottom: 0; left: 0; right: 0; top: 35%;\n            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(30, 20, 10, 0.88) 100%);\n            display: flex; flex-direction: column; justify-content: flex-end;\n            padding: 18px 16px 16px; color: #FFFFFF; pointer-events: none;\n        }\n        .tm-story-title {\n            font-size: 1.05rem; font-weight: 700; margin-bottom: 3px; line-height: 1.3;\n            color: #FFFFFF; text-shadow: 0 2px 4px rgba(0,0,0,0.4);\n            display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;\n        }\n        .tm-story-sub {\n            font-size: 0.78rem; color: rgba(255, 255, 255, 0.85); margin-bottom: 8px; line-height: 1.3;\n            display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;\n        }\n        .tm-story-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 2px; }\n        .tm-story-price { font-size: 1.1rem; font-weight: 800; color: #FFD56B; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }\n        .tm-story-btn {\n            background: #FFFFFF; color: var(--caramel-dark); font-size: 0.75rem; font-weight: 700;\n            padding: 5px 12px; border-radius: 16px; box-shadow: 0 3px 8px rgba(0,0,0,0.2);\n        }\n\n        .tm-story-dots { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 10px; }\n        .tm-story-dot {\n            width: 7px; height: 7px; border-radius: 50%; background: #E2D7C7;\n            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        .tm-story-dot.active { width: 22px; border-radius: 10px; background: var(--accent-orange); }\n\n        .tm-tabs-wrapper {\n            position: sticky; top: 0; z-index: 10; background: var(--bg-cream); padding: 8px 20px; backdrop-filter: blur(10px);\n        }\n        .tm-tabs { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; }\n        .tm-tabs::-webkit-scrollbar { display: none; }\n        .tm-tab-btn {\n            padding: 8px 16px; border-radius: 18px; font-size: 0.85rem; font-weight: 700;\n            background: var(--card-bg); color: var(--caramel-soft); border: 1.5px solid var(--gold-border);\n            cursor: pointer; white-space: nowrap; transition: 0.2s ease;\n        }\n        .tm-tab-btn.active {\n            background: var(--tab-active-bg) !important; border-color: var(--tab-active-bg) !important; \n            color: var(--tab-active-text) !important; box-shadow: 0 4px 12px rgba(61,44,30,0.2);\n        }\n\n        .tm-catalog { display: flex; flex-direction: column; gap: 24px; padding: 10px 20px 24px; }\n        .tm-cat-section { display: flex; flex-direction: column; gap: 12px; }\n        .tm-cat-heading {\n            font-size: 1rem; font-weight: 700; color: var(--caramel-dark);\n            display: flex; align-items: center; gap: 10px; letter-spacing: -0.2px;\n        }\n        .tm-cat-heading::after { content: \"\"; flex: 1; height: 1.5px; background: var(--gold-border); }\n        .tm-grid { display: flex; flex-direction: column; gap: 12px; }\n        \n        .tm-card {\n            background: var(--card-bg); border: 1.5px solid var(--gold-border);\n            border-radius: 18px; padding: 12px; display: flex; flex-direction: row;\n            align-items: center; gap: 12px; text-align: left; box-shadow: var(--shadow-soft); position: relative;\n            transition: transform 0.2s; cursor: pointer;\n        }\n        .tm-card:active { transform: scale(0.98); }\n        .tm-card.out-stock { opacity: 0.55; filter: grayscale(0.6); cursor: not-allowed; }\n        .tm-out-badge { position: absolute; top: 10px; right: 10px; background: #E74C3C; color: #fff; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 10px; z-index: 2; }\n\n        .tm-item-media {\n            width: 90px; height: 90px; flex-shrink: 0; background: var(--bg-cream); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center; overflow: hidden;\n        }\n        .tm-item-media img { width: 100%; height: 100%; object-fit: cover; }\n        .tm-item-media .tm-item-emoji { font-size: 2rem; }\n\n        .tm-card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 36px; text-align: left; }\n        .tm-card-title { font-size: 0.95rem; font-weight: 700; color: var(--caramel-dark); margin-bottom: 3px; line-height: 1.3; width: 100%; word-break: break-word; }\n        .tm-card-desc { \n            font-size: 0.78rem; color: var(--caramel-soft); margin-bottom: 6px; line-height: 1.35; \n            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%;\n        }\n        .tm-price { font-size: 0.95rem; font-weight: 700; color: var(--price-color); text-align: left; margin-top: 2px; }\n\n        .tm-btn-add { \n            position: absolute; right: 12px; bottom: 12px;\n            background: var(--btn-add-bg); color: #FFF; border: none; width: 32px; height: 32px; \n            border-radius: 50%; font-size: 1.1rem; font-weight: 700; \n            display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15); pointer-events: none; \n        }\n        \n        .tm-gift-banner {\n    background: #FFF5EE; \n    border-top: 1.5px dashed var(--accent-orange); \n    padding: 10px 16px;\n    font-size: 0.82rem; \n    font-weight: 600; \n    color: var(--accent-orange); \n    text-align: center; \n    display: none;\n    line-height: 1.4;\n}\n\n        .tm-bottom-bar {\n            position: absolute; bottom: calc(var(--tm-footer-nav-h) + env(safe-area-inset-bottom, 0px)); left: 0; right: 0; background: var(--bottom-bar-bg);\n            border-top: 1.5px solid var(--gold-border); padding: 10px 16px 12px !important;\n            display: flex; flex-direction: column; gap: 8px; box-shadow: 0 -8px 24px rgba(61,44,30,0.07); z-index: 70;\n        }\n        .tm-bottom-bar.tm-hidden { display: none !important; }\n\n        .tm-footer-nav {\n            position: absolute; left: 0; right: 0; bottom: 0; z-index: 80;\n            min-height: calc(var(--tm-footer-nav-h) + env(safe-area-inset-bottom, 0px));\n            padding: 7px 10px calc(7px + env(safe-area-inset-bottom, 0px));\n            display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 4px;\n            background: rgba(255,255,255,0.97); border-top: 1px solid var(--gold-border);\n            box-shadow: 0 -8px 26px rgba(61,44,30,0.08); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n        }\n        .tm-footer-nav-btn {\n            appearance: none; -webkit-appearance: none; border: 0; background: transparent; color: #8d7a69;\n            min-width: 0; min-height: 54px; padding: 5px 6px; border-radius: 16px; cursor: pointer;\n            display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;\n            font-size: .72rem; font-weight: 800; transition: background .18s ease, color .18s ease, transform .12s ease;\n        }\n        .tm-footer-nav-btn:active { transform: scale(.96); }\n        .tm-footer-nav-btn.active { color: var(--accent-orange); background: #FFF5EE; }\n        .tm-footer-icon { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; position: relative; }\n        .tm-footer-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }\n        .tm-footer-icon-wrap { position: relative; }\n        .tm-footer-label { line-height: 1.1; white-space: nowrap; }\n        \/* v3.4.19 \u2014 premium install reward treatment *\/\n        #tm-footer-install.tm-install-reward-active {\n            position:relative; overflow:hidden; isolation:isolate;\n            color:var(--accent-orange);\n            background:linear-gradient(145deg, color-mix(in srgb,var(--accent-orange) 10%,#fff), #fff 62%, color-mix(in srgb,var(--accent-orange) 6%,#fff));\n            box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-orange) 24%,transparent), 0 5px 16px rgba(126,82,46,.08);\n        }\n        #tm-footer-install.tm-install-reward-active::after {\n            content:\"\"; position:absolute; z-index:0; top:-60%; left:-62%; width:38%; height:220%;\n            transform:rotate(18deg); pointer-events:none;\n            background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.92),rgba(255,255,255,.18),transparent);\n            animation:tmInstallMirror 3.6s ease-in-out infinite;\n        }\n        #tm-footer-install.tm-install-reward-active > * { position:relative; z-index:1; }\n        .tm-install-reward-tag {\n            display:inline-flex; align-items:center; justify-content:center; max-width:100%;\n            margin-top:1px; padding:2px 6px; border-radius:999px;\n            background:var(--accent-orange); color:#fff; font-size:.54rem; font-weight:900; line-height:1.18;\n            letter-spacing:.01em; white-space:nowrap; box-shadow:0 2px 7px color-mix(in srgb,var(--accent-orange) 24%,transparent);\n        }\n        @keyframes tmInstallMirror {\n            0%,38% { left:-62%; opacity:0; }\n            47% { opacity:.95; }\n            66% { left:128%; opacity:.75; }\n            67%,100% { left:128%; opacity:0; }\n        }\n        .tm-install-reward-callout {\n            position:relative; overflow:hidden; margin:0 0 14px; padding:12px 14px; border-radius:15px;\n            background:linear-gradient(145deg,#fff8f1,#fff); border:1px solid color-mix(in srgb,var(--accent-orange) 32%,var(--gold-border));\n            color:var(--caramel-dark); box-shadow:0 6px 18px rgba(61,44,30,.05);\n        }\n        .tm-install-reward-callout strong { display:block; font-size:.92rem; font-weight:900; color:var(--accent-orange); }\n        .tm-install-reward-callout span { display:block; margin-top:3px; font-size:.72rem; line-height:1.45; color:var(--caramel-soft); }\n        @media (prefers-reduced-motion:reduce) { #tm-footer-install.tm-install-reward-active::after { animation:none; display:none; } }\n\n        .tm-footer-badge {\n            position: absolute; top: -6px; right: -9px; min-width: 17px; height: 17px; padding: 0 4px;\n            border-radius: 999px; background: #E74C3C; color: #fff; border: 2px solid #fff;\n            align-items: center; justify-content: center; font-size: .59rem; font-weight: 900; line-height: 1;\n        }\n        .tm-checkout-btn { \n            width: 100%; background: var(--checkout-btn-bg); color: #FFFFFF; border: none; \n            padding: 12px 18px; border-radius: 16px; font-weight: 700; font-size: 1rem; \n            cursor: pointer; box-shadow: 0 6px 20px rgba(61,44,30,0.2); display: flex; justify-content: space-between; align-items: center; \n        }\n        .tm-checkout-left { display: flex; align-items: center; gap: 6px; font-size: 0.95rem; font-weight: 600; color: #FFFFFF; }\n        .tm-checkout-right { font-size: 1.05rem; font-weight: 700; color: #FFFFFF; }\n        \n        .tm-modal-overlay {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(61, 44, 30, 0.4); backdrop-filter: blur(4px);\n            display: none; align-items: flex-end; z-index: 999;\n        }\n        .tm-modal-overlay.active { display: flex; }\n\n        \/* v3.4.20 \u2014 The scheduled-delivery editor can be opened from inside checkout.\n           Keep it in a higher modal layer so checkout remains underneath and the customer\n           can change the time without closing the order sheet first. *\/\n        #tm-modal-delivery-later {\n            z-index: 1600;\n        }\n        #tm-modal-delivery-later.active {\n            display: flex;\n        }\n        #tm-modal-delivery-later .tm-modal-sheet {\n            position: relative;\n            z-index: 1;\n        }\n        \n        .tm-modal-sheet {\n            background: var(--card-bg); width: 100%; border-top-left-radius: 28px; border-top-right-radius: 28px;\n            display: flex; flex-direction: column; max-height: 88%; overflow: hidden;\n            box-shadow: 0 -15px 40px rgba(0, 0, 0, 0.12); animation: tmSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        .tm-modal-header {\n            display: flex; justify-content: space-between; align-items: center;\n            padding: 16px 20px 12px; border-bottom: 1.5px solid var(--gold-border);\n            background: var(--card-bg); flex-shrink: 0;\n        }\n        .tm-modal-body-scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px 20px; }\n        .tm-modal-sticky-footer {\n            background: var(--card-bg); border-top: 1.5px solid var(--gold-border);\n            padding: 14px 20px calc(env(safe-area-inset-bottom, 0px) + 24px) !important;\n            display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; box-shadow: 0 -10px 25px rgba(61,44,30,0.06);\n        }\n        .tm-modal-total-row {\n            display: flex; justify-content: space-between; align-items: center; width: 100%;\n            font-size: 0.95rem; font-weight: 600; color: var(--caramel-dark);\n        }\n        .tm-modal-add-btn {\n            width: 100%; background: var(--accent-orange); color: #fff; border: none;\n            padding: 14px; border-radius: 16px; font-weight: 700; font-size: 1rem;\n            cursor: pointer; box-shadow: 0 6px 18px rgba(232,122,62,0.3); text-align: center;\n        }\n\n        .tm-modal-product-header {\n            display: flex; gap: 12px; align-items: center; margin-bottom: 16px;\n            background: var(--bg-cream); padding: 12px; border-radius: 16px; border: 1.5px solid var(--gold-border);\n        }\n        .tm-modal-img-col {\n            width: 40%; aspect-ratio: 1\/1; background: #fff; border-radius: 12px;\n            display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0;\n        }\n        .tm-modal-info-col { width: 60%; }\n        .tm-modal-sheet-inner { padding: 20px; }\n\n        .tm-order-modal-sheet { padding: 0 !important; display: flex; flex-direction: column; max-height: 92%; overflow: hidden; }\n        .tm-order-modal-header {\n            display: flex; justify-content: space-between; align-items: center;\n            padding: 18px 20px 12px; border-bottom: 1.5px solid var(--gold-border);\n            background: var(--card-bg); flex-shrink: 0;\n        }\n        .tm-order-modal-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px 20px 24px; }\n        .tm-order-sticky-footer {\n            background: var(--card-bg); border-top: 1.5px solid var(--gold-border);\n            padding: 14px 20px calc(env(safe-area-inset-bottom, 0px) + 28px) !important;\n            box-shadow: 0 -10px 25px rgba(61,44,30,0.06); flex-shrink: 0;\n        }\n\n        .tm-cart-item-row {\n            display: flex; justify-content: space-between; align-items: flex-start;\n            padding: 12px 0; border-bottom: 1px dashed var(--gold-border); font-size: 0.85rem;\n        }\n        .tm-cart-item-options { margin-top: 6px; display: flex; flex-direction: column; gap: 3px; }\n        .tm-cart-opt-line { font-size: 0.75rem; color: var(--caramel-soft); display: flex; align-items: center; gap: 4px; }\n        .tm-cart-opt-line::before { content: \"\u21b3\"; color: var(--accent-orange); font-weight: bold; }\n\n        .tm-cart-delete-btn {\n            background: #FFF5F5; border: 1px solid #FFE3E3; color: #E74C3C;\n            width: 30px; height: 30px; border-radius: 10px; font-size: 1.18rem; line-height: 1;\n            font-weight: 800; font-family: Arial, Helvetica, sans-serif;\n            display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 10px; flex-shrink: 0;\n            padding: 0;\n        }\n\n        .tm-breakdown-row { display: flex; justify-content: space-between; align-items: center; font-size: 0.82rem; color: #666; margin-bottom: 6px; }\n        .tm-breakdown-row.highlight {\n            font-size: 1rem; font-weight: 700; color: var(--caramel-dark);\n            margin-top: 8px; padding-top: 8px; border-top: 1.5px dashed var(--gold-border);\n        }\n        .tm-breakdown-row.highlight .amount { color: var(--accent-orange); font-size: 1.25rem; }\n\n        .tm-opt-section { margin-bottom: 18px; }\n        .tm-opt-title-row {\n            display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;\n        }\n        .tm-opt-title { font-size: 0.92rem; font-weight: 700; color: var(--caramel-dark); }\n        .tm-opt-req-tag {\n            font-size: 0.72rem; font-weight: 700; padding: 2px 8px; border-radius: 8px;\n        }\n        .tm-opt-req-tag.required { background: #FFF0E6; color: var(--accent-orange); border: 1px solid rgba(232,122,62,0.3); }\n        .tm-opt-req-tag.optional { background: #F4F4F4; color: #888; }\n\n        .tm-opt-vertical-list { display: flex; flex-direction: column; gap: 8px; }\n        .tm-opt-choice {\n            display: flex; justify-content: space-between; align-items: center;\n            padding: 12px 14px; background: var(--bg-cream); border: 1.5px solid var(--gold-border);\n            border-radius: 14px; font-size: 0.85rem; cursor: pointer; transition: 0.15s;\n        }\n        .tm-opt-choice input { margin-right: 12px; width: 18px; height: 18px; accent-color: var(--accent-orange); }\n\n        .tm-input {\n            width: 100%; padding: 12px 14px; border: 1.5px solid var(--gold-border);\n            border-radius: 14px; margin-bottom: 10px; font-size: 0.88rem; outline: none; background:var(--bg-cream); color: var(--caramel-dark);\n        }\n        .tm-input:focus { border-color: var(--accent-orange); background: #FFFFFF; }\n        .tm-switch-group { display: flex; gap: 10px; margin-bottom: 14px; }\n        .tm-switch-btn {\n            flex: 1; padding: 11px; border-radius: 14px; border: 1.5px solid var(--gold-border);\n            background: var(--bg-cream); font-weight: 700; font-size: 0.82rem; color: var(--caramel-dark); cursor: pointer; text-align: center;\n        }\n        .tm-switch-btn.active { background: #FFF5EE; border-color: var(--accent-orange); color: var(--accent-orange); box-shadow: 0 4px 12px rgba(232,122,62,0.15); }\n\n        .tm-voucher-list-wrap { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }\n        .tm-voucher-card {\n            background: var(--bg-cream); border: 1.5px solid var(--gold-border); border-radius: 14px;\n            padding: 10px 14px; display: flex; justify-content: space-between; align-items: center; cursor: pointer;\n        }\n        .tm-voucher-card.selected { border-color: var(--accent-orange); background: #FFF5EE; }\n        .tm-voucher-summary { display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--bg-cream); border:1.5px solid var(--gold-border); border-radius:14px; cursor:pointer; }\n\n        .tm-discount-section { background: var(--bg-cream); border: 1.5px solid var(--gold-border); border-radius: 18px; padding: 14px 16px; margin-bottom: 16px; }\n        .tm-vietqr-box { text-align: center; padding: 14px; background: var(--bg-cream); border: 1.5px solid var(--gold-border); border-radius: 20px; margin-bottom: 16px; }\n        .tm-vietqr-img { width: 170px; height: 170px; object-fit: contain; margin: 0 auto; display: block; border-radius: 14px; }\n        .tm-copy-badge {\n            display: inline-flex; align-items: center; gap: 6px; background: #FFFFFF; border: 1px solid var(--gold-border);\n            padding: 4px 10px; border-radius: 8px; font-size: 0.75rem; cursor: pointer; margin-top: 6px; font-weight: 600;\n        }\n\n        \/* v3.6.0.28 \u2014 app-to-app banking + automatic transfer confirmation *\/\n        .tm-bank-payment-sheet { text-align:left; padding:20px; padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px); max-height:92vh; overflow:auto; }\n        .tm-bank-payment-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }\n        .tm-bank-payment-head h3 { margin:0; font-size:1.08rem; color:var(--caramel-dark); }\n        .tm-bank-payment-head p { margin:4px 0 0; font-size:.76rem; color:#8a7767; line-height:1.4; }\n        .tm-bank-payment-close { border:0; background:#F4EADB; width:34px; height:34px; border-radius:50%; cursor:pointer; font-size:1rem; flex:0 0 auto; }\n        .tm-bank-qr-card { margin-bottom:12px; padding:12px; }\n        .tm-bank-qr-card .tm-vietqr-img { width:190px; height:190px; }\n        .tm-bank-payment-amount { margin-top:7px; font-size:1.05rem; font-weight:900; color:var(--price-color); }\n        .tm-bank-payment-line { font-size:.75rem; color:#666; margin-top:5px; line-height:1.45; }\n        .tm-open-bank-app-btn { width:100%; border:0; border-radius:17px; padding:13px 14px; background:var(--accent-orange); color:#fff; display:flex; align-items:center; gap:11px; text-align:left; cursor:pointer; box-shadow:0 8px 20px rgba(232,122,62,.18); }\n        .tm-open-bank-app-btn[hidden] { display:none !important; }\n        .tm-open-bank-app-icon { width:38px; height:38px; border-radius:13px; display:grid; place-items:center; background:rgba(255,255,255,.18); font-size:1.2rem; flex:0 0 auto; }\n        .tm-open-bank-app-btn strong { display:block; font-size:.9rem; }\n        .tm-open-bank-app-btn small { display:block; opacity:.86; margin-top:2px; font-size:.7rem; font-weight:600; }\n        .tm-bank-waiting { margin-top:12px; padding:12px 13px; border:1px solid #CFE8D8; background:#F3FBF6; border-radius:15px; display:flex; align-items:flex-start; gap:10px; color:#245E39; }\n        .tm-bank-waiting strong { display:block; font-size:.83rem; }\n        .tm-bank-waiting small { display:block; margin-top:3px; font-size:.72rem; line-height:1.45; color:#53725E; }\n        .tm-bank-waiting-spinner { width:18px; height:18px; border-radius:50%; border:2px solid #B8DCC4; border-top-color:#2B8B50; animation:tmBankSpin .8s linear infinite; flex:0 0 auto; margin-top:1px; }\n        .tm-bank-waiting.is-success { border-color:#BFE2CA; background:#F0FAF3; color:#1F6B3B; }\n        .tm-bank-waiting.is-error { border-color:#F1D4D0; background:#FFF7F5; color:#9D3D32; }\n        .tm-bank-waiting-icon { width:20px; height:20px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; margin-top:1px; font-size:.72rem; font-weight:900; background:#2B8B50; color:#fff; }\n        .tm-bank-waiting.is-error .tm-bank-waiting-icon { background:#B45145; }\n        @keyframes tmBankSpin { to { transform:rotate(360deg); } }\n        .tm-bank-countdown { margin-top:8px; text-align:center; color:#8a7767; font-size:.72rem; font-weight:700; }\n        .tm-manual-paid-btn { width:100%; background:#27ae60; color:#fff; border:0; padding:12px; border-radius:16px; font-weight:800; cursor:pointer; margin-top:12px; }\n        .tm-bank-cancel-btn { width:100%; background:#fff; color:#7B6757; border:1.5px solid var(--gold-border); padding:11px; border-radius:15px; font-weight:800; cursor:pointer; margin-top:9px; }\n        .tm-bank-payment-help { margin-top:10px; color:#8a7767; font-size:.68rem; line-height:1.45; text-align:center; }\n        .tm-bank-app-picker { padding:18px 16px calc(env(safe-area-inset-bottom,0px) + 22px); max-height:86vh; overflow:auto; }\n        .tm-bank-app-picker-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:12px; }\n        .tm-bank-app-picker-head h3 { margin:0; color:var(--caramel-dark); font-size:1.05rem; }\n        .tm-bank-app-picker-head p { margin:4px 0 0; color:#8a7767; font-size:.72rem; }\n        .tm-bank-app-picker-head button { border:0; background:#F4EADB; width:32px; height:32px; border-radius:50%; cursor:pointer; }\n        .tm-bank-app-list { display:grid; grid-template-columns:1fr 1fr; gap:9px; }\n        .tm-bank-app-loading { grid-column:1\/-1; padding:24px 10px; text-align:center; color:#8a7767; font-size:.75rem; }\n        .tm-bank-app-item { border:1.5px solid var(--gold-border); background:#fff; border-radius:15px; padding:11px; min-height:68px; text-align:left; cursor:pointer; color:var(--caramel-dark); display:flex; align-items:center; gap:9px; }\n        .tm-bank-app-logo { width:38px; height:38px; border-radius:12px; background:#FFF4EA; border:1px solid #F4DAC4; display:grid; place-items:center; font-size:.65rem; font-weight:900; flex:0 0 auto; }\n        .tm-bank-app-copy { min-width:0; flex:1; }\n        .tm-bank-app-item strong { display:block; font-size:.8rem; }\n        .tm-bank-app-item small { display:block; color:#8a7767; margin-top:3px; font-size:.62rem; line-height:1.3; }\n        .tm-bank-autofill-badge { background:#EDF8F0; color:#2C7A45; border-radius:999px; padding:3px 6px; font-size:.56rem; font-weight:900; flex:0 0 auto; }\n        .tm-bank-app-arrow { font-size:1.2rem; color:#B29B86; flex:0 0 auto; }\n        @media (max-width:370px) { .tm-bank-app-list { grid-template-columns:1fr; } }\n\n        .tm-install-step-card {\n            display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px;\n            background: var(--bg-cream); padding: 12px 14px; border-radius: 16px; border: 1px solid var(--gold-border);\n        }\n        .tm-install-step-num {\n            background: var(--accent-orange); color: #fff; width: 26px; height: 26px;\n            border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; flex-shrink: 0;\n        }\n        .tm-install-step-text { font-size: 0.85rem; color: var(--caramel-dark); line-height: 1.45; }\n        .tm-install-primary {\n            width:100%; border:0; border-radius:15px; padding:13px 15px; cursor:pointer;\n            background:var(--accent-orange); color:#fff; font-weight:900; font-size:.9rem;\n            display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:12px;\n            box-shadow:0 8px 18px rgba(232,122,62,.18);\n        }\n        .tm-install-primary:disabled { opacity:.62; cursor:default; box-shadow:none; }\n        .tm-install-secondary {\n            width:100%; border:1.5px solid var(--gold-border); border-radius:14px; padding:11px 13px; cursor:pointer;\n            background:#fff; color:var(--caramel-dark); font-weight:800; font-size:.82rem; margin-bottom:12px;\n        }\n        .tm-install-device-note {\n            display:flex; gap:10px; align-items:flex-start; background:#FFF9F3; border:1px solid #F0D9BF;\n            border-radius:14px; padding:10px 12px; margin-bottom:12px; color:#6b5747; font-size:.78rem; line-height:1.45;\n        }\n        .tm-ios-share-visual {\n            position:relative; margin:12px 0 14px; border:1px solid var(--gold-border); background:#f7f7f8;\n            border-radius:18px; padding:12px 12px 10px; text-align:center; overflow:hidden;\n        }\n        .tm-ios-share-visual .tm-ios-screen { height:70px; border-radius:12px; background:linear-gradient(180deg,#fff,#f4f4f5); border:1px solid #e5e5e7; }\n        .tm-ios-share-visual .tm-ios-toolbar { margin-top:9px; height:36px; display:flex; align-items:center; justify-content:space-around; color:#2779d8; font-size:1.18rem; }\n        .tm-ios-share-visual .tm-ios-share-btn {\n            width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center;\n            background:#e7f1ff; border:1px solid #b8d5fb; font-weight:900; position:relative;\n        }\n        .tm-ios-share-visual .tm-ios-share-btn:before {\n            content:'Nh\u1ea5n Chia s\u1ebb'; position:absolute; bottom:43px; left:50%; transform:translateX(-50%);\n            white-space:nowrap; background:#272727; color:#fff; padding:5px 8px; border-radius:8px; font-size:.67rem; font-weight:800;\n        }\n            margin:0 16px 12px; border:1.5px solid #F0D5B8; background:linear-gradient(135deg,#FFF9F3,#FFF3E6);\n            border-radius:18px; padding:12px 13px; display:none; align-items:center; gap:11px; position:relative; cursor:pointer;\n            box-shadow:0 4px 14px rgba(90,57,29,.05);\n        }\n            position:absolute; right:5px; top:4px; width:24px; height:24px; border:0; background:transparent; color:#9a8979;\n            border-radius:50%; cursor:pointer; font-size:.78rem; z-index:2;\n        }\n\n        @keyframes tmSlideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }\n\n        .tm-app-toast { position:fixed; left:50%; bottom:calc(var(--tm-footer-nav-h) + env(safe-area-inset-bottom, 0px) + 92px); transform:translate(-50%,16px); z-index:999999; max-width:min(88vw,420px); background:#2f2a26; color:#fff; padding:11px 15px; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.18); font-size:.84rem; font-weight:700; opacity:0; pointer-events:none; transition:.2s ease; text-align:center; }\n        .tm-app-toast.show { opacity:1; transform:translate(-50%,0); }\n        .tm-app-toast.success { background:#217a55; }\n        .tm-app-toast.error { background:#b23b35; }\n        .tm-cart-qty-control { display:inline-flex; align-items:center; border:1px solid var(--gold-border); border-radius:999px; overflow:hidden; background:#fff; }\n        .tm-cart-qty-control button { width:28px; height:28px; border:0; background:transparent; cursor:pointer; font-size:1rem; font-weight:800; color:var(--caramel-dark); }\n        .tm-cart-qty-control span { min-width:24px; text-align:center; font-size:.78rem; font-weight:800; }\n        input, textarea, select { -webkit-user-select: text !important; user-select: text !important; }\n        \/* Prevent iOS Safari from auto-zooming when focusing form fields.\n           Keep page pinch-zoom available for accessibility; only ensure form controls render at >=16px on mobile. *\/\n        @media (max-width: 768px) {\n            input[type=\"text\"], input[type=\"tel\"], input[type=\"number\"], input[type=\"email\"],\n            input[type=\"search\"], input[type=\"url\"], input[type=\"password\"], textarea, select {\n                font-size: 16px !important;\n                touch-action: manipulation;\n            }\n        }\n        .tm-customer-panels { display:none; padding: 8px 16px calc(var(--tm-footer-nav-h) + env(safe-area-inset-bottom, 0px) + 24px); }\n        .tm-customer-panel { display:none; }\n        .tm-customer-panel.active { display:block; }\n        .tm-customer-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 2px 12px; }\n        .tm-customer-title h3 { margin:0; font-size:1.05rem; color:var(--caramel-dark); }\n        .tm-customer-sub { font-size:.76rem; color:var(--caramel-soft); line-height:1.45; }\n        .tm-favorites-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }\n        .tm-favorite-wrap { position:relative; min-width:0; width:100%; }\n        .tm-favorite-wrap .tm-card { width:100%; box-sizing:border-box; }\n        .tm-favorite-count { position:absolute; z-index:4; top:8px; left:8px; background:rgba(61,44,30,.88); color:#fff; font-size:.66rem; font-weight:800; padding:4px 7px; border-radius:999px; pointer-events:none; }\n        .tm-account-card { background:linear-gradient(135deg,#FFF8F1,#FFFFFF); border:1.5px solid var(--gold-border); border-radius:20px; padding:15px; box-shadow:0 7px 20px rgba(61,44,30,.05); margin-bottom:12px; }\n        .tm-account-person { display:flex; align-items:center; gap:12px; }\n        .tm-account-avatar { width:48px; height:48px; border-radius:16px; background:#FFF0E4; display:flex; align-items:center; justify-content:center; font-size:1.5rem; flex:0 0 48px; }\n        .tm-account-name { font-size:1rem; font-weight:900; color:var(--caramel-dark); }\n        .tm-account-phone { font-size:.74rem; color:#817264; margin-top:2px; }\n        .tm-account-coins { margin-left:auto; text-align:right; }\n        .tm-account-coins strong { display:block; color:var(--accent-orange); font-size:1rem; }\n        .tm-account-coins span { font-size:.65rem; color:#8d8278; }\n        .tm-account-section { margin:16px 0 6px; }\n        .tm-account-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }\n        .tm-account-section-head strong { font-size:.85rem; color:var(--caramel-dark); }\n        .tm-account-link-btn { border:0; background:#FFF5EE; color:var(--accent-orange); border-radius:999px; padding:7px 10px; font-size:.7rem; font-weight:800; cursor:pointer; }\n        .tm-weekly-missions-section { margin-top:14px; }\n        .tm-weekly-missions-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }\n        .tm-weekly-missions-head strong { display:block; color:var(--caramel-dark); font-size:.9rem; font-weight:900; }\n        .tm-weekly-missions-period { margin-top:3px; color:#8a7a6c; font-size:.68rem; line-height:1.35; }\n        .tm-weekly-missions-summary { flex:0 0 auto; border:1px solid #F0D7C4; background:#FFF8F2; color:#A65D2F; border-radius:999px; padding:6px 9px; font-size:.66rem; font-weight:900; }\n        .tm-weekly-missions-list { display:flex; flex-direction:column; gap:9px; }\n        .tm-weekly-mission-item { position:relative; overflow:hidden; border:1px solid #EDE3DA; background:#fff; border-radius:16px; padding:12px; box-shadow:0 5px 18px rgba(61,44,30,.035); }\n        .tm-weekly-mission-item.completed { border-color:#D9E9DE; background:#FBFEFC; }\n        .tm-weekly-mission-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }\n        .tm-weekly-mission-copy { min-width:0; flex:1; }\n        .tm-weekly-mission-copy strong { display:block; color:#43372E; font-size:.79rem; font-weight:900; line-height:1.35; }\n        .tm-weekly-mission-copy span { display:block; margin-top:3px; color:#8B7D72; font-size:.66rem; line-height:1.45; }\n        .tm-weekly-mission-reward { flex:0 0 auto; color:#C56D34; background:#FFF4EB; border-radius:999px; padding:5px 8px; font-size:.64rem; font-weight:900; white-space:nowrap; }\n        .tm-weekly-mission-reward.received { color:#287653; background:#ECF8F1; }\n        .tm-weekly-mission-progress-row { display:flex; align-items:center; gap:10px; margin-top:10px; }\n        .tm-weekly-mission-track { flex:1; height:6px; background:#F0EAE5; border-radius:999px; overflow:hidden; }\n        .tm-weekly-mission-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#E98A4C,#C96E34); transition:width .35s ease; }\n        .tm-weekly-mission-item.completed .tm-weekly-mission-track span { background:#4C9B72; }\n        .tm-weekly-mission-progress-text { flex:0 0 auto; min-width:68px; text-align:right; color:#72665C; font-size:.64rem; font-weight:900; }\n        .tm-weekly-mission-item.completed .tm-weekly-mission-progress-text { color:#287653; }\n        .tm-weekly-mission-item.claimable { border-color:#E5C9A8; background:linear-gradient(180deg,#FFFCF8 0%,#FFF9F2 100%); }\n        .tm-weekly-mission-claim-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:11px; padding-top:10px; border-top:1px solid #F0E3D5; }\n        .tm-weekly-mission-claim-row span { color:#8A6A50; font-size:.63rem; line-height:1.35; font-weight:700; }\n        .tm-weekly-mission-claim-btn { flex:0 0 auto; border:0; border-radius:999px; min-height:34px; padding:8px 12px; background:#4B3527; color:#fff; font-size:.66rem; font-weight:900; font-family:inherit; cursor:pointer; box-shadow:0 5px 14px rgba(75,53,39,.14); transition:transform .16s ease,opacity .16s ease; }\n        .tm-weekly-mission-claim-btn:active { transform:scale(.97); }\n        .tm-weekly-mission-claim-btn:disabled { opacity:.58; cursor:wait; }\n        .tm-weekly-mission-item.rewarded { border-color:#D9E9DE; background:#FBFEFC; }\n        .tm-weekly-missions-note { margin-top:9px; color:#8B7D72; font-size:.64rem; line-height:1.45; padding:0 2px; }\n        .tm-address-list { display:flex; flex-direction:column; gap:8px; }\n        .tm-address-card { border:1.5px solid var(--gold-border); background:#fff; border-radius:15px; padding:11px 12px; position:relative; }\n        .tm-address-card.default { border-color:#F1C9AA; background:#FFFBF7; }\n        .tm-address-card-title { display:flex; align-items:center; gap:7px; font-size:.8rem; font-weight:900; color:var(--caramel-dark); padding-right:70px; }\n        .tm-address-default-badge { font-size:.6rem; color:#238B55; background:#EAFAF1; padding:3px 6px; border-radius:999px; font-weight:800; }\n        .tm-address-card-sub { font-size:.7rem; color:#77695c; line-height:1.45; margin-top:4px; }\n        .tm-address-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }\n        .tm-address-card-top > div:first-child { display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:.8rem; color:var(--caramel-dark); }\n        .tm-address-card-actions { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; }\n        .tm-address-card-actions button { border:1px solid var(--gold-border); background:#fff; color:#635548; border-radius:8px; padding:5px 7px; font-size:.61rem; font-weight:800; cursor:pointer; }\n        .tm-address-card-actions .tm-address-default-btn { background:#FFF5EE; color:var(--accent-orange); border-color:#F1C9AA; }\n        .tm-address-card-actions .tm-address-delete-btn { color:#A34848; }\n        .tm-address-recipient { font-size:.7rem; color:#6f6256; font-weight:700; margin-top:7px; }\n        .tm-address-text { font-size:.7rem; color:#77695c; line-height:1.45; margin-top:3px; }\n        .tm-address-actions { display:flex; gap:6px; margin-top:8px; }\n        .tm-address-actions button { border:1px solid var(--gold-border); background:#fff; color:#635548; border-radius:9px; padding:6px 8px; font-size:.66rem; font-weight:800; cursor:pointer; }\n        .tm-address-actions button.primary { background:#FFF5EE; color:var(--accent-orange); border-color:#F1C9AA; }\n        .tm-saved-address-checkout { display:none; margin:4px 0 10px; }\n        .tm-saved-address-checkout.show { display:block; }\n        .tm-saved-address-label { display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; font-size:.72rem; color:#746556; }\n        .tm-saved-address-chips { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }\n        .tm-saved-address-chips::-webkit-scrollbar { display:none; }\n        .tm-address-chip { white-space:nowrap; border:1.5px solid var(--gold-border); background:#fff; color:var(--caramel-dark); border-radius:999px; padding:8px 11px; font-size:.7rem; font-weight:800; cursor:pointer; }\n        .tm-address-chip.active { border-color:var(--accent-orange); color:var(--accent-orange); background:#FFF5EE; }\n        .tm-saved-address-chip { min-width:132px; max-width:210px; border:1.5px solid var(--gold-border); background:#fff; color:var(--caramel-dark); border-radius:13px; padding:8px 10px; text-align:left; cursor:pointer; flex:0 0 auto; }\n        .tm-saved-address-chip strong { display:block; font-size:.7rem; color:inherit; }\n        .tm-saved-address-chip span { display:block; font-size:.61rem; color:#807165; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; }\n        .tm-saved-address-chip.active { border-color:var(--accent-orange); background:#FFF5EE; color:var(--accent-orange); }\n        .tm-address-modal-grid { display:grid; gap:9px; }\n        .tm-address-type-row { display:flex; gap:7px; flex-wrap:wrap; }\n        .tm-address-type-btn { border:1.5px solid var(--gold-border); background:#fff; color:#67584a; border-radius:999px; padding:7px 11px; font-size:.72rem; font-weight:800; cursor:pointer; }\n        .tm-address-type-btn.active { border-color:var(--accent-orange); background:#FFF5EE; color:var(--accent-orange); }\n        .tm-account-favorites .tm-favorite-count { top:7px; left:7px; }\n        .tm-push-card { border:1.5px solid #D9D4F7; background:#F8F7FF; border-radius:16px; padding:12px; }\n        .tm-push-card-title { font-size:.8rem; font-weight:900; color:#514587; }\n        .tm-push-card-sub { font-size:.69rem; color:#736b96; line-height:1.45; margin:3px 0 9px; }\n        .tm-push-btn { width:100%; border:0; border-radius:11px; background:#6755B8; color:#fff; padding:9px 10px; font-size:.74rem; font-weight:800; cursor:pointer; }\n        .tm-live-order-banner { position:relative; }\n        .tm-live-order-summary { font-size:.78rem; font-weight:900; color:var(--caramel-dark); line-height:1.35; }\n        .tm-live-order-eta { font-size:.68rem; color:#238B55; font-weight:800; margin-top:3px; }\n        .tm-zoomable-image { cursor: zoom-in; -webkit-user-drag:none; }\n        .tm-image-viewer {\n            position:fixed; inset:0; z-index:2147483646; display:none; flex-direction:column;\n            background:rgba(20,15,11,.94); color:#fff; overscroll-behavior:contain;\n            -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);\n        }\n        .tm-image-viewer.open { display:flex; }\n        .tm-image-viewer-top {\n            height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:space-between; gap:10px;\n            padding:env(safe-area-inset-top,0px) 14px 0; box-sizing:content-box; position:relative; z-index:3;\n        }\n        .tm-image-viewer-title { flex:1; min-width:0; font-size:.9rem; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }\n        .tm-image-viewer-btn {\n            width:42px; height:42px; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:rgba(255,255,255,.1);\n            color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:1.22rem; font-weight:800; cursor:pointer;\n            -webkit-tap-highlight-color:transparent;\n        }\n        .tm-image-viewer-stage {\n            position:relative; flex:1; min-height:0; overflow:hidden; display:flex; align-items:center; justify-content:center;\n            touch-action:none; user-select:none; -webkit-user-select:none;\n        }\n        .tm-image-viewer-stage img {\n            max-width:92vw; max-height:calc(100vh - 160px); width:auto; height:auto; object-fit:contain;\n            transform:translate3d(0,0,0) scale(1); transform-origin:center center; will-change:transform;\n            transition:transform .16s ease; pointer-events:none; border-radius:10px; box-shadow:0 14px 50px rgba(0,0,0,.32);\n        }\n        .tm-image-viewer-stage.dragging img { transition:none; }\n        .tm-image-viewer-controls {\n            flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:10px;\n            padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px)); position:relative; z-index:3;\n        }\n        .tm-image-viewer-controls .tm-image-viewer-btn { width:46px; height:46px; }\n        .tm-image-viewer-reset { width:auto !important; min-width:76px; border-radius:999px !important; padding:0 14px; font-size:.8rem !important; }\n        .tm-image-viewer-hint { position:absolute; left:50%; bottom:76px; transform:translateX(-50%); font-size:.68rem; color:rgba(255,255,255,.7); white-space:nowrap; pointer-events:none; }\n        @media (min-width:768px) {\n            .tm-image-viewer-stage img { max-width:min(88vw,1100px); max-height:calc(100vh - 150px); }\n        }\n\n        .tm-history-card { background:var(--card-bg); border:1.5px solid var(--gold-border); border-radius:18px; padding:13px; margin-bottom:12px; box-shadow:0 5px 16px rgba(61,44,30,.04); }\n        .tm-history-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding-bottom:9px; border-bottom:1px dashed #eadfd2; }\n        .tm-history-id { font-size:.9rem; font-weight:900; color:var(--caramel-dark); }\n        .tm-history-time { font-size:.7rem; color:#8d8278; margin-top:2px; }\n        .tm-status-pill { white-space:nowrap; font-size:.69rem; font-weight:800; border-radius:999px; padding:5px 8px; background:#FFF4EA; color:#D7682F; }\n        .tm-status-pill.confirmed { background:#F2ECFF; color:#7048A8; }\n        .tm-status-pill.processing { background:#EBF5FB; color:#2879A8; }\n        .tm-status-pill.ready { background:#FFF7E6; color:#B7791F; }\n        .tm-status-pill.delivering { background:#EEF2FF; color:#4C51BF; }\n        .tm-status-pill.completed { background:#EAFAF1; color:#238B55; }\n        .tm-status-pill.cancelled { background:#FFF0F0; color:#C0392B; }\n        .tm-history-items { padding:9px 0 3px; }\n        .tm-history-item { display:flex; justify-content:space-between; gap:10px; font-size:.79rem; color:#55483e; padding:3px 0; }\n        .tm-history-total { display:flex; justify-content:space-between; align-items:center; margin-top:8px; padding-top:9px; border-top:1px dashed #eadfd2; font-size:.82rem; }\n        .tm-history-total strong { color:var(--accent-orange); font-size:1rem; }\n        .tm-history-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }\n        .tm-history-action-btn { flex:1 1 130px; min-height:38px; border-radius:12px; border:1.5px solid var(--gold-border); background:#fff; color:var(--caramel-dark); font-size:.76rem; font-weight:800; cursor:pointer; padding:8px 10px; }\n        .tm-history-action-btn.primary { background:#FFF5EE; border-color:#F1C9AA; color:var(--accent-orange); }\n        .tm-history-action-btn.qr { background:#EEF7FF; border-color:#C8E3F6; color:#2879A8; }\n        .tm-order-progress { display:flex; align-items:center; gap:0; margin:10px 0 4px; }\n        .tm-order-timeline { margin:12px 0 6px; padding:10px 11px; background:#FFFDF9; border:1px solid #F0E4D7; border-radius:14px; }\n        .tm-timeline-step { display:grid; grid-template-columns:28px 1fr; gap:8px; min-height:42px; position:relative; }\n        .tm-timeline-step:last-child { min-height:28px; }\n        .tm-timeline-marker { position:relative; display:flex; justify-content:center; }\n        .tm-timeline-marker::after { content:''; position:absolute; top:22px; bottom:-4px; width:2px; background:#E5DCD3; }\n        .tm-timeline-step:last-child .tm-timeline-marker::after { display:none; }\n        .tm-timeline-dot { width:18px; height:18px; margin-top:1px; border-radius:50%; border:2px solid #D8CEC3; background:#fff; display:flex; align-items:center; justify-content:center; font-size:10px; color:#fff; z-index:2; }\n        .tm-timeline-step.done .tm-timeline-dot { border-color:#27AE60; background:#27AE60; }\n        .tm-timeline-step.done .tm-timeline-marker::after { background:#A8D8BE; }\n        .tm-timeline-step.current .tm-timeline-dot { border-color:var(--accent-orange); background:var(--accent-orange); box-shadow:0 0 0 5px rgba(232,122,62,.12); }\n        .tm-timeline-title { font-size:.78rem; font-weight:800; color:#8D8278; line-height:1.3; padding-top:1px; }\n        .tm-timeline-step.done .tm-timeline-title, .tm-timeline-step.current .tm-timeline-title { color:var(--caramel-dark); }\n        .tm-timeline-sub { font-size:.67rem; color:#9A8D80; margin-top:2px; line-height:1.35; }\n        .tm-order-eta { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 10px; margin:8px 0 2px; border-radius:12px; background:#F3FAF6; border:1px solid #CFEADB; font-size:.74rem; color:#456455; }\n        .tm-order-eta strong { color:#238B55; white-space:nowrap; }\n        .tm-review-summary { margin-top:9px; padding:9px 10px; border-radius:12px; background:#FFF9E8; border:1px solid #F3D98B; font-size:.73rem; color:#685640; }\n        .tm-review-stars { color:#F2B01E; letter-spacing:1px; font-size:.9rem; }\n        .tm-free-shipping-box { display:flex; gap:9px; align-items:flex-start; background:#F2FBF5; border:1.5px solid #BFE3CB; border-radius:14px; padding:10px 12px; margin:10px 0 14px; color:#236B43; }\n        .tm-free-shipping-box strong { display:block; font-size:.8rem; }\n        .tm-free-shipping-box span { display:block; font-size:.7rem; color:#527563; margin-top:2px; line-height:1.4; }\n        .tm-review-stars-picker { display:flex; justify-content:center; gap:7px; margin:10px 0 14px; }\n        .tm-review-star-btn { border:0; background:transparent; font-size:2rem; color:#D8CEC3; cursor:pointer; padding:2px; line-height:1; }\n        .tm-review-star-btn.active { color:#F2B01E; transform:scale(1.06); }\n        .tm-progress-step { flex:1; text-align:center; position:relative; font-size:.64rem; color:#9b9188; padding-top:23px; }\n        .tm-progress-step:before { content:''; width:16px; height:16px; border-radius:50%; background:#e7dfd6; border:2px solid #fff; box-shadow:0 0 0 1px #d8cec3; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:2; }\n        .tm-progress-step:after { content:''; height:3px; background:#e7dfd6; position:absolute; top:8px; left:-50%; width:100%; z-index:1; }\n        .tm-progress-step:first-child:after { display:none; }\n        .tm-progress-step.done { color:var(--caramel-dark); font-weight:800; }\n        .tm-progress-step.done:before, .tm-progress-step.done:after { background:var(--accent-orange); }\n        .tm-live-order-banner { display:none; margin:4px 16px 8px; border:1.5px solid #F1C9AA; background:linear-gradient(135deg,#FFF8F1,#FFFDF9); border-radius:16px; padding:10px 12px; cursor:pointer; box-shadow:0 5px 18px rgba(232,122,62,.08); }\n        .tm-live-order-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }\n        .tm-live-order-label { font-size:.78rem; font-weight:900; color:var(--caramel-dark); }\n        .tm-live-order-status { font-size:.72rem; font-weight:800; color:var(--accent-orange); }\n        .tm-empty-customer { text-align:center; padding:28px 18px; background:#fff; border:1.5px dashed var(--gold-border); border-radius:18px; color:#786a5d; font-size:.84rem; line-height:1.5; }\n\n        \/* === Seasonal \/ Event Appearance Layer === *\/\n        .tm-season-active .tm-tabs-wrapper { box-shadow: 0 7px 18px color-mix(in srgb, var(--accent-orange) 9%, transparent); }\n        .tm-season-active .tm-card { box-shadow: 0 10px 26px color-mix(in srgb, var(--accent-orange) 6%, rgba(61,44,30,.04)); }\n        .tm-seasonal-banner {\n            margin: 4px 20px 14px; min-height: 150px; border-radius: 24px; padding: 18px;\n            background-size: cover !important; background-position: center !important; color:#fff; position:relative; overflow:hidden;\n            display:flex; flex-direction:column; justify-content:flex-end; box-shadow:0 16px 34px rgba(43,27,15,.16); isolation:isolate;\n        }\n        .tm-seasonal-banner::before { content:\"\"; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,8,6,.02) 12%,rgba(10,8,6,.56) 100%); z-index:-1; }\n        .tm-seasonal-badge { align-self:flex-start; display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:999px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.17); backdrop-filter:blur(8px); font-size:.66rem; font-weight:800; margin-bottom:8px; }\n        .tm-seasonal-title { font-size:1.28rem; line-height:1.2; font-weight:900; letter-spacing:-.3px; text-shadow:0 2px 8px rgba(0,0,0,.2); }\n        .tm-seasonal-subtitle { margin-top:4px; font-size:.78rem; line-height:1.42; color:rgba(255,255,255,.9); max-width:92%; }\n        .tm-seasonal-cta { margin-top:11px; align-self:flex-start; border:0; background:#fff; color:#432E22; border-radius:14px; padding:9px 13px; font-size:.76rem; font-weight:900; cursor:pointer; box-shadow:0 6px 16px rgba(0,0,0,.16); }\n        .tm-seasonal-cta:active { transform:scale(.97); }\n        .tm-season-popup-backdrop { position:absolute; inset:0; z-index:995; display:none; align-items:center; justify-content:center; padding:22px; background:rgba(33,23,16,.68); backdrop-filter:blur(8px); }\n        .tm-season-popup-backdrop.active { display:flex; }\n        .tm-season-popup-card { width:min(100%,360px); background:var(--card-bg); border-radius:24px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.30); position:relative; animation:tmSeasonPopupIn .28s cubic-bezier(.16,1,.3,1); }\n        .tm-season-popup-media { width:100%; max-height:300px; object-fit:cover; display:block; }\n        .tm-season-popup-fallback { min-height:170px; display:flex; align-items:center; justify-content:center; font-size:72px; color:#fff; }\n        .tm-season-popup-body { padding:17px 18px 18px; text-align:center; }\n        .tm-season-popup-title { font-size:1.08rem; font-weight:900; color:var(--caramel-dark); }\n        .tm-season-popup-text { margin-top:6px; color:var(--caramel-soft); font-size:.79rem; line-height:1.5; }\n        .tm-season-popup-actions { display:flex; gap:8px; margin-top:14px; }\n        .tm-season-popup-actions button { flex:1; border:0; border-radius:13px; padding:11px; font-size:.8rem; font-weight:900; cursor:pointer; }\n        .tm-season-popup-close { background:#F3EEE8; color:var(--caramel-dark); }\n        .tm-season-popup-go { background:var(--accent-orange); color:#fff; }\n        @keyframes tmSeasonPopupIn { from{opacity:0;transform:translateY(18px) scale(.97)} to{opacity:1;transform:none} }\n        .tm-season-particle-layer { position:absolute; inset:0 0 calc(var(--tm-footer-nav-h) + env(safe-area-inset-bottom,0px)) 0; pointer-events:none; overflow:hidden; z-index:18; }\n        .tm-season-particle { position:absolute; top:-12%; left:var(--left); font-size:var(--size); opacity:var(--opacity); filter:drop-shadow(0 3px 4px rgba(0,0,0,.10)); animation:tmSeasonFall var(--duration) linear var(--delay) infinite; will-change:transform; }\n        @keyframes tmSeasonFall { 0%{transform:translate3d(0,-80px,0) rotate(0deg)} 50%{transform:translate3d(var(--drift),52vh,0) rotate(150deg)} 100%{transform:translate3d(calc(var(--drift) * -0.4),112vh,0) rotate(300deg)} }\n        .tm-season-corner-decor { position:absolute; top:78px; z-index:24; pointer-events:none; width:70px; height:70px; display:flex; align-items:center; justify-content:center; font-size:46px; filter:drop-shadow(0 8px 12px rgba(0,0,0,.14)); animation:tmSeasonFloat 4.6s ease-in-out infinite; }\n        .tm-season-corner-decor.left { left:-7px; transform-origin:left top; }\n        .tm-season-corner-decor.right { right:-7px; animation-delay:-1.7s; transform-origin:right top; }\n        .tm-season-corner-decor img { max-width:100%; max-height:100%; object-fit:contain; }\n        @keyframes tmSeasonFloat { 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(6px) rotate(3deg)} }\n        .tm-season-mascot { position:absolute; z-index:65; pointer-events:none; width:74px; height:74px; display:flex; align-items:center; justify-content:center; font-size:52px; filter:drop-shadow(0 9px 14px rgba(0,0,0,.18)); animation:tmSeasonMascot 3.5s ease-in-out infinite; }\n        .tm-season-mascot img { max-width:100%; max-height:100%; object-fit:contain; }\n        .tm-season-mascot.bottom_right { right:8px; bottom:calc(var(--tm-footer-nav-h) + 104px); }\n        .tm-season-mascot.bottom_left { left:8px; bottom:calc(var(--tm-footer-nav-h) + 104px); }\n        .tm-season-mascot.top_right { right:8px; top:150px; }\n        .tm-season-mascot.top_left { left:8px; top:150px; }\n        @keyframes tmSeasonMascot { 0%,100%{transform:translateY(0) rotate(-3deg)} 40%{transform:translateY(-9px) rotate(4deg)} 70%{transform:translateY(1px) rotate(-1deg)} }\n        .tm-season-frame::after { content:\"\"; position:absolute; inset:5px; border:1.5px solid color-mix(in srgb, var(--accent-orange) 42%, transparent); border-radius:24px; z-index:90; pointer-events:none; }\n        .tm-season-pattern { background-repeat:repeat; background-size:180px auto; background-attachment:local; }\n        .tm-season-active .tm-footer-nav-btn.active { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-orange) 18%,transparent); }\n        @media (max-width:420px) { .tm-seasonal-banner{margin-left:14px;margin-right:14px}.tm-season-corner-decor{width:60px;height:60px;font-size:39px}.tm-season-mascot{width:64px;height:64px;font-size:45px} }\n        @media (prefers-reduced-motion: reduce) { .tm-season-particle{display:none!important}.tm-season-corner-decor,.tm-season-mascot{animation:none!important} }\n        @media (min-width: 900px) { .tm-app { max-width: 760px; border-left:1px solid var(--gold-border); border-right:1px solid var(--gold-border); box-shadow:0 0 40px rgba(61,44,30,.08); } }\n\n        \/* v3.4: typography\/readability *\/\n        .tm-app { font-size:16.5px; }\n        .tm-card-title { font-size:1.02rem !important; line-height:1.3; }\n        .tm-card-desc { font-size:.83rem !important; line-height:1.5 !important; }\n        .tm-input, .tm-app input, .tm-app textarea, .tm-app select { font-size:16px !important; line-height:1.45; }\n        .tm-opt-title { font-size:.96rem !important; }\n        .tm-opt-choice { min-height:48px; font-size:.9rem; }\n        .tm-modal-sheet { font-size:1rem; }\n        .tm-modal-product-name { font-weight:800; font-size:1.08rem; color:var(--caramel-dark); margin-bottom:6px; line-height:1.3; }\n        .tm-modal-product-desc-full { font-size:.9rem; color:var(--caramel-soft); line-height:1.55; white-space:normal; overflow:visible; max-height:none; }\n        .tm-form-label { font-size:.9rem; font-weight:800; color:var(--caramel-dark); margin-bottom:7px; display:block; }\n        .tm-form-field { margin:12px 0; }\n        .tm-form-field .tm-input { margin:0 !important; min-height:48px; border-radius:14px; }\n        \n        \/* v3.4.2: legacy top-notice banners are permanently disabled.\n           Khu v\u1ef1c th\u00f4ng b\u00e1o \u0111\u1ea7u Menu ch\u1ec9 d\u00e0nh cho ph\u00f2ng nh\u00f3m v\u00e0 \u0111\u01a1n \u0111ang ch\u1ea1y. *\/\n        #tm-abandoned-cart-banner, .tm-abandoned-cart-banner,\n        #tm-home-intelligence, .tm-home-intelligence,\n        #tm-install-banner, .tm-install-banner { display:none !important; visibility:hidden !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; overflow:hidden !important; }\n\n\n        \/* v3.4.5 \u2014 Search Focus Experience *\/\n        .tm-search-launch { padding:10px 20px 4px; position:relative; z-index:12; }\n        .tm-search-bar { position:relative; display:flex; align-items:center; gap:8px; width:100%; }\n        .tm-search-bar #tm-search-input {\n            width:100%; min-width:0; height:46px; padding:10px 42px 10px 42px;\n            border:1.5px solid var(--gold-border); border-radius:16px; outline:none;\n            background:var(--card-bg); color:var(--caramel-dark); box-shadow:0 2px 8px rgba(61,44,30,.03);\n            font-size:16px !important; font-weight:650; -webkit-appearance:none; appearance:none;\n        }\n        .tm-search-bar #tm-search-input::-webkit-search-cancel-button { -webkit-appearance:none; appearance:none; }\n        .tm-search-icon { position:absolute; left:14px; z-index:2; font-size:.98rem; color:var(--caramel-soft); pointer-events:none; transition:left .2s ease; }\n        .tm-search-clear {\n            position:absolute; right:11px; border:0; background:#F4EADB; width:26px; height:26px; border-radius:50%;\n            font-size:.72rem; cursor:pointer; display:none; align-items:center; justify-content:center; color:#6f6257; font-weight:900; z-index:3;\n        }\n        .tm-search-back {\n            width:40px; height:40px; flex:0 0 40px; border:0; border-radius:13px; background:#F4EADB; color:var(--caramel-dark);\n            font-size:1.8rem; line-height:1; font-weight:500; display:none; align-items:center; justify-content:center; cursor:pointer; padding:0 0 3px;\n        }\n        .tm-search-overlay {\n            position:fixed; top:0; bottom:0; left:50%; transform:translateX(-50%); width:min(100%,480px);\n            z-index:900; background:var(--bg-cream); display:none; overflow:hidden;\n            padding-top:calc(env(safe-area-inset-top,0px) + 72px);\n        }\n        .tm-search-overlay.active { display:block; animation:tmSearchFadeIn .16s ease-out; }\n        .tm-search-overlay-scroll {\n            height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;\n            padding:10px 16px calc(30px + env(safe-area-inset-bottom,0px));\n        }\n        .tm-app.tm-search-active .tm-search-launch {\n            position:fixed; top:0; left:50%; transform:translateX(-50%); width:min(100%,480px); z-index:920;\n            padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px; background:color-mix(in srgb,var(--bg-cream) 94%,transparent);\n            border-bottom:1px solid color-mix(in srgb,var(--gold-border) 75%,transparent);\n            -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 5px 18px rgba(61,44,30,.05);\n        }\n        .tm-app.tm-search-active .tm-search-back { display:flex; }\n        .tm-app.tm-search-active .tm-search-icon { left:60px; }\n        .tm-app.tm-search-active .tm-search-bar #tm-search-input { padding-left:38px; border-color:color-mix(in srgb,var(--accent-orange) 72%,var(--gold-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-orange) 10%,transparent); }\n        .tm-app.tm-search-active .tm-bottom-bar, .tm-app.tm-search-active .tm-footer-nav { display:none !important; }\n        .tm-search-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin:2px 2px 12px; }\n        .tm-search-section-head > div { min-width:0; display:flex; flex-direction:column; gap:3px; }\n        .tm-search-section-head strong { font-size:1.02rem; color:var(--caramel-dark); line-height:1.3; }\n        .tm-search-section-head span { font-size:.78rem; color:var(--caramel-soft); line-height:1.4; }\n        .tm-search-section-head button { border:0; background:transparent; color:var(--accent-orange); font-size:.78rem; font-weight:850; cursor:pointer; white-space:nowrap; padding:3px 0; }\n        .tm-search-voucher-list { display:flex; flex-direction:column; gap:10px; }\n        .tm-search-voucher-list .tm-ticket-card { flex:none; width:100%; min-height:104px; }\n        .tm-search-voucher-list .tm-ticket-desc { -webkit-line-clamp:3; font-size:.8rem; }\n        .tm-search-results-list { display:flex; flex-direction:column; gap:11px; }\n        .tm-search-results-list .tm-card { width:100%; margin:0; flex:none; }\n        .tm-search-results-list .tm-card-desc { -webkit-line-clamp:3; }\n        .tm-search-soft-empty { padding:18px 16px; border:1.5px dashed var(--gold-border); border-radius:16px; background:var(--card-bg); color:var(--caramel-soft); font-size:.85rem; line-height:1.5; text-align:center; }\n        .tm-search-empty-state { padding:44px 18px 26px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--caramel-soft); }\n        .tm-search-empty-state .tm-search-empty-icon { font-size:2rem; margin-bottom:3px; }\n        .tm-search-empty-state strong { color:var(--caramel-dark); font-size:1rem; }\n        .tm-search-empty-state span { max-width:310px; font-size:.83rem; line-height:1.5; }\n        @keyframes tmSearchFadeIn { from{opacity:.55;} to{opacity:1;} }\n        @media (prefers-reduced-motion:reduce) { .tm-search-overlay.active { animation:none; } }\n\n        \/* v3.4.10 \u2014 Search discovery upgrade (results cards intentionally unchanged) *\/\n        .tm-search-overlay{background:color-mix(in srgb,var(--bg-cream) 96%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}\n        .tm-search-launch,.tm-search-bar,#tm-search-input{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;}\n        .tm-app.tm-search-active .tm-search-bar{transform:scale(1.006);}\n        .tm-app.tm-search-active .tm-search-launch{animation:tmSearchBarSettle .22s cubic-bezier(.2,.75,.3,1);}\n        .tm-search-overlay.active .tm-search-overlay-scroll{animation:tmSearchContentIn .22s ease-out;}\n        .tm-search-discovery-panel{display:flex;flex-direction:column;gap:18px;padding-top:2px;}\n        .tm-search-discovery-block{opacity:1;transform:translateY(0);transition:opacity .16s ease,transform .16s ease;}\n        .tm-search-mini-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px 9px;}\n        .tm-search-mini-head strong{font-size:.96rem;color:var(--caramel-dark);font-weight:900;line-height:1.25;}\n        .tm-search-mini-head span{font-size:.72rem;color:var(--caramel-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n        .tm-search-mini-head button{border:0;background:transparent;color:var(--accent-orange);font-size:.75rem;font-weight:850;cursor:pointer;padding:2px 0;}\n        .tm-search-chip-row{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}\n        .tm-search-chip-row::-webkit-scrollbar,.tm-search-product-strip::-webkit-scrollbar{display:none;}\n        .tm-search-chip{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--gold-border) 82%,#fff);background:var(--card-bg);color:var(--caramel-dark);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:780;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(61,44,30,.035);transition:transform .14s ease,border-color .14s ease,background .14s ease;}\n        .tm-search-chip:active{transform:scale(.97);}\n        .tm-search-chip:hover{border-color:color-mix(in srgb,var(--accent-orange) 48%,var(--gold-border));background:#fffaf6;}\n        .tm-search-product-strip{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;}\n        .tm-search-discovery-card{scroll-snap-align:start;flex:0 0 210px;min-width:0;border:1px solid color-mix(in srgb,var(--gold-border) 78%,#fff);background:var(--card-bg);border-radius:15px;padding:9px;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(61,44,30,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}\n        .tm-search-discovery-card:active{transform:scale(.985);}\n        .tm-search-discovery-card:hover{border-color:color-mix(in srgb,var(--accent-orange) 45%,var(--gold-border));box-shadow:0 7px 18px rgba(61,44,30,.07);}\n        .tm-search-discovery-media{width:54px;height:54px;flex:0 0 54px;border-radius:12px;overflow:hidden;background:#F8EFE4;display:flex;align-items:center;justify-content:center;color:var(--caramel-soft);font-weight:900;font-size:1rem;}\n        .tm-search-discovery-media img{width:100%;height:100%;object-fit:cover;display:block;}\n        .tm-search-discovery-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;}\n        .tm-search-discovery-title{font-size:.8rem;font-weight:900;color:var(--caramel-dark);line-height:1.28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n        .tm-search-discovery-meta{font-size:.68rem;color:var(--caramel-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n        .tm-search-discovery-price{font-size:.75rem;font-weight:900;color:var(--accent-orange);margin-top:1px;}\n        .tm-search-vouchers-panel{padding-top:1px;}\n        .tm-search-results-panel{animation:tmSearchResultsSwap .16s ease-out;}\n        @keyframes tmSearchBarSettle{from{transform:translateX(-50%) translateY(-5px);opacity:.88}to{transform:translateX(-50%) translateY(0);opacity:1}}\n        @keyframes tmSearchContentIn{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}\n        @keyframes tmSearchResultsSwap{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}\n        @media(max-width:360px){.tm-search-discovery-card{flex-basis:192px}.tm-search-discovery-media{width:50px;height:50px;flex-basis:50px}.tm-search-chip{padding:8px 10px;font-size:.74rem}}\n        @media(prefers-reduced-motion:reduce){.tm-app.tm-search-active .tm-search-launch,.tm-search-overlay.active .tm-search-overlay-scroll,.tm-search-results-panel{animation:none!important}.tm-search-launch,.tm-search-bar,#tm-search-input,.tm-search-discovery-card,.tm-search-chip{transition:none!important}}\n\n\n        \/* ===== v3.4.7 Header + compact promotion cards ===== *\/\n        .tm-hud.tm-hud-v347{display:flex;justify-content:space-between;align-items:center;padding:13px 18px 7px;gap:12px;flex-wrap:nowrap;}\n        .tm-hud-v347 .tm-brand-header{min-width:0;flex:1;}\n        .tm-hud-v347 .tm-brand-logo{max-height:44px;max-width:145px;object-fit:contain;object-position:left center;}\n        .tm-user-identity{flex:0 0 auto;min-width:108px;max-width:52%;display:flex;flex-direction:column;align-items:flex-end;gap:1px;cursor:pointer;padding:4px 0;}\n        .tm-user-identity-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:800;color:var(--caramel-dark);}\n        .tm-user-identity-coins{font-size:.74rem;color:var(--accent-orange);font-weight:900;white-space:nowrap;}\n        .tm-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px 18px 13px;}\n        .tm-quick-action{position:relative;overflow:hidden;min-height:50px;border:1.5px solid var(--gold-border);border-radius:15px;background:var(--card-bg);color:var(--caramel-dark);padding:9px 6px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:850;line-height:1.2;text-align:center;cursor:pointer;box-shadow:0 4px 12px rgba(61,44,30,.045);}\n        .tm-quick-action:active{transform:scale(.98);}\n        .tm-quick-action-scheduled{border-color:color-mix(in srgb,var(--accent-orange) 70%,var(--gold-border));background:#FFF8F1;color:var(--accent-orange);}\n        .tm-quick-action-icon{font-size:1.12rem;line-height:1;}\n        .tm-quick-action-group{border-color:color-mix(in srgb,var(--accent-orange) 82%,#fff);background:linear-gradient(145deg,#fffaf4,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-orange) 8%,transparent),0 7px 20px color-mix(in srgb,var(--accent-orange) 17%,transparent);color:var(--accent-orange);}\n        .tm-quick-action-group::after{content:\"\";position:absolute;top:-45%;left:-58%;width:42%;height:190%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.95),rgba(255,255,255,.18),transparent);animation:tmGroupMirror 2.8s ease-in-out infinite;pointer-events:none;}\n        @keyframes tmGroupMirror{0%,32%{left:-58%;opacity:0}42%{opacity:.95}68%{left:125%;opacity:.9}69%,100%{left:125%;opacity:0}}\n\n        .tm-home-voucher-scroll{gap:8px;padding:3px 18px 8px;}\n        .tm-promo-card{flex:0 0 285px;min-width:0;background:#fff;border:1px solid color-mix(in srgb,var(--gold-border) 78%,#fff);border-radius:15px;padding:9px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 12px rgba(61,44,30,.045);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;}\n        .tm-promo-card:active{transform:scale(.985);}\n        .tm-promo-card.selected{border-color:var(--accent-orange);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-orange) 12%,transparent);background:#fffaf6;}\n        .tm-promo-card.disabled{opacity:.52;cursor:not-allowed;}\n        .tm-promo-avatar{width:50px;height:50px;flex:0 0 50px;border-radius:13px;background:linear-gradient(145deg,#FFF5E8,#F8E8D6);border:1px solid #F0D9BE;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.35rem;}\n        .tm-promo-avatar img{width:100%;height:100%;object-fit:cover;display:block;}\n        .tm-promo-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;}\n        .tm-promo-title{font-size:.84rem;font-weight:900;color:var(--caramel-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;}\n        .tm-promo-desc{font-size:.72rem;color:#75685d;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n        .tm-promo-time{font-size:.67rem;color:#c46a12;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}\n        .tm-promo-card.tm-group-offer .tm-promo-avatar{background:linear-gradient(145deg,#edf7ff,#e6f3fb);border-color:#c7e2f3;}\n        .tm-promo-card.tm-group-offer .tm-promo-time{color:#2778a8;}\n        #tm_all_vouchers_content .tm-promo-card,.tm-search-voucher-list .tm-promo-card,.tm-voucher-list-wrap .tm-promo-card{flex:none;width:100%;}\n        .tm-search-voucher-list{gap:8px;}\n        .tm-search-voucher-list .tm-promo-card{min-height:68px;}\n        .tm-voucher-list-wrap{gap:8px;}\n        @media(max-width:360px){.tm-quick-actions{gap:6px;padding-left:12px;padding-right:12px}.tm-quick-action{font-size:.66rem;padding-left:3px;padding-right:3px}.tm-promo-card{flex-basis:262px}}\n        @media(prefers-reduced-motion:reduce){.tm-quick-action-group::after{animation:none;display:none;}}\n\n\n        \/* ===== v3.4.21 \u2014 Premium interface system ===== *\/\n        :root {\n            --tm-radius-card: 20px;\n            --tm-radius-control: 14px;\n            --tm-text-title: 1.02rem;\n            --tm-text-body: .84rem;\n            --tm-text-caption: .72rem;\n            --tm-ease: cubic-bezier(.2,.75,.3,1);\n            --tm-neutral-border: color-mix(in srgb,var(--gold-border) 80%,#fff);\n            --tm-neutral-bg: color-mix(in srgb,var(--bg-cream) 45%,#fff);\n        }\n        .tm-app, .tm-app * {\n            font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n        }\n        .tm-app { letter-spacing:-.01em; }\n        .tm-app button, .tm-app [role=\"button\"] { -webkit-tap-highlight-color:transparent; }\n        .tm-app button { transition:transform .14s ease, opacity .14s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; }\n        .tm-app button:active { transform:scale(.98); }\n\n        \/* Minimal brand header *\/\n        .tm-hud.tm-premium-header { padding:18px 20px 10px; gap:14px; flex-wrap:nowrap; align-items:center; }\n        .tm-premium-header .tm-brand-header { min-width:0; flex:1; }\n        .tm-premium-header .tm-brand-logo { max-height:38px; max-width:138px; object-fit:contain; object-position:left center; }\n        .tm-premium-header .tm-title { font-size:1.18rem; font-weight:720; letter-spacing:-.035em; }\n        .tm-header-meta { flex:0 0 auto; display:flex; align-items:center; gap:8px; }\n        .tm-store-status { display:inline-flex; align-items:center; gap:6px; color:#5e6c61; font-size:.67rem; font-weight:650; white-space:nowrap; }\n        .tm-store-status-dot { width:7px; height:7px; border-radius:50%; background:#3f9567; box-shadow:0 0 0 3px rgba(63,149,103,.10); }\n        .tm-store-status.is-closed { color:#9a5a3a; }\n        .tm-store-status.is-closed .tm-store-status-dot { background:#d96b3b; box-shadow:0 0 0 3px rgba(217,107,59,.11); }\n        .tm-header-cta { border:1px solid var(--tm-neutral-border); background:#fff; color:var(--caramel-dark); border-radius:999px; padding:7px 10px; font-size:.68rem; font-weight:700; cursor:pointer; box-shadow:none; }\n        .tm-header-icon-btn { width:38px; height:38px; min-width:38px; padding:0; border:1px solid var(--tm-neutral-border); background:#fff; color:var(--caramel-dark); border-radius:50%; display:grid; place-items:center; position:relative; cursor:pointer; box-shadow:0 4px 14px rgba(61,44,30,.035); }\n        .tm-header-icon-btn svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; position:relative; z-index:1; }\n        .tm-header-icon-btn:focus-visible { outline:2px solid color-mix(in srgb,var(--accent-orange) 70%,#fff); outline-offset:2px; }\n\n        \/* v3.6.0.27 \u2014 customer-facing temporary-closure consent *\/\n        .tm-shop-closed-modal { position:fixed; inset:0; z-index:10000020; display:flex; align-items:center; justify-content:center; padding:calc(20px + env(safe-area-inset-top,0px)) 18px calc(20px + env(safe-area-inset-bottom,0px)); background:rgba(33,24,18,.58); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility .22s ease; }\n        .tm-shop-closed-modal.active { opacity:1; visibility:visible; pointer-events:auto; }\n        .tm-shop-closed-card { width:min(100%,390px); background:#fff; border:1px solid rgba(118,82,52,.10); border-radius:26px; padding:24px 21px 19px; box-shadow:0 28px 70px rgba(36,24,14,.24); text-align:center; transform:translateY(14px) scale(.985); transition:transform .26s cubic-bezier(.2,.8,.2,1); }\n        .tm-shop-closed-modal.active .tm-shop-closed-card { transform:translateY(0) scale(1); }\n        .tm-shop-closed-icon { width:54px; height:54px; margin:0 auto 13px; border-radius:18px; display:grid; place-items:center; color:var(--accent-orange); background:color-mix(in srgb,var(--accent-orange) 10%,#fff); }\n        .tm-shop-closed-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }\n        .tm-shop-closed-eyebrow { font-size:.58rem; letter-spacing:.13em; font-weight:850; color:#a08068; margin-bottom:6px; }\n        .tm-shop-closed-card h3 { margin:0; color:var(--caramel-dark); font-size:1.2rem; line-height:1.25; letter-spacing:-.025em; }\n        .tm-shop-closed-card>p { margin:9px auto 0; max-width:330px; color:#75675c; font-size:.78rem; line-height:1.58; }\n        .tm-shop-closed-preorder-summary { margin:16px 0 15px; padding:12px 13px; border:1px solid #f0dfca; background:#fffaf4; border-radius:16px; text-align:left; display:grid; gap:9px; }\n        .tm-shop-closed-preorder-summary>div { display:grid; grid-template-columns:22px 1fr; gap:8px; align-items:start; color:#655447; font-size:.7rem; line-height:1.45; }\n        .tm-shop-closed-check,.tm-shop-closed-clock { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:#fff; color:#b85f2c; font-weight:900; font-size:.67rem; border:1px solid #eed5bc; }\n        .tm-shop-closed-actions { display:grid; gap:8px; }\n        .tm-shop-closed-actions button { width:100%; min-height:46px; border-radius:15px; font-weight:790; font-size:.78rem; cursor:pointer; }\n        .tm-shop-closed-primary { border:0; color:#fff; background:var(--caramel-dark); box-shadow:0 8px 20px rgba(61,44,30,.13); }\n        .tm-shop-closed-secondary { border:1px solid var(--tm-neutral-border); color:#66564a; background:#fff; }\n        .tm-shop-closed-card>small { display:block; margin-top:10px; color:#9a897a; font-size:.61rem; line-height:1.45; }\n        body.tm-shop-closed-lock { overflow:hidden; }\n        .tm-closed-preorder-consent.is-confirmed { display:flex; align-items:flex-start; gap:8px; padding:9px 10px; border-radius:12px; background:#f1faf4; border:1px solid #ccebd6; color:#3f684c; }\n        .tm-preorder-consent-icon { width:20px; height:20px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; background:#4b9a66; color:#fff; font-size:.62rem; font-weight:900; }\n        .tm-quick-actions { padding:7px 20px 15px; gap:8px; }\n        .tm-quick-action { min-height:46px; border:1px solid var(--tm-neutral-border); border-radius:14px; background:#fff; box-shadow:0 3px 12px rgba(45,35,25,.025); font-size:.69rem; font-weight:650; color:#564a40; }\n        .tm-quick-action-group { border-color:color-mix(in srgb,var(--accent-orange) 45%,var(--tm-neutral-border)); color:var(--accent-orange); background:#fff; box-shadow:none; }\n        .tm-quick-action-scheduled { background:#fff; color:var(--accent-orange); border-color:color-mix(in srgb,var(--accent-orange) 45%,var(--tm-neutral-border)); }\n\n        \/* Menu cards: calmer surfaces, larger media, compact add CTA *\/\n        .tm-catalog { gap:26px; padding:12px 20px 26px; }\n        .tm-cat-section { gap:11px; }\n        .tm-cat-heading { font-size:.94rem; font-weight:720; letter-spacing:-.02em; }\n        .tm-cat-heading::after { height:1px; background:var(--tm-neutral-border); }\n        .tm-grid { gap:10px; }\n        .tm-catalog .tm-card { min-height:114px; border:1px solid var(--tm-neutral-border); border-radius:var(--tm-radius-card); padding:11px; gap:13px; box-shadow:0 5px 18px rgba(42,33,24,.035); background:#fff; }\n        .tm-catalog .tm-card:hover { border-color:color-mix(in srgb,var(--gold-border) 55%,var(--accent-orange)); box-shadow:0 9px 24px rgba(42,33,24,.055); }\n        .tm-catalog .tm-item-media { width:96px; height:96px; border-radius:16px; background:#f7f4ef; }\n        .tm-catalog .tm-card-body { padding-right:58px; }\n        .tm-catalog .tm-card-title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:.94rem; font-weight:700; line-height:1.32; margin-bottom:4px; }\n        .tm-catalog .tm-card-desc { color:#80766d; font-size:.75rem; line-height:1.42; margin-bottom:7px; }\n        .tm-catalog .tm-price { font-size:.96rem; font-weight:760; color:var(--caramel-dark); letter-spacing:-.015em; }\n        .tm-catalog .tm-btn-add { width:auto; height:30px; min-width:48px; padding:0 10px; border-radius:999px; right:11px; bottom:11px; box-shadow:none; background:var(--caramel-dark); font-size:0; font-weight:700; }\n        .tm-catalog .tm-btn-add::after { content:\"+\"; font-size:.67rem; line-height:1; color:#fff; }\n\n        \/* Search result rendering remains intentionally close to v3.4.9 *\/\n        .tm-search-results-list .tm-card { border-radius:18px; padding:12px; gap:12px; }\n        .tm-search-results-list .tm-item-media { width:90px; height:90px; border-radius:14px; }\n        .tm-search-results-list .tm-card-body { padding-right:36px; }\n        .tm-search-results-list .tm-btn-add { width:32px; height:32px; border-radius:50%; padding:0; font-size:1.1rem; right:12px; bottom:12px; background:var(--btn-add-bg); }\n        .tm-search-results-list .tm-btn-add::after { content:none; }\n\n        \/* Text-first glass navigation *\/\n        .tm-footer-nav { min-height:calc(62px + env(safe-area-inset-bottom,0px)); padding:6px 12px calc(7px + env(safe-area-inset-bottom,0px)); gap:6px; background:rgba(255,255,255,.82); border-top:1px solid rgba(93,75,58,.09); box-shadow:0 -10px 28px rgba(48,38,29,.055); -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%); }\n        .tm-footer-nav-btn { position:relative; min-height:48px; flex-direction:row; gap:0; border-radius:14px; font-size:.72rem; font-weight:600; color:#8a8178; overflow:visible; }\n        .tm-footer-nav-btn::before { content:\"\"; position:absolute; top:4px; left:50%; width:18px; height:2px; border-radius:999px; background:transparent; transform:translateX(-50%) scaleX(.4); transition:background .18s ease, transform .18s ease; }\n        .tm-footer-nav-btn.active { color:var(--caramel-dark); background:transparent; font-weight:760; }\n        .tm-footer-nav-btn.active::before { background:var(--accent-orange); transform:translateX(-50%) scaleX(1); }\n        .tm-footer-label { line-height:1; }\n        .tm-footer-badge { top:3px; right:calc(50% - 36px); border-color:rgba(255,255,255,.9); }\n        #tm-footer-install.tm-install-reward-active { border-radius:14px; background:rgba(255,255,255,.38); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-orange) 18%,transparent); }\n        .tm-install-reward-tag { position:absolute !important; top:3px; right:5px; padding:2px 5px; font-size:.48rem; box-shadow:none; }\n\n        \/* Unified bottom sheets \/ modals *\/\n        .tm-modal-overlay { background:rgba(35,29,24,.32); -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); }\n        .tm-modal-overlay.active { animation:tmPremiumBackdrop .2s ease-out; }\n        .tm-modal-sheet { position:relative; border-radius:26px 26px 0 0; max-height:90%; background:#fff; box-shadow:0 -24px 70px rgba(29,23,18,.16); animation:tmPremiumSheetIn .21s var(--tm-ease); }\n        .tm-modal-sheet::before { content:\"\"; width:38px; height:4px; border-radius:999px; background:#ddd7d1; margin:8px auto 0; flex:0 0 auto; }\n        #tm-modal-invoice .tm-modal-sheet::before { display:none; }\n        .tm-modal-header, .tm-order-modal-header { border-bottom:1px solid var(--tm-neutral-border); padding:12px 20px 14px; }\n        .tm-modal-header h3, .tm-order-modal-header h3, .tm-modal-sheet-inner h3 { font-size:1rem !important; font-weight:730 !important; letter-spacing:-.02em; color:var(--caramel-dark) !important; }\n        .tm-modal-subtitle { display:block; margin-top:3px; font-size:.68rem; color:#8a8178; line-height:1.4; }\n        .tm-modal-sheet-inner { padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px)); }\n        .tm-modal-body-scroll { padding:14px 20px 20px; }\n        .tm-modal-sheet button[onclick*=\"tmCloseModal\"] { width:30px !important; height:30px !important; border-radius:999px !important; background:#f5f2ee !important; color:#70665d !important; box-shadow:none !important; }\n        .tm-modal-sheet.tm-sheet-dragging { animation:none !important; transition:none !important; will-change:transform,opacity; }\n        .tm-modal-sheet.tm-sheet-settling { animation:none !important; transition:transform .18s cubic-bezier(.22,.8,.22,1), opacity .18s ease !important; will-change:transform,opacity; }\n        @keyframes tmPremiumBackdrop { from{opacity:0} to{opacity:1} }\n        @keyframes tmPremiumSheetIn { from{transform:translateY(22px);opacity:.74} to{transform:translateY(0);opacity:1} }\n\n        \/* Checkout sections *\/\n        .tm-order-modal-sheet { max-height:94%; background:#f8f6f2; }\n        .tm-order-modal-header { background:rgba(255,255,255,.96); }\n        .tm-order-modal-body { padding:14px 16px 28px; background:#f8f6f2; }\n        .tm-checkout-section { margin-bottom:12px; padding:15px; border:1px solid rgba(104,87,70,.08); border-radius:20px; background:#fff; box-shadow:0 4px 14px rgba(44,35,27,.025); }\n        .tm-checkout-section-head { display:flex; justify-content:space-between; gap:10px; margin-bottom:12px; }\n        .tm-checkout-section-head strong { display:block; font-size:.87rem; font-weight:730; color:var(--caramel-dark); }\n        .tm-checkout-section-head span { display:block; margin-top:3px; font-size:.67rem; line-height:1.42; color:#8c8278; }\n        .tm-checkout-cart-list { border:0; border-radius:0; padding:0; margin:0; background:transparent; }\n        .tm-cart-item-row:last-child { border-bottom:0; }\n        .tm-form-field { margin-bottom:10px; }\n        .tm-form-label { display:block; margin:0 2px 6px; font-size:.7rem; font-weight:680; color:#665c53; }\n        .tm-required-mark { color:var(--accent-orange); }\n        .tm-optional-mark { color:#9b9188; font-weight:500; margin-left:4px; }\n        .tm-input { margin:0; padding:12px 13px; border:1px solid #e7e1db; border-radius:13px; background:#fbfaf8; font-size:.82rem; box-shadow:none; }\n        .tm-input:focus { border-color:color-mix(in srgb,var(--accent-orange) 55%,#e7e1db); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-orange) 8%,transparent); }\n        .tm-switch-group { gap:7px; margin-bottom:0; }\n        .tm-switch-btn { padding:10px; border:1px solid #e5dfd9; border-radius:12px; background:#faf9f7; font-size:.73rem; font-weight:650; color:#655b52; box-shadow:none; }\n        .tm-switch-btn.active { background:#fff; border-color:color-mix(in srgb,var(--accent-orange) 48%,#e5dfd9); color:var(--accent-orange); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-orange) 7%,transparent); }\n        .tm-saved-address-checkout { margin:0 0 12px; }\n        .tm-saved-address-label button { border:0; background:transparent; color:var(--accent-orange); font-size:.68rem; font-weight:700; cursor:pointer; }\n        .tm-scheduled-delivery-checkout { margin:10px 0 0; padding:11px 12px; border:1px solid #eadcc7; border-radius:13px; background:#fffaf4; color:var(--caramel-dark); font-size:.74rem; align-items:center; justify-content:space-between; gap:10px; }\n        .tm-scheduled-delivery-checkout #tm-scheduled-delivery-checkout-time { margin-top:2px; color:#7f7368; font-size:.68rem; }\n        .tm-scheduled-delivery-checkout button { border:0; background:transparent; color:var(--accent-orange); font-weight:720; font-size:.68rem; padding:6px; cursor:pointer; }\n        .tm-free-shipping-box { margin:10px 0 0; padding:10px 11px; border:1px solid #d9eadf; background:#f7fbf8; border-radius:13px; }\n        .tm-free-shipping-box strong { font-size:.72rem; font-weight:700; color:#3f6d54; }\n        .tm-free-shipping-box span { font-size:.65rem; color:#708177; }\n        .tm-pickup-info-box { margin:10px 0 0; padding:10px 11px; border:1px solid #e7e1db; background:#faf9f7; border-radius:13px; display:flex; }\n        .tm-pickup-info-box strong, .tm-pickup-info-box span, .tm-pickup-info-box small { display:block; }\n        .tm-pickup-info-box strong { font-size:.72rem; color:var(--caramel-dark); }\n        .tm-pickup-info-box span { margin-top:2px; font-size:.7rem; }\n        .tm-pickup-info-box small { margin-top:3px; font-size:.62rem; color:#8b8178; }\n        .tm-voucher-summary { padding:11px 12px; border:1px solid #e7e1db; border-radius:13px; background:#fbfaf8; }\n        .tm-voucher-label { font-size:.69rem; font-weight:690; color:var(--caramel-dark); }\n        #tm-voucher-summary-text { margin-top:3px; font-size:.69rem; color:#81766c; }\n        #tm-voucher-summary-arrow { color:var(--accent-orange); font-size:1rem; }\n        .tm-coins-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid #e7e1db; border-radius:13px; background:#fbfaf8; cursor:pointer; }\n        .tm-coins-toggle > span:first-child strong { display:block; font-size:.74rem; color:var(--caramel-dark); }\n        .tm-coins-toggle > span:first-child small { display:block; margin-top:2px; font-size:.65rem; color:#8b8178; }\n        .tm-coins-toggle-right { display:flex; align-items:center; gap:9px; color:#3a845e; font-size:.72rem; font-weight:720; }\n        .tm-coins-toggle input { width:18px; height:18px; accent-color:var(--accent-orange); }\n        .tm-order-sticky-footer { background:rgba(255,255,255,.96); border-top:1px solid rgba(90,73,57,.09); padding:12px 18px calc(env(safe-area-inset-bottom,0px) + 18px) !important; box-shadow:0 -12px 30px rgba(48,38,29,.07); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }\n        .tm-breakdown-row { margin-bottom:4px; font-size:.72rem; color:#81766c; }\n        .tm-breakdown-row.highlight { margin-top:8px; padding-top:9px; border-top:1px solid #eee8e2; font-size:.83rem; font-weight:690; }\n        .tm-breakdown-row.highlight .amount { color:var(--caramel-dark); font-size:1.08rem; font-weight:780; }\n        #btn-submit-order { margin-top:9px !important; border-radius:14px !important; padding:13px 14px !important; font-size:.88rem !important; font-weight:720 !important; box-shadow:0 7px 18px rgba(45,35,27,.13); }\n\n        \/* Account dashboard *\/\n        .tm-customer-panels { padding:10px 16px calc(var(--tm-footer-nav-h) + env(safe-area-inset-bottom,0px) + 28px); }\n        .tm-customer-title { margin:10px 2px 14px; }\n        .tm-customer-title h3 { font-size:1.02rem; font-weight:740; letter-spacing:-.02em; }\n        .tm-customer-sub { margin-top:3px; font-size:.7rem; color:#8b8178; }\n        .tm-subtle-action { border:1px solid #e5dfd9; background:#fff; border-radius:999px; padding:7px 10px; font-size:.67rem; font-weight:680; color:#685d54; cursor:pointer; }\n        .tm-account-card { border:1px solid rgba(103,85,68,.08); border-radius:22px; background:#fff; padding:16px; box-shadow:0 7px 24px rgba(45,35,27,.04); }\n        .tm-account-avatar { width:46px; height:46px; flex-basis:46px; border-radius:15px; background:#f4efe9; color:var(--caramel-dark); font-size:1rem; font-weight:760; }\n        .tm-account-name { font-size:.95rem; font-weight:740; }\n        .tm-account-phone { font-size:.68rem; color:#8b8178; }\n        .tm-account-coins strong { color:var(--caramel-dark); font-size:.96rem; font-weight:780; }\n        .tm-account-coins span { color:#9a9087; font-size:.58rem; }\n        .tm-member-card { margin-top:14px; padding:13px; border-radius:16px; background:#faf8f5; border:1px solid #eee8e1; }\n        .tm-member-head { display:flex; justify-content:space-between; align-items:flex-end; gap:10px; }\n        .tm-member-kicker { display:block; font-size:.59rem; color:#92877d; text-transform:uppercase; letter-spacing:.06em; font-weight:700; }\n        .tm-member-head strong { display:block; margin-top:2px; font-size:.86rem; font-weight:760; color:var(--caramel-dark); }\n        .tm-member-head > span { font-size:.62rem; color:#8a7f75; font-weight:650; }\n        .tm-member-benefit { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; }\n        .tm-member-benefit > span { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; background:#fff; border:1px solid #e8ded5; color:var(--accent-orange); font-size:.64rem; font-weight:760; white-space:nowrap; }\n        .tm-member-benefit > small { color:#91867c; font-size:.57rem; text-align:right; line-height:1.35; }\n        .tm-member-progress { height:6px; margin-top:10px; background:#ebe5df; border-radius:999px; overflow:hidden; }\n        .tm-member-progress span { display:block; width:0; height:100%; border-radius:inherit; background:var(--accent-orange); transition:width .38s var(--tm-ease); }\n        .tm-member-progress-copy { display:flex; justify-content:space-between; gap:10px; margin-top:6px; font-size:.6rem; color:#8b8178; }\n        .tm-account-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }\n        .tm-account-stats > div { padding:10px 11px; border:1px solid #eee8e1; border-radius:14px; background:#fff; }\n        .tm-account-stats span { display:block; font-size:.6rem; color:#948a81; }\n        .tm-account-stats strong { display:block; margin-top:3px; font-size:.78rem; font-weight:740; color:var(--caramel-dark); }\n        .tm-account-section { margin:20px 0 4px; }\n        .tm-account-section-head { align-items:flex-start; margin-bottom:10px; }\n        .tm-account-section-head > div { min-width:0; }\n        .tm-account-section-head strong { display:block; font-size:.84rem; font-weight:730; }\n        .tm-section-caption { display:block; margin-top:2px; font-size:.64rem; color:#90867d; line-height:1.4; }\n        .tm-account-link-btn { background:transparent; border:0; color:var(--accent-orange); padding:4px 0; font-size:.66rem; font-weight:700; }\n        .tm-referral-card { display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:center; padding:13px 14px; border:1px solid #ece5de; border-radius:16px; background:#fff; }\n        .tm-referral-card > span { grid-column:1; font-size:.61rem; color:#948a81; }\n        .tm-referral-card > strong { grid-column:1; font-size:.82rem; font-weight:760; letter-spacing:.04em; color:var(--caramel-dark); }\n        .tm-referral-card > button { grid-column:2; grid-row:1 \/ span 2; border:1px solid #e5dfd9; background:#faf9f7; border-radius:999px; padding:8px 10px; color:#695e55; font-size:.64rem; font-weight:690; cursor:pointer; }\n        .tm-account-orders-preview { display:flex; flex-direction:column; gap:7px; }\n        .tm-account-order-mini { width:100%; display:flex; justify-content:space-between; gap:12px; align-items:center; border:1px solid #ece5de; background:#fff; border-radius:15px; padding:11px 12px; text-align:left; cursor:pointer; }\n        .tm-account-order-mini > span:last-child { text-align:right; }\n        .tm-account-order-mini strong, .tm-account-order-mini b { display:block; color:var(--caramel-dark); font-size:.72rem; font-weight:730; }\n        .tm-account-order-mini small { display:block; margin-top:2px; color:#91877e; font-size:.6rem; font-weight:550; }\n        .tm-account-offers { display:flex; flex-direction:column; gap:8px; }\n        .tm-account-offers .tm-promo-card { width:100%; flex:none; min-height:68px; }\n        .tm-account-offers .tm-promo-avatar { width:42px; height:42px; flex-basis:42px; border-radius:12px; }\n\n        \/* Weekly missions refined typography + progress *\/\n        .tm-weekly-missions-section { padding:0; }\n        .tm-weekly-missions-head strong { font-size:.84rem; font-weight:730; }\n        .tm-weekly-missions-summary { border:1px solid #eadfd4; background:#fff; color:#7b6e63; padding:5px 8px; font-size:.6rem; font-weight:700; }\n        .tm-weekly-mission-item { border:1px solid #ece5de; border-radius:16px; padding:12px; box-shadow:none; }\n        .tm-weekly-mission-copy strong { font-size:.76rem; font-weight:720; }\n        .tm-weekly-mission-copy span { color:#91867d; font-size:.63rem; }\n        .tm-weekly-mission-reward { background:#fff7f0; font-size:.6rem; font-weight:720; }\n        .tm-weekly-mission-track { height:5px; }\n        .tm-weekly-mission-track span { background:var(--accent-orange); transition:width .38s var(--tm-ease), background-color .22s ease; }\n        .tm-weekly-mission-item.completed .tm-weekly-mission-track { background:#e6f5ec; }\n        .tm-weekly-mission-item.completed .tm-weekly-mission-track span { background:#2f9d63; }\n        .tm-weekly-mission-item.completed .tm-weekly-mission-progress-text { color:#267e51; }\n        \/* Claimed missions are visually retired: neutral grey and kept at the bottom by JS. *\/\n        .tm-weekly-mission-item.rewarded,\n        .tm-weekly-mission-item.completed.rewarded { border-color:#e7e5e2; background:#f6f6f5; opacity:.86; }\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-copy strong { color:#706d69; }\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-copy span,\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-microcopy { color:#9a9793; }\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-reward,\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-reward.received { color:#77736f; background:#ecebea; }\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-track,\n        .tm-weekly-mission-item.completed.rewarded .tm-weekly-mission-track { background:#e2e1df; }\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-track span,\n        .tm-weekly-mission-item.completed.rewarded .tm-weekly-mission-track span { background:#aaa6a1; }\n        .tm-weekly-mission-item.rewarded .tm-weekly-mission-progress-text,\n        .tm-weekly-mission-item.completed.rewarded .tm-weekly-mission-progress-text { color:#817d78; }\n        .tm-weekly-mission-progress-text { font-size:.6rem; font-weight:690; }\n        .tm-weekly-mission-microcopy { margin-top:7px; color:#766b62; font-size:.62rem; line-height:1.4; }\n        .tm-weekly-mission-claim-btn { min-height:32px; background:var(--caramel-dark); box-shadow:none; font-size:.63rem; }\n        .tm-weekly-missions-note { color:#978d84; font-size:.61rem; }\n\n        \/* Skeletons: menu images and order history *\/\n        .tm-menu-skeleton { display:none; }\n        .tm-menu-skeleton.hide { display:none; }\n        .tm-skeleton-tabs { display:flex; gap:8px; margin-bottom:14px; }\n        .tm-skeleton-tabs span { width:78px; height:32px; border-radius:999px; background:#eee9e3; }\n        .tm-skeleton-product { display:flex; gap:13px; padding:11px; margin-bottom:10px; border-radius:20px; background:#fff; border:1px solid #eee8e2; }\n        .tm-skeleton-product i { width:96px; height:96px; border-radius:16px; flex:0 0 96px; background:#eee9e3; }\n        .tm-skeleton-product div { flex:1; display:flex; flex-direction:column; gap:9px; padding-top:7px; }\n        .tm-skeleton-product b, .tm-skeleton-line { display:block; height:11px; border-radius:999px; background:linear-gradient(90deg,#eee9e3 20%,#f8f5f1 42%,#eee9e3 66%); background-size:220% 100%; animation:tmSkeleton 1.25s ease-in-out infinite; }\n        .tm-skeleton-product b:nth-child(1){width:74%}.tm-skeleton-product b:nth-child(2){width:92%}.tm-skeleton-product b:nth-child(3){width:38%;margin-top:9px}\n        .tm-item-media.tm-media-loading, .tm-story-card.tm-media-loading { position:relative; overflow:hidden; }\n        .tm-item-media.tm-media-loading::after, .tm-story-card.tm-media-loading::after { content:\"\"; position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,#eee9e3 20%,#f8f5f1 42%,#eee9e3 66%); background-size:220% 100%; animation:tmSkeleton 1.25s ease-in-out infinite; }\n        .tm-skeleton-history { min-height:124px; display:flex; flex-direction:column; gap:10px; }\n        .tm-skeleton-line { height:10px; }\n        .tm-skeleton-line.w28{width:28%}.tm-skeleton-line.w45{width:45%}.tm-skeleton-line.w62{width:62%}.tm-skeleton-line.w86{width:86%}.tm-skeleton-line.w100{width:100%}\n        @keyframes tmSkeleton { 0%{background-position:100% 0} 100%{background-position:-120% 0} }\n\n\n        .tm-checkout-empty { display:flex; flex-direction:column; gap:3px; padding:12px 13px; border:1px dashed #e6dfd8; border-radius:14px; background:#fbfaf8; color:#8c8178; }\n        .tm-checkout-empty strong { color:var(--caramel-dark); font-size:.7rem; font-weight:720; }\n        .tm-checkout-empty span { font-size:.62rem; line-height:1.45; }\n\n        \/* Empty states *\/\n        .tm-empty-customer.tm-empty-state-card { min-height:132px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:22px 16px; border:1px solid #ece5de; background:#fff; border-radius:18px; color:#8c8178; }\n        .tm-empty-state-card strong { color:var(--caramel-dark); font-size:.8rem; font-weight:720; }\n        .tm-empty-state-card span { max-width:290px; font-size:.66rem; line-height:1.45; }\n        .tm-empty-state-card button { margin-top:6px; border:1px solid #e5dfd9; background:#faf9f7; color:#685d54; border-radius:999px; padding:8px 11px; font-size:.65rem; font-weight:690; cursor:pointer; }\n        .tm-search-inline-empty { width:100%; padding:11px 12px; border:1px solid #ece5de; border-radius:14px; background:#fff; color:#90867d; font-size:.7rem; line-height:1.45; }\n        .tm-search-empty-state { padding:38px 18px 24px; }\n        .tm-search-empty-state .tm-search-empty-icon { display:none; }\n\n        \/* Brand color is reserved for meaningful actions\/states *\/\n        .tm-ticket-card, .tm-promo-card, .tm-address-card, .tm-history-card { border-color:#ece5de; box-shadow:0 4px 14px rgba(45,35,27,.025); }\n        .tm-tab-btn { border:1px solid #e7e1db; background:#fff; font-size:.76rem; font-weight:650; color:#756a61; box-shadow:none; }\n        .tm-tab-btn.active { background:var(--caramel-dark) !important; border-color:var(--caramel-dark) !important; color:#fff !important; box-shadow:none; }\n        .tm-tabs-wrapper { background:color-mix(in srgb,var(--bg-cream) 92%,transparent); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }\n\n        @media (max-width:380px) {\n            .tm-hud.tm-premium-header { padding-left:16px; padding-right:16px; }\n            .tm-header-meta { gap:6px; }\n            .tm-store-status { font-size:.61rem; }\n            .tm-header-cta { padding:6px 8px; font-size:.62rem; }\n            .tm-quick-actions { padding-left:16px; padding-right:16px; }\n            .tm-catalog { padding-left:16px; padding-right:16px; }\n            .tm-catalog .tm-item-media { width:88px; height:88px; }\n            .tm-member-progress-copy { flex-direction:column; gap:2px; }\n        }\n        @media (prefers-reduced-motion:reduce) {\n            .tm-modal-overlay.active, .tm-modal-sheet, .tm-skeleton-product b, .tm-skeleton-line, .tm-item-media.tm-media-loading::after, .tm-story-card.tm-media-loading::after { animation:none !important; }\n            .tm-member-progress span, .tm-weekly-mission-track span { transition:none !important; }\n        }\n\n<\/style>\n\n\n<style id=\"tm-v3433-journal-styles\">\n\/* v3.4.33 \u2014 compact Journal \/ Account hotfix: keep CSS inside style tag *\/\n.tm-journal-compact{display:flex;flex-direction:column;gap:14px;padding:4px 0 24px}.tm-journal-profile{display:flex;align-items:center;gap:13px;padding:6px 2px}.tm-journal-avatar-btn{border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.tm-journal-avatar{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#f0e7dc,#fff);display:grid;place-items:center;font-size:24px;font-weight:760;color:var(--caramel-dark);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(80,54,36,.07),0 9px 22px rgba(54,40,29,.08)}.tm-journal-avatar img{width:100%;height:100%;object-fit:cover}.tm-avatar-edit-badge{font-size:.66rem;color:#78695d;font-weight:650}.tm-journal-identity{min-width:0;flex:1}.tm-journal-identity .tm-account-name{font-size:1.18rem;font-weight:780;letter-spacing:-.02em}.tm-journal-wallet{background:#fff;border:1px solid #eee8e1;border-radius:22px;padding:18px;box-shadow:0 7px 24px rgba(46,36,27,.035)}.tm-journal-wallet>span{display:block;font-size:.72rem;color:#85786d;font-weight:650}.tm-journal-wallet>strong{display:block;font-size:1.8rem;letter-spacing:-.035em;color:var(--caramel-dark);margin:3px 0}.tm-journal-wallet>small{display:block;color:#95897f;font-size:.7rem}.tm-journal-member-card{margin:0!important}.tm-journal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tm-journal-action{border:1px solid #ece6df;background:#fff;border-radius:20px;padding:14px 8px 12px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--caramel-dark);cursor:pointer;box-shadow:0 6px 20px rgba(43,34,26,.035);transition:transform .18s ease,box-shadow .18s ease}.tm-journal-action:active{transform:scale(.975)}.tm-journal-action-icon{width:45px;height:45px;border-radius:16px;background:#f7f3ee;display:grid;place-items:center;color:var(--accent,#E87A3E)}.tm-journal-action-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tm-journal-action span:last-child{min-width:0}.tm-journal-action strong{display:block;font-size:.78rem;line-height:1.2}.tm-journal-action small{display:block;color:#94887e;font-size:.62rem;line-height:1.25;margin-top:3px}.tm-journal-sheet{max-width:520px;overflow:auto}.tm-journal-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tm-journal-sheet-head span{display:block;color:#9a8e84;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.tm-journal-sheet-head h3{margin:2px 0 0!important}.tm-journal-sheet-head button{border:0;background:#f5f2ee;color:#74685e;padding:8px 11px;border-radius:999px;font-weight:700}.tm-benefit-tier-summary{padding:17px;border-radius:20px;background:linear-gradient(145deg,#292622,#151412);color:#fff;margin-bottom:14px}.tm-benefit-tier-summary span,.tm-benefit-tier-summary strong,.tm-benefit-tier-summary small{display:block}.tm-benefit-tier-summary span{font-size:1.05rem;font-weight:760}.tm-benefit-tier-summary strong{font-size:1.35rem;margin-top:3px}.tm-benefit-tier-summary small{opacity:.68;margin-top:5px}.tm-benefit-block{background:#fff;border:1px solid #eee8e1;border-radius:18px;padding:15px;margin-top:11px}.tm-benefit-block h4{margin:0 0 10px;font-size:.88rem}.tm-member-benefits-list{display:flex;flex-direction:column;gap:8px}.tm-member-benefit-row{display:flex;gap:9px;align-items:flex-start;font-size:.78rem;color:#574c43}.tm-member-benefit-row:before{content:\"\";width:7px;height:7px;border-radius:50%;background:#24a164;flex:0 0 auto;margin-top:5px}.tm-member-exclusive-vouchers{display:flex;flex-direction:column;gap:8px}.tm-member-exclusive-voucher{border:1px solid #e8e0d7;border-radius:14px;padding:11px 12px;background:#fbfaf8;display:flex;justify-content:space-between;gap:10px;align-items:center}.tm-member-exclusive-voucher span{min-width:0}.tm-member-exclusive-voucher strong{display:block;font-size:.78rem}.tm-member-exclusive-voucher small{display:block;color:#8e8176;font-size:.66rem;margin-top:2px}.tm-member-exclusive-voucher button{border:0;background:#211f1c;color:#fff;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:750}.tm-member-exclusive-empty{font-size:.74rem;color:#8d8176;line-height:1.5}.tm-shop-info-card{padding:18px;border-radius:20px;background:#f7f3ee;margin-bottom:11px}.tm-shop-info-card strong{display:block;font-size:1.1rem}.tm-shop-info-card span{display:block;color:#87796d;font-size:.73rem;margin-top:4px}.tm-shop-info-list{background:#fff;border:1px solid #eee8e1;border-radius:18px;overflow:hidden;margin-bottom:12px}.tm-shop-info-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #f1ede9;font-size:.76rem}.tm-shop-info-list>div:last-child{border-bottom:0}.tm-shop-info-list span{color:#8a7d72}.tm-shop-info-list strong{text-align:right}.tm-avatar-uploading{opacity:.6;pointer-events:none}.tm-weekly-missions-section{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}\n.tm-journal-below-actions{margin-top:2px!important}.tm-journal-below-actions .tm-account-section-head{margin-bottom:10px}.tm-journal-below-actions .tm-favorites-grid{margin-top:2px}\n@media(max-width:370px){.tm-journal-actions{gap:7px}.tm-journal-action{padding-left:5px;padding-right:5px}.tm-journal-action strong{font-size:.72rem}}\n\n\/* v3.4.35 \u2014 Journal fixes: real favorite images, modal safe area, referral\/shop settings *\/\n.tm-app.tm-journal-sheet-open .tm-footer-nav,.tm-app.tm-journal-sheet-open .tm-bottom-bar{visibility:hidden!important;opacity:0!important;pointer-events:none!important}\n.tm-modal-overlay[id^=\"tm-modal-journal-\"]{z-index:2400!important}\n.tm-modal-overlay[id^=\"tm-modal-journal-\"] .tm-journal-sheet{max-height:calc(100% - 14px)!important;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain}\n.tm-account-favorites .tm-item-media img,.tm-favorites-grid .tm-item-media img{display:block;width:100%;height:100%;object-fit:cover}\n.tm-referral-benefits{margin-top:10px;padding:13px 14px;border:1px solid #eee5db;border-radius:16px;background:#fffaf5}\n.tm-referral-benefits>strong{display:block;font-size:.78rem;color:var(--caramel-dark);margin-bottom:8px}\n.tm-referral-benefit-row{position:relative;padding-left:15px;font-size:.7rem;line-height:1.45;color:#705f50;margin-top:5px}\n.tm-referral-benefit-row:before{content:\"\";position:absolute;left:0;top:.48em;width:6px;height:6px;border-radius:50%;background:#24a164}\n.tm-shop-info-note{padding:13px 14px;border-radius:16px;background:#fff8f1;border:1px solid #f0e1d1;color:#6f5c4c;font-size:.72rem;line-height:1.55;margin-bottom:12px}\n\/* v3.4.36 \u2014 Journal admin mapping + shop logo in journal sheet *\/\n.tm-journal-shop-logo{display:block;width:auto;max-width:132px;height:34px;object-fit:contain;object-position:left center;margin:0 0 4px}\n\n\/* v3.5.1 \u2014 B\u1ea3ng tin Ti\u1ec7m M\u1eadt \/ social feed *\/\n.tm-feed-panel{padding-bottom:18px}.tm-feed-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 0 11px}.tm-feed-kicker{display:block;font-size:.68rem;font-weight:760;text-transform:uppercase;letter-spacing:.08em;color:#a18066}.tm-feed-hero h2{font-size:1.45rem;line-height:1.15;margin:4px 0 5px;color:var(--caramel-dark);letter-spacing:-.03em}.tm-feed-hero p{font-size:.76rem;line-height:1.48;color:#89786b;margin:0;max-width:360px}.tm-feed-social-compose{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #ece5de;border-radius:18px;padding:10px;margin-bottom:10px;box-shadow:0 6px 20px rgba(48,37,28,.035)}.tm-feed-social-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#f1ece6;color:#58493e;font-size:.78rem;font-weight:850;flex:0 0 auto}.tm-feed-social-avatar img{width:100%;height:100%;object-fit:cover}.tm-feed-social-prompt{min-width:0;flex:1;border:1px solid #e8e1da;background:#faf8f5;border-radius:999px;padding:10px 13px;text-align:left;color:#8b7e73;font-size:.7rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-feed-social-photo{border:0;background:#eef7f0;color:#397a52;border-radius:11px;padding:9px 10px;font-size:.65rem;font-weight:800}.tm-feed-trust-note{display:flex;align-items:center;gap:8px;border:1px solid #eee6dd;background:#fbf8f4;border-radius:14px;padding:9px 11px;margin-bottom:12px;color:#7e6b5b;font-size:.65rem;line-height:1.4}.tm-feed-trust-note:before{content:\"\u2713\";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9f7ef;color:#238354;font-weight:900;flex:0 0 auto}\n.tm-feed-list{display:flex;flex-direction:column;gap:12px}.tm-feed-card{background:#fff;border:1px solid #ece6df;border-radius:22px;padding:15px;box-shadow:0 6px 22px rgba(48,37,28,.035);overflow:hidden}.tm-feed-post-head{display:flex;align-items:center;gap:10px}.tm-feed-avatar{width:42px;height:42px;border-radius:50%;background:#f2ede7;overflow:hidden;display:grid;place-items:center;font-weight:820;color:var(--caramel-dark);flex:0 0 auto}.tm-feed-avatar img{width:100%;height:100%;object-fit:cover}.tm-feed-author{min-width:0;flex:1}.tm-feed-author>strong{display:block;font-size:.82rem;color:var(--caramel-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-feed-author>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:3px;color:#9a8c80;font-size:.62rem}.tm-feed-shop-badge,.tm-feed-buyer-badge,.tm-feed-pin{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;font-size:.57rem;font-weight:760}.tm-feed-shop-badge{background:#fff1e7;color:#c0612d}.tm-feed-buyer-badge{background:#eef8f2;color:#27835a}.tm-feed-pin{background:#f2eef9;color:#7353a3}.tm-feed-stars{font-size:.78rem;letter-spacing:.08em;color:#e8a32b;margin:12px 0 -3px}.tm-feed-post-title{font-size:1rem;line-height:1.25;color:var(--caramel-dark);margin:11px 0 5px}.tm-feed-post-content{font-size:.78rem;line-height:1.58;color:#594a3e;margin:10px 0 0;word-break:break-word}\n\/* Facebook-like adaptive photo mosaics *\/.tm-feed-images{display:grid;gap:3px;margin:12px -15px 0;overflow:hidden;background:#eee}.tm-feed-image-btn{position:relative;border:0;padding:0;background:#eee;overflow:hidden;cursor:zoom-in;min-width:0;min-height:0}.tm-feed-image-btn img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}.tm-feed-image-btn:active img{transform:scale(.99)}.tm-feed-images.count-1{grid-template-columns:1fr}.tm-feed-images.count-1 .tm-feed-image-btn{aspect-ratio:1\/1}.tm-feed-images.count-2{grid-template-columns:repeat(2,1fr)}.tm-feed-images.count-2 .tm-feed-image-btn{aspect-ratio:3\/4}.tm-feed-images.count-3{grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:min(78vw,440px)}.tm-feed-images.count-3 .tm-feed-image-1{grid-row:1\/3}.tm-feed-images.count-4{grid-template-columns:repeat(2,1fr)}.tm-feed-images.count-4 .tm-feed-image-btn{aspect-ratio:1\/1}.tm-feed-images.count-5{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto}.tm-feed-images.count-5 .tm-feed-image-1{grid-column:1\/3;aspect-ratio:16\/9}.tm-feed-images.count-5 .tm-feed-image-btn:not(.tm-feed-image-1){aspect-ratio:1\/1}.tm-feed-images.count-6{grid-template-columns:repeat(3,1fr)}.tm-feed-images.count-6 .tm-feed-image-btn{aspect-ratio:1\/1}\n.tm-feed-order-chip{margin-top:11px;border:1px solid #eee5db;background:#fbf8f4;border-radius:14px;padding:10px 11px}.tm-feed-order-chip span,.tm-feed-order-chip strong,.tm-feed-order-chip small{display:block}.tm-feed-order-chip span{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:#9c8b7e;font-weight:760}.tm-feed-order-chip strong{font-size:.75rem;color:var(--caramel-dark);margin-top:2px}.tm-feed-order-chip small{font-size:.63rem;color:#7f6f62;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-feed-metrics{display:flex;justify-content:space-between;gap:10px;padding:11px 2px 9px;color:#8b7d72;font-size:.62rem;border-bottom:1px solid #f0ece8}.tm-feed-metrics b{font-weight:760;color:#6b5c51}.tm-feed-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-top:7px}.tm-feed-actions-row button{border:0;background:transparent;color:#786b61;padding:8px 4px;border-radius:10px;font-size:.69rem;font-weight:700}.tm-feed-actions-row button span{font-size:.85rem}.tm-feed-actions-row .tm-feed-like-btn.active{color:#d4545f;background:#fff5f5}.tm-feed-comment-preview{border-top:1px solid #f3efeb;margin-top:4px;padding-top:9px;font-size:.66rem;color:#6f6257}.tm-feed-comment-preview>div{margin-top:4px;line-height:1.45}.tm-feed-comment-preview strong{color:#493d33}.tm-feed-comment-preview button{border:0;background:transparent;padding:6px 0 0;color:#96775e;font-size:.63rem;font-weight:700}.tm-feed-load-more{display:block;margin:14px auto 0;border:1px solid #e8ded5;background:#fff;color:#68574a;border-radius:999px;padding:9px 15px;font-size:.7rem;font-weight:730}.tm-feed-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 18px;border:1px dashed #e5d9ce;border-radius:20px;color:#8d7c6f}.tm-feed-empty strong{color:var(--caramel-dark);font-size:.88rem}.tm-feed-empty span{font-size:.68rem;margin-top:4px}.tm-feed-empty button{margin-top:10px;border:0;background:#2d261f;color:#fff;border-radius:999px;padding:8px 12px}.tm-feed-loading{display:flex;flex-direction:column;gap:10px}.tm-feed-loading span{height:150px;border-radius:20px;background:linear-gradient(90deg,#f4f1ed 25%,#fbfaf8 40%,#f4f1ed 60%);background-size:220% 100%;animation:tmFeedShimmer 1.2s linear infinite}@keyframes tmFeedShimmer{to{background-position:-220% 0}}\n.tm-modal-overlay[id^=\"tm-modal-feed-\"]{z-index:2500!important}.tm-modal-overlay[id^=\"tm-modal-feed-\"] .tm-modal-sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));max-height:calc(100% - 16px);overflow:auto}.tm-feed-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tm-feed-sheet-head span{display:block;font-size:.62rem;color:#998a7e;text-transform:uppercase;letter-spacing:.08em;font-weight:760}.tm-feed-sheet-head h3{margin:2px 0 0;font-size:1.12rem;color:var(--caramel-dark)}.tm-feed-sheet-head button{border:0;background:#f3f0ec;color:#75685e;border-radius:999px;padding:8px 11px;font-size:.68rem;font-weight:730}.tm-feed-compose-sheet,.tm-feed-comments-sheet,.tm-feed-prompt-sheet{max-width:520px}.tm-feed-order-context{border:1px solid #eee4da;background:#fcf8f3;border-radius:15px;padding:10px 12px;margin-bottom:12px}.tm-feed-order-context span,.tm-feed-order-context strong,.tm-feed-order-context small{display:block}.tm-feed-order-context span{font-size:.6rem;color:#998577;text-transform:uppercase;font-weight:760}.tm-feed-order-context strong{font-size:.77rem;color:var(--caramel-dark);margin-top:2px}.tm-feed-order-context small{font-size:.62rem;color:#7d6b5d;margin-top:3px}.tm-feed-rating-block>span{font-size:.68rem;color:#786b61;font-weight:700}.tm-feed-rating-picker{display:flex;gap:4px;margin:5px 0 12px}.tm-feed-rating-picker button{border:0;background:transparent;color:#d6d0ca;font-size:1.65rem;padding:0 3px;line-height:1}.tm-feed-rating-picker button.active{color:#e4a229}.tm-feed-textarea{resize:none;min-height:120px!important;font-size:16px!important;line-height:1.5}.tm-feed-image-picker{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px dashed #d9c9ba;border-radius:15px;padding:11px 12px;margin-top:10px;cursor:pointer;background:#fdfbf8}.tm-feed-image-picker span{font-size:.74rem;font-weight:760;color:#5a493d}.tm-feed-image-picker small{font-size:.58rem;color:#98877a;text-align:right}.tm-feed-image-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.tm-feed-image-preview img{width:100%;aspect-ratio:1\/1;border-radius:12px;object-fit:cover;background:#eee}.tm-feed-submit-btn{width:100%;border:0;border-radius:15px;background:var(--caramel-dark);color:#fff;padding:12px 14px;margin-top:12px;font-weight:800}.tm-feed-submit-btn:disabled{opacity:.55}.tm-feed-compose-note{font-size:.6rem;line-height:1.45;color:#96877a;text-align:center;margin-top:8px}.tm-feed-comments-list{display:flex;flex-direction:column;gap:11px;min-height:120px;max-height:52vh;overflow:auto;padding-right:2px}.tm-feed-comment{display:flex;gap:9px;align-items:flex-start}.tm-feed-comment-avatar{width:32px;height:32px;border-radius:50%;background:#f1ece6;display:grid;place-items:center;color:#625247;font-weight:800;flex:0 0 auto}.tm-feed-comment>div:last-child{background:#f7f4f1;border-radius:13px;padding:8px 10px;min-width:0;flex:1}.tm-feed-comment strong{font-size:.69rem;color:#4d4036}.tm-feed-comment p{font-size:.68rem;line-height:1.45;color:#65564b;margin:2px 0}.tm-feed-comment small{font-size:.56rem;color:#9a8c81}.tm-feed-comments-empty,.tm-feed-comments-loading{padding:24px;text-align:center;color:#98897e;font-size:.7rem}.tm-feed-guest-name-wrap{margin-top:10px}.tm-feed-guest-name-wrap input{width:100%;border:1px solid #ddd4cb;border-radius:13px;padding:10px 11px;font-size:16px;outline:none;background:#fff}.tm-feed-comment-compose{display:flex;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #eee}.tm-feed-comment-compose input{min-width:0;flex:1;border:1px solid #ddd4cb;border-radius:13px;padding:10px 11px;font-size:16px;outline:none}.tm-feed-comment-compose button{border:0;background:#2a241f;color:#fff;border-radius:13px;padding:0 14px;font-weight:760}.tm-feed-prompt-sheet{text-align:center;position:relative;padding-top:30px!important}.tm-feed-prompt-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f3f0ec;color:#74675e;font-size:1.25rem;line-height:1;display:grid;place-items:center;z-index:2;box-shadow:0 1px 0 rgba(76,55,42,.04);-webkit-tap-highlight-color:transparent}.tm-feed-prompt-close:active{transform:scale(.96);background:#ebe6e0}.tm-feed-prompt-mark{width:56px;height:56px;border-radius:19px;margin:0 auto 12px;display:grid;place-items:center;background:#fff0f1;color:#d95561;font-size:1.55rem}.tm-feed-prompt-sheet h3{font-size:1.22rem;color:var(--caramel-dark);margin:0 0 7px}.tm-feed-prompt-sheet>p{font-size:.74rem;color:#827267;line-height:1.5;margin:0 0 13px}.tm-feed-prompt-sheet .tm-feed-order-context{text-align:left}.tm-feed-prompt-actions{display:flex;flex-direction:column;gap:9px;margin-top:12px}.tm-feed-prompt-actions .tm-feed-submit-btn{margin-top:0}.tm-feed-later-btn{width:100%;border:1px solid #e6ddd5;background:#f8f5f2;color:#65574d;border-radius:15px;padding:12px 14px;font-size:.72rem;font-weight:780;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent}.tm-feed-later-btn:active{background:#f0ebe6;transform:scale(.995)}.tm-footer-nav-btn{min-width:0}\n@media(max-width:380px){.tm-feed-hero{flex-direction:column}.tm-feed-metrics{flex-direction:column;gap:3px}.tm-feed-social-photo{display:none}.tm-feed-images.count-3{height:300px}.tm-footer-nav{gap:2px;padding-left:6px;padding-right:6px}.tm-footer-nav-btn{font-size:.66rem;padding-left:2px;padding-right:2px}}\n\n<\/style>\n\n<style id=\"tm-v352-social-feed-detail-styles\">\n\/* v3.5.2 \u2014 natural single-media posts + full post\/comment experience *\/\n.tm-feed-images.count-1{display:block;background:transparent}\n.tm-feed-images.count-1 .tm-feed-image-btn{display:block;width:100%;aspect-ratio:auto;background:#f4f1ed}\n.tm-feed-images.count-1 .tm-feed-image-btn img,\n.tm-feed-images.count-1 .tm-feed-image-btn video{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#f4f1ed}\n.tm-feed-video-item video{width:100%;height:100%;object-fit:cover;display:block;background:#111}\n.tm-feed-images.count-1 .tm-feed-video-item video{height:auto;object-fit:contain}\n.tm-feed-image-preview img,.tm-feed-image-preview video{width:100%;aspect-ratio:1\/1;border-radius:12px;object-fit:cover;background:#eee;display:block}\n.tm-feed-content-ellipsis{color:#7c6d61;font-weight:700;letter-spacing:.02em}\n\n#tm-modal-feed-comments{align-items:flex-end!important;padding:0!important;overflow:hidden!important}\n#tm-modal-feed-comments .tm-feed-comments-sheet{width:min(100%,560px);height:calc(100dvh - 8px);max-height:calc(100dvh - 8px);margin:0 auto!important;border-radius:24px 24px 0 0;display:flex;flex-direction:column;overflow:hidden!important;padding:0!important;background:#fff}\n.tm-feed-comments-head{flex:0 0 auto;margin:0!important;padding:14px 16px 12px;border-bottom:1px solid #eee9e4;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:3}\n.tm-feed-comments-head button,.tm-feed-sheet-head button{width:36px;height:36px;padding:0!important;display:grid;place-items:center;font-size:1.15rem;line-height:1;border-radius:50%!important}\n.tm-feed-comments-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 14px 18px;overscroll-behavior:contain;background:#faf9f7}\n.tm-feed-comments-post{margin:0 -14px;background:#fff}\n.tm-feed-detail-card{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:16px 15px 12px!important}\n.tm-feed-detail-card .tm-feed-post-content.is-full{font-size:.81rem;line-height:1.62}\n.tm-feed-detail-card .tm-feed-images{margin-left:-15px;margin-right:-15px}\n.tm-feed-comments-divider{display:flex;align-items:center;gap:10px;padding:16px 2px 10px;color:#8d7e73;font-size:.67rem;font-weight:760}\n.tm-feed-comments-divider:before,.tm-feed-comments-divider:after{content:\"\";height:1px;background:#e9e3dd;flex:1}\n.tm-feed-comments-list{display:flex;flex-direction:column;gap:11px;min-height:100px;max-height:none!important;overflow:visible!important;padding:0 0 10px!important}\n.tm-feed-comment-dock{flex:0 0 auto;background:#fff;border-top:1px solid #e9e3dd;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px rgba(48,37,28,.06);z-index:5}\n.tm-feed-comment-dock .tm-feed-guest-name-wrap{margin:0 0 7px}\n.tm-feed-comment-compose{display:flex;gap:8px;margin:0!important;padding:0!important;border:0!important;align-items:center}\n.tm-feed-comment-compose input{min-height:44px;border-radius:999px!important;padding:10px 15px!important;background:#f6f3f0!important}\n.tm-feed-comment-compose button{min-height:42px;border-radius:999px!important;padding:0 17px!important}\n@media(min-width:700px){#tm-modal-feed-comments{align-items:center!important;padding:14px!important}#tm-modal-feed-comments .tm-feed-comments-sheet{height:min(860px,calc(100dvh - 28px));max-height:min(860px,calc(100dvh - 28px));border-radius:26px}}\n<\/style>\n<style id=\"tm-v353-social-feed-read-more-styles\">\n\/* v3.5.4 \u2014 inline \u201c... Xem th\u00eam\u201d opens the same full-post comment view *\/\n.tm-feed-content-more-wrap{white-space:nowrap;color:#7c6d61;font-weight:700}\n.tm-feed-content-more{border:0;background:transparent;padding:0;margin:0;color:#5f5146;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}\n.tm-feed-content-more:active{opacity:.65}\n\n\/* v3.6.0.1 \u2014 B\u1ea3ng tin: gi\u1eef khung so\u1ea1n b\u00e0i lu\u00f4n n\u1eb1m tr\u00ean b\u00e0n ph\u00edm iOS\/Android. *\/\n@media (max-width:699px){\n  #tm-modal-feed-compose{\n    position:fixed!important;\n    left:0!important;\n    right:0!important;\n    width:100%!important;\n    align-items:flex-end!important;\n    overscroll-behavior:contain;\n  }\n  #tm-modal-feed-compose .tm-feed-compose-sheet{\n    width:100%;\n    overflow-y:auto!important;\n    -webkit-overflow-scrolling:touch;\n    overscroll-behavior:contain;\n    scroll-padding-top:78px;\n    scroll-padding-bottom:28px;\n  }\n  #tm-modal-feed-compose.tm-feed-compose-keyboard-open .tm-feed-compose-sheet{\n    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;\n  }\n  #tm-modal-feed-compose.tm-feed-compose-keyboard-open .tm-feed-textarea{\n    min-height:132px!important;\n  }\n}\n\n\n\/* v3.6.0.3: feed prompt secondary action must never inherit generic modal-close sizing *\/\n.tm-feed-prompt-actions > .tm-feed-later-btn{width:100%!important;height:auto!important;min-height:46px!important;border-radius:15px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}\n<\/style>\n\n\n<style id=\"tm-v3607-feed-media-layout\">\n\/* v3.6.0.7 \u2014 B\u1ea3ng tin: t\u1ef7 l\u1ec7 \u1ea3nh theo s\u1ed1 l\u01b0\u1ee3ng v\u00e0 h\u01b0\u1edbng \u1ea3nh ng\u01b0\u1eddi d\u00f9ng y\u00eau c\u1ea7u. *\/\n.tm-feed-images{gap:3px!important;background:#eee}\n.tm-feed-images>.tm-feed-image-btn{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eee;border:0;padding:0}\n.tm-feed-images>.tm-feed-image-btn img,\n.tm-feed-images>.tm-feed-image-btn video{display:block;width:100%;height:100%!important;max-height:none!important;object-fit:cover!important;background:#eee}\n\n\/* 1 \u1ea3nh: 1440x1440 \/ 1080x565 \/ 1440x1880 *\/\n.tm-feed-images.count-1{display:grid!important;grid-template-columns:1fr!important;height:auto!important}\n.tm-feed-images.count-1.layout-square>.tm-feed-image-btn{aspect-ratio:1440\/1440!important}\n.tm-feed-images.count-1.layout-landscape>.tm-feed-image-btn{aspect-ratio:1080\/565!important}\n.tm-feed-images.count-1.layout-portrait>.tm-feed-image-btn{aspect-ratio:1440\/1880!important}\n\n\/* 2 \u1ea3nh: ngang 2000x1000 x\u1ebfp d\u1ecdc; d\u1ecdc 1000x2000 x\u1ebfp c\u1ea1nh nhau. *\/\n.tm-feed-images.count-2.layout-landscape{grid-template-columns:1fr!important;grid-template-rows:repeat(2,auto)!important}\n.tm-feed-images.count-2.layout-landscape>.tm-feed-image-btn{aspect-ratio:2000\/1000!important}\n.tm-feed-images.count-2.layout-portrait{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:1fr!important}\n.tm-feed-images.count-2.layout-portrait>.tm-feed-image-btn{aspect-ratio:1000\/2000!important}\n.tm-feed-images.count-2.layout-square{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.tm-feed-images.count-2.layout-square>.tm-feed-image-btn{aspect-ratio:1\/1!important}\n\n\/* 3 \u1ea3nh: \u1ea3nh ch\u00ednh 1000x2000 ho\u1eb7c 2000x1000 + hai \u1ea3nh ph\u1ee5 vu\u00f4ng 1000x1000. *\/\n.tm-feed-images.count-3{height:auto!important;aspect-ratio:1\/1;grid-template-rows:repeat(2,minmax(0,1fr))!important}\n.tm-feed-images.count-3>.tm-feed-image-btn{grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto!important}\n.tm-feed-images.count-3.layout-portrait{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.tm-feed-images.count-3.layout-portrait>.tm-feed-image-1{grid-column:1!important;grid-row:1\/3!important}\n.tm-feed-images.count-3.layout-portrait>.tm-feed-image-2{grid-column:2!important;grid-row:1!important}\n.tm-feed-images.count-3.layout-portrait>.tm-feed-image-3{grid-column:2!important;grid-row:2!important}\n.tm-feed-images.count-3.layout-landscape,\n.tm-feed-images.count-3.layout-square{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.tm-feed-images.count-3.layout-landscape>.tm-feed-image-1,\n.tm-feed-images.count-3.layout-square>.tm-feed-image-1{grid-column:1\/3!important;grid-row:1!important}\n\n\/* 4 \u1ea3nh: 4 \u1ea3nh vu\u00f4ng; ho\u1eb7c 1 \u1ea3nh ch\u00ednh 3:2 \/ 2:3 + 3 \u1ea3nh ph\u1ee5 vu\u00f4ng. *\/\n.tm-feed-images.count-4{height:auto!important;aspect-ratio:1\/1}\n.tm-feed-images.count-4>.tm-feed-image-btn{grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto!important}\n.tm-feed-images.count-4.layout-square{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}\n.tm-feed-images.count-4.layout-landscape{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:2fr 1fr!important}\n.tm-feed-images.count-4.layout-landscape>.tm-feed-image-1{grid-column:1\/4!important;grid-row:1!important}\n.tm-feed-images.count-4.layout-portrait{grid-template-columns:2fr 1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}\n.tm-feed-images.count-4.layout-portrait>.tm-feed-image-1{grid-column:1!important;grid-row:1\/4!important}\n.tm-feed-images.count-4.layout-portrait>.tm-feed-image-2{grid-column:2!important;grid-row:1!important}\n.tm-feed-images.count-4.layout-portrait>.tm-feed-image-3{grid-column:2!important;grid-row:2!important}\n.tm-feed-images.count-4.layout-portrait>.tm-feed-image-4{grid-column:2!important;grid-row:3!important}\n\n\/* 5+ \u1ea3nh: hai \u1ea3nh ch\u00ednh + ba \u1ea3nh ph\u1ee5. 1920x1920 \u0111\u01b0\u1ee3c hi\u1ec3u theo \u0111\u00fang k\u00edch th\u01b0\u1edbc l\u00e0 t\u1ef7 l\u1ec7 1:1. *\/\n.tm-feed-images.count-5plus{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;height:auto!important}\n.tm-feed-images.count-5plus>.tm-feed-image-btn{grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto!important}\n.tm-feed-images.count-5plus.layout-square,\n.tm-feed-images.count-5plus.layout-landscape{aspect-ratio:6\/5;grid-template-rows:3fr 2fr!important}\n.tm-feed-images.count-5plus.layout-portrait{aspect-ratio:1000\/1171;grid-template-rows:1.744fr 1fr!important}\n.tm-feed-images.count-5plus>.tm-feed-image-1{grid-column:1\/4!important;grid-row:1!important}\n.tm-feed-images.count-5plus>.tm-feed-image-2{grid-column:4\/7!important;grid-row:1!important}\n.tm-feed-images.count-5plus>.tm-feed-image-3{grid-column:1\/3!important;grid-row:2!important}\n.tm-feed-images.count-5plus>.tm-feed-image-4{grid-column:3\/5!important;grid-row:2!important}\n.tm-feed-images.count-5plus>.tm-feed-image-5{grid-column:5\/7!important;grid-row:2!important}\n.tm-feed-more-count{position:absolute;right:10px;bottom:10px;min-width:38px;height:30px;padding:0 9px;border-radius:999px;background:rgba(20,18,16,.72);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:850;line-height:1;z-index:3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}\n\n@media(max-width:380px){\n  .tm-feed-images.count-3{height:auto!important}\n  .tm-feed-more-count{right:7px;bottom:7px;min-width:34px;height:27px;font-size:.66rem}\n}\n\n\/* v3.6.0.8 \u2014 Shop avatar: show the full configured shop logo instead of cropping it with object-fit: cover. *\/\n.tm-feed-avatar.tm-feed-avatar-shop{\n  background:#fff;\n  border:1px solid #eee6de;\n  padding:3px;\n  box-sizing:border-box;\n}\n.tm-feed-avatar.tm-feed-avatar-shop img{\n  width:100%;\n  height:100%;\n  object-fit:contain!important;\n  object-position:center center;\n  border-radius:50%;\n  background:#fff;\n  display:block;\n}\n<\/style>\n\n<style id=\"tm-preorder-closed-styles\">\n.tm-closed-preorder-box{margin-top:10px;padding:12px 13px;border:1.5px solid #efd28b;background:#fffaf0;border-radius:13px;color:#694f24}.tm-closed-preorder-title{font-weight:850;font-size:.84rem;margin-bottom:5px}.tm-closed-preorder-text{font-size:.75rem;line-height:1.45;color:#745f3b}.tm-closed-preorder-consent{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:9px 10px;background:#fff;border:1px solid #eadfca;border-radius:10px;font-size:.74rem;line-height:1.4;font-weight:700;cursor:pointer}.tm-closed-preorder-consent input{margin-top:2px;accent-color:#c98716}.tm-closed-preorder-box small{display:block;margin-top:7px;color:#8b7348;font-size:.69rem;line-height:1.35}.tm-store-status.is-preorder{color:#9a6a0d}.tm-store-status.is-preorder .tm-store-status-dot{background:#d99a12;box-shadow:0 0 0 3px rgba(217,154,18,.12)}\n<\/style>\n\n<style id=\"tm-season-ui-studio-runtime\">\n\/* v3.6.0.13 \u2014 Season UI Studio runtime layer. Product images\/data are intentionally untouched. *\/\n.tm-season-active .tm-scroll-container{scrollbar-color:color-mix(in srgb,var(--accent-orange) 28%,transparent) transparent;}\n.tm-season-active .tm-seasonal-banner{\n    height:var(--tm-season-hero-h,180px);min-height:var(--tm-season-hero-h,180px);max-height:none;\n    border-radius:calc(var(--tm-ui-radius) + 2px);box-shadow:var(--tm-season-shadow);isolation:isolate;\n}\n.tm-season-active .tm-seasonal-banner::before{background:rgba(31,8,17,var(--tm-season-hero-overlay,.08));z-index:-1;}\n.tm-season-active .tm-seasonal-copy{display:flex;flex-direction:column;position:relative;z-index:2;width:100%;}\n.tm-season-active .tm-seasonal-align-left .tm-seasonal-copy{text-align:left;align-items:flex-start}.tm-season-active .tm-seasonal-align-center .tm-seasonal-copy{text-align:center;align-items:center}.tm-season-active .tm-seasonal-align-right .tm-seasonal-copy{text-align:right;align-items:flex-end}\n.tm-season-active .tm-seasonal-align-center .tm-seasonal-subtitle{margin-left:auto;margin-right:auto}.tm-season-active .tm-seasonal-align-right .tm-seasonal-subtitle{margin-left:auto}\n.tm-season-active .tm-seasonal-badge{background:color-mix(in srgb,var(--tm-season-badge-bg) 88%,transparent);color:var(--tm-season-badge-text);border-color:color-mix(in srgb,var(--tm-season-badge-text) 34%,transparent)}\n.tm-season-active .tm-quick-action,.tm-season-active .tm-journal-action{background:var(--tm-season-quick-bg)!important;color:var(--tm-season-quick-text)!important;border-color:var(--tm-season-quick-border)!important;border-radius:var(--tm-ui-radius);box-shadow:var(--tm-season-shadow);position:relative;overflow:hidden;isolation:isolate}\n.tm-season-active .tm-quick-action-group{background:var(--tm-season-quick-bg)!important;color:var(--tm-season-quick-text)!important;border-color:var(--tm-season-quick-border)!important}\n.tm-season-active .tm-quick-action-icon{font-size:1.22rem;line-height:1;flex:0 0 auto}\n.tm-season-active .tm-quick-action::before,.tm-season-active .tm-journal-action::before{content:\"\";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--tm-season-quick-layer-image);background-size:cover;background-position:center;opacity:var(--tm-season-quick-layer-opacity)}\n.tm-season-active .tm-quick-action>*,.tm-season-active .tm-journal-action>*{position:relative;z-index:1}\n.tm-season-active .tm-journal-action strong{color:var(--tm-season-quick-text)!important}.tm-season-active .tm-journal-action small{color:color-mix(in srgb,var(--tm-season-quick-text) 72%,transparent)!important}.tm-season-active .tm-journal-action-icon{color:var(--tm-season-quick-text)!important;background:color-mix(in srgb,var(--tm-season-quick-text) 10%,transparent)!important}\n.tm-season-active .tm-home-vouchers-wrap,.tm-season-active .tm-new-section{margin-bottom:var(--tm-section-spacing)}\n.tm-season-active .tm-home-voucher-header,.tm-season-active .tm-new-header{color:var(--tm-season-section-title)}\n.tm-season-active .tm-home-voucher-header .see-all,.tm-season-active .tm-new-header small{color:var(--tm-season-section-link)}\n.tm-season-active .tm-promo-card,.tm-season-active .tm-ticket-card,.tm-season-active .tm-card{border-radius:var(--tm-ui-radius);box-shadow:var(--tm-season-shadow)}\n.tm-season-active .tm-story-card{border-radius:calc(var(--tm-ui-radius) + 2px);box-shadow:var(--tm-season-shadow)}\n.tm-season-active .tm-story-sticker:not(.coming-soon-badge){background:var(--tm-season-badge-bg)!important;color:var(--tm-season-badge-text)!important;border-radius:999px;box-shadow:0 5px 14px color-mix(in srgb,var(--tm-season-badge-bg) 28%,transparent)}\n.tm-season-active .tm-story-btn{color:var(--accent-orange);border-radius:999px}\n.tm-season-active .tm-story-dot.active{background:var(--accent-orange)}\n.tm-season-active .tm-search-bar #tm-search-input{background:var(--tm-season-search-bg);border-color:var(--tm-season-search-border);color:var(--tm-season-search-text);border-radius:var(--tm-ui-radius)}\n.tm-season-active .tm-search-bar #tm-search-input::placeholder{color:color-mix(in srgb,var(--tm-season-search-text) 66%,transparent)}\n.tm-season-active .tm-search-icon{color:color-mix(in srgb,var(--tm-season-search-text) 78%,transparent)}\n.tm-season-active .tm-tabs-wrapper{background:color-mix(in srgb,var(--bg-cream) 88%,transparent)}\n.tm-season-active .tm-tab-btn{border-radius:999px;border-color:var(--gold-border);background:var(--card-bg)}\n.tm-season-active .tm-tab-btn.active{background:var(--tab-active-bg)!important;border-color:var(--tab-active-bg)!important;color:var(--tab-active-text)!important}\n.tm-season-active .tm-bottom-bar{background:transparent!important;border-top:0!important;box-shadow:none!important;padding-left:16px!important;padding-right:16px!important}\n.tm-season-active .tm-checkout-btn{background:var(--tm-season-cart-bg)!important;color:var(--tm-season-cart-text)!important;border-radius:var(--tm-ui-radius);box-shadow:var(--tm-season-shadow)}\n.tm-season-active .tm-checkout-left,.tm-season-active .tm-checkout-right{color:var(--tm-season-cart-text)!important}\n.tm-season-active .tm-footer-nav{background:color-mix(in srgb,var(--tm-season-footer-bg) 92%,transparent)!important;border-color:color-mix(in srgb,var(--tm-season-footer-text) 14%,transparent)!important;box-shadow:0 -9px 28px rgba(58,37,28,.07)!important}\n.tm-season-active .tm-footer-nav-btn{color:var(--tm-season-footer-text)!important;border-radius:calc(var(--tm-ui-radius) - 3px)}\n.tm-season-active .tm-footer-nav-btn.active{color:var(--tm-season-footer-active)!important;background:transparent!important}\n.tm-season-active .tm-footer-nav-btn.active::before{background:var(--tm-season-footer-active)!important}\n.tm-season-active .tm-footer-badge{background:var(--accent-orange)}\n.tm-season-active .tm-modal-sheet,.tm-season-active .tm-season-popup-card{border-radius:calc(var(--tm-ui-radius) + 2px)}\n\n\/* v3.6.0.16 \u2014 surface\/background studio. *\/\n.tm-season-active .tm-story-overlay{\n    background:linear-gradient(\n        180deg,\n        color-mix(in srgb,var(--tm-new-gradient-top) var(--tm-new-gradient-top-alpha),transparent) 0%,\n        color-mix(in srgb,var(--tm-new-gradient-bottom) var(--tm-new-gradient-bottom-alpha),transparent) 100%\n    )!important;\n}\n\n\/* v3.6.0.18 \u2014 every action button except the 6 Menu\/Journal utility tiles uses one shared seasonal surface.\n   Category tabs and footer navigation remain navigation components, not action buttons. *\/\n.tm-season-active button:not(.tm-quick-action):not(.tm-journal-action):not(.tm-tab-btn):not(.tm-footer-nav-btn),\n.tm-season-active .tm-story-btn,\n.tm-season-active .tm-ticket-btn,\n.tm-season-active .tm-switch-btn,\n.tm-season-active .tm-subtle-action,\n.tm-season-active .tm-feed-load-more,\n.tm-season-active .tm-feed-submit-btn,\n.tm-season-active .tm-push-btn{\n    position:relative;overflow:hidden;isolation:isolate;\n    background:var(--tm-season-button-bg)!important;\n    color:var(--tm-season-button-text)!important;\n    border-color:var(--tm-season-button-border)!important;\n}\n.tm-season-active button:not(.tm-quick-action):not(.tm-journal-action):not(.tm-tab-btn):not(.tm-footer-nav-btn)::before,\n.tm-season-active .tm-story-btn::before,\n.tm-season-active .tm-ticket-btn::before,\n.tm-season-active .tm-switch-btn::before,\n.tm-season-active .tm-subtle-action::before,\n.tm-season-active .tm-feed-load-more::before,\n.tm-season-active .tm-feed-submit-btn::before,\n.tm-season-active .tm-push-btn::before{\n    content:\"\";position:absolute;inset:0;z-index:0;pointer-events:none;\n    background-image:var(--tm-season-button-layer-image);background-size:cover;background-position:center;\n    opacity:var(--tm-season-button-layer-opacity);\n}\n.tm-season-active button:not(.tm-quick-action):not(.tm-journal-action):not(.tm-tab-btn):not(.tm-footer-nav-btn)>*,\n.tm-season-active .tm-story-btn>*,\n.tm-season-active .tm-ticket-btn>*,\n.tm-season-active .tm-switch-btn>*,\n.tm-season-active .tm-subtle-action>*,\n.tm-season-active .tm-feed-load-more>*,\n.tm-season-active .tm-feed-submit-btn>*,\n.tm-season-active .tm-push-btn>*{position:relative;z-index:1}\n\/* Plain text nodes cannot receive z-index; keep the decorative image translucent and force readable foreground color. *\/\n.tm-season-active .tm-checkout-btn,.tm-season-active .tm-checkout-left,.tm-season-active .tm-checkout-right,\n.tm-season-active .tm-history-action-btn,.tm-season-active .tm-history-action-btn.primary,.tm-season-active .tm-history-action-btn.qr,\n.tm-season-active #btn-submit-order,.tm-season-active #btn-confirm-paid,.tm-season-active .tm-notification-button,.tm-season-active .tm-header-cta,.tm-season-active .tm-header-icon-btn{\n    color:var(--tm-season-button-text)!important;\n}\n.tm-season-active .tm-notification-button i{background:color-mix(in srgb,var(--tm-season-button-text) 22%,transparent)!important;color:var(--tm-season-button-text)!important}\n\n\/* v3.6.0.20 \u2014 seasonal save persistence fix + compact x remove control. *\/\n\n\/* v3.6.0.19 \u2014 checkout controls have their own editable seasonal surface.\n   This block deliberately comes after the global action-button surface so checkout settings win. *\/\n.tm-season-active #tm-modal-order button,\n.tm-season-active #tm-modal-order .tm-switch-btn,\n.tm-season-active #tm-modal-order .tm-saved-address-chip,\n.tm-season-active #tm-modal-order .tm-address-chip,\n.tm-season-active #tm-modal-order .tm-voucher-card,\n.tm-season-active #tm-modal-order .tm-voucher-summary,\n.tm-season-active #tm-modal-order .tm-copy-badge{\n    position:relative;overflow:hidden;isolation:isolate;\n    background:var(--tm-season-checkout-control-bg)!important;\n    color:var(--tm-season-checkout-control-text)!important;\n    border-color:var(--tm-season-checkout-control-border)!important;\n}\n.tm-season-active #tm-modal-order button::before,\n.tm-season-active #tm-modal-order .tm-switch-btn::before,\n.tm-season-active #tm-modal-order .tm-saved-address-chip::before,\n.tm-season-active #tm-modal-order .tm-address-chip::before,\n.tm-season-active #tm-modal-order .tm-voucher-card::before,\n.tm-season-active #tm-modal-order .tm-voucher-summary::before,\n.tm-season-active #tm-modal-order .tm-copy-badge::before{\n    content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;\n    background-image:var(--tm-season-checkout-control-layer-image);background-size:cover;background-position:center;\n    opacity:var(--tm-season-checkout-control-layer-opacity);\n}\n.tm-season-active #tm-modal-order button>*,\n.tm-season-active #tm-modal-order .tm-switch-btn>*,\n.tm-season-active #tm-modal-order .tm-saved-address-chip>*,\n.tm-season-active #tm-modal-order .tm-address-chip>*,\n.tm-season-active #tm-modal-order .tm-voucher-card>*,\n.tm-season-active #tm-modal-order .tm-voucher-summary>*,\n.tm-season-active #tm-modal-order .tm-copy-badge>*{position:relative;z-index:1;color:inherit!important}\n.tm-season-active #tm-modal-order .tm-switch-btn.active,\n.tm-season-active #tm-modal-order .tm-saved-address-chip.active,\n.tm-season-active #tm-modal-order .tm-address-chip.active,\n.tm-season-active #tm-modal-order .tm-voucher-card.selected{\n    background:var(--tm-season-checkout-control-active-bg)!important;\n    color:var(--tm-season-checkout-control-active-text)!important;\n    border-color:var(--tm-season-checkout-control-active-border)!important;\n    box-shadow:0 0 0 2px color-mix(in srgb,var(--tm-season-checkout-control-active-border) 18%,transparent)!important;\n}\n.tm-season-active #tm-modal-order .tm-saved-address-chip span,\n.tm-season-active #tm-modal-order .tm-voucher-card small,\n.tm-season-active #tm-modal-order .tm-voucher-label,\n.tm-season-active #tm-modal-order #tm-voucher-summary-text,\n.tm-season-active #tm-modal-order #tm-voucher-summary-arrow{color:inherit!important}\n\n.tm-season-active .tm-ticket-card,\n.tm-season-active .tm-promo-card,\n.tm-season-active .tm-voucher-card,\n.tm-season-active .tm-voucher-summary,\n.tm-season-active .tm-member-exclusive-voucher{\n    position:relative;overflow:hidden;isolation:isolate;\n}\n.tm-season-active .tm-ticket-card::before,\n.tm-season-active .tm-promo-card::before,\n.tm-season-active .tm-voucher-card::before,\n.tm-season-active .tm-voucher-summary::before,\n.tm-season-active .tm-member-exclusive-voucher::before{\n    content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;\n    background-image:var(--tm-season-voucher-bg-image);background-size:cover;background-position:center;\n    opacity:var(--tm-season-voucher-bg-opacity);\n}\n\n\n.tm-season-active #tm-panel-orders .tm-history-card,\n.tm-season-active #tm-panel-orders .tm-empty-state-card,\n.tm-season-active #tm-panel-orders .tm-order-timeline{\n    position:relative;overflow:hidden;isolation:isolate;\n}\n.tm-season-active #tm-panel-orders .tm-history-card::before,\n.tm-season-active #tm-panel-orders .tm-empty-state-card::before,\n.tm-season-active #tm-panel-orders .tm-order-timeline::before{\n    content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;\n    background-image:var(--tm-season-orders-box-image);background-size:cover;background-position:center;\n    opacity:var(--tm-season-orders-box-opacity);\n}\n\n.tm-season-active .tm-journal-wallet,\n.tm-season-active .tm-journal-member-card,\n.tm-season-active .tm-account-section.tm-journal-below-actions,\n.tm-season-active .tm-journal-sheet .tm-benefit-block,\n.tm-season-active .tm-journal-sheet .tm-member-exclusive-voucher,\n.tm-season-active .tm-journal-sheet .tm-shop-info-card,\n.tm-season-active .tm-journal-sheet .tm-shop-info-list,\n.tm-season-active .tm-push-card{\n    position:relative;overflow:hidden;isolation:isolate;\n}\n.tm-season-active .tm-journal-wallet::before,\n.tm-season-active .tm-journal-member-card::before,\n.tm-season-active .tm-account-section.tm-journal-below-actions::before,\n.tm-season-active .tm-journal-sheet .tm-benefit-block::before,\n.tm-season-active .tm-journal-sheet .tm-member-exclusive-voucher::before,\n.tm-season-active .tm-journal-sheet .tm-shop-info-card::before,\n.tm-season-active .tm-journal-sheet .tm-shop-info-list::before,\n.tm-season-active .tm-push-card::before{\n    content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;\n    background-image:var(--tm-season-journal-box-image);background-size:cover;background-position:center;\n    opacity:var(--tm-season-journal-box-opacity);\n}\n\n\/* Festival mode: hero occupies the whole upper visual area like the 20\/10 reference. *\/\n.tm-season-layout-festival .tm-scroll-container{position:relative}\n.tm-season-layout-festival .tm-seasonal-banner{margin:0 0 9px;border-radius:0 0 calc(var(--tm-ui-radius) + 8px) calc(var(--tm-ui-radius) + 8px);padding:26px 22px 20px;box-shadow:0 12px 28px rgba(90,38,54,.11);justify-content:flex-end;background-position:center!important}\n.tm-season-layout-festival.tm-season-header-overlay .tm-premium-header{position:absolute;top:0;left:0;right:0;z-index:42;padding:16px 18px 9px;background:transparent!important;pointer-events:none}\n.tm-season-layout-festival.tm-season-header-overlay .tm-premium-header>*{pointer-events:auto}\n.tm-season-layout-festival .tm-premium-header .tm-brand-logo{max-height:58px;max-width:150px;filter:drop-shadow(0 2px 3px rgba(255,255,255,.65))}\n.tm-season-layout-festival .tm-header-meta{gap:6px;flex-wrap:wrap;justify-content:flex-end}\n.tm-season-layout-festival.tm-season-header-glass .tm-header-cta,\n.tm-season-layout-festival.tm-season-header-glass .tm-header-icon-btn,\n.tm-season-layout-festival.tm-season-header-glass .tm-header-notice,\n.tm-season-layout-festival.tm-season-header-glass .tm-store-status{background:rgba(255,255,255,.9)!important;border:1px solid rgba(103,64,63,.10)!important;border-radius:999px!important;padding:7px 9px!important;box-shadow:0 5px 14px rgba(70,39,37,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}\n.tm-season-layout-festival .tm-store-status{font-size:.64rem}.tm-season-layout-festival .tm-header-cta,.tm-season-layout-festival .tm-header-notice{font-size:.63rem}\n.tm-season-layout-festival .tm-seasonal-copy{max-width:86%;margin:0 auto}\n.tm-season-layout-festival .tm-seasonal-title{font-size:1.52rem;line-height:1.08;font-weight:900;text-shadow:0 2px 8px rgba(255,255,255,.28)}\n.tm-season-layout-festival .tm-seasonal-subtitle{font-size:.76rem;line-height:1.4;max-width:90%}\n.tm-season-layout-festival .tm-quick-actions{padding:7px 14px 17px;gap:8px}\n.tm-season-layout-festival .tm-quick-action{min-height:58px;padding:10px 7px;font-weight:800;font-size:.7rem;line-height:1.15}\n.tm-season-layout-festival .tm-home-voucher-header,.tm-season-layout-festival .tm-new-header{padding-left:16px;padding-right:16px;font-size:1rem;font-weight:850}\n.tm-season-layout-festival .tm-home-voucher-scroll,.tm-season-layout-festival .tm-new-carousel{padding-left:16px;padding-right:16px}\n.tm-season-layout-festival .tm-story-card{flex-basis:70%;max-width:300px}\n.tm-season-layout-festival .tm-search-launch{padding-left:16px;padding-right:16px}\n.tm-season-layout-festival .tm-search-bar #tm-search-input{height:49px;box-shadow:0 7px 20px rgba(70,42,36,.055)}\n.tm-season-layout-festival .tm-bottom-bar{padding-bottom:10px!important}\n\n@media(max-width:420px){\n  .tm-season-layout-festival .tm-premium-header .tm-brand-logo{max-height:48px;max-width:122px}\n  .tm-season-layout-festival.tm-season-header-overlay .tm-premium-header{padding-left:12px;padding-right:12px}\n  .tm-season-layout-festival .tm-header-meta{gap:4px}.tm-season-layout-festival .tm-header-cta,.tm-season-layout-festival .tm-header-notice,.tm-season-layout-festival .tm-store-status{font-size:.57rem!important;padding:6px 7px!important}\n  .tm-season-layout-festival .tm-seasonal-title{font-size:1.34rem}.tm-season-layout-festival .tm-seasonal-copy{max-width:92%}\n  .tm-season-layout-festival .tm-quick-action{font-size:.65rem}.tm-season-active .tm-quick-action-icon{font-size:1.08rem}\n}\n<\/style>\n\n\n<style id=\"tm-v36024-group-order-styles\">\n\/* v3.6.0.24 \u2014 Group order grouped items in member view + host checkout. *\/\n.tm-group-owner-badge{display:inline-flex;align-items:center;background:#eef4f8;color:#587086;font-size:10px;font-weight:750;padding:3px 7px;border-radius:999px;line-height:1.2}\n.tm-group-cart-member-section{margin:0 0 11px;border:1px solid #eee6dc;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(54,42,31,.025)}\n.tm-group-cart-member-section.is-me{border-color:#f2cfad;background:#fffdf9}\n.tm-group-cart-member-section.is-gift{border-color:#dcebdc;background:#fbfffb}\n.tm-group-cart-member-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#faf7f3;border-bottom:1px solid #f0e9e1}\n.tm-group-cart-member-section.is-me .tm-group-cart-member-header{background:#fff3e8}\n.tm-group-cart-member-section.is-gift .tm-group-cart-member-header{background:#f2faf2}\n.tm-group-cart-member-header strong{min-width:0;color:var(--caramel-dark);font-size:.78rem;font-weight:800;line-height:1.35}\n.tm-group-cart-member-header span{flex-shrink:0;color:#8a7b6e;font-size:.66rem;font-weight:650;white-space:nowrap}\n.tm-group-cart-member-items{padding:0 10px}\n.tm-group-cart-member-items .tm-cart-item-row{padding:10px 1px}\n.tm-group-cart-member-items .tm-cart-item-row:last-child{border-bottom:0}\n.tm-group-item-qty{display:inline-block;min-width:28px;color:var(--accent-orange);font-weight:850}\n.tm-group-owner-badge.is-me{background:#fff0e4;color:#a85a21}\n.tm-cart-edit-btn{border:1px solid rgba(107,74,53,.18);background:#fff;color:var(--caramel-dark);padding:6px 9px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}\n.tm-group-item-locked{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#f2f0ed;color:#83766b;font-size:10px;font-weight:750}\n.tm-group-member-view-note{margin-bottom:10px;padding:11px 12px;border-radius:13px;background:#fff7ed;border:1px solid #f1dcc2;color:#6f5844;font-size:.76rem;line-height:1.45}\n#tm-modal-order.tm-group-member-view .tm-order-modal-body>.tm-checkout-section:not(.tm-checkout-cart-section){display:none!important}\n#tm-modal-order.tm-group-member-view .tm-order-sticky-footer{display:none!important}\n#tm-modal-order.tm-group-member-view .tm-order-modal-body{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}\n\/* v3.6.0.24 \u2014 Host checkout keeps the same grouped-by-member presentation. *\/\n#tm-modal-order.tm-group-host-checkout #tm-group-member-view-note{background:#f5fbff;border-color:#cfe6f3;color:#405f70}\n<\/style>\n        <div id=\"tm-splash-screen\" style=\"position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 9999999; display: flex; align-items: center; justify-content: center; transition: opacity 0.5s ease;\">\n            <img decoding=\"async\" src=\"https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/09\/942029dbf59058c763fd30ab82567479.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\" alt=\"M\u00e0n H\u00ecnh Ch\u00e0o\">\n    <\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const splash = document.getElementById('tm-splash-screen');\n    if (splash) {\n        setTimeout(() => {\n            splash.style.opacity = '0';\n            setTimeout(() => { splash.style.display = 'none'; }, 500);\n        }, 1500);\n    }\n});\n<\/script>\n\n        <div class=\"tm-app-wrapper\">\n          <div class=\"tm-app tm-season-active tm-season-layout-festival tm-season-header-overlay tm-season-header-glass tm-season-frame\" id=\"tm-app-root\">\n\n            \n            \n                                                                  \n                        <div class=\"tm-scroll-container\" id=\"tm-scroll-box\">\n              \n                                          <section class=\"tm-seasonal-banner tm-seasonal-align-center\" style=\"--tm-season-hero-h:150px;--tm-season-hero-overlay:0.08;background:url(&#039;https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/10\/254d5921-322e-405c-a24b-961948d34ddc-scaled.png&#039;) center\/cover;\" aria-label=\"20\/10 \u00b7 Ti\u1ec7m M\u1eadt\">\n                              <\/section>\n              \n              <div class=\"tm-hud tm-hud-v347 tm-premium-header\">\n                <div class=\"tm-brand-header\">\n                                      <div class=\"tm-title\">\ud83c\udf6f TI\u1ec6M M\u1eacT<\/div>\n                                  <\/div>\n                <div class=\"tm-header-meta\">\n                  <button type=\"button\" class=\"tm-header-icon-btn tm-header-account-btn\" onclick=\"tmFooterNavigate('account')\" aria-label=\"T\u00e0i kho\u1ea3n\" title=\"T\u00e0i kho\u1ea3n\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 21a8 8 0 0 0-16 0\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n\n              <div class=\"tm-shop-closed-modal\" id=\"tm-shop-closed-modal\" aria-hidden=\"true\">\n                <div class=\"tm-shop-closed-card\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"tm-shop-closed-title\" aria-describedby=\"tm-shop-closed-copy\">\n                  <div class=\"tm-shop-closed-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M4 10h16\"><\/path><path d=\"M5 10 6.4 4h11.2L19 10\"><\/path><path d=\"M6 10v9h12v-9\"><\/path><path d=\"M9 19v-5h6v5\"><\/path><\/svg>\n                  <\/div>\n                  <div class=\"tm-shop-closed-eyebrow\">TH\u00d4NG B\u00c1O T\u1eea TI\u1ec6M M\u1eacT<\/div>\n                  <h3 id=\"tm-shop-closed-title\">Ti\u1ec7m \u0111ang ngh\u1ec9 m\u1ed9t ch\u00fat<\/h3>\n                  <p id=\"tm-shop-closed-copy\"><\/p>\n                  <div class=\"tm-shop-closed-preorder-summary\" id=\"tm-shop-closed-preorder-summary\">\n                    <div><span class=\"tm-shop-closed-check\" aria-hidden=\"true\">\u2713<\/span><span>\u0110\u01a1n s\u1ebd \u0111\u01b0\u1ee3c ghi nh\u1eadn l\u00e0 <strong>\u0111\u01a1n \u0111\u1eb7t tr\u01b0\u1edbc<\/strong>.<\/span><\/div>\n                    <div><span class=\"tm-shop-closed-clock\" aria-hidden=\"true\">\u2197<\/span><span id=\"tm-shop-closed-earliest\"><\/span><\/div>\n                  <\/div>\n                  <div class=\"tm-shop-closed-actions\">\n                    <button type=\"button\" class=\"tm-shop-closed-primary\" id=\"tm-shop-closed-primary\" onclick=\"tmAcceptShopClosedPreorder()\">\u0110\u1ed3ng \u00fd \u00b7 Ti\u1ebfp t\u1ee5c \u0111\u1eb7t tr\u01b0\u1edbc<\/button>\n                    <button type=\"button\" class=\"tm-shop-closed-secondary\" id=\"tm-shop-closed-secondary\" onclick=\"tmDismissShopClosedNotice()\">Xem menu tr\u01b0\u1edbc<\/button>\n                  <\/div>\n                  <small id=\"tm-shop-closed-footnote\">B\u1ea1n v\u1eabn c\u00f3 th\u1ec3 \u0111\u1ed5i sang th\u1eddi gian mu\u1ed9n h\u01a1n \u1edf b\u01b0\u1edbc thanh to\u00e1n.<\/small>\n                <\/div>\n              <\/div>\n\n                            <div class=\"tm-quick-actions\" aria-label=\"Ti\u1ec7n \u00edch nhanh\">\n                <button type=\"button\" class=\"tm-quick-action tm-quick-action-group\" onclick=\"tmTriggerGroupModal()\"><span class=\"tm-quick-action-icon\">\ud83d\udc65<\/span><span>\u0110\u1eb7t \u0111\u01a1n nh\u00f3m<\/span><\/button>\n                <button type=\"button\" class=\"tm-quick-action\" id=\"tm-quick-delivery-later\" onclick=\"tmOpenDeliveryLater()\" aria-label=\"\u0110\u1eb7t giao sau\"><span id=\"tm-quick-delivery-later-text\">\u0110\u1eb7t giao sau<\/span><\/button>\n                <button type=\"button\" class=\"tm-quick-action tm-quick-action-third\" onclick=\"tmShareReferral()\"><span>Gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8<\/span><\/button>\n              <\/div>\n              \n              <div class=\"tm-group-bar\" id=\"tm-group-banner-bar\">\n                <div class=\"tm-group-top\">\n                  <div class=\"tm-group-info\"><span>\ud83d\udc65 Ph\u00f2ng: <strong id=\"tm-group-code-txt\">...<\/strong> \u00b7 Ch\u1ee7 nh\u00f3m: <span id=\"tm-group-host-txt\">...<\/span><\/span><\/div>\n                  <div style=\"display:flex; gap:6px; flex-shrink:0;\">\n                    <button class=\"tm-group-share-btn\" onclick=\"tmCopyGroupLink()\">\ud83d\udd17 G\u1eedi Link<\/button>\n                    <button onclick=\"tmLeaveGroup()\" style=\"background:#FFF5F5; color:#E74C3C; border:1px solid #FFE3E3; border-radius:10px; font-size:0.75rem; padding:4px 8px; cursor:pointer;\">\u2715 R\u1eddi<\/button>\n                  <\/div>\n                <\/div>\n                <div class=\"tm-group-progress-box\">\n                  <div class=\"tm-group-progress-head\"><span id=\"tm-group-progress-count\">0 ng\u01b0\u1eddi \u0111\u00e3 c\u00f3 m\u00f3n<\/span><span id=\"tm-group-progress-discount\">Ch\u01b0a c\u00f3 \u01b0u \u0111\u00e3i<\/span><\/div>\n                  <div class=\"tm-group-progress-track\"><div class=\"tm-group-progress-fill\" id=\"tm-group-progress-fill\"><\/div><\/div>\n                  <div class=\"tm-group-progress-note\" id=\"tm-group-progress-note\">M\u1eddi b\u1ea1n b\u00e8 v\u00e0 c\u00f9ng ch\u1ecdn m\u00f3n \u0111\u1ec3 m\u1edf \u01b0u \u0111\u00e3i nh\u00f3m.<\/div>\n                <\/div>\n                <div class=\"tm-group-members\" id=\"tm-group-members\"><\/div>\n              <\/div>\n\n              <div class=\"tm-live-order-banner\" id=\"tm-live-order-banner\" onclick=\"tmFooterNavigate('orders')\">\n                <div class=\"tm-live-order-top\">\n                  <div class=\"tm-live-order-label\" id=\"tm-live-order-label\">\ud83e\uddfe \u0110\u01a1n g\u1ea7n nh\u1ea5t<\/div>\n                  <div class=\"tm-live-order-status\" id=\"tm-live-order-status\">\u0110ang c\u1eadp nh\u1eadt\u2026 \u203a<\/div>\n                <\/div>\n                <div class=\"tm-order-progress\" id=\"tm-live-order-progress\"><\/div>\n              <\/div>\n\n              \n              <div class=\"tm-home-vouchers-wrap\" id=\"tm_home_vouchers_container\" style=\"display:none;\">\n                <div class=\"tm-home-voucher-header\">\n                  <span>\u01afu \u0110\u00e3i D\u00e0nh Ri\u00eang Cho B\u1ea1n<\/span>\n                  <span class=\"see-all\" onclick=\"tmOpenAllVouchersModal()\">Xem t\u1ea5t c\u1ea3 \u2192<\/span>\n                <\/div>\n                <div class=\"tm-home-voucher-scroll\" id=\"tm_home_vouchers_scroll\"><\/div>\n              <\/div>\n\n                              <div class=\"tm-new-section\">\n                  <div class=\"tm-new-header\">\n                    <span>M\u00f3n M\u1edbi Ch\u1edd B\u1ea1n Th\u1eed<\/span>\n                    <small>Vu\u1ed1t xem th\u00eam \u2192<\/small>\n                  <\/div>\n                  \n                  <div class=\"tm-new-carousel-container\">\n                    <div class=\"tm-new-carousel\" id=\"tm_new_carousel_track\">\n                          <div class=\"tm-story-card \" onclick=\"tmOpenCustomize('p_1')\">\n                        \n                      <div class=\"tm-story-sticker \">\n                          M\u00d3N M\u1edaI                      <\/div>\n\n                                              <div class=\"tm-story-fallback-icon\">\ud83c\udf6f<\/div>\n                      \n                      <div class=\"tm-story-overlay\" style=\"\">\n                        <div class=\"tm-story-title\">Tr\u00e0 Qu\u1ebf M\u1eadt Ong<\/div>\n                        <div class=\"tm-story-sub\">H\u01b0\u01a1ng v\u1ecb th\u1ea3o m\u1ed9c \u1ea5m n\u1ed3ng<\/div>\n                        \n                        \n                        <div class=\"tm-story-footer\">\n                                                      <span class=\"tm-story-price\">45.000\u0111<\/span>\n                            <span class=\"tm-story-btn\">Th\u1eed ngay +<\/span>\n                                                  <\/div>\n                      <\/div>\n                    <\/div>\n                    <\/div>\n                    <div class=\"tm-story-dots\" id=\"tm_story_dots_wrap\"><\/div>\n                  <\/div>\n                <\/div>\n              <!-- TR\u1ea2I NGHI\u1ec6M T\u00ccM KI\u1ebeM TO\u00c0N M\u00c0N H\u00ccNH -->\n<div class=\"tm-search-launch\" id=\"tm-search-launch\">\n  <div class=\"tm-search-bar\">\n    <button type=\"button\" class=\"tm-search-back\" id=\"tm-search-back\" onclick=\"tmCloseSearchMode()\" aria-label=\"Quay l\u1ea1i Menu\">\u2039<\/button>\n    <span class=\"tm-search-icon\" aria-hidden=\"true\">\ud83d\udd0d<\/span>\n    <input type=\"search\" id=\"tm-search-input\" placeholder=\"T\u00ecm nhanh m\u00f3n quen c\u1ee7a b\u1ea1n\u2026\" autocomplete=\"off\" autocapitalize=\"off\" enterkeyhint=\"search\"\n           onfocus=\"tmOpenSearchMode()\" oninput=\"tmHandleSearch(this.value)\" onkeydown=\"tmSearchInputKeydown(event)\" aria-label=\"T\u00ecm ki\u1ebfm m\u00f3n\">\n    <button type=\"button\" id=\"tm-clear-search\" class=\"tm-search-clear\" onclick=\"tmClearSearch()\" aria-label=\"X\u00f3a t\u1eeb kh\u00f3a\">\u2715<\/button>\n  <\/div>\n<\/div>\n\n<div class=\"tm-search-overlay\" id=\"tm-search-overlay\" aria-hidden=\"true\">\n  <div class=\"tm-search-overlay-scroll\">\n    <section class=\"tm-search-discovery-panel\" id=\"tm-search-discovery-panel\">\n      <div class=\"tm-search-discovery-block\" id=\"tm-search-recent-block\" style=\"display:none;\">\n        <div class=\"tm-search-mini-head\"><strong>T\u00ecm g\u1ea7n \u0111\u00e2y<\/strong><button type=\"button\" onclick=\"tmClearRecentSearches()\">X\u00f3a<\/button><\/div>\n        <div class=\"tm-search-chip-row\" id=\"tm-search-recent-list\"><\/div>\n      <\/div>\n\n      <div class=\"tm-search-discovery-block\">\n        <div class=\"tm-search-mini-head\"><strong>Kh\u00e1m ph\u00e1 nhanh<\/strong><\/div>\n        <div class=\"tm-search-chip-row\" id=\"tm-search-category-list\"><\/div>\n      <\/div>\n\n      <div class=\"tm-search-discovery-block\" id=\"tm-search-suggested-block\">\n        <div class=\"tm-search-mini-head\"><strong>B\u1ea1n c\u00f3 th\u1ec3 th\u00edch<\/strong><span>G\u1ee3i \u00fd d\u00e0nh cho b\u1ea1n<\/span><\/div>\n        <div class=\"tm-search-product-strip\" id=\"tm-search-suggested-list\"><\/div>\n      <\/div>\n\n      <div class=\"tm-search-discovery-block\" id=\"tm-search-trending-block\">\n        <div class=\"tm-search-mini-head\"><strong>\u0110ang \u0111\u01b0\u1ee3c g\u1ecdi nhi\u1ec1u<\/strong><span>Ph\u1ed5 bi\u1ebfn g\u1ea7n \u0111\u00e2y<\/span><\/div>\n        <div class=\"tm-search-product-strip\" id=\"tm-search-trending-list\"><\/div>\n      <\/div>\n\n      <div class=\"tm-search-discovery-block\" id=\"tm-search-rebuy-block\" style=\"display:none;\">\n        <div class=\"tm-search-mini-head\"><strong>Mua l\u1ea1i nhanh<\/strong><span>T\u1eeb c\u00e1c \u0111\u01a1n tr\u01b0\u1edbc c\u1ee7a b\u1ea1n<\/span><\/div>\n        <div class=\"tm-search-product-strip\" id=\"tm-search-rebuy-list\"><\/div>\n      <\/div>\n\n      <section class=\"tm-search-vouchers-panel\" id=\"tm-search-vouchers-panel\">\n        <div class=\"tm-search-section-head\">\n          <div>\n            <strong>\u01afu \u0111\u00e3i d\u00e0nh cho b\u1ea1n<\/strong>\n            <span>Ch\u1ecdn voucher tr\u01b0\u1edbc, Ti\u1ec7m s\u1ebd ki\u1ec3m tra \u0111i\u1ec1u ki\u1ec7n khi thanh to\u00e1n.<\/span>\n          <\/div>\n          <button type=\"button\" onclick=\"tmOpenAllVouchersModal()\">Xem t\u1ea5t c\u1ea3<\/button>\n        <\/div>\n        <div class=\"tm-search-voucher-list\" id=\"tm-search-voucher-list\"><\/div>\n        <div class=\"tm-search-soft-empty\" id=\"tm-search-voucher-empty\" style=\"display:none;\">Hi\u1ec7n ch\u01b0a c\u00f3 voucher kh\u1ea3 d\u1ee5ng. B\u1ea1n th\u1eed t\u00ecm m\u00f3n m\u00ecnh th\u00edch nh\u00e9!<\/div>\n      <\/section>\n    <\/section>\n\n    <section class=\"tm-search-results-panel\" id=\"tm-search-results-panel\" style=\"display:none;\">\n      <div class=\"tm-search-section-head tm-search-results-head\">\n        <div>\n          <strong id=\"tm-search-results-title\">K\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm<\/strong>\n          <span id=\"tm-search-results-count\">0 m\u00f3n<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"tm-search-results-list\" id=\"tm-search-results-list\"><\/div>\n      <div class=\"tm-search-empty-state\" id=\"tm-search-empty-state\" style=\"display:none;\">\n        <div class=\"tm-search-empty-icon\">\ud83d\udd0e<\/div>\n        <strong>Ch\u01b0a t\u00ecm th\u1ea5y m\u00f3n ph\u00f9 h\u1ee3p<\/strong>\n        <span>Th\u1eed t\u00ean m\u00f3n, lo\u1ea1i tr\u00e0, topping ho\u1eb7c m\u1ed9t t\u1eeb kh\u00f3a ng\u1eafn h\u01a1n nh\u00e9.<\/span>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>\n              <div class=\"tm-menu-skeleton\" id=\"tm-menu-skeleton\" aria-hidden=\"true\">\n                <div class=\"tm-skeleton-tabs\"><span><\/span><span><\/span><span><\/span><\/div>\n                <div class=\"tm-skeleton-product\"><i><\/i><div><b><\/b><b><\/b><b><\/b><\/div><\/div>\n                <div class=\"tm-skeleton-product\"><i><\/i><div><b><\/b><b><\/b><b><\/b><\/div><\/div>\n                <div class=\"tm-skeleton-product\"><i><\/i><div><b><\/b><b><\/b><b><\/b><\/div><\/div>\n              <\/div>\n\n              <div class=\"tm-tabs-wrapper\">\n                <div class=\"tm-tabs\">\n                  <button class=\"tm-tab-btn active\" onclick=\"tmSelectTab('all', this)\">T\u1ea5t C\u1ea3<\/button>\n                  <button class=\"tm-tab-btn\" id=\"tm-tab-favorites\" onclick=\"tmOpenCustomerView('favorites', this)\">\u2764\ufe0f M\u00f3n Y\u00eau Th\u00edch<\/button>\n                                      <button class=\"tm-tab-btn\" onclick=\"tmSelectTab('cat-sec-0', this)\">Tr\u00e0 Th\u1ea3o M\u1ed9c<\/button>\n                                      <button class=\"tm-tab-btn\" onclick=\"tmSelectTab('cat-sec-1', this)\">C\u00e0 Ph\u00ea<\/button>\n                                      <button class=\"tm-tab-btn\" onclick=\"tmSelectTab('cat-sec-2', this)\">B\u00e1nh N\u01b0\u1edbng<\/button>\n                                  <\/div>\n              <\/div>\n\n              <div class=\"tm-catalog\">\n                                  <section class=\"tm-cat-section\" id=\"cat-sec-0\">\n                    <div class=\"tm-cat-heading\"><span>Tr\u00e0 Th\u1ea3o M\u1ed9c<\/span><\/div>\n                    <div class=\"tm-grid\">\n                                              <div class=\"tm-card \" data-product-id=\"p_1\" \n                             onclick=\"tmOpenCustomize('p_1')\">\n                          \n                          <div class=\"tm-item-media\">\n                                                          <span class=\"tm-item-emoji\">\ud83c\udf6f<\/span>\n                                                      <\/div>\n\n                          <div class=\"tm-card-body\">\n                            <div class=\"tm-card-title\">Tr\u00e0 Qu\u1ebf M\u1eadt Ong<\/div>\n                            <div class=\"tm-card-desc\">H\u01b0\u01a1ng qu\u1ebf n\u1ed3ng \u1ea5m k\u1ebft h\u1ee3p m\u1eadt ong ng\u1ecdt d\u1ecbu<\/div>                            \n                            \n                            <div class=\"tm-price\">\n                                                                                                        45.000\u0111\n                                                            <\/div>\n                          <\/div>\n\n                          <div class=\"tm-btn-add\" style=\"\">+<\/div>\n                        <\/div>\n                                          <\/div>\n                  <\/section>\n                                  <section class=\"tm-cat-section\" id=\"cat-sec-1\">\n                    <div class=\"tm-cat-heading\"><span>C\u00e0 Ph\u00ea<\/span><\/div>\n                    <div class=\"tm-grid\">\n                                              <div class=\"tm-card \" data-product-id=\"p_2\" \n                             onclick=\"tmOpenCustomize('p_2')\">\n                          \n                          <div class=\"tm-item-media\">\n                                                          <span class=\"tm-item-emoji\">\u2615<\/span>\n                                                      <\/div>\n\n                          <div class=\"tm-card-body\">\n                            <div class=\"tm-card-title\">Latte M\u1eadt Ong Caramel<\/div>\n                            <div class=\"tm-card-desc\">\u0110\u1eadm \u0111\u00e0 c\u00e0 ph\u00ea c\u00f9ng kem b\u00e9o v\u00e0 s\u1ed1t m\u1eadt<\/div>                            \n                            \n                            <div class=\"tm-price\">\n                                                                                                        52.000\u0111\n                                                            <\/div>\n                          <\/div>\n\n                          <div class=\"tm-btn-add\" style=\"\">+<\/div>\n                        <\/div>\n                                          <\/div>\n                  <\/section>\n                                  <section class=\"tm-cat-section\" id=\"cat-sec-2\">\n                    <div class=\"tm-cat-heading\"><span>B\u00e1nh N\u01b0\u1edbng<\/span><\/div>\n                    <div class=\"tm-grid\">\n                                              <div class=\"tm-card \" data-product-id=\"p_3\" \n                             onclick=\"tmOpenCustomize('p_3')\">\n                          \n                          <div class=\"tm-item-media\">\n                                                          <span class=\"tm-item-emoji\">\ud83e\udd50<\/span>\n                                                      <\/div>\n\n                          <div class=\"tm-card-body\">\n                            <div class=\"tm-card-title\">B\u00e1nh Croissant B\u01a1 T\u01b0\u01a1i<\/div>\n                            <div class=\"tm-card-desc\">Ng\u00e0n l\u1edbp n\u01b0\u1edbng n\u00f3ng h\u1ed5i \u0111\u00f3ng h\u1ed9p mang \u0111i<\/div>                            \n                            \n                            <div class=\"tm-price\">\n                                                                                                        38.000\u0111\n                                                            <\/div>\n                          <\/div>\n\n                          <div class=\"tm-btn-add\" style=\"\">+<\/div>\n                        <\/div>\n                                          <\/div>\n                  <\/section>\n                              <\/div>\n\n              <div class=\"tm-customer-panels\" id=\"tm-customer-panels\">\n                <section class=\"tm-customer-panel\" id=\"tm-panel-favorites\">\n                  <div class=\"tm-customer-title\">\n                    <div><h3>\u2764\ufe0f M\u00f3n Y\u00eau Th\u00edch C\u1ee7a B\u1ea1n<\/h3><div class=\"tm-customer-sub\">T\u1ef1 \u0111\u1ed9ng x\u1ebfp theo nh\u1eefng m\u00f3n b\u1ea1n \u0111\u00e3 \u0111\u1eb7t nhi\u1ec1u nh\u1ea5t.<\/div><\/div>\n                  <\/div>\n                  <div class=\"tm-favorites-grid\" id=\"tm-favorites-grid\"><\/div>\n                  <div class=\"tm-empty-customer tm-empty-state-card\" id=\"tm-favorites-empty\" style=\"display:none;\"><strong>Ch\u01b0a c\u00f3 m\u00f3n quen<\/strong><span>\u0110\u1eb7t v\u00e0i m\u00f3n b\u1ea1n th\u00edch, Ti\u1ec7m s\u1ebd t\u1ef1 gom nh\u1eefng m\u00f3n b\u1ea1n g\u1ecdi nhi\u1ec1u nh\u1ea5t v\u00e0o \u0111\u00e2y.<\/span><button type=\"button\" onclick=\"tmFooterNavigate('menu')\">Kh\u00e1m ph\u00e1 menu<\/button><\/div>\n                <\/section>\n\n                <section class=\"tm-customer-panel tm-feed-panel\" id=\"tm-panel-feed\">\n                  <div class=\"tm-feed-hero\">\n                    <div><span class=\"tm-feed-kicker\">C\u1ed9ng \u0111\u1ed3ng Ti\u1ec7m M\u1eadt<\/span><h2>B\u1ea3ng tin Ti\u1ec7m M\u1eadt<\/h2><p>Chuy\u1ec7n \u1edf Ti\u1ec7m, m\u00f3n m\u1edbi v\u00e0 c\u1ea3m ngh\u0129 th\u1eadt t\u1eeb nh\u1eefng ng\u01b0\u1eddi \u0111\u00e3 gh\u00e9.<\/p><\/div>\n                  <\/div>\n                  <div class=\"tm-feed-social-compose\" id=\"tm-feed-social-compose\">\n                    <div class=\"tm-feed-social-avatar\" id=\"tm-feed-social-avatar\">M<\/div>\n                    <button type=\"button\" class=\"tm-feed-social-prompt\" id=\"tm-feed-social-prompt\" onclick=\"tmOpenFeedComposer()\">B\u1ea1n mu\u1ed1n chia s\u1ebb \u0111i\u1ec1u g\u00ec?<\/button>\n                    <button type=\"button\" class=\"tm-feed-social-photo\" onclick=\"tmOpenFeedComposer()\" aria-label=\"\u0110\u0103ng \u1ea3nh\">\u1ea2nh<\/button>\n                  <\/div>\n                  <div class=\"tm-feed-trust-note\"><span>Kh\u00e1ch \u0111\u00e3 c\u00f3 \u0111\u01a1n ho\u00e0n t\u1ea5t m\u1edbi \u0111\u01b0\u1ee3c \u0111\u0103ng b\u00e0i. M\u1ecdi ng\u01b0\u1eddi v\u00e0o app \u0111\u1ec1u c\u00f3 th\u1ec3 th\u00edch, b\u00ecnh lu\u1eadn v\u00e0 chia s\u1ebb.<\/span><\/div>\n                  <div class=\"tm-feed-list\" id=\"tm-feed-list\"><\/div>\n                  <div class=\"tm-feed-empty\" id=\"tm-feed-empty\" style=\"display:none\"><strong>Ch\u01b0a c\u00f3 b\u00e0i vi\u1ebft n\u00e0o<\/strong><span>Ti\u1ec7m s\u1ebd chia s\u1ebb nh\u1eefng c\u00e2u chuy\u1ec7n \u0111\u1ea7u ti\u00ean t\u1ea1i \u0111\u00e2y.<\/span><\/div>\n                  <button type=\"button\" class=\"tm-feed-load-more\" id=\"tm-feed-load-more\" onclick=\"tmLoadFeed(true)\" style=\"display:none\">Xem th\u00eam<\/button>\n                <\/section>\n\n                <section class=\"tm-customer-panel\" id=\"tm-panel-account\">\n                  <div class=\"tm-journal-compact\">\n                    <div class=\"tm-journal-profile\">\n                      <button type=\"button\" class=\"tm-journal-avatar-btn\" onclick=\"tmChooseAvatar()\" aria-label=\"\u0110\u1ed5i \u1ea3nh \u0111\u1ea1i di\u1ec7n\">\n                        <span class=\"tm-journal-avatar tm-account-avatar\" id=\"tm-account-avatar\"><span id=\"tm-account-avatar-letter\">M<\/span><img id=\"tm-account-avatar-image\" alt=\"\u1ea2nh \u0111\u1ea1i di\u1ec7n\" hidden><\/span>\n                        <span class=\"tm-avatar-edit-badge\">\u0110\u1ed5i \u1ea3nh<\/span>\n                      <\/button>\n                      <input type=\"file\" id=\"tm-avatar-file\" accept=\"image\/jpeg,image\/png,image\/webp\" hidden onchange=\"tmUploadCustomerAvatar(this)\">\n                      <div class=\"tm-journal-identity\">\n                        <div class=\"tm-account-name\" id=\"tm-account-name\">Kh\u00e1ch M\u1eadt<\/div>\n                        <div class=\"tm-account-phone\" id=\"tm-account-phone\">Ch\u01b0a c\u00f3 s\u1ed1 \u0111i\u1ec7n tho\u1ea1i<\/div>\n                      <\/div>\n                    <\/div>\n\n                    <div class=\"tm-journal-wallet\">\n                      <span>M\u1eadt Xu<\/span><strong id=\"tm-account-coins\">0 Xu<\/strong><small>Xu hi\u1ec7n c\u00f3 trong v\u00ed c\u1ee7a b\u1ea1n<\/small>\n                    <\/div>\n\n                    <div class=\"tm-member-card tm-journal-member-card\">\n                      <div class=\"tm-member-head\"><div><span class=\"tm-member-kicker\">H\u1ea1ng th\u00e0nh vi\u00ean<\/span><strong id=\"tm-member-tier-name\">Ong Non<\/strong><\/div><span id=\"tm-member-tier-next\">\u0110ang b\u1eaft \u0111\u1ea7u<\/span><\/div>\n                      <div class=\"tm-member-benefit\"><span id=\"tm-member-tier-multiplier\">\u00d71 M\u1eadt Xu<\/span><small id=\"tm-member-benefit-summary\">Quy\u1ec1n l\u1ee3i t\u0103ng theo h\u1ea1ng c\u1ee7a b\u1ea1n<\/small><\/div>\n                      <div class=\"tm-member-progress\"><span id=\"tm-member-progress-fill\"><\/span><\/div>\n                      <div class=\"tm-member-progress-copy\"><span id=\"tm-member-progress-text\">0\u0111 trong qu\u00fd<\/span><span id=\"tm-member-progress-next\">C\u00f2n 500.000\u0111 \u0111\u1ebfn Ong M\u1eadt<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"tm-journal-actions\" aria-label=\"Ti\u1ec7n \u00edch Nh\u1eadt k\u00fd\">\n                      <button type=\"button\" class=\"tm-journal-action\" onclick=\"tmOpenJournalSheet('missions')\">\n                        <span class=\"tm-journal-action-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"15\" r=\"4\"\/><path d=\"M5.5 15h5M8 12.5v5M13 4l7 7M15 4l5 5M13.5 10.5 7.8 16.2\"\/><\/svg><\/span>\n                        <span><strong>\u0110\u00e0o Xu<\/strong><small>Nhi\u1ec7m v\u1ee5 tu\u1ea7n<\/small><\/span>\n                      <\/button>\n                      <button type=\"button\" class=\"tm-journal-action\" onclick=\"tmOpenJournalSheet('benefits')\">\n                        <span class=\"tm-journal-action-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l2.7 5.5 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.8 1-6.1-4.4-4.3 6.1-.9z\"\/><path d=\"M9.5 12.2 11.2 14l3.7-4\"\/><\/svg><\/span>\n                        <span><strong>Quy\u1ec1n l\u1ee3i c\u1ee7a b\u1ea1n<\/strong><small>H\u1ea1ng & voucher ri\u00eang<\/small><\/span>\n                      <\/button>\n                      <button type=\"button\" class=\"tm-journal-action\" onclick=\"tmOpenJournalSheet('shop')\">\n                        <span class=\"tm-journal-action-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 10v10h16V10M3 10l2-6h14l2 6\"\/><path d=\"M3 10a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0M9 20v-5h6v5\"\/><\/svg><\/span>\n                        <span><strong>Th\u00f4ng tin qu\u00e1n<\/strong><small>D\u1ecbch v\u1ee5 & li\u00ean h\u1ec7<\/small><\/span>\n                      <\/button>\n                    <\/div>\n\n                    <div class=\"tm-account-section tm-referral-dashboard tm-journal-below-actions\">\n                      <div class=\"tm-account-section-head\"><div><strong>Gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8<\/strong><span class=\"tm-section-caption\">Chia s\u1ebb link ri\u00eang c\u1ee7a b\u1ea1n. Quy\u1ec1n l\u1ee3i \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng khi ng\u01b0\u1eddi b\u1ea1n ho\u00e0n t\u1ea5t \u0111\u01a1n \u0111\u1ea7u ti\u00ean.<\/span><\/div><button type=\"button\" class=\"tm-account-link-btn\" onclick=\"tmShareReferral()\">Chia s\u1ebb<\/button><\/div>\n                      <div class=\"tm-referral-card\"><span>M\u00e3 gi\u1edbi thi\u1ec7u c\u1ee7a b\u1ea1n<\/span><strong id=\"tm-account-referral-code\">Ch\u01b0a c\u00f3 m\u00e3<\/strong><button type=\"button\" onclick=\"tmShareReferral()\">Sao ch\u00e9p link<\/button><\/div>\n                      <div class=\"tm-referral-benefits\"><strong>Quy\u1ec1n l\u1ee3i khi gi\u1edbi thi\u1ec7u<\/strong><div class=\"tm-referral-benefit-row\">B\u1ea1n nh\u1eadn +500 M\u1eadt Xu khi ng\u01b0\u1eddi b\u1ea1n ho\u00e0n t\u1ea5t \u0111\u01a1n \u0111\u1ea7u ti\u00ean.<\/div><div class=\"tm-referral-benefit-row\">Ng\u01b0\u1eddi b\u1ea1n m\u1edbi nh\u1eadn +300 M\u1eadt Xu sau khi ho\u00e0n t\u1ea5t \u0111\u01a1n \u0111\u1ea7u ti\u00ean.<\/div><div class=\"tm-referral-benefit-row\">M\u1ed7i ng\u01b0\u1eddi b\u1ea1n m\u1edbi ch\u1ec9 \u0111\u01b0\u1ee3c ghi nh\u1eadn m\u1ed9t l\u1ea7n.<\/div><\/div>                    <\/div>\n\n                    <div class=\"tm-account-section tm-account-favorites tm-journal-below-actions\">\n                      <div class=\"tm-account-section-head\"><strong>M\u00f3n b\u1ea1n hay g\u1ecdi<\/strong><button type=\"button\" class=\"tm-account-link-btn\" onclick=\"tmOpenCustomerView('favorites', document.getElementById('tm-tab-favorites'))\">Xem t\u1ea5t c\u1ea3<\/button><\/div>\n                      <div class=\"tm-favorites-grid\" id=\"tm-account-favorites-grid\"><\/div>\n                      <div class=\"tm-empty-customer tm-empty-state-card\" id=\"tm-account-favorites-empty\" style=\"display:none;padding:18px 12px;\"><strong>Ch\u01b0a c\u00f3 m\u00f3n quen<\/strong><span>Sau v\u00e0i \u0111\u01a1n, nh\u1eefng m\u00f3n b\u1ea1n g\u1ecdi nhi\u1ec1u s\u1ebd t\u1ef1 xu\u1ea5t hi\u1ec7n.<\/span><button type=\"button\" onclick=\"tmFooterNavigate('menu')\">Kh\u00e1m ph\u00e1 menu<\/button><\/div>\n                    <\/div>\n                  <\/div>\n                <\/section>\n\n                <!-- Nh\u1eadt k\u00fd: Nhi\u1ec7m v\u1ee5 tu\u1ea7n -->\n                <div class=\"tm-modal-overlay\" id=\"tm-modal-journal-missions\">\n                  <div class=\"tm-modal-sheet tm-modal-sheet-inner tm-journal-sheet\">\n                    <div class=\"tm-journal-sheet-head\"><div><span>\u0110\u00e0o Xu<\/span><h3>Nhi\u1ec7m v\u1ee5 tu\u1ea7n<\/h3><\/div><button type=\"button\" onclick=\"tmCloseModal('tm-modal-journal-missions')\">\u00d7<\/button><\/div>\n                    <div class=\"tm-weekly-missions-section\" id=\"tm-weekly-missions-section\">\n                      <div class=\"tm-weekly-missions-head\"><div><strong>Nhi\u1ec7m v\u1ee5 tu\u1ea7n n\u00e0y<\/strong><div class=\"tm-weekly-missions-period\" id=\"tm-weekly-missions-period\">M\u1ed7i tu\u1ea7n l\u00e0 m\u1ed9t h\u00e0nh tr\u00ecnh m\u1edbi<\/div><\/div><div class=\"tm-weekly-missions-summary\" id=\"tm-weekly-missions-summary\">0\/4 ho\u00e0n th\u00e0nh<\/div><\/div>\n                      <div class=\"tm-weekly-missions-list\" id=\"tm-weekly-missions-list\"><\/div>\n                      <div class=\"tm-weekly-missions-note\" id=\"tm-weekly-missions-note\">\u0110\u01a1n ho\u00e0n t\u1ea5t s\u1ebd t\u1ef1 c\u1eadp nh\u1eadt ti\u1ebfn \u0111\u1ed9. Khi \u0111\u1ee7 m\u1ee5c ti\u00eau, b\u1ea1n b\u1ea5m Nh\u1eadn \u0111\u1ec3 Xu v\u00e0o v\u00ed.<\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n\n                <!-- Nh\u1eadt k\u00fd: Quy\u1ec1n l\u1ee3i th\u00e0nh vi\u00ean -->\n                <div class=\"tm-modal-overlay\" id=\"tm-modal-journal-benefits\">\n                  <div class=\"tm-modal-sheet tm-modal-sheet-inner tm-journal-sheet\">\n                    <div class=\"tm-journal-sheet-head\"><div><span>Th\u00e0nh vi\u00ean<\/span><h3>Quy\u1ec1n l\u1ee3i c\u1ee7a b\u1ea1n<\/h3><\/div><button type=\"button\" onclick=\"tmCloseModal('tm-modal-journal-benefits')\">\u00d7<\/button><\/div>\n                    <div class=\"tm-benefit-tier-summary\"><span id=\"tm-benefit-tier-name\">Ong Non<\/span><strong id=\"tm-benefit-tier-multiplier\">\u00d71 M\u1eadt Xu<\/strong><small id=\"tm-benefit-tier-quarter\">Qu\u00fd hi\u1ec7n t\u1ea1i<\/small><\/div>\n                    <div class=\"tm-benefit-block\"><h4>\u0110\u1eb7c quy\u1ec1n \u0111ang c\u00f3<\/h4><div id=\"tm-member-benefits-list\" class=\"tm-member-benefits-list\"><\/div><\/div>\n                    <div class=\"tm-benefit-block\"><h4>Voucher \u0111\u1eb7c quy\u1ec1n<\/h4><div id=\"tm-member-exclusive-vouchers\" class=\"tm-member-exclusive-vouchers\"><\/div><\/div>\n                  <\/div>\n                <\/div>\n\n                <!-- Nh\u1eadt k\u00fd: Th\u00f4ng tin qu\u00e1n -->\n                <div class=\"tm-modal-overlay\" id=\"tm-modal-journal-shop\">\n                  <div class=\"tm-modal-sheet tm-modal-sheet-inner tm-journal-sheet\">\n                    <div class=\"tm-journal-sheet-head\"><div><img decoding=\"async\" class=\"tm-journal-shop-logo\" src=\"https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/09\/942029dbf59058c763fd30ab82567479.jpg\" alt=\"Logo qu\u00e1n\"><h3>Th\u00f4ng tin qu\u00e1n<\/h3><\/div><button type=\"button\" onclick=\"tmCloseModal('tm-modal-journal-shop')\">\u00d7<\/button><\/div>\n                    <div class=\"tm-shop-info-card\"><strong>\ud83c\udf6f TI\u1ec6M M\u1eacT<\/strong><span>\ud83d\udef5 Giao nhanh &amp; Mang \u0111i<\/span><\/div>\n                    <div class=\"tm-shop-info-list\">\n                      <div><span>\u0110\u1ecba ch\u1ec9<\/span><strong>83\/11\/14 \u0110\u01b0\u1eddng s\u1ed1 6, KP Ph\u01b0\u1edbc Lai, Long Tr\u01b0\u1eddng, TP. Th\u1ee7 \u0110\u1ee9c, HCM<\/strong><\/div>                      <div><span>Hotline<\/span><strong>0972 974 749<\/strong><\/div>                      <div><span>Gi\u1edd ho\u1ea1t \u0111\u1ed9ng<\/span><strong>Theo gi\u1edd m\u1edf c\u1eeda hi\u1ec7n t\u1ea1i<\/strong><\/div>                      <div><span>Giao h\u00e0ng<\/span><strong>Giao t\u1eadn n\u01a1i<\/strong><\/div>                      <div><span>Nh\u1eadn t\u1ea1i qu\u00e1n<\/span><strong>C\u00f3 h\u1ed7 tr\u1ee3<\/strong><\/div>                      <div><span>\u0110\u1eb7t giao sau<\/span><strong>C\u00f3 h\u1ed7 tr\u1ee3<\/strong><\/div>                      <div><span>\u0110\u1eb7t \u0111\u01a1n nh\u00f3m<\/span><strong>C\u00f3 h\u1ed7 tr\u1ee3<\/strong><\/div>                      <div><span>Thanh to\u00e1n<\/span><strong>Ti\u1ec1n m\u1eb7t \u00b7 VietQR<\/strong><\/div>                    <\/div>\n                                                          <\/div>\n                <\/div>\n\n                <section class=\"tm-customer-panel\" id=\"tm-panel-orders\">\n                  <div class=\"tm-customer-title\">\n                    <div><h3>\u0110\u01a1n h\u00e0ng c\u1ee7a t\u00f4i<\/h3><div class=\"tm-customer-sub\">Theo d\u00f5i tr\u1ea1ng th\u00e1i v\u00e0 xem l\u1ea1i nh\u1eefng \u0111\u01a1n b\u1ea1n \u0111\u00e3 \u0111\u1eb7t.<\/div><\/div>\n                    <button type=\"button\" class=\"tm-subtle-action\" onclick=\"tmFetchCustomerHistory(false)\">C\u1eadp nh\u1eadt<\/button>\n                  <\/div>\n                  <div id=\"tm-orders-history\"><\/div>\n                  <div class=\"tm-empty-customer tm-empty-state-card\" id=\"tm-orders-empty\" style=\"display:none;\"><strong>Ch\u01b0a c\u00f3 \u0111\u01a1n h\u00e0ng<\/strong><span>Khi b\u1ea1n \u0111\u1eb7t m\u00f3n, h\u00e0nh tr\u00ecnh \u0111\u01a1n s\u1ebd xu\u1ea5t hi\u1ec7n t\u1ea1i \u0111\u00e2y.<\/span><button type=\"button\" onclick=\"tmFooterNavigate('menu')\">Xem menu<\/button><\/div>\n                <\/section>\n              <\/div>\n            <\/div>\n\n            <!-- B\u1ea2NG TIN: SO\u1ea0N B\u00c0I -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-feed-compose\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner tm-feed-compose-sheet\">\n                <div class=\"tm-feed-sheet-head\"><div><span>Chia s\u1ebb c\u00f9ng Ti\u1ec7m<\/span><h3>C\u1ea3m ngh\u0129 c\u1ee7a b\u1ea1n<\/h3><\/div><button type=\"button\" onclick=\"tmCloseModal('tm-modal-feed-compose')\">\u00d7<\/button><\/div>\n                <div class=\"tm-feed-order-context\" id=\"tm-feed-compose-order-context\" style=\"display:none\"><\/div>\n                <textarea id=\"tm-feed-compose-content\" class=\"tm-input tm-feed-textarea\" maxlength=\"1200\" rows=\"5\" placeholder=\"Chia s\u1ebb c\u1ea3m ngh\u0129, m\u1ed9t kho\u1ea3nh kh\u1eafc vui, l\u1eddi g\u00f3p \u00fd ho\u1eb7c \u0111i\u1ec1u b\u1ea1n mu\u1ed1n k\u1ec3...\"><\/textarea>\n                <label class=\"tm-feed-image-picker\" for=\"tm-feed-compose-images\"><span>Th\u00eam \u1ea3nh \/ video<\/span><small>T\u1ed1i \u0111a 6 m\u1ee5c \u00b7 \u1ea3nh t\u1ed1i \u0111a 5 MB \u00b7 video t\u1ed1i \u0111a 30 MB<\/small><\/label>\n                <input type=\"file\" id=\"tm-feed-compose-images\" accept=\"image\/jpeg,image\/png,image\/webp,video\/mp4,video\/webm,video\/quicktime\" multiple hidden onchange=\"tmPreviewFeedImages(this)\">\n                <div class=\"tm-feed-image-preview\" id=\"tm-feed-image-preview\"><\/div>\n                <button type=\"button\" class=\"tm-feed-submit-btn\" id=\"tm-feed-submit-btn\" onclick=\"tmSubmitFeedPost()\">G\u1eedi chia s\u1ebb<\/button>\n                <div class=\"tm-feed-compose-note\">B\u00e0i c\u1ee7a kh\u00e1ch c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c Ti\u1ec7m duy\u1ec7t tr\u01b0\u1edbc khi xu\u1ea5t hi\u1ec7n c\u00f4ng khai. S\u1ed1 \u0111i\u1ec7n tho\u1ea1i c\u1ee7a b\u1ea1n kh\u00f4ng hi\u1ec3n th\u1ecb tr\u00ean b\u1ea3ng tin.<\/div>\n              <\/div>\n            <\/div>\n\n            <!-- B\u1ea2NG TIN: B\u00c0I VI\u1ebeT + B\u00ccNH LU\u1eacN -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-feed-comments\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner tm-feed-comments-sheet\">\n                <div class=\"tm-feed-sheet-head tm-feed-comments-head\"><div><span>B\u1ea3ng tin<\/span><h3>B\u00e0i vi\u1ebft<\/h3><\/div><button type=\"button\" aria-label=\"\u0110\u00f3ng\" onclick=\"tmCloseModal('tm-modal-feed-comments')\">\u00d7<\/button><\/div>\n                <div class=\"tm-feed-comments-scroll\" id=\"tm-feed-comments-scroll\">\n                  <div id=\"tm-feed-comments-post\" class=\"tm-feed-comments-post\"><\/div>\n                  <div class=\"tm-feed-comments-divider\"><span>B\u00ecnh lu\u1eadn<\/span><\/div>\n                  <div id=\"tm-feed-comments-list\" class=\"tm-feed-comments-list\"><\/div>\n                <\/div>\n                <div class=\"tm-feed-comment-dock\" id=\"tm-feed-comment-dock\">\n                  <div class=\"tm-feed-guest-name-wrap\" id=\"tm-feed-guest-name-wrap\" style=\"display:none\"><input id=\"tm-feed-guest-name\" maxlength=\"40\" placeholder=\"T\u00ean hi\u1ec3n th\u1ecb c\u1ee7a b\u1ea1n\"><\/div>\n                  <div class=\"tm-feed-comment-compose\"><input id=\"tm-feed-comment-input\" maxlength=\"500\" placeholder=\"Vi\u1ebft b\u00ecnh lu\u1eadn...\"><button type=\"button\" onclick=\"tmSubmitFeedComment()\">G\u1eedi<\/button><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- B\u1ea2NG TIN: H\u1eceI CHIA S\u1eba SAU \u0110\u01a0N -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-feed-prompt\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner tm-feed-prompt-sheet\">\n                <button type=\"button\" class=\"tm-feed-prompt-close\" aria-label=\"\u0110\u00f3ng\" onclick=\"tmDismissFeedPrompt()\">\u00d7<\/button>\n                <div class=\"tm-feed-prompt-mark\">\u2665<\/div>\n                <h3>\u0110\u01a1n v\u1eeba r\u1ed3i c\u1ee7a b\u1ea1n th\u1ebf n\u00e0o?<\/h3>\n                <p>Ti\u1ec7m r\u1ea5t mu\u1ed1n nghe c\u1ea3m ngh\u0129 th\u1eadt c\u1ee7a b\u1ea1n. B\u1ea1n c\u00f3 th\u1ec3 chia s\u1ebb v\u00e0i d\u00f2ng, h\u00ecnh \u1ea3nh ho\u1eb7c video l\u00ean B\u1ea3ng tin.<\/p>\n                <div class=\"tm-feed-order-context\" id=\"tm-feed-prompt-order\"><\/div>\n                <div class=\"tm-feed-prompt-actions\">\n                  <button type=\"button\" class=\"tm-feed-submit-btn\" onclick=\"tmAcceptFeedPrompt()\">Chia s\u1ebb ngay<\/button>\n                  <button type=\"button\" class=\"tm-feed-later-btn\" onclick=\"tmDismissFeedPrompt()\">\u0110\u1ec3 sau<\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"tm-bottom-bar\" id=\"tm-bottom-bar\">\n  <div class=\"tm-gift-banner\" id=\"tm-gift-promo-banner\" style=\"border-radius: 12px; margin-bottom: 4px;\"><\/div>\n  <button class=\"tm-checkout-btn\" onclick=\"tmOpenCheckout()\">\n    <span class=\"tm-checkout-left\"><span>Gi\u1ecf h\u00e0ng<\/span> - <span id=\"tm-cart-qty\">Tr\u1ed1ng<\/span><\/span>\n    <span class=\"tm-checkout-right\" id=\"tm-cart-price\">0\u0111<\/span>\n  <\/button>\n<\/div>\n\n            <!-- THANH \u0110I\u1ec0U H\u01af\u1edaNG C\u1ed0 \u0110\u1ecaNH D\u01af\u1edaI C\u00d9NG -->\n            <div class=\"tm-footer-nav\" id=\"tm-footer-nav\" role=\"navigation\" aria-label=\"\u0110i\u1ec1u h\u01b0\u1edbng ch\u00ednh\">\n              <button type=\"button\" class=\"tm-footer-nav-btn active\" id=\"tm-footer-menu\" onclick=\"tmFooterNavigate('menu')\" aria-label=\"Menu\">\n                <span class=\"tm-footer-label\">Menu<\/span>\n              <\/button>\n              <button type=\"button\" class=\"tm-footer-nav-btn\" id=\"tm-footer-orders\" onclick=\"tmFooterNavigate('orders')\" aria-label=\"\u0110\u01a1n h\u00e0ng\">\n                <span class=\"tm-footer-label\">\u0110\u01a1n h\u00e0ng<\/span>\n                <span class=\"tm-footer-badge\" id=\"tm-footer-orders-badge\" style=\"display:none;\">0<\/span>\n              <\/button>\n              <button type=\"button\" class=\"tm-footer-nav-btn\" id=\"tm-footer-feed\" onclick=\"tmFooterNavigate('feed')\" aria-label=\"B\u1ea3ng tin\">\n                <span class=\"tm-footer-label\">B\u1ea3ng tin<\/span>\n              <\/button>\n              <button type=\"button\" class=\"tm-footer-nav-btn\" id=\"tm-footer-install\" onclick=\"tmFooterNavigate('install')\" aria-label=\"T\u1ea3i App\">\n                <span class=\"tm-footer-label\" id=\"tm-footer-install-label\">T\u1ea3i App<\/span>\n                <span class=\"tm-install-reward-tag\" id=\"tm-install-reward-tag\">Th\u01b0\u1edfng 10.000 Xu<\/span>\n              <\/button>\n            <\/div>\n\n            <!-- MODAL \u0110\u1eb6T GIAO SAU NHANH -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-delivery-later\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\" style=\"max-width:430px;\">\n                <div style=\"display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;\">\n                  <div><h3 style=\"margin:0;font-size:1.1rem;color:var(--caramel-dark);\">\ud83d\udd52 \u0110\u1eb7t giao sau<\/h3><div style=\"font-size:.75rem;color:#8a7767;margin-top:3px;\">Ch\u1ecdn th\u1eddi gian mong mu\u1ed1n. \u0110\u01a1n s\u1ebd \u0111\u01b0\u1ee3c l\u01b0u ri\u00eang l\u00e0 \u0111\u01a1n \u0111\u1eb7t tr\u01b0\u1edbc \u0111\u1ec3 Ti\u1ec7m th\u1ea5y \u0111\u00fang gi\u1edd giao.<\/div><\/div>\n                  <button type=\"button\" onclick=\"tmCloseModal('tm-modal-delivery-later')\" style=\"border:none;background:#F4EADB;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <label class=\"tm-form-label\" for=\"tm-delivery-later-input\">Th\u1eddi gian giao mong mu\u1ed1n<\/label>\n                <input type=\"datetime-local\" id=\"tm-delivery-later-input\" class=\"tm-input\" style=\"font-size:16px;\">\n                <div id=\"tm-delivery-later-current\" style=\"font-size:.78rem;color:#7d6756;line-height:1.45;margin:-2px 2px 12px;\"><\/div>\n                <div style=\"display:flex;gap:8px;\">\n                  <button type=\"button\" onclick=\"tmClearDeliveryLater()\" style=\"flex:0 0 auto;border:1.5px solid var(--gold-border);background:#fff;color:var(--caramel-dark);border-radius:13px;padding:11px 13px;font-weight:800;cursor:pointer;\">B\u1ecf l\u1ecbch<\/button>\n                  <button type=\"button\" onclick=\"tmSaveDeliveryLater()\" style=\"flex:1;border:0;background:var(--accent-orange);color:#fff;border-radius:13px;padding:11px 13px;font-weight:800;cursor:pointer;\">L\u01b0u th\u1eddi gian<\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL XEM T\u1ea4T C\u1ea2 VOUCHER -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-all-vouchers\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\" style=\"max-height: 85%; overflow-y: auto;\">\n                <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom: 14px;\">\n                  <h3 style=\"margin:0; font-size: 1.15rem; color: var(--caramel-dark);\">To\u00e0n B\u1ed9 \u01afu \u0110\u00e3i Qu\u00e1n<\/h3>\n                  <button onclick=\"tmCloseModal('tm-modal-all-vouchers')\" style=\"border:none; background:#F4EADB; width:30px; height:30px; border-radius:50%; font-size: 0.9rem; cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <div id=\"tm_all_vouchers_content\" style=\"display:flex; flex-direction:column; gap:10px;\"><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL H\u01af\u1edaNG D\u1eaaN R\u01af\u1edaC TI\u1ec6M V\u1ec0 M\u00c0N H\u00ccNH -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-install\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\" style=\"max-height: 90%; overflow-y: auto;\">\n                <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom: 12px;\">\n                  <h3 style=\"margin:0; font-size: 1.12rem; color: var(--caramel-dark);\">R\u01b0\u1edbc Ti\u1ec7m V\u1ec1 M\u00e0n H\u00ecnh<\/h3>\n                  <button onclick=\"tmCloseModal('tm-modal-install')\" style=\"border:none; background:#F4EADB; width:30px; height:30px; border-radius:50%; font-size: 0.9rem; cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <div id=\"tm-install-content\"><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL QU\u1ea2N L\u00dd \u0110\u1ecaA CH\u1ec8 -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-address\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\" style=\"max-height:90%;overflow-y:auto;\">\n                <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;\">\n                  <div><h3 style=\"margin:0;font-size:1.08rem;color:var(--caramel-dark);\">L\u01b0u \u0111\u1ecba ch\u1ec9<\/h3><div style=\"font-size:.7rem;color:#817264;margin-top:2px;\">Ch\u1ecdn \u0111\u1ecba ch\u1ec9 n\u00e0y \u1edf checkout \u0111\u1ec3 t\u1ef1 \u0111i\u1ec1n ng\u01b0\u1eddi nh\u1eadn.<\/div><\/div>\n                  <button onclick=\"tmCloseModal('tm-modal-address')\" style=\"border:none;background:#F4EADB;width:30px;height:30px;border-radius:50%;font-size:.9rem;cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <input type=\"hidden\" id=\"tm-address-edit-id\" value=\"\">\n                <div class=\"tm-address-modal-grid\">\n                  <div>\n                    <div style=\"font-size:.72rem;font-weight:800;color:var(--caramel-dark);margin-bottom:6px;\">Lo\u1ea1i \u0111\u1ecba ch\u1ec9<\/div>\n                    <div class=\"tm-address-type-row\">\n                      <button type=\"button\" class=\"tm-address-type-btn active\" data-label=\"Nh\u00e0\" onclick=\"tmChooseAddressLabel('Nh\u00e0',this)\">Nh\u00e0<\/button>\n                      <button type=\"button\" class=\"tm-address-type-btn\" data-label=\"C\u00f4ng ty\" onclick=\"tmChooseAddressLabel('C\u00f4ng ty',this)\">C\u00f4ng ty<\/button>\n                      <button type=\"button\" class=\"tm-address-type-btn\" data-label=\"Kh\u00e1c\" onclick=\"tmChooseAddressLabel('Kh\u00e1c',this)\">Kh\u00e1c<\/button>\n                    <\/div>\n                  <\/div>\n                  <input type=\"text\" id=\"tm-address-label\" class=\"tm-input\" value=\"Nh\u00e0\" placeholder=\"T\u00ean \u0111\u1ecba ch\u1ec9: Nh\u00e0, C\u00f4ng ty...\">\n                  <input type=\"text\" id=\"tm-address-name\" class=\"tm-input\" placeholder=\"T\u00ean ng\u01b0\u1eddi nh\u1eadn\">\n                  <input type=\"tel\" id=\"tm-address-phone\" class=\"tm-input\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i ng\u01b0\u1eddi nh\u1eadn\">\n                  <textarea id=\"tm-address-text\" class=\"tm-input\" rows=\"3\" placeholder=\"S\u1ed1 nh\u00e0, t\u00ean \u0111\u01b0\u1eddng, khu v\u1ef1c nh\u1eadn h\u00e0ng\"><\/textarea>\n                  <label style=\"display:flex;align-items:center;gap:8px;font-size:.75rem;color:#66584b;\"><input type=\"checkbox\" id=\"tm-address-default\"> \u0110\u1eb7t l\u00e0m \u0111\u1ecba ch\u1ec9 m\u1eb7c \u0111\u1ecbnh<\/label>\n                  <button type=\"button\" onclick=\"tmSaveAddressEditor()\" style=\"width:100%;background:var(--accent-orange);color:#fff;border:0;padding:12px;border-radius:13px;font-weight:800;cursor:pointer;\">L\u01b0u \u0111\u1ecba ch\u1ec9<\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL T\u00d9Y CH\u1eccN M\u00d3N -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal\">\n              <div class=\"tm-modal-sheet\">\n                <div class=\"tm-modal-header\">\n                  <h3 style=\"margin:0; font-size: 1.1rem; color: var(--caramel-dark);\">Tu\u1ef3 ch\u1ecdn m\u00f3n<\/h3>\n                  <button onclick=\"tmCloseModal('tm-modal')\" style=\"border:none; background:#F4EADB; width:30px; height:30px; border-radius:50%; font-size: 0.9rem; cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <div class=\"tm-modal-body-scroll\" id=\"tm-modal-body\"><\/div>\n                <div class=\"tm-modal-sticky-footer\">\n                  <div class=\"tm-modal-total-row\">\n                    <span style=\"color: var(--caramel-soft);\">T\u1ed5ng m\u00f3n:<\/span>\n                    <span id=\"tm-modal-item-price\" style=\"font-weight:700; color: var(--price-color); font-size: 1.15rem;\">0\u0111<\/span>\n                  <\/div>\n                  <button onclick=\"tmConfirmAdd()\" class=\"tm-modal-add-btn\">Th\u00eam v\u00e0o gi\u1ecf<\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL XEM V\u00c0 T\u1ea2I H\u00d3A \u0110\u01a0N -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-invoice\">\n              <div class=\"tm-modal-sheet\" style=\"max-width: 420px; margin: auto; border-radius: 24px; overflow: hidden; background: transparent; box-shadow: none;\">\n                <div class=\"tm-modal-body-scroll\" style=\"background: transparent; padding: 10px; text-align: center;\">\n                  <div id=\"tm-receipt-content\" style=\"background: #FFF; padding: 20px; border-radius: 16px; border: 1.5px dashed var(--gold-border); font-family: 'Quicksand', sans-serif; color: #3D2C1E; text-align: left; display: inline-block; width: 100%; max-width: 400px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\">\n                    <!-- N\u1ed9i dung h\u00f3a \u0111\u01a1n -->\n                  <\/div>\n\n                  <!-- N\u00fat h\u00f3a \u0111\u01a1n thay \u0111\u1ed5i theo ng\u1eef c\u1ea3nh: v\u1eeba \u0111\u1eb7t xong \/ m\u1edf l\u1ea1i t\u1eeb l\u1ecbch s\u1eed -->\n                  <div class=\"tm-modal-invoice-actions\" style=\"display: flex; gap: 10px; margin-top: 15px; max-width: 400px; margin-left: auto; margin-right: auto;\">\n                    <button id=\"tm-invoice-primary-action\" type=\"button\" class=\"button\" style=\"flex:1; background:#6B4A35; color:#fff; border:none; padding:12px; border-radius:14px; font-weight:700; cursor:pointer;\">\u0110\u00f3ng<\/button>\n                    <button id=\"tm-invoice-secondary-action\" type=\"button\" class=\"button\" style=\"flex:1; background:var(--checkout-btn-bg); color:#fff; border:none; padding:12px; border-radius:14px; font-weight:700; cursor:pointer;\">\ud83d\udccd Theo D\u00f5i \u0110\u01a1n<\/button>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL \u0110\u1eb6T NH\u00d3M -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-create-group\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\">\n                <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom: 12px;\">\n                  <h3 style=\"margin:0; font-size: 1.1rem; color: var(--caramel-dark);\">\ud83d\udc65 \u0110\u1eb7t \u0110\u01a1n C\u00f9ng B\u1ea1n B\u00e8<\/h3>\n                  <button onclick=\"tmCloseModal('tm-modal-create-group')\" style=\"border:none; background:#F4EADB; width:30px; height:30px; border-radius:50%; font-size: 0.9rem; cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <p style=\"font-size:0.85rem; color:#666; margin-top:0; line-height:1.4;\">\n                  M\u1ed7i ng\u01b0\u1eddi t\u1ef1 ch\u1ecdn m\u00f3n y\u00eau th\u00edch tr\u00ean m\u00e1y c\u1ee7a m\u00ecnh. T\u1ea5t c\u1ea3 s\u1ebd gom chung v\u00e0o 1 \u0111\u01a1n duy nh\u1ea5t!\n                <\/p>\n                <div style=\"margin-bottom: 14px;\">\n                  <label style=\"font-size:0.8rem; font-weight:700; color:var(--caramel-dark);\">T\u00ean c\u1ee7a b\u1ea1n (Ch\u1ee7 nh\u00f3m):<\/label>\n                  <input type=\"text\" id=\"tm_group_creator_name\" class=\"tm-input\" style=\"margin-top:6px;\" placeholder=\"VD: Ho\u00e0ng, Mai, Linh...\">\n                <\/div>\n                <button onclick=\"tmStartCreateGroup()\" style=\"width:100%; background:var(--accent-orange); color:#fff; border:none; padding:12px; border-radius:14px; font-weight:700; font-size:0.95rem; cursor:pointer;\">\n                  T\u1ea1o Ph\u00f2ng & L\u1ea5y Link M\u1eddi\n                <\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-join-group\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\">\n                <h3 style=\"margin:0 0 8px 0; font-size: 1.1rem; color: var(--accent-orange);\">Tham Gia Nh\u00f3m \u0110\u1eb7t M\u00f3n<\/h3>\n                <p style=\"font-size:0.85rem; color:#666; margin-top:0; line-height:1.4;\">\n                  B\u1ea1n v\u1eeba tham gia ph\u00f2ng \u0111\u1eb7t nh\u00f3m <strong id=\"join_group_code_display\"><\/strong>. Nh\u1eadp t\u00ean c\u1ee7a b\u1ea1n \u0111\u1ec3 m\u1ecdi ng\u01b0\u1eddi bi\u1ebft m\u00f3n c\u1ee7a ai nh\u00e9:\n                <\/p>\n                <input type=\"text\" id=\"tm_group_member_name\" class=\"tm-input\" placeholder=\"T\u00ean c\u1ee7a b\u1ea1n...\">\n                <button onclick=\"tmConfirmJoinGroup()\" style=\"width:100%; background:var(--caramel-dark); color:#fff; border:none; padding:12px; border-radius:14px; font-weight:700; font-size:0.95rem; cursor:pointer;\">\n                  B\u1eaft \u0110\u1ea7u Ch\u1ecdn M\u00f3n\n                <\/button>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL GI\u1ece H\u00c0NG -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-order\">\n              <div class=\"tm-modal-sheet tm-order-modal-sheet\">\n                <div class=\"tm-order-modal-header\">\n                  <div><h3 style=\"margin:0;\">Thanh to\u00e1n<\/h3><span class=\"tm-modal-subtitle\">Ki\u1ec3m tra l\u1ea7n cu\u1ed1i tr\u01b0\u1edbc khi g\u1eedi \u0111\u01a1n cho Ti\u1ec7m.<\/span><\/div>\n                  <button onclick=\"tmCloseModal('tm-modal-order')\" style=\"border:none; background:#F4EADB; width:32px; height:32px; border-radius:50%; font-size: 1rem; cursor:pointer;\">\u2715<\/button>\n                <\/div>\n\n                <div class=\"tm-order-modal-body\">\n                  <section class=\"tm-checkout-section tm-checkout-cart-section\">\n                    <div class=\"tm-checkout-section-head\"><div><strong>Gi\u1ecf h\u00e0ng<\/strong><span>Ki\u1ec3m tra m\u00f3n v\u00e0 s\u1ed1 l\u01b0\u1ee3ng tr\u01b0\u1edbc khi \u0111\u1eb7t.<\/span><\/div><\/div>\n                    <div id=\"tm-group-member-view-note\" class=\"tm-group-member-view-note\" style=\"display:none;\"><\/div>\n                    <div id=\"cart_items_list\" class=\"tm-checkout-cart-list\"><\/div>\n                  <\/section>\n\n                  <section class=\"tm-checkout-section\">\n                    <div class=\"tm-checkout-section-head\"><div><strong>Giao h\u00e0ng<\/strong><span>Ch\u1ecdn c\u00e1ch v\u00e0 th\u1eddi gian b\u1ea1n mu\u1ed1n nh\u1eadn m\u00f3n.<\/span><\/div><\/div>\n                    <div class=\"tm-switch-group\">\n                      <div class=\"tm-switch-btn active\" id=\"btn-type-delivery\" onclick=\"tmSetDeliveryType('delivery')\">Giao t\u1eadn n\u01a1i<\/div>\n                      <div class=\"tm-switch-btn\" id=\"btn-type-pickup\" onclick=\"tmSetDeliveryType('pickup')\">Gh\u00e9 Ti\u1ec7m l\u1ea5y<\/div>\n                    <\/div>\n                    <div id=\"tm-scheduled-delivery-checkout\" class=\"tm-scheduled-delivery-checkout\" style=\"display:none;\">\n                      <div><strong>\u0110\u01a1n \u0111\u1eb7t tr\u01b0\u1edbc<\/strong><div id=\"tm-scheduled-delivery-checkout-time\"><\/div><\/div>\n                      <button type=\"button\" onclick=\"tmOpenDeliveryLater()\">\u0110\u1ed5i gi\u1edd<\/button>\n                    <\/div>\n                    <div id=\"tm-closed-preorder-box\" class=\"tm-closed-preorder-box\" style=\"display:none;\">\n                      <div class=\"tm-closed-preorder-title\">\ud83d\udd57 \u0110\u1eb7t tr\u01b0\u1edbc khi Ti\u1ec7m m\u1edf l\u1ea1i<\/div>\n                      <div id=\"tm-closed-preorder-text\" class=\"tm-closed-preorder-text\"><\/div>\n                      <div class=\"tm-closed-preorder-consent is-confirmed\" id=\"tm-preorder-consent-state\"><span class=\"tm-preorder-consent-icon\">\u2713<\/span><span>B\u1ea1n \u0111\u00e3 x\u00e1c nh\u1eadn \u0111\u1eb7t tr\u01b0\u1edbc. Ti\u1ec7m s\u1ebd b\u1eaft \u0111\u1ea7u chu\u1ea9n b\u1ecb sau khi m\u1edf c\u1eeda.<\/span><\/div>\n                      <small id=\"tm-closed-preorder-delivery-note\"><\/small>\n                    <\/div>\n                    <div class=\"tm-free-shipping-box\" id=\"tm-free-shipping-box\"><div><strong>Mi\u1ec5n ph\u00ed giao h\u00e0ng<\/strong><span>\u0110\u01a1n giao t\u1eadn n\u01a1i hi\u1ec7n kh\u00f4ng b\u1ecb c\u1ed9ng th\u00eam ph\u00ed giao h\u00e0ng.<\/span><\/div><\/div>\n                    <div class=\"tm-pickup-info-box\" id=\"pickup_shop_address_box\" style=\"display:none;\"><div><strong>\u0110\u1ecba ch\u1ec9 nh\u1eadn m\u00f3n<\/strong><span>83\/11\/14 \u0110\u01b0\u1eddng s\u1ed1 6, KP Ph\u01b0\u1edbc Lai, Long Tr\u01b0\u1eddng, TP. Th\u1ee7 \u0110\u1ee9c, HCM<\/span><small>Gh\u00e9 Ti\u1ec7m v\u00e0 \u0111\u1ecdc t\u00ean ho\u1eb7c s\u1ed1 \u0111i\u1ec7n tho\u1ea1i \u0111\u1ec3 nh\u1eadn m\u00f3n.<\/small><\/div><\/div>\n                  <\/section>\n\n\n                  <section class=\"tm-checkout-section\">\n                    <div class=\"tm-checkout-section-head\"><div><strong>Th\u00f4ng tin nh\u1eadn h\u00e0ng<\/strong><span>Ti\u1ec7m d\u00f9ng th\u00f4ng tin n\u00e0y \u0111\u1ec3 giao \u0111\u00fang ng\u01b0\u1eddi.<\/span><\/div><\/div>\n                    <div class=\"tm-saved-address-checkout\" id=\"tm-saved-address-checkout\">\n                      <div class=\"tm-saved-address-label\"><strong>\u0110\u1ecba ch\u1ec9 \u0111\u00e3 l\u01b0u<\/strong><button type=\"button\" onclick=\"tmOpenAddressEditor()\">th\u00eam<\/button><\/div>\n                      <div class=\"tm-saved-address-chips\" id=\"tm-saved-address-chips\"><\/div>\n                    <\/div>\n                    <div class=\"tm-form-field\"><label class=\"tm-form-label\" for=\"order_name\">T\u00ean ng\u01b0\u1eddi nh\u1eadn <span class=\"tm-required-mark\">*<\/span><\/label><input type=\"text\" id=\"order_name\" class=\"tm-input\" placeholder=\"Nh\u1eadp t\u00ean ng\u01b0\u1eddi nh\u1eadn\" autocomplete=\"name\" required><\/div>\n                    <div class=\"tm-form-field\"><label class=\"tm-form-label\" for=\"order_phone\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i <span class=\"tm-required-mark\">*<\/span><\/label><input type=\"tel\" id=\"order_phone\" class=\"tm-input\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i nh\u1eadn h\u00e0ng\" inputmode=\"tel\" autocomplete=\"tel\" required><\/div>\n                    <div class=\"tm-form-field\" id=\"wrapper_address\"><label class=\"tm-form-label\" for=\"order_address\">\u0110\u1ecba ch\u1ec9 giao h\u00e0ng <span class=\"tm-required-mark\">*<\/span><\/label><input type=\"text\" id=\"order_address\" class=\"tm-input\" placeholder=\"S\u1ed1 nh\u00e0, t\u00ean \u0111\u01b0\u1eddng, khu v\u1ef1c nh\u1eadn h\u00e0ng\" autocomplete=\"street-address\" required><\/div>\n                    <div class=\"tm-form-field\"><label class=\"tm-form-label\" for=\"order_note\">Ghi ch\u00fa cho Ti\u1ec7m <span class=\"tm-optional-mark\">Kh\u00f4ng b\u1eaft bu\u1ed9c<\/span><\/label><input type=\"text\" id=\"order_note\" class=\"tm-input\" placeholder=\"V\u00ed d\u1ee5: \u0111\u1ec3 \u0111\u00e1 ri\u00eang, g\u1ecdi tr\u01b0\u1edbc khi giao...\"><\/div>\n                  <\/section>\n\n                  <section class=\"tm-checkout-section\">\n                    <div class=\"tm-checkout-section-head\"><div><strong>Voucher<\/strong><span>Ti\u1ec7m s\u1ebd t\u1ef1 \u01b0u ti\u00ean voucher ph\u00f9 h\u1ee3p nh\u1ea5t.<\/span><\/div><\/div>\n                    <div id=\"tm-voucher-summary\" class=\"tm-voucher-summary\" onclick=\"tmToggleVoucherList()\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"><div style=\"min-width:0;flex:1;\"><div class=\"tm-voucher-label\">M\u00e3 gi\u1ea3m gi\u00e1 c\u1ee7a b\u1ea1n<\/div><div id=\"tm-voucher-summary-text\">Ch\u01b0a c\u00f3 m\u00e3 gi\u1ea3m gi\u00e1 ph\u00f9 h\u1ee3p<\/div><\/div><span id=\"tm-voucher-summary-arrow\">\u203a<\/span><\/div>\n                    <div class=\"tm-voucher-list-wrap\" id=\"voucher_selection_list\" style=\"display:none;\"><\/div>\n                  <\/section>\n\n                  <section class=\"tm-checkout-section\">\n                    <div class=\"tm-checkout-section-head\"><div><strong>M\u1eadt Xu<\/strong><span>S\u1ed1 d\u01b0 t\u1ef1 c\u1eadp nh\u1eadt theo s\u1ed1 \u0111i\u1ec7n tho\u1ea1i ng\u01b0\u1eddi nh\u1eadn.<\/span><\/div><\/div>\n                    <label class=\"tm-coins-toggle\"><span><strong>D\u00f9ng M\u1eadt Xu<\/strong><small>Hi\u1ec7n c\u00f3 <span id=\"checkout_coins_available\">0<\/span> Xu<\/small><\/span><span class=\"tm-coins-toggle-right\"><span id=\"coins_discount_display\">-0\u0111<\/span><input type=\"checkbox\" id=\"use_coins_checkbox\" onchange=\"tmApplyCoinsDiscount()\"><\/span><\/label>\n                  <\/section>\n\n                  <section class=\"tm-checkout-section\">\n                    <div class=\"tm-checkout-section-head\"><div><strong>Thanh to\u00e1n<\/strong><span>Ch\u1ecdn ph\u01b0\u01a1ng th\u1ee9c ph\u00f9 h\u1ee3p v\u1edbi c\u00e1ch nh\u1eadn m\u00f3n.<\/span><\/div><\/div>\n                    <div class=\"tm-switch-group\" id=\"payment_switch_group\">\n                      <div class=\"tm-switch-btn active\" id=\"btn-pay-cash\" onclick=\"tmSetPaymentMethod('cash')\">Ti\u1ec1n m\u1eb7t<\/div>\n                      <div class=\"tm-switch-btn\" id=\"btn-pay-vietqr\" onclick=\"tmSetPaymentMethod('vietqr')\">Chuy\u1ec3n kho\u1ea3n VietQR<\/div>\n                    <\/div>\n                  <\/section>\n                <\/div>\n\n                <div class=\"tm-order-sticky-footer\">\n                  <div class=\"tm-breakdown-row\"><span>T\u1ea1m t\u00ednh m\u00f3n:<\/span><span id=\"breakdown_subtotal\" style=\"font-weight:600;\">0\u0111<\/span><\/div>\n                  <div class=\"tm-breakdown-row\" id=\"row_group_discount\" style=\"display:none;\"><span id=\"label_group_discount\">\u01afu \u0111\u00e3i nh\u00f3m:<\/span><span id=\"breakdown_group\" style=\"color:#2980B9; font-weight:700;\">-0\u0111<\/span><\/div>\n                  <div class=\"tm-breakdown-row\" id=\"row_promotion_discount\" style=\"display:none;\"><span>Khuy\u1ebfn m\u00e3i to\u00e0n \u0111\u01a1n:<\/span><span id=\"breakdown_promotion\" style=\"color:#238B55;font-weight:700;\">-0\u0111<\/span><\/div>\n                  <div class=\"tm-breakdown-row\" id=\"row_voucher_discount\" style=\"display:none;\"><span id=\"label_voucher_discount\">M\u00e3 gi\u1ea3m gi\u00e1:<\/span><span id=\"breakdown_voucher\" style=\"color:#27ae60; font-weight:600;\">-0\u0111<\/span><\/div>\n                  <div class=\"tm-breakdown-row\" id=\"row_coin_discount\" style=\"display:none;\"><span>Tr\u1eeb M\u1eadt Xu:<\/span><span id=\"breakdown_coins\" style=\"color:#27ae60; font-weight:600;\">-0\u0111<\/span><\/div>\n                  <div class=\"tm-breakdown-row\" id=\"row_shipping_fee\"><span>Ph\u00ed giao h\u00e0ng:<\/span><span id=\"breakdown_shipping\" style=\"color:#238B55;font-weight:800;\">MI\u1ec4N PH\u00cd<\/span><\/div>\n                  <div class=\"tm-breakdown-row highlight\"><span>Th\u1ef1c thanh to\u00e1n:<\/span><span class=\"amount\" id=\"final_checkout_amount\">0\u0111<\/span><\/div>\n                  <button onclick=\"tmProcessCheckout()\" id=\"btn-submit-order\" style=\"width:100%; background: var(--checkout-btn-bg); color:#fff; border:none; padding:14px; border-radius:16px; font-weight:700; font-size: 1rem; cursor:pointer; margin-top: 10px;\">\n                    \u0110\u1eb7t \u0111\u01a1n\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL VIETQR -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-vietqr\">\n              <div class=\"tm-modal-sheet tm-bank-payment-sheet\">\n                <div class=\"tm-bank-payment-head\">\n                  <div><h3>Thanh to\u00e1n chuy\u1ec3n kho\u1ea3n<\/h3><p>Qu\u00e9t VietQR ho\u1eb7c m\u1edf tr\u1ef1c ti\u1ebfp app ng\u00e2n h\u00e0ng.<\/p><\/div>\n                  <button type=\"button\" class=\"tm-bank-payment-close\" onclick=\"tmCancelPendingBankPayment(true)\" aria-label=\"\u0110\u00f3ng\">\u2715<\/button>\n                <\/div>\n                <div class=\"tm-vietqr-box tm-bank-qr-card\">\n                  <img decoding=\"async\" id=\"vietqr_image_display\" src=\"\" class=\"tm-vietqr-img\" alt=\"VietQR Ti\u1ec7m M\u1eadt\">\n                  <div class=\"tm-bank-payment-amount\" id=\"vietqr_amount_display\">0\u0111<\/div>\n                  <div class=\"tm-bank-payment-line\">STK: <strong id=\"vietqr_acc_display\">3142455047<\/strong> (BIDV) <span class=\"tm-copy-badge\" onclick=\"tmCopyText('3142455047', '\u0110\u00e3 ch\u00e9p STK!')\">Ch\u00e9p<\/span><\/div>\n                  <div class=\"tm-bank-payment-line\">Ch\u1ee7 TK: <strong>NGUYEN VAN TUAN<\/strong><\/div>\n                  <div class=\"tm-bank-payment-line\">N\u1ed9i dung: <strong id=\"vietqr_memo_display\">...<\/strong> <span class=\"tm-copy-badge\" id=\"tm-copy-payment-memo\">Ch\u00e9p<\/span><\/div>\n                <\/div>\n\n                <button type=\"button\" class=\"tm-open-bank-app-btn\" id=\"tm-open-bank-app-btn\" onclick=\"tmOpenBankAppPicker()\">\n                  <span class=\"tm-open-bank-app-icon\">\u2197<\/span><span><strong>M\u1edf app ng\u00e2n h\u00e0ng<\/strong><small>Ch\u1ecdn ng\u00e2n h\u00e0ng b\u1ea1n \u0111ang d\u00f9ng tr\u00ean \u0111i\u1ec7n tho\u1ea1i<\/small><\/span>\n                <\/button>\n\n                <div class=\"tm-bank-waiting\" id=\"tm-bank-payment-status\" style=\"display:none;\">\n                  <span class=\"tm-bank-waiting-spinner\" id=\"tm-bank-waiting-icon\"><\/span>\n                  <div><strong id=\"tm-bank-waiting-title\">\u0110ang ch\u1edd ng\u00e2n h\u00e0ng x\u00e1c nh\u1eadn\u2026<\/strong><small id=\"tm-bank-waiting-sub\">B\u1ea1n kh\u00f4ng c\u1ea7n b\u1ea5m x\u00e1c nh\u1eadn. \u0110\u01a1n s\u1ebd t\u1ef1 g\u1eedi ngay khi Ti\u1ec7m nh\u1eadn \u0111\u01b0\u1ee3c ti\u1ec1n.<\/small><\/div>\n                <\/div>\n                <div class=\"tm-bank-countdown\" id=\"tm-bank-payment-countdown\" style=\"display:none;\"><\/div>\n\n                <button onclick=\"tmFinalizeOrderAfterQR()\" id=\"btn-confirm-paid\" class=\"tm-manual-paid-btn\">\n                  T\u00f4i \u0111\u00e3 chuy\u1ec3n kho\u1ea3n \u00b7 G\u1eedi \u0111\u01a1n\n                <\/button>\n                <button type=\"button\" id=\"tm-cancel-bank-payment-btn\" class=\"tm-bank-cancel-btn\" onclick=\"tmCancelPendingBankPayment(false)\" style=\"display:none;\">\u0110\u1ed5i ph\u01b0\u01a1ng th\u1ee9c thanh to\u00e1n<\/button>\n                <div class=\"tm-bank-payment-help\">M\u1ed9t s\u1ed1 \u1ee9ng d\u1ee5ng ng\u00e2n h\u00e0ng c\u00f3 th\u1ec3 ch\u1ec9 \u0111\u01b0\u1ee3c m\u1edf nhanh m\u00e0 ch\u01b0a t\u1ef1 \u0111i\u1ec1n th\u00f4ng tin. Khi \u0111\u00f3 b\u1ea1n ch\u1ec9 c\u1ea7n d\u00f9ng ch\u1ee9c n\u0103ng qu\u00e9t QR trong app ng\u00e2n h\u00e0ng.<\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL CH\u1eccN APP NG\u00c2N H\u00c0NG -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-bank-apps\">\n              <div class=\"tm-modal-sheet tm-bank-app-picker\">\n                <div class=\"tm-bank-app-picker-head\"><div><h3>Ch\u1ecdn app ng\u00e2n h\u00e0ng<\/h3><p>Ti\u1ec7m s\u1ebd m\u1edf \u1ee9ng d\u1ee5ng \u0111\u00e3 c\u00e0i tr\u00ean \u0111i\u1ec7n tho\u1ea1i c\u1ee7a b\u1ea1n.<\/p><\/div><button type=\"button\" onclick=\"tmCloseModal('tm-modal-bank-apps')\">\u2715<\/button><\/div>\n                <div class=\"tm-bank-app-list\" id=\"tm-bank-app-list\"><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL \u0110\u00c1NH GI\u00c1 \u0110\u01a0N H\u00c0NG -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-review\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\" style=\"max-width:440px;\">\n                <div style=\"display:flex;justify-content:space-between;align-items:center;gap:10px;\">\n                  <div><h3 style=\"margin:0;font-size:1.08rem;color:var(--caramel-dark);\">\u2b50 \u0110\u00e1nh gi\u00e1 \u0111\u01a1n <span id=\"tm-review-order-id\"><\/span><\/h3><div style=\"font-size:.72rem;color:#8a7767;margin-top:3px;\">Ph\u1ea3n h\u1ed3i c\u1ee7a b\u1ea1n gi\u00fap Ti\u1ec7m ph\u1ee5c v\u1ee5 t\u1ed1t h\u01a1n.<\/div><\/div>\n                  <button type=\"button\" onclick=\"tmCloseModal('tm-modal-review')\" style=\"border:none;background:#F4EADB;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <div class=\"tm-review-stars-picker\" id=\"tm-review-stars-picker\">\n                  <button type=\"button\" class=\"tm-review-star-btn\" onclick=\"tmSetReviewRating(1)\">\u2605<\/button>\n                  <button type=\"button\" class=\"tm-review-star-btn\" onclick=\"tmSetReviewRating(2)\">\u2605<\/button>\n                  <button type=\"button\" class=\"tm-review-star-btn\" onclick=\"tmSetReviewRating(3)\">\u2605<\/button>\n                  <button type=\"button\" class=\"tm-review-star-btn\" onclick=\"tmSetReviewRating(4)\">\u2605<\/button>\n                  <button type=\"button\" class=\"tm-review-star-btn\" onclick=\"tmSetReviewRating(5)\">\u2605<\/button>\n                <\/div>\n                <textarea id=\"tm-review-comment\" class=\"tm-input\" rows=\"4\" maxlength=\"500\" placeholder=\"B\u1ea1n th\u00edch \u0111i\u1ec1u g\u00ec, ho\u1eb7c Ti\u1ec7m c\u1ea7n c\u1ea3i thi\u1ec7n g\u00ec?\"><\/textarea>\n                <button type=\"button\" id=\"tm-submit-review-btn\" onclick=\"tmSubmitReview()\" style=\"width:100%;border:0;border-radius:14px;background:var(--accent-orange);color:#fff;font-weight:800;padding:12px;cursor:pointer;\">G\u1eedi \u0111\u00e1nh gi\u00e1<\/button>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL M\u1ede L\u1ea0I VIETQR C\u1ee6A \u0110\u01a0N \u0110\u00c3 \u0110\u1eb6T -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-history-qr\">\n              <div class=\"tm-modal-sheet\" style=\"text-align:center; padding:20px; padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 25px); max-height:90vh; overflow-y:auto;\">\n                <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;\">\n                  <h3 style=\"margin:0; font-size:1.08rem; color:var(--caramel-dark);\">M\u00e3 QR \u0110\u01a1n <span id=\"tm-history-qr-order-id\"><\/span><\/h3>\n                  <button onclick=\"tmCloseModal('tm-modal-history-qr')\" style=\"border:none; background:#F4EADB; width:32px; height:32px; border-radius:50%; font-size:1rem; cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <div class=\"tm-vietqr-box\" style=\"margin-bottom:12px; padding:12px;\">\n                  <img decoding=\"async\" id=\"tm-history-qr-image\" src=\"\" class=\"tm-vietqr-img\" alt=\"VietQR \u0111\u01a1n h\u00e0ng\" style=\"width:210px; height:210px;\">\n                  <div id=\"tm-history-qr-amount\" style=\"margin-top:8px; font-size:1.05rem; font-weight:800; color:var(--price-color);\">0\u0111<\/div>\n                  <div style=\"font-size:.76rem; color:#555; margin-top:5px;\">STK: <strong>3142455047<\/strong> (BIDV) <span class=\"tm-copy-badge\" onclick=\"tmCopyText('3142455047', '\u0110\u00e3 ch\u00e9p STK!')\">\ud83d\udccb Ch\u00e9p<\/span><\/div>\n                  <div style=\"font-size:.73rem; color:#777; margin-top:3px;\">Ch\u1ee7 TK: <strong>NGUYEN VAN TUAN<\/strong><\/div>\n                  <div style=\"font-size:.75rem; color:#777; margin-top:7px;\">N\u1ed9i dung: <strong id=\"tm-history-qr-memo\">...<\/strong> <span class=\"tm-copy-badge\" id=\"tm-history-qr-copy-memo\">\ud83d\udccb Ch\u00e9p<\/span><\/div>\n                <\/div>\n                <a id=\"tm-history-qr-download\" href=\"#\" target=\"_blank\" rel=\"noopener\" style=\"display:flex; align-items:center; justify-content:center; width:100%; background:#27ae60; color:#fff; text-decoration:none; padding:12px; border-radius:16px; font-weight:800; box-sizing:border-box;\">\ud83d\udce5 T\u1ea3i \/ M\u1edf \u1ea2nh QR<\/a>\n              <\/div>\n            <\/div>\n\n            <!-- MODAL CHIA TI\u1ec0N \u0110\u01a0N NH\u00d3M -->\n            <div class=\"tm-modal-overlay\" id=\"tm-modal-group-split\">\n              <div class=\"tm-modal-sheet tm-modal-sheet-inner\" style=\"max-width:460px;\">\n                <div style=\"display:flex;justify-content:space-between;align-items:center;gap:10px;\">\n                  <div><h3 style=\"margin:0;font-size:1.08rem;color:var(--caramel-dark);\">Chia ti\u1ec1n nh\u00f3m<\/h3><div id=\"tm-group-split-order-label\" style=\"font-size:.72rem;color:#8a7767;margin-top:3px;\">\u0110\u01a1n nh\u00f3m<\/div><\/div>\n                  <button type=\"button\" onclick=\"tmCloseModal('tm-modal-group-split')\" style=\"border:none;background:#F4EADB;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;\">\u2715<\/button>\n                <\/div>\n                <div id=\"tm-group-split-summary\" style=\"margin-top:10px;padding:10px 12px;border-radius:12px;background:#F1F8FE;border:1px solid #CBE4F4;font-size:.75rem;color:#315B74;line-height:1.45;\"><\/div>\n                <div class=\"tm-group-split-list\" id=\"tm-group-split-list\"><\/div>\n                <div style=\"display:flex;gap:8px;margin-top:12px;\">\n                  <button type=\"button\" onclick=\"tmCopyGroupSplitSummary()\" style=\"flex:1;border:1.5px solid var(--gold-border);background:#fff;color:var(--caramel-dark);border-radius:13px;padding:11px;font-weight:800;cursor:pointer;\">\ud83d\udccb Sao ch\u00e9p<\/button>\n                  <button type=\"button\" onclick=\"tmShareGroupSplitSummary()\" style=\"flex:1;border:0;background:#2980B9;color:#fff;border-radius:13px;padding:11px;font-weight:800;cursor:pointer;\">\u2197 Chia s\u1ebb<\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <link rel=\"stylesheet\" href=\"https:\/\/test.beecarestore.com\/wp-content\/plugins\/tiem-mat-app\/public\/ux-pro.css?v=3.6.0.28-1791349013\">\n<script>window.TM_BOOTSTRAP={\"app_name\":\"M\u1eadt\",\"app_icon_url\":\"https:\/\/test.beecarestore.com\/wp-content\/uploads\/2026\/09\/942029dbf59058c763fd30ab82567479.jpg\",\"push\":{\"enabled\":false,\"app_id\":\"\",\"worker_path\":\"\/wp-content\/plugins\/tiem-mat-app\/assets\/onesignal\/OneSignalSDKWorker.js\",\"worker_scope\":\"\/wp-content\/plugins\/tiem-mat-app\/assets\/onesignal\/\"},\"products\":[{\"id\":\"p_1\",\"name\":\"Tr\u00e0 Qu\u1ebf M\u1eadt Ong\",\"category\":\"Tr\u00e0 Th\u1ea3o M\u1ed9c\",\"price\":45000,\"desc\":\"H\u01b0\u01a1ng qu\u1ebf n\u1ed3ng \u1ea5m k\u1ebft h\u1ee3p m\u1eadt ong ng\u1ecdt d\u1ecbu\",\"icon\":\"\ud83c\udf6f\",\"image\":\"\",\"status\":\"available\",\"groups\":[\"grp_sugar\",\"grp_ice\",\"grp_topping\"]},{\"id\":\"p_2\",\"name\":\"Latte M\u1eadt Ong Caramel\",\"category\":\"C\u00e0 Ph\u00ea\",\"price\":52000,\"desc\":\"\u0110\u1eadm \u0111\u00e0 c\u00e0 ph\u00ea c\u00f9ng kem b\u00e9o v\u00e0 s\u1ed1t m\u1eadt\",\"icon\":\"\u2615\",\"image\":\"\",\"status\":\"available\",\"groups\":[\"grp_sugar\",\"grp_ice\",\"grp_topping\"]},{\"id\":\"p_3\",\"name\":\"B\u00e1nh Croissant B\u01a1 T\u01b0\u01a1i\",\"category\":\"B\u00e1nh N\u01b0\u1edbng\",\"price\":38000,\"desc\":\"Ng\u00e0n l\u1edbp n\u01b0\u1edbng n\u00f3ng h\u1ed5i \u0111\u00f3ng h\u1ed9p mang \u0111i\",\"icon\":\"\ud83e\udd50\",\"image\":\"\",\"status\":\"available\",\"groups\":[]}],\"option_groups\":[{\"id\":\"grp_sugar\",\"name\":\"\u0110\u1ed9 Ng\u1ecdt \/ M\u1eadt\",\"type\":\"radio\",\"status\":\"active\",\"required\":\"yes\",\"items\":[{\"name\":\"100% V\u1ecb chu\u1ea9n qu\u00e1n\",\"price\":0,\"status\":\"available\"},{\"name\":\"70% Ng\u1ecdt v\u1eeba\",\"price\":0,\"status\":\"available\"},{\"name\":\"30% \u00cdt ng\u1ecdt\",\"price\":0,\"status\":\"available\"},{\"name\":\"Kh\u00f4ng th\u00eam \u0111\u01b0\u1eddng\/m\u1eadt\",\"price\":0,\"status\":\"available\"}]},{\"id\":\"grp_ice\",\"name\":\"L\u01b0\u1ee3ng \u0110\u00e1\",\"type\":\"radio\",\"status\":\"active\",\"required\":\"yes\",\"items\":[{\"name\":\"\u0110\u00e1 ri\u00eang (Mang \u0111i xa)\",\"price\":0,\"status\":\"available\"},{\"name\":\"100% B\u00ecnh th\u01b0\u1eddng\",\"price\":0,\"status\":\"available\"},{\"name\":\"50% \u00cdt \u0111\u00e1\",\"price\":0,\"status\":\"available\"},{\"name\":\"Kh\u00f4ng \u0111\u00e1\",\"price\":0,\"status\":\"available\"}]},{\"id\":\"grp_topping\",\"name\":\"Topping Th\u00eam\",\"type\":\"checkbox\",\"status\":\"active\",\"required\":\"no\",\"items\":[{\"name\":\"Tr\u00e2n ch\u00e2u ho\u00e0ng kim\",\"price\":10000,\"status\":\"available\"},{\"name\":\"Th\u1ea1ch m\u1eadt ong\",\"price\":8000,\"status\":\"available\"},{\"name\":\"Kem ph\u00f4 mai b\u00e9o ng\u1eady\",\"price\":12000,\"status\":\"available\"}]}],\"api_base\":\"https:\/\/test.beecarestore.com\/index.php?rest_route=\/tiem-mat\/v1\",\"ajax_url\":\"https:\/\/test.beecarestore.com\/wp-admin\/admin-ajax.php\",\"seasonal\":{\"id\":\"season_1790965466_116\",\"name\":\"20\/10 \u00b7 Ti\u1ec7m M\u1eadt\",\"cta_type\":\"menu\",\"cta_value\":\"\",\"popup_enabled\":false,\"popup_frequency\":\"session\",\"quick_delivery_text\":\"\u0110\u1eb7t giao sau\",\"footer_install_text\":\"T\u1ea3i App\",\"footer_journal_text\":\"Nh\u1eadt k\u00fd\"},\"top_products\":[],\"bank_code\":\"BIDV\",\"bank_acc\":\"3142455047\",\"bank_holder\":\"NGUYEN VAN TUAN\",\"bank_payment\":{\"auto_confirm_enabled\":true,\"deeplink_enabled\":true,\"expiry_minutes\":15,\"provider\":\"sepay\"},\"vouchers\":[{\"code\":\"TIEMMAT10\",\"type\":\"percent\",\"value\":10,\"min_spend\":100000,\"max_discount\":0,\"gift_product_id\":\"p_1\",\"day_of_week\":1,\"target_category\":\"\",\"flat_price\":0,\"desc\":\"Gi\u1ea3m 10% t\u1ed5ng \u0111\u01a1n\",\"title\":\"Gi\u1ea3m 10%\",\"avatar\":\"\",\"flash_enabled\":false,\"start_ts\":0,\"end_ts\":0,\"window_state\":\"active\",\"member_exclusive\":false,\"member_min_tier_id\":\"\",\"member_min_tier_name\":\"\",\"member_min_tier_index\":-1},{\"code\":\"TANG139\",\"type\":\"gift\",\"value\":0,\"min_spend\":139000,\"gift_product_id\":\"p_3\",\"day_of_week\":1,\"target_category\":\"\",\"flat_price\":0,\"desc\":\"\u0110\u01a1n t\u1eeb 139k\",\"title\":\"Qu\u00e0 t\u1eb7ng t\u1eeb Ti\u1ec7m\",\"avatar\":\"\",\"flash_enabled\":false,\"start_ts\":0,\"end_ts\":0,\"window_state\":\"active\",\"member_exclusive\":false,\"member_min_tier_id\":\"\",\"member_min_tier_name\":\"\",\"member_min_tier_index\":-1},{\"code\":\"TEST\",\"type\":\"fixed\",\"value\":5000,\"min_spend\":100000,\"max_discount\":0,\"gift_product_id\":\"p_1\",\"day_of_week\":1,\"target_category\":\"Tr\u00e0 Th\u1ea3o M\u1ed9c\",\"flat_price\":0,\"desc\":\"\",\"title\":\"Gi\u1ea3m 5.000\u0111\",\"avatar\":\"\",\"flash_enabled\":false,\"start_ts\":0,\"end_ts\":0,\"window_state\":\"active\",\"member_exclusive\":false,\"member_min_tier_id\":\"\",\"member_min_tier_name\":\"\",\"member_min_tier_index\":-1}],\"group_promos\":[{\"id\":\"grp_1790144727_433\",\"name\":\"Nh\u00f3m 2 Ng\u01b0\u1eddi\",\"min_people\":3,\"percent\":5,\"active\":true},{\"id\":\"grp_1790148944_577\",\"name\":\"Nh\u00f3m 3 ng\u01b0\u1eddi\",\"min_people\":3,\"percent\":15,\"active\":true}],\"promotions\":[],\"membership_quarter\":{\"quarter\":4,\"year\":2026,\"key\":\"2026-Q4\",\"label\":\"Qu\u00fd 4\/2026\",\"start_mysql\":\"2026-10-01 00:00:00\",\"end_exclusive_mysql\":\"2027-01-01 00:00:00\",\"start_label\":\"01\/10\/2026\",\"end_label\":\"31\/12\/2026\",\"reset_at\":\"2027-01-01 00:00:00\",\"reset_label\":\"01\/01\/2027\"},\"weekly_missions\":{\"week_label\":\"02\/11 - 08\/11\",\"completed_count\":0,\"total_count\":4,\"missions\":[{\"key\":\"try_two_dishes\",\"title\":\"Th\u1eed 2 m\u00f3n kh\u00e1c nhau\",\"description\":\"Ho\u00e0n t\u1ea5t \u0111\u01a1n v\u1edbi 2 m\u00f3n kh\u00e1c nhau trong tu\u1ea7n.\",\"target\":2,\"progress\":0,\"unit\":\"m\u00f3n\",\"progress_format\":\"count\",\"reward\":100,\"completed\":false,\"rewarded\":false,\"claimable\":false},{\"key\":\"group_order\",\"title\":\"\u0110\u1eb7t c\u00f9ng b\u1ea1n b\u00e8\",\"description\":\"Ho\u00e0n th\u00e0nh 1 \u0111\u01a1n nh\u00f3m, m\u1ed7i nh\u00f3m c\u00f3 \u00edt nh\u1ea5t 2 ng\u01b0\u1eddi trong tu\u1ea7n.\",\"target\":1,\"progress\":0,\"unit\":\"\u0111\u01a1n nh\u00f3m\",\"progress_format\":\"count\",\"reward\":500,\"completed\":false,\"rewarded\":false,\"claimable\":false},{\"key\":\"return_week\",\"title\":\"Quay l\u1ea1i trong tu\u1ea7n\",\"description\":\"Ho\u00e0n t\u1ea5t 2 \u0111\u01a1n trong c\u00f9ng tu\u1ea7n.\",\"target\":2,\"progress\":0,\"unit\":\"\u0111\u01a1n\",\"progress_format\":\"count\",\"reward\":200,\"completed\":false,\"rewarded\":false,\"claimable\":false},{\"key\":\"weekly_spend\",\"title\":\"Chi ti\u00eau 500.000\u0111 trong tu\u1ea7n\",\"description\":\"T\u1ed5ng gi\u00e1 tr\u1ecb c\u00e1c \u0111\u01a1n \u0111\u00e3 ho\u00e0n t\u1ea5t trong tu\u1ea7n.\",\"target\":500000,\"progress\":0,\"unit\":\"\u0111\",\"progress_format\":\"currency\",\"reward\":1000,\"completed\":false,\"rewarded\":false,\"claimable\":false}],\"note\":\"Ti\u1ebfn \u0111\u1ed9 \u0111\u01b0\u1ee3c ghi nh\u1eadn sau khi \u0111\u01a1n ho\u00e0n t\u1ea5t. Ho\u00e0n th\u00e0nh nhi\u1ec7m v\u1ee5 s\u1ebd m\u1edf n\u00fat Nh\u1eadn; M\u1eadt Xu ch\u1ec9 \u0111\u01b0\u1ee3c c\u1ed9ng sau khi kh\u00e1ch b\u1ea5m Nh\u1eadn.\"},\"membership_tiers\":[{\"id\":\"ong_non\",\"enabled\":1,\"name\":\"Ong Non\",\"min_spend\":0,\"multiplier\":1,\"benefits\":[\"T\u00edch M\u1eadt Xu theo h\u1ec7 s\u1ed1 th\u00e0nh vi\u00ean\"],\"voucher_codes\":[]},{\"id\":\"ong_mat\",\"enabled\":1,\"name\":\"Ong M\u1eadt\",\"min_spend\":500000,\"multiplier\":1.2,\"benefits\":[\"\u01afu ti\u00ean nh\u1eadn \u01b0u \u0111\u00e3i th\u00e0nh vi\u00ean\",\"\u0110\u01b0\u1ee3c th\u1eed m\u00f3n m\u1edbi s\u1edbm khi Ti\u1ec7m m\u1edf ch\u01b0\u01a1ng tr\u00ecnh\"],\"voucher_codes\":[]},{\"id\":\"ong_chua\",\"enabled\":1,\"name\":\"Ong Ch\u00faa\",\"min_spend\":1500000,\"multiplier\":1.5,\"benefits\":[\"\u01afu ti\u00ean cao nh\u1ea5t cho \u01b0u \u0111\u00e3i th\u00e0nh vi\u00ean\",\"Quy\u1ec1n truy c\u1eadp c\u00e1c voucher \u0111\u1eb7c quy\u1ec1n c\u1ee7a c\u1ea5p d\u01b0\u1edbi\"],\"voucher_codes\":[]}],\"feed\":{\"enabled\":true,\"title\":\"B\u1ea3ng tin Ti\u1ec7m M\u1eadt\",\"subtitle\":\"Chuy\u1ec7n \u1edf Ti\u1ec7m, m\u00f3n m\u1edbi v\u00e0 c\u1ea3m ngh\u0129 th\u1eadt t\u1eeb nh\u1eefng ng\u01b0\u1eddi \u0111\u00e3 gh\u00e9.\",\"customer_posts_enabled\":true,\"prompt_enabled\":true},\"shop_status\":{\"open\":true,\"mode\":\"open\",\"label\":\"\u0110ang nh\u1eadn \u0111\u01a1n\",\"closed_message\":\"\",\"preorder_allowed\":false,\"reopen_at\":\"\",\"reopen_label\":\"\",\"preorder_min_delivery_minutes\":35,\"updated_at\":\"\"},\"journal_settings\":{\"referral_enabled\":true,\"referral_title\":\"Gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8\",\"referral_description\":\"Chia s\u1ebb link ri\u00eang c\u1ee7a b\u1ea1n. Quy\u1ec1n l\u1ee3i \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng khi ng\u01b0\u1eddi b\u1ea1n ho\u00e0n t\u1ea5t \u0111\u01a1n \u0111\u1ea7u ti\u00ean.\",\"referral_benefits\":[\"B\u1ea1n nh\u1eadn +500 M\u1eadt Xu khi ng\u01b0\u1eddi b\u1ea1n ho\u00e0n t\u1ea5t \u0111\u01a1n \u0111\u1ea7u ti\u00ean.\",\"Ng\u01b0\u1eddi b\u1ea1n m\u1edbi nh\u1eadn +300 M\u1eadt Xu sau khi ho\u00e0n t\u1ea5t \u0111\u01a1n \u0111\u1ea7u ti\u00ean.\",\"M\u1ed7i ng\u01b0\u1eddi b\u1ea1n m\u1edbi ch\u1ec9 \u0111\u01b0\u1ee3c ghi nh\u1eadn m\u1ed9t l\u1ea7n.\"]},\"install_reward_coins\":10000,\"app_version\":\"1791001283\"};<\/script>\n<script src=\"https:\/\/test.beecarestore.com\/wp-content\/plugins\/tiem-mat-app\/public\/js\/app.js?v=3.6.0.28-1791446911\"><\/script>\n<script src=\"https:\/\/test.beecarestore.com\/wp-content\/plugins\/tiem-mat-app\/public\/js\/ux-pro.js?v=3.6.0.28-1791348814\"><\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1,"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/test.beecarestore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}