.ss-mix-hub{color:var(--hub-text);background:var(--hub-bg);background-image:var(--hub-wave);background-size:cover;background-position:center top;font-family:var(--font-body, Poppins, sans-serif);padding:42px 24px 52px;isolation:isolate}.ss-mix-hub *,.ss-mix-hub *:before,.ss-mix-hub *:after{box-sizing:border-box}.ss-mix-hub__inner{max-width:1120px;margin:auto}.ss-mix-hub :is(h1,h2,h3,p){margin:0;color:inherit;letter-spacing:normal}.ss-mix-hub :is(h1,h2,h3){font-family:inherit;font-weight:750}.ss-mix-hub__intro{text-align:center;margin:0 auto 28px;max-width:780px}.ss-mix-hub .ss-mix-hub__eyebrow{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--hub-accent)}.ss-mix-hub h1{font-size:clamp(32px,4.1vw,54px);line-height:1.13;letter-spacing:-.045em;margin:9px 0 12px;text-wrap:balance}.ss-mix-hub h1 em{color:var(--hub-accent);font-style:normal}.ss-mix-hub__text{font-size:15px;line-height:1.65}.ss-mix-hub__worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ss-mix-hub__world{min-width:0;position:relative;display:flex;flex-direction:column;border-radius:30px;border:1px solid #fff;padding:26px 28px 20px;background:linear-gradient(145deg,var(--world-start),var(--world-end));box-shadow:0 12px 40px #6323400e,inset 0 1px #fff}.ss-mix-hub__world-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.ss-mix-hub__world h2{font-size:clamp(24px,2.5vw,32px);letter-spacing:-.04em;line-height:1.2;margin-top:6px}.ss-mix-hub__badge{flex-shrink:0;border:1px solid #b72c6b24;background:#ffffffa8;color:var(--hub-text);padding:6px 9px;font-size:10px;font-weight:600;border-radius:20px}.ss-mix-hub__stage{height:220px;position:relative;display:flex;align-items:center;justify-content:center;margin:10px -10px 6px}.ss-mix-hub__stage:before{content:"";position:absolute;width:86%;height:45%;bottom:12px;border-radius:50%;background:#ffffff75;transform:rotate(-7deg)}.ss-mix-hub__object{display:block;position:relative;width:38%;height:82%;margin:0 -3%;transition:transform .45s cubic-bezier(.2,.65,.3,1),filter .45s;filter:drop-shadow(0 12px 8px #60273c24)}.ss-mix-hub__object img{width:100%;height:100%;object-fit:contain;display:block}.ss-mix-hub__object--1{transform:rotate(-10deg) translateY(13px)}.ss-mix-hub__object--2{height:100%;z-index:1;transform:translateY(-3px)}.ss-mix-hub__object--3{transform:rotate(9deg) translateY(12px)}.ss-mix-hub__world--muesli .ss-mix-hub__object{width:48%;margin:0 -2%;height:94%}.ss-mix-hub__world--muesli .ss-mix-hub__object--2{height:85%;transform:rotate(7deg) translateY(12px)}.ss-mix-hub__stage--custom>img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #60273c24)}.ss-mix-hub__copy{display:flex;flex-direction:column;flex:1}.ss-mix-hub__description{font-size:14px;line-height:1.65;max-width:440px}.ss-mix-hub__tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:13px 0 20px}.ss-mix-hub__tags li{border:1px solid #56203e18;border-radius:8px;padding:5px 9px;background:#ffffff70;font-size:11px;line-height:1.4}.ss-mix-hub__cta,.ss-mix-hub .ss-mix-hub__availability{display:flex;justify-content:center;align-items:center;gap:12px;min-height:50px;border-radius:16px;padding:12px 16px;margin-top:auto;font-size:15px;font-weight:650;line-height:1.4;text-align:center}.ss-mix-hub__cta{background:var(--hub-accent);color:#fff;text-decoration:none;box-shadow:0 7px 18px #b72c6b20;transition:transform .2s,box-shadow .2s}.ss-mix-hub__cta span{font-size:22px;line-height:1}.ss-mix-hub__cta:focus-visible{outline:3px solid var(--hub-text);outline-offset:4px}.ss-mix-hub .ss-mix-hub__availability{background:#ffffff80;color:var(--hub-text);border:1px dashed #56203e40}.ss-mix-hub .ss-mix-hub__note{font-size:10px;line-height:1.6;text-align:center;margin-top:9px}.ss-mix-hub__journey{padding:26px 28px;border-radius:24px;margin-top:24px;background:#ffffffb8;border:1px solid #fff}.ss-mix-hub__journey>h2{font-size:20px;letter-spacing:-.035em;margin-bottom:20px}.ss-mix-hub__steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ss-mix-hub__steps li{display:flex;gap:12px;align-items:start}.ss-mix-hub__number{flex:0 0 34px;height:34px;display:grid;place-items:center;background:#f8e1ec;color:var(--hub-accent);border-radius:11px;font-size:12px;font-weight:700}.ss-mix-hub__steps h3{font-size:13px;line-height:1.5}.ss-mix-hub__steps p{font-size:12px;line-height:1.6;margin-top:3px}.ss-mix-hub__hints{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;list-style:none;margin:20px 0 0;padding:0;font-size:11px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ss-mix-hub__world:hover .ss-mix-hub__object--1{transform:rotate(-13deg) translateY(3px)}.ss-mix-hub__world:hover .ss-mix-hub__object--2{transform:translateY(-12px) rotate(2deg)}.ss-mix-hub__world:hover .ss-mix-hub__object--3{transform:rotate(12deg) translateY(2px)}.ss-mix-hub__cta:hover{transform:translateY(-2px);box-shadow:0 9px 22px #b72c6b35}}@media(max-width:1000px)and (min-width:750px){.ss-mix-hub__world-top{flex-wrap:wrap}}@media(max-width:749px){.ss-mix-hub{padding:26px 16px 32px;background-image:var(--hub-wave-mobile)}.ss-mix-hub__intro{margin-bottom:22px}.ss-mix-hub h1{font-size:34px;margin:8px 0 10px}.ss-mix-hub__text{font-size:13px}.ss-mix-hub__worlds{grid-template-columns:minmax(0,1fr);gap:16px}.ss-mix-hub__world{border-radius:24px;padding:20px 20px 16px}.ss-mix-hub__world-top{flex-wrap:wrap;gap:8px}.ss-mix-hub__world h2{font-size:26px}.ss-mix-hub .ss-mix-hub__world .ss-mix-hub__eyebrow{font-size:9px}.ss-mix-hub__badge{font-size:9px;padding:5px 8px}.ss-mix-hub__stage{height:175px;margin-top:6px}.ss-mix-hub__description{font-size:12px}.ss-mix-hub__tags{margin:10px 0 14px;gap:5px}.ss-mix-hub__tags li{font-size:10px;padding:4px 7px}.ss-mix-hub__cta,.ss-mix-hub .ss-mix-hub__availability{min-height:46px;font-size:13px;border-radius:13px}.ss-mix-hub__journey{margin-top:16px;padding:22px 20px}.ss-mix-hub__steps{grid-template-columns:minmax(0,1fr);gap:17px}.ss-mix-hub__journey>h2{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.ss-mix-hub__object,.ss-mix-hub__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/ss-mix-hub.css.map */