.recipe-detail.recipe-highlight { animation: recipeFlash 1.6s ease-out; box-shadow: 0 0 0 3px rgba(212,166,74,0.5); border-radius: 6px; } @keyframes recipeFlash { 0% { background: #fff3df; box-shadow: 0 0 0 3px rgba(212,166,74,0.9); } 100% { background: transparent; box-shadow: 0 0 0 3px rgba(212,166,74,0); } } .recipe-pair-link { display: inline-block; padding: 2px 10px; background: #fff3df; border: 1px solid #d4a64a; border-radius: 14px; text-decoration: none !important; color: #5a4015 !important; font-weight: 600; font-size: 0.92em; margin: 0 2px; transition: background 0.15s, transform 0.1s; } .recipe-pair-link:hover { background: #d4a64a; color: #fff !important; transform: translateY(-1px); } details.recipe-detail { margin-bottom: 10px; border: 1px solid #eee; border-radius: 5px; } details.recipe-detail > summary { padding: 14px; cursor: pointer; font-weight: bold; background-color: #fafafa; border-radius: 5px; } details.recipe-detail[open] > summary { border-bottom: 1px solid #eee; border-radius: 5px 5px 0 0; } details.recipe-detail > p { padding: 14px; line-height: 1.6; margin: 0; } .recipe-buy-row { padding: 0 14px 14px; display: flex; flex-wrap: wrap; gap: 8px; } .recipe-buy-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; background: #2a8a4a; color: #fff !important; text-decoration: none !important; border-radius: 24px; font-size: 0.92rem; font-weight: 600; transition: background 0.15s, transform 0.1s, box-shadow 0.15s; border: none; cursor: pointer; line-height: 1; } .recipe-buy-cta:hover { background: #1f6a36; color: #fff !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(42,138,74,0.3); text-decoration: none !important; } .recipe-buy-cta-multi { background: #d4a64a; } .recipe-buy-cta-multi:hover { background: #b88a35; box-shadow: 0 4px 12px rgba(212,166,74,0.4); } .recipe-buy-cta-multi[data-buy-count="3"] { background: #c8551f; } .recipe-buy-cta-multi[data-buy-count="3"]:hover { background: #a8431a; box-shadow: 0 4px 12px rgba(200,85,31,0.4); }