/* Trúc Coffee — Menu block (đồng bộ phong cách Editorial Luxury) */
.tcm{
  --tcm-paper:#FBF8F1; --tcm-paper2:#F2ECDF; --tcm-ink:#241F1A; --tcm-muted:#6F655A;
  --tcm-sage:#33493A; --tcm-sage-deep:#26392B; --tcm-gold:#B3884A; --tcm-line:rgba(36,31,26,.14);
  --tcm-cols:4;
  font-family:'Be Vietnam Pro',system-ui,sans-serif;
}
.tcm-empty{color:var(--tcm-muted)}
.tcm-group{padding-top:3.4rem}
.tcm-head{display:flex;align-items:baseline;gap:14px;margin-bottom:1.4rem;padding-bottom:.9rem;border-bottom:1px solid var(--tcm-line)}
.tcm-head .tcm-dot{width:8px;height:8px;border-radius:50%;background:var(--tcm-gold);align-self:center;flex:none}
.tcm-head h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em;color:var(--tcm-ink);margin:0;line-height:1.1}
.tcm-head .tcm-count{margin-left:auto;color:var(--tcm-muted);font-size:.85rem}

.tcm-grid{display:grid;grid-template-columns:repeat(var(--tcm-cols),1fr);gap:18px}
.tcm-item{background:var(--tcm-paper2);border:1px solid var(--tcm-line);border-radius:24px;padding:8px;transition:transform .5s cubic-bezier(.32,.72,0,1)}
.tcm-item:hover{transform:translateY(-5px)}
.tcm-core{background:var(--tcm-paper);border-radius:18px;box-shadow:inset 0 1px 1px rgba(255,255,255,.5);padding:14px;display:flex;flex-direction:column;height:100%}
.tcm-vis{aspect-ratio:1/1;border-radius:13px;overflow:hidden;background:linear-gradient(150deg,#42583f,var(--tcm-sage-deep));position:relative;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);margin-bottom:14px}
.tcm-vis svg{width:30px;height:30px}
.tcm-vis .tcm-img{width:100%;height:100%;object-fit:cover}
.tcm-vis .tcm-hot{position:absolute;top:9px;left:9px;z-index:2;background:var(--tcm-gold);color:#2a1d05;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.tcm-name{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:1.12rem;line-height:1.2;color:var(--tcm-ink);margin:0 0 4px;min-height:2.4em}
.tcm-desc{color:var(--tcm-muted);font-size:.86rem;margin:0 0 4px}
.tcm-row{margin-top:auto;padding-top:10px}
.tcm-price{font-family:'Playfair Display',Georgia,serif;font-size:1.2rem;color:var(--tcm-gold);font-weight:700}

@media(max-width:980px){.tcm-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.tcm-grid{grid-template-columns:repeat(2,1fr);gap:12px}}