.tf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.tf-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #dfeae6;border-radius:16px;padding:20px 18px 18px;min-width:0}.tf-hot{border-color:var(--accent);box-shadow:0 8px 24px #0a744d1f}.tf-picked{outline:2px solid var(--accent);outline-offset:2px}.tf-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.tf-name{margin:0;font-size:17px;font-weight:700}.tf-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#e7f4ee;border-radius:99px;padding:3px 8px;white-space:nowrap}.tf-tag-current{color:#fff;background:var(--accent)}.tf-price{margin:6px 0 0;font-size:13px;color:#647670}.tf-price strong{font-size:26px;font-weight:800;color:#16231f;letter-spacing:-.02em}.tf-credits{margin:0;font-size:15px;font-weight:700}.tf-fit{margin:0 0 10px;font-size:12px;line-height:1.5;color:#647670;flex:1}.tf-buy{min-height:40px;border:1px solid var(--accent);border-radius:10px;background:#fff;color:var(--accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.tf-hot .tf-buy{background:var(--accent);color:#fff}.tf-buy:hover:not(:disabled){background:var(--accent);color:#fff}.tf-buy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tf-buy:disabled{cursor:default;border-color:#dfeae6;background:#f4f8f6;color:#7d918a}.tf-note{font-size:11px;color:#7d918a;text-align:center}.tf-status{margin:0;font-size:13px;color:#647670}@media(max-width:560px){.tf-grid{grid-template-columns:1fr 1fr;gap:10px}.tf-card{padding:16px 14px}.tf-price strong{font-size:22px}}@media(max-width:360px){.tf-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tf-buy{transition:none}}