.app-page .advantages{display:flex;flex-direction:column;align-items:center;gap:clamp(26px,calc(30px + (var(--max-vw) - 375px) * .015),61px);padding-top:0;padding-bottom:0;margin-bottom:var(--section-gap)}.app-page .advantages__header{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:clamp(17px,calc(20px + (var(--max-vw) - 375px) * .015),41px);width:100%}.app-page .advantages__title,.app-page .advantages__lead{width:100%}.app-page .advantages__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--color-text)}.app-page .advantages__lead{font-family:var(--font-body);font-weight:400;font-size:var(--text-body-lg);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-text)}.app-page .advantages__slider{display:flex;flex-direction:column;gap:clamp(26px,calc(30px + (var(--max-vw) - 375px) * .015),61px);width:100%}.app-page .advantages .slides-blocks{display:flex;flex-direction:row;align-items:flex-start;gap:20px;width:auto;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.app-page .advantages .slides-blocks::-webkit-scrollbar{display:none}.app-page .advantages .slides-blocks.is-dragging{scroll-snap-type:none;scroll-behavior:auto}@media(prefers-reduced-motion:reduce){.app-page .advantages .slides-blocks{scroll-behavior:auto}}.app-page .advantages .slide-wrapper{flex:0 0 calc(100% * (1 - 21 / 335) - 20px);display:flex;flex-direction:column;align-items:flex-start;gap:20px;scroll-snap-align:start}.app-page .advantages .slide-image{width:100%;height:auto;aspect-ratio:335 / 447;object-fit:cover;border-radius:var(--radius-card-mobile);background-color:var(--color-image-placeholder);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.app-page .advantages .advantages__caption{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.app-page .advantages .advantages__caption h3{width:100%;font-family:var(--font-display);font-weight:500;font-size:var(--text-card-title);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-text)}.app-page .advantages .advantages__caption p{width:100%;font-family:var(--font-body);font-weight:400;font-size:var(--text-body-lg);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-text-secondary)}.app-page .advantages .carousel-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;height:56px}.app-page .advantages .carousel-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:11.4545px 15.2727px;border-radius:var(--radius-pill);background:var(--color-surface-dark);border:var(--stroke-arrow-prev) solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease}.app-page .advantages .carousel-btn[disabled]{background:transparent;border-color:var(--color-text);cursor:default}.app-page .advantages .carousel-btn img{width:8.909px;height:17.818px;flex-shrink:0;pointer-events:none}.app-page .advantages .carousel-btn.prev:not([disabled]) img,.app-page .advantages .carousel-btn.next[disabled] img{filter:invert(1)}.app-page .advantages .carousel-btn.prev img{transform:scaleX(-1)}@media(min-width:768px){.app-page .advantages{align-items:flex-start;gap:clamp(30px,calc(30px + (var(--max-vw) - 768px) * .025),40px)}.app-page .advantages__header{--adv-header-gap: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 40px);flex-direction:row;justify-content:center;align-items:flex-start;gap:var(--adv-header-gap)}.app-page .advantages__title{flex:0 0 calc((100% - var(--adv-header-gap)) * .505147)}.app-page .advantages__lead{flex:1 1 0;min-width:0}.app-page .advantages .slides-blocks{width:100%;margin-inline:0;padding-inline:0;scroll-padding-inline:0}.app-page .advantages .slide-wrapper{flex:0 0 calc((100% - 60px)/4)}.app-page .advantages .slide-image{border-radius:var(--radius-card-desktop)}.app-page .advantages .carousel-controls{display:none}}@media(min-width:1024px){.app-page .advantages{gap:clamp(21px,calc(40px * (var(--max-vw) / var(--vw-base))),40px)}.app-page .advantages__header{--adv-header-gap: clamp(21px, calc(40px * (var(--max-vw) / var(--vw-base))), 40px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nooa-app-advantages.css.map */