/** Shopify CDN: Minification failed

Line 332:0 Unexpected "<"
Line 361:0 Unexpected "<"

**/
:root{--bg:#FFF8FB;--violet:#D81B7C;--violet-d:#A8135F;--violet-l:#FFE6F2;--mint:#D7F7E8;--rose:#FFC9E3;--coral:#FF4F9A;--ink:#282038;--mute:#6E6682;--dark:#282038;--green:#0F6B47;--r:16px;--sh:0 8px 24px rgba(31,21,53,.08);--f:'Plus Jakarta Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.5 var(--f);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-weight:800;line-height:1.1;margin:0 0 8px;letter-spacing:-.02em}
h1{font-size:clamp(32px,6vw,56px)}h2{font-size:clamp(28px,5vw,48px)}h3{font-size:16px}
p{margin:0 0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}.wrap--narrow{max-width:760px}
.center{text-align:center}
.sec{padding:80px 0}.sec--tight{padding:40px 0 80px}
.sec__h{text-align:center;margin-bottom:32px}.sec__h p{color:var(--mute)}
.sec--mint{background:var(--mint)}.sec--rose{background:var(--rose)}
.sec--dark{background:var(--dark);color:#fff}.sec--dark .sec__h p{color:#FFC9E3}
.sec--dark h2{color:var(--mint);text-shadow:0 0 24px rgba(216,27,124,.9)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:2px solid var(--violet);background:var(--violet);color:#fff;font:800 14px var(--f);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.btn--cta{background:var(--coral);border-color:var(--coral);color:#fff}
.btn--dark{background:var(--ink);border-color:var(--ink)}.btn--light{background:transparent;color:#fff;border-color:#fff}
.btn--ghost{background:transparent;color:var(--mute);border-color:#ddd;cursor:default}
.btn--lg{padding:16px 24px;font-size:16px}.btn--block{display:flex;width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}
.chip{display:inline-block;background:var(--violet-l);color:var(--violet-d);font:800 12px var(--f);padding:4px 16px;border-radius:99px;margin-bottom:16px}
/* header */
.announce{background:var(--violet);color:#fff;text-align:center;font:700 13px var(--f);padding:8px 16px}
.hdr{background:var(--bg);border-bottom:1px solid #F6DDEA}
.hdr__row{display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-weight:800;font-size:24px;text-decoration:none;letter-spacing:-.03em}.logo b{color:var(--violet)}
.hdr__icons{display:flex;gap:16px}.hdr__icons a{position:relative;display:flex}
.cnt{position:absolute;top:-8px;right:-8px;background:var(--ink);color:#fff;border-radius:99px;min-width:16px;height:16px;font:800 10px/16px var(--f);text-align:center;padding:0 4px}
.nav{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px;white-space:nowrap}
.nav a{text-decoration:none;font-weight:700;font-size:14px;padding:4px 0;border-bottom:2px solid transparent}.nav a.on,.nav a:hover{border-color:var(--violet)}
/* hero */
/* categories */
.cats{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:8px 0}
.cat{flex:0 0 112px;text-decoration:none;text-align:center;scroll-snap-align:start}
.cat__img{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--r);font-size:48px;overflow:hidden;margin-bottom:8px;background:var(--mint)}
.cat__img--1{background:var(--violet-l)}.cat__img--2{background:var(--rose)}
.cat__img img{width:100%;height:100%;object-fit:cover}.cat__t{font-weight:700;font-size:14px}
.cat:first-child{margin-left:auto}.cat:last-child{margin-right:auto}
@media(min-width:900px){.cats{display:grid;grid-template-columns:repeat(8,1fr);overflow:visible}.cat{flex:initial}.cat:first-child,.cat:last-child{margin:0}.cat__img{font-size:56px}}
/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.grid--scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 16px}
.grid--scroll .card{flex:0 0 72%;scroll-snap-align:start}
@media(min-width:750px){.grid{grid-template-columns:repeat(4,1fr)}.grid--scroll{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.grid--scroll .card{flex:initial}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(5,1fr)}.grid--scroll{grid-template-columns:repeat(5,1fr)}}
.card{background:#fff;border-radius:var(--r);padding:8px;display:flex;flex-direction:column;box-shadow:var(--sh);color:var(--ink)}
.card__img{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--violet-l)}
.card__img img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.card:hover .card__img img{transform:scale(1.05)}
.ph{display:flex;align-items:center;justify-content:center;height:100%;font-size:56px}.ph--big{aspect-ratio:1;font-size:120px;background:var(--violet-l);border-radius:var(--r)}
.badge{position:absolute;top:8px;left:8px;background:var(--violet);color:#fff;font:800 11px var(--f);padding:4px 8px;border-radius:8px}
.card__t{font-size:14px;font-weight:700;margin:8px 8px 0;min-height:40px}.card__t a{text-decoration:none}
.card__p{margin:0 8px;font-size:16px}.card__p s{color:var(--mute);font-size:13px;font-weight:500}
.unit{margin:0 8px 8px;font-size:12px;color:var(--mute)}
.card .btn{margin:auto 0 0;width:100%}
.price{font-size:28px;font-weight:800}.price s{font-size:16px;color:var(--mute);font-weight:500}.price .sale{color:var(--ink)}
/* dark neon */
.sec--dark .card{background:#3A2E52;box-shadow:0 0 0 1px rgba(215,247,232,.25),0 0 24px rgba(216,27,124,.35);color:#fff}
.sec--dark .card__img{background:#4A3B68}.sec--dark .unit,.sec--dark .card__p s{color:#D9C4D6}
.sec--dark .btn--dark{background:transparent;border-color:var(--mint);color:var(--mint)}
/* tiles */
.tiles{display:grid;gap:16px}
@media(min-width:750px){.tiles{grid-template-columns:repeat(3,1fr)}}
.tile{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;box-shadow:var(--sh)}
.tile__img{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;font-size:72px;background:var(--mint)}.tile__img img{width:100%;height:100%;object-fit:cover}
.tile__t{font-weight:800;padding:16px 16px 0}.tile__s{color:var(--mute);font-size:14px;padding:0 16px 16px}
/* reviews */
.reviews{display:grid;gap:16px}@media(min-width:750px){.reviews{grid-template-columns:repeat(3,1fr)}}
.rev{margin:0;background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--sh)}.rev cite{font-weight:800;font-style:normal;color:var(--violet-d)}
.stars{color:var(--violet);font-weight:800}
.social{display:flex;gap:16px;justify-content:center;margin-top:32px}.social a{font-weight:800;text-decoration:none;background:var(--violet-l);padding:8px 24px;border-radius:99px}
/* pdp */
.back{text-decoration:none;color:var(--violet-d);font-size:14px;font-weight:700}
.chip--sold{background:var(--mint);color:#0F6B47;margin:8px 0}
.tax{font-size:13px;color:var(--mute)}
.fld{display:block;font-weight:700;font-size:14px;margin-bottom:16px}
.fld select,.fld input{display:block;width:100%;margin-top:8px;padding:12px;border:2px solid #F6D3E5;border-radius:12px;font:500 16px var(--f);background:#fff}
.qty{display:inline-flex;margin-top:8px;border:2px solid #F6D3E5;border-radius:12px;overflow:hidden;background:#fff}
.qty button{width:40px;border:0;background:none;font-size:20px;cursor:pointer}.qty input{width:56px!important;margin:0!important;border:0!important;text-align:center;padding:8px!important}
.qty--s{margin-top:8px}.qty--s span{min-width:32px;text-align:center;line-height:40px;font-weight:700}
.stock{margin:24px 0;padding:16px;border-radius:12px;background:#E9FBF3;border:1px solid var(--mint);color:var(--green);font-weight:700;font-size:14px}.stock p{margin:0 0 8px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px}
.cutoff{font-size:14px;font-weight:700}.cutoff b{font-variant-numeric:tabular-nums}
.cutoff--green{color:var(--green);background:#E9FBF3;border-radius:12px;padding:8px 16px;margin:16px 0}
.acc{border-top:1px solid #F6D3E5}.acc summary{cursor:pointer;font-weight:800;padding:16px 0;list-style:none}.acc summary::after{content:"+";float:right}.acc[open] summary::after{content:"–"}
.rte{color:#3E3550}.rte img{border-radius:12px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:40px}.pager a,.pager span{padding:8px 16px;border-radius:8px;background:#fff;text-decoration:none;font-weight:700}.pager .on{background:var(--violet);color:#fff}
.searchf{display:flex;gap:8px;max-width:480px;margin:16px auto 0}.searchf input{flex:1;padding:12px;border:2px solid #F6D3E5;border-radius:12px;font:500 16px var(--f)}
/* drawer */
.drawer{position:fixed;inset:0;z-index:100;visibility:hidden}.drawer.open{visibility:visible}
.drawer__bg{position:absolute;inset:0;background:rgba(40,32,56,.55);opacity:0;transition:opacity .25s}.drawer.open .drawer__bg{opacity:1}
.drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s}.drawer.open .drawer__panel{transform:none}
@media(max-width:600px){.drawer__panel{top:auto;height:92%;border-radius:24px 24px 0 0;transform:translateY(100%)}.drawer.open .drawer__panel{transform:none}}
.drawer__h{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.drawer__h h2{font-size:24px;margin:0}.drawer__h small{font-size:14px;color:var(--mute);font-weight:500}
.x{border:0;background:var(--violet-l);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.drawer__body{flex:1;overflow:auto;padding:0 24px 16px}
.goal{background:var(--violet-l);margin:0 -24px 16px;padding:16px 24px}.goal__t{font-size:15px;margin-bottom:16px}
.bar{position:relative;height:8px;background:#fff;border-radius:99px;margin:0 8px}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--mint));transition:width .4s}
.st{position:absolute;top:-4px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:3px solid var(--violet-l)}.st.on{background:var(--violet);border-color:var(--violet)}
.bar__l{display:flex;justify-content:space-between;font-size:11px;margin-top:16px;color:var(--mute);text-align:center}.bar__l b{color:var(--ink)}
.lines{list-style:none;margin:0;padding:0}.line{display:grid;grid-template-columns:72px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid #F8E3EE}
.line__img img{border-radius:8px;background:var(--violet-l)}.line__t{font-weight:700;font-size:14px;text-decoration:none;display:block}
.line__i small,.line__p small{color:var(--mute);font-size:12px;display:block}.line__p{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.line__p s{font-size:12px;color:var(--mute)}
.line__rm{border:0;background:none;cursor:pointer;color:var(--mute)}.qtyin{width:72px;padding:8px;border:2px solid #F6D3E5;border-radius:8px}
.gift{display:flex;gap:8px;align-items:center;margin:16px 0;font-weight:700;font-size:14px;cursor:pointer}.gift input{width:20px;height:20px;accent-color:var(--violet)}
.upsell h3{margin:8px 0}.up{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;border:2px solid var(--violet-l);border-radius:12px;padding:8px}.up a{font-weight:700;font-size:14px;text-decoration:none}
.drawer__f{padding:16px 24px 24px;border-top:1px solid #F8E3EE}.drawer__f .sum{margin:0}.drawer__f small{display:block;margin-bottom:16px;color:var(--mute);font-size:12px}
.sum{display:flex;justify-content:space-between;font-size:18px;font-weight:800}.btn small{color:#fff;margin:0;font-weight:500}.ship{text-align:center;font-size:12px;color:var(--mute);margin:8px 0 0}
/* footer */
.ftr{background:var(--dark);color:#fff;padding:64px 0 32px}.ftr__l{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:32px 0}@media(min-width:750px){.ftr__l{grid-template-columns:repeat(4,1fr)}}
.ftr__l a{text-decoration:none;font-weight:700;font-size:14px}.ftr .social a{background:rgba(255,255,255,.1)}
.pay{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0;margin:32px 0 16px}.pay__i{height:24px;width:auto}
.copy{text-align:center;font-size:12px;color:#D9C4D6;margin:0}
/* password */
.template-password{background:var(--dark);color:#fff}
.pw{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 0,rgba(216,27,124,.5),transparent 50%),radial-gradient(circle at 0 100%,rgba(215,247,232,.25),transparent 50%)}
.pw__top{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;width:100%}.pw .logo{color:#fff}
.owner{position:relative;font-size:13px}.owner summary{cursor:pointer;list-style:none;opacity:.75}.owner__box{position:absolute;right:0;top:32px;background:#fff;color:var(--ink);padding:16px;border-radius:12px;display:grid;gap:8px;width:240px;z-index:5}.owner__box input{padding:8px;border:2px solid #F6D3E5;border-radius:8px}
.pw__main{flex:1;text-align:center;max-width:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:48px;padding-bottom:48px}
.pw h1{color:var(--mint);text-shadow:0 0 32px rgba(216,27,124,.9)}
.count{display:flex;gap:16px;margin:24px 0}.count div{background:rgba(255,255,255,.08);border:1px solid rgba(215,247,232,.4);border-radius:16px;padding:16px;min-width:72px}.count b{display:block;font-size:32px;font-variant-numeric:tabular-nums}.count small{color:#FFC9E3}
.vip{display:grid;gap:16px;width:100%}.vip input[type=email]{padding:16px;border-radius:12px;border:2px solid var(--violet);font:500 16px var(--f)}.vip small{color:#FFC9E3}.ok{color:var(--mint);font-weight:800}
.pw__f{padding-bottom:32px}
.errors{color:var(--coral);list-style:none;padding:0}

/* mystery box (animiert) */
.mystery{overflow:hidden;background:radial-gradient(ellipse at 30% 50%,#4A1B5E 0%,var(--dark) 65%)}
.mystery__in{display:grid;gap:16px;align-items:center;text-align:center}
.mystery h2{color:#fff;font-size:clamp(40px,8vw,72px);text-shadow:0 4px 0 var(--violet),0 0 32px rgba(216,27,124,.9)}
.mystery p{color:#FFD6EA;max-width:460px;margin:0 auto 24px}
@media(min-width:900px){.mystery__in{grid-template-columns:1fr 1fr;text-align:left}.mystery p{margin-left:0}}
.mb{display:flex;justify-content:center}
.mb__stage{position:relative;width:320px;height:340px;perspective:900px;flex:none}
@media(max-width:420px){.mb{height:290px}.mb__stage{transform:scale(.85);transform-origin:top center}}
.mb__glow{position:absolute;left:50%;top:58%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(216,27,124,.75),transparent 65%);animation:mbGlow 3s ease-in-out infinite}
.mb__beam{position:absolute;left:62px;top:20px;width:220px;height:140px;background:linear-gradient(to top,rgba(215,247,232,.85),rgba(216,27,124,.35) 55%,transparent);clip-path:polygon(18% 100%,82% 100%,100% 0,0 0);filter:blur(6px);opacity:0;animation:mbBeam 6s ease-in-out infinite}
.mb__box{position:absolute;left:50px;top:160px;width:220px;height:150px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-30deg);animation:mbBox 6s ease-in-out infinite}
.mb .f{position:absolute;left:0;top:0;width:220px;height:150px;background:linear-gradient(160deg,#E03C93,#8E1457);box-shadow:inset 0 0 0 4px rgba(215,247,232,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:var(--f)}
.mb .front{transform:translateZ(70px)}
.mb .front b{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1}.mb .front i{font-style:normal;color:var(--mint)}
.mb .front small{margin-top:8px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:#FFD6EA}
.mb .back{transform:rotateY(180deg) translateZ(70px)}
.mb .left,.mb .right{width:140px;left:40px;background:linear-gradient(160deg,#B01A68,#6E0F43)}
.mb .left{transform:rotateY(-90deg) translateZ(110px)}.mb .right{transform:rotateY(90deg) translateZ(110px)}
.mb .left span,.mb .right span{font-size:84px;font-weight:800;color:var(--mint);text-shadow:0 0 24px rgba(215,247,232,.8)}
.mb .bottom{height:140px;top:5px;transform:rotateX(-90deg) translateZ(75px);background:#3A0B2A}
.mb .inner{height:140px;top:5px;transform:rotateX(-90deg) translateZ(68px);background:radial-gradient(circle,#fff 0,var(--mint) 35%,var(--violet) 80%);box-shadow:none;animation:mbInner 6s ease-in-out infinite}
.mb .hinge{position:absolute;left:0;top:0;width:220px;height:0;transform-style:preserve-3d;transform:translateZ(-70px)}
.mb .lid{position:absolute;left:0;top:0;width:220px;height:140px;transform-origin:50% 0;transform:rotateX(90deg);background:linear-gradient(160deg,#D81B7C,#B01A68);box-shadow:inset 0 0 0 4px rgba(215,247,232,.5);display:flex;align-items:center;justify-content:center;animation:mbLid 6s cubic-bezier(.3,1.3,.5,1) infinite}
.mb .lid span{font-size:64px;font-weight:800;color:var(--mint)}
.mb__c{position:absolute;left:50%;top:150px;margin-left:-20px;font-size:40px;opacity:0;animation:mbPop 6s ease-out infinite;animation-delay:var(--d)}
.mb__s{position:absolute;color:var(--mint);font-size:22px;animation:mbTw 2.4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes mbBox{0%{transform:rotateX(-22deg) rotateY(-30deg) translateY(0)}8%{transform:rotateX(-22deg) rotateY(-30deg) translateY(-8px)}12%{transform:rotateX(-22deg) rotateY(-24deg) translateY(-8px)}14%{transform:rotateX(-22deg) rotateY(-36deg) translateY(-8px)}16%{transform:rotateX(-22deg) rotateY(-26deg) translateY(-8px)}20%{transform:rotateX(-22deg) rotateY(-30deg) translateY(-6px)}55%{transform:rotateX(-26deg) rotateY(-22deg) translateY(-16px)}100%{transform:rotateX(-22deg) rotateY(-30deg) translateY(0)}}
@keyframes mbLid{0%,18%{transform:rotateX(90deg)}30%,76%{transform:rotateX(205deg)}90%,100%{transform:rotateX(90deg)}}
@keyframes mbBeam{0%,22%{opacity:0}34%,76%{opacity:1}88%,100%{opacity:0}}
@keyframes mbInner{0%,18%{opacity:.15}34%,76%{opacity:1}90%,100%{opacity:.15}}
@keyframes mbPop{0%,26%{opacity:0;transform:translate(0,0) scale(.3) rotate(0)}34%{opacity:1}68%{opacity:1;transform:translate(var(--x),-170px) scale(1.1) rotate(var(--r))}80%,100%{opacity:0;transform:translate(var(--x),-130px) scale(.9) rotate(var(--r))}}
@keyframes mbGlow{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@keyframes mbTw{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.mb *,.mb__box{animation:none!important}.mb .lid{transform:rotateX(205deg)}.mb__c{opacity:0}.mb__beam{opacity:.8}}
/* usp + trust */
.uspc{display:grid;gap:16px}@media(min-width:750px){.uspc{grid-template-columns:repeat(3,1fr)}}
.uspc__i{background:#fff;border-radius:var(--r);padding:24px;text-align:center;box-shadow:var(--sh)}.uspc__i span{font-size:40px;display:block;margin-bottom:8px}.uspc__i p{color:var(--mute);font-size:14px;margin:0}
.usp-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;margin:0 0 16px}.usp-list li{display:flex;gap:8px;align-items:center;background:var(--violet-l);border-radius:12px;padding:8px;font-size:12px;font-weight:700;line-height:1.3}.usp-list small{font-weight:500;color:var(--mute)}
.trust{background:#fff;border:1px solid #F6D3E5;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:700;margin:0 0 8px}
/* footer v2 */
.ftr{background:#FFF0F7;color:var(--ink);padding:64px 0 32px}
.ftr__g{display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.ftr__g{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.ftr__b{grid-column:1/-1}@media(min-width:900px){.ftr__b{grid-column:auto}}
.ftr .logo{color:var(--ink);display:inline-block;margin-bottom:16px}.ftr address{font-style:normal;color:var(--mute);font-size:14px}
.ftr h4{margin:0 0 16px;font-size:16px}.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ftr li a{text-decoration:none;color:var(--violet-d);font-size:14px;font-weight:600}.ftr li a:hover{text-decoration:underline}
.ftr__bot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid #F2CFE2;margin-top:40px;padding-top:24px}
.loc{display:flex;gap:8px}.loc select{padding:8px;border-radius:8px;border:1px solid #F2CFE2;background:#fff;font:600 13px var(--f)}
.ftr .pay{margin:0;justify-content:flex-end}.ftr .copy{color:var(--mute);text-align:left;margin-top:16px}.ftr__w{margin-top:24px}
.ftr .btn--light{color:var(--ink);border-color:var(--ink)}
/* collection landing */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cban__in{overflow:hidden;border-radius:24px;box-shadow:var(--sh);background:var(--violet-l)}
.cban__in img{width:100%;height:auto;animation:kb 14s ease-in-out infinite alternate;transform-origin:50% 50%}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.045)}}
.cban--ph{background:linear-gradient(135deg,var(--mint),var(--violet-l));border-radius:24px;padding:64px 24px;text-align:center}
.cintro{max-width:720px;margin:24px auto 0;text-align:center}
.pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:24px 0 16px;padding-bottom:4px}
.pills a{flex:none;text-decoration:none;font-weight:700;font-size:14px;padding:8px 16px;border-radius:99px;background:#fff;border:2px solid var(--violet-l)}
.pills a.on,.pills a:hover{background:var(--violet);border-color:var(--violet);color:#fff}
.pills a:first-child{margin-left:auto}.pills a:last-child{margin-right:auto}
.tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:var(--mute);font-weight:700}
.sort select{margin-left:8px;padding:8px;border-radius:8px;border:2px solid var(--violet-l);background:#fff;font:600 14px var(--f)}
@media(prefers-reduced-motion:reduce){.cban__in img{animation:none}}
/* hero v2 */
.hero2{position:relative;min-height:clamp(480px,50vw,680px);display:flex;align-items:flex-end;overflow:hidden;background:var(--dark);color:#fff}
.hero2__media,.hero2__media>*{position:absolute;inset:0;width:100%;height:100%}
.hero2__media img,.hero2__media video{object-fit:cover;object-position:50% 45%}
.hero2__media img.kb{animation:kb 16s ease-in-out infinite alternate}
.hero2::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(40,32,56,.62) 0,rgba(40,32,56,.12) 34%,transparent 55%);pointer-events:none}
.hero2--video::after{background:linear-gradient(to top,rgba(40,32,56,.85),rgba(40,32,56,.35) 60%,rgba(40,32,56,.25))}
.hero2__in{position:relative;z-index:3;padding-top:48px;padding-bottom:48px;width:100%}
.hero2 h1{color:#fff;font-size:clamp(40px,8vw,84px);text-transform:uppercase;line-height:.95;text-shadow:0 4px 0 var(--violet),0 0 40px rgba(216,27,124,.8);max-width:820px}
.hero2 p{font-size:18px;max-width:520px;color:#FFE9F4}
.hero2 .chip{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px)}
.hero2__cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.hero2--video .hero2__cta,.hero2--plain .hero2__cta{justify-content:flex-start}
.btn--glass{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.7);color:#fff;backdrop-filter:blur(8px)}
.hero2--plain{background:linear-gradient(135deg,#4A1B5E,#A8135F 55%,#FF8CC3)}
.hero2__bg{background:radial-gradient(circle at 15% 20%,rgba(215,247,232,.5),transparent 40%),radial-gradient(circle at 85% 80%,rgba(216,27,124,.7),transparent 45%)}
.hero2__bg::before{content:"";position:absolute;right:8%;top:50%;width:min(44vw,420px);aspect-ratio:1;margin-top:calc(min(44vw,420px)/-2);border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF0F8,#FF9CCB 40%,#D7F7E8 70%,#A8135F);box-shadow:0 0 80px rgba(215,247,232,.5);animation:mbFloat2 8s ease-in-out infinite}
.hero2__bg::after{content:"";position:absolute;right:calc(8% - 60px);top:50%;width:min(60vw,540px);height:min(14vw,120px);margin-top:calc(min(14vw,120px)/-2);border:10px solid rgba(251,207,232,.75);border-radius:50%;transform:rotate(-14deg);animation:mbFloat2 8s ease-in-out infinite}
@keyframes mbFloat2{0%,100%{translate:0 0}50%{translate:0 -14px}}
.hero2__fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.hero2__fx span{position:absolute;bottom:-60px;font-size:clamp(24px,4vw,44px);opacity:0;animation:rise 12s linear infinite}
.hero2__fx span:nth-child(1){left:6%;animation-delay:0s}.hero2__fx span:nth-child(2){left:18%;animation-delay:3s;animation-duration:15s}.hero2__fx span:nth-child(3){left:32%;animation-delay:6s}.hero2__fx span:nth-child(4){left:48%;animation-delay:1.5s;animation-duration:14s}.hero2__fx span:nth-child(5){left:63%;animation-delay:8s}.hero2__fx span:nth-child(6){left:76%;animation-delay:4.5s;animation-duration:16s}.hero2__fx span:nth-child(7){left:88%;animation-delay:7s}.hero2__fx span:nth-child(8){left:95%;animation-delay:10s}
@keyframes rise{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.9}85%{opacity:.9}100%{transform:translateY(-640px) rotate(240deg);opacity:0}}
.ticker{background:var(--violet);color:#fff;overflow:hidden;white-space:nowrap;padding:12px 0;font-weight:800;font-size:14px}
.ticker__t{display:inline-flex;gap:48px;padding-left:48px;animation:tick 28s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hero2__fx,.ticker__t,.hero2__bg::before,.hero2__bg::after,.hero2__media img.kb{animation:none!important}.hero2__fx{display:none}}

/* ===================== SugarNova-Schicht ===================== */
body{overflow-x:clip}
.hint{font-size:13px;color:var(--mute);text-align:center;margin-top:8px}
/* Header: Burger links, Logo Mitte, Icons rechts; nur der Header-Block klebt oben */
.shopify-section-group-header-group+.shopify-section-group-header-group{position:sticky;top:0;z-index:40}
.hdr__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px}
.hdr__icons{justify-self:end}
.burger{justify-self:start;border:0;background:none;padding:8px;margin-left:-8px;cursor:pointer;color:var(--ink);display:flex}
.logo{display:inline-flex;align-items:center}
.hdr .logo img{height:40px;width:auto}
/* Burger-Menü (Slide-out von links) */
.mdrawer{position:fixed;inset:0;z-index:120;visibility:hidden}
.mdrawer.open{visibility:visible}
.mdrawer__bg{position:absolute;inset:0;background:rgba(40,32,56,.55);opacity:0;transition:opacity .25s}
.mdrawer.open .mdrawer__bg{opacity:1}
.mdrawer__panel{position:absolute;left:0;top:0;bottom:0;width:min(360px,88%);background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s}
.mdrawer.open .mdrawer__panel{transform:none}
.mdrawer__h{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--violet-l)}
.mdrawer__nav{list-style:none;margin:0;padding:8px 0;flex:1;overflow:auto}
.mdrawer__nav a{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-weight:800;font-size:17px;text-decoration:none;border-bottom:1px solid #FDEBF4}
.mdrawer__nav a span{color:var(--violet)}
.mdrawer__nav a:hover{background:var(--violet-l)}
.mdrawer__f{display:flex;gap:12px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--violet-l)}
.mdrawer__f a,.ftr__soc a{width:46px;height:46px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center}
.ftr__soc{display:flex;gap:12px}
/* Abschnitte der Startseite */
.sec--home{padding:44px 0}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.sh h2{font-size:clamp(24px,4vw,38px);margin:0}
.sh__sub{color:var(--mute);margin:4px 0 0;font-size:14px}
.sh__all{font-weight:800;color:var(--violet-d);text-decoration:none;white-space:nowrap;border-bottom:2px solid currentColor;font-size:14px}
.sec--dark .sh h2{color:#fff;text-shadow:none}.sec--dark .sh__all{color:var(--mint)}.sec--dark .sh__sub{color:#FFD6EA}
.sec--dark h2{text-shadow:none}
/* Slider: Touch-Swipe, am Desktop Pfeile */
.slider{position:relative}
.grid--scroll{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:8px 16px 18px;scroll-padding:0 16px;grid-template-columns:none}
.grid--scroll::-webkit-scrollbar{display:none}
.grid--scroll .card{flex:0 0 62%;scroll-snap-align:start;min-width:0}
@media(min-width:600px){.grid--scroll .card{flex-basis:calc((100% - 28px)/3)}}
@media(min-width:1000px){.grid--scroll .card{flex-basis:calc((100% - 56px)/5)}}
.slider__btn{position:absolute;top:calc(50% - 30px);width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--ink);box-shadow:0 4px 16px rgba(40,32,56,.25);cursor:pointer;display:none;align-items:center;justify-content:center;z-index:3}
.slider__btn--prev{left:-6px}.slider__btn--next{right:-6px}
@media(min-width:750px){.slider__btn:not([hidden]){display:flex}}
.slider__btn[hidden]{display:none!important}
/* Produktkarte: Bild oben, zentriert */
.card{text-align:center;align-items:stretch}
.card__img{display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%}
.card__img img{object-fit:contain;object-position:center center}
.card__t{margin:10px 6px 2px;min-height:40px;display:flex;align-items:center;justify-content:center}
.card__p{margin:0 6px 4px;text-align:center}
.card .btn{margin-top:auto}
.card--ph{opacity:.9}.card--ph .ph{font-size:64px}.card--ph .card__p small{color:var(--mute)}
.card--ph .card__t{color:var(--mute)}
/* Hero: SugarNova-Farben */
.hero2--plain{background:linear-gradient(135deg,#4A1B5E,#A8135F 55%,#FF8CC3)}
.hero2--plain .hero2__cta{justify-content:flex-start}
/* Produktseite: IMMER einspaltig */
.pdp1__in{max-width:680px;margin:0 auto;display:block}
.pdp1 .pdp1__in>*{max-width:100%}
.pgal{margin:16px 0 8px}
.pgal__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.pgal__track::-webkit-scrollbar{display:none}
.pgal__slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:12px}
.pgal__slide img{width:100%;height:100%;object-fit:contain;object-position:center}
.pgal__ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px;font-weight:800}
.pgal__ctl button{width:42px;height:42px;border-radius:50%;border:2px solid var(--violet-l);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pgal__ctl button:disabled{opacity:.35}
.pdp1__t{font-size:clamp(26px,5vw,38px);margin:16px 0 6px}
.pdp1 .price{margin-bottom:4px}
.pdp1 .btn--block{margin-top:4px}
.stock{background:var(--mint);border-color:#BDEBD3}
.pdp1 .acc:last-of-type{border-bottom:1px solid #F6D3E5}
/* Warenkorb */
.goal{background:var(--violet-l);margin:0 -24px 16px;padding:14px 24px;display:grid;gap:14px}
.goal__t{font-size:14px;margin:0 0 8px}
.bar{height:10px;margin:0}
.bar i{background:linear-gradient(90deg,var(--violet),var(--rose))}
.bar__l{display:flex;justify-content:space-between;margin-top:6px;font-size:11px}
.drawer__body .cutoff--green{margin:0 0 14px}
.upsell h3{margin:14px 0 8px;font-size:16px}
.uslider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -24px;padding:4px 24px 12px;scroll-padding:0 24px}
.uslider::-webkit-scrollbar{display:none}
.ucard{flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:2px solid var(--violet-l);border-radius:14px;padding:8px;background:#fff}
.ucard__img{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1}
.ucard__img img{width:100%;height:100%;object-fit:contain}
.ucard__t{font-weight:700;font-size:13px;text-decoration:none;line-height:1.25;min-height:32px}
.ucard .btn{width:100%;padding:8px;font-size:13px;margin-top:auto}
.drawer__f small a{color:inherit}
/* Community */
.community__empty{max-width:560px;margin:0 auto;border:2px dashed #F2CFE2;border-radius:var(--r);padding:28px 20px;color:var(--mute);background:#fff}
.community__empty span{font-size:40px;display:block}
.community__empty small{display:block;margin-top:6px}
.social a{display:inline-flex;align-items:center;gap:8px}
/* Footer */
.ftr .ftr__soc a{background:var(--violet);color:#fff}
.ftr .btn--light{border-color:var(--ink)}

/* Footer: Zahlungsarten nebeneinander (die allgemeine ".ftr ul"-Regel machte sie zur senkrechten Liste) */
.ftr ul.pay{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;list-style:none;margin:0;padding:0}
.ftr ul.pay li{display:inline-flex}
.ftr ul.pay svg{height:24px;width:auto;display:block}
@media(max-width:700px){.ftr ul.pay{justify-content:center}.ftr__bot{justify-content:center}}
.cban--ph{background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),var(--cban-img,none) center/cover}
.cart-empty{padding:32px 0}.cart-empty img{width:160px;height:auto;margin:0 auto 12px}
<style>
.sugarnova-shipping { max-width: 1000px; margin: 0 auto; padding: 20px 16px 40px; font-family: Arial, Helvetica, sans-serif; color: #202124; line-height: 1.7; overflow-wrap: anywhere; }
.sugarnova-shipping * { box-sizing: border-box; }
.sugarnova-shipping h1, .sugarnova-shipping h2, .sugarnova-shipping h3 { line-height: 1.3; }
.sugarnova-shipping h1 { font-size: clamp(28px, 5vw, 40px); margin: 0 0 12px; }
.sugarnova-shipping h2 { font-size: 23px; margin: 0 0 14px; }
.sugarnova-shipping h3 { font-size: 19px; margin: 0 0 8px; }
.sugarnova-shipping p { margin: 0 0 14px; }
.sugarnova-shipping .sn-section { margin-top: 30px; }
.sugarnova-shipping .sn-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 16px; }
.sugarnova-shipping .sn-card { border: 1px solid #e5e5e5; border-radius: 13px; padding: 22px; background: #fff; }
.sugarnova-shipping .sn-muted { color: #5d5d5d; }
.sugarnova-shipping .sn-header { background: #241426; color: #fff; border-radius: 16px; padding: 36px 22px; text-align: center; }
.sugarnova-shipping .sn-brand { color: #f6c9e5; font-size: 12px; font-weight: 800; letter-spacing: 3px; margin-bottom: 8px; }
.sugarnova-shipping .sn-header h1 { color: #fff; }
.sugarnova-shipping .sn-header p { color: #f0e7ef; max-width: 620px; margin-left: auto; margin-right: auto; }
.sugarnova-shipping .sn-badge { display: inline-block; background: #f6c9e5; color: #241426; padding: 9px 14px; border-radius: 6px; font-size: 13px; font-weight: 800; margin: 4px; }
.sugarnova-shipping .sn-notice { background: #f8f0f7; border: 1px solid #ead9e8; border-radius: 14px; padding: 23px 21px; }
.sugarnova-shipping .sn-winter { background: #f2f6fb; border: 1px solid #dce5f0; border-radius: 14px; padding: 23px 21px; }
.sugarnova-shipping .sn-costs { border: 1px solid #e5e5e5; border-radius: 12px; overflow: hidden; }
.sugarnova-shipping .sn-cost-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; padding: 16px 18px; border-bottom: 1px solid #e5e5e5; }
.sugarnova-shipping .sn-cost-row:last-child { border-bottom: 0; }
.sugarnova-shipping .sn-free { color: #16804a; white-space: nowrap; }
.sugarnova-shipping .sn-contact { background: #241426; border-radius: 14px; padding: 28px 22px; text-align: center; color: #fff; }
.sugarnova-shipping .sn-contact h2 { color: #fff; }
.sugarnova-shipping .sn-contact p { color: #f0e7ef; }
.sugarnova-shipping a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.sugarnova-shipping .sn-contact-link { display: inline-block; background: #f6c9e5; color: #241426; text-decoration: none; font-weight: 800; padding: 12px 20px; border-radius: 7px; overflow-wrap: anywhere; }
@media (max-width: 480px) { .sugarnova-shipping { padding-left: 10px; padding-right: 10px; } .sugarnova-shipping .sn-card { padding: 18px; } .sugarnova-shipping .sn-cost-row { padding: 14px 12px; font-size: 14px; } }
</style>

/* SUGARNOVA – DATENSCHUTZERKLÄRUNG */

.sugarnova-datenschutz {
  --sn-ds-ink: #2c1932;
  --sn-ds-purple: #503357;
  --sn-ds-pink: #f1c5df;
  --sn-ds-muted: #756a78;
  max-width: 900px;
  margin: 0 auto;
  padding: 28px 16px 48px;
  color: var(--sn-ds-ink);
  font-size: 15px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.sugarnova-datenschutz * {
  box-sizing: border-box;
}

.sugarnova-datenschutz h1,
.sugarnova-datenschutz h2,
.sugarnova-datenschutz h3,
.sugarnova-datenschutz p {
  margin-top: 0;
}

.sugarnova-datenschutz h1,
.sugarnova-datenschutz h2,
.sugarnova-datenschutz h3 {
  line-height: 1.35;
}

.sugarnova-datenschutz p {
  margin-bottom: 14px;
  color: #625765;
}

.sugarnova-datenschutz ul {
  margin: 0 0 18px;
  padding-left: 23px;
  color: #625765;
}

.sugarnova-datenschutz li {
  margin-bottom: 8px;
  padding-left: 3px;
}

.sugarnova-datenschutz a {
  color: #674267;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.sugarnova-datenschutz a:hover {
  color: #9a6691;
}

/* HERO */

.sugarnova-datenschutz .sn-ds-hero {
  position: relative;
  overflow: hidden;
  padding: 48px 30px 36px;
  border-radius: 22px;
  background: linear-gradient(135deg, #25152b, #422747 65%, #674267);
  color: #fff;
  text-align: center;
}

.sugarnova-datenschutz .sn-ds-eyebrow {
  display: block;
  color: var(--sn-ds-pink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
}

.sugarnova-datenschutz .sn-ds-hero h1 {
  margin: 17px 0 13px;
  color: #fff;
  font-size: clamp(31px, 5vw, 46px);
  font-weight: 800;
  letter-spacing: -1.4px;
}

.sugarnova-datenschutz .sn-ds-hero h1 span {
  color: var(--sn-ds-pink);
}

.sugarnova-datenschutz .sn-ds-hero > p {
  max-width: 580px;
  margin: 0 auto;
  color: #e8dfe9;
}

.sugarnova-datenschutz .sn-ds-divider {
  width: 46px;
  height: 3px;
  margin: 22px auto 13px;
  border-radius: 10px;
  background: var(--sn-ds-pink);
}

.sugarnova-datenschutz .sn-ds-stand {
  color: #e8dfe9;
  font-size: 12px;
}

/* INTRO */

.sugarnova-datenschutz .sn-ds-intro {
  margin: 20px 0;
  padding: 21px 23px;
  border: 1px solid #eadce9;
  border-radius: 14px;
  background: linear-gradient(110deg, #fbf4fa, #fff);
}

.sugarnova-datenschutz .sn-ds-intro > strong {
  display: block;
  margin-bottom: 6px;
  color: var(--sn-ds-ink);
  font-size: 17px;
}

.sugarnova-datenschutz .sn-ds-intro p {
  margin: 0;
}

/* CONTENT CARDS */

.sugarnova-datenschutz .sn-ds-card {
  margin-top: 18px;
  padding: 26px 27px;
  border: 1px solid #ece4ed;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 24px rgba(44, 25, 50, 0.045);
}

.sugarnova-datenschutz .sn-ds-kicker {
  display: block;
  margin-bottom: 9px;
  color: #976b91;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

.sugarnova-datenschutz .sn-ds-card h2 {
  margin-bottom: 16px;
  color: var(--sn-ds-ink);
  font-size: 22px;
  font-weight: 750;
  letter-spacing: -0.35px;
}

.sugarnova-datenschutz .sn-ds-card h3 {
  margin-bottom: 8px;
  color: var(--sn-ds-ink);
  font-size: 17px;
}

.sugarnova-datenschutz .sn-ds-card p:last-child {
  margin-bottom: 0;
}

.sugarnova-datenschutz .sn-ds-card strong {
  color: var(--sn-ds-ink);
}

/* CONTACT PANEL */

.sugarnova-datenschutz .sn-ds-contact {
  margin: 18px 0;
  padding: 20px;
  border: 1px solid #eadce9;
  border-radius: 12px;
  background: #fbf6fb;
}

.sugarnova-datenschutz .sn-ds-contact > strong {
  display: block;
  color: var(--sn-ds-ink);
  font-size: 19px;
}

.sugarnova-datenschutz .sn-ds-contact > span {
  display: block;
  margin-bottom: 15px;
  color: var(--sn-ds-muted);
  font-size: 12px;
}

.sugarnova-datenschutz .sn-ds-contact p {
  margin-bottom: 12px;
}

.sugarnova-datenschutz .sn-ds-contact p:last-child {
  margin-bottom: 0;
}

/* FOOTER */

.sugarnova-datenschutz .sn-ds-footer {
  padding: 35px 12px 0;
  text-align: center;
}

.sugarnova-datenschutz .sn-ds-footer-mark {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  border-radius: 15px;
  background: linear-gradient(135deg, #2c1932, #70476f);
  color: var(--sn-ds-pink);
  font-size: 25px;
  font-weight: 800;
}

.sugarnova-datenschutz .sn-ds-footer p {
  margin-bottom: 5px;
  color: #796b7d;
  font-size: 12px;
}

.sugarnova-datenschutz .sn-ds-footer-caption {
  color: #a18aa2;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

/* MOBILE */

@media (max-width: 600px) {
  .sugarnova-datenschutz {
    padding: 16px 10px 30px;
    font-size: 14px;
    line-height: 1.75;
  }

  .sugarnova-datenschutz .sn-ds-hero {
    padding: 36px 17px 29px;
    border-radius: 16px;
  }

  .sugarnova-datenschutz .sn-ds-eyebrow {
    font-size: 9px;
    letter-spacing: 1.3px;
  }

  .sugarnova-datenschutz .sn-ds-hero h1 {
    font-size: 31px;
    letter-spacing: -0.8px;
  }

  .sugarnova-datenschutz .sn-ds-intro {
    padding: 17px;
  }

  .sugarnova-datenschutz .sn-ds-card {
    padding: 20px 17px;
    border-radius: 13px;
  }

  .sugarnova-datenschutz .sn-ds-card h2 {
    font-size: 19px;
  }

  .sugarnova-datenschutz .sn-ds-contact {
    padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sugarnova-datenschutz * {
    scroll-behavior: auto !important;
  }
}

/* SugarNova AGB – modernes, responsives Design */

.sugarnova-agb {
  --sn-pink: #e94f87;
  --sn-pink-dark: #c9336b;
  --sn-pink-light: #fff2f7;
  --sn-text: #302831;
  --sn-muted: #77717b;
  --sn-border: #f0e5eb;

  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 28px 20px 48px;
  color: var(--sn-text);
  font-size: 15px;
  line-height: 1.8;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

.sugarnova-agb *,
.sugarnova-agb *::before,
.sugarnova-agb *::after {
  box-sizing: border-box;
}

.sugarnova-agb .sn-agb-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 5vw, 48px);
  margin-bottom: 38px;
  border: 1px solid #f6dce7;
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 100% 0%, #ffe0ec 0, transparent 42%),
    linear-gradient(145deg, #fff8fb 0%, #fff0f6 100%);
}

.sugarnova-agb .sn-agb-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 38px;
}

.sugarnova-agb .sn-agb-brand-icon {
  display: flex;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: var(--sn-pink);
  color: #fff;
  font-size: 25px;
  box-shadow: 0 6px 16px #e94f8729;
}

.sugarnova-agb .sn-agb-brand strong,
.sugarnova-agb .sn-agb-brand small {
  display: block;
}

.sugarnova-agb .sn-agb-brand strong {
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

.sugarnova-agb .sn-agb-brand small {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.sugarnova-agb .sn-agb-kicker {
  margin-bottom: 12px;
  color: var(--sn-pink-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.sugarnova-agb .sn-agb-hero h1 {
  max-width: 700px;
  margin: 0 0 16px;
  color: var(--sn-text);
  font-size: clamp(30px, 5vw, 46px);
  font-weight: 750;
  line-height: 1.12;
  letter-spacing: -1.5px;
}

.sugarnova-agb .sn-agb-intro {
  max-width: 620px;
  margin: 0 0 22px;
  color: #655b64;
  font-size: 16px;
  line-height: 1.8;
}

.sugarnova-agb .sn-agb-date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border: 1px solid #f1d6e2;
  border-radius: 100px;
  background: #ffffffb8;
  color: #64515d;
  font-size: 12px;
  font-weight: 600;
}

.sugarnova-agb .sn-agb-date span {
  color: var(--sn-pink-dark);
  font-size: 17px;
}

.sugarnova-agb .sn-agb-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 25px;
  padding: 16px 18px;
  border: 1px solid #f2dce6;
  border-radius: 14px;
  background: #ffffffa8;
}

.sugarnova-agb .sn-agb-note-icon {
  display: flex;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--sn-pink-light);
  color: var(--sn-pink-dark);
  font-size: 13px;
  font-weight: 800;
}

.sugarnova-agb .sn-agb-note p {
  margin: 0;
  color: #625761;
  font-size: 13px;
  line-height: 1.7;
}

.sugarnova-agb .sn-agb-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 2px 15px;
  color: var(--sn-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.6px;
}

.sugarnova-agb .sn-agb-section-heading span:last-child {
  padding: 6px 10px;
  border-radius: 100px;
  background: var(--sn-pink-light);
  color: var(--sn-pink-dark);
  font-size: 9px;
  letter-spacing: 0.8px;
}

.sugarnova-agb .sn-agb-accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sugarnova-agb .sn-agb-accordion details {
  overflow: hidden;
  border: 1px solid var(--sn-border);
  border-radius: 16px;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sugarnova-agb .sn-agb-accordion details[open] {
  border-color: #efb9ce;
  box-shadow: 0 7px 24px #51263d08;
}

.sugarnova-agb .sn-agb-accordion summary {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 19px 20px;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}

.sugarnova-agb .sn-agb-accordion summary::-webkit-details-marker {
  display: none;
}

.sugarnova-agb .sn-agb-accordion summary::marker {
  content: "";
}

.sugarnova-agb .sn-agb-number {
  display: flex;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #fff1f6;
  color: var(--sn-pink-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  transition: background 0.2s ease, color 0.2s ease;
}

.sugarnova-agb details[open] .sn-agb-number {
  background: var(--sn-pink);
  color: #fff;
}

.sugarnova-agb .sn-agb-summary-text {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

.sugarnova-agb .sn-agb-summary-text strong {
  color: var(--sn-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.sugarnova-agb .sn-agb-summary-text small {
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.5;
}

.sugarnova-agb .sn-agb-chevron {
  position: relative;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  border: 1px solid #f1dce5;
  border-radius: 50%;
  background: #fff8fb;
}

.sugarnova-agb .sn-agb-chevron::before {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 7px;
  height: 7px;
  border-right: 1.7px solid var(--sn-pink-dark);
  border-bottom: 1.7px solid var(--sn-pink-dark);
  content: "";
  transform: rotate(45deg);
  transition: transform 0.2s ease, top 0.2s ease;
}

.sugarnova-agb details[open] .sn-agb-chevron::before {
  top: 11px;
  transform: rotate(225deg);
}

.sugarnova-agb .sn-agb-content {
  padding: 5px 24px 24px 77px;
  border-top: 1px solid #f7edf1;
  animation: sn-agb-reveal 0.2s ease;
}

.sugarnova-agb .sn-agb-content p {
  margin: 16px 0 0;
  color: #514a52;
  font-size: 14px;
  line-height: 1.9;
}

.sugarnova-agb .sn-agb-content h3 {
  margin: 22px 0 0;
  color: var(--sn-text);
  font-size: 15px;
  font-weight: 750;
}

.sugarnova-agb .sn-agb-content strong {
  color: var(--sn-text);
}

.sugarnova-agb .sn-agb-content a {
  color: var(--sn-pink-dark);
  text-decoration: underline;
  text-decoration-color: #eab0c6;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.sugarnova-agb .sn-agb-content a:hover {
  text-decoration-color: var(--sn-pink-dark);
}

.sugarnova-agb .sn-agb-help {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-top: 36px;
  padding: 26px;
  border: 1px solid #f4d5e2;
  border-radius: 20px;
  background: linear-gradient(135deg, #fff5f9, #fffafd);
}

.sugarnova-agb .sn-agb-help-icon {
  display: flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: var(--sn-pink);
  color: #fff;
  font-size: 24px;
}

.sugarnova-agb .sn-agb-help h2 {
  margin: 0 0 6px;
  color: var(--sn-text);
  font-size: 20px;
  line-height: 1.4;
}

.sugarnova-agb .sn-agb-help p {
  margin: 0 0 15px;
  color: #6e626b;
  font-size: 13px;
  line-height: 1.7;
}

.sugarnova-agb .sn-agb-contact {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  border-radius: 10px;
  background: var(--sn-pink);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease;
}

.sugarnova-agb .sn-agb-contact:hover {
  background: var(--sn-pink-dark);
}

.sugarnova-agb .sn-agb-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 30px;
  padding: 22px 4px 0;
  border-top: 1px solid var(--sn-border);
  color: var(--sn-muted);
  font-size: 12px;
}

.sugarnova-agb .sn-agb-footer strong {
  color: var(--sn-text);
  font-size: 13px;
}

.sugarnova-agb .sn-agb-footer span {
  flex-basis: 100%;
  order: 3;
}

.sugarnova-agb .sn-agb-footer a {
  color: var(--sn-pink-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@keyframes sn-agb-reveal {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 600px) {
  .sugarnova-agb {
    padding: 14px 12px 32px;
    font-size: 14px;
  }

  .sugarnova-agb .sn-agb-hero {
    padding: 24px 19px;
    margin-bottom: 28px;
    border-radius: 19px;
  }

  .sugarnova-agb .sn-agb-brand {
    margin-bottom: 29px;
  }

  .sugarnova-agb .sn-agb-hero h1 {
    font-size: clamp(29px, 8vw, 36px);
    letter-spacing: -0.8px;
  }

  .sugarnova-agb .sn-agb-intro {
    font-size: 14px;
  }

  .sugarnova-agb .sn-agb-note {
    padding: 13px;
  }

  .sugarnova-agb .sn-agb-section-heading {
    font-size: 9px;
    letter-spacing: 1px;
  }

  .sugarnova-agb .sn-agb-accordion {
    gap: 8px;
  }

  .sugarnova-agb .sn-agb-accordion details {
    border-radius: 13px;
  }

  .sugarnova-agb .sn-agb-accordion summary {
    gap: 11px;
    padding: 15px 12px;
  }

  .sugarnova-agb .sn-agb-number {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    border-radius: 11px;
    font-size: 11px;
  }

  .sugarnova-agb .sn-agb-summary-text strong {
    font-size: 13px;
  }

  .sugarnova-agb .sn-agb-summary-text small {
    font-size: 11px;
  }

  .sugarnova-agb .sn-agb-chevron {
    width: 23px;
    height: 23px;
    flex-basis: 23px;
  }

  .sugarnova-agb .sn-agb-chevron::before {
    top: 7px;
    left: 7px;
  }

  .sugarnova-agb details[open] .sn-agb-chevron::before {
    top: 9px;
  }

  .sugarnova-agb .sn-agb-content {
    padding: 4px 15px 19px;
  }

  .sugarnova-agb .sn-agb-content p {
    font-size: 13px;
    line-height: 1.8;
  }

  .sugarnova-agb .sn-agb-help {
    gap: 13px;
    padding: 19px 15px;
    border-radius: 16px;
  }

  .sugarnova-agb .sn-agb-help-icon {
    width: 39px;
    height: 39px;
    flex-basis: 39px;
    border-radius: 12px;
    font-size: 20px;
  }

  .sugarnova-agb .sn-agb-help h2 {
    font-size: 18px;
  }

  .sugarnova-agb .sn-agb-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .sugarnova-agb .sn-agb-footer span {
    order: initial;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sugarnova-agb *,
  .sugarnova-agb *::before,
  .sugarnova-agb *::after {
    animation: none !important;
    transition: none !important;
  }
}

.sugarnova-kontaktseite {
  max-width: 1000px;
  margin: 0 auto;
  padding: 28px 16px 44px;
  color: inherit;
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.sugarnova-kontaktseite * {
  box-sizing: border-box;
}

.sugarnova-kontaktseite h1,
.sugarnova-kontaktseite h2 {
  line-height: 1.25;
}

.sugarnova-kontaktseite h1 {
  font-size: clamp(30px, 5vw, 44px);
  margin: 12px 0 16px;
  letter-spacing: -1px;
}

.sugarnova-kontaktseite h2 {
  font-size: 22px;
  margin: 0 0 12px;
}

.sugarnova-kontaktseite p {
  margin: 0 0 16px;
}

.sugarnova-kontaktseite a {
  color: inherit;
  text-underline-offset: 3px;
}

.sugarnova-kontaktseite .sn-kontakt-header {
  text-align: center;
  padding: 38px 24px;
  margin-bottom: 26px;
  border-radius: 18px;
  background: #241426;
  color: #fff;
}

.sugarnova-kontaktseite .sn-kontakt-header p {
  max-width: 650px;
  margin: 0 auto;
  color: #f0e7ef;
}

.sugarnova-kontaktseite .sn-kontakt-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #c17aa7;
}

.sugarnova-kontaktseite .sn-kontakt-header .sn-kontakt-label,
.sugarnova-kontaktseite .sn-kontakt-footer .sn-kontakt-label {
  color: #f6c9e5;
}

.sugarnova-kontaktseite .sn-kontakt-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sugarnova-kontaktseite .sn-kontaktkarte {
  padding: 25px;
  border: 1px solid #e5dfe5;
  border-radius: 15px;
  background: #fff;
  color: #282128;
  box-shadow: 0 4px 18px rgba(36, 20, 38, 0.04);
}

.sugarnova-kontaktseite .sn-kontakt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 13px;
  background: #f8eaf4;
  font-size: 23px;
}

.sugarnova-kontaktseite .sn-kontakt-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 4px 0 16px;
  padding: 12px 18px;
  border-radius: 8px;
  background: #241426;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: opacity 0.2s ease;
}

.sugarnova-kontaktseite .sn-kontakt-button:hover {
  opacity: 0.82;
}

.sugarnova-kontaktseite .sn-kontakt-hinweis {
  margin: 0;
  padding: 13px 15px;
  border-radius: 8px;
  background: #f8f5f8;
  color: #5d535d;
  font-size: 13px;
  line-height: 1.65;
}

.sugarnova-kontaktseite .sn-chat {
  grid-column: 1 / -1;
  background: #fbf6fa;
}

.sugarnova-kontaktseite .sn-kontakt-adresse {
  margin-top: 24px;
  padding: 25px;
  border: 1px solid #e5dfe5;
  border-radius: 15px;
}

.sugarnova-kontaktseite .sn-kontakt-adresse p:last-child {
  margin-bottom: 0;
}

.sugarnova-kontaktseite .sn-kontakt-footer {
  margin-top: 24px;
  padding: 30px 24px;
  border-radius: 15px;
  background: #241426;
  color: #fff;
  text-align: center;
}

.sugarnova-kontaktseite .sn-kontakt-footer h2 {
  margin-top: 10px;
}

.sugarnova-kontaktseite .sn-kontakt-footer p {
  max-width: 600px;
  margin: 12px auto 18px;
  color: #f0e7ef;
}

.sugarnova-kontaktseite .sn-kontakt-footer a {
  color: #f6c9e5;
  font-weight: 700;
}

@media (max-width: 650px) {
  .sugarnova-kontaktseite {
    padding: 18px 12px 30px;
    font-size: 15px;
  }

  .sugarnova-kontaktseite .sn-kontakt-header {
    padding: 30px 18px;
    border-radius: 13px;
  }

  .sugarnova-kontaktseite .sn-kontakt-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sugarnova-kontaktseite .sn-kontaktkarte {
    padding: 20px;
  }

  .sugarnova-kontaktseite .sn-chat {
    grid-column: auto;
  }

  .sugarnova-kontaktseite h2 {
    font-size: 20px;
  }

  .sugarnova-kontaktseite .sn-kontakt-adresse {
    padding: 20px;
  }
}

.sugarnova-mhd {
  --sn-pink: #ed4d91;
  --sn-dark: #362039;
  --sn-light: #fff2f8;
  color: var(--sn-dark);
  max-width: 1100px;
  margin: 25px auto;
  font-family: inherit;
}

.sugarnova-mhd * {
  box-sizing: border-box;
}

.sugarnova-mhd .sn-mhd-hero {
  position: relative;
  overflow: hidden;
  padding: 45px 25px;
  border-radius: 26px;
  text-align: center;
  background: linear-gradient(135deg, #ffe0ee, #f7a6d0 55%, #d8a8ff);
  border: 1px solid #f6c7df;
}

.sugarnova-mhd .sn-mhd-logo {
  color: #e52c83;
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 900;
  letter-spacing: -2px;
}

.sugarnova-mhd .sn-mhd-logo span {
  color: #a32ce0;
}

.sugarnova-mhd .sn-mhd-tagline {
  margin: 0 0 25px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 3px;
}

.sugarnova-mhd .sn-mhd-badge {
  display: inline-block;
  padding: 9px 17px;
  color: white;
  background: var(--sn-pink);
  border-radius: 30px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
}

.sugarnova-mhd .sn-mhd-hero h1 {
  margin: 15px 0 5px;
  color: #a72b80;
  font-size: clamp(38px, 7vw, 68px);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.sugarnova-mhd .sn-mhd-subtitle {
  max-width: 620px;
  margin: 12px auto 22px;
  font-size: clamp(16px, 2vw, 21px);
  font-weight: 650;
}

.sugarnova-mhd .sn-mhd-highlight {
  display: inline-block;
  padding: 12px 18px;
  background: white;
  border: 1px solid #f5c2dc;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 750;
}

.sugarnova-mhd .sn-mhd-content {
  padding: 32px 12px;
}

.sugarnova-mhd .sn-mhd-content > h2,
.sugarnova-mhd .sn-mhd-footer h2 {
  text-align: center;
  font-size: clamp(23px, 4vw, 32px);
  line-height: 1.2;
  font-weight: 850;
}

.sugarnova-mhd .sn-mhd-content > p {
  max-width: 760px;
  margin: 12px auto 28px;
  text-align: center;
  line-height: 1.8;
}

.sugarnova-mhd .sn-mhd-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 25px 0;
}

.sugarnova-mhd .sn-mhd-card {
  padding: 25px 18px;
  text-align: center;
  background: #fff8fb;
  border: 1px solid #f3d8e6;
  border-radius: 20px;
  box-shadow: 0 5px 18px rgba(145, 46, 100, 0.06);
}

.sugarnova-mhd .sn-mhd-card > span {
  font-size: 36px;
}

.sugarnova-mhd .sn-mhd-card h3 {
  margin: 12px 0 8px;
  font-size: 18px;
  font-weight: 800;
}

.sugarnova-mhd .sn-mhd-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
}

.sugarnova-mhd .sn-mhd-info {
  padding: 24px;
  background: #fff1f7;
  border-left: 5px solid var(--sn-pink);
  border-radius: 14px;
}

.sugarnova-mhd .sn-mhd-info h3 {
  margin-top: 0;
  font-size: 21px;
}

.sugarnova-mhd .sn-mhd-info p {
  line-height: 1.8;
}

.sugarnova-mhd .sn-mhd-footer {
  margin-top: 25px;
  padding: 30px 20px;
  text-align: center;
  background: linear-gradient(135deg, #ed4d91, #a64be0);
  color: white;
  border-radius: 22px;
}

.sugarnova-mhd .sn-mhd-footer h2 {
  margin-top: 0;
}

.sugarnova-mhd .sn-mhd-footer p {
  line-height: 1.7;
}

.sugarnova-mhd .sn-mhd-footer span {
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 1px;
}

@media (max-width: 650px) {
  .sugarnova-mhd .sn-mhd-hero {
    padding: 32px 16px;
    border-radius: 18px;
  }

  .sugarnova-mhd .sn-mhd-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .sugarnova-mhd .sn-mhd-card {
    padding: 20px 15px;
  }

  .sugarnova-mhd .sn-mhd-content {
    padding: 24px 4px;
  }

  .sugarnova-mhd .sn-mhd-info {
    padding: 19px;
  }
}