.hb{position:relative;margin-bottom:8px}.hb *,.hb *:before,.hb *:after{box-sizing:border-box}.hb__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.hb__track::-webkit-scrollbar{display:none}.hb__slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:600px;padding:24px 20px 46px;overflow:hidden;color:var(--color-text)}.hb__slide--yellow{background:radial-gradient(120% 60% at 110% 100%,#FFD84D 0 40%,transparent 41%),radial-gradient(90% 40% at -10% 75%,rgb(255 230 102 / .7) 0 45%,transparent 46%),#ffc800;padding-bottom:104px}.hb__slide--cream{background:#f8f4ee}.hb__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:520px}.hb__eyebrow{margin:0;font-size:.82rem;font-weight:700}.hb__slide--yellow .hb__eyebrow{padding:5px 14px;border-radius:999px;background:#fff1b8;color:#7a5a00}.hb__slide--cream .hb__eyebrow{color:#2f7d3b;letter-spacing:.04em}.hb__heading{margin:2px 0 0;font-family:var(--font-heading);font-weight:800;font-size:clamp(1.75rem,1.2rem + 2.6vw,3rem);line-height:1.28;letter-spacing:0;color:var(--color-text)}.hb__heading em{font-style:normal;position:relative;display:inline-block}.hb__slide--yellow .hb__heading em:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-.12em;height:.3em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13C50 5 120 4 197 9c-60 2-120 5-180 9' fill='none' stroke='white' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.hb__slide--cream .hb__heading em{color:#e6b400}.hb__text{margin:2px 0 0;font-size:1rem;font-weight:500}.hb__slide--cream .hb__text{color:#374151}.hb__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin-top:10px;padding:13px 30px;border-radius:var(--radius-button, 14px);font-family:var(--font-heading);font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap;transition:transform .15s ease}.hb__btn:active{transform:scale(.97)}.hb__btn svg{width:18px;height:18px}.hb__slide--yellow .hb__btn{background:var(--color-text);color:#fff}.hb__slide--cream .hb__btn{background:var(--color-primary);color:var(--color-text)}.hb__slide--yellow .hb__content{position:static}.hb__slide--yellow .hb__btn{position:absolute;left:0;right:0;bottom:48px;max-width:calc(100% - 48px);margin-inline:auto}.hb__features{position:relative;display:none;list-style:none;margin:0;padding:0}.hb__features li{display:flex;align-items:center;gap:12px;text-align:start}.hb__features b{display:block;font-size:.95rem}.hb__features small{display:block;font-size:.82rem;color:#374151}.hb__ficon{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center}.hb__ficon svg{width:26px;height:26px}.hb__slide--yellow .hb__ficon{background:#fff1b8;color:var(--color-text)}.hb__slide--cream .hb__ficon{background:#fff;color:#b98500;box-shadow:inset 0 0 0 2px #ffe27a}.hb__stage{position:relative;width:100%;max-width:460px;height:270px;margin-top:auto}.hb__disc{position:absolute;left:-4%;right:-4%;bottom:14px;height:96%;border-radius:50%;background:radial-gradient(closest-side,#fff 0 72%,#fffc 86%,#fff0)}.hb__stand{position:absolute;left:7%;right:7%;bottom:0;height:58px}.hb__slide--yellow .hb__stand{border-radius:50%/42%;background:linear-gradient(#fff,#efefef);box-shadow:0 16px 26px -16px #0006}.hb__slide--yellow .hb__stand:before{content:"";position:absolute;left:0;right:0;top:0;height:40%;border-radius:50%;background:#fafafa}.hb__slide--cream .hb__stand{left:4%;right:4%;height:46px;border-radius:12px 12px 4px 4px;background:linear-gradient(#eadfcf,#d8c9b3);box-shadow:0 16px 26px -18px #00000073}.hb__slide--cream .hb__stand:before{content:"";position:absolute;inset:0 0 auto;height:24%;border-radius:12px 12px 0 0;background:#f3eadc}.hb__products{position:absolute;left:0;right:0;top:0;bottom:30px;display:flex;align-items:flex-end;justify-content:center;gap:0}.hb__p{position:relative;display:block;flex:0 0 auto;margin-inline:-9%}.hb__p--1{width:48%}.hb__p--2{width:42%}.hb__p--3{width:37%}.hb__p--4{width:31%}.hb__p img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hb__leaf{position:absolute;bottom:34px;width:42px;pointer-events:none}.hb__leaf svg{display:block;width:100%;height:auto}.hb__leaf--a{left:2%;rotate:-32deg}.hb__leaf--b{right:2%;rotate:30deg;width:36px}.hb__slide--cream .hb__leaf--b{display:none}.hb__badge{position:absolute;top:-26px;left:0;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:#fff;rotate:-8deg;text-align:center;box-shadow:0 10px 28px -12px #00000059;line-height:1.05;color:var(--color-text)}.hb__badge small{display:block;font-size:.78rem;font-weight:700}.hb__badge b{display:block;font-family:var(--font-heading);font-weight:800;font-size:2rem}.hb__badge i{display:block;width:56%;height:5px;margin:5px auto 0;border-radius:3px;background:var(--color-primary)}.hb__note{display:none;position:absolute;color:#b98500;font-family:Caveat,Segoe Script,cursive;font-size:2.6rem;line-height:.9;rotate:-8deg;text-align:start;direction:ltr}.hb__swirl{position:absolute;left:-20%;right:-20%;bottom:0;height:62%;border-radius:46% 54% 0 0/30% 30% 0 0;background:repeating-radial-gradient(ellipse at 30% 70%,#fffffff2 0 16px,#ece4d8bf 25px,#fffffff2 36px)}.hb__nav{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#ffffffd1;box-shadow:0 6px 18px -8px #1f293740}.hb__dots{display:flex;gap:6px}.hb__dot{position:relative;width:8px;height:8px;padding:0;overflow:hidden;border:0;border-radius:999px;background:#1f293738;cursor:pointer;transition:width .35s ease}.hb__dot.is-active{width:26px}.hb__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--color-text);transform:scaleX(0);transform-origin:left}[dir=rtl] .hb__dot:after{transform-origin:right}.hb__dot.is-active:after{transform:scaleX(1)}.hb[data-autoplay]:not([data-autoplay="0"]) .hb__dot.is-active:after{animation:hb-progress var(--hb-delay) linear both}.hb.is-paused .hb__dot.is-active:after{animation-play-state:paused}@keyframes hb-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hb__arrow{display:none;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer}[dir=ltr] .hb__arrow svg{transform:scaleX(-1)}.hb__content>*{transition:opacity .42s ease,translate .42s cubic-bezier(.2,.8,.2,1)}.hb__slide:not(.is-active) .hb__content>*{opacity:0;translate:0 12px}.hb__slide.is-active .hb__content>:nth-child(2){transition-delay:.05s}.hb__slide.is-active .hb__content>:nth-child(3){transition-delay:.1s}.hb__slide.is-active .hb__content>:nth-child(4){transition-delay:.15s}@media(min-width:750px){.hb__slide{min-height:640px}.hb__stage{max-width:560px;height:330px}.hb__badge{width:128px;height:128px}.hb__arrow{display:grid}}@media(min-width:990px){.hb__slide{display:grid;align-items:center;min-height:0;height:460px;padding:0 64px;text-align:start;column-gap:28px}.hb__slide--yellow{grid-template-columns:220px minmax(0,1fr) 420px;padding-bottom:0}.hb__slide--cream{grid-template-columns:380px 230px minmax(0,1fr)}.hb__content{align-items:flex-start;max-width:none}.hb__slide--yellow .hb__content{order:3}.hb__slide--yellow .hb__features{order:1}.hb__slide--yellow .hb__stage{order:2}.hb__slide--cream .hb__content{order:1}.hb__slide--cream .hb__features{order:2}.hb__slide--cream .hb__stage{order:3}.hb__features{display:grid;gap:20px}.hb__heading{font-size:clamp(2.3rem,1.4rem + 1.6vw,3.1rem)}.hb__text{font-size:1.1rem}.hb__slide--yellow .hb__content{position:relative}.hb__slide--yellow .hb__btn{position:static;margin-inline:0}.hb__stage{align-self:end;width:100%;max-width:640px;height:420px;margin:0 auto}.hb__disc{bottom:26px}.hb__stand{height:80px}.hb__products{bottom:44px}.hb__leaf{width:62px;bottom:60px}.hb__leaf--b{width:54px}.hb__badge{top:26px;left:-10px;width:146px;height:146px}[dir=ltr] .hb__badge{left:auto;right:-10px}.hb__badge b{font-size:2.6rem}.hb__badge small{font-size:.92rem}.hb__note{display:block;top:18px;left:2%}[dir=ltr] .hb__note{left:auto;right:2%}.hb__swirl{left:-12%;right:50%;top:-20%;bottom:-20%;height:auto;border-radius:50%}[dir=ltr] .hb__swirl{left:50%;right:-12%}.hb__nav{bottom:16px}}.hb__slide{isolation:isolate}.hb__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hb__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hb__slide--img{background:none;min-height:0;aspect-ratio:3 / 5;max-height:92vh}.hb__slide--img .hb__disc,.hb__slide--img .hb__stand,.hb__slide--img .hb__products,.hb__slide--img .hb__leaf,.hb__slide--img .hb__swirl{display:none}@media(min-width:750px)and (max-width:989px){.hb__slide--img{aspect-ratio:3 / 4}}@media(min-width:990px){.hb__slide--img{height:auto;aspect-ratio:8 / 3;max-height:680px;padding:0 5%;column-gap:2%}[dir=ltr] .hb__slide--img{direction:rtl}[dir=ltr] .hb__slide--img>*{direction:ltr}.hb__slide--yellow.hb__slide--img{grid-template-columns:18% minmax(0,1fr) 34%}.hb__slide--cream.hb__slide--img{grid-template-columns:30% 18% minmax(0,1fr)}.hb__slide--img .hb__stage{height:100%;max-width:none}.hb__slide--img .hb__badge{left:0;right:auto;top:12%}[dir=ltr] .hb__slide--img .hb__note{left:2%;right:auto}}@media(prefers-reduced-motion:reduce){.hb__content>*{transition:none}.hb__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-hero-banner.css.map */