.hero-bubbles-section{--hero-bubbles-gap: var(--space-4);--hero-bubble-size-mobile: clamp(140px, 44vw, 180px);--hero-bubble-size-desktop: clamp(180px, 12vw, 220px);--hero-bubbles-track-max-width: calc((var(--hero-bubble-size-desktop) * 6) + (var(--hero-bubbles-gap) * 5));--hero-bubbles-outer-max-width: calc(var(--hero-bubbles-track-max-width) + 200px);width:100%;padding-block:var(--space-8);background:var(--color-body-bg)}.hero-bubbles__heading{text-align:center;margin-block-end:var(--space-6);padding-inline:var(--page-gutter)}.hero-bubbles__outer{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%}.hero-bubbles__scroller{display:flex;gap:var(--hero-bubbles-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding-block:var(--space-2)}.hero-bubbles__scroller::-webkit-scrollbar{display:none}.hero-bubble{flex:0 0 var(--hero-bubble-size-mobile);width:var(--hero-bubble-size-mobile);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-decoration:none;transition:transform var(--transition-fast)}.hero-bubble:hover{transform:translateY(-4px)}.hero-bubble__image-wrapper{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:var(--border-width) solid rgba(77,109,93,.2);background:var(--card-bg);flex-shrink:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.hero-bubble:hover .hero-bubble__image-wrapper,.hero-bubble:focus-visible .hero-bubble__image-wrapper{border-color:var(--color-kk-green);box-shadow:0 4px 16px #4d6d5d40}.hero-bubble__image-wrapper img{width:100%;height:100%;object-fit:cover}.hero-bubble__label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;color:var(--color-body-text);text-align:center;white-space:nowrap;transition:color var(--transition-fast)}.hero-bubble:hover .hero-bubble__label{color:var(--color-kk-green)}.hero-bubbles__arrow{flex-shrink:0}@media(min-width:990px){.hero-bubbles__outer{justify-content:flex-start;width:100%;margin-inline:0}.hero-bubbles__scroller{justify-content:flex-start;flex-wrap:nowrap;flex:1;width:100%;margin-inline:0}.hero-bubble{flex-basis:var(--hero-bubble-size-desktop);width:var(--hero-bubble-size-desktop)}.hero-bubble__image-wrapper{width:var(--hero-bubble-size-desktop)}}@media(max-width:989px){.hero-bubbles__arrow.kk-slider-btn{display:none}}@media(prefers-reduced-motion:reduce){.hero-bubble{transition:none}.hero-bubbles__scroller{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-bubbles.css.map */