.db{--gold:#c9a35b;--gold2:#efd28c;--text:#f8f5ef;--muted:#aaa49b;--line:rgba(201,163,91,.28);position:relative;isolation:isolate;overflow:hidden;background:#080808;color:var(--text);min-height:82vh;padding:54px 16px 76px}.db *{box-sizing:border-box}.db__ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(65% 45% at 50% -10%,rgba(201,163,91,.18),transparent 72%),radial-gradient(30% 28% at 90% 42%,rgba(111,76,31,.08),transparent 75%)}.db__container{width:100%;max-width:1080px;margin:auto}.db__header{text-align:center;max-width:720px;margin:0 auto 30px}.db__eyebrow{margin:0 0 11px;color:var(--gold2);font-size:10px;font-weight:750;letter-spacing:2.7px}.db__header h1,.db__results h2{margin:0;color:#fff;font-weight:520;letter-spacing:-1px}.db__header h1{font-size:clamp(34px,7vw,58px);line-height:1.02}.db__lead{max-width:600px;margin:16px auto 0;color:var(--muted);font-size:15px;line-height:1.65}.db__meta{max-width:790px;margin:30px auto 0}.db__progress{height:3px;overflow:hidden;border-radius:20px;background:#242424}.db__progress-bar{width:14.285%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9e783e,var(--gold2));box-shadow:0 0 20px #c9a35b4d;transition:width .35s ease}.db__counter{margin:8px 0 0;text-align:right;color:#747474;font-size:11px;letter-spacing:1.5px}.db__quiz{max-width:790px;margin:18px auto 0;padding:30px 20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 38%),#0f0f0ff5;box-shadow:0 28px 75px #0000006b,inset 0 1px #ffffff06}.db__step{display:none}.db__step.is-active{display:block;animation:dbEnter .34s cubic-bezier(.22,.75,.25,1)}@keyframes dbEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.db__number{display:block;margin-bottom:9px;color:var(--gold);font-size:10px;font-weight:750;letter-spacing:2px}.db__step h2{margin:0 0 22px;color:#fff;font-size:clamp(24px,5vw,34px);line-height:1.16;font-weight:520;letter-spacing:-.35px}.db__hint{margin:-12px 0 21px;color:var(--muted);font-size:13px;line-height:1.5}.db__choices{display:grid;grid-template-columns:1fr;gap:10px}.db__choices button,.db__note{border:1px solid #303030;border-radius:12px;background:#171717;color:#eee;font:inherit;cursor:pointer;transition:.18s}.db__choices button{min-height:58px;padding:13px 15px;text-align:left}.db__choices--grid,.db__choices--season{grid-template-columns:repeat(2,minmax(0,1fr))}.db__choices--grid button,.db__choices--season button{text-align:center}.db__choices button:hover,.db__note:hover{border-color:#c9a35bbf}.db__choices button:active,.db__note:active{transform:scale(.985)}.db__choices button.is-selected,.db__note.is-selected{border-color:var(--gold);background:linear-gradient(135deg,#e2c47c,#b98c48);color:#090909;box-shadow:0 8px 26px #c9a35b29}.db__choice-title{display:block;font-size:14px;font-weight:650}.db__choice-sub{display:block;margin-top:4px;color:#8e8e8e;font-size:11px}.db__choices button.is-selected .db__choice-sub{color:#0000009e}.db__search{display:block;margin:0 0 12px}.db__search input{width:100%;min-height:46px;padding:0 14px;border:1px solid #303030;border-radius:11px;background:#121212;color:#fff;font:inherit;font-size:13px;outline:none}.db__search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a35b14}.db__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:372px;overflow:auto;padding:2px 5px 2px 0;scrollbar-width:thin;scrollbar-color:var(--gold) #181818}.db__note{min-height:43px;padding:8px;font-size:12px}.db__note:disabled{opacity:.32;cursor:not-allowed}.db__selection-summary{margin:11px 2px 0;color:#7f7f7f;font-size:11px;text-align:right}.db__primary,.db__secondary,.db__restart{min-height:50px;border-radius:11px;padding:12px 17px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:.2s}.db__primary{border:1px solid var(--gold);background:linear-gradient(135deg,#dfbf76,#b98c48);color:#090909}.db__primary:disabled{opacity:.32;cursor:not-allowed}.db__secondary{border:1px solid #393939;background:transparent;color:#c9c9c9}.db__next{width:100%;margin-top:18px}.db__step-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.db__navigation{margin-top:24px;padding-top:16px;border-top:1px solid #242424}.db__back{padding:6px 0;border:0;background:none;color:#939393;font:inherit;font-size:12px;cursor:pointer}.db__back:hover{color:var(--gold2)}.db__results{max-width:1080px;margin:42px auto 0}.db__results-head{text-align:center;max-width:760px;margin:0 auto 28px}.db__results h2{font-size:clamp(30px,6vw,45px)}.db__results [data-status]{margin:12px auto 0;color:var(--muted);font-size:14px;line-height:1.55}.db__profile{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:17px auto 4px}.db__profile span{padding:6px 9px;border:1px solid rgba(201,163,91,.3);border-radius:99px;background:#c9a35b0f;color:#d8c18f;font-size:10px}.db__products{display:grid;grid-template-columns:1fr;gap:16px}.db__product{position:relative;overflow:hidden;border:1px solid #292929;border-radius:17px;background:#111;box-shadow:0 20px 55px #00000047;opacity:0;transform:translateY(14px);animation:dbCard .45s ease forwards;animation-delay:var(--delay,0ms)}.db__product--best{border-color:#c9a35b9e;box-shadow:0 24px 65px #00000059,0 0 0 1px #c9a35b14}@keyframes dbCard{to{opacity:1;transform:none}}.db__best-badge{position:absolute;z-index:2;top:12px;left:12px;padding:7px 9px;border-radius:99px;background:#080808e0;border:1px solid rgba(239,210,140,.5);color:var(--gold2);font-size:9px;font-weight:800;letter-spacing:1.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.db__product-image{display:block;aspect-ratio:1/.82;background:#151515;text-decoration:none;overflow:hidden}.db__product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.db__product:hover .db__product-image img{transform:scale(1.025)}.db__image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#2b261d 0,#151515 68%);color:#c9a35b99;font-size:11px;letter-spacing:4px}.db__product-content{padding:20px 18px 18px}.db__match{display:inline-flex;align-items:baseline;gap:6px;margin-bottom:12px;padding:6px 10px;border:1px solid rgba(201,163,91,.32);border-radius:99px;background:#c9a35b12;color:var(--gold2)}.db__match strong{font-size:17px}.db__match span{font-size:9px;text-transform:uppercase;letter-spacing:1px}.db__product h3{margin:0 0 9px;color:#fff;font-size:20px;font-weight:560}.db__reason{min-height:40px;margin:0 0 15px;color:#aaa;font-size:12.5px;line-height:1.55}.db__matched{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.db__matched>span{width:100%;color:#7f7f7f;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.db__matched small{padding:5px 8px;border:1px solid rgba(201,163,91,.23);border-radius:99px;color:#d7bd87;font-size:9px}.db__warning{margin-bottom:14px;padding:9px 10px;border-left:2px solid #8e6a3c;background:#181512;color:#c5b39c;font-size:10.5px}.db__product-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:0 14px;border:1px solid var(--gold);border-radius:10px;color:var(--gold2);font-size:12px;font-weight:650;text-decoration:none;transition:.2s}.db__product-button:hover{background:var(--gold);color:#090909}.db__restart{display:block;margin:28px auto 0;border:1px solid #3a3a3a;background:transparent;color:#bcbcbc}.db__restart:hover{border-color:var(--gold);color:var(--gold2)}.db [hidden]{display:none!important}.db button:focus-visible,.db a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}@media(min-width:600px){.db{padding:70px 24px 96px}.db__quiz{padding:38px 36px 28px}.db__choices--two{grid-template-columns:1fr 1fr}.db__choices--three{grid-template-columns:repeat(3,1fr)}.db__notes{grid-template-columns:repeat(3,minmax(0,1fr))}.db__products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:950px){.db__choices--grid{grid-template-columns:repeat(3,minmax(0,1fr))}.db__choices--season{grid-template-columns:repeat(5,minmax(0,1fr))}.db__notes{grid-template-columns:repeat(4,minmax(0,1fr))}.db__products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.db *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.db__product{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/duftberater.css.map */