.see-the-difference{--gap: 4.8rem;--row-gap: 2.4rem;overflow:hidden}.see-the-difference__wrapper{display:grid;gap:var(--gap);row-gap:0;flex:1 1 auto}.see-the-difference .cards-grid__title-position{text-align:center}.see-the-difference .std-card{display:flex;flex-direction:column;gap:1.4rem}.see-the-difference .std-card .std__desc{text-align:center;padding:1rem}@media screen and (min-width:1100px){.see-the-difference .std-card .std__desc{display:none;padding:2rem;animation:stdFadeIn .5s}}@keyframes stdFadeIn{0%{opacity:0}to{opacity:1}}@media screen and (min-width:1100px){.see-the-difference .std-card .have-overlay:before{background:none;border-radius:var(--border-radius-media)}}@media screen and (min-width:1100px){.see-the-difference .std-card:hover .std__desc{display:block;text-align:center;animation:stdFadeIn .5s}.see-the-difference .std-card:hover .have-overlay:before{background:rgba(var(--color-overlay),var(--overlay-alpha))}}.see-the-difference .std-card .cards-grid__title{margin:0}.see-the-difference .std-card .std__extra-details{margin-top:.5rem}.see-the-difference .std-card .std__img-wrapper-item{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--border-radius-media)}.see-the-difference .std-card .std__img-wrapper{position:relative}.see-the-difference .std-card .std__img-wrapper:after{content:"";display:block;padding-bottom:var(--image-size)}.see-the-difference .std-card .std__img-wrapper .std__img{position:relative;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%;text-decoration:none;cursor:pointer}.see-the-difference .std-card .std__img-wrapper .std__img img,.see-the-difference .std-card .std__img-wrapper .std__img .placeholder{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-2;border-radius:var(--border-radius-media);transition:all var(--duration-default) ease}.see-the-difference .border-item .std__cards{padding:2.4rem 0;height:100%}@media screen and (min-width:576px){.see-the-difference .border-item .std__cards{position:relative}.see-the-difference .border-item .std__cards:before{position:absolute;width:1px;height:100%;background:rgb(var(--color-border));right:calc(var(--gap) / -2);pointer-events:none;top:50%;transform:translateY(-50%)}}@media screen and (min-width:1100px){.see-the-difference .border-item:not(.hide_border) .std__cards:before{content:""}}.see-the-difference .border-item{position:relative}.see-the-difference .border-item:after{position:absolute;background:rgb(var(--color-border));top:0;left:-100vw;width:300vw;height:.1rem}.see-the-difference .see-the-difference__wrapper.wrapper-per-row__1 .border-item:nth-child(n+1):not(:first-child):after{content:""}@media screen and (max-width:575px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__2 .border-item:nth-child(n+1):not(:first-child):after{content:""}}@media(min-width:576px)and (max-width:1099px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__2 .border-item:not(:nth-child(2n)) .std__cards:before,.see-the-difference .see-the-difference__wrapper.wrapper-per-row__2 .border-item:nth-child(odd):not(:first-child):after{content:""}}@media screen and (min-width:1100px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__2 .border-item:nth-child(odd):not(:first-child):after{content:""}}@media screen and (max-width:575px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__3 .border-item:nth-child(n+1):not(:first-child):after{content:""}}@media(min-width:576px)and (max-width:989px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__3 .border-item:not(:nth-child(2n)) .std__cards:before,.see-the-difference .see-the-difference__wrapper.wrapper-per-row__3 .border-item:nth-child(odd):not(:first-child):after{content:""}}@media(min-width:990px)and (max-width:1099px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__3 .border-item:not(:nth-child(3n)) .std__cards:before,.see-the-difference .see-the-difference__wrapper.wrapper-per-row__3 .border-item:nth-child(3n+1):not(:first-child):after{content:""}}@media screen and (min-width:1100px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__3 .border-item:nth-child(3n+1):not(:first-child):after{content:""}}@media screen and (max-width:575px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__4 .border-item:nth-child(n+1):not(:first-child):after{content:""}}@media(min-width:576px)and (max-width:989px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__4 .border-item:not(:nth-child(2n)) .std__cards:before,.see-the-difference .see-the-difference__wrapper.wrapper-per-row__4 .border-item:nth-child(odd):not(:first-child):after{content:""}}@media(min-width:990px)and (max-width:1099px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__4 .border-item:not(:nth-child(3n)) .std__cards:before,.see-the-difference .see-the-difference__wrapper.wrapper-per-row__4 .border-item:nth-child(3n+1):not(:first-child):after{content:""}}@media screen and (min-width:1100px){.see-the-difference .see-the-difference__wrapper.wrapper-per-row__4 .border-item:nth-child(4n+1):not(:first-child):after{content:""}}.see-the-difference svg{height:100%;width:100%}.see-the-difference .std-card-reverse .std-card{flex-direction:column-reverse}.std-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000bf;align-items:center;justify-content:center;padding:1.6rem;box-sizing:border-box}.std-popup.is-open{display:flex}.std-popup__inner{position:relative;width:100%;max-width:80rem;background:rgb(var(--color-background));border-radius:var(--border-radius-media);max-height:calc(100vh - 3.2rem);overflow-y:auto;padding:2.4rem;box-sizing:border-box}.std-popup__swiper .swiper-wrapper{align-items:flex-start}@media screen and (max-width:749px){.std-popup__inner{padding:4.8rem 1.6rem 1.6rem}}.std-popup__close{position:absolute;top:1.2rem;right:1.2rem;z-index:10;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:.1rem solid rgb(var(--color-border));border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;line-height:1;font-size:1.6rem}.std-popup__swiper{width:100%}.std-popup__swiper .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center}.std-popup__swiper .swiper-slide img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;border-radius:var(--border-radius-media)}.std-popup__text{width:100%;margin-top:1.6rem;color:rgb(var(--color-foreground));text-align:center}.std-popup__text>*:first-child{margin-top:0}.std-popup__text>*:last-child{margin-bottom:0}.std-popup__nav{position:absolute;top:50%;z-index:10;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;padding:0;border:.1rem solid rgb(var(--color-foreground));border-radius:50%;color:rgb(var(--color-foreground));background:rgb(var(--color-background));cursor:pointer;transform:translateY(-50%);transition:opacity var(--duration-default)}.std-popup__nav:hover{opacity:.7}.std-popup__nav.swiper-button-disabled{opacity:.2;pointer-events:none}.std-popup__nav .icon{width:1.8rem;height:1.8rem}.std-popup__nav--prev{left:1.2rem}.std-popup__nav--next{right:1.2rem;transform:translateY(-50%) rotate(180deg)}.std-popup__swiper .swiper-pagination-bullet{background:rgb(var(--color-foreground));opacity:.3}.std-popup__swiper .swiper-pagination-bullet-active{opacity:1}.std-popup__pagination{padding:1.2rem 0 0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-see-the-difference.css.map */