.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)}.notes{color:var(--text-soft)}.tag{background:var(--tag-bg);color:var(--tag-text);white-space:nowrap}.roast{margin-left:8px}.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}.roast{margin-left:8px}.bean-img{transform:rotate(16deg);display:inline-block}.coffee-card{display:flex;justify-content:space-between;gap:40px;padding:40px;border-radius:30px;color:#fff;width:100%;max-width:750px;margin:20px auto;background:linear-gradient(145deg,#1d211a 0%,#3e2b1f 100%);box-shadow:0 25px 50px rgba(0,0,0,.4);font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.coffee-left{flex:1.2}.coffee-left h2{font-size:42px;font-weight:600;line-height:1.05;margin-bottom:18px;text-transform:uppercase}.tag-row{display:flex;align-items:center;margin-bottom:20px}.tag{background:#d8b892;color:#1a221b;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:700}.roast{display:flex;gap:2px;margin-left:auto}.bean-img{width:18px;height:24px;opacity:.25;filter:grayscale(100%)}.roast[data-roast=very-light] .bean-img:nth-child(-n+1),.roast[data-roast=light] .bean-img:nth-child(-n+2),.roast[data-roast=medium-light] .bean-img:nth-child(-n+3),.roast[data-roast=medium] .bean-img:nth-child(-n+4),.roast[data-roast=medium-dark] .bean-img:nth-child(-n+5),.roast[data-roast=dark] .bean-img:nth-child(-n+6),.roast[data-roast=very-dark] .bean-img:nth-child(-n+7){opacity:1;filter:none}.notes{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:25px}.bar-container{margin-bottom:18px}.bar-label{font-size:13px;margin-bottom:8px;display:block}.track{width:100%;height:8px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#fff,#d8b892);border-radius:10px}.w90{width:90%}.w80{width:80%}.w75{width:75%}.w50{width:50%}.w40{width:40%}.coffee-right{flex:.8}.info-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:16px}.info-item{display:grid;grid-template-columns:120px 1fr}.info-label{color:#d8b892;font-weight:600}.info-value{color:#fff}.info-desc{grid-column:2;font-size:11.5px;color:rgba(255,255,255,.7);margin-top:4px}@media (max-width:600px){.coffee-card{flex-direction:column;padding:25px}.coffee-left h2{font-size:30px}.bean-img{width:14px;height:20px}}.coffee-card{display:flex;justify-content:space-between;gap:40px;padding:40px;border-radius:30px;color:#fff;width:100%;max-width:750px;margin:20px auto;background:linear-gradient(145deg,#1d211a 0%,#3e2b1f 100%);box-shadow:0 25px 50px rgba(0,0,0,.4);font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.coffee-left{flex:1.2}.coffee-left h2{font-size:42px;font-weight:600;line-height:1.05;margin-bottom:18px;text-transform:uppercase}.tag-row{display:flex;align-items:center;margin-bottom:20px}.tag{background:#d8b892;color:#1a221b;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:700}.roast{display:flex;gap:2px;margin-left:auto}.bean-img{width:18px;height:24px;opacity:.25;filter:grayscale(100%)}.roast[data-roast=very-light] .bean-img:nth-child(-n+1),.roast[data-roast=light] .bean-img:nth-child(-n+2),.roast[data-roast=medium-light] .bean-img:nth-child(-n+3),.roast[data-roast=medium] .bean-img:nth-child(-n+4),.roast[data-roast=medium-dark] .bean-img:nth-child(-n+5),.roast[data-roast=dark] .bean-img:nth-child(-n+6),.roast[data-roast=very-dark] .bean-img:nth-child(-n+7){opacity:1;filter:none}.notes{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:25px}.bar-container{margin-bottom:18px}.bar-label{font-size:13px;margin-bottom:8px;display:block}.track{width:100%;height:8px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#fff,#d8b892);border-radius:10px}.w90{width:90%}.w80{width:80%}.w75{width:75%}.w50{width:50%}.w40{width:40%}.coffee-right{flex:.8}.info-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:16px}.info-item{display:grid;grid-template-columns:120px 1fr}.info-label{color:#d8b892;font-weight:600}.info-value{color:#fff}.info-desc{grid-column:2;font-size:11.5px;color:rgba(255,255,255,.7);margin-top:4px}@media (max-width:600px){.coffee-card{flex-direction:column;padding:25px}.coffee-left h2{font-size:30px}.bean-img{width:14px;height:20px}}