.recipe-cards,.recipe-suggestion-cards{flex-direction:column;gap:16px;max-height:calc(100vh - 250px);padding-right:12px;display:flex;overflow-y:auto}.recipe-cards::-webkit-scrollbar{width:6px}.recipe-suggestion-cards::-webkit-scrollbar{width:6px}.recipe-cards::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.recipe-suggestion-cards::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.recipe-cards::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.recipe-suggestion-cards::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.recipe-container{background-color:var(--surface);box-shadow:var(--shadow-sm);text-align:left;border:1px solid #00000008;border-radius:12px;grid-template-columns:120px 1fr;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden}.recipe-container:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.recipe-image{width:100%;height:100%;overflow:hidden}.recipe-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.recipe-container:hover .recipe-image img{transform:scale(1.05)}.recipe-content{flex-direction:column;padding:12px 16px;display:flex}.recipe-title{color:var(--primary);margin:0 0 8px;font-size:1.15rem}.recipe-summary{color:var(--text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 12px;font-size:.85rem;display:-webkit-box;overflow:hidden}.add-to-cart-button,.suggestion-button{background-color:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:20px;align-self:flex-start;padding:6px 16px;font-size:.85rem;font-weight:600;transition:background-color .2s,transform .2s}.add-to-cart-button:hover,.suggestion-button:hover{background-color:#ba512b}
