.shisha-page{--smoke:236, 229, 214;--ember:255, 138, 61;position:relative;overflow-x:clip}.shisha-page :is([data-strength=leicht],[data-level=leicht]){--lamp:#2fe08a}.shisha-page :is([data-strength=mittel],[data-level=mittel]){--lamp:#ffc53d}.shisha-page :is([data-strength=stark],[data-level=stark]){--lamp:#ff3b30}.smoke-field{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 80%,#0000);mask-image:linear-gradient(#0000,#000 16% 80%,#0000)}.plume{--plume-x:62%;--plume-delay:-2s;--plume-duration:28s;bottom:-40%;left:var(--plume-x);aspect-ratio:1;background:radial-gradient(circle, rgba(var(--smoke), .13), rgba(var(--smoke), .045) 40%, transparent 68%);filter:blur(26px);opacity:0;width:clamp(320px,46vw,760px);animation:plume-rise var(--plume-duration) var(--plume-delay) linear infinite;will-change:transform, opacity;border-radius:50%;position:absolute}.plume:nth-child(2){--plume-x:80%;--plume-delay:-11s;--plume-duration:33s}.plume:nth-child(3){--plume-x:30%;--plume-delay:-18s;--plume-duration:31s}.plume:nth-child(4){--plume-x:94%;--plume-delay:-25s;--plume-duration:37s}@keyframes plume-rise{0%{opacity:0;transform:translate(-50%)scale(.55)rotate(0)}18%{opacity:1}72%{opacity:.65}to{opacity:0;transform:translate(-38%,-135%)scale(1.35)rotate(35deg)}}.ember{bottom:-2%;left:var(--x);width:var(--size);height:var(--size);box-shadow:0 0 6px 2px rgba(var(--ember), .75), 0 0 18px 5px rgba(var(--ember), .28);opacity:0;animation:ember-rise var(--duration) var(--delay) linear infinite;background:#ffcf8a;border-radius:50%;position:absolute}@keyframes ember-rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:.95}75%{opacity:.45}to{transform:translate3d(var(--drift), -78vh, 0);opacity:0}}@keyframes halo-spin{to{rotate:360deg}}.shisha-hero{isolation:isolate;min-height:min(760px, calc(100svh - var(--header-height)));grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,88px);padding-block:clamp(40px,6vw,88px) clamp(48px,6vw,88px);display:grid;position:relative}.shisha-hero:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 74% 58%, rgba(var(--ember), .12), transparent 70%), radial-gradient(ellipse 40% 45% at 14% 22%, #ffffff0d, transparent 70%);position:absolute;inset:0}.shisha-hero .page-heading h1{letter-spacing:-.035em;color:var(--white);font-size:clamp(5.2rem,12.5vw,11.5rem);line-height:.82}.shisha-actions{flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:40px;display:flex}.shisha-hero-media{justify-self:center;width:min(440px,100%);position:relative}.shisha-reel,.mixes-photo{aspect-ratio:3/4;border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--hairline), 0 40px 90px #0000008c, 0 0 140px rgba(var(--ember), .12)}.shisha-reel{isolation:isolate;background:var(--ink);position:relative;overflow:hidden}.reel-slide{opacity:0;position:absolute;inset:0}.reel-progress+.reel-slide{opacity:1}.reel-slide img{object-fit:cover;width:100%;height:100%;display:block}.reel-slide:after{content:"";background:linear-gradient(#0000,#050505c7);position:absolute;inset:58% 0 0}.reel-name{z-index:1;font:500 clamp(1.625rem, 2.6vw, 2.25rem) / 1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--white);position:absolute;bottom:clamp(16px,2.2vw,24px);left:clamp(18px,2.4vw,26px)}.reel-progress{z-index:3;gap:6px;display:flex;position:absolute;top:14px;left:16px;right:16px}.reel-progress span{background:#ffffff42;border-radius:2px;flex:1;height:2px;overflow:hidden}.reel-progress span:after{content:"";background:var(--white);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.reel-slide,.reel-slide img,.reel-name,.reel-progress span:after{animation:18s calc(var(--slide) * 6s - 1s) linear infinite both}.reel-slide{animation-name:reel-show}.reel-slide img{animation-name:reel-zoom}.reel-name{animation-name:reel-lift;animation-timing-function:var(--ease-luxury)}.reel-progress span:after{animation-name:reel-fill}}@media (prefers-reduced-motion:reduce){.reel-progress{display:none}}@keyframes reel-show{0%{opacity:0;z-index:2}5.5%{opacity:1;z-index:2}5.6%{z-index:1}39%{opacity:1}39.1%,to{opacity:0;z-index:1}}@keyframes reel-zoom{0%{transform:scale(1.12)}39%,to{transform:scale(1)}}@keyframes reel-lift{0%,3%{transform:translateY(14px)}12%,to{transform:none}}@keyframes reel-fill{0%{opacity:1;transform:scaleX(0)}33.3%{opacity:1;transform:scaleX(1)}39%,to{opacity:0;transform:scaleX(1)}}@keyframes art-rise{0%{opacity:0;filter:blur(8px);transform:translateY(26px)scale(.97)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:no-preference){.shisha-page .page-heading{animation:bling-enter .85s var(--ease-luxury) both}.shisha-actions{animation:bling-enter .75s .24s var(--ease-luxury) both}.shisha-hero-media{animation:art-rise 1.2s .12s var(--ease-luxury) both}}.strength-light{border-radius:var(--radius-pill);background:linear-gradient(#1d1d1d,#080808 70%);flex-direction:column;flex:none;align-items:center;gap:4px;padding:6px 5px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff1a,0 8px 18px #00000080}.strength-light>span{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--lamp) 34%, #000), color-mix(in srgb, var(--lamp) 12%, #000) 75%);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 -2px 3px #000000b3}.strength-light>[data-on]{background:radial-gradient(circle at 50% 42%, #fff 0 12%, color-mix(in srgb, var(--lamp) 70%, #fff) 26%, var(--lamp) 58%, color-mix(in srgb, var(--lamp) 70%, #000));box-shadow:0 0 8px var(--lamp), 0 0 18px color-mix(in srgb, var(--lamp) 55%, transparent)}.shisha-library{border-top:1px solid var(--hairline);scroll-margin-top:calc(var(--header-current) + 8px);padding-block:clamp(56px,7vw,104px);position:relative}.library-title{color:var(--white);font-size:clamp(2.8rem,5.2vw,5.2rem)}.ampel{top:calc(var(--header-current) + 14px);z-index:6;width:fit-content;max-width:100%;border-radius:var(--radius-pill);background:linear-gradient(#1e1e1e,#0b0b0b 55%,#050505);border:0;align-items:stretch;gap:4px;min-inline-size:0;margin:clamp(24px,3.5vw,40px) 0 0;padding:8px;display:flex;position:sticky;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #000000e6,0 0 0 1px #ffffff1a,0 22px 48px #0009}.ampel button{border-radius:var(--radius-pill);min-height:58px;color:var(--muted);font:500 1.125rem / 1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:6px 22px 6px 7px;transition:background-color .24s,color .24s;display:inline-flex;position:relative}.ampel .ampel-all{margin-left:6px;padding-inline:22px}.ampel .ampel-all:before{content:"";background:var(--line);width:1px;position:absolute;top:14px;bottom:14px;left:-5px}.ampel button[aria-pressed=true]{color:var(--white)}.ampel .ampel-all[aria-pressed=true]{background:#ffffff14}.ampel-label{align-items:baseline;display:inline-flex}.ampel-lens{aspect-ratio:1;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--lamp) 30%, #000), color-mix(in srgb, var(--lamp) 9%, #000) 72%) padding-box, #050505 border-box;border:3px solid #0000;border-top-color:#2a2a2a;border-radius:50%;flex:none;width:44px;transition:box-shadow .32s;position:relative;box-shadow:inset 0 -6px 10px #000000bf,0 0 0 1px #ffffff12}.ampel-lens:before{content:"";background:radial-gradient(circle, #00000052 .9px, transparent 1.4px) 0 0 / 4px 4px, radial-gradient(circle at 50% 45%, #fff 0 7%, color-mix(in srgb, var(--lamp) 65%, #fff) 20%, var(--lamp) 52%, color-mix(in srgb, var(--lamp) 60%, #000));opacity:0;border-radius:50%;transition:opacity .32s;position:absolute;inset:0}.ampel-lens:after{content:"";opacity:.45;background:linear-gradient(#ffffff80,#0000);border-radius:50%;width:38%;height:22%;position:absolute;top:12%;left:20%;transform:rotate(-22deg)}.ampel[data-filter=alle] .ampel-lens,.ampel-signal[aria-pressed=true] .ampel-lens{box-shadow:inset 0 -6px 10px #0000004d, 0 0 0 1px #ffffff1f, 0 0 20px var(--lamp), 0 0 48px color-mix(in srgb, var(--lamp) 50%, transparent)}.ampel[data-filter=alle] .ampel-lens:before,.ampel-signal[aria-pressed=true] .ampel-lens:before{opacity:1}.ampel-signal[aria-pressed=true]{background:color-mix(in srgb, var(--lamp) 10%, transparent)}.tiers{gap:clamp(44px,6vw,76px);margin-top:clamp(32px,4vw,52px);display:grid}.tier-head{border-bottom:1px solid var(--hairline);grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:12px clamp(18px,2.6vw,36px);margin-bottom:22px;padding-bottom:18px;display:grid}.tier-photo{aspect-ratio:3/4;border-radius:var(--radius-md);width:clamp(96px,9vw,128px);box-shadow:0 0 0 1px var(--hairline), 0 18px 40px #00000080;display:block;overflow:hidden}.tier-photo img{object-fit:cover;width:100%;height:100%;transition:scale .6s var(--ease-luxury);display:block}.tier-name{font:500 clamp(2.6rem, 4.6vw, 4.2rem) / .9 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--white);margin:0}.tier-meta{flex-wrap:wrap;align-items:baseline;gap:8px 24px;display:flex}.tier-price{font:400 clamp(2.6rem, 4vw, 3.6rem) / 1 var(--brand);background:var(--metal-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tier-price small{font:400 1.125rem var(--body);-webkit-text-fill-color:var(--gold-light);margin-left:6px}.tier-extra{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.8125rem}.flavor-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.flavor{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-md);min-height:84px;transition:transform .32s var(--ease), border-color .32s ease, box-shadow .32s ease;background:linear-gradient(155deg,#151515,#090909);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:14px 14px 14px 18px;display:grid;position:relative;overflow:hidden}.flavor:before{content:"";z-index:-1;background:radial-gradient(90% 120% at 100% 50%, color-mix(in srgb, var(--lamp) 14%, transparent), transparent 60%);opacity:.7;transition:opacity .32s;position:absolute;inset:0}.flavor-name{font:500 1.375rem / 1.05 var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--white)}.flavor-tobacco{letter-spacing:.14em;text-transform:uppercase;color:var(--caption-secondary);grid-column:1;font-size:.75rem}.flavor .strength-light{grid-area:1/2/span 2}.tier-empty{color:var(--muted);font-style:italic}::view-transition-group(*){animation-duration:.38s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.mix-orb{isolation:isolate;aspect-ratio:1;background:var(--ink);width:clamp(76px,10vw,148px);transition:transform .5s var(--ease), box-shadow .5s ease;border-radius:50%;flex:none;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38,0 18px 40px #00000080}.mix-orb:before{content:"";z-index:-1;background:conic-gradient(var(--c1) 0 32%, var(--c2) 50% 82%, var(--c1));filter:blur(6px);border-radius:50%;animation:24s linear infinite halo-spin;position:absolute;inset:-8%}.mix-orb[data-parts="3"]:before{background:conic-gradient(var(--c1) 0 22%, var(--c2) 33% 55%, var(--c3) 67% 89%, var(--c1))}.mix-orb:after{content:"";background:radial-gradient(circle at 32% 24%,#ffffff57,#0000 34%),radial-gradient(circle at 70% 80%,#0006,#0000 58%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -10px 24px #00000080}.quasar{--led:72, 136, 255;padding-bottom:clamp(56px,7vw,104px)}.quasar-stage{isolation:isolate;border:1px solid rgba(var(--led), .3);border-radius:var(--radius-lg);background:radial-gradient(ellipse 58% 64% at 24% 100%, rgba(var(--led), .22), transparent 70%), linear-gradient(150deg, #0d1017, #060708 70%);box-shadow:0 40px 90px #0000008c, 0 0 90px rgba(var(--led), .1);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(18px,2.6vw,36px);display:grid;position:relative;overflow:hidden}.quasar-led{z-index:1;background:linear-gradient(90deg, transparent, rgb(var(--led)) 22%, #a8e6ff 50%, rgb(var(--led)) 78%, transparent);height:2px;box-shadow:0 0 18px 4px rgba(var(--led), .55), 0 0 64px 18px rgba(var(--led), .18);border-radius:2px;position:absolute;bottom:0;left:8%;right:8%}@media (prefers-reduced-motion:no-preference){.quasar-led{animation:4.8s ease-in-out infinite alternate led-breathe}}@keyframes led-breathe{0%{opacity:.5}to{opacity:1}}.quasar-photo,.quasar-head-photo{border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--hairline), 0 30px 70px #00000080;display:block;overflow:hidden}.quasar-photo{aspect-ratio:3/4}.quasar-photo img,.quasar-head-photo img{object-fit:cover;width:100%;height:100%;transition:scale .7s var(--ease-luxury);display:block}.quasar-name{font:500 clamp(3.6rem, 8vw, 7.2rem) / .86 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--white);text-shadow:0 0 44px rgba(var(--led), .5);margin:0}.quasar-price{flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin:22px 0 0;display:flex}.quasar-head{border-top:1px solid var(--hairline);grid-template-columns:clamp(132px,15vw,220px) minmax(0,1fr);align-items:center;gap:16px clamp(18px,2.4vw,28px);margin:clamp(28px,4vw,48px) 0 0;padding-top:clamp(20px,3vw,28px);display:grid}.quasar-head-photo{aspect-ratio:4/3}.quasar-head-photo img{object-position:50% 44%}.quasar-head figcaption{gap:8px;display:grid}.quasar-head figcaption span{font:500 clamp(1.25rem, 1.8vw, 1.625rem) / 1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--white)}.quasar-head figcaption strong{font:400 clamp(1.9rem, 2.8vw, 2.6rem) / 1 var(--brand);background:var(--metal-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-self:start}.shisha-next{padding-bottom:clamp(56px,7vw,104px)}.next-card{isolation:isolate;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:radial-gradient(ellipse 60% 120% at 0% 50%, rgba(var(--ember), .08), transparent 70%), linear-gradient(150deg, #141414, #080808 70%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,52px);display:grid;position:relative;overflow:hidden}.next-card h2{color:var(--white);font-size:clamp(2.4rem,4.4vw,4.2rem)}.next-art{aspect-ratio:1;width:clamp(96px,11vw,168px);box-shadow:0 0 0 1px var(--hairline), 0 18px 40px #00000073, 0 0 36px rgba(var(--ember), .14);transition:transform .5s var(--ease-luxury);border-radius:50%;margin:0;overflow:hidden}.next-art img{object-fit:cover;object-position:50% 36%;transform-origin:48% 44%;width:100%;height:100%;display:block;scale:1.5}.shisha-note{color:var(--muted);margin-top:28px;font-size:.8125rem}.tier-extra,.tier-empty,.shisha-note{text-shadow:0 0 3px var(--ink), 0 0 12px var(--ink)}.shisha-note a{color:var(--white);border-bottom:1px solid var(--hairline)}@media (hover:hover) and (pointer:fine){.ampel button:hover{color:var(--white);background:#ffffff0d}.ampel-signal:not([aria-pressed=true]):hover .ampel-lens:before{opacity:.55}.flavor:hover{border-color:color-mix(in srgb, var(--lamp) 45%, transparent);box-shadow:0 18px 40px #00000073, 0 0 28px color-mix(in srgb, var(--lamp) 16%, transparent);transform:translateY(-3px)}.flavor:hover:before{opacity:1}.next-card:hover .next-art{transform:translateY(-4px)scale(1.04)}.tier:hover .tier-photo img,.quasar-stage:hover .quasar-photo img,.quasar-head:hover .quasar-head-photo img{scale:1.05}}@media (max-width:900px){.shisha-hero{grid-template-columns:minmax(0,1fr);min-height:0}.shisha-hero-media{width:min(380px,84%)}.next-card{grid-template-columns:minmax(0,1fr);justify-items:start}.quasar-stage{grid-template-columns:minmax(0,1fr)}.quasar-photo{justify-self:center;width:min(420px,100%)}}@media (max-width:600px){.tier-head{grid-template-columns:auto minmax(0,1fr);align-items:center}.tier-photo{grid-row:span 2;width:88px}.tier-name{align-self:end}.tier-meta{align-self:start}.quasar-head{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.ampel{border-radius:var(--radius-lg);gap:2px;width:100%;padding:6px}.ampel button{border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;gap:7px;min-height:0;padding:8px 4px 9px;font-size:.875rem}.ampel .ampel-all{margin-left:4px;padding-inline:4px}.ampel .ampel-all:before{top:12px;bottom:12px;left:-3px}.ampel-lens{width:36px}.flavor{min-height:76px}}@media (prefers-reduced-motion:reduce){.plume{opacity:.5;transform:translate(-50%,-45%)}}@media (forced-colors:active){.smoke-field,.quasar-led,.reel-progress{display:none}.strength-light,.ampel-lens{forced-color-adjust:none}.strength-light{background:canvas;box-shadow:0 0 0 1px canvastext}.strength-light>span,.ampel-lens{background:canvas;box-shadow:inset 0 0 0 1px canvastext}.strength-light>[data-on],.ampel[data-filter=alle] .ampel-lens,.ampel-signal[aria-pressed=true] .ampel-lens{box-shadow:none;background:canvastext}.ampel-lens:before,.ampel-lens:after{display:none}.ampel button[aria-pressed=true]{outline:2px solid highlight}}.flavor .glow-light{--glow:var(--lamp);--glow-size:240px}