.hp-hero{--hp-gutter: 32px;--hp-media-radius: 28px;--hp-section-pad-y: 32px;--hp-pill-radius: 999px;--hp-pill-padding: 16px 36px}.hp-hero[class*=ai-rtl-hero-]{width:auto!important;max-width:calc(100vw - (var(--hp-gutter) * 2))!important;margin:var(--hp-section-pad-y) var(--hp-gutter)!important;border-radius:var(--hp-media-radius)!important;box-shadow:none!important;min-height:clamp(520px,76vh,600px)!important}.hp-hero [class*=ai-rtl-hero-btn-primary-]{border-radius:var(--hp-pill-radius)!important;padding:var(--hp-pill-padding)!important;transition:opacity .18s var(--yojo-ease-soft, cubic-bezier(.25, 1, .5, 1)),background-color .18s var(--yojo-ease-soft, cubic-bezier(.25, 1, .5, 1))!important;will-change:opacity}.hp-hero [class*=ai-rtl-hero-btn-]:hover{transform:none!important;opacity:.85}.hp-hero [class*=ai-rtl-hero-btn-primary-]:focus-visible{outline:2px solid var(--color-ink, #1a1a1a);outline-offset:3px}@media(max-width:989px){.hp-hero{--hp-gutter: 16px;--hp-media-radius: 20px;--hp-section-pad-y: 16px;--hp-pill-padding: 14px 28px}.hp-hero[class*=ai-rtl-hero-]{min-height:clamp(440px,62vh,560px)!important}}@media(min-width:600px)and (max-width:989px){.hp-hero [class*=ai-rtl-hero-video-bg-]{transform:scale(1.12);transform-origin:50% 25%}}.hp-category-shelf{--hp-shelf-radius: 20px;--hp-shelf-gap: 20px;--hp-shelf-aspect: 5 / 3;--hp-shelf-title-size: 18px;--hp-shelf-desc-size: 14px}@media(max-width:989px){.hp-category-shelf{--hp-shelf-gap: 12px;--hp-shelf-aspect: 4 / 3}}@media(min-width:768px)and (max-width:989px){.hp-category-shelf [class*=cham-container-]{grid-template-columns:repeat(4,1fr)}}[class*=cham-wrapper-].hp-category-shelf{padding-top:var(--hp-section-pad-y, 32px);padding-bottom:var(--hp-section-pad-y, 32px)}.hp-category-shelf [class*=cham-container-]{max-width:100%;gap:var(--hp-shelf-gap)}.hp-category-shelf [class*=cham-card-],.hp-category-shelf [class*=cham-media-wrapper-]{border-radius:var(--hp-shelf-radius)}.hp-category-shelf [class*=cham-media-wrapper-]{aspect-ratio:var(--hp-shelf-aspect)}.hp-category-shelf [class*=cham-title-]{font-size:var(--hp-shelf-title-size)!important}.hp-category-shelf [class*=cham-desc-]{font-size:var(--hp-shelf-desc-size)}.hp-frozen-fruit{--hp-frozen-content-max: 680px;--hp-frozen-pad-top: 32px;--hp-frozen-pad-bottom: 72px;position:relative;padding:var(--hp-frozen-pad-top) 0 var(--hp-frozen-pad-bottom);overflow-x:hidden}.hp-frozen-fruit__inner{position:relative;margin:0 var(--hp-gutter, 32px);padding-top:8px}.hp-frozen-fruit__fruit-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hp-frozen-fruit__fruit{position:absolute;top:0;left:50%;width:var(--fruit-size, 100px);transform:translate(var(--fruit-x, 0),var(--fruit-y, 0));will-change:transform}.hp-frozen-fruit__fruit-img{display:block;width:100%;height:auto;transform:rotate(var(--fruit-rotate, 0deg));transform-origin:center;filter:drop-shadow(0 6px 14px rgba(33,33,33,.04));animation:hpFrozenFloat var(--float-dur, 10s) var(--yojo-ease-soft, cubic-bezier(.25, 1, .5, 1)) var(--float-delay, 0s) infinite;will-change:transform}@keyframes hpFrozenFloat{0%,to{transform:rotate(var(--fruit-rotate, 0deg)) translateY(0)}50%{transform:rotate(var(--fruit-rotate, 0deg)) translateY(-6px)}}.hp-frozen-fruit__fruit--mango{--fruit-size: 124px;--fruit-x: -475px;--fruit-y: 18px;--fruit-rotate: -8deg;--float-dur: 10s;--float-delay: 0s}.hp-frozen-fruit__fruit--strawberry{--fruit-size: 118px;--fruit-x: 358px;--fruit-y: 46px;--fruit-rotate: 7deg;--float-dur: 11.5s;--float-delay: .6s}.hp-frozen-fruit__fruit--blueberry{--fruit-size: 72px;--fruit-x: -200px;--fruit-y: -8px;--fruit-rotate: -5deg;--float-dur: 8.5s;--float-delay: 1.2s}.hp-frozen-fruit__fruit--pineapple{--fruit-size: 86px;--fruit-x: -315px;--fruit-y: 208px;--fruit-rotate: 10deg;--float-dur: 12s;--float-delay: 1.8s}.hp-frozen-fruit__fruit--pitaya{--fruit-size: 78px;--fruit-x: 228px;--fruit-y: 228px;--fruit-rotate: -12deg;--float-dur: 9s;--float-delay: 2.4s}.hp-frozen-fruit__fruit--passionfruit{display:none}.hp-frozen-fruit__content{position:relative;z-index:1;max-width:var(--hp-frozen-content-max);margin:0 auto;text-align:center}.hp-frozen-fruit__eyebrow{margin:0 0 10px;font-size:12px;font-weight:500;color:var(--color-ink-mute)}.hp-frozen-fruit__headline{margin:0 0 16px;font-size:clamp(28px,3.1vw,44px);line-height:1.12;font-weight:600;color:var(--color-ink);letter-spacing:-.005em}.hp-frozen-fruit__hairline{display:none}.hp-frozen-fruit__sub{margin:0 0 30px;font-size:clamp(16px,1.4vw,19px);line-height:1.45;font-weight:500;color:var(--color-ink-mute)}.hp-frozen-fruit__body{margin:-16px auto 28px;max-width:560px;font-size:15px;line-height:1.6;color:var(--color-ink-mute)}.hp-frozen-fruit__cta{display:inline-flex;align-items:center;gap:10px;padding:var(--hp-pill-padding, 16px 36px);background:var(--color-ink);color:var(--color-paper);font-size:15px;font-weight:600;text-decoration:none;border-radius:var(--hp-pill-radius, 999px);transition:opacity var(--yojo-dur-quick, .18s) var(--yojo-ease-soft, cubic-bezier(.25, 1, .5, 1)),background-color var(--yojo-dur-quick, .18s) var(--yojo-ease-soft, cubic-bezier(.25, 1, .5, 1));will-change:opacity}.hp-frozen-fruit__cta:hover,.hp-frozen-fruit__cta:focus-visible{opacity:.85;color:var(--color-paper);text-decoration:none}.hp-frozen-fruit__cta:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.hp-frozen-fruit__cta-arrow{display:inline-block;font-size:16px;line-height:1}.hp-frozen-fruit__chips{list-style:none;margin:24px 0 0;padding:0;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.hp-frozen-fruit__chip{padding:9px 16px;background:color-mix(in srgb,var(--color-gray-line) 14%,var(--color-paper));border:1px solid color-mix(in srgb,var(--color-gray-line) 55%,transparent);border-radius:999px;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--color-ink) 78%,var(--color-paper));white-space:nowrap}@media(max-width:989px){.hp-frozen-fruit{--hp-frozen-pad-top: 32px;--hp-frozen-pad-bottom: 48px;--hp-frozen-content-max: 540px}.hp-frozen-fruit__inner{margin:0 24px;padding-top:48px}.hp-frozen-fruit__fruit--pineapple,.hp-frozen-fruit__fruit--pitaya{display:none}.hp-frozen-fruit__fruit--mango{--fruit-size: 104px;--fruit-x: 0;--fruit-y: 12px;left:8%}.hp-frozen-fruit__fruit--strawberry{--fruit-size: 98px;--fruit-x: 0;--fruit-y: 20px;left:auto;right:8%}.hp-frozen-fruit__fruit--blueberry{--fruit-size: 62px;--fruit-x: -31px;--fruit-y: 0}.hp-frozen-fruit__chips{margin-top:20px;gap:8px}}@media(max-width:599px){.hp-frozen-fruit{--hp-frozen-pad-top: 24px;--hp-frozen-pad-bottom: 40px;--hp-frozen-content-max: 100%;--hp-pill-padding: 14px 28px}.hp-frozen-fruit__inner{margin:0 var(--hp-gutter, 16px);padding-top:44px}.hp-frozen-fruit__fruit--mango{--fruit-size: 76px;--fruit-x: 0;--fruit-y: 8px;left:auto;right:8px}.hp-frozen-fruit__fruit--strawberry{--fruit-size: 56px;--fruit-x: 0;--fruit-y: 130px;left:-4px;right:auto}.hp-frozen-fruit__fruit--blueberry{--fruit-size: 52px;--fruit-x: -90px;--fruit-y: -4px}.hp-frozen-fruit__headline{font-size:26px;line-height:1.2}.hp-frozen-fruit__sub{font-size:15px;margin-bottom:24px}.hp-frozen-fruit__body{font-size:14px}.hp-frozen-fruit__chips{margin-top:18px;gap:6px}.hp-frozen-fruit__chip{padding:7px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.hp-frozen-fruit__fruit-img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yojo-homepage-system.css.map */