.oaat{text-align:center}.oaat h2{margin:12px 0 18px}.oaat-choices{display:grid;grid-template-columns:repeat(4,1fr);max-width:740px;gap:18px;margin:24px auto}.oaat-choices img{width:130px;height:130px;object-fit:contain}.oaa-aroma{position:relative;border:1px solid transparent;background:transparent;color:inherit;padding:6px;border-radius:50% 50% 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;cursor:pointer;min-width:0}.oaa-aroma[aria-pressed=true]{border-color:var(--accent);background:#c9a66b12}.oaa-aroma img{object-fit:contain;transition:transform .2s}.oaa-aroma:hover img{transform:translateY(-4px)}.oaa-tick{position:absolute;right:10%;top:6px;opacity:0;color:var(--accent)}.oaa-aroma[aria-pressed=true] .oaa-tick{opacity:1}.oaa-aroma>span:last-child{font-size:12px}.oaa{max-width:1440px;margin:auto;padding:24px 5vw 20px}.oaa-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.oaa-heading{padding:22px 0 25px}.oaa-heading h1{font-size:clamp(34px,4.4vw,62px);margin:8px 0 10px;max-width:none}.oaa-heading>p:last-child{color:var(--muted);font-size:13px}.oaa-workspace{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.oaa-palettehead{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:12px}.oaa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.oaa-grid img{width:100%;height:clamp(55px,8vh,90px)}.oaa-actions{display:flex;justify-content:space-between;margin-top:12px}.oaa-actions button{border:0;background:none;color:var(--accent);font:inherit;font-size:11px;min-height:44px;cursor:pointer}.oaa-status{font-size:11px;color:var(--muted);min-height:32px}.oaa-stage{height:260px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#f0e8da,#dfd0b7);isolation:isolate;overflow:hidden}.oaa-pack{height:92%;width:52%;object-fit:contain;filter:drop-shadow(0 9px 9px #302d2220)}.oaa-motifs{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:-1}.oaa-motifs img{width:26%;height:36%;object-fit:contain}.oaa-motifs img:nth-child(2){align-self:flex-end;margin-bottom:12px}.oaa-motifs img:nth-child(3){align-self:flex-start;margin-top:15px}.oaa-emptyart{display:flex;align-items:center;justify-content:center}.oaa-emptyart img{width:30%;max-width:130px;height:150px;object-fit:contain}.oaa-result{padding:14px 0}.oaa-result :is(h2,h3){font-size:clamp(29px,3vw,43px);margin:5px 0 7px;line-height:1.05}.oaa-score{font-size:10px;color:var(--accent);margin:0}.oaa-hitnames{font-size:12px;margin:0 0 5px}.oaa-reason,.oaa-result>p{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:10px}.oaa-compare{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:8px;font-size:10px;color:var(--muted)}.oaa-compare button{min-height:44px;width:44px;border:1px solid var(--line);background:none;color:var(--text);cursor:pointer}.oaa-compare button:disabled{opacity:.3;cursor:default}.oaa-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.oaa button:focus-visible,.oaat button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body:has(.oaa--standalone) .prelaunch-notice,body:has(.oaa--standalone) footer,body:has(.oaa--standalone) .shopify-section-group-footer-group{display:none}body:has(.oaa--standalone) .site-header{position:relative}
@container oaa (max-width:700px){.oaat-choices{gap:4px}.oaat-choices img{width:100%;height:70px}.oaa{padding:12px 18px}.oaa-top{padding-bottom:10px;font-size:9px}.oaa-heading{padding:13px 0}.oaa-heading h1{font-size:35px}.oaa-heading>p:last-child{font-size:11px}.oaa-workspace{display:flex;flex-direction:column;gap:9px}.oaa-grid{gap:2px}.oaa-grid img{height:48px}.oaa-aroma{gap:2px;padding:3px}.oaa-aroma>span:last-child{font-size:9px}.oaa-palettehead{font-size:9px;margin-bottom:5px}.oaa-actions{margin-top:2px}.oaa-actions button{min-height:36px;font-size:10px}.oaa-status{font-size:9px;min-height:18px;margin:0}.oaa-match{display:grid;grid-template-columns:31% 1fr;gap:0 14px}.oaa-stage{height:174px;grid-column:1;grid-row:1}.oaa-pack{width:90%;height:90%}.oaa-motifs{display:none}.oaa-result{padding:0;grid-column:2;grid-row:1}.oaa-result :is(h2,h3){font-size:28px;margin:4px 0 6px}.oaa-result>p,.oaa-hitnames,.oaa-reason{font-size:9px;margin-bottom:5px}.oaa-compare{grid-column:1/-1;margin-top:7px;font-size:9px}.oaa-compare button{min-height:36px;width:36px}.oaa-note{font-size:8px;margin:10px 0}.oaa-emptyart{flex-wrap:wrap}.oaa-emptyart img{width:50%;height:65px}}@media(prefers-reduced-motion:reduce){.oaa-aroma img{transition:none}.oaa-aroma:hover img{transform:none}}
body:has(.oaa--standalone) .origen-sticky-navigation{display:none}body:has(.oaa--standalone){overflow-x:clip}.oaa-aroma img{filter:none}.oaa-heading h1{line-height:1.05}.oaa-top span{font-size:10px;letter-spacing:.16em}.oaa-match{min-width:0}

.oaa{container-type:inline-size;container-name:oaa}@media(max-width:700px){.oaa{padding:12px 18px}.oaat-choices{gap:4px}.oaat-choices img{width:100%;height:70px}}
.oaat .button,.oaa .button{max-width:100%}
.oaat .button .link-label,.oaa .button .link-label{font:inherit;flex-shrink:1;min-width:0;text-decoration:none}
.oaat-choices{margin-bottom:48px}
@media(max-width:700px){.oaat-choices{margin-bottom:32px}}

.oaa-aroma{border-radius:0}
.oaa-aroma[aria-pressed=true]{background:transparent;border-color:transparent}
.oaa-aroma[aria-pressed=true]::after{content:"";position:absolute;bottom:0;left:22%;right:22%;height:1px;background:var(--accent)}
.oaa-aroma[aria-pressed=true]>span:last-child{color:var(--accent);font-weight:600}
.oaa-aroma .oaa-tick{right:8px;top:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--bg);font:600 13px/1 var(--sans);box-shadow:0 0 0 3px var(--bg);z-index:1}
.oaa-aroma:disabled{opacity:.3;cursor:not-allowed}
.oaa-aroma:disabled img{filter:grayscale(1)}
.oaa-aroma:disabled:hover img{transform:none}
.oaa-status{line-height:1.6;min-height:3.2em}
.oaa-status:empty{display:none;min-height:0}
@container oaa (max-width:700px){.oaa-aroma .oaa-tick{width:18px;height:18px;top:2px;right:3px;font-size:11px}.oaa-status{font-size:10px;min-height:3.2em}}
@media(max-width:700px){.oaat .oaa-aroma .oaa-tick{width:18px;height:18px;top:2px;right:3px;font-size:11px}}

.oaa-stage{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:24px;padding:16px 28px}
.oaa-pack{width:100%;height:228px;max-height:100%}
.oaa-motifs{position:static;inset:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;z-index:auto;height:100%;min-height:0}
.oaa-motifs img,.oaa-motifs img:nth-child(2),.oaa-motifs img:nth-child(3){width:64px;height:64px;flex:0 0 auto;align-self:center;margin:0}
.oaa-emptyart{grid-column:1/-1}
@container oaa (max-width:700px){.oaa-stage{display:flex;flex-direction:column;justify-content:center;height:184px;padding:8px;gap:4px}.oaa-pack{height:132px;width:100%;min-height:0;flex:1}.oaa-motifs{display:flex;flex-direction:row;height:30px;width:100%;gap:2px;flex:0 0 30px}.oaa-motifs img,.oaa-motifs img:nth-child(2),.oaa-motifs img:nth-child(3){width:28px;height:28px}.oaa-emptyart{grid-column:auto}.oaa-result .button{width:100%}}

.oaa-dialog{position:fixed;inset:auto 0 0;margin:0 auto;padding:0;width:min(1320px,calc(100% - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 16px);color:var(--text);background:var(--bg);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -12px 60px #0005}
.oaa-dialog:not([open]){display:none}
.oaa-dialog[open]{display:flex;flex-direction:column;animation:oaa-sheet-in .28s ease-out}
.oaa-dialog::backdrop{background:#07100bbd;backdrop-filter:blur(4px)}
.oaa-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;padding:12px 28px;border-bottom:1px solid var(--line)}
.oaa-dialog-close{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:8px 12px;font:400 12px/20px var(--sans);color:var(--text);background:transparent;border:1px solid var(--line)}
.oaa-dialog-close span:last-child{font-size:24px;line-height:20px}
.oaa-dialog-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.oaa-dialog-body::-webkit-scrollbar{width:8px;height:8px}.oaa-dialog-body::-webkit-scrollbar-track{background:transparent}.oaa-dialog-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.oaa-dialog-body::-webkit-scrollbar-button{display:none;width:0;height:0}
.oaa-dialog .oaa{padding:12px 36px 18px;max-width:none}
.oaa-dialog .oaa-top{display:none}
.oaa-dialog .oaa-heading h2{font-size:clamp(34px,4.4vw,62px);line-height:1.05;margin:8px 0 10px;max-width:none}
.oaa-dialog .oaa-heading{padding-top:12px}
.oaa-dialog-message{padding:40px 36px;font-size:14px;color:var(--muted)}
.oaa-dialog-message .button{margin-top:20px}
.oaa-dialog .oaa-note{margin-bottom:0}
html:has(.oaa-dialog[open]){scrollbar-gutter:stable}
body:has(.oaa-dialog[open]){overflow:hidden}
@keyframes oaa-sheet-in{from{transform:translateY(70px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-width:700px){.oaa-dialog{width:100%;max-width:100%;max-height:calc(100dvh - 12px);border-left:0;border-right:0}.oaa-dialog-header{padding:8px 18px;gap:10px}.oaa-dialog .oaa{padding:10px 18px 14px}.oaa-dialog .oaa-heading h2{font-size:35px}.oaa-dialog .oaa-heading{padding-bottom:14px}.oaa-dialog-message{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){.oaa-dialog[open]{animation:none}.oaa-dialog::backdrop{backdrop-filter:none}}
.oaa-dialog .oaa-heading>.eyebrow{display:none}
.oaa-dialog{height:calc(100dvh - 16px)}
@media(max-width:700px){.oaa-dialog{height:calc(100dvh - 12px)}}

/* Aroma Atelier: Kaffeeliste statt Karussell (Claude) */
.oaa-workspace{align-items:start}
.oaa-palette{position:sticky;top:0}
.oaa-listhead{margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid var(--line);font:400 clamp(22px,2vw,28px)/1.15 var(--display);color:var(--text)}
.oaa-list{list-style:none;margin:0;padding:0}
.oaa-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);transition:opacity .25s ease}
.oaa-row__media{display:block}
.oaa-row__pack{display:block;width:64px;height:96px;object-fit:contain;filter:drop-shadow(0 6px 8px #0004)}
.oaa-row__body{min-width:0}
.oaa-row__score{margin:0 0 2px;font:600 10px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.oaa-row__title{margin:0 0 8px;font:400 24px/1.1 var(--display)}
.oaa-row__title a{color:inherit;text-decoration:none}
.oaa-row__title a:hover{color:var(--accent)}
.oaa-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.oaa-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border:1px solid var(--line);border-radius:999px;font-size:11px;line-height:1;color:var(--text);transition:opacity .2s,border-color .2s,color .2s}
.oaa-chip img{width:24px;height:24px;object-fit:contain;transition:filter .2s}
.oaa-list.has-selection .oaa-chip{opacity:.5;color:var(--muted);border-style:dashed}
.oaa-list.has-selection .oaa-chip img{filter:grayscale(1)}
.oaa-list.has-selection .oaa-chip.is-hit{opacity:1;color:var(--accent);border:1px solid var(--accent);background:#c9a66b1f;font-weight:600}
.oaa-list.has-selection .oaa-chip.is-hit img{filter:none}
.oaa-row__aside{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.oaa-row__price{font-size:13px;white-space:nowrap}
.oaa-row__price small{font-size:11px;color:var(--muted);margin-right:3px}
.oaa-row .quick-add,.oaa-row .quick-add[disabled]{position:relative;right:auto;bottom:auto;box-shadow:none;visibility:visible;opacity:1}
.oaa-row.is-dim{opacity:.42}
.oaa-row.is-dim:hover,.oaa-row.is-dim:focus-within{opacity:.85}
.oaa-divider{padding:18px 0 6px;font:600 10px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
@container oaa (max-width:700px){
.oaa-palette{position:static}
.oaa-match{display:block}
.oaa-listhead{font-size:22px;margin-top:10px}
.oaa-row{grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding:10px 0}
.oaa-row__pack{width:52px;height:78px}
.oaa-row__title{font-size:21px;margin-bottom:6px}
.oaa-chip{font-size:10px;padding:2px 8px 2px 2px;gap:4px}
.oaa-chip img{width:20px;height:20px}
.oaa-row__price{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.oaa-row,.oaa-chip,.oaa-chip img{transition:none}}
.oaa-jump{display:none}
@container oaa (max-width:700px){.oaa-jump{position:sticky;bottom:10px;z-index:3;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin:6px 0 0;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--bg);font:600 12px/1 var(--sans);letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 24px #0006}.oaa-match{scroll-margin-top:8px}}