.coffee-card{--bg-color:#2f3e2e;--text-main:#f5f5f5;--text-soft:rgba(255,255,255,.7);--accent:#d8b36a;--tag-bg:rgba(255,255,255,.12);--tag-text:#fff;--bar-fill:#bfa15a;background:var(--bg-color);color:var(--text-main);display:flex;justify-content:space-between;gap:24px;padding:24px;border-radius:22px;max-width:720px;margin:20px auto;box-shadow:0 12px 30px rgba(0,0,0,.35);position:relative;overflow:hidden;transition:all .3s ease}.coffee-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(255,255,255,.05),transparent)}.coffee-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.45)}.tag{background:var(--tag-bg);color:var(--tag-text);white-space:nowrap}.tag-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.track{background:rgba(255,255,255,.12)}.fill{background:var(--bar-fill)}.info-label{color:var(--accent)}.info-value{color:var(--text-main)}.info-desc{color:var(--text-soft)}@media (max-width:768px){.coffee-card{flex-direction:column;padding:18px}}.coffee-card.mathavara{--bg-color:#2f3e2e;--accent:#d8b36a;--bar-fill:#bfa15a}.tag-row{gap:10px}.bean-img{transform:rotate(16deg);display:inline-block}