.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin:32px 0}.recipe-grid--cols-2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.recipe-grid--cols-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recipe-grid--cols-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.recipe-grid--empty{padding:24px;text-align:center;color:#888;border:1px dashed #ddd;border-radius:4px}.recipe-grid__card{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;display:flex;flex-direction:column}.recipe-grid__card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgb(0 0 0 / .08);border-color:#95AF7E}.recipe-grid__link{display:block;color:inherit;text-decoration:none}.recipe-grid__link:hover,.recipe-grid__link:focus{text-decoration:none;color:inherit}.recipe-grid__image-wrap{position:relative;width:100%;padding-top:75%;background:#fff;overflow:hidden;display:block;font-size:0;line-height:0}.recipe-grid__image{position:absolute;top:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;margin:0;padding:0;transition:transform 0.4s ease}.recipe-grid__card:hover .recipe-grid__image{transform:scale(1.04)}.recipe-grid__image--placeholder{background:linear-gradient(135deg,#f4f4f4 25%,#ececec 25%,#ececec 50%,#f4f4f4 50%,#f4f4f4 75%,#ececec 75%);background-size:20px 20px}.recipe-grid__body{padding:18px 20px 22px;background:#fff}.recipe-grid__title{margin:0;font-size:18px;line-height:1.35;font-weight:600;color:#2b2b2b;transition:color 0.2s ease}.recipe-grid__card:hover .recipe-grid__title{color:#95AF7E}.recipe-grid__excerpt{margin:10px 0 0;font-size:14px;line-height:1.55;color:#666}@media (max-width:600px){.recipe-grid{gap:20px;margin:24px 0}.recipe-grid__title{font-size:16px}}