.product-effects{border-bottom:1px solid rgba(var(--color-foreground),.2);display:block}.product-effects .__content{display:grid;grid-template:"top-part" max-content "bottom-part" max-content / 1fr;align-items:center;padding:6.4rem 0 16.5rem}.product-effects .__top-part{grid-area:top-part;margin-bottom:10rem;text-align:center}.product-effects .__top-part .__heading{margin-bottom:1.8rem}.product-effects .__top-part .__sub-heading{margin:0 0 1.7rem}.product-effects .__bottom-part{grid-area:bottom-part;display:grid;grid-template:"left-side images right-side" max-content / 1fr max-content 1fr;align-items:center;position:relative;transform:translateY(4rem)}.product-effects .__bottom-part .__effects{position:absolute;z-index:1;left:0;top:calc(50% - 7.5rem);transform:translateY(-50%);width:100%;align-items:flex-end;padding:0 6.5rem;display:grid;grid-template-columns:1fr max-content 1fr;grid-template-rows:repeat(3,15rem);grid-auto-flow:column;color:rgba(var(--color-foreground),1);transition:color .2s ease}.product-effects .__bottom-part .__effects.--desaturate-text{color:rgba(var(--color-foreground),.4)}.product-effects .__effects .__effect{font-size:2rem;line-height:2.4rem;margin-right:6rem;display:flex;gap:1rem;padding-bottom:.6rem;cursor:pointer;transition:color .2s ease;width:fit-content;position:relative}.product-effects .__effects .__effect .__name{max-width:22rem}.product-effects .__effects .__effect:hover{color:rgb(var(--color-foreground))}.product-effects .__effects .__effect:nth-of-type(n+4){justify-self:flex-end;margin-right:0;margin-left:6rem;justify-items:flex-end}.product-effects .__effects .__effect .__expand-icon{display:flex;align-items:center;justify-content:center;padding:.3rem;height:max-content;border-radius:50%;background-color:#fff;margin-left:1vw;align-self:center;border:1px solid rgba(var(--color-foreground),.2)}.product-effects .__effects .__effect .__expand-icon .icon-plus{width:.8rem}.product-effects .__effects .__effect .__info{position:absolute;top:100%;left:2rem;padding-top:.6rem;font-size:1.4rem;width:200%;max-width:40rem;opacity:0;transition:opacity .2s ease}.product-effects .__effects .__effect:nth-of-type(n+4) .__info{left:auto;right:3.5rem;text-align:right}.product-effects .__effects .__effect:hover .__info{opacity:1}.product-effects .__effects .__effect-image{grid-column:2;grid-row:1/ span 3;height:100%;width:40rem;display:flex;align-items:center;justify-content:center;padding-top:15rem;opacity:0;transition:opacity .2s ease}.product-effects .__effects .__effect-image img{width:120%;height:auto}.product-effects .__effects .__effect-image.--show{opacity:1}.product-effects .__bottom-part :is(.__curve,.__square){display:block}.product-effects .__bottom-part :is(.__left-side,.__right-side){position:relative;width:35vw;max-width:50.4rem;height:30rem;overflow:hidden}.product-effects .__bottom-part :is(.__left-side,.__right-side):after{content:"";width:100%;height:1px;background-color:rgba(var(--color-foreground),.25);position:absolute;left:0;top:50%}.product-effects .__bottom-part .__left-side{grid-area:left-side;margin-right:-3rem;justify-self:flex-end}.product-effects .__bottom-part .__right-side{grid-area:right-side;margin-left:-3rem}.product-effects .__bottom-part .__curve{border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);width:44rem;height:100%;position:absolute}.product-effects .__bottom-part .__left-side .__curve{right:-5rem}.product-effects .__bottom-part .__right-side .__curve{left:-5rem}.product-effects .__bottom-part .__square{position:absolute;border:1px solid rgba(var(--color-foreground),.25);width:calc(35vw - 17rem);border-left:0;border-right:0;height:100%;background-color:#fff}.product-effects .__bottom-part .__left-side .__square{right:17rem}.product-effects .__bottom-part .__right-side .__square{left:17rem}.product-effects .__bottom-part .__product-image{grid-area:images;position:relative;z-index:1;width:24.7vw;height:24.7vw;max-height:38rem;max-width:38rem;opacity:1;transition:opacity .2s ease}.product-effects .__bottom-part .__product-image.--hide{opacity:0}.product-effects .__bottom-part .__product-image .deco-image{max-width:100%}.product-effects .__bottom-part .__product-image .main-image{position:absolute;width:22.7vw;height:auto;top:49%;left:50%;transform:translate(-50%,-50%)}.product-effects :is(.__navigation,.__pagination){display:none}.product-effects :is(.swiper-wrapper){display:block}.product-effects .__bottom-mobile{display:none}@media screen and (max-width: 1440px){.product-effects .__effects .__effect{font-size:1.3vw;line-height:1.56vw}.product-effects .__effects .__effect .__info{font-size:.92vw;left:1.6vw;max-width:23vw}.product-effects .__effects .__effect:nth-of-type(n+4) .__info{left:auto;right:2.6vw;text-align:right}}@media screen and (max-width: 990px){.product-effects .__content{display:block;overflow:hidden;padding:5.5rem 2rem 6.3rem}.product-effects :is(.swiper-wrapper){display:flex;max-width:100%}.product-effects .__top-part{margin:0}.product-effects .__top-part .__heading{font-size:2.6rem;line-height:3.1rem}.product-effects .__bottom-part{display:none}.product-effects .__bottom-mobile{display:block;margin-top:4.4rem;position:relative}.product-effects .__bottom-mobile .__effect{width:100%}.product-effects .__bottom-mobile .__effect .__info{display:block;opacity:1;position:static;width:100%;max-width:unset;font-size:1.4rem;padding:2.2rem;box-sizing:border-box;text-align:center}.product-effects .__bottom-mobile .__effect:nth-of-type(n+4) .__info{text-align:unset}.product-effects .__bottom-mobile .__effect span{display:block}.product-effects .__bottom-mobile .__effect .__index{width:2.4rem;height:2.4rem;min-width:2.4rem;min-height:2.4rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-foreground),1);border-radius:50%;width:max-content;margin:2rem auto .7rem}.product-effects .__bottom-mobile .__effect .__name{max-width:20rem;padding:0 8rem;margin:0 auto;text-align:center}.product-effects .__bottom-mobile .__effect .__effect-image{width:100%}.product-effects .__bottom-mobile .__effect .__effect-image img{width:100%;height:auto}.product-effects .__pagination{display:flex;justify-content:space-between;column-gap:.9rem}.product-effects .swiper-pagination-bullet{flex:1;border-radius:0;height:1px;background-color:#0003}.product-effects .swiper-pagination-bullet-active{background-color:#000}.product-effects .__navigation{display:flex;justify-content:space-between;position:absolute;width:100%;left:0;top:4rem;z-index:2}.product-effects .__navigation svg{width:1.8rem}.product-effects .__navigation .__prev{transform:rotate(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/190/assets/section-product-effects.css.map */