:root{color-scheme:light;--color-deep-violet: #0f0733;--color-electric-indigo: #471cff;--color-pure-white: #ffffff;--color-charcoal-black: #18181f;--color-graphite: #494949;--color-snow-drift: #f0f5fa;--color-pale-lavender: #dbd3ff;--color-sky-mist: #bbc5fa;--color-crimson-alert: #eb0130;--color-sunny-orange: #ff5a43;--color-aqua-glow: #7ae7fb;--font-haffer: "Haffer", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 12px;--leading-caption: 1.5;--text-body: 14px;--leading-body: 1.4;--text-body-lg: 16px;--leading-body-lg: 1.35;--text-subheading: 20px;--leading-subheading: 1.32;--text-heading: 26px;--leading-heading: 1.24;--tracking-heading: -.3px;--text-heading-lg: 30px;--leading-heading-lg: 1.2;--tracking-heading-lg: -.33px;--text-display: 48px;--leading-display: 1.16;--tracking-display: -.45px;--font-weight-regular: 400;--font-weight-semibold: 600;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-80: 80px;--spacing-100: 100px;--page-max-width: 1440px;--section-gap: 24px;--card-padding: 16px;--element-gap: 8px;--radius-cards: 16px;--radius-badges: 20px;--radius-buttons: 400px;--radius-elements-sm: 8px;--shadow-xl: rgba(0, 0, 0, .15) 10px 20px 30px 0;font-family:var(--font-haffer);background:var(--color-pure-white);color:var(--color-charcoal-black)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--color-pure-white);color:var(--color-charcoal-black);font-family:var(--font-haffer);font-size:var(--text-body);line-height:var(--leading-body)}button,input{font:inherit}.icon{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);min-height:64px;padding:var(--spacing-8) max(var(--spacing-16),calc((100vw - var(--page-max-width)) / 2 + var(--spacing-24)));border-bottom:1px solid var(--color-pale-lavender);background:#fffffff0;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;min-width:0;gap:var(--spacing-12);color:var(--color-deep-violet);text-decoration:none}.brand img{width:42px;height:42px;flex:0 0 auto;object-fit:contain}.brand span{display:grid;gap:1px;min-width:0}.brand strong{color:var(--color-deep-violet);font-size:13px;font-weight:var(--font-weight-semibold);line-height:1.16;letter-spacing:0}.brand small{color:var(--color-graphite);font-size:var(--text-caption);line-height:1.2}.language-switcher{display:flex;gap:var(--spacing-8);flex:0 0 auto}.language-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:58px;height:34px;padding:0 11px 0 9px;border:1px solid var(--color-pale-lavender);border-radius:var(--radius-buttons);background:var(--color-pure-white);color:var(--color-electric-indigo);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;white-space:nowrap}.language-button.active{border-color:var(--color-electric-indigo);background:var(--color-electric-indigo);color:var(--color-pure-white)}.language-flag{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--color-snow-drift);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #471cff14;overflow:hidden}.language-button.active .language-flag{box-shadow:inset 0 0 0 1px #fff3}.flag-it{background-image:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66% 100%)}.flag-fr{background-image:linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66% 100%)}.flag-zh{background-color:#de2910;background-image:radial-gradient(circle at 34% 34%,#ffde00 0 12%,transparent 13%),radial-gradient(circle at 56% 25%,#ffde00 0 4%,transparent 5%),radial-gradient(circle at 63% 39%,#ffde00 0 4%,transparent 5%),radial-gradient(circle at 61% 56%,#ffde00 0 4%,transparent 5%),radial-gradient(circle at 50% 68%,#ffde00 0 4%,transparent 5%)}.flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' fill='%23012169'/%3E%3Cpath d='M0 0 60 60M60 0 0 60' stroke='%23fff' stroke-width='14'/%3E%3Cpath d='M0 0 60 60M60 0 0 60' stroke='%23c8102e' stroke-width='8'/%3E%3Cpath d='M30 0v60M0 30h60' stroke='%23fff' stroke-width='22'/%3E%3Cpath d='M30 0v60M0 30h60' stroke='%23c8102e' stroke-width='13'/%3E%3C/svg%3E")}.language-code{display:inline-block;min-width:18px;text-align:center}main{width:100%;margin:0 auto}.hero{position:relative;display:grid;gap:var(--spacing-32);align-items:center;width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--spacing-56) var(--spacing-16) var(--spacing-40);overflow:hidden;background:var(--color-deep-violet);color:var(--color-pure-white)}.hero:after{position:absolute;inset:0;z-index:0;background:#00000057;content:"";pointer-events:none}.hero-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.hero-copy,.hero-mark{position:relative;z-index:1}.hero-copy{display:grid;gap:var(--spacing-20);max-width:680px}.hero h1{max-width:720px;margin:0;color:var(--color-pure-white);font-size:clamp(42px,9vw,60px);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:-.45px}.hero p{max-width:620px;margin:0;color:#ffffffdb;font-size:18px;line-height:1.4}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-12)}.primary-action,.ghost-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 var(--spacing-24);border-radius:var(--radius-buttons);font-size:var(--text-body-lg);line-height:1;text-decoration:none}.primary-action{border:1px solid var(--color-electric-indigo);background:var(--color-electric-indigo);color:var(--color-pure-white)}.ghost-action{border:1px solid rgba(255,255,255,.42);background:#ffffff14;color:var(--color-pure-white)}.hero-proof{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}.hero-proof span{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border:1px solid rgba(187,197,250,.34);border-radius:var(--radius-elements-sm);background:#ffffff14;color:#ffffffc7;font-size:var(--text-caption);line-height:1}.hero-proof strong{color:var(--color-aqua-glow);font-size:var(--text-body-lg);font-weight:var(--font-weight-semibold)}.hero-mark{display:grid;place-items:center}.hero-logo{width:min(46vw,360px);max-width:100%;height:auto;filter:drop-shadow(0 24px 36px rgba(15,7,51,.32))}.toolbar{position:sticky;top:64px;z-index:30;display:grid;gap:var(--spacing-12);width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--spacing-16);border-bottom:1px solid var(--color-pale-lavender);background:#ffffffeb;backdrop-filter:blur(18px)}.category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-8)}.category-tab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--color-pale-lavender);border-radius:var(--radius-buttons);background:var(--color-pure-white);color:var(--color-deep-violet);cursor:pointer;text-align:center}.category-tab span{min-width:0;font-size:var(--text-body);font-weight:var(--font-weight-semibold);line-height:1.1;overflow-wrap:anywhere}.category-tab small{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 var(--spacing-8);border-radius:var(--radius-badges);background:var(--color-snow-drift);color:var(--color-electric-indigo);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);line-height:1}.category-tab.active{border-color:var(--color-electric-indigo);background:var(--color-electric-indigo);color:var(--color-pure-white)}.category-tab.active small{background:#ffffff2e;color:var(--color-pure-white)}.search-field{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:var(--spacing-8);min-height:46px;padding:0 var(--spacing-16);border:1px solid var(--color-pale-lavender);border-radius:var(--radius-buttons);background:var(--color-pure-white);color:var(--color-electric-indigo)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-charcoal-black);font-size:var(--text-body)}.search-field input::placeholder{color:var(--color-graphite)}.flavor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-10, 10px);width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--spacing-16) var(--spacing-12) var(--spacing-48);background:var(--color-snow-drift)}.flavor-card{--card-accent: var(--color-electric-indigo);position:relative;display:grid;align-content:start;gap:var(--spacing-12);min-width:0;min-height:236px;padding:var(--spacing-12);border:1px solid rgba(219,211,255,.72);border-radius:16px;background:var(--color-pure-white);box-shadow:0 8px 22px #0f07330d;cursor:pointer;overflow:hidden}.flavor-card:nth-child(6n+1),.flavor-card:nth-child(6n+4){box-shadow:0 8px 22px #0f07330d}.flavor-card.is-hidden{display:none}.flavor-card>:not(.flavor-card-trigger):not(.flavor-dialog):not(.ingredient-count-badge){position:relative;z-index:1;pointer-events:none}.flavor-card>.ingredient-count-badge{position:absolute;top:0;right:0;z-index:2;display:grid;place-items:start end;width:46px;height:46px;padding:8px 10px 0 0;border:0;border-bottom-left-radius:46px;background:var(--color-electric-indigo);color:var(--color-pure-white);box-shadow:-6px 8px 18px #471cff2e}.ingredient-count-badge strong{color:inherit;font-size:15px;font-weight:var(--font-weight-semibold);line-height:1}.flavor-card-trigger{position:absolute;inset:0;z-index:3;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.flavor-card-trigger:focus-visible{outline:3px solid var(--color-electric-indigo);outline-offset:-3px}.flavor-topline{display:grid;justify-items:start;gap:var(--spacing-10, 10px)}.flavor-photo{width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--color-pure-white)}.flavor-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.16)}.category-label{margin:0 0 3px;color:var(--color-electric-indigo);font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.flavor-card h2{margin:0;color:var(--color-deep-violet);font-size:16px;font-weight:var(--font-weight-semibold);line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}.allergens{min-width:0}.allergens h3{margin:0 0 var(--spacing-6, 6px);color:var(--color-electric-indigo);font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.allergen-list{display:flex;flex-wrap:wrap;gap:6px}.allergen-chip{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;min-width:0;max-width:100%;padding:5px 7px;border:1px solid rgba(219,211,255,.88);border-radius:999px;background:var(--color-pure-white)}.allergen-chip.contains{border-color:#bbc5fae6;background:var(--color-pure-white)}.allergen-chip.may-contain{border-style:dashed;background:var(--color-pure-white)}.allergen-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:0;background:transparent;color:var(--color-electric-indigo);font-size:13px}.allergen-chip strong,.allergen-chip small,.allergen-chip em{display:block;min-width:0;overflow-wrap:anywhere}.allergen-chip strong{color:var(--color-deep-violet);font-size:11px;font-weight:var(--font-weight-semibold);line-height:1.1}.allergen-chip small{display:none}.allergen-chip em{display:none;margin-top:2px;color:var(--color-electric-indigo);font-size:var(--text-caption);font-style:normal;line-height:1.2}.flavor-dialog{width:min(980px,calc(100vw - 24px));max-height:min(88vh,900px);margin:auto;padding:0;border:0;background:transparent;color:var(--color-charcoal-black);overflow:visible}.flavor-dialog::backdrop{background:#0f073380;backdrop-filter:blur(10px)}.flavor-dialog-card{position:relative;display:grid;max-height:min(88vh,900px);padding:0;border:1px solid rgba(219,211,255,.92);border-radius:var(--radius-cards);background:var(--color-pure-white);box-shadow:var(--shadow-xl);overflow:auto}.dialog-close{position:absolute;top:var(--spacing-12);right:var(--spacing-12);z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(219,211,255,.92);border-radius:999px;background:var(--color-pure-white);color:var(--color-electric-indigo);cursor:pointer}.dialog-close:focus-visible{outline:3px solid var(--color-electric-indigo);outline-offset:2px}.dialog-topline{display:grid;align-items:center;min-width:0;padding-right:44px}.dialog-layout{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1fr);min-height:540px}.dialog-photo{min-width:0;min-height:100%;overflow:hidden;background:var(--color-pure-white)}.dialog-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.14)}.dialog-content{display:grid;align-content:start;gap:var(--spacing-16);min-width:0;padding:var(--spacing-20)}.dialog-topline h2{margin:0;color:var(--color-deep-violet);font-size:var(--text-heading);font-weight:var(--font-weight-semibold);line-height:var(--leading-heading);letter-spacing:0;overflow-wrap:anywhere}.dialog-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-8)}.dialog-facts.single-fact{grid-template-columns:minmax(0,1fr)}.dialog-facts span{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:var(--spacing-8);align-items:center;min-width:0;padding:var(--spacing-10, 10px) var(--spacing-12);border:1px solid rgba(219,211,255,.88);border-radius:var(--radius-elements-sm);background:var(--color-snow-drift);color:var(--color-deep-violet)}.dialog-facts span>.icon{grid-row:span 2;width:18px;height:18px;color:var(--color-electric-indigo)}.dialog-facts strong,.dialog-facts small{min-width:0;overflow-wrap:anywhere}.dialog-facts strong{font-size:var(--text-body-lg);font-weight:var(--font-weight-semibold);line-height:1.05}.dialog-facts small{color:var(--color-graphite);font-size:var(--text-caption);line-height:var(--leading-caption)}.dialog-detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--spacing-16);align-items:start}.detail-section{display:grid;gap:var(--spacing-8);min-width:0}.detail-section h3{margin:0;color:var(--color-electric-indigo);font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.ingredient-list,.detail-allergen-list{display:grid;gap:var(--spacing-8);margin:0;padding:0;list-style:none}.ingredient-list li,.detail-allergen{min-width:0;padding:0 0 var(--spacing-8);border:0;border-bottom:1px solid rgba(219,211,255,.72);border-radius:0;background:transparent;color:var(--color-deep-violet)}.ingredient-list li{font-size:12px;font-weight:var(--font-weight-semibold);line-height:1.2;overflow-wrap:anywhere}.detail-allergen{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start}.detail-allergen .allergen-icon{width:20px;height:20px;margin-top:-1px;border-radius:999px;background:var(--color-snow-drift);font-size:12px}.detail-allergen.may-contain{border-bottom-style:dashed}.detail-allergen strong,.detail-allergen small{display:block;min-width:0;overflow-wrap:anywhere}.detail-allergen strong{font-size:12px;font-weight:var(--font-weight-semibold);line-height:1.16}.detail-allergen small{margin-top:2px;color:var(--color-graphite);font-size:var(--text-caption);line-height:1.25}.site-footer{display:grid;gap:var(--spacing-4);width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--spacing-32) var(--spacing-16) var(--spacing-48);border-top:1px solid var(--color-pale-lavender);background:var(--color-pure-white);color:var(--color-graphite);text-align:center}.site-footer p{margin:0;font-size:var(--text-caption);line-height:var(--leading-caption)}.theme-cocoa,.theme-milk-chocolate,.theme-coffee{--card-accent: var(--color-deep-violet)}.theme-white-chocolate,.theme-milk,.theme-ricotta,.theme-cream,.theme-yogurt{--card-accent: var(--color-sky-mist)}.theme-almond,.theme-almond-sorbet,.theme-hazelnut,.theme-pistachio,.theme-peanut,.theme-coconut{--card-accent: var(--color-aqua-glow)}.theme-amarena,.theme-strawberry,.theme-raspberry,.theme-mulberry{--card-accent: var(--color-crimson-alert)}.theme-nutella-coconut,.theme-caramel,.theme-vanilla{--card-accent: var(--color-sunny-orange)}.theme-pear,.theme-fig,.theme-lemon,.theme-pineapple,.theme-mandarin,.theme-mango,.theme-syrup,.theme-cone,.theme-cone-granella,.theme-wafer,.theme-sigaretta,.theme-croissant,.theme-stracciatella{--card-accent: var(--color-electric-indigo)}@media(hover:hover){.primary-action,.ghost-action,.category-tab,.language-button,.flavor-card{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.primary-action:hover,.ghost-action:hover,.category-tab:hover,.language-button:hover{transform:translateY(-1px)}.flavor-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}}@media(min-width:700px){.hero{grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);padding:var(--spacing-80) var(--spacing-40) var(--spacing-56)}.toolbar{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;padding-inline:var(--spacing-40)}.flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:var(--spacing-40)}}@media(min-width:1000px){.flavor-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:620px){.site-header{padding-inline:var(--spacing-12)}.brand small{display:none}.language-switcher{gap:var(--spacing-4)}.language-button{min-width:48px;height:30px;gap:4px;padding-inline:7px}.language-flag{width:17px;height:17px;font-size:12px}.language-code{min-width:16px}.hero{padding-top:var(--spacing-40)}.hero p{font-size:var(--text-body-lg)}.hero-actions{display:grid;grid-template-columns:1fr}.primary-action,.ghost-action{width:100%}.hero-proof{display:flex;flex-wrap:nowrap;gap:var(--spacing-8)}.hero-proof span{flex:1 1 0;justify-content:center;gap:var(--spacing-4);min-width:0;padding:var(--spacing-8) 6px;color:var(--color-pure-white);white-space:nowrap}.hero-proof strong{color:inherit}.toolbar{top:64px}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tab{min-height:42px;padding-inline:var(--spacing-8)}.category-tab span{font-size:13px}.flavor-card{padding:var(--spacing-12);border-radius:16px}.flavor-topline{gap:var(--spacing-8)}.flavor-photo{border-radius:10px}.flavor-card>.ingredient-count-badge{width:42px;height:42px;padding:7px 9px 0 0;border-bottom-left-radius:42px}.ingredient-count-badge strong{font-size:14px}.allergen-chip{grid-template-columns:18px minmax(0,1fr);padding-inline:7px}.flavor-dialog{width:min(100vw - 16px,560px);max-height:calc(100vh - 24px)}.flavor-dialog-card{max-height:calc(100vh - 24px)}.dialog-layout{grid-template-columns:1fr;min-height:0}.dialog-photo{height:clamp(220px,76vw,295px);aspect-ratio:auto;min-height:0}.dialog-topline{padding-right:38px}.dialog-content{padding:var(--spacing-16)}.dialog-topline h2{font-size:var(--text-subheading);line-height:var(--leading-subheading)}.dialog-facts,.dialog-detail-grid{grid-template-columns:1fr}}