@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2d1810;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f4a261;text-decoration:inherit}a:hover{color:#e76f51}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#fff;color:#2d1810}h1{font-size:3.2em;line-height:1.1;color:#2d1810}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f4a261;color:#2d1810;cursor:pointer;transition:border-color .25s}button:hover{border-color:#e76f51;background-color:#e76f51;color:#fff}button:focus,button:focus-visible{outline:4px auto #F4A261}@media (prefers-color-scheme: dark){:root{color:#f9fafb;background-color:#1f2937}body{background-color:#1f2937;color:#f9fafb}a{color:#f4a261}a:hover{color:#f4d03f}button{background-color:#374151;color:#f9fafb}}:root{--chocly-cream: #F9EBCC;--chocly-mint: #CAEEED;--chocly-terracotta: #B8693D;--chocly-tan: #B08968;--chocly-dark: #231F1F;--primary-bg: #F9EBCC;--secondary-bg: #CAEEED;--accent-primary: #B8693D;--accent-secondary: #B08968;--text-dark: #231F1F;--text-light: #FFFFFF;--hero-overlay: rgba(35, 31, 31, .4);--card-bg: #FFFFFF;--border-light: rgba(176, 137, 104, .2);--shadow-soft: rgba(35, 31, 31, .1);--hover-primary: #9A5632;--hover-secondary: #967660;--focus-ring: #CAEEED}.homepage-new{font-family:Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;width:100%;overflow-x:hidden;background-color:#f9ebcc}.homepage-new>*{margin:0;padding:0}.homepage-new section{margin:0;border:none;outline:none}.homepage-new p,.homepage-new span,.homepage-new div,.homepage-new li,.homepage-new a,.homepage-new button,.homepage-new input,.homepage-new textarea,.homepage-new label,.homepage-new .hero-subtitle-new,.homepage-new .treat-description-new,.homepage-new .step-description-new,.homepage-new .signin-link-new,.homepage-new .btn-primary-new,.homepage-new .btn-secondary-new,.homepage-new .btn-view-all,.homepage-new .search-input-new{font-family:Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.homepage-new h1,.homepage-new h2,.homepage-new h4,.homepage-new h5,.homepage-new h6,.homepage-new .hero-title-new,.homepage-new .join-title-new{font-family:Inter,-apple-system,sans-serif!important}.homepage-new .step-new h3{font-family:Inter,-apple-system,sans-serif!important;font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-light);letter-spacing:-.01em}.hero-section-new{min-height:auto;height:auto;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;padding:8rem 1rem 4rem;padding-bottom:0}.hero-section-new:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#231f1f4d,#231f1f80);z-index:1}.hero-content-new{text-align:center;color:#f9ebcc;max-width:800px;margin:0 auto;position:relative;transform:none;z-index:2;padding-bottom:100px}.hero-title-new{font-size:clamp(4rem,10vw,7rem);font-weight:800;line-height:.9;margin-bottom:1.5rem;letter-spacing:-.02em;color:#f9ebcc;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle-new{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.5;margin-bottom:3rem;opacity:.95;color:#f9ebcc;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:-.01em}.wave-transition{position:absolute;bottom:-1px;left:0;right:0;z-index:1;line-height:0;pointer-events:none}.wave-transition svg{width:100%;height:auto;display:block}.hero-search-new{position:relative;max-width:500px;margin:0 auto}.search-input-new{width:100%;padding:1rem 3rem 1rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1rem;transition:all .3s ease;font-weight:400;letter-spacing:-.01em}.search-input-new::placeholder{color:#ffffffb3;font-weight:400}.search-input-new:focus{outline:none;border-color:#fff9;background:#ffffff26}.search-icon-new{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fffc;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.treats-section-new{background:#f9ebcc;padding:5rem 0;margin-top:-5px;position:relative}.treats-section-new:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#b089680d,#b0896814);pointer-events:none;z-index:0}.treats-section-new .container{position:relative;z-index:1}.treats-section-new .section-title-new{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800!important;color:#b8693d!important;margin-bottom:3rem;margin-top:0;font-family:Inter,-apple-system,sans-serif!important;text-align:left;text-decoration:none;border-bottom:none}.treats-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem;padding:0 2rem}.treat-card-new{text-decoration:none;color:inherit;display:block;text-align:center;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.treat-image-wrapper-new{width:280px!important;height:280px!important;border-radius:50%!important;margin:0 auto 1.5rem!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;background:#f5f5f5!important;box-shadow:0 2px 8px #00000014!important;transition:transform .3s ease,box-shadow .3s ease!important;border:none!important}.treat-image-circle-new{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;box-shadow:none!important}.treat-image-circle-new img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border:none!important;background:transparent!important}.treat-card-new:hover .treat-image-wrapper-new{transform:translateY(-8px)!important;box-shadow:0 12px 24px #0000001f!important}.treat-name-new{font-family:Poppins,sans-serif!important;font-size:1.25rem!important;font-weight:700!important;color:#b8693d!important;margin:1.5rem 0 .75rem!important;line-height:1.4!important;text-align:center!important;padding:0 1rem!important;letter-spacing:-.01em!important;text-decoration:none!important;border:none!important;border-bottom:none!important}.treat-card-new .treat-name-new,a .treat-name-new,.treat-name-new a{text-decoration:none!important;border:none!important;border-bottom:none!important;outline:none!important}.treat-name-new:after,.treat-name-new:before{display:none!important;content:none!important}.treat-description-new{font-size:1rem!important;color:#444!important;line-height:1.6!important;text-align:center!important;padding:0 1.5rem!important;margin:0 auto!important;max-width:320px!important;font-weight:400}.view-all-container{text-align:right!important;padding-right:0!important;margin:3rem 0 2rem!important}.btn-view-all{background:#b8693d!important;color:#fff!important;padding:12px 35px!important;border-radius:50px!important;text-decoration:none!important;font-size:1.1rem!important;font-weight:600!important;display:inline-block!important;border:none!important;box-shadow:0 4px 12px #b8693d33!important;transition:all .3s ease;letter-spacing:-.01em}.btn-view-all:hover{background:#9a5632!important;transform:translateY(-2px)!important}.how-it-works-new{background:#b08968!important;padding:5rem 0;color:#f9ebcc}.how-it-works-new .container{max-width:1200px;margin:0 auto;padding:0 2rem}.how-it-works-new .section-title-new{color:#f9ebcc!important;text-align:center;font-size:clamp(3rem,6vw,5rem);font-weight:800;font-family:Inter,-apple-system,sans-serif;letter-spacing:-.02em;margin-bottom:1.5rem;text-transform:lowercase}.steps-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.step-new{text-align:center;padding:0 1rem}.step-icon-new{width:80px;height:80px;margin:0 auto 1.5rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);padding:10px}.step-icon-new img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.step-new p{font-size:1.15rem;line-height:1.6;opacity:.95;color:#f9ebcc;max-width:350px;margin:0 auto}.join-section-new{background:#b8693d;padding:5rem 0}.join-section-new .container{max-width:1200px;margin:0 auto;padding:0 2rem}.join-content-new{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.join-image-new{width:100%;height:400px;border-radius:20px;overflow:hidden}.join-image-new img{width:100%;height:100%;object-fit:cover;display:block}.join-text-new{color:#f9ebcc}.join-title-new{font-family:Poppins,sans-serif!important;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1;margin:0 0 2rem;color:#f9ebcc}.btn-join-new{display:inline-block;background:#caeeed;color:#231f1f;padding:1rem 3rem;border-radius:50px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;letter-spacing:-.01em}.btn-join-new:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.signin-link-new{margin-top:1.5rem;font-size:1rem;color:#f9ebcc}.signin-link-new a{color:#f9ebcc;text-decoration:underline}@media (max-width: 968px){.treats-grid-new{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important;padding:0 1rem!important}.treat-card-new{max-width:320px!important}.treat-image-wrapper-new{width:240px!important;height:240px!important}}@media (max-width: 768px){.hero-section-new{padding:6rem 1rem 4rem;padding-bottom:0;min-height:auto;height:auto}.treats-section-new .section-title-new{text-align:center!important;font-size:clamp(2rem,6vw,2.5rem)!important;padding:0 1rem!important}.treats-grid-new{grid-template-columns:1fr!important;gap:2rem!important;padding:0 1rem!important;justify-items:center!important}.treat-card-new{max-width:350px!important;min-height:400px!important;margin:0 auto!important}.treat-image-wrapper-new{width:260px!important;height:260px!important}.treat-name-new{font-size:1.1rem!important}.treat-description-new{font-size:.95rem!important}.steps-grid-new{grid-template-columns:1fr;gap:2.5rem}.step-new{max-width:400px;margin:0 auto}.join-content-new{grid-template-columns:1fr;text-align:center}.join-text-new{text-align:center}.join-image-new{height:300px}.hero-title-new{font-size:clamp(3rem,12vw,5rem)}.join-title-new{font-size:clamp(2.5rem,10vw,4rem)}}@media (max-width: 375px){.hero-section-new{padding:5rem 1rem 3rem;padding-bottom:0}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.how-it-works h2{font-size:1.75rem}}@media (max-height: 500px) and (orientation: landscape){.hero-section-new{padding:4rem 1rem 3rem;padding-bottom:0;min-height:auto}.hero-content h1{font-size:2rem;margin-bottom:.5rem}.hero-content p{font-size:1rem;margin-bottom:1rem}.search-container{margin-top:1rem}}@media (min-width: 769px){.steps-container{flex-direction:row;justify-content:center;gap:2rem}.step-card{flex:1;max-width:350px}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.homepage-new *{text-decoration:none!important}.homepage-new *:after,.homepage-new *:before{border:none!important;background:none!important;text-decoration:none!important}.section-title-new,.section-title-new *,.step-new h3,.step-new h3 *,h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{text-decoration:none!important;border:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important}a.section-title-new,a .section-title-new,.section-title-new a,a h1,a h2,a h3,h1 a,h2 a,h3 a{text-decoration:none!important;border:none!important;border-bottom:none!important}.treats-section-new h2:after,.how-it-works-new h2:after,.step-new h3:after{display:none!important;content:none!important;border:none!important;height:0!important;width:0!important}.homepage-new .treats-section-new .treats-grid-new .treat-card-new{background-color:#fff9eb!important;border:3px solid #FFF9EB!important;box-shadow:0 8px 24px #00000026!important;padding:2.5rem!important;border-radius:24px!important;display:block!important;position:relative!important;z-index:10!important}html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{width:100%;overflow-x:hidden;margin:0;padding:0}#root{width:100%;overflow-x:hidden;min-height:100vh}@media (max-width: 768px){*{max-width:100vw!important}}.navbar,.header{width:100%;position:relative;z-index:1000}.hero-section-new,.hero-section{height:auto!important;min-height:auto!important;max-height:none!important}@supports (-webkit-touch-callout: none){.hero-section-new{height:auto!important}}.hero-section-new,.hero-section,.homepage-new .hero-section-new,.homepage-new .hero-section{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;height:auto!important;min-height:auto!important;max-height:none!important;position:relative!important}.hero-content-new,.hero-content,.homepage-new .hero-content-new,.homepage-new .hero-content{overflow:visible!important;height:auto!important;min-height:auto!important;max-height:none!important;position:relative!important;transform:none!important}.hero-section-new,.hero-section,.hero-content-new,.hero-content{scroll-snap-type:none!important;scroll-snap-align:none!important;scroll-behavior:auto!important}.homepage-new{overflow-x:hidden!important;overflow-y:visible!important;height:auto!important;min-height:100vh!important}@media (max-width: 768px){.hero-section-new,.hero-section{padding:5rem 1rem 3rem!important;padding-bottom:0!important;height:auto!important;min-height:auto!important;overflow:visible!important}.hero-content-new,.hero-content{padding-bottom:60px!important}}@media (max-width: 375px){.hero-section-new,.hero-section{padding:4rem 1rem 2rem!important;padding-bottom:0!important}}.hero-section-new,.hero-content-new{touch-action:auto!important;-webkit-overflow-scrolling:auto!important}html,body{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto!important}.hero-section-new *,.hero-content-new *{max-height:none!important;overflow:visible!important}.rating-stars{display:inline-flex;align-items:center;gap:2px}.star{display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0;transition:transform .2s ease}.star svg{width:16px;height:16px;display:block}.star.filled svg{color:gold}.star.empty svg{color:#d4d4d4;fill:none;stroke:#d4d4d4;stroke-width:2}.star-container{position:relative;display:inline-flex;align-items:center;width:16px;height:16px;margin:0;padding:0}.star-container svg{position:absolute;top:0;left:0;width:16px;height:16px}.star-container svg.empty{color:#d4d4d4;fill:none;stroke:#d4d4d4;stroke-width:2;z-index:1}.star-container svg.partial{color:gold;z-index:2}.star-large svg,.star-container.star-large svg{width:24px;height:24px}.star-container.star-large{width:24px;height:24px}.star.interactive,.star-container.interactive{cursor:pointer}.star.interactive:hover svg,.star-container.interactive:hover svg{transform:scale(1.1)}.rating-stars,.rating-stars *,.star,.star-container{text-decoration:none!important;border:none!important;outline:none!important;vertical-align:middle}@media (max-width: 768px){.star svg{width:18px;height:18px}.star-container,.star-container svg{width:18px;height:18px}}.review-item{padding:1.5rem;border-bottom:1px solid #eee;margin-bottom:1rem}.review-item:last-child{border-bottom:none;margin-bottom:0}.review-header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.username{font-weight:600;color:var(--primary-dark)}.review-rating-stars{display:flex}.review-date{font-size:.9rem;color:#777}.review-text{line-height:1.8;color:var(--text-dark)}@media (max-width: 600px){.review-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.favorite-button{position:relative;background:#fffffff2;border:2px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;overflow:hidden}.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{width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);stroke-width:1.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.favorite-button:not(.favorited):hover{transform:scale(1.1);box-shadow:0 4px 16px #00000026;border-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.favorite-button:not(.favorited):hover .heart-icon{color:#ef4444;stroke-width:2;transform:scale(1.1)}.favorite-button.card-overlay{position:absolute;background:#fffffff2;border:1px solid rgba(0,0,0,.08)}.favorite-button.card-overlay:not(.favorited){background:#fffffff2;color:#9ca3af}.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{background:#fffffff2;border-color:#ef44444d;color:#ef4444;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{background:#fff;border:2px solid #A73A04;color:#a73a04}.favorite-button.detail-page-favorite:hover{background:#a73a04;color:#fff}.favorite-button.detail-page-favorite.favorited{background:#a73a04;color:#fff;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){background:#fffffff2;border-color:#ef44444d;color:#ef4444}.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:heartPulse .6s cubic-bezier(.4,0,.2,1)}.favorite-button.animating .heart-icon{animation:heartBeat .6s cubic-bezier(.4,0,.2,1)}@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{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:inherit}.spinner{width:16px;height:16px;color:#6b7280}.favorite-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.favorite-button:disabled:hover{transform:none!important;box-shadow:0 2px 8px #0000001a;border-color:#e5e7eb;background:#fffffff2}.favorite-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.detail-page-favorite{border-radius:12px!important;width:auto!important;height:auto!important;min-height:56px;padding:.875rem 1.5rem!important;gap:.75rem;flex:1}.detail-page-favorite .heart-icon{width:20px!important;height:20px!important}.detail-page-favorite .button-text{font-weight:600;font-size:1rem;white-space:nowrap}.detail-page-favorite:not(.favorited){background:linear-gradient(135deg,#fff,#fef2f2);color:#ef4444;border-color:#ef4444}.detail-page-favorite:not(.favorited):hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.detail-page-favorite.favorited:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);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{min-height:52px;padding:.75rem 1rem!important;font-size:.9rem;gap:.5rem}.detail-page-favorite .heart-icon{width:18px!important;height:18px!important}}@media (max-width: 480px){.detail-page-favorite{min-height:48px;padding:.625rem .75rem!important;font-size:.85rem;gap:.4rem}.detail-page-favorite .heart-icon{width:16px!important;height:16px!important}}.chocolate-card .favorite-button{position:absolute;top:12px;right:12px;z-index:10;opacity:.9}.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{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative;outline:none}.want-to-try-button.icon-only{width:36px;height:36px;border-radius:50%;padding:0;background:#fffffff2;color:#6b7280;border:2px solid #e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.want-to-try-button.icon-only:hover:not(:disabled){transform:scale(1.1);color:#3b82f6;border-color:#3b82f6;background:#fff;box-shadow:0 4px 12px #3b82f633}.want-to-try-button.icon-only.in-want-to-try{background:#3b82f6;color:#fff;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{min-height:56px;border-radius:12px;padding:.875rem 1.5rem;font-weight:600;gap:.75rem;font-size:1rem;border:2px solid #6C6C4E;background:#fff;color:#6c6c4e;flex:1}.want-to-try-button.with-text:hover:not(:disabled){background:#6c6c4e;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #6c6c4e66}.want-to-try-button.with-text.in-want-to-try{background:#6c6c4e;color:#fff;box-shadow:0 4px 15px #6c6c4e4d}.want-to-try-button.with-text.in-want-to-try:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f680}.want-to-try-button .bookmark-icon{width:18px;height:18px;flex-shrink:0;transition:all .3s ease}.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{font-weight:600;white-space:nowrap;transition:all .3s ease}.loading-spinner{width:16px;height:16px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.want-to-try-button.loading{opacity:.7;cursor:not-allowed;transform:none!important}.want-to-try-button.loading:hover{transform:none!important}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;animation:tooltipFadeIn .3s ease forwards}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1f2937}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.want-to-try-container.detail-page{position:relative;flex:1}.want-to-try-container:not(.detail-page){position:relative}.want-to-try-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 768px){.want-to-try-button.with-text{min-height:52px;padding:.75rem 1rem;font-size:.9rem;gap:.5rem}.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{min-height:48px;padding:.625rem .75rem;font-size:.85rem;gap:.4rem}.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}}.cta-text h3{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;margin:0 0 .375rem;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.025em}.cta-text p{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;margin:0;font-size:.875rem;color:#6b7280;line-height:1.4}.star-button:hover{transform:scale(1.15);color:#b0916c!important}.star-button.filled{color:#b0916c!important;text-shadow:0 1px 3px rgba(176,145,108,.3);animation:starPop .3s ease-out}.star-button.empty:hover{color:#d4b896!important}.rating-preview,.rating-feedback{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.detail-page-favorite{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;background:#fff!important;border:2px solid #A73A04!important;color:#a73a04!important;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:.95rem;min-width:140px;justify-content:center}.detail-page-favorite:hover{background:#a73a04!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #a73a044d}.detail-page-favorite.favorited{background:#a73a04!important;color:#fff!important}.detail-page-want-to-try{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;background:#fff!important;border:2px solid #6C6C4E!important;color:#6c6c4e!important;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:.95rem;min-width:140px;justify-content:center}.detail-page-want-to-try:hover{background:#6c6c4e!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #6c6c4e4d}.detail-page-want-to-try.in-want-to-try{background:#6c6c4e!important;color:#fff!important}.btn-submit{background:#a73a04!important;color:#fff!important;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.btn-submit:hover:not(:disabled){background:#8b3104!important;transform:translateY(-1px);box-shadow:0 4px 12px #a73a0440}.btn-cancel{background:#fff!important;color:#6b7280!important;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;border:1px solid #E5E7EB;cursor:pointer;transition:all .2s ease;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.btn-cancel:hover:not(:disabled){background:#f9fafb!important;border-color:#d1d5db}.chocolate-name-minimal{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:.25rem 0 1rem;line-height:1.2;letter-spacing:-.02em}.chocolate-detail-page .container{max-width:1200px!important;margin:0 auto;padding:0 2rem}.detail-header-content{display:grid;grid-template-columns:400px 1fr!important;gap:3rem!important}.chocolate-detail-page section{background-color:#fff;padding:2.5rem!important;margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;max-width:1400px!important;margin-left:auto;margin-right:auto}.chocolate-description-minimal{font-size:.95rem;line-height:1.6;color:#4a4a4a;margin:1rem 0 1.5rem;max-width:100%}.maker-name-minimal,.spec-label,.spec-value,.flavor-note,.rating-value,.review-count-minimal,.chocolate-description-minimal,.nutrition-label,.nutrition-value,.seo-summary,section p,section span,section label,.review-text,.review-item,.form-text textarea,.form-rating label,.form-text label{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}section h2,section h3{font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:1.5rem;color:#8b3104;margin-bottom:1.5rem;position:relative;padding-bottom:.75rem}section h2:after,section h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:#b0916c!important}@media (max-width: 768px){.chocolate-detail-page{padding:0;overflow-x:hidden}.container{max-width:100%;padding:0 1rem;margin:0}.detail-header{padding:1rem 0;margin-bottom:1rem}.detail-header-content{display:flex;flex-direction:column;gap:1rem;padding:0}.detail-image{width:100%;max-width:300px;margin:0 auto;padding:0 1rem}.detail-image img{width:100%;height:auto;border-radius:8px}.chocolate-info{padding:0 1rem;width:100%}.chocolate-name-minimal{font-size:1.5rem!important;font-weight:700;text-align:center;margin:.5rem 0;padding:0 .5rem;line-height:1.3}.maker-name-minimal{text-align:center;font-size:.75rem;display:block;margin-bottom:.5rem}.chocolate-characteristics{padding:.75rem;margin:.5rem 0;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.9rem}.spec-group{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}.spec-item{text-align:center;min-width:auto}.spec-label{display:none}.flavor-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;width:100%}.flavor-note{font-size:.75rem;padding:.25rem .5rem}.rating-minimal{justify-content:center;padding:.5rem 0;width:100%}.chocolate-description-minimal{padding:0 1rem;text-align:center;font-size:.9rem;margin:.75rem 0}.action-buttons-minimal{display:flex;flex-direction:column;gap:.75rem;padding:0 1rem;width:100%;margin:1rem 0}.detail-page-favorite,.detail-page-want-to-try{width:100%;padding:.875rem;font-size:1rem;justify-content:center}.review-cta-banner{margin:1rem;padding:1rem;border-radius:12px}.cta-text h3{font-size:1.1rem}.cta-text p{font-size:.85rem}.rating-stars{gap:.25rem;padding:.375rem}.star-button{font-size:1.75rem;padding:.1rem}section{margin:1rem;padding:1.5rem;border-radius:8px;max-width:calc(100% - 2rem)}section h2,section h3{font-size:1.25rem;margin-bottom:1rem}.nutrition-info{grid-template-columns:1fr 1fr;gap:.75rem}.nutrition-item{padding:.75rem;font-size:.9rem}.review-item{padding:1rem;margin-bottom:.75rem}.seo-section-collapsed{margin:1rem;padding:1rem}.review-form{padding:1rem}.form-actions{flex-direction:column;gap:.5rem}.btn-submit,.btn-cancel{width:100%;padding:.75rem}*{max-width:100vw;overflow-x:hidden}.chocolate-detail-page *{float:none!important}}@media (max-width: 375px){.chocolate-name-minimal{font-size:1.25rem!important}.detail-page-favorite,.detail-page-want-to-try{padding:.75rem;font-size:.9rem}.star-button{font-size:1.5rem}section{padding:1rem}.flavor-note{font-size:.7rem;padding:.2rem .4rem}}.cta-button.primary{display:inline-block;padding:.75rem 2rem;background:#a73a04;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;width:auto;max-width:250px;margin:0 auto}.cta-actions{display:flex;justify-content:center;width:100%;padding:1rem 0}@media (max-width: 768px){p,span,div{word-wrap:break-word;overflow-wrap:break-word}.chocolate-name-minimal{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}}.detail-header{background-color:#fff;padding:2rem 0;margin-bottom:1.5rem;box-shadow:none;border-bottom:1px solid #f0f0f0}.chocolate-header-minimal{padding:0;max-width:100%;background:transparent;border:none;box-shadow:none}.maker-link-minimal{text-decoration:none;display:block;margin-bottom:.5rem}.maker-name-minimal{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#8b8b8b;transition:color .3s ease}.maker-link-minimal:hover .maker-name-minimal{color:var(--copper, #A73A04)}.chocolate-name-minimal{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em}.chocolate-characteristics{display:flex;align-items:center;gap:3rem;margin:0 0 1.5rem;padding:0;border:none;flex-wrap:nowrap}.spec-group{display:flex;gap:3rem;align-items:flex-start}.spec-item{display:flex;flex-direction:column;gap:.25rem}.spec-label{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#b8b8b8;margin:0}.spec-value{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:1.125rem;font-weight:400;color:#1a1a1a;margin:0}.characteristics-divider{display:none}.flavor-group{display:flex;gap:.75rem;margin-left:auto}.flavor-note{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;padding:.5rem 1rem;background:transparent;border:1.5px solid #E0E0E0;border-radius:20px;font-size:.9rem;color:#5a5a5a;cursor:pointer;transition:all .2s ease;font-weight:400;white-space:nowrap}.flavor-note:hover{background:#f5f5f5;border-color:silver;color:#1a1a1a}.rating-minimal{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;padding:0;background:transparent;border:none}.rating-value{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.rating-stars{display:flex;gap:.125rem}.rating-stars .star{color:gold;font-size:1.25rem}.rating-stars .star.empty{color:#e0e0e0}.review-count-minimal{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:.95rem;color:#8b8b8b;margin-left:.5rem}.chocolate-description-minimal{display:none}.action-buttons-minimal{display:flex;gap:1rem;margin-top:2rem}@media (max-width: 768px){.chocolate-name-minimal{font-size:1.75rem;margin:0 0 1rem}.chocolate-characteristics{flex-direction:column;align-items:flex-start;gap:1.5rem}.spec-group{width:100%;justify-content:space-between}.flavor-group{margin-left:0;width:100%}.rating-minimal{margin:1rem 0}.rating-value{font-size:1.25rem}.action-buttons-minimal{flex-direction:column;gap:.75rem;margin-top:1.5rem}.action-buttons-minimal button{width:100%}}@media (max-width: 480px){.chocolate-name-minimal{font-size:1.5rem}.spec-group{gap:2rem}.spec-label{font-size:.65rem}.spec-value{font-size:1rem}.flavor-note{font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 768px){.detail-header{padding:1.5rem 0;margin-bottom:1rem;background:#fff}.container{padding:0 1.25rem}.chocolate-header-minimal{padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}.maker-link-minimal{display:inline-block;margin-bottom:.75rem}.maker-name-minimal{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#999}.chocolate-name-minimal{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 1.25rem;line-height:1.2;letter-spacing:-.01em;text-align:center;padding:0 .5rem}.chocolate-characteristics{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin:0 0 1.5rem;width:100%;padding:1rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.spec-group{display:flex;justify-content:center;gap:2.5rem;width:100%}.spec-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:0 0 auto}.spec-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0}.spec-value{font-size:1.125rem;font-weight:500;color:#1a1a1a;margin:0}.flavor-group{display:flex;justify-content:center;gap:.5rem;margin:0;width:100%}.flavor-note{padding:.4rem 1rem;background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;font-size:.875rem;color:#666;font-weight:500;white-space:nowrap;transition:all .2s ease}.flavor-note:active{background:#f5f5f5;transform:scale(.98)}.rating-minimal{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:0}.rating-value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.rating-stars{display:flex;gap:.05rem}.rating-stars .star,.rating-stars svg{font-size:1.125rem;color:gold}.review-count-minimal{font-size:.875rem;color:#999;font-weight:500}.review-cta-banner{margin:0 0 1rem;width:100%;border-radius:12px;padding:1rem}.action-buttons-minimal{display:flex;flex-direction:column;gap:.75rem;width:100%;margin:1rem 0}.detail-page-favorite,.detail-page-want-to-try,.favorite-button.detail-page-favorite,.want-to-try-button.detail-page-want-to-try{width:100%;padding:.875rem;font-size:.95rem;border-radius:10px;font-weight:600;justify-content:center}.characteristics-divider{display:none}.chocolate-description-minimal{text-align:center;font-size:.9rem;line-height:1.5;color:#666;padding:0 .5rem;margin:1rem 0}}@media (max-width: 375px){.chocolate-name-minimal{font-size:1.5rem}.spec-group{gap:1.75rem}.spec-label{font-size:.6rem}.spec-value{font-size:1rem}.flavor-note{font-size:.8rem;padding:.35rem .75rem}.rating-value{font-size:1.25rem}.rating-stars .star,.rating-stars svg{font-size:1rem}}@media (max-width: 768px) and (orientation: landscape){.chocolate-header-minimal{padding:.5rem 0}.chocolate-name-minimal{font-size:1.5rem;margin-bottom:.75rem}.chocolate-characteristics{flex-direction:row;justify-content:space-between;padding:.75rem 0;gap:1rem}.spec-group{gap:1.5rem}.flavor-group{flex:0 0 auto}.rating-minimal{margin:.75rem 0}}@media (max-width: 768px){.detail-header-content{display:flex;flex-direction:column;gap:0}.detail-image{width:100%;max-width:350px;margin:0 auto 1.5rem;padding:0 1rem}.detail-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}}.characteristics-divider{display:none!important}.chocolate-header-minimal .divider,.chocolate-header-minimal .separator,.chocolate-header-minimal .vertical-divider,.chocolate-header-minimal .pipe,.chocolate-header-minimal>span:empty{display:none!important}.chocolate-name-minimal:after,.chocolate-name-minimal:before{display:none!important}.chocolate-characteristics>*:not(.spec-group):not(.flavor-group):not(.spec-item):not(.flavor-note){display:none!important}@media (max-width: 768px){.detail-image{width:100%;max-width:250px;margin:0 auto 1.5rem;padding:0}.detail-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chocolate-header-minimal{padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}.chocolate-name-minimal{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 1.25rem;line-height:1.2;letter-spacing:-.01em;text-align:center;padding:0 .5rem;position:relative;border:none!important;background:none!important}.chocolate-characteristics{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin:0 0 1.5rem;width:100%;padding:1rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;position:relative}.spec-group{display:flex;justify-content:center;gap:2.5rem;width:100%}.spec-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.chocolate-characteristics:before,.chocolate-characteristics:after{display:none!important}}@media (max-width: 375px){.detail-image{max-width:180px}}@media (max-width: 768px) and (orientation: landscape){.detail-image{max-width:150px;margin-bottom:1rem}}@media (min-width: 769px){.detail-image{max-width:400px}.detail-image img{width:100%;height:auto;max-height:400px;object-fit:contain}.characteristics-divider,.chocolate-characteristics .divider{display:none!important}}@media (max-width: 768px){.reviews-section,section.reviews{padding:1rem!important;margin:.5rem!important;overflow:visible!important;height:auto!important;max-height:none!important}.review-item,.review-card{padding:1rem!important;margin-bottom:1rem!important;border:1px solid #E5E7EB;border-radius:12px;background:#fff;box-shadow:0 2px 4px #0000000d;overflow:visible!important;height:auto!important;max-height:none!important;display:block!important;width:100%!important}.review-header,.review-user-info{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.75rem!important;padding-bottom:.75rem!important;border-bottom:1px solid #F3F4F6!important;overflow:visible!important;height:auto!important}.reviewer-name,.review-author,.user-name{font-family:Helvetica Neue,-apple-system,sans-serif!important;font-size:.9375rem!important;font-weight:600!important;color:#231f1f!important;margin:0!important;display:block!important}.review-rating,.review-stars{display:flex!important;gap:2px!important;align-items:center!important;height:auto!important;overflow:visible!important}.review-rating .star,.review-stars .star{font-size:.875rem!important;color:gold!important}.review-title{font-family:Helvetica Neue,-apple-system,sans-serif!important;font-size:1rem!important;font-weight:600!important;color:#231f1f!important;margin:.5rem 0!important;display:block!important;overflow:visible!important;height:auto!important}.review-text,.review-content,.review-body{font-family:Helvetica Neue,-apple-system,sans-serif!important;font-size:.875rem!important;line-height:1.5!important;color:#4b5563!important;margin:.75rem 0!important;overflow:visible!important;height:auto!important;max-height:none!important;display:block!important;word-wrap:break-word!important;white-space:normal!important}.review-date,.review-timestamp{font-family:Helvetica Neue,-apple-system,sans-serif!important;font-size:.75rem!important;color:#9ca3af!important;margin-top:.5rem!important;display:block!important}.review-helpful,.review-votes{display:flex!important;align-items:center!important;gap:.5rem!important;margin-top:.75rem!important;padding-top:.75rem!important;border-top:1px solid #F3F4F6!important;font-size:.8125rem!important;color:#6b7280!important;overflow:visible!important;height:auto!important}.review-item *,.review-card *{overflow:visible!important;max-height:none!important;height:auto!important}.reviews-list,.review-container{overflow:visible!important;height:auto!important;max-height:none!important;display:block!important}.review-inner,.review-wrapper{overflow:visible!important;height:auto!important;max-height:none!important;width:100%!important}.review-item p,.review-card p{margin:.5rem 0!important;line-height:1.5!important;overflow:visible!important;height:auto!important}.reviews-section h2,.reviews-section h3,section.reviews h2{font-family:Poppins,sans-serif!important;font-size:1.25rem!important;font-weight:600!important;color:#231f1f!important;margin-bottom:1rem!important;padding-bottom:.5rem!important;border-bottom:2px solid #F9EBCC!important}.add-review-button,.write-review-btn{width:100%!important;padding:.875rem!important;margin-bottom:1rem!important;background:#b8693d!important;color:#fff!important;border:none!important;border-radius:10px!important;font-family:Helvetica Neue,-apple-system,sans-serif!important;font-size:.9375rem!important;font-weight:500!important}.no-reviews,.empty-reviews{text-align:center!important;padding:2rem 1rem!important;color:#6b7280!important;font-size:.9375rem!important;background:#f9fafb!important;border-radius:12px!important;margin:1rem 0!important}}@media (max-width: 380px){.review-item,.review-card{padding:.75rem!important;margin-bottom:.75rem!important}.reviewer-name{font-size:.875rem!important}.review-text{font-size:.8125rem!important}.review-date{font-size:.6875rem!important}}@media (max-width: 768px){.chocolate-detail-page,.chocolate-detail-page *{max-width:100vw!important;overflow-x:hidden!important}.review-item,.review-card,.reviews-section{max-width:100%!important;box-sizing:border-box!important}}.review-cta-banner:before{display:none!important}.star-button.filled{color:#b0916c!important}.review-cta-banner{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 1px 3px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.review-cta-banner:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.cta-content{display:flex;flex-direction:column;gap:1.25rem}.cta-icon{display:none!important}.cta-text{text-align:center;margin-bottom:.5rem}.cta-text h3{margin:0 0 .375rem;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.025em}.cta-text p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.4}.quick-rating-only{display:flex;flex-direction:column;align-items:center;gap:1rem}.rating-stars{display:flex;gap:.375rem;padding:.5rem;background:#f9fafb;border-radius:12px;position:relative}.star-button{background:none;border:none;font-size:2rem;color:#e5e7eb;cursor:pointer;padding:.125rem .25rem;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;position:relative}.star-button:hover{transform:scale(1.15)}.star-button.filled{color:#b0916c;text-shadow:0 1px 3px rgba(251,191,36,.3);animation:starPop .3s ease-out}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.star-button.empty:hover{color:#d4b896}.star-button:focus{outline:none}.star-button:focus-visible{outline:2px solid #FCD34D;outline-offset:2px;border-radius:4px}.rating-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fef3c7;border-radius:8px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rating-text{font-weight:600;color:#92400e;font-size:.875rem}.rating-value{font-size:.75rem;color:#b45309}.review-form{background:#f9fafb;border-radius:12px;padding:1.25rem;margin-top:1rem;border:1px solid #E5E7EB;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-rating,.form-text{margin-bottom:1.25rem}.form-rating label,.form-text label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.rating-feedback{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-text textarea{width:100%;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;transition:all .2s ease;background:#fff}.form-text textarea:focus{outline:none;border-color:#fcd34d;box-shadow:0 0 0 3px #fcd34d1a}.char-count{text-align:right;font-size:.75rem;color:#9ca3af;margin-top:.25rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel,.btn-submit{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#fff;color:#6b7280;border:1px solid #E5E7EB}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-submit{background:#8b4513;color:#fff;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-submit:hover:not(:disabled):before{width:300px;height:300px}.btn-submit:hover:not(:disabled){background:#7c3e11;transform:translateY(-1px);box-shadow:0 4px 12px #8b451340}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.cta-actions{display:flex;justify-content:center;margin-top:1rem}.cta-button{padding:.75rem 2rem;border-radius:8px;font-weight:500;text-decoration:none;text-align:center;transition:all .2s ease;font-size:.875rem;display:inline-block}.cta-button.primary{background:#8b4513;color:#fff;box-shadow:0 1px 3px #8b45131a}.cta-button.primary:hover{background:#7c3e11;transform:translateY(-1px);box-shadow:0 4px 12px #8b451340}.review-cta-completed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.review-cta-completed:before{content:"✓";position:absolute;right:-20px;top:-20px;font-size:80px;color:#10b9811a;transform:rotate(15deg)}.review-cta-completed .cta-icon{display:none!important}.review-cta-completed span{color:#065f46;font-weight:500;font-size:.875rem}.edit-review-btn{margin-left:auto;padding:.375rem 1rem;background:#fff;border:1px solid #10B981;border-radius:6px;color:#065f46;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:1}.edit-review-btn:hover{background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #10b98133}@media (max-width: 768px){.review-cta-banner{padding:1.25rem;margin:1rem 0}.cta-text h3{font-size:1.125rem}.star-button{font-size:1.75rem}.rating-stars{gap:.25rem;padding:.375rem}.form-actions{flex-direction:column-reverse;gap:.5rem}.btn-cancel,.btn-submit{width:100%;padding:.75rem}.review-form{padding:1rem}}@media (prefers-reduced-motion: reduce){.star-button,.btn-submit,.edit-review-btn,.review-cta-banner,.review-form{animation:none;transition:none}.star-button:hover,.btn-submit:hover,.edit-review-btn:hover{transform:none}}@media (prefers-contrast: high){.review-cta-banner{border-width:2px}.star-button.filled{color:#000;text-shadow:none}.btn-submit{border:2px solid #000000}}@media (max-width: 768px){.review-cta-banner{padding:1rem;margin:1rem;border-radius:12px;width:calc(100% - 2rem);box-sizing:border-box}.cta-text{padding:0;margin-bottom:.75rem}.cta-text h3{font-size:1.1rem;margin-bottom:.25rem;line-height:1.3}.cta-text p{font-size:.85rem;line-height:1.4;padding:0 .5rem}.quick-rating-only{gap:.75rem}.rating-stars{gap:.2rem;padding:.375rem;background:#f9fafb;border-radius:8px}.star-button{font-size:1.75rem;padding:.05rem .1rem;touch-action:manipulation}.rating-preview{padding:.4rem .8rem;font-size:.85rem}.rating-text{font-size:.85rem}.rating-value{font-size:.75rem}.cta-actions{margin-top:.75rem;padding:0}.cta-button{padding:.75rem 1.5rem;font-size:.9rem;border-radius:8px;width:100%;max-width:250px;margin:0 auto;display:block;text-align:center}.cta-button.primary{background:#a73a04;color:#fff;text-decoration:none;font-weight:600}.review-form{padding:1rem;margin-top:.75rem}.form-rating label,.form-text label{font-size:.85rem;margin-bottom:.375rem}.form-text textarea{font-size:.9rem;padding:.625rem}.char-count{font-size:.7rem}.form-actions{flex-direction:column-reverse;gap:.5rem;margin-top:1rem}.btn-cancel,.btn-submit{width:100%;padding:.75rem;font-size:.9rem;border-radius:6px}.review-cta-completed{padding:1rem;margin:1rem;flex-direction:column;gap:.75rem;text-align:center}.review-cta-completed span{font-size:.9rem}.edit-review-btn{margin:0;width:100%;max-width:200px;padding:.625rem 1rem;font-size:.85rem}}@media (max-width: 375px){.review-cta-banner{padding:.875rem;margin:.75rem;width:calc(100% - 1.5rem)}.cta-text h3{font-size:1rem}.cta-text p{font-size:.8rem}.star-button{font-size:1.5rem;padding:.025rem .05rem}.rating-stars{gap:.15rem;padding:.3rem}.cta-button{padding:.625rem 1.25rem;font-size:.85rem}.btn-cancel,.btn-submit{padding:.625rem;font-size:.85rem}}@media (max-width: 768px){button,a,.star-button{min-height:44px;min-width:44px}.star-button{display:inline-flex;align-items:center;justify-content:center}}@media (max-width: 768px){.review-cta-banner,.review-cta-banner *{max-width:100%;overflow-x:hidden}}:root{--card-radius: 16px;--primary-chocolate: #2D1810;--maker-color: #B8693D;--accent-gold: #F4A261;--accent-warm: #F59E0B;--text-dark: #000000;--text-medium: #6B7280;--text-light: #9CA3AF;--background-white: #FFFFFF;--background-light: #F8FAFC;--border-light: #E5E7EB;--border-subtle: #F1F5F9;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.chocolate-card{display:flex;flex-direction:column;background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--card-radius);overflow:visible!important;box-shadow:var(--shadow-md);transition:var(--transition);height:auto!important;min-height:360px;width:100%;position:relative;cursor:pointer;text-decoration:none;color:inherit}.chocolate-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent-gold)}.chocolate-card.featured{border:2px solid var(--accent-gold);box-shadow:0 6px 20px #f4a26126}.image-container{height:200px;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#FEFEFE 0%,var(--background-light) 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-subtle);padding:20px}.image-container img,.card-image{width:auto;height:70%;max-width:80%;object-fit:contain;transition:transform .5s ease}.chocolate-card:hover .image-container img{transform:scale(1.05)}.card-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:10;align-items:center}.card-actions>*{width:36px!important;height:36px!important;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;padding:0!important}.card-actions>*:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.card-actions svg{width:18px!important;height:18px!important;margin:0!important}.favorite-button svg{stroke:#9ca3af;fill:none;stroke-width:2}.favorite-button:hover svg{stroke:#ef4444;fill:#ef44441a}.favorite-button.favorited svg{fill:#ef4444;stroke:#ef4444}.want-to-try-button svg{stroke:#9ca3af;fill:none;stroke-width:2}.want-to-try-button:hover svg{stroke:#f59e0b;fill:#f59e0b1a}.want-to-try-button.active svg,.want-to-try-button.added svg{fill:#f59e0b;stroke:#f59e0b}.card-content{padding:20px;padding-bottom:24px!important;display:flex;flex-direction:column;flex:1;gap:10px;background:var(--background-white);min-height:fit-content}.chocolate-title-link{text-decoration:none;color:inherit;display:block;margin-bottom:4px}.card-title{font-size:1.1rem;color:var(--text-dark);font-weight:700;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.chocolate-title-link:hover .card-title{color:var(--accent-gold)}.card-maker-link{text-decoration:none;color:inherit;transition:color .2s ease;margin-bottom:8px}.card-maker{font-size:.85rem;color:#b8693d!important;font-weight:600;margin:0;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-maker-link:hover .card-maker{color:var(--accent-gold)!important}.card-rating{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;padding-bottom:4px;border-top:1px solid var(--border-subtle);min-height:36px;overflow:visible!important}.rating-value{font-weight:800;color:var(--text-dark);font-size:1rem;min-width:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stars{display:flex;gap:1px;height:20px;align-items:center;overflow:visible!important}.stars .star{font-size:.9rem;line-height:1;transition:transform .2s ease}.stars .star.filled{color:var(--accent-warm);text-shadow:0 1px 3px rgba(245,158,11,.3)}.stars .star.half{color:var(--accent-warm);opacity:.5}.stars .star.empty{color:#e5e7eb}.chocolate-card:hover .stars .star.filled{transform:scale(1.05)}.rating-count{font-size:.75rem;color:var(--text-medium);font-weight:500;margin-left:4px;white-space:nowrap}.chocolate-card a{text-decoration:none;color:inherit}.chocolate-grid,.chocolate-cards,.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 20px;margin:20px auto 40px;max-width:1400px}.chocolate-card.loading .image-container{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (min-width: 1200px){.chocolate-grid,.chocolate-cards,.featured-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}}@media (max-width: 768px){.chocolate-card{height:auto!important;min-height:340px}.image-container{height:180px;padding:15px}.image-container img,.card-image{height:65%;max-width:75%}.card-content{padding:16px;padding-bottom:20px!important}.card-title{font-size:1rem}.card-actions{top:10px;right:10px}.card-actions>*{width:32px!important;height:32px!important}.card-actions svg{width:16px!important;height:16px!important}}@media (max-width: 480px){.chocolate-card{height:auto!important;min-height:320px}.image-container{height:160px;padding:12px}.image-container img,.card-image{height:70%;max-width:80%}.card-content{padding:14px;padding-bottom:18px!important;gap:8px}.card-title{font-size:.95rem}.card-maker{font-size:.8rem}.chocolate-grid{grid-template-columns:1fr;gap:16px;padding:0 16px}}.chocolate-card:focus-visible,.card-maker-link:focus-visible,.chocolate-title-link:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:var(--card-radius)}.card-actions>*:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@media (prefers-reduced-motion: reduce){.chocolate-card,.image-container img,.stars .star,.card-actions>*{transition:none}.chocolate-card:hover .stars .star.filled{transform:none}}.chocolate-card,.chocolate-card *{font-family:Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.chocolate-card .card-title{color:#000!important;font-family:Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;font-weight:600!important;font-size:1rem!important;text-decoration:none!important;border:none!important;border-bottom:none!important}.chocolate-card .chocolate-title-link{text-decoration:none!important;border:none!important;border-bottom:none!important}.chocolate-card .card-maker{color:#b8693d!important;font-family:Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;font-weight:500!important;font-size:.8rem!important;text-transform:uppercase;letter-spacing:.5px;text-decoration:none!important;border:none!important;border-top:none!important;border-bottom:none!important}.chocolate-card .card-maker-link{text-decoration:none!important;border:none!important}.chocolate-card .card-title:after,.chocolate-card .card-title:before,.chocolate-card .card-maker:after,.chocolate-card .card-maker:before,.chocolate-card .chocolate-title-link:after,.chocolate-card .chocolate-title-link:before,.chocolate-card .card-maker-link:after,.chocolate-card .card-maker-link:before{display:none!important;content:none!important}.chocolate-card .card-maker-link:hover .card-maker{color:#8a5a3a!important;text-decoration:none!important}.chocolate-card .chocolate-title-link:hover .card-title{color:#333!important;text-decoration:none!important}.chocolate-card .card-details .origin,.chocolate-card .card-details .percentage,.chocolate-card .rating-value,.chocolate-card .rating-count{font-family:Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.chocolate-card{overflow:visible!important;padding:0!important;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.chocolate-card .card-image,.chocolate-card img{max-width:100%;height:auto;border-radius:8px}.chocolate-card .rating,.chocolate-card .card-rating,.chocolate-card .rating-section{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;flex-wrap:nowrap;overflow:visible!important}.chocolate-card .rating-value{font-size:1.125rem;font-weight:600;color:#1a1a1a;flex-shrink:0}.chocolate-card .rating-stars,.chocolate-card .stars{display:flex;align-items:center;gap:2px;flex-shrink:0;overflow:visible!important}.chocolate-card .star{font-size:1.125rem;line-height:1;display:inline-block}.chocolate-card .star.filled,.chocolate-card .star:not(.empty){color:gold!important}.chocolate-card .star.empty{color:#e0e0e0!important}.chocolate-card .review-count{font-size:.875rem;color:#666;white-space:nowrap}@media (max-width: 768px){.chocolate-card{width:100%;max-width:100%;margin:.5rem 0;overflow:visible!important;height:auto!important;min-height:340px}.chocolate-card .star,.chocolate-card .rating-value{font-size:1rem}.chocolate-card h3,.chocolate-card .card-title{font-size:1.125rem;overflow:hidden;text-overflow:ellipsis}}.chocolate-card .fa-star,.chocolate-card .fas.fa-star{color:gold!important}.chocolate-card .far.fa-star{color:#e0e0e0!important}.chocolate-card *{max-width:100%}.chocolate-card{overflow:visible!important;height:auto!important;min-height:360px!important;max-height:none!important}.chocolate-card .card-content{padding:16px 16px 24px!important;overflow:visible!important}.chocolate-card a,.chocolate-card a *,.chocolate-card a .stars,.chocolate-card a .star,.chocolate-card .stars,.chocolate-card .star{text-decoration:none!important;text-decoration-line:none!important;text-decoration-style:initial!important;text-decoration-color:initial!important;border:0!important;border-bottom:0!important;outline:none!important}.chocolate-card a:link,.chocolate-card a:visited,.chocolate-card a:hover,.chocolate-card a:active{text-decoration:none!important}.chocolate-card .card-rating{text-decoration:none!important;display:flex!important;align-items:center!important;gap:8px!important;padding:12px 0 8px!important;margin-top:auto!important;overflow:visible!important;height:auto!important;min-height:36px!important}.chocolate-card .stars{display:inline-flex!important;align-items:center!important;gap:1px!important;text-decoration:none!important;border:none!important;height:20px!important;line-height:20px!important;position:relative!important;top:0!important;overflow:visible!important}.chocolate-card .star{display:inline-block!important;width:16px!important;height:20px!important;line-height:20px!important;font-size:16px!important;text-align:center!important;text-decoration:none!important;border:none!important;margin:0!important;padding:0!important;position:relative!important;top:0!important;vertical-align:middle!important;overflow:visible!important}.chocolate-card .star.filled{color:gold!important}.chocolate-card .star.empty{color:#e5e7eb!important}.chocolate-link .stars,.chocolate-link .star,a .stars,a .star{text-decoration:none!important;display:inline-block!important;position:relative!important}@media (max-width: 768px){.chocolate-card{height:auto!important;min-height:340px!important;max-height:none!important}.chocolate-card .card-content{padding-bottom:20px!important}.chocolate-card .card-rating{padding-bottom:6px!important}}.chocolate-card{height:auto!important;min-height:380px!important;overflow:visible!important}.chocolate-card .image-container{height:220px!important;width:100%;background:#fafafa;display:flex;align-items:center;justify-content:center;padding:20px!important}.chocolate-card .image-container img,.chocolate-card .card-image{width:auto!important;height:85%!important;max-width:85%!important;object-fit:contain!important}.chocolate-card .card-content{padding:16px 16px 20px!important;display:flex;flex-direction:column;flex:1;gap:0!important;overflow:visible!important}.chocolate-card .chocolate-title-link{margin-bottom:2px!important}.chocolate-card .card-title{font-size:1.05rem!important;font-weight:700;line-height:1.2!important;margin:0 0 6px!important}.chocolate-card .card-maker-link{margin-bottom:4px!important}.chocolate-card .card-maker{font-size:.8rem!important;text-transform:uppercase;letter-spacing:.5px;margin:0!important;line-height:1.1!important}.chocolate-card .card-rating{margin-top:auto!important;padding-top:8px!important;padding-bottom:6px!important;border-top:1px solid #F1F5F9;display:flex;align-items:center;gap:6px!important;min-height:32px!important;overflow:visible!important}.chocolate-card .stars{display:flex;align-items:center;gap:1px;height:18px!important;line-height:18px!important;overflow:visible!important}.chocolate-card .star{font-size:.95rem!important;line-height:1!important;display:inline-block}@media (max-width: 768px){.chocolate-card{height:auto!important;min-height:360px!important}.chocolate-card .image-container{height:180px!important;padding:15px!important}.chocolate-card .image-container img,.chocolate-card .card-image{height:75%!important;max-width:75%!important}.chocolate-card .card-content{padding:14px 14px 18px!important}.chocolate-card .card-title{font-size:1rem!important;margin-bottom:4px!important}.chocolate-card .card-maker{font-size:.75rem!important}.chocolate-card .card-rating{padding-top:6px!important;padding-bottom:4px!important}}@media (max-width: 480px){.chocolate-card{height:auto!important;min-height:340px!important}.chocolate-card .image-container{height:240px!important;padding:12px!important}.chocolate-card .image-container img,.chocolate-card .card-image{height:90%!important;max-width:90%!important}}.search-results-page{padding:2rem 0}.search-header{margin-bottom:2rem}.search-header h1{margin-bottom:.5rem}.search-query{color:#666;font-style:italic}.results-count{margin-bottom:1rem;color:#666}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.no-results{text-align:center;padding:3rem 0;color:#666}.no-results a{color:#900;text-decoration:none}.no-results a:hover{text-decoration:underline}.loading,.error{text-align:center;padding:3rem 0}.error{color:#900}.search-filters{display:flex;justify-content:space-between;margin-bottom:1.5rem;background-color:#f8f8f8;padding:1rem;border-radius:8px;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;align-items:center;gap:.8rem}.filter-group label{font-weight:500;color:var(--primary-dark)}.filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;min-width:150px;color:var(--text-dark)}.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6a422633}@media (max-width: 768px){.search-filters{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}}.profile-page{padding:2rem 0;background-color:var(--background, #f8f9fa);min-height:calc(100vh - 60px)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary, #F4A261);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000000d}.profile-header-main{display:flex;align-items:center}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:1.5rem;background-color:var(--primary-light, #f4d03f);flex-shrink:0;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:700;background:linear-gradient(135deg,#f4a261,#f4d03f);border-radius:50%}.profile-info h1{margin:0 0 .3rem;color:var(--primary-dark, #2D1810);font-size:2rem;font-weight:700}.member-since{color:var(--primary, #F4A261);margin-bottom:.8rem;font-weight:500}.profile-badges{display:flex;flex-wrap:wrap;gap:.8rem}.badge{display:flex;align-items:center;background-color:#f8f8f8;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.badge-icon{width:18px;height:18px;margin-right:.4rem}.badge-icon.newcomer{fill:#6b7280}.badge-icon.reviewer{fill:#eab308}.badge-icon.enthusiast{fill:#2563eb}.badge-icon.connoisseur{fill:#9333ea}.profile-actions{margin-left:1rem}.edit-profile-button{background-color:var(--primary, #F4A261);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.edit-profile-button:hover{background-color:var(--primary-dark, #e89548)}.profile-nav{display:flex;margin-bottom:1.5rem;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.profile-nav-link{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-weight:600;color:var(--text-dark, #374151);cursor:pointer;transition:all .2s;flex:1;text-align:center}.profile-nav-link:hover{background-color:#f8f8f8;color:var(--primary, #F4A261)}.profile-nav-link.active{border-bottom-color:var(--primary, #F4A261);color:var(--primary, #F4A261);background-color:#f4a2610d}.profile-content{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000000d}.overview-tab{display:flex;flex-direction:column;gap:2.5rem}.stats-section{margin-bottom:2.5rem}.stats-section h2{margin-bottom:1.5rem;color:var(--primary-dark, #2D1810);font-size:1.5rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-card{background-color:#f8f8f8;padding:1.5rem;border-radius:8px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary, #F4A261);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-dark, #374151);font-weight:500}.profile-sections{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2.5rem}.profile-section{background-color:#f8f8f8;border-radius:8px;padding:1.5rem}.section-header{margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid #eee}.section-header h2,.section-header h3{margin:0;color:var(--primary-dark, #2D1810);font-weight:600}.taste-profile{display:flex;flex-direction:column;gap:1rem}.taste-item{display:flex;flex-direction:column}.taste-label{font-size:.9rem;color:#666;margin-bottom:.3rem}.taste-value{font-weight:600;color:var(--text-dark, #374151)}.recent-reviews{display:flex;flex-direction:column;gap:1.2rem}.recent-review-item{display:flex;flex-direction:column;padding-bottom:1.2rem;border-bottom:1px solid #eee}.recent-review-item:last-child{border-bottom:none}.review-header{display:flex;flex-direction:column;gap:.5rem}.review-header h4{margin:0;color:var(--primary-dark, #2D1810);font-size:1.1rem}.star{color:#ddd;margin-right:2px;font-size:1rem}.star.filled{color:gold}.review-date{font-size:.8rem;color:#999}.review-text{margin:.5rem 0 0;line-height:1.5;color:var(--text-dark, #374151)}.see-all-link{color:var(--primary, #F4A261);text-decoration:none;font-weight:600;margin-top:1rem;display:inline-block}.see-all-link:hover{text-decoration:underline}.recommendations-section{background-color:#f8f8f8;border-radius:8px;padding:1.5rem}.recommendation-message{text-align:center;padding:2rem 0;color:#666}.reviews-tab,.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-card{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d}.review-card-header{padding:1.2rem;background-color:#f8f8f8;display:flex;justify-content:space-between;align-items:center}.review-card-header h3{margin:0 0 .3rem;color:var(--primary-dark, #2D1810);font-size:1.2rem}.review-card-header p{margin:0;color:#666;font-size:.9rem}.review-meta{text-align:right}.review-rating-large{margin-bottom:.5rem}.review-rating-large .star{font-size:1.2rem}.review-card-body{padding:1.2rem}.review-card-body p{margin:0;line-height:1.6;color:var(--text-dark, #374151)}.review-card-actions{padding:1.2rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:1rem}.edit-review,.delete-review{background:none;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.edit-review{color:var(--primary, #F4A261)}.edit-review:hover{background-color:#f0f0f0}.delete-review{color:#ef4444}.delete-review:hover{background-color:#fee2e2}.favorites-tab{display:flex;flex-direction:column;gap:1.5rem}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.favorite-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative;transition:transform .2s}.favorite-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.favorite-link{text-decoration:none;color:inherit;display:block}.favorite-image{height:160px;overflow:hidden}.favorite-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.favorite-card:hover .favorite-image img{transform:scale(1.05)}.favorite-info{padding:1rem}.favorite-info h3{margin:0 0 .3rem;font-size:1.1rem;color:var(--primary-dark, #2D1810)}.favorite-info p{margin:0 0 .5rem;color:#666;font-size:.9rem}.favorite-details{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;color:#666}.favorite-rating{display:flex;align-items:center}.favorite-rating .star{font-size:.8rem}.rating-count{font-size:.8rem;color:#999;margin-left:.3rem}.remove-favorite{position:absolute;top:.5rem;right:.5rem;background-color:#fff;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:0 2px 5px #0003}.remove-favorite:before{content:"×";font-size:20px;color:#ef4444;font-weight:700}.favorite-card:hover .remove-favorite{opacity:1}.preferences-tab{display:flex;flex-direction:column;gap:1.5rem}.preferences-form{display:flex;flex-direction:column;gap:2rem}.preference-section{background:#f8f9fa;padding:1.5rem;border-radius:8px}.preference-section h3{margin:0 0 1rem;color:var(--primary-dark, #2D1810);font-size:1.2rem;font-weight:600}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background-color:#f4a2611a}.checkbox-label input{margin-right:.5rem;cursor:pointer}.save-preferences{align-self:flex-start;background-color:var(--primary, #F4A261);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;margin-top:1rem;transition:background-color .2s}.save-preferences:hover{background-color:var(--primary-dark, #e89548)}.empty-state{text-align:center;padding:3rem 0}.empty-state p{margin-bottom:1.5rem;color:#666;font-size:1rem}.action-button{display:inline-block;background-color:var(--primary, #F4A261);color:#fff;padding:.8rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .2s}.action-button:hover{background-color:var(--primary-dark, #e89548)}.profile-not-logged-in{text-align:center;background-color:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 12px #0000000d;margin:2rem auto;max-width:500px}.profile-not-logged-in h2{color:var(--primary-dark, #2D1810);margin-bottom:1rem;font-size:1.5rem}.profile-not-logged-in p{margin-bottom:1.5rem;color:#666}.auth-buttons{display:flex;justify-content:center;gap:1rem}.auth-button{padding:.8rem 2rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all .2s;border:2px solid var(--primary, #F4A261)}.auth-button:first-child{background-color:#fff;color:var(--primary, #F4A261)}.auth-button:first-child:hover{background-color:#f8f8f8}.auth-button.signup{background-color:var(--primary, #F4A261);color:#fff}.auth-button.signup:hover{background-color:var(--primary-dark, #e89548);border-color:var(--primary-dark, #e89548)}@media (max-width: 968px){.profile-sections{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.profile-page{padding:1rem 0}.profile-header{flex-direction:column;text-align:center;padding:1.5rem}.profile-header-main{flex-direction:column;text-align:center;width:100%}.profile-avatar{margin-right:0;margin-bottom:1rem;width:80px;height:80px}.avatar-placeholder{font-size:2.5rem}.profile-actions{margin:1rem 0 0;width:100%}.profile-nav{flex-direction:column}.profile-nav-link{text-align:center;border-bottom:none;border-right:3px solid transparent}.profile-nav-link.active{border-bottom:none;border-right-color:var(--primary, #F4A261)}.profile-content{padding:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.review-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.review-meta{text-align:left;width:100%}.checkbox-group{grid-template-columns:1fr}.auth-buttons{flex-direction:column;align-items:center}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.profile-avatar{width:70px;height:70px}.avatar-placeholder{font-size:2rem}.profile-header,.profile-content,.stat-card{padding:1rem}.stat-value{font-size:2rem}.favorites-grid{grid-template-columns:1fr}.profile-section{padding:1rem}}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.cancel-btn{background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef}.save-btn{background:linear-gradient(135deg,#f4a261,#f4d03f);color:#2d1810}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f4a26166}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.edit-profile-section{padding:1.5rem;margin:1rem 0}.edit-profile-header{flex-direction:column;gap:1rem;align-items:stretch}.edit-actions{justify-content:stretch}.cancel-btn,.save-btn{flex:1}.profile-picture-upload{flex-direction:column;align-items:center;text-align:center}.checkbox-grid{grid-template-columns:1fr}.privacy-options{gap:.75rem}.radio-item{padding:1rem}}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.favorite-chocolate-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:2px solid transparent}.favorite-chocolate-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#f4a261}.favorite-image{width:100%;height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.favorite-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#6b7280;background:linear-gradient(135deg,#f4a261 20%,#f4d03f 80%)}.favorite-info{padding:1.25rem}.favorite-name{font-size:1.1rem;font-weight:700;color:#2d1810;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-maker{font-size:.9rem;color:#6b7280;margin:0 0 .75rem;font-weight:500}.favorite-type{display:inline-block;background:#f4a261;color:#2d1810;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:.75rem}.favorite-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.favorite-rating .rating-value{font-weight:700;color:#2d1810;font-size:1.1rem}.favorite-rating .stars{display:flex;gap:2px}.favorite-rating .star{color:#e5e7eb;font-size:.9rem}.favorite-rating .star.filled{color:#f4a261}.favorite-actions{display:flex;gap:.75rem;padding:0 1.25rem 1.25rem}.view-chocolate-btn,.remove-favorite-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;border:none}.view-chocolate-btn{background:#f4a261;color:#2d1810}.view-chocolate-btn:hover{background:#e69347;transform:translateY(-1px)}.remove-favorite-btn{background:#f8f9fa;color:#6b7280;border:2px solid #e5e7eb}.remove-favorite-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.review-item{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease}.review-item:hover{border-color:#f4a261;box-shadow:0 4px 16px #f4a26133}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.reviewed-chocolate{font-size:1.2rem;font-weight:700;color:#2d1810;margin:0;line-height:1.3;flex:1}.review-rating{display:flex;gap:2px;flex-shrink:0}.review-rating .star{color:#e5e7eb;font-size:1rem}.review-rating .star.filled{color:#f4a261}.review-maker{font-size:.9rem;color:#6b7280;margin:0 0 .75rem;font-weight:500}.review-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem;font-style:italic}.review-text{line-height:1.6;color:#4b5563;margin-bottom:1rem}.review-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6;gap:1rem}.review-date{font-size:.9rem;color:#6b7280;margin:0;font-weight:500}.view-chocolate-link{color:#f4a261;text-decoration:none;font-weight:600;font-size:.9rem;padding:.5rem 1rem;border-radius:6px;background:#f4a2611a;transition:all .3s ease}.view-chocolate-link:hover{background:#f4a26133;transform:translateY(-1px)}.empty-state{text-align:center;padding:3rem 2rem;background:#f8f9fa;border-radius:12px;margin-top:2rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h4{color:#374151;margin:0 0 .5rem;font-size:1.25rem}.empty-state p{color:#6b7280;margin:0 0 1.5rem;font-size:1rem}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;margin-bottom:.75rem;box-shadow:0 1px 4px #0000000d;border:1px solid #f3f4f6}.activity-content p:first-child{margin:0 0 .25rem;color:#374151;font-weight:500}.activity-date{font-size:.85rem;color:#6b7280;margin:0}.activity-rating{display:flex;gap:2px}.activity-rating .star{color:#e5e7eb;font-size:.9rem}.activity-rating .star.filled{color:#f4a261}.no-activity{text-align:center;padding:2rem;background:#f8f9fa;border-radius:8px;color:#6b7280}.no-activity p{margin:0}.no-activity a{color:#f4a261;text-decoration:none;font-weight:600}.no-activity a:hover{text-decoration:underline}@media (max-width: 768px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.favorite-chocolate-card{margin-bottom:0}.review-header,.review-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.favorite-actions{flex-direction:column;gap:.5rem}.view-chocolate-btn,.remove-favorite-btn{flex:none}}.user-location{color:#666;font-size:.9rem;margin:.5rem 0}.user-bio{color:#555;font-style:italic;margin:.75rem 0;line-height:1.5;max-width:400px}.edit-profile-section{background:#fff;border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 4px 20px #0000001a;border:2px solid #F4A261}.edit-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.edit-profile-header h3{color:#2d1810;font-size:1.5rem;margin:0}.edit-actions{display:flex;gap:1rem}.cancel-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem;background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef}.cancel-btn:hover:not(:disabled){background:#e9ecef}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.form-actions-bottom{margin-top:3rem;padding-top:2rem;border-top:2px solid #f0f0f0;display:flex;justify-content:center}.save-btn-bottom{padding:1rem 3rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,#f4a261,#f4d03f);color:#2d1810;box-shadow:0 4px 16px #f4a2614d;min-width:200px}.save-btn-bottom:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f4a26166}.save-btn-bottom:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#e9ecef;color:#6c757d;box-shadow:none}.save-btn-bottom:active:not(:disabled){transform:translateY(0)}.save-btn{display:none}.edit-profile-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:#2d1810;font-size:1rem}.form-input,.form-textarea{padding:.875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#f4a261;box-shadow:0 0 0 3px #f4a2611a}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-hint{font-size:.875rem;color:#6b7280;margin-top:.25rem}.profile-picture-upload{display:flex;gap:1.5rem;align-items:flex-start}.current-picture{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #F4A261;flex-shrink:0}.current-picture img{width:100%;height:100%;object-fit:cover}.current-picture .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4a261,#f4d03f);color:#2d1810;font-weight:700;font-size:1.5rem}.upload-controls{flex:1}.upload-btn{display:inline-block;padding:.75rem 1.25rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-weight:600;color:#495057;transition:all .3s ease;margin-bottom:.5rem}.upload-btn:hover{background:#e9ecef;border-color:#f4a261}.file-selected{color:#28a745;font-size:.875rem;margin:.5rem 0;font-weight:500}.upload-hint{font-size:.8rem;color:#6c757d;margin:0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.checkbox-item:hover{background:#f4a261;color:#fff}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#F4A261}.checkbox-item span{font-weight:500;font-size:.9rem}.privacy-options{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.radio-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.radio-item:hover{border-color:#f4a261;background:#f4a2610d}.radio-item input[type=radio]{width:20px;height:20px;accent-color:#F4A261;margin-top:2px;flex-shrink:0}.radio-content{display:flex;flex-direction:column;gap:.25rem}.radio-title{font-weight:600;color:#2d1810;font-size:1rem}.radio-description{font-size:.875rem;color:#6b7280;line-height:1.4}@media (max-width: 768px){.edit-profile-section{padding:1.5rem;margin:1rem 0}.edit-profile-header{flex-direction:column;gap:1rem;align-items:stretch}.edit-actions{justify-content:center}.cancel-btn{flex:1;max-width:200px}.profile-picture-upload{flex-direction:column;align-items:center;text-align:center}.checkbox-grid{grid-template-columns:1fr}.privacy-options{gap:.75rem}.radio-item{padding:1rem}.form-actions-bottom{margin-top:2rem;padding-top:1.5rem}.save-btn-bottom{width:100%;max-width:300px;padding:1.25rem 2rem}}.want-to-try-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.want-to-try-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:2px solid transparent;position:relative}.want-to-try-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#3b82f6}.want-to-try-image{width:100%;height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.want-to-try-image img{width:100%;height:100%;object-fit:cover}.want-to-try-image .placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#6b7280;background:linear-gradient(135deg,#3b82f6 20%,#60a5fa 80%)}.want-to-try-info{padding:1.25rem 1.25rem .75rem}.want-to-try-name{font-size:1.1rem;font-weight:700;color:#2d1810;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.want-to-try-maker{font-size:.9rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.want-to-try-date{font-size:.8rem;color:#9ca3af;margin:0;font-style:italic}.want-to-try-actions{padding:0 1.25rem 1.25rem;display:flex;gap:.75rem}.view-chocolate-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;transition:all .3s ease;flex:1;text-align:center;border:none;cursor:pointer}.view-chocolate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666;text-decoration:none;color:#fff}.remove-want-to-try-btn{background:#f8f9fa;color:#6b7280;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:0 0 auto}.remove-want-to-try-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px)}.browse-chocolates-btn{background:linear-gradient(135deg,#f4a261,#f4d03f);color:#2d1810;text-decoration:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-block;margin-top:1rem}.browse-chocolates-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4a26166;text-decoration:none;color:#2d1810}.empty-state{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-top:2rem;border:2px dashed #cbd5e1}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h4{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:#6b7280;margin:0 0 1.5rem;font-size:1rem;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease}.stat-card:hover{border-color:#f4a261;transform:translateY(-2px)}.stat-value{font-size:2.5rem;font-weight:800;color:#f4a261;margin:0;line-height:1}.stat-label{font-size:.9rem;color:#6b7280;margin:.5rem 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.want-to-try-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.want-to-try-actions{flex-direction:column;gap:.5rem}.profile-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.want-to-try-grid,.profile-stats{grid-template-columns:1fr}.empty-state{padding:2rem 1rem}}:root{--mobile-padding: 1rem;--mobile-gap: 1rem;--touch-target: 44px;--card-radius: 16px;--filter-radius: 12px;--primary-color: #2D1810;--accent-color: #F4A261;--text-dark: #374151;--text-medium: #6B7280;--bg-light: #F8F9FA;--border-color: #E5E7EB;--white: #FFFFFF;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #DC2626}.browse-page{padding:var(--mobile-padding) 0;width:100%;background:#fff!important;background-color:#fff!important;min-height:100vh;position:relative}.browse-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:var(--mobile-padding);background:#fff!important;background-color:#fff!important;border-radius:var(--card-radius);box-shadow:0 4px 20px #0000000f;border:1px solid var(--border-color);position:relative;overflow:hidden}.browse-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color) 0%,#F4D03F 100%)}.header-content{text-align:center}.header-content h1{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin:0 0 .5rem;font-family:Playfair Display,serif;letter-spacing:-.02em}.browse-description{color:var(--text-medium);font-size:1rem;margin:0;line-height:1.6;font-weight:400}.quick-stats{display:flex;justify-content:space-around;gap:.5rem;margin-top:1rem}.stat-item{text-align:center;padding:.875rem .5rem;background:linear-gradient(135deg,#f4a26114,#f4d03f14);border-radius:var(--filter-radius);flex:1;min-width:0;border:1px solid rgba(244,162,97,.15);transition:all .3s ease;cursor:pointer}.stat-item:active{transform:scale(.95);background:linear-gradient(135deg,#f4a26126,#f4d03f26)}.stat-number{display:block;font-size:1.5rem;font-weight:800;color:var(--accent-color);margin-bottom:.25rem;font-family:Inter,sans-serif}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px}.modern-filter-bar{position:sticky;top:1rem;z-index:100;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(244,162,97,.1);border-radius:20px;padding:1rem 1.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #00000014,0 0 0 1px #f4a2610d;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-filter-bar:hover{box-shadow:0 12px 40px #0000001f,0 0 0 1px #f4a2611a}.filter-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid transparent;border-radius:50px;color:#2d1810;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9rem;position:relative;overflow:hidden;white-space:nowrap}.filter-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(244,162,97,.1),transparent);transition:left .6s ease}.filter-toggle:hover:before{left:100%}.filter-toggle:hover{background:linear-gradient(135deg,#f4a261,#f4d03f);color:#2d1810;transform:translateY(-2px);box-shadow:0 8px 25px #f4a2614d;border-color:#f4a26133}.filter-toggle.active{background:linear-gradient(135deg,#f4a261,#e76f51);color:#fff;transform:scale(1.05);box-shadow:0 6px 20px #f4a26166}.filter-badge{background:linear-gradient(135deg,#e76f51,#dc2626);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:bounce 2s infinite;box-shadow:0 2px 8px #dc26264d}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0) scale(1)}40%,43%{transform:translate3d(0,-8px,0) scale(1.1)}}.sort-dropdown{position:relative}.modern-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid rgba(244,162,97,.2);border-radius:15px;padding:.75rem 2.5rem .75rem 1rem;font-size:.9rem;font-weight:600;color:#2d1810;cursor:pointer;transition:all .3s ease;min-width:180px;position:relative}.sort-dropdown:after{content:"⌄";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#f4a261;pointer-events:none;transition:transform .3s ease}.modern-select:hover{border-color:#f4a261;box-shadow:0 4px 12px #f4a26126;transform:translateY(-1px)}.modern-select:focus{outline:none;border-color:#f4a261;box-shadow:0 0 0 3px #f4a2611a}.clear-filters-modern{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid rgba(220,38,38,.2);border-radius:12px;color:#dc2626;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.85rem}.clear-filters-modern:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:scale(1.05);box-shadow:0 4px 12px #dc262633}.results-summary{margin-left:auto;padding:.5rem 1rem;background:linear-gradient(135deg,#f4a2611a,#f4d03f1a);border-radius:20px;border:1px solid rgba(244,162,97,.2)}.results-count{font-weight:700;color:#2d1810;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.results-count:before{content:"🍫";font-size:1rem}.modern-filters{background:#fff;border:1px solid rgba(244,162,97,.1);border-radius:20px;margin-bottom:2rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);max-height:0;opacity:0;box-shadow:0 4px 20px #0000000d}.modern-filters.expanded{max-height:500px;opacity:1;padding:2rem;box-shadow:0 8px 32px #00000014}.filters-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.filter-card{background:linear-gradient(135deg,#fefcfc,#f8f9fa);border:2px solid rgba(244,162,97,.1);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f4a261,#f4d03f);transform:scaleX(0);transition:transform .3s ease}.filter-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #f4a26126;border-color:#f4a2614d}.filter-card:hover:before{transform:scaleX(1)}.filter-label{display:flex;align-items:center;gap:.75rem;font-weight:700;color:#2d1810;margin-bottom:1rem;font-size:.95rem}.filter-label svg{color:#f4a261;flex-shrink:0}.modern-filter-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#fff,#fefcfc);border:2px solid rgba(244,162,97,.2);border-radius:12px;padding:.875rem 1rem;font-size:.9rem;font-weight:500;color:#2d1810;cursor:pointer;transition:all .3s ease;position:relative}.modern-filter-select:hover{border-color:#f4a261;box-shadow:0 2px 8px #f4a2611a;transform:translateY(-1px)}.modern-filter-select:focus{outline:none;border-color:#f4a261;box-shadow:0 0 0 3px #f4a2611a}.filter-card.cacao-card{grid-column:span 2;background:linear-gradient(135deg,#f4a2610d,#f4d03f0d)}.cacao-range{display:flex;align-items:center;gap:1rem;margin-top:1rem}.cacao-input{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff;border:2px solid rgba(244,162,97,.2);border-radius:8px;padding:.75rem;font-size:.9rem;font-weight:500;text-align:center;transition:all .3s ease}.cacao-input:focus{outline:none;border-color:#f4a261;box-shadow:0 0 0 3px #f4a2611a}.cacao-separator{font-weight:700;color:#f4a261;font-size:1.1rem}@media (max-width: 768px){.modern-filter-bar{padding:1rem;border-radius:16px;position:relative;top:0}.filter-controls{flex-direction:column;gap:.75rem;align-items:stretch}.filter-toggle,.modern-select{width:100%;justify-content:center}.results-summary{margin-left:0;margin-top:.5rem;text-align:center}.filters-grid-modern{grid-template-columns:1fr;gap:1rem}.filter-card.cacao-card{grid-column:span 1}.cacao-range{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.modern-filter-bar{margin:0 -1rem 1.5rem;border-radius:0;border-left:none;border-right:none}.modern-filters.expanded{padding:1.5rem;margin:0 -1rem 1.5rem;border-radius:0;border-left:none;border-right:none}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.filter-card.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.filter-toggle:before,.filter-badge{animation:none}}@media (prefers-contrast: high){.filter-toggle,.modern-select,.modern-filter-select,.cacao-input{border-width:3px;border-color:#000}.modern-filter-bar,.modern-filters,.filter-card{border:3px solid #000000}}.chocolate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 var(--mobile-padding);margin-bottom:3rem}.chocolate-card,.chocolate-card *{background-color:#fff!important;color:inherit!important}.chocolate-card{border:1px solid var(--border-color)!important;box-shadow:0 2px 8px #0000000f!important}.loading-container,.no-results-modern{background:#fff!important;color:var(--text-dark)!important;padding:3rem var(--mobile-padding);text-align:center;border-radius:var(--card-radius);margin:1.5rem 0}.floating-filter-toggle,.scroll-to-top{background:#fff!important;border:2px solid var(--border-color)!important;color:var(--text-dark)!important;box-shadow:0 4px 16px #0000001a!important}.browse-page,.browse-header,.modern-filter-bar,.modern-filters,.chocolate-card,.stat-item{background:#fff!important;background-color:#fff!important}@media (min-width: 480px){.browse-header{padding:1.5rem}.chocolate-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;padding:0 1.5rem}.modern-filter-bar{padding:1.5rem}}@media (min-width: 768px){.browse-page{padding:2rem 0}.browse-header{flex-direction:row;align-items:center;gap:2rem;margin-bottom:2rem}.header-content{text-align:left;flex:1}.header-content h1{font-size:2.25rem}.browse-description{font-size:1.1rem}.quick-stats{flex-direction:column;gap:1rem;margin-top:0;min-width:200px}.stat-item{padding:1.5rem 2rem}.stat-number{font-size:2rem}.chocolate-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:0 2rem}.filter-controls{flex-wrap:nowrap;gap:1rem}.filter-toggle{flex:0 1 auto;min-width:140px;max-width:180px}.results-summary{order:initial;width:auto;margin-bottom:0;justify-content:flex-end}}@media (min-width: 1024px){.chocolate-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem}.browse-header{gap:3rem}.header-content h1{font-size:2.5rem}.browse-description{font-size:1.2rem}}.chocolate-card{content-visibility:auto;contain-intrinsic-size:280px 380px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.modern-filter-bar,.modern-filters,.floating-filter-toggle,.scroll-to-top{display:none!important}.browse-page{background:#fff!important}}.barcode-search-page{padding:2rem 0;background:linear-gradient(135deg,#fdfcfc,#f8f9fa);min-height:100vh}.construction-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #f59e0b;border-radius:16px;padding:2rem;margin-bottom:3rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;box-shadow:0 8px 32px #f59e0b4d;position:relative;overflow:hidden}.construction-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.construction-icon{font-size:3rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.construction-content{text-align:center;color:#92400e}.construction-content h2{margin:0 0 .5rem;font-size:2rem;font-weight:800;text-shadow:0 2px 4px rgba(146,64,14,.3)}.construction-content p{margin:0;font-size:1.2rem;font-weight:600}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{color:var(--primary-dark);margin-bottom:.5rem;font-size:2.5rem}.page-description{color:var(--primary);font-size:1.2rem;max-width:700px;margin:0 auto}.scanner-preview{background:#fff;border-radius:16px;padding:3rem 2rem;margin-bottom:3rem;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.coming-soon-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10}.coming-soon-content{text-align:center;max-width:500px;padding:2rem}.coming-soon-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.coming-soon-content h3{color:#2d1810;font-size:2rem;margin-bottom:1rem}.coming-soon-content p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.feature-list{text-align:left;margin:1.5rem 0;padding:0;list-style:none}.feature-list li{padding:.5rem 0;font-size:1rem;color:#374151;font-weight:500}.eta-badge{background:linear-gradient(135deg,#f4a261,#f4d03f);color:#2d1810;padding:.75rem 1.5rem;border-radius:50px;display:inline-block;margin-top:1rem;font-weight:700;box-shadow:0 4px 16px #f4a2614d}.scanner-mockup{display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:.3}.mock-camera{width:300px;height:200px;background:#1f2937;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.camera-viewfinder{width:250px;height:150px;border:2px dashed #F4A261;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.scan-line{width:100%;height:2px;background:#f4a261;position:absolute;animation:scan 2s infinite;box-shadow:0 0 10px #f4a261}@keyframes scan{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}.corner{position:absolute;width:20px;height:20px;border:3px solid #F4A261}.corner.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none}.mock-controls{display:flex;gap:1rem}.mock-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#9ca3af;font-weight:600;cursor:not-allowed}.info-section{background:#fff;border-radius:16px;padding:3rem 2rem;margin-bottom:3rem;box-shadow:0 8px 32px #0000001a}.info-section h2{color:var(--primary-dark);margin-top:0;margin-bottom:2rem;text-align:center;font-size:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.info-card{text-align:center;padding:2rem 1rem;border-radius:12px;background:#f8f9fa;border:2px solid transparent;transition:all .3s ease}.info-card:hover{border-color:#f4a261;transform:translateY(-4px);box-shadow:0 8px 24px #f4a26133}.info-icon{font-size:3rem;margin-bottom:1rem}.info-card h3{color:#2d1810;margin-bottom:1rem;font-size:1.25rem}.info-card p{color:#6b7280;line-height:1.6;margin:0}.current-alternative{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0284c7;border-radius:12px;padding:2rem;text-align:center}.current-alternative h3{color:#0284c7;margin-top:0;margin-bottom:1rem;font-size:1.5rem}.current-alternative p{color:#0369a1;margin-bottom:2rem;font-size:1.1rem}.alternative-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.action-btn.primary{background:#f4a261;color:#2d1810;box-shadow:0 4px 16px #f4a2614d}.action-btn.primary:hover{background:#e69347;transform:translateY(-2px)}.action-btn.secondary{background:#fff;color:#f4a261;border:2px solid #F4A261}.action-btn.secondary:hover{background:#f4a261;color:#2d1810}.progress-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a}.progress-section h3{color:var(--primary-dark);margin-top:0;margin-bottom:2rem;text-align:center;font-size:1.5rem}.progress-items{display:flex;flex-direction:column;gap:1rem}.progress-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background:#f8f9fa;transition:all .3s ease}.progress-item.completed{background:#dcfce7;border:2px solid #16a34a}.progress-item.in-progress{background:#fef3c7;border:2px solid #f59e0b}.progress-item.pending{background:#f1f5f9;border:2px solid #cbd5e1}.progress-icon{font-size:1.5rem;flex-shrink:0}.progress-item span{font-weight:600;color:#374151}.progress-item.completed span{color:#16a34a}.progress-item.in-progress span{color:#f59e0b}@media (max-width: 768px){.construction-banner{flex-direction:column;gap:1rem;padding:1.5rem}.construction-icon{font-size:2rem}.construction-content h2{font-size:1.5rem}.construction-content p{font-size:1rem}.page-header h1{font-size:2rem}.page-description{font-size:1rem}.coming-soon-content{padding:1rem}.coming-soon-icon{font-size:3rem}.coming-soon-content h3{font-size:1.5rem}.mock-camera{width:250px;height:160px}.camera-viewfinder{width:200px;height:120px}.alternative-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px;justify-content:center}.info-grid{grid-template-columns:1fr}.mock-controls{flex-direction:column;align-items:center}}.category-page{min-height:100vh}.category-hero{background-size:cover;background-position:center;color:var(--text-light);padding:4rem 0;margin-bottom:2rem;text-align:center}.category-hero h1{font-size:2.5rem;margin-bottom:1rem;font-family:"Source Serif Pro",serif}.category-description{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.6;opacity:.9}.category-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:var(--off-white);border-radius:var(--radius-md)}.sort-control label{color:var(--brown-medium)}.no-chocolates p{margin-bottom:1.5rem;color:var(--text-medium)}@media (max-width: 768px){.category-controls{flex-direction:column;gap:1rem;align-items:flex-start}.chocolates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.category-hero{padding:3rem 0}.category-hero h1{font-size:2rem}.category-description{font-size:1rem}}.category-landing-page{width:100%;min-height:100vh}.category-hero{background:linear-gradient(135deg,#f4a261,#f4d03f);padding:3rem 0;color:#2d1810}.category-header{text-align:center;max-width:800px;margin:0 auto}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.breadcrumb a{color:#2d1810;text-decoration:none;opacity:.8;transition:opacity .3s ease}.breadcrumb a:hover{opacity:1;text-decoration:underline}.breadcrumb span{opacity:.6}.category-header h1{font-size:2.5rem;font-weight:800;margin:0 0 1rem;line-height:1.2}.category-description{font-size:1.1rem;line-height:1.6;margin:0 0 2rem;opacity:.9}.category-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.category-stats .stat{background:#fff3;padding:.75rem 1.5rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.category-stats strong{font-weight:700;font-size:1.1rem}.category-content{padding:3rem 0;background:#f8f9fa}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.guide-section h2{color:#2d1810;font-size:1.8rem;margin:0 0 1rem;font-weight:700}.guide-section h3{color:#2d1810;font-size:1.3rem;margin:2rem 0 1rem;font-weight:600}.guide-section p{line-height:1.7;color:#4a5568;margin-bottom:1.5rem}.tasting-tips{background:#fff;padding:1.5rem;border-radius:12px;border-left:4px solid #F4A261;margin-top:2rem}.tasting-tips ul{margin:1rem 0 0;padding-left:1.5rem}.tasting-tips li{margin-bottom:.75rem;line-height:1.6;color:#4a5568}.quick-filters{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:fit-content;position:sticky;top:2rem}.quick-filters h3{color:#2d1810;font-size:1.2rem;margin:0 0 1.5rem;font-weight:600}.filter-links{display:flex;flex-direction:column;gap:.75rem}.filter-link{padding:.75rem 1rem;background:#f8f9fa;color:#4a5568;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:2px solid transparent}.filter-link:hover{background:#f4a261;color:#fff;transform:translate(4px)}.chocolates-section{padding:3rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{color:#2d1810;font-size:2rem;margin:0;font-weight:700}.sort-controls select{padding:.75rem 1rem;border:2px solid #E5E7EB;border-radius:8px;background:#fff;color:#4a5568;font-weight:500;cursor:pointer;transition:border-color .3s ease}.sort-controls select:focus{outline:none;border-color:#f4a261}.chocolates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.no-chocolates{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.no-chocolates h3{color:#2d1810;font-size:1.5rem;margin:0 0 1rem}.no-chocolates p{color:#6b7280;margin:0 0 2rem;line-height:1.6}.alternative-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary{background:#f4a261;color:#fff}.btn-primary:hover{background:#e6935c;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#f4a261;border:2px solid #F4A261}.btn-secondary:hover{background:#f4a261;color:#fff}.related-categories{padding:3rem 0;background:#f8f9fa}.related-categories h2{text-align:center;color:#2d1810;font-size:2rem;margin:0 0 3rem;font-weight:700}.category-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.category-link{background:#fff;padding:2rem;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:2px solid transparent}.category-link:hover{transform:translateY(-4px);border-color:#f4a261;box-shadow:0 8px 24px #f4a26133}.category-link h3{color:#2d1810;font-size:1.3rem;margin:0 0 .5rem;font-weight:600}.category-link p{color:#6b7280;margin:0;line-height:1.5}@media (max-width: 768px){.category-hero{padding:2rem 0}.category-header h1{font-size:2rem}.category-stats{gap:1rem}.content-grid{grid-template-columns:1fr;gap:2rem}.quick-filters{position:static}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.chocolates-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.category-links{grid-template-columns:1fr}.alternative-links{flex-direction:column;align-items:center}}@media (max-width: 480px){.category-header h1{font-size:1.8rem}.category-stats{flex-direction:column;align-items:center;gap:.5rem}.chocolates-grid{grid-template-columns:1fr}}.maker-page{padding:2rem 0;min-height:100vh}.maker-header{text-align:center;margin-bottom:2rem;padding:2rem 0;background-color:var(--off-white);border-radius:var(--radius-lg)}.maker-header h1{font-size:2.5rem;color:var(--primary-dark);margin-bottom:.5rem;font-family:"Source Serif Pro",serif}.maker-description{color:var(--text-medium);font-size:1.1rem;max-width:600px;margin:0 auto}.maker-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:var(--off-white);border-radius:var(--radius-md)}.results-count{font-weight:500;color:var(--brown-medium)}.sort-control{display:flex;align-items:center;gap:.5rem}.sort-control label{color:var(--brown-medium);font-weight:500}.sort-control select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;color:var(--text-dark);font-size:.9rem}.chocolates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.no-chocolates{text-align:center;padding:3rem;background-color:var(--off-white);border-radius:var(--radius-md);margin:2rem 0}.no-chocolates p{margin-bottom:1rem;color:var(--text-medium)}.no-chocolates p:last-child{font-size:.9rem;font-style:italic}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;text-align:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--brown-medium);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container p{color:#d32f2f;margin-bottom:1.5rem}@media (max-width: 768px){.maker-controls{flex-direction:column;gap:1rem;align-items:flex-start}.chocolates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.maker-header{padding:1.5rem 0}.maker-header h1{font-size:2rem}}.image-uploader{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.image-preview-container{width:100%;height:200px;border:2px dashed var(--primary-light);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f9f9f9;position:relative}.preview-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.remove-image-btn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s}.remove-image-btn:hover{background:#000000e6}.image-placeholder{color:#999;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-placeholder span:first-child{font-size:2rem;opacity:.5}.upload-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.upload-button{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.upload-button:hover:not(.disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.upload-button.disabled{background-color:#ccc;cursor:not-allowed;transform:none}.error-message{color:#dc2626;fontSize:.875rem;margin-top:.5rem;padding:.75rem;background-color:#fee2e2;border-radius:6px;border:1px solid #fca5a5;text-align:center;width:100%;max-width:400px}.upload-info{font-size:.8rem;color:#6b7280;text-align:center;line-height:1.4;max-width:300px}.upload-info small{display:block;margin-top:.25rem;font-size:.75rem;color:#9ca3af;font-style:italic}.upload-button.disabled:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}@media (max-width: 768px){.image-preview-container{height:160px}.upload-button{padding:.6rem 1.2rem;font-size:.9rem}.upload-info{font-size:.75rem}}.add-chocolate-page.mobile-optimized{min-height:100vh;background:#f9ebcc;padding-bottom:80px}.mobile-container{max-width:600px;margin:0 auto}.mobile-page-header{background:linear-gradient(180deg,#fff,#fff9f3);padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:100;min-height:56px;box-shadow:0 2px 8px #b8693d0f}.mobile-page-header:after{display:none}.back-button-mobile{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;color:#b8693d;font-size:.875rem;font-weight:500;padding:.5rem;border-radius:8px;cursor:pointer;font-family:Helvetica Neue,-apple-system,sans-serif;transition:all .2s ease}.back-button-mobile:active{background:#b8693d14;transform:translateY(-50%) scale(.95)}.back-button-mobile span{display:none}.mobile-page-header h1{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;color:#231f1f;margin:0;text-align:center;letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.mobile-page-header h1:before{content:"🍫";font-size:1.125rem;display:inline-block}.mobile-page-header>div:last-child{display:none}@media (min-width: 380px){.mobile-page-header{padding:1rem;min-height:60px}.mobile-page-header h1{font-size:1.25rem}.back-button-mobile span{display:inline;margin-left:.25rem}.back-button-mobile{background:#b8693d14;padding:.5rem .75rem}}.mobile-chocolate-form{padding:1rem}.image-section-mobile{margin-bottom:1.5rem}.mobile-image-uploader{width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden}.image-status{color:#059669;font-size:.875rem;margin-top:.5rem;font-family:Helvetica Neue,-apple-system,sans-serif}.essential-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #231f1f0f}.section-title-mobile{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:#231f1f;margin:0 0 1.25rem}.form-group-mobile{margin-bottom:1.25rem}.form-group-mobile:last-child{margin-bottom:0}.form-group-mobile label{display:block;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:.9375rem;font-weight:500;color:#231f1f;margin-bottom:.5rem}.form-group-mobile input{width:100%;padding:.875rem 1rem;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:1rem;border:2px solid #DFD3C0;border-radius:10px;background:#fafafa;transition:all .2s ease}.form-group-mobile input:focus{outline:none;border-color:#b8693d;background:#fff;box-shadow:0 0 0 3px #b8693d1a}.duplicate-hint{font-family:Helvetica Neue,-apple-system,sans-serif;font-size:.8125rem;color:#d97706;margin-top:.25rem}.type-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.type-pill{padding:.75rem .5rem;border:2px solid #DFD3C0;border-radius:10px;background:#fff;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:.9375rem;font-weight:500;color:#6c6c4e;cursor:pointer;transition:all .2s ease}.type-pill:active{transform:scale(.96)}.type-pill.selected{border-color:#b8693d;background:#b8693d;color:#fff}.optional-section{background:#fff;border-radius:16px;padding:1rem;margin-bottom:1rem}.optional-toggle-btn{width:100%;padding:1rem;border:none;background:#f9ebcc;border-radius:10px;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:1rem;font-weight:500;color:#231f1f;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s ease}.optional-toggle-btn:active{background:#f4e5c2}.optional-fields-container{margin-top:1rem;padding-top:1rem;border-top:1px solid #DFD3C0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row-mobile{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group-mobile.half{margin-bottom:1.25rem}.tag-grid-mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.tag-pill{padding:.625rem .5rem;border:2px solid #DFD3C0;border-radius:20px;background:#fff;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:.8125rem;font-weight:500;color:#6c6c4e;cursor:pointer;transition:all .2s ease;text-align:center}.tag-pill:active{transform:scale(.94)}.tag-pill.selected{border-color:#b08968;background:#b08968;color:#fff}.submit-section-mobile{position:fixed;bottom:0;left:0;right:0;padding:1rem;background:#fff;border-top:2px solid #DFD3C0;box-shadow:0 -4px 12px #231f1f1a;z-index:90}.submit-btn-mobile{width:100%;padding:1.125rem;border:none;border-radius:12px;background:#b8693d;color:#fff;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #b8693d4d}.submit-btn-mobile:disabled{background:#d4b896;color:#fffc;cursor:not-allowed;box-shadow:none}.submit-btn-mobile:not(:disabled):active{transform:scale(.98);background:#9a5632}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#231f1fb3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rating-modal{background:#fff;border-radius:20px;padding:2rem;max-width:90%;width:400px;text-align:center;animation:modalPop .3s ease}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-icon{font-size:3.5rem;margin-bottom:1rem}.rating-modal h2{font-family:Poppins,sans-serif;font-size:1.75rem;color:#231f1f;margin:0 0 .5rem}.rating-modal p{font-family:Helvetica Neue,-apple-system,sans-serif;color:#6b7280;margin:0 0 1.5rem}.quick-rate-section{margin-bottom:2rem}.quick-rate-section p{font-size:.9375rem;margin-bottom:1rem}.star-buttons{display:flex;justify-content:center;gap:.5rem}.star-btn{background:none;border:none;font-size:2.5rem;color:#e5e7eb;cursor:pointer;transition:all .2s ease;padding:.25rem}.star-btn.filled{color:gold;animation:starPulse .3s ease}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.review-btn,.skip-btn{padding:.875rem;border-radius:10px;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.review-btn{background:#b8693d;border:none;color:#fff}.review-btn:active{background:#9a5632}.skip-btn{background:none;border:2px solid #DFD3C0;color:#6c6c4e}.skip-btn:active{background:#f9ebcc}@media (max-width: 380px){.type-pills,.tag-grid-mobile{grid-template-columns:repeat(2,1fr)}}@supports (-webkit-touch-callout: none){.form-group-mobile input{font-size:16px}.submit-section-mobile{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}:root{--header-height: 60px;--header-bg: #B08968;--header-text: #F9EBCC;--dropdown-bg: #FFFFFF;--dropdown-text: #2D1810;--accent: #F4A261;--border: rgba(0, 0, 0, .1)}.header{position:sticky;position:-webkit-sticky;top:0;left:0;right:0;width:100%;height:var(--header-height);background-color:#b08968;color:var(--header-text);box-shadow:0 2px 8px #0000001a;z-index:1000}.header-container{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:100%;margin:0 auto}.header-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo-icon{height:30px;width:30px;object-fit:contain}.logo-full{height:35px;width:auto;object-fit:contain}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:relative}.header-btn{width:44px;height:44px;padding:0;background:transparent;border:none;color:var(--header-text);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.header-btn:active{opacity:.7}.user-btn{gap:.5rem;padding:0 .5rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f4a261,#f4d03f);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.8);flex-shrink:0;aspect-ratio:1 / 1}.user-initials{font-size:.75rem;font-weight:700;color:#2d1810}.user-name,.chevron{display:none}.hamburger{width:24px;height:18px;position:relative}.hamburger span{display:block;position:absolute;width:100%;height:2px;background:var(--header-text);border-radius:1px;transition:all .3s ease}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){bottom:0}.hamburger.open span:nth-child(1){transform:rotate(45deg);top:8px}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg);bottom:8px}.join-btn,.signin-btn{padding:.5rem 1.25rem;border-radius:25px;background:#caeeed;color:#000;text-decoration:none;font-weight:600;font-size:.875rem;white-space:nowrap}.join-btn:active,.signin-btn:active{opacity:.8}.search-dropdown{position:fixed;top:var(--header-height);left:0;right:0;background:#fff;border-bottom:2px solid #E5E7EB;box-shadow:0 4px 12px #0000001a;padding:.75rem 1rem;z-index:999}.search-form{position:relative;width:100%;max-width:500px;margin:0 auto}.search-input{width:100%;padding:.625rem 3rem .625rem 1rem;border:2px solid #E5E7EB;border-radius:25px;background:#f8f9fa;font-size:.95rem;color:#2d1810;outline:none}.search-input:focus{border-color:#f4a261}.search-submit{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#f4a261;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-dropdown{position:fixed;top:var(--header-height);right:1rem;width:250px;max-width:calc(100vw - 2rem);background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #E5E7EB;padding:.5rem;z-index:2000}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#2d1810;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:8px;transition:background .2s ease;border:none;background:none;cursor:pointer;width:100%;text-align:left}.user-dropdown a:active,.user-dropdown button:active{background:#f4a2611a}.logout-btn{border-top:1px solid #E5E7EB!important;margin-top:.25rem;padding-top:1rem!important;color:#dc2626!important}.mobile-nav{position:fixed;top:var(--header-height);right:0;width:85%;max-width:320px;height:calc(100vh - var(--header-height));background:#fff;box-shadow:-4px 0 20px #0003;z-index:2000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem;transform:translate(0)}.nav-section{margin-bottom:2rem}.nav-section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #E5E7EB}.nav-section a{display:block;padding:.875rem .5rem;color:#2d1810;text-decoration:none;font-size:.95rem;font-weight:500;border-radius:8px}.nav-section a:active{background:#f4a2611a}.badge-wip{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:6px;margin-left:.5rem;text-transform:uppercase}.dropdown-overlay,.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1500}.add-btn,.desktop-nav{display:none}body{padding-top:var(--header-height)}@media (min-width: 768px){.header{height:70px}body{padding-top:70px}.header-container{padding:0 2rem;max-width:1400px}.logo-full{height:45px}.desktop-nav{display:flex;gap:3rem;position:absolute;left:50%;transform:translate(-50%)}.desktop-nav-link{color:var(--header-text);text-decoration:none;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;border-radius:8px;transition:background .3s ease}.desktop-nav-link:hover{background:#ffffff26}.add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;border:2px solid var(--header-text);border-radius:10px;color:var(--header-text);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease}.add-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.user-name{display:inline;font-weight:600;font-size:.875rem;color:var(--header-text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{display:inline;width:14px;height:14px;transition:transform .3s ease}.chevron.rotate{transform:rotate(180deg)}.user-dropdown{top:70px;right:2rem}.mobile-nav{top:70px;width:320px;height:auto;max-height:500px;border-radius:16px}.search-btn{display:none!important}.search-dropdown{position:static;background:transparent;border:none;box-shadow:none;padding:0;display:block!important;width:auto;flex:1;max-width:400px}.search-form{position:relative;background:#fff;border:3px solid #B08968;border-radius:30px;display:flex;align-items:center;padding:4px;height:50px}.search-input{flex:1;border:none;background:transparent;padding:0 1rem;font-size:1rem;color:#2d1810;outline:none;height:100%}.search-input::placeholder{color:#6b7280}.search-submit{position:relative;width:42px;height:42px;background:#d4a574;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:8px}.search-submit svg{stroke:#fff;stroke-width:2.5}.search-submit:hover{background:#c89a68;transform:scale(1.05)}.search-submit:active{transform:scale(.95)}}@supports (-webkit-touch-callout: none){.header-btn{-webkit-appearance:none}.mobile-nav,.user-dropdown{-webkit-transform:translateZ(0);transform:translateZ(0)}}.footer{background-color:#2c2c2c!important;color:#fff!important;padding:4rem 0 2rem;margin-top:0;position:relative}.footer-wave{position:absolute;top:-99px;left:0;width:100%;overflow:hidden;line-height:0}.footer-wave svg{position:relative;display:block;width:100%;height:100px;color:#2c2c2c}.footer-content{display:grid;grid-template-columns:300px 1fr;gap:4rem;padding-bottom:2rem;margin-bottom:2rem;align-items:start}.footer-logo{display:flex;flex-direction:column}.logo-link{display:inline-block;margin-bottom:1rem}.footer-logo-img{height:200px;width:auto;filter:brightness(1.1)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.footer-links-column h3{font-size:.9rem;font-weight:400;color:#b8976b!important;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(184,151,107,.3);padding-bottom:.5rem}.footer-links-column ul{list-style:none;padding:0;margin:0}.footer-links-column li{margin-bottom:.8rem}.footer-links-column a{color:#fffc!important;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-flex;align-items:center}.footer-links-column a:hover{color:#b8976b!important;transform:translate(3px)}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.copyright{color:#ffffff80!important;font-size:.85rem;margin:0}.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer *{background-color:transparent!important}.footer-wave svg{background-color:transparent!important}@media (max-width: 992px){.footer-content{grid-template-columns:250px 1fr;gap:3rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (max-width: 768px){.footer{padding:3rem 0 1.5rem}.footer-wave{top:-49px}.footer-wave svg{height:50px}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-logo{text-align:center;margin-bottom:1rem}.footer-logo-img{height:80px}.footer-links{grid-template-columns:1fr;gap:1.5rem}.footer-links-column h3{font-size:.85rem;margin-bottom:1rem}.footer-links-column li{margin-bottom:.6rem}.footer-links-column a{font-size:.9rem}.footer-bottom{padding-top:1.5rem}.copyright{font-size:.8rem}.footer .container{padding:0 1rem}}@media (max-width: 480px){.footer{padding:2rem 0 1rem}.footer-logo-img{height:60px}.footer-links-column h3{font-size:.8rem;margin-bottom:.75rem}.footer-links-column a{font-size:.85rem}}.batch-upload-page{padding:2rem 0}.page-description{color:var(--primary);margin-bottom:2rem}.chocolates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.chocolate-upload-card{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.chocolate-info{margin-bottom:1rem}.chocolate-info h3{margin:0 0 .3rem;font-size:1.1rem}.chocolate-info p{margin:0;color:#666;font-size:.9rem}.chocolate-image-container{height:150px;border:1px solid #eee;border-radius:4px;overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.chocolate-image{max-width:100%;max-height:100%;object-fit:contain}.no-image-placeholder{color:#999;font-style:italic;font-size:.9rem}.upload-controls{display:flex;align-items:center;gap:.8rem}.upload-button{background-color:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.upload-button:hover{background-color:var(--primary-dark)}.upload-button.disabled{background-color:#ccc;cursor:not-allowed}.status-text{font-size:.9rem}.status-text.uploading{color:#666;font-style:italic}.status-text.success{color:#4caf50}.status-text.error{color:#f44336}.admin-page{padding:2rem 0;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{margin:0;color:var(--primary-dark)}.back-link{color:var(--primary);text-decoration:none;display:flex;align-items:center}.back-link:hover{text-decoration:underline}.admin-section{background-color:var(--text-light);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.admin-section h2{margin-top:0;margin-bottom:1.5rem;color:var(--primary-dark);border-bottom:2px solid var(--primary-light);padding-bottom:.5rem}.admin-actions{display:flex;flex-direction:column;gap:1rem}.admin-button{background-color:var(--primary);color:#fff;padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s;align-self:flex-start}.admin-button:hover{background-color:var(--primary-dark)}.admin-button:disabled{background-color:#ccc;cursor:not-allowed}.admin-button.primary{background-color:var(--primary-dark)}.admin-button.primary:hover{background-color:#2a1703}.message{padding:1rem;border-radius:4px;background-color:#f8f9fa;border-left:4px solid var(--primary);margin:1rem 0}.admin-form{display:grid;grid-template-columns:1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;color:var(--primary-dark)}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6a422633}@media (min-width: 768px){.admin-form{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}.form-group:nth-child(5),.form-group:nth-child(6),.form-group:nth-child(7){grid-column:span 2}}.admin-help{margin-top:1.5rem;padding:1.5rem;background-color:#f9f9f9;border-left:4px solid var(--primary-light);border-radius:4px}.admin-help p{font-weight:500;margin-bottom:.8rem}.admin-help ol{padding-left:1.5rem}.admin-help li{margin-bottom:.5rem}.admin-section+.admin-section{margin-top:2.5rem}.admin-section h2{display:flex;align-items:center}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.admin-button{white-space:normal;height:auto;min-height:44px;padding:.75rem 1rem;line-height:1.3;text-align:center}.admin-button.primary{background-color:var(--primary-dark);font-weight:600}.field-helper{font-size:.85rem;color:#666;margin-top:.3rem;margin-bottom:0}.message{margin:1rem 0;padding:1rem 1.5rem;border-radius:4px;background-color:#f0f0f0;border-left:4px solid var(--primary)}.admin-links{display:flex;gap:1rem}.admin-link,.back-link{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:all .2s ease}.admin-link{background-color:var(--primary);color:#fff}.admin-link:hover{background-color:var(--primary-dark)}.back-link{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.back-link:hover{background-color:#6a42260d}@media (max-width: 768px){.admin-actions{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:1rem;align-items:flex-start}.admin-links{width:100%}}.about-page{padding-bottom:3rem}.about-header{text-align:center;padding:3rem 0;background-color:var(--background)}.about-header h1{font-size:2.8rem;color:var(--primary-dark);margin-bottom:.5rem}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0;align-items:center}.story-content h2{color:var(--primary-dark);font-size:2rem;margin-bottom:1.5rem;position:relative}.story-content h2:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:3px;background-color:var(--accent)}.story-content p{font-size:1.1rem;line-height:1.8;color:var(--text-dark)}.story-image{height:400px;border-radius:12px;overflow:hidden}.mission-section{position:relative;padding:4rem 0;margin:5rem 0;background-image:url(https://images.unsplash.com/photo-1511381939415-e44015466834?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2072&q=80);background-size:cover;background-position:center;border-radius:12px;color:var(--text-light)}.mission-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#3a1f04bf;border-radius:12px}.mission-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;padding:0 2rem}.mission-content h2{color:var(--text-light);font-size:2.2rem;margin-bottom:1.5rem}.mission-statement{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.mission-description{font-size:1.1rem;line-height:1.8}.values-section{margin:5rem 0;text-align:center}.values-section h2{color:var(--primary-dark);font-size:2.2rem;margin-bottom:3rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.value-card{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.value-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.value-icon{width:70px;height:70px;margin:0 auto 1.5rem;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;position:relative}.value-icon:before{content:"";position:absolute;width:35px;height:35px;background-size:contain;background-repeat:no-repeat;background-position:center}.value-icon.quality:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233A1F04'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E")}.value-icon.community:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233A1F04'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E")}.value-icon.discovery:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233A1F04'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z'/%3E%3C/svg%3E")}.value-icon.education:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233A1F04'%3E%3Cpath d='M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z'/%3E%3C/svg%3E")}.value-card h3{font-size:1.3rem;color:var(--primary-dark);margin-bottom:1rem}.value-card p{color:var(--text-dark);line-height:1.6}.team-section{margin:5rem 0;text-align:center}.team-section h2{color:var(--primary-dark);font-size:2.2rem;margin-bottom:1.5rem}.team-intro{max-width:700px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.6}.team-placeholder{height:300px;background-color:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic;background-image:linear-gradient(45deg,#f3e5d8,#e8d0b8)}.join-section{text-align:center;padding:4rem 2rem;background-color:var(--background);border-radius:12px;margin:5rem 0 2rem}.join-section h2{color:var(--primary-dark);font-size:2.2rem;margin-bottom:1.5rem}.join-section p{max-width:800px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.cta-button{padding:.8rem 2rem;border-radius:30px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background-color:#8b4513;color:#fff}.cta-button.primary:hover{background-color:#6b3410;transform:translateY(-3px)}.cta-button.secondary{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.cta-button.secondary:hover{background-color:#6a42261a;transform:translateY(-3px)}@media (max-width: 768px){.about-story{grid-template-columns:1fr}.story-image{height:300px;order:-1}.cta-buttons{flex-direction:column;max-width:300px;margin:0 auto}}.contact-page{padding-bottom:3rem}.contact-header{text-align:center;padding:3rem 0;background-color:var(--background)}.contact-header h1{font-size:2.8rem;color:var(--primary-dark);margin-bottom:.5rem}.tagline{font-size:1.3rem;color:var(--primary);font-style:italic}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-section h2{color:var(--primary-dark);font-size:2rem;margin-bottom:1rem}.contact-section h3{color:var(--primary);font-size:1.3rem;margin-bottom:1rem}.contact-section p{font-size:1.1rem;line-height:1.6;color:var(--text-dark);margin-bottom:1rem}.social-links{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.social-link{display:flex;align-items:center;text-decoration:none;color:var(--text-dark);font-size:1.1rem;transition:color .3s ease}.social-link:hover{color:var(--primary)}.social-icon{width:30px;height:30px;margin-right:1rem;background-size:contain;background-repeat:no-repeat;background-position:center}.social-icon.instagram{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B4226'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E")}.social-icon.facebook{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B4226'%3E%3Cpath d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E")}.email-address{font-weight:600;font-size:1.2rem;margin-bottom:.5rem}.email-note{font-style:italic;color:#666;font-size:.9rem}.contact-image{margin-top:1rem;height:200px;border-radius:12px;overflow:hidden}.image-placeholder{width:100%;height:100%;background-color:#eee;display:flex;align-items:center;justify-content:center;font-style:italic;color:#999;border-radius:12px;background-image:linear-gradient(45deg,#f3e5d8,#e8d0b8)}.contact-form-container{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000000d}.contact-form-container h2{color:var(--primary-dark);font-size:2rem;margin-bottom:1.5rem}.success-message{background-color:#e6f7e9;color:#2e7d32;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--primary)}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#fff;color:#333}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6a42261a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.submit-button{background-color:var(--primary);color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.submit-button:hover:not(:disabled){background-color:var(--primary-dark)}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.faq-section{margin:5rem 0 2rem}.faq-section h2{text-align:center;color:var(--primary-dark);font-size:2rem;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.faq-item{background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.faq-item h3{color:var(--primary-dark);font-size:1.2rem;margin-bottom:.8rem}.faq-item p{color:var(--text-dark);line-height:1.5}@media (max-width: 992px){.contact-content{grid-template-columns:1fr}.contact-info{order:2}.contact-form-container{order:1}.faq-grid{grid-template-columns:1fr}}.legal-page{padding-bottom:3rem}.legal-header{text-align:center;padding:3rem 0;background-color:var(--background)}.legal-header h1{font-size:2.8rem;color:var(--primary-dark);margin-bottom:.5rem}.last-updated{font-size:1rem;color:#666;font-style:italic}.legal-content{max-width:900px;margin:2rem auto;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000000d}.legal-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.intro-text{font-size:1.1rem;line-height:1.8;color:var(--primary);margin-bottom:2rem}.legal-section h2{color:var(--primary-dark);font-size:1.8rem;margin-bottom:1.2rem}.legal-section h3{color:var(--primary);font-size:1.3rem;margin:1.5rem 0 1rem}.legal-section p{margin-bottom:1rem;line-height:1.7}.legal-section ul{padding-left:2rem;margin-bottom:1.5rem}.legal-section li{margin-bottom:.5rem;line-height:1.6}.contact-info{background-color:#f8f8f8;padding:1rem;border-radius:8px;margin-top:1rem;display:inline-block}.privacy-policy .legal-section h2,.terms-of-service .legal-section h2{position:relative;padding-bottom:.5rem}.privacy-policy .legal-section h2:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;background-color:var(--accent)}@media print{.legal-content{box-shadow:none;padding:0}.legal-header{padding:1rem 0}.legal-section{page-break-inside:avoid}}@media (max-width: 768px){.legal-content{padding:1.5rem}.legal-header h1{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.2rem}}.super-admin-edit-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:2rem 0}.super-admin-edit-page .container{max-width:900px;margin:0 auto;padding:0 1rem}.admin-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;text-align:center}.admin-header h1{color:#2d3748;margin-bottom:.5rem;font-size:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-header p{color:#718096;font-size:1.125rem;margin-bottom:1rem}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:.875rem;display:inline-block;font-weight:600;box-shadow:0 2px 4px #667eea4d}.edit-form{background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px #0000001a}.form-section{padding:2rem;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none}.form-section h2{color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.form-section h3{color:#4a5568;font-size:1.125rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#4a5568;font-weight:500;margin-bottom:.5rem;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f7fafc}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.current-image{margin-bottom:2rem}.current-image p{color:#4a5568;font-weight:500;margin-bottom:1rem}.current-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%;height:auto}.new-image-upload{padding:1.5rem;background:#f7fafc;border-radius:8px;border:2px dashed #cbd5e0}.new-image-upload p{color:#4a5568;margin-bottom:1rem;font-weight:500}.image-selected{color:#48bb78;font-weight:500;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.metadata{background:#f7fafc}.metadata h2{color:#718096}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.metadata-grid>div{padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.metadata-grid strong{color:#4a5568;font-weight:600;margin-right:.5rem}.danger-zone{border:2px solid #fc8181!important;border-radius:8px;padding:2rem!important;margin-top:2rem;background:#fff5f5!important}.danger-zone h2{color:#e53e3e;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.danger-zone p{color:#742a2a;margin-bottom:1rem;line-height:1.6}.delete-confirmation{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #fc8181}.delete-confirmation input[type=text]{width:100%;padding:.75rem;margin:.5rem 0 1rem;border:2px solid #fc8181;border-radius:6px;font-size:1rem}.delete-confirmation input[type=text]:focus{outline:none;box-shadow:0 0 0 3px #fc818133}.form-actions{padding:2rem;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:1rem;border-radius:0 0 12px 12px}.cancel-button,.save-button{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.cancel-button{background:#e2e8f0;color:#4a5568}.cancel-button:hover{background:#cbd5e0;transform:translateY(-1px)}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.save-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.danger-zone button{font-weight:600;transition:all .3s ease}.danger-zone button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.loading,.error{text-align:center;padding:4rem 2rem;color:#4a5568;font-size:1.125rem}.error{color:#e53e3e}@media (max-width: 768px){.super-admin-edit-page{padding:1rem 0}.admin-header{padding:1.5rem}.admin-header h1{font-size:1.5rem}.form-section{padding:1.5rem}.metadata-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{animation:fadeIn .3s ease}.success-message{background:#c6f6d5;color:#22543d;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #9ae6b4;display:flex;align-items:center;gap:.5rem}.warning-message{background:#fed7aa;color:#7c2d12;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fdba74}*:focus-visible{outline:2px solid #667eea;outline-offset:2px}.reviews-management{background:#f7fafc}.reviews-management h2{color:#2d3748;display:flex;align-items:center;gap:.5rem}.reviews-list{max-height:600px;overflow-y:auto;padding:1rem 0}.review-item-admin{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-bottom:1rem;transition:all .3s ease}.review-item-admin:hover{box-shadow:0 2px 8px #0000001a}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.review-user-info{display:flex;flex-direction:column;gap:.25rem}.review-user-info strong{color:#2d3748;font-size:1rem}.review-date{color:#718096;font-size:.875rem}.review-rating{display:flex;align-items:center;gap:.5rem}.rating-number{color:#4a5568;font-weight:600}.review-text{color:#4a5568;line-height:1.6;margin-bottom:1rem;padding:.75rem;background:#f7fafc;border-radius:6px;font-size:.95rem}.review-actions{display:flex;align-items:center;gap:1rem}.delete-review-btn{transition:all .3s ease}.delete-review-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.delete-review-btn:disabled{opacity:.6;cursor:not-allowed}.review-flag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fff5f5;border-radius:4px;border:1px solid #fc8181}.reviews-list::-webkit-scrollbar{width:6px}.reviews-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.scanner-page{min-height:100vh;background:var(--background-primary);padding:var(--space-lg) 0}.scanner-page .container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.scanner-header{background:#a73a04;color:#fff;text-align:center;padding:3rem 2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.scanner-header h1{font-size:2.5rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.5px;color:#fff}.scanner-subtitle{font-size:1.125rem;margin-bottom:1.5rem;opacity:.95;font-weight:400;color:#fff;letter-spacing:.2px}.scanner-stats{display:inline-block;background:#ffffff26;padding:.5rem 1.5rem;border-radius:24px;font-size:.875rem;font-weight:500;letter-spacing:.3px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-state{text-align:center;padding:var(--space-3xl);background:var(--background-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin:var(--space-2xl) 0}.loading-spinner{width:4rem;height:4rem;border:4px solid var(--brand-cream);border-top:4px solid var(--brand-copper);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-lg) auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state h2{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.5rem}.loading-state p{color:var(--text-secondary)}.scanner-card{background:var(--background-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:var(--space-2xl)}.scanner-section{padding:var(--space-2xl);border-bottom:1px solid var(--border-light)}.scanner-section:last-child{border-bottom:none}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.section-icon{font-size:1.75rem}.camera-placeholder{text-align:center;padding:var(--space-3xl);border:2px dashed var(--border-medium);border-radius:var(--border-radius-lg);background:var(--background-accent)}.placeholder-icon{font-size:4rem;margin-bottom:var(--space-lg)}.camera-placeholder p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1.125rem}.camera-container{display:flex;flex-direction:column;gap:var(--space-lg)}.camera-viewport{position:relative;background:#000;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.camera-video{width:100%;max-height:24rem;object-fit:contain;display:block}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-frame{border:4px dashed rgba(255,255,255,.8);border-radius:var(--border-radius-lg);width:20rem;height:12rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scan-content{text-align:center;color:#fff;background:#0009;padding:var(--space-md);border-radius:var(--border-radius-md)}.scan-icon{font-size:2rem;margin-bottom:var(--space-sm)}.scan-text{font-size:.875rem;font-weight:500}.camera-controls{display:flex;gap:var(--space-md);justify-content:center}.upload-area{border:2px dashed var(--border-medium);border-radius:var(--border-radius-lg);padding:var(--space-2xl);background:var(--background-accent);transition:all .3s ease}.upload-area:hover{border-color:var(--brand-copper);background:var(--background-secondary)}.upload-content{text-align:center}.upload-icon{font-size:3rem;margin-bottom:var(--space-md)}.upload-content h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.25rem}.upload-content p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.file-input{display:none}.progress-container{text-align:center}.progress-bar{width:100%;height:1.5rem;background:var(--background-secondary);border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:var(--space-md);box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-copper) 0%,var(--brand-taupe) 50%,var(--brand-sage) 100%);transition:width .3s ease;border-radius:var(--border-radius-md);box-shadow:0 2px 4px #0003}.progress-text{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.125rem;color:var(--text-primary);font-weight:500}.progress-icon{font-size:1.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.error-message{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:#fef2f2;border:2px solid #FECACA;border-radius:var(--border-radius-lg);color:#b91c1c}.error-icon{font-size:1.5rem}.error-message p{margin:0;font-weight:500}.results-container{display:flex;flex-direction:column;gap:var(--space-2xl)}.best-match-card{background:var(--background-primary);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:3px solid var(--success-color)}.best-match-header{background:linear-gradient(135deg,var(--success-color) 0%,#10B981 100%);color:#fff;padding:var(--space-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.best-match-header h2{font-size:2rem;font-weight:700;margin:0 0 var(--space-sm) 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.best-match-header p{margin:0;opacity:.9;font-size:1.125rem}.match-badge{background:#fff3;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-weight:700;font-size:1.25rem}.best-match-content{padding:var(--space-2xl)}.best-match-actions{margin-top:var(--space-xl);text-align:center}.match-reasons{margin-top:var(--space-lg);padding:var(--space-md);background:var(--background-accent);border-radius:var(--border-radius-md);font-size:.875rem;color:var(--text-secondary)}.other-matches-card{background:var(--background-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.other-matches-header{padding:var(--space-xl);border-bottom:1px solid var(--border-light);background:var(--background-accent)}.other-matches-header h3{margin:0;color:var(--text-primary);font-size:1.5rem}.other-matches-card .chocolate-grid{padding:var(--space-xl)}.confidence-badge{background:var(--brand-blue-gray);color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.no-matches-card{background:var(--background-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.no-matches-content{padding:var(--space-3xl);text-align:center}.no-matches-icon{font-size:5rem;margin-bottom:var(--space-lg)}.no-matches-content h3{color:var(--text-primary);font-size:1.75rem;margin-bottom:var(--space-md)}.no-matches-content p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:1.125rem}.no-matches-suggestion{font-size:1rem!important;color:var(--text-muted)!important;margin-bottom:var(--space-xl)!important}.debug-toggle{background:none;border:none;color:var(--brand-copper);text-decoration:underline;cursor:pointer;font-size:.875rem;padding:0;margin-bottom:var(--space-lg)}.debug-toggle:hover{color:var(--primary-hover)}.debug-text{background:var(--background-accent);padding:var(--space-md);border-radius:var(--border-radius-md);text-align:left;margin-top:var(--space-md)}.debug-text strong{color:var(--text-primary);font-size:.875rem;margin-bottom:var(--space-sm);display:block}.debug-text pre{font-size:.75rem;color:var(--text-secondary);white-space:pre-wrap;max-height:8rem;overflow-y:auto;margin:0;padding:var(--space-sm);background:var(--background-primary);border-radius:var(--border-radius-sm);border:1px solid var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--border-radius-md);font-family:inherit;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--brand-copper) 0%,var(--primary-light) 100%);color:var(--text-light)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--brand-copper) 100%)}.btn-secondary{background:linear-gradient(135deg,var(--brand-sage) 0%,var(--secondary-light) 100%);color:var(--text-light)}.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-hover) 0%,var(--brand-sage) 100%)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.chocolate-card.featured{border:2px solid var(--success-color);box-shadow:0 8px 32px #10b98133}.chocolate-card{transition:all .3s ease;cursor:pointer;background:none;border:1px solid var(--border-light);text-align:left;width:100%}.chocolate-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@media (max-width: 768px){.scanner-page .container{padding:0 var(--space-md)}.scanner-header{padding:var(--space-xl) var(--space-md)}.scanner-header h1{font-size:2.25rem}.scanner-subtitle{font-size:1.125rem}.scanner-section{padding:var(--space-xl)}.section-title{font-size:1.25rem}.camera-placeholder{padding:var(--space-xl)}.placeholder-icon{font-size:3rem}.scan-frame{width:16rem;height:10rem}.camera-controls{flex-direction:column}.upload-area{padding:var(--space-xl)}.upload-icon{font-size:2.5rem}.best-match-header{padding:var(--space-lg);flex-direction:column;text-align:center}.best-match-header h2{font-size:1.5rem}.best-match-content,.other-matches-card .chocolate-grid{padding:var(--space-lg)}.no-matches-content{padding:var(--space-xl)}.no-matches-icon{font-size:4rem}.no-matches-content h3{font-size:1.5rem}}@media (max-width: 480px){.scanner-header h1{font-size:2rem}.scanner-subtitle{font-size:1rem}.section-title{font-size:1.125rem}.scan-frame{width:14rem;height:8rem}.btn{padding:var(--space-sm) var(--space-lg);font-size:.875rem}.btn-large{padding:var(--space-md) var(--space-xl);font-size:1rem}}.confidence-badge{background:#6c6c4e;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:700}.confidence-badge.high{background:#6c6c4e}.confidence-badge.medium{background:#788990}.confidence-badge.low{background:#b0916c}.btn-primary{background:#a73a04;color:#fff}.btn-primary:hover{background:#8b2f03}.progress-fill{background:#a73a04}.best-match-card{border-top:3px solid #6C6C4E}:root{--brand-copper: #A73A04;--brand-sage: #6C6C4E;--brand-cream: #DFD3C0;--brand-blue-gray: #788390;--brand-taupe: #B09169;--primary-color: var(--brand-copper);--primary-hover: #8B2F03;--primary-light: #C44A15;--secondary-color: var(--brand-sage);--secondary-hover: #5A5A42;--secondary-light: #87876B;--text-primary: #2C2C2C;--text-secondary: var(--brand-blue-gray);--text-muted: #999999;--text-light: #FFFFFF;--background-primary: #FFFFFF;--background-secondary: var(--brand-cream);--background-accent: #F8F6F3;--background-dark: var(--brand-sage);--accent-color: var(--brand-copper);--accent-warm: var(--brand-taupe);--accent-cool: var(--brand-blue-gray);--border-light: #E5E1DC;--border-medium: var(--brand-cream);--border-dark: var(--brand-blue-gray);--header-bg: var(--background-primary);--header-text: var(--text-primary);--header-accent: var(--brand-copper);--btn-primary-bg: var(--brand-copper);--btn-primary-text: var(--text-light);--btn-primary-hover: var(--primary-hover);--btn-secondary-bg: var(--brand-sage);--btn-secondary-text: var(--text-light);--btn-secondary-hover: var(--secondary-hover);--btn-outline-border: var(--brand-copper);--btn-outline-text: var(--brand-copper);--btn-outline-hover-bg: var(--brand-copper);--card-bg: var(--background-primary);--card-border: var(--border-light);--card-shadow: rgba(167, 58, 4, .1);--input-border: var(--border-medium);--input-focus: var(--brand-copper);--input-bg: var(--background-primary);--success-color: #059669;--warning-color: #D97706;--error-color: #DC2626;--info-color: var(--brand-blue-gray);--primary-dark: var(--brand-sage);--primary: var(--brand-copper);--primary-light: var(--brand-taupe);--accent: var(--brand-copper);--background: var(--background-primary);--text-dark: var(--text-primary);--chocolate-primary: var(--text-primary);--chocolate-secondary: var(--brand-taupe);--chocolate-light: var(--brand-copper);--chocolate-soft: var(--brand-cream);--gold-accent: var(--brand-copper);--sage-accent: var(--brand-sage);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(167, 58, 4, .05);--shadow-md: 0 4px 6px -1px rgba(167, 58, 4, .1), 0 2px 4px -1px rgba(167, 58, 4, .06);--shadow-lg: 0 10px 15px -3px rgba(167, 58, 4, .1), 0 4px 6px -2px rgba(167, 58, 4, .05);--shadow-xl: 0 20px 25px -5px rgba(167, 58, 4, .1), 0 10px 10px -5px rgba(167, 58, 4, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background-primary);padding-top:0!important;margin-top:0!important}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;display:flex;flex-direction:column;width:100%;padding-top:0;margin-top:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.browse-page,.search-results-page,.chocolate-detail-page,.profile-page,.admin-page{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:1rem}.hero-section{height:85vh;min-height:600px;background-image:linear-gradient(135deg,#a73a04d9,#6c6c4ebf,#788390d9),url(https://images.unsplash.com/photo-1511381939415-e44015466834?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2072&q=80);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;color:var(--text-light);margin-top:0;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-family:Poppins,sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .3s ease;gap:.5rem}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);box-shadow:var(--shadow-md)}.btn-secondary:hover{background-color:var(--btn-secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--btn-outline-text);border:2px solid var(--btn-outline-border)}.btn-outline:hover{background-color:var(--btn-outline-hover-bg);color:var(--text-light);transform:translateY(-2px)}.chocolate-grid,.results-grid,.favorites-grid,.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;width:100%}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.section-title{color:var(--text-primary);margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);margin-bottom:2rem}.form-input,.search-input{width:100%;padding:.75rem 1rem;border:2px solid var(--input-border);border-radius:var(--border-radius-md);background-color:var(--input-bg);color:var(--text-primary);font-family:Merriweather,serif;transition:border-color .3s ease}.form-input:focus,.search-input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #a73a041a}.error,.loading{width:100%;text-align:center;padding:3rem 1rem;color:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}p,li,a,button,input,textarea,span{font-family:Merriweather,serif}a{color:var(--primary-color);transition:color .3s ease}a:hover{color:var(--primary-hover)}img{max-width:100%;height:auto}.footer{width:100%;background-color:var(--background-dark);color:var(--text-light);margin-top:auto}.success-message{background-color:var(--success-color);color:#fff;padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1rem}.error-message{background-color:var(--error-color);color:#fff;padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1rem}.warning-message{background-color:var(--warning-color);color:#fff;padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1rem}.info-message{background-color:var(--info-color);color:#fff;padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1rem}