.section__about-product{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;height:810px;display:flex;align-items:stretch;justify-content:center;margin-bottom:88px}.section__about-product .content{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;padding:0 52px;height:100%;width:100%}.section__about-product .content__text{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.section__about-product .content__text .text__wrapper{width:calc(530 / 1728 * 100vw);max-width:530px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.section__about-product .content__text .text__wrapper .title{margin:0 0 32px}.section__about-product .content__text .text__wrapper .text{margin:0}.section__about-product .content__image{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.section__about-product .content__image .image__wrapper{width:calc(530 / 1728 * 100vw);position:relative;max-width:530px}.section__about-product .content__image .image__wrapper img{width:100%;height:auto}.section__about-product .content__image .image__wrapper .pin__content--mobile{display:none}.section__about-product .content__image .image__wrapper .pin{width:62px;height:62px;border-radius:50%;position:absolute;cursor:pointer;display:flex}.section__about-product .content__image .image__wrapper .pin.pin--mobile{display:none}.section__about-product .content__image .image__wrapper .pin .pin__content{width:336px;height:auto;position:absolute;right:82px;top:50%;transform:translateY(-50%);transition:all .3s ease;opacity:0;visibility:hidden;cursor:default}.section__about-product .content__image .image__wrapper .pin .pin__content .pin__wrapper{background-color:#fff;border-radius:8px;padding:28px;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-shadow:0 4px 4px #0000001a}.section__about-product .content__image .image__wrapper .pin .pin__content .pin__wrapper:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:12px solid #ffffff}.section__about-product .content__image .image__wrapper .pin .pin__content .pin__title{margin:0 0 8px}.section__about-product .content__image .image__wrapper .pin.active{z-index:2}.section__about-product .content__image .image__wrapper .pin.active .pin__content{opacity:1;visibility:visible}.section__about-product .content__image .image__wrapper .pin.active svg{transform:rotate(45deg)}.section__about-product .content__image .image__wrapper .pin.active svg path{stroke:var(--hp-color-blue)}.section__about-product .content__image .image__wrapper .pin svg{position:absolute;width:24px;height:24px;left:19px;top:19px;z-index:100;transition:all .3s ease}.section__about-product .content__image .image__wrapper .pin svg path{transition:all .3s ease;stroke:var(--hp-color-normal)}.section__about-product .content__image .image__wrapper .pin svg:hover path{stroke:var(--hp-color-blue)}.section__about-product .content__image .image__wrapper .pin:before{width:100%;height:100%;content:"";display:flex;top:0;left:0;border-radius:50%;background-color:#fff;opacity:.5;position:absolute}.section__about-product .content__image .image__wrapper .pin:after{width:42px;height:42px;content:"";display:flex;top:10px;left:10px;border-radius:50%;background-color:#fff;background-size:24px;position:absolute}.section__about-product .content__image .navigation{display:flex;align-items:center;justify-content:center;width:100%;height:72px}.section__about-product .content__image .navigation .navigation__dot{width:14px;height:14px;border-radius:50%;background-color:var(--hp-color-normal);margin:0 8px;cursor:pointer;position:relative;transition:all .3s ease;opacity:.5;display:flex}.section__about-product .content__image .navigation .navigation__dot:first-of-type:last-of-type{display:none}.section__about-product .content__image .navigation .navigation__dot:after{position:absolute;content:"";display:flex;width:24px;height:24px;top:-5px;left:-5px;border-radius:50%;border:1.5px solid var(--hp-color-normal);opacity:0;transition:all .3s ease}.section__about-product .content__image .navigation .navigation__dot.active{opacity:1}.section__about-product .content__image .navigation .navigation__dot.active:after{opacity:1}.pin__content--mobile{display:none}@media screen and (max-width: 768px){.section__about-product{height:auto}.section__about-product .content{flex-direction:column;align-items:center;justify-content:center;padding:0 16px}.section__about-product .content__text{width:100%;padding-top:56px}.section__about-product .content__text .text__wrapper{width:100%}.section__about-product .content__text .text__wrapper .title{margin-bottom:32px}.section__about-product .content__text .text__wrapper .text{margin-bottom:24px}.section__about-product .content__image{width:100%}.section__about-product .content__image .image__wrapper{width:100%;max-width:100%}.section__about-product .content__image .image__wrapper .navigation{height:72px;width:100%}.section__about-product .content__image .image__wrapper .pin--mobile{display:flex!important;z-index:10000}.section__about-product .content__image .image__wrapper .pin--mobile.hidden{display:none!important}.section__about-product .content__image .image__wrapper .pin--desktop{display:none}.pin__content--mobile{z-index:100000;opacity:0;display:flex;position:fixed;width:calc(100% - 32px);right:16px;bottom:16px;align-items:flex-start;justify-content:center;transform:translateY(300px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.pin__content--mobile.open{opacity:1;visibility:visible;position:fixed;transform:translateY(0)}.pin__content--mobile .pin__content__close{width:42px;height:42px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:-21px}.pin__content--mobile .pin__content__close svg{transform:rotate(45deg)}.pin__content--mobile .pin__content__close:hover svg path{stroke:var(--hp-color-blue)}.pin__content--mobile .pin__wrapper{padding:28px;background-color:#fff;left:16px;border-radius:8px}.pin__content--mobile .pin__wrapper .pin__title{margin-top:0;margin-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-about-product.css.map */