.hb{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}.hb__track{display:grid}.hb__slide{position:relative;z-index:0;grid-area:1 / 1;min-width:0;visibility:hidden}.hb__slide.is-prev{visibility:visible;z-index:1}.hb__slide.is-prev .hb__content{visibility:hidden}.hb__slide.is-active{visibility:visible;z-index:2}.hb.is-started .hb__slide.is-active .hb__bg{animation:hbFade .6s cubic-bezier(.45,0,.2,1) both}.hb.is-started .hb__slide.is-active .hb__content{animation:hbText .3s var(--ease) .05s both}@keyframes hbFade{0%{opacity:0}}@keyframes hbText{0%{opacity:0;transform:translateY(8px)}}.hb__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.hb__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.hb__slide--mirror .hb__img{transform:scaleX(-1)}.hb__blur{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;filter:blur(60px) saturate(1.3);opacity:.45}.hb__scene{position:absolute;top:0;right:0;height:100%;width:auto;max-width:62%;aspect-ratio:1;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}.hb__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hb__slide--scene .hb__shade{background:linear-gradient(90deg,var(--bg) 0 32%,color-mix(in srgb,var(--bg) 55%,transparent) 52%,transparent 75%),linear-gradient(0deg,var(--bg) 0,transparent 30%)}@media(min-width:900px){.hb__slide--full{--text: #fff;--mist: rgba(255, 255, 255, .88);--accent: #3DFFA2;color:var(--text)}.hb__slide--full .hb__title,.hb__slide--full .hb__text,.hb__slide--full .hb__pname{text-shadow:0 2px 20px rgba(0,0,0,.45)}.hb__slide--full .hb__shade{background:linear-gradient(90deg,rgb(4 12 8 / var(--hb-shade, 75%)) 0 30%,rgb(4 12 8 / calc(var(--hb-shade, 75%) * .6)) 46%,transparent 66%),linear-gradient(0deg,rgba(4,12,8,.65) 0,transparent 30%)}.hb__slide--split .hb__img{left:auto;width:64%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}.hb__slide--split .hb__shade{background:linear-gradient(0deg,var(--bg) 0,transparent 26%)}}.hb__content{display:flex;align-items:center;min-height:clamp(580px,88svh,840px);padding:140px 0 170px}.hb__copy{max-width:600px;min-width:0}.hb__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--hb-accent) 70%,transparent);background:color-mix(in srgb,var(--bg) 40%,transparent);font:500 12px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.hb__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hb-accent);box-shadow:0 0 12px var(--hb-accent)}.hb__title{margin-top:18px;max-width:14ch;font:700 clamp(38px,5.2vw,70px)/1.03 var(--f-display);letter-spacing:-.02em;text-wrap:balance}.hb__text{margin-top:18px;max-width:44ch;font-size:clamp(16px,1.3vw,19px);color:var(--mist)}.hb__offer{display:flex;align-items:center;gap:16px;margin-top:26px;min-width:0}.hb__pack{position:relative;flex:none;display:block;width:120px;height:120px;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 40px #00000059,0 0 0 1px #ffffff80}.hb__pack img{position:absolute;top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;object-fit:contain}.hb__product{display:grid;gap:2px;min-width:0}.hb__pname{font:600 17px/1.3 var(--f-display);color:inherit}.hb__pname:hover{color:var(--accent)}.hb__price{font:500 16px var(--f-mono);color:var(--turmeric)}.hb__price s,.hb__perday{color:var(--mist);font-size:13px}.hb__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hb__bar{position:absolute;left:0;right:0;bottom:24px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hb__trust{display:flex;flex-wrap:wrap;gap:6px 18px;padding-bottom:8px;font:500 12px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mist)}.hb__trust li:before{content:"\25c6  ";color:var(--accent)}.hb__nav{display:flex;align-items:center;gap:8px;padding:8px;border-radius:22px;min-width:0;background:color-mix(in srgb,var(--bg) 78%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hb__thumbs{display:grid;grid-template-columns:repeat(var(--hb-count),minmax(0,88px));gap:4px;min-width:0}.hb__thumb{position:relative;display:grid;justify-items:center;gap:5px;min-width:0;padding:6px 4px 10px;border-radius:14px;color:var(--mist);font:500 11px/1.2 var(--f-body);transition:background var(--fast),color var(--fast)}.hb__thumb:hover{color:var(--text)}.hb__thumb[aria-current]{background:var(--glass-hi);color:var(--text)}.hb__thumbimg{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;overflow:hidden;background:#fff}.hb__thumbimg img{width:100%;height:100%;object-fit:contain}.hb__thumbname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;text-align:center}.hb__thumb i{position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;overflow:hidden;background:color-mix(in srgb,var(--text) 14%,transparent)}.hb__thumb[aria-current] i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform-origin:left;animation:hbFill var(--hb-cycle, 5s) linear forwards}.hb.is-paused .hb__thumb i:after{animation-play-state:paused}.hb.is-static .hb__thumb i:after{animation:none}@keyframes hbFill{0%{transform:scaleX(0)}}.hb__pause{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--text)}.hb__pause .ico{width:16px;height:16px}.hb__pause .ico--play,.hb.is-user-paused .hb__pause .ico--pause{display:none}.hb.is-user-paused .hb__pause .ico--play{display:block}@media(max-width:1100px){.hb__trust{display:none}.hb__bar{justify-content:center}}@media(max-width:899px){.hb{padding-top:76px}.hb__slide{position:relative;display:flex;flex-direction:column}.hb__bg{position:relative;inset:auto;z-index:0;margin-inline:var(--gutter);aspect-ratio:16 / 9;border-radius:20px;background:var(--surface);box-shadow:0 14px 34px #00000047}.hb__img{object-position:var(--hb-fx) 30%}.hb__slide--ad .hb__shade,.hb__slide--scene .hb__shade{background:none}.hb__blur{display:block;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;opacity:.6}.hb__scene{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;-webkit-mask-image:none;mask-image:none}.hb__slide--portrait .hb__bg{aspect-ratio:1}.hb__content{min-height:0;margin-block:0;padding:12px 0 0;align-items:flex-start}.hb__copy{max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}.hb__eyebrow,.hb__title,.hb__text{grid-column:1 / -1;justify-self:start}.hb__eyebrow{gap:6px;padding:4px 11px 4px 8px;font-size:10.5px}.hb__eyebrow:before{width:6px;height:6px}.hb__title{margin-top:7px;max-width:none;font-size:clamp(22px,6.2vw,27px);line-height:1.1}.hb__text{display:none}.hb__offer{grid-column:1;margin-top:10px;gap:10px}.hb__pack{width:56px;height:56px;border-radius:12px;box-shadow:0 8px 20px #00000047}.hb__product{gap:2px}.hb__pname{font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb__price{font-size:14px}.hb__price s{font-size:12px}.hb__perday{display:none}.hb__ctas{grid-column:2;margin-top:10px;flex-wrap:nowrap}.hb__ctas .btn{height:44px;padding:0 18px;font-size:14px}.hb__ctas .btn--ghost{display:none}.hb__bar{position:static;display:block;padding:10px 0 6px}.hb__nav{padding:4px;gap:2px;border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.hb__thumbs{flex:1;grid-template-columns:repeat(var(--hb-count),minmax(0,1fr));gap:0}.hb__thumb{padding:5px 1px 9px;gap:4px;font-size:10px;letter-spacing:-.01em;border-radius:12px}.hb__thumbname{-webkit-line-clamp:3}.hb__thumbimg{width:36px;height:36px;border-radius:9px}.hb__thumb i{left:8px;right:8px;bottom:3px}.hb__pause{width:30px;height:30px}.hb__pause .ico{width:13px;height:13px}}@media(max-width:380px){.hb__thumbimg{width:34px;height:34px}.hb__thumbname{font-size:9.5px}}@media(prefers-reduced-motion:reduce){.hb.is-started .hb__slide.is-active .hb__bg,.hb.is-started .hb__slide.is-active .hb__content{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-banner.css.map */