.haf-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.haf-product-card { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 20px; background: #fff; }
.haf-product-image { display: grid; aspect-ratio: 4/3; place-items: center; overflow: hidden; background: #f8fafc; }
.haf-product-image img { width: 100%; height: 100%; object-fit: contain; }
.haf-product-content { padding: 22px; }
.haf-product-content h3 { margin: 8px 0; }
.haf-product-content p, .haf-product-content li { font-size: .9em; }
.haf-product-content small { display: block; margin-top: 12px; color: #6b7280; font-size: .68em; }
.haf-product-content .button { display: inline-flex; padding: 10px 18px; border-radius: 999px; color: #052e16; background: #22c55e; font-weight: 800; text-decoration: none; }
.haf-comparison-wrap { margin: 30px 0; overflow-x: auto; }
.haf-comparison { width: 100%; min-width: 820px; border-collapse: collapse; }
.haf-comparison th, .haf-comparison td { padding: 13px; border: 1px solid #e5e7eb; text-align: left; vertical-align: top; }
.haf-comparison thead { background: #f0fdf4; }
.haf-card-disclosure, .haf-affiliate-disclosure { color: #6b7280; font-size: .76em; }
.haf-recipe-card { padding: clamp(24px,5vw,48px); margin: 45px 0; border: 2px solid #22c55e; border-radius: 24px; background: #f7fff9; }
.haf-recipe-card .quick-facts { display: grid; grid-template-columns: repeat(6,1fr); gap: 1px; margin: 22px 0; background: #e5e7eb; }
.haf-recipe-card .quick-facts div { padding: 10px; background: #fff; text-align: center; }
.haf-recipe-card .quick-facts span, .haf-recipe-card .quick-facts strong { display: block; }
.haf-recipe-card .recipe-card-columns { display: grid; grid-template-columns: 1fr 1.2fr; gap: 35px; }
@media (max-width:760px) { .haf-product-grid { grid-template-columns: 1fr; } .haf-recipe-card .quick-facts { grid-template-columns: repeat(2,1fr); } .haf-recipe-card .recipe-card-columns { grid-template-columns: 1fr; } }