/* Tiệm Mật Selected UX v3.6.0.8 — items 1,4,5,7,10,11,12 */
:root{
  --tm-radius-sm:12px;
  --tm-radius-md:18px;
  --tm-radius-lg:24px;
  --tm-control-h:46px;
  --tm-ease:cubic-bezier(.2,.72,.25,1);
  --tm-shadow-soft:0 10px 30px rgba(61,44,30,.06);
}
.tm-app button,.tm-app input,.tm-app textarea,.tm-app select{font-family:inherit}
.tm-app button{transition:transform .16s var(--tm-ease),background .16s ease,box-shadow .16s ease,opacity .16s ease}
.tm-app button:active{transform:scale(.985)}
.tm-modal-sheet,.tm-checkout-section,.tm-feed-card,.tm-account-section,.tm-member-card{border-radius:var(--tm-radius-lg)}
.tm-input{min-height:var(--tm-control-h);border-radius:var(--tm-radius-sm)!important}

/* 4 — Notification Center */
.tm-header-meta{gap:7px}
.tm-notification-button{position:relative;width:38px;height:38px;min-width:38px;border:1px solid color-mix(in srgb,var(--gold-border) 72%,#fff);background:#fff;color:var(--caramel-dark);border-radius:50%;padding:0;display:grid;place-items:center;box-shadow:0 4px 14px rgba(61,44,30,.035)}
.tm-notification-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tm-notification-button i{display:none;position:absolute;top:-4px;right:-4px;z-index:3;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#e6653d;color:#fff;font-size:10px;font-style:normal;font-weight:900;padding:0 4px;box-shadow:0 0 0 2px #fff}
.tm-ux-notif-sheet{max-width:520px!important;padding:18px!important;max-height:min(82vh,760px)!important;overflow:auto!important}
.tm-ux-notif-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.tm-ux-notif-head small{font-size:.58rem;letter-spacing:.1em;color:#9a8878;font-weight:800}
.tm-ux-notif-head h3{margin:3px 0 0;color:var(--caramel-dark);font-size:1.25rem}
.tm-ux-notif-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f3f0ec;color:#695b50;font-size:1.25rem}
.tm-ux-notif-item{width:100%;border:0;border-bottom:1px solid #eee9e3;background:#fff;padding:13px 2px;display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;text-align:left}
.tm-ux-notif-item:last-child{border-bottom:0}.tm-ux-notif-item .tm-ux-notif-dot{width:8px;height:8px;border-radius:50%;background:#e66f3d}
.tm-ux-notif-item.read .tm-ux-notif-dot{background:#ddd}.tm-ux-notif-item strong{display:block;color:#45362c;font-size:.78rem}
.tm-ux-notif-item small{display:block;color:#8d7d70;font-size:.65rem;line-height:1.42;margin-top:3px}.tm-ux-notif-item>b{color:#a18f80}
.tm-ux-empty{padding:32px 18px;text-align:center;color:#88796d}.tm-ux-empty strong,.tm-ux-empty span{display:block}.tm-ux-empty strong{color:#4b3d32;font-size:.86rem}.tm-ux-empty span{font-size:.68rem;margin-top:4px;line-height:1.5}

/* 5 — Social Commerce */
.tm-feed-product-picker{margin-top:10px;padding:10px;border:1px solid #eee5dc;border-radius:15px;background:#fbf8f5}
.tm-feed-product-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.tm-feed-product-picker-head strong{font-size:.7rem;color:#4f4035}.tm-feed-product-picker-head small{font-size:.58rem;color:#9b897a}
.tm-feed-product-chip-scroll{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.tm-feed-product-chip-scroll::-webkit-scrollbar{display:none}
.tm-feed-product-chip-scroll button{white-space:nowrap;border:1px solid #e6ddd4;background:#fff;color:#6d5c50;border-radius:999px;padding:7px 10px;font-size:.62rem;font-weight:720}
.tm-feed-product-chip-scroll button.active{border-color:#d77a3c;background:#fff1e7;color:#b45a23}
.tm-feed-product-tags{display:flex;gap:8px;overflow:auto;margin:10px 0 1px;scrollbar-width:none}.tm-feed-product-tags::-webkit-scrollbar{display:none}
.tm-feed-product-tags>button{flex:0 0 auto;min-width:170px;max-width:235px;border:1px solid #eee1d5;background:#fffaf5;border-radius:14px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
.tm-feed-product-tags strong,.tm-feed-product-tags small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-feed-product-tags strong{font-size:.68rem;color:#4a392c}.tm-feed-product-tags small{font-size:.59rem;color:#d46e34;margin-top:2px;font-weight:800}
.tm-feed-product-tags>button>b{width:28px;height:28px;border-radius:50%;background:#49301f;color:#fff;display:grid;place-items:center;font-size:1rem;flex:0 0 auto}

/* 7 — Customer Hub */
.tm-journal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 10px}
.tm-journal-stats>div{padding:11px 8px;border:1px solid #ece3da;background:#fff;border-radius:15px;text-align:center}
.tm-journal-stats strong,.tm-journal-stats span{display:block}.tm-journal-stats strong{font-size:.82rem;color:#47372c}.tm-journal-stats span{font-size:.57rem;color:#9a897b;margin-top:2px}

/* 12 — Search Everything */
.tm-search-everything{margin-top:16px}.tm-search-everything-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 8px}
.tm-search-everything-head strong{font-size:.82rem;color:#4b392d}.tm-search-everything-head span{font-size:.58rem;color:#9a8879}
.tm-search-everything-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tm-search-everything-grid button{border:1px solid #e9e0d7;background:#fff;border-radius:14px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5a493c;font-size:.66rem;font-weight:740;text-align:left}.tm-search-everything-grid button b{color:#a58f7e}

@media(max-width:420px){.tm-search-everything-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.tm-app *, .tm-app *:before,.tm-app *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Search polish — smoother entrance, slightly lower safe position, no top clipping */
.tm-search-launch{
  transition:transform .28s var(--tm-ease),opacity .2s ease,box-shadow .2s ease,background .2s ease!important;
  will-change:transform;
}
.tm-app.tm-search-active .tm-search-launch{
  top:6px!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 12px)!important;
  animation:tmUxSearchSettle .28s var(--tm-ease)!important;
}
.tm-app.tm-search-active .tm-search-bar{transform:none!important}
.tm-search-overlay{padding-top:calc(env(safe-area-inset-top,0px) + 82px)!important}
.tm-search-overlay-scroll{scroll-behavior:smooth}
.tm-search-results-panel,.tm-search-discovery-panel{transition:opacity .18s ease,transform .18s var(--tm-ease)}
@keyframes tmUxSearchSettle{from{opacity:.76;transform:translateX(-50%) translateY(-7px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(max-width:420px){.tm-app.tm-search-active .tm-search-launch{top:5px!important}.tm-search-overlay{padding-top:calc(env(safe-area-inset-top,0px) + 80px)!important}}