.favorite-button{cursor:pointer;color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.favorite-button.small{width:32px;height:32px;padding:6px}.favorite-button.medium{width:40px;height:40px;padding:8px}.favorite-button.large{width:56px;height:56px;padding:12px}.heart-icon{stroke-width:1.5px;filter:drop-shadow(0 1px 2px #0000001a);width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.favorite-button:not(.favorited):hover{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-color:#ef4444;transform:scale(1.1);box-shadow:0 4px 16px #00000026}.favorite-button:not(.favorited):hover .heart-icon{color:#ef4444;stroke-width:2px;transform:scale(1.1)}.favorite-button.card-overlay{background:#fffffff2;border:1px solid #00000014;position:absolute}.favorite-button.card-overlay:not(.favorited){color:#9ca3af;background:#fffffff2}.favorite-button.card-overlay:not(.favorited) .heart-icon{stroke:#9ca3af;fill:none;color:#9ca3af}.favorite-button.card-overlay:not(.favorited):hover{background:#fffffffa;border-color:#ef44444d}.favorite-button.card-overlay:not(.favorited):hover .heart-icon{stroke:#ef4444;fill:#ef44441a;color:#ef4444}.favorite-button.card-overlay.favorited{color:#ef4444;background:#fffffff2;border-color:#ef44444d;box-shadow:0 2px 8px #ef444433}.favorite-button.card-overlay.favorited .heart-icon{fill:#ef4444;stroke:#ef4444;color:#ef4444;stroke-width:0}.favorite-button.card-overlay.favorited:hover{background:#fffffffa;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.favorite-button.card-overlay.favorited:before{display:none}.favorite-button.detail-page-favorite{color:#a73a04;background:#fff;border:2px solid #a73a04}.favorite-button.detail-page-favorite:hover{color:#fff;background:#a73a04}.favorite-button.detail-page-favorite.favorited{color:#fff;background:#a73a04;border-color:#a73a04}.favorite-button.detail-page-favorite.favorited .heart-icon{fill:#fff;stroke:#fff;color:#fff}.favorite-button.favorited:not(.detail-page-favorite):not(.card-overlay){color:#ef4444;background:#fffffff2;border-color:#ef44444d}.favorite-button.favorited:not(.detail-page-favorite):not(.card-overlay) .heart-icon{fill:#ef4444;stroke:#ef4444;color:#ef4444}.favorite-button.favorited:not(.detail-page-favorite):not(.card-overlay):before{display:none}.favorite-button.animating{animation:.6s cubic-bezier(.4,0,.2,1) heartPulse}.favorite-button.animating .heart-icon{animation:.6s cubic-bezier(.4,0,.2,1) heartBeat}@keyframes heartPulse{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(.95)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.favorite-button.loading{pointer-events:none;opacity:.7}.loading-spinner{border-radius:inherit;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{color:#6b7280;width:16px;height:16px}.favorite-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.favorite-button:disabled:hover{background:#fffffff2;border-color:#e5e7eb;box-shadow:0 2px 8px #0000001a;transform:none!important}.favorite-button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.detail-page-favorite{flex:1;gap:.75rem;min-height:56px;border-radius:12px!important;width:auto!important;height:auto!important;padding:.875rem 1.5rem!important}.detail-page-favorite .heart-icon{width:20px!important;height:20px!important}.detail-page-favorite .button-text{white-space:nowrap;font-size:1rem;font-weight:600}.detail-page-favorite:not(.favorited){color:#ef4444;background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-color:#ef4444}.detail-page-favorite:not(.favorited):hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.detail-page-favorite.favorited:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 8px 25px #ef444480}@media (max-width:768px){.favorite-button{min-width:44px;min-height:44px}.favorite-button.small{width:40px;height:40px}.favorite-button:hover{transform:none}.favorite-button:active{transform:scale(.95)}.detail-page-favorite{gap:.5rem;min-height:52px;font-size:.9rem;padding:.75rem 1rem!important}.detail-page-favorite .heart-icon{width:18px!important;height:18px!important}}@media (max-width:480px){.detail-page-favorite{gap:.4rem;min-height:48px;font-size:.85rem;padding:.625rem .75rem!important}.detail-page-favorite .heart-icon{width:16px!important;height:16px!important}}.chocolate-card .favorite-button{z-index:10;opacity:.9;position:absolute;top:12px;right:12px}.chocolate-card:hover .favorite-button{opacity:1}@keyframes favoritePulse{0%{box-shadow:0 4px 14px #ef444466}50%{box-shadow:0 4px 14px #ef4444b3}to{box-shadow:0 4px 14px #ef444466}}@media (prefers-reduced-motion:reduce){.favorite-button,.heart-icon{transition:none;animation:none}.favorite-button:hover,.favorite-button.favorited:hover{transform:none}}
.want-to-try-button{cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-family:inherit;transition:all .3s;display:flex;position:relative}.want-to-try-button.icon-only{color:#6b7280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #e5e7eb;border-radius:50%;width:36px;height:36px;padding:0;box-shadow:0 2px 8px #0000001a}.want-to-try-button.icon-only:hover:not(:disabled){color:#3b82f6;background:#fff;border-color:#3b82f6;transform:scale(1.1);box-shadow:0 4px 12px #3b82f633}.want-to-try-button.icon-only.in-want-to-try{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.want-to-try-button.icon-only.in-want-to-try:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f666}.want-to-try-button.with-text{color:#6c6c4e;background:#fff;border:2px solid #6c6c4e;border-radius:12px;flex:1;gap:.75rem;min-height:56px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.want-to-try-button.with-text:hover:not(:disabled){color:#fff;background:#6c6c4e;transform:translateY(-2px);box-shadow:0 8px 25px #6c6c4e66}.want-to-try-button.with-text.in-want-to-try{color:#fff;background:#6c6c4e;box-shadow:0 4px 15px #6c6c4e4d}.want-to-try-button.with-text.in-want-to-try:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 8px 25px #3b82f680}.want-to-try-button .bookmark-icon{flex-shrink:0;width:18px;height:18px;transition:all .3s}.want-to-try-button.icon-only .bookmark-icon{width:16px;height:16px}.want-to-try-button.with-text .bookmark-icon{width:20px;height:20px}.want-to-try-button .button-text{white-space:nowrap;font-weight:600;transition:all .3s}.loading-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.want-to-try-button.loading{opacity:.7;cursor:not-allowed;transform:none!important}.want-to-try-button.loading:hover{transform:none!important}.tooltip{color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;background:#1f2937;border-radius:6px;padding:6px 12px;font-size:12px;animation:.3s forwards tooltipFadeIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-arrow{border-top:4px solid #1f2937;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.want-to-try-container.detail-page{flex:1;position:relative}.want-to-try-container:not(.detail-page){position:relative}.want-to-try-button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (max-width:768px){.want-to-try-button.with-text{gap:.5rem;min-height:52px;padding:.75rem 1rem;font-size:.9rem}.want-to-try-button.with-text .bookmark-icon{width:18px;height:18px}.want-to-try-button.with-text .button-text{font-size:.9rem}.want-to-try-button.icon-only{width:32px;height:32px}.want-to-try-button.icon-only .bookmark-icon{width:14px;height:14px}.want-to-try-button.icon-only:hover{transform:none}.want-to-try-button.icon-only:active{transform:scale(.95)}}@media (max-width:480px){.want-to-try-button.with-text{gap:.4rem;min-height:48px;padding:.625rem .75rem;font-size:.85rem}.want-to-try-button.with-text .bookmark-icon{width:16px;height:16px}.want-to-try-button.with-text .button-text{font-size:.85rem}}@media (prefers-contrast:high){.want-to-try-button.icon-only,.want-to-try-button.with-text{border-width:3px}}@media (prefers-reduced-motion:reduce){.want-to-try-button,.want-to-try-button .bookmark-icon,.want-to-try-button .button-text,.loading-spinner{transition:none;animation:none}.want-to-try-button:hover{transform:none}}