:root{--gerne-red: hsla(0, 100%, 66%, 1);--gerne-blue: hsla(221, 65%, 68%, 1);--gerne-yellow: hsla(31, 58%, 43%, 1);--gerne-green: hsla(42, 99%, 56%, 1)}.swiper-slide.watch-card{width:clamp(258px,172px + 25vw,572px);display:flex;flex-direction:column;align-items:flex-start;gap:20px}.swiper-slide.watch-card .img-box{aspect-ratio:572/343;border-radius:10px;overflow:hidden;width:100%;position:relative}.swiper-slide.watch-card .img-box img{aspect-ratio:inherit}.swiper-slide.watch-card .img-box:after{content:"";width:100%;height:100%;position:absolute;display:block;top:0;left:0;background-image:linear-gradient(180deg,#0003,#000c);opacity:0;transition:opacity .4s ease}.swiper-slide.watch-card .play{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:5px;left:5px;z-index:1000;opacity:0;transition:opacity .4s ease;background-color:#0d59ff;border-radius:50%}.swiper-slide.watch-card .play svg{width:11px;height:14px}.swiper-slide.watch-card:hover .img-box:after{opacity:1}.swiper-slide.watch-card:hover .play{opacity:1}.bg-img{width:100%;height:100vh;min-height:850px;position:absolute;z-index:-1;overflow-x:hidden;overflow-y:auto}.bg-img:before{content:"";width:clamp(484px,322.9554140127px + 46.8152866242vw,1072px);aspect-ratio:1;position:absolute;bottom:clamp(-780px,55.2542372881px + -52.2033898305vw,-164px);left:clamp(-166px,-221.1694915254px + 13.1355932203vw,-11px);background-color:#1f2940;border-radius:30%;z-index:1}.bg-img:after{content:"";width:clamp(308px,205.2929936306px + 29.8566878981vw,683px);aspect-ratio:1;position:absolute;right:clamp(-208px,-251.7796610169px + 10.4237288136vw,-85px);top:0;background-color:#1f2940;border-radius:30%;z-index:1}.hero{color:#fff}.hero__wrap-title{padding-top:180px;margin-bottom:clamp(95px,68.9808917197px + 7.5636942675vw,190px);display:flex;flex-direction:column;align-items:flex-start;gap:30px}@media(max-width:992px){.hero__wrap-title{gap:15px}}.category{margin-bottom:100px;color:#fff}.category__wrap{display:grid;grid-template-columns:repeat(3,1fr);row-gap:40px;column-gap:20px}@media(max-width:992px){.category__wrap{grid-template-columns:repeat(2,1fr);column-gap:15px;row-gap:25px}}.category__wrap .swiper-slide{width:auto}@media(max-width:992px){.category .swiper-slide.watch-card .img-box{aspect-ratio:190/230}}