.product-gallery{position:relative;padding:5rem 0 4rem!important}@media screen and (min-width:768px){.product-gallery{padding:5rem 0 6rem!important}}@media screen and (min-width:990px){.product-gallery{padding:7.5rem 0 7.8rem!important}}.product-gallery .vertical-text{margin:-107px 0 0}.product-gallery .page-width{max-width:1268px}.product-gallery .product-gallery__head h2{text-align:center;margin:0 0 3rem}.product-gallery .button-holder{text-align:center}.top-swiper-nav{margin:0 5rem 4rem;overflow:hidden}@media screen and (min-width:768px){.top-swiper-nav{margin:0 10.7rem 4.2rem}}@media screen and (min-width:990px){.top-swiper-nav{overflow:visible}}.top-swiper-nav ul{margin:0;padding:0;list-style:none;text-transform:uppercase;font-family:var(--font-conthrax);font-size:1.8rem;font-weight:700;align-items:center}@media screen and (min-width:768px){.top-swiper-nav ul{font-size:2.3rem}}@media screen and (min-width:990px){.top-swiper-nav ul{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2rem}}.top-swiper-nav li{cursor:pointer;text-align:center}@media screen and (min-width:990px){.top-swiper-nav li{width:auto}}.top-swiper-nav li.active{font-size:1.6rem;color:var(--color-white)}@media screen and (min-width:768px){.top-swiper-nav li.active{font-size:2.8rem;margin-top:-.3rem}}.top-swiper-nav li.active a:after{opacity:1}.top-swiper-nav li:hover a:after{opacity:1}.top-swiper-nav li a{position:relative;display:inline-block;vertical-align:middle;color:var(--color-white);text-decoration:none}.top-swiper-nav li a:after{transition:opacity .3s ease;content:"";height:2px;background-color:var(--color-red);position:absolute;bottom:-4px;right:-22px;left:-22px;opacity:0}@media screen and (max-width:989px){.top-swiper-nav li a:after{display:none!important}}.top-swiper-holder{position:relative}.top-swiper{position:static;overflow:visible;max-width:66rem;margin:0 auto 1rem;padding:0 1rem}@media screen and (min-width:768px){.top-swiper{padding:0}}.top-swiper .text-holder{text-align:center}.top-swiper p{margin:0 0 1.8rem}.top-swiper .image-holder{position:relative;margin:0 0 4.5rem}@media screen and (min-width:768px){.top-swiper .image-holder{margin:0 0 6rem}}.top-swiper .image-holder:before{content:"";display:block;padding-top:56%}.top-swiper .image-holder img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.top-swiper .pointer{width:23px;height:23px;background-color:#531d1d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #c9302d}@media screen and (min-width:768px){.top-swiper .pointer{width:31px;height:31px}.top-swiper .pointer:after{width:13px;height:13px}}.top-swiper .pointer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background-color:var(--color-white)}.top-swiper .lines{height:51%;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:80%;border-bottom:1px solid var(--color-white);z-index:1}@media screen and (min-width:840px){.top-swiper .lines{width:119.5%}}.top-swiper .lines:before,.top-swiper .lines:after{content:"";position:absolute;top:100%;left:0;width:1px;height:11px;background-color:var(--color-white)}.top-swiper .lines:after{left:auto;right:0}@media screen and (min-width:768px){.top-swiper .lines:before,.top-swiper .lines:after{height:19px}}.top-swiper .lines span{position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:var(--color-white);transform:translate(-.05rem)}.top-swiper .swiper-button-prev,.top-swiper .swiper-button-next{position:absolute;top:-7.2rem;left:0;width:34px;height:34px;background:none;border:2px solid #636466;margin:0}@media screen and (min-width:768px){.top-swiper .swiper-button-prev,.top-swiper .swiper-button-next{width:54px;height:54px;top:-9.2rem}}:is(.top-swiper .swiper-button-prev,.top-swiper .swiper-button-next):after{content:"<";color:var(--color-white);font-size:2rem;line-height:1;font-weight:500;position:relative;top:-2px}@media screen and (min-width:768px){:is(.top-swiper .swiper-button-prev,.top-swiper .swiper-button-next):after{font-size:2.6rem;top:-3px}}:is(.top-swiper .swiper-button-prev,.top-swiper .swiper-button-next):hover{border-color:var(--color-white)}.top-swiper .swiper-button-next{right:0;left:auto}.top-swiper .swiper-button-next:after{content:">"}.bottom-gallery-holder{position:relative}.bottom-gallery-holder .bottom-gallery-group{width:100%;position:absolute;left:-9999px;top:0;padding:0 5rem;margin:0 0 4rem}@media screen and (min-width:768px){.bottom-gallery-holder .bottom-gallery-group{padding:0 56px;margin:0 0 6rem}}.bottom-gallery-holder .bottom-gallery-group.active{position:relative;left:0}.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .swiper-slide{padding:0 10px;box-sizing:border-box}@media screen and (min-width:768px){.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .swiper-slide{padding:0 15px}}@media screen and (min-width:1024px){.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .swiper-slide{padding:0 25px}}.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .swiper-slide a:focus-visible{outline:none}.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .swiper-slide a:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--color-white);pointer-events:none}.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .image-holder{position:relative}.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .image-holder:before{content:"";display:block;padding-top:102%}.bottom-gallery-holder .bottom-gallery-group .bottom-swiper .image-holder img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;object-fit:contain}.bottom-gallery-holder .bottom-gallery-group .swiper-button-prev,.bottom-gallery-holder .bottom-gallery-group .swiper-button-next{position:absolute;top:50%;left:0;transform:translateY(-50%)}.bottom-gallery-holder .bottom-gallery-group .swiper-button-next{right:0;left:auto}@media screen and (min-width:1024px){.bottom-gallery-holder .bottom-swiper--count-3 .swiper-wrapper{justify-content:center}}@media screen and (min-width:768px){.bottom-gallery-holder .bottom-swiper--count-2 .swiper-wrapper{justify-content:center}}:is(.top-swiper-nav--count-1,.top-swiper-nav--count-2) .swiper-wrapper{justify-content:center;gap:10%}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-product-gallery.css.map */