/* Start:/bitrix/templates/m.sport/assets/css/swiper-bundle.min.css?177554617418448*/ /** * Swiper 11.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 27, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/m.sport/assets/css/jquery.fancybox.min.css?177554617412795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/m.sport/assets/css/main.css?177554617491861*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: rgba(0, 0, 0, 0) } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } @font-face { font-family: "Manrope"; src: url("/bitrix/templates/m.sport/assets/css/../fonts/Manrope-VariableFont_wght.ttf") format("truetype"); font-weight: 400 900 } @font-face { font-family: "SONGER SemiExpanded"; src: url("/bitrix/templates/m.sport/assets/css/../fonts/SONGER_SE_Regular.otf") format("truetype"); font-style: normal; font-weight: 400 } @font-face { font-family: "SONGER SemiExpanded"; src: url("/bitrix/templates/m.sport/assets/css/../fonts/SONGER_SE_Medium.otf") format("truetype"); font-style: normal; font-weight: 500 } @font-face { font-family: "SONGER SemiExpanded"; src: url("/bitrix/templates/m.sport/assets/css/../fonts/SONGER_SE_Bold.otf") format("truetype"); font-style: normal; font-weight: 700 } @font-face { font-family: "SONGER SemiExpanded"; src: url("/bitrix/templates/m.sport/assets/css/../fonts/SONGER_SE_ExtraBold.otf") format("truetype"); font-style: normal; font-weight: 800 } html { box-sizing: border-box; height: 100%; font-size: 16px } html.noscroll { overflow: hidden } *, *::before, *::after { box-sizing: border-box; outline: none } body { background: #f8f8fa; color: var(--black); font-family: "Manrope", sans-serif; min-width: 360px; display: flex; flex-direction: column; height: 100%; padding: 20px 40px } img { max-width: 100%; height: auto } *:has(>img) { font-size: 0 } main { flex: 1 0 auto; position: relative; gap: 120px; padding-bottom: 120px } main>div[id^="comp_"] { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; position: relative; gap: 120px; } @media(max-width: 1700px) { main { gap: 80px } main>div[id^="comp_"] { gap: 80px; } } @media(max-width: 1023px) { main { gap: 60px } main>div[id^="comp_"] { gap: 60px; } } footer { flex: 0 0 auto } html.no_scroll { overflow: hidden } button, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } a { text-decoration: none } .position-relative { position: relative } .position-absolute { position: absolute } .position-fixed { position: fixed } .top-0 { top: 0 } .start-0 { left: 0 } .end-0 { right: 0 } .bottom-0 { bottom: 0 } .d-none { display: none } .d-block { display: block } .d-grid { display: grid } .d-flex { display: flex; flex-wrap: wrap } .d-inline-block { display: inline-block } .flex-column { flex-direction: column } .flex-grow-1 { flex-grow: 1 } .justify-content-start { justify-content: flex-start } .justify-content-center { justify-content: center } .justify-content-end { justify-content: flex-end } .justify-content-between { justify-content: space-between } .align-items-start { align-items: flex-start } .align-items-center { align-items: center } .align-items-end { align-items: flex-end } .align-items-baseline { align-items: baseline } .w-100 { width: 100% } .h-100 { height: 100% } .mx-auto { margin: 0 auto } .ms-auto { margin-left: auto } .m-0 { margin: 0 } .p-0 { padding: 0 } .text-center { text-align: center } .text-end { text-align: right } .list-none { list-style: none } .text-decoration-none { text-decoration: none } .text-uppercase { text-transform: uppercase } .object-cover-50 { -o-object-fit: cover; object-fit: cover; -o-object-position: 50%; object-position: 50% } .btn { display: flex; align-items: center; justify-content: center; padding: 0; background-color: rgba(0, 0, 0, 0); border: none; cursor: pointer } h1, .h1 { font-family: "SONGER SemiExpanded"; font-weight: 700; font-size: 48px; line-height: 64px } h2, .h2 { font-family: "SONGER SemiExpanded"; font-weight: 400; font-size: 32px; line-height: 42px } h3, .h3 { font-family: "SONGER SemiExpanded"; font-weight: 400; font-size: 22px; line-height: 29px } h4, .h4 { font-family: "SONGER SemiExpanded"; font-weight: 400; font-size: 18px; line-height: 24px } h5, .h5 { font-family: "SONGER SemiExpanded"; font-weight: 400; font-size: 16px; line-height: 21px } .textBig, .textBig p, .textBig li { font-size: 24px; line-height: 33px } .textMid, .textMid p, .textMid li { font-size: 20px; line-height: 27px } .text, .text p, .text li { font-size: 18px; line-height: 25px } .textSmall, .textSmall p, .textSmall li { font-size: 16px; line-height: 22px } .textExtraSmall, .textExtraSmall p, .textExtraSmall li { font-size: 14px; line-height: 19px } @media(max-width: 1700px) { h1, .h1 { font-size: 40px; line-height: 59px } .text, .text p, .text li { font-size: 17px; line-height: 25px } .textBig, .textBig p, .textBig li { font-size: 22px; line-height: 30px } } @media(max-width: 1260px) { h2, .h2 { font-size: 28px; line-height: 40px } .textBig, .textBig p, .textBig li { font-size: 20px; line-height: 27px } .textExtraSmall, .textExtraSmall p, .textExtraSmall li { font-size: 12px; line-height: 16px } } @media(max-width: 1023px) { h1, .h1 { font-size: 36px; line-height: 53px } h2, .h2 { font-size: 24px; line-height: 40px } h3, .h3 { font-size: 20px; line-height: 30px } .textBig, .textBig p, .textBig li { font-size: 18px; line-height: 25px } .textMid, .textMid p, .textMid li { font-size: 18px; line-height: 25px } .text, .text p, .text li { font-size: 16px; line-height: 22px } } @media(max-width: 767px) { h1, .h1 { font-size: 26px; line-height: 35px } h2, .h2 { font-size: 20px; line-height: 26px } h3, .h3 { font-size: 16px; line-height: 21px } h4, .h4 { font-size: 14px; line-height: 19px } h5, .h5 { font-size: 12px; line-height: 16px } .textSmall, .textSmall p, .textSmall li { font-size: 12px; line-height: 16px } .text, .text p, .text li { font-size: 14px; line-height: 19px } } .btn_main { width: 100%; height: 62px; background-color: var(--primary); border-radius: 20px; color: var(--black); transition: .2s ease } .container { width: 100%; padding: 0 12px; margin: 0 auto } .container-md { max-width: 1664px } .container-lg { max-width: 1784px } @media(max-width: 1700px) { .container-md { max-width: 1264px } .container-lg { max-width: 1264px } } .swiper-button-prev, .swiper-button-next { margin: 0 } .swiper-button-prev:after, .swiper-button-next:after { display: none } p { font-size: 16px; line-height: 19px; margin: 0 0 20px 0 } ul, ol { margin: 20px 0; padding-left: 25px } li { font-size: 16px; line-height: 19px; color: #fff } p:last-child, ul:last-child, ol:last-child { margin-bottom: 0 !important } ._desktop { display: block } ._mobile { display: none } @media(max-width: 767px) { ._mobile { display: block } ._desktop { display: none } } .main-header { position: fixed; left: 0; right: 0; top: 40px; z-index: 3; padding: 0 80px } .main-header-row { padding: 10px 20px; gap: 10px; background: rgba(0, 0, 0, .3); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 30px } .main-menu { max-width: 756px; width: 100% } .main-menu ul { gap: 10px 40px } .main-menu ul li a { color: var(--white) } .header-control { gap: 10px } .title-search-result { display: none; } .search_wrapper { width: 56px; height: 40px; background-color: var(--black); border-radius: 40px; z-index: 1; transition: all .6s ease } .search_wrapper.active { width: 284px } .search_wrapper form input { height: 40px; border: 0; background: rgba(0, 0, 0, 0); width: 0%; color: var(--white) } .search_wrapper form input::-moz-placeholder { color: var(--white); opacity: 1 } .search_wrapper form input:-ms-input-placeholder { color: var(--white); opacity: 1 } .search_wrapper form input::-ms-input-placeholder { color: var(--white); opacity: 1 } .search_wrapper form input::placeholder { color: var(--white); opacity: 1 } .search_wrapper.active form input { width: 100%; padding: 0 20px 0 56px } .search_btn { width: 56px; position: absolute; left: 0; top: 0; bottom: 0; cursor: pointer } .header-cart { width: 60px; background-color: var(--black); height: 40px; border-radius: 40px } .header-sign { width: 60px; background-color: var(--black); height: 40px; border-radius: 40px } .btn-hamburger { display: none; width: 36px; height: 26px; border-radius: 70px; background-color: var(--black) } .menu-icon { width: 13px; height: 9px } .menu-icon span { display: block; width: 100%; height: 1px; background-color: var(--white); transition: all .2s cubic-bezier(0.1, 0.82, 0.76, 0.965) } .menu-icon span:nth-child(1) { top: 0 } .menu-icon span:nth-child(2) { bottom: 0 } .menu-icon span:nth-child(3) { top: 50% } .btn-hamburger.active span:nth-child(1) { transform: rotate(45deg); top: 6px } @media(max-width: 767px) { .btn-hamburger.active span:nth-child(1) { top: 4px } } .btn-hamburger.active span:nth-child(2) { opacity: 0 } .btn-hamburger.active span:nth-child(3) { transform: rotate(-45deg); bottom: 8px } .mobile_menu { display: flex; flex-direction: column; max-width: 490px; width: 100%; background-color: var(--white); padding: 30px 20px; left: -110%; position: fixed; top: 0; bottom: 0; z-index: 101; transition: .4s ease } .mobile_menu.active { left: 0 } .mobile_menu_head { margin-bottom: 40px } .mobile_menu_lk { color: var(--black) } .mobile_menu_list { flex-grow: 1; overflow: auto } .mobile_menu_list ul { gap: 20px } .mobile_menu_list ul li { margin: 0 } .mobile_menu_list ul li a { font-size: 18px; line-height: 22px; color: var(--black); transition: .2s ease } :root { --black: #0F0D0D; --gray: #9999A1; --grayLight: #E6E6E9; --white: #F4F4F6 } .welcome_modal { height: 386px; width: 100%; max-width: 570px; display: none; position: fixed; z-index: 102; opacity: 0; top: 100%; left: 0; right: 0; bottom: 0; background-color: var(--white); border-radius: 20px; padding: 40px; margin: auto } .welcome_modal.show, .alModal.show { display: flex; opacity: 1 !important; top: 0; align-items: center } .welcome_wrapper { gap: 40px } .welcome_info { gap: 40px } .alModal { max-height: 600px; width: 96%; max-width: 1080px; display: none; position: fixed; z-index: 100; opacity: 0; top: 100%; left: 0; right: 0; bottom: 0; background-color: var(--white); border-radius: 20px; margin: auto } .alModalThank { height: auto; max-width: 600px; text-align: center; bottom: auto; top: 50%!important; transform: translate(0, -50%); } .alModalThank .alModalContent { width: 100%; } .alModalClose { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; top: 40px; right: 40px; z-index: 101; opacity: 1 } .alModalClose:hover { opacity: .8 } .overlay, #overlay { z-index: 70; position: fixed; background-color: #9999a1; opacity: .4; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none } #overlay { z-index: 100 } #overlay.active { display: block } .alModalContent { padding: 40px; overflow: auto } .alModalContent.d-grid { grid-template-columns: 1fr 1fr; gap: 40px; align-items: center } .alModalContent-image { border-radius: 20px; overflow: hidden } .alModalContent .alModalInput { width: 100%; height: 37px; border: 1px solid var(--gray); border-radius: 20px; background: var(--white); font-size: 16px; line-height: 19px; font-weight: 500; color: var(--black); padding: 0 20px } .alModalContent .alModalInput:placeholder, .alModalTextarea:placeholder { opacity: 1; color: var(--gray); font-weight: 400 } .custom-checkbox { flex-wrap: nowrap; gap: 6px; margin-top: 5px; cursor: pointer } .custom-checkbox input[type=checkbox] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: none; background-color: rgba(0, 0, 0, 0); border: 1px solid var(--black); border-radius: 1px; flex-shrink: 0; cursor: pointer } .custom-checkbox input[type=checkbox]:hover { background-color: var(--grayLight) } .custom-checkbox input[type=checkbox]:checked { background-color: var(--primary) } .alModal-icon { flex-shrink: 0 } .alModalContent-title { margin: 0; gap: 12px; margin-bottom: 40px } .alModalContent-text { margin-bottom: 40px } .alModalContent form { gap: 10px } .alModal_form-text { color: var(--grayDark) } .alModal_form-row { gap: 10px } .btn_submit { height: 49px; transition: .2s ease; background-color: var(--black); color: var(--white); border-radius: 20px } @media(max-width: 767px) { .welcome_modal.show { top: auto; bottom: 0; max-width: 100%; border-radius: 0; padding: 60px 20px 40px; height: auto } .welcome_wrapper { max-width: 400px; margin: 0 auto } .welcome-title { max-width: 295px; width: 100%; margin: 0 auto } .alModalClose { top: 20px; right: 20px } .alModal { height: 437px; width: 100%; border-radius: 0 } .alModal.show { top: auto; bottom: 0 } .alModalContent { width: 100% } .alModalContent.d-grid { grid-template-columns: 100% } .alModalContent-image { display: none } } .main_slider { max-width: 100%; width: 100% } .main_slider_control { left: 0; right: 0; top: 784px; height: 27px; z-index: 2 } .main_slider_control .swiper-pagination-fraction { color: var(--white); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; top: 2px; bottom: auto; left: 0; right: 0; margin: 0 auto } .main_slider_control .swiper-button-prev, .main_slider_control .swiper-button-next { width: 50px; height: 22px; background-repeat: no-repeat; background-position: 50%; top: 2px } .main_slider_control .swiper-button-prev { background-image: url(/bitrix/templates/m.sport/assets/css/../images/slider-prev.svg) } .main_slider_control .swiper-button-next { background-image: url(/bitrix/templates/m.sport/assets/css/../images/slider-next.svg) } .main_slider-slide { padding-top: 520px; padding-bottom: 538px; border-radius: 20px; overflow: hidden; height: 1282px; background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% !important } .main_slider-slide_info { max-width: 800px; width: 100% } .main_slider-slide-title { color: var(--white); margin-bottom: 20px } .main_slider-slide-text { color: var(--white) } .main_slider-slide_buttons { max-width: 520px; width: 100%; grid-template-columns: 1fr 1fr; gap: 40px } .main_slider-slide-link { height: 150px; padding: 20px; border-radius: 20px; background-color: var(--black); overflow: hidden } .main_slider-slide-link_name { color: var(--white) } .main_slider-slide-link_btn { gap: 10px } .main_slider-slide-link_btn__name { color: var(--white) } .main_slider-slide-link_btn__icon { width: 30px; height: 18px; background: rgba(229, 230, 250, .2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 10px } .main_slider-slide-video { height: 150px; padding: 20px; border-radius: 20px; background-color: var(--white); overflow: hidden } .main_slider-slide-video_name { color: var(--black); text-align: center } .main_slider-slide-video_btn { width: 83px; height: 83px; margin: 0 auto; padding-top: 9px; padding-left: 5px } .main_slider-slide-video_btn img:nth-child(2) { position: absolute; top: 8px; bottom: 0; left: 0; right: 0; margin: auto } @-webkit-keyframes textRotation { to { transform: rotate(360deg) } } @keyframes textRotation { to { transform: rotate(360deg) } } .home_brands { bottom: 40px; left: 40px; right: 40px; padding: 60px; background: rgba(244, 244, 246, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 20px; z-index: 2 } .home_brands-title { color: var(--white); margin-top: 0; margin-bottom: 60px } .home_brands-row { max-width: 1165px; width: 100%; margin: 0 auto; gap: 17px 40px } .cat_link { height: 45px; border-radius: 30px; padding: 0 40px; color: var(--black) !important; background-color: var(--grayLight); text-decoration: none !important; } .block-title { max-width: 720px; width: 100%; margin-bottom: 40px } .home_catalog { width: 100%; } .catalog-row { grid-template-columns: repeat(4, 1fr); gap: 40px } .product-card_tags { top: 20px; left: 20px } .product-card_tag { height: 42px; padding: 0 40px; border-radius: 100px } .tag-discount { background-color: #e29b29 } .tag-promo { background-color: #906cc2 } .product-card-image { border-radius: 20px; margin-bottom: 10px; overflow: hidden; aspect-ratio: 5/6; max-height: 450px; background-color: var(--white) } .product-card-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50%; object-position: 50% } .product-card_info-top { gap: 10px; margin-bottom: 10px } .product-card-brand, .product-card-value { color: var(--black) } .product-card-name h4 { font-family: "Manrope", sans-serif; margin: 0; color: var(--black) } .why_we_block { background-image: url(/bitrix/templates/m.sport/assets/css/../images/why-we.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 20px } .why_we_block-inner { grid-template-columns: repeat(12, 1fr); gap: 40px; height: 585px; padding: 40px 0 } .why_we_block-title { grid-column: 4/-1; color: var(--white) } .why_we_block-triggers { grid-column: 4/-1; grid-template-columns: repeat(3, 1fr); gap: 40px; align-self: end } .why_we_block-trigger { min-height: 243px; padding: 20px; background: rgba(244, 244, 246, .2); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 20px; gap: 10px } .why_we_block-trigger-name { color: var(--white) } .why_we_block-trigger-text { color: var(--white) } .promo-row { grid-template-columns: repeat(12, 1fr); gap: 20px 40px } .promo-item { min-height: 340px; padding: 40px; gap: 20px; background-color: var(--gray); border-radius: 20px; overflow: hidden; justify-content: end; background-repeat: no-repeat; background-position: 50%; background-size: cover } .promo-item:nth-child(1), .promo-item:nth-child(2), .promo-item:nth-child(5), .promo-item:nth-child(6) { grid-column: span 3 } .promo-item:nth-child(3), .promo-item:nth-child(4) { grid-column: span 6 } .promo-item:nth-child(2) { background-color: var(--white) } .promo-item:nth-child(5) { background-color: var(--grayLight) } .promo-item-name { max-width: 522px; width: 100%; margin-bottom: auto } .promo-item:nth-child(3) .promo-item-name, .promo-item:nth-child(4) .promo-item-name, .promo-item:nth-child(3) .promo-item-text, .promo-item:nth-child(4) .promo-item-text { color: var(--white) } .promo-item_btn { height: 27px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 60px; background-color: var(--black); color: var(--white); border-radius: 20px; cursor: pointer } .promo-item:nth-child(3) .promo-item_btn, .promo-item:nth-child(4) .promo-item_btn { background: rgba(229, 230, 250, .2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px) } .blog-slide { width: 380px } .blog-item { width: 100%; height: 400px; padding: 20px; border-radius: 20px; overflow: hidden } .blog-item-date { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 4px 20px; background: rgba(229, 230, 250, .2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 20px; color: var(--black); margin-left: auto } .blog-item-info { width: 100%; padding: 4px 20px; background: rgba(229, 230, 250, .2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 20px } .blog-item-title { color: var(--black); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .blog-item-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--black); margin-top: 10px } .page_top { padding-top: 104px; margin-bottom: -60px; max-width: 100%; } .page_banner { min-height: 594px; padding: 104px 40px 40px; border-radius: 20px; overflow: hidden; background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% !important } .breadcrumbs_block { margin-bottom: 80px } .page_top .breadcrumbs_block { margin-bottom: 60px } .page_top .breadcrumbs_block:last-child { margin-bottom: 0 } .breadcrumbs .breadcrumb { display: flex; align-items: center; gap: 5px; border-radius: 0; background: transparent; white-space: nowrap; overflow: auto; margin: 0 -20px; padding: 0 20px; } .breadcrumb__link, .breadcrumb__arrow, .breadcrumb__title { color: var(--black) } .page_banner .breadcrumb__link, .page_banner .breadcrumb__arrow, .page_banner .breadcrumb__title { color: var(--white) } .catalog_links { padding: 60px; background: rgba(244, 244, 246, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 20px } .js_list:not(.opened) .cat_link:nth-child(n+11) { display: none } .catalog_links-title { color: var(--white); margin-bottom: 60px } .catalog_links-row { max-width: 1468px; width: 100%; margin: 0 auto; gap: 17px 60px; justify-content: center } .open_all { width: 115px; height: 45px; border-radius: 100px; border: 1px solid var(--black); color: var(--black); margin: 17px auto 0; cursor: pointer } .open_all.hidden { display: none; } .popular_block { max-width: 100%; width: 100% } .block_head { margin-bottom: 40px } .block_head .block-title { margin-bottom: 0 } .slider_control { gap: 10px } .slider_control .swiper-button-prev, .slider_control .swiper-button-next { width: 41px; height: 18px; background-repeat: no-repeat; background-position: 50%; position: static } .slider_control .swiper-button-prev { background-image: url(/bitrix/templates/m.sport/assets/css/../images/slider-prev2.svg) } .slider_control .swiper-button-next { background-image: url(/bitrix/templates/m.sport/assets/css/../images/slider-next2.svg) } .catalog_content { width: 100%; } .catalog_content._girlPower .product-card-image { aspect-ratio: 16 / 11.25; } .catalog_control { gap: 40px; margin-bottom: 40px } .order_select__head { width: 240px; height: 45px; padding: 0 62px 0 40px; border-radius: 100px; background-color: var(--grayLight); border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/bitrix/templates/m.sport/assets/css/../images/dropdown.svg); background-repeat: no-repeat; background-position: calc(100% - 40px) 50%; cursor: pointer; } .order_select__head span { white-space: nowrap; width: 100%; overflow: hidden; } .order_select-list { width: max-content; left: 0; right: auto; top: calc(100% + 6px); background: var(--white); border-radius: 20px; overflow: hidden; z-index: 2; display: none; } .order_select-list.open { display: block; } .order_select-item { display: block; width: 100%; padding: 5px 20px; font-size: 18px; line-height: 25px; color: #000000; cursor: pointer; } .order_select-item.selected, .order_select-item:hover { background-color: var(--grayLight); } .btn_filter { width: 188px; height: 45px; gap: 10px; border-radius: 100px; background-color: var(--grayLight) } .btn_filter_name { color: var(--black) } .js_modal-filter.show { display: block; } .filter_modal { max-width: 460px; width: 100%; max-height: 100vh; height: 100vh; top: 0 !important; bottom: 0 !important; left: auto !important; right: 0 !important; padding: 32px 50px; border-radius: 0; } .filter_head { margin-bottom: 40px; } .filter_wrapper { height: calc(100% - 83px); gap: 20px; flex-wrap: nowrap; } .filter_list { overflow: auto; flex-wrap: nowrap; flex-grow: 1; } .filter_list::-webkit-scrollbar { cursor: grab !important; width: 2px; background-color: transparent; } .filter_list::-webkit-scrollbar { cursor: grab !important; } .filter_list::-webkit-scrollbar-thumb { background-color: #C8C8D7; border: 1px solid #C8C8D7; background-clip: padding-box; } .smartfilter { display: flex; flex-direction: column; height: 100%; } .filter-price-row { grid-template-columns: 1fr 1fr; gap: 10px; } .filter_buttons { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .filter_buttons .btn_apply_filter, .filter_buttons .btn_reset_filter { width: 100%; height: 42px; border-radius: 20px; font-size: 16px; line-height: 22px; } .filter_buttons .btn_apply_filter { background-color: var(--black); color: var(--white); } .filter_buttons .btn_reset_filter { border: 1px solid var(--gray); color: var(--gray); background-color: transparent; } .pagination_block { margin-top: 40px } .load_more { width: 226px; height: 30px; border-radius: 100px; left: 0; right: 0; margin: auto; background-color: var(--black); color: var(--white); cursor: pointer } .page_pagi { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto } .pagination { align-items: anchor-center; gap: 5px } .pagination a { width: 23px; height: 30px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 20px; overflow: hidden; color: var(--black) } .pagination a.cur-page { background-color: var(--black); color: var(--white) } .pagination span { color: var(--black) } .product-top { grid-template-columns: 560px 1fr 280px; gap: 50px; margin-bottom: 60px } .product_gallery { grid-template-columns: 100px minmax(0, 1fr); gap: 20px } .product_gallery .swiper-slide { height: auto; background-color: #fff; cursor: pointer; border-radius: 10px; overflow: hidden } .product_gallery .swiper-slide img { -o-object-fit: contain; object-fit: contain; -o-object-position: 50%; object-position: 50% } .galMainSwiper, .galThumbsSwiper { height: 600px } .galMainSwiper .swiper-pagination-fraction { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 14px; display: none; left: 5px; bottom: 5px; color: var(--grayLight) } .galThumbsSwiper .swiper-slide { height: 110px; opacity: .9 } .galThumbsSwiper .swiper-slide-thumb-active { opacity: 1 } .product_content { max-width: 651px; width: 100%; margin-left: auto } .product_brand { margin-bottom: 10px } .product-title { margin-bottom: 40px } .product_variations { gap: 10px; margin-bottom: 48px } .prices_block { margin-bottom: 48px; gap: 10px; } .product-item-detail-price-current { font-family: "Manrope"; margin: 0; } .product-item-detail-price-old { text-decoration: line-through; } .product_variations-row { grid-template-columns: 128px 1fr; gap: 10px } .product_variation_label { color: var(--black) } .product_variation_select { width: 100% } .product_variation_select .product_variation_select__head { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 45px; width: 100%; color: var(--black); border: 1px solid var(--black); border-radius: 20px; padding: 0 40px 0 30px; background-image: url(/bitrix/templates/m.sport/assets/css/../images/dropdown.svg); background-repeat: no-repeat; background-position: calc(100% - 30px) 50%; cursor: pointer; } .product_variation_select-scu-list { left: 0; right: 0; top: calc(100% + 6px); background: var(--white); border-radius: 20px; overflow: hidden; z-index: 2; display: none; } .product_variation_select-scu-list.open { display: block; } .product_variation_select-scu-item-list {} .product_variation_select-scu-item-text-container { padding: 5px 20px; font-size: 18px; line-height: 25px; color: #000000; cursor: pointer; } .product_variation_select-scu-item-text-container.selected, .product_variation_select-scu-item-text-container:hover { background-color: var(--grayLight); } .product_buy-row { gap: 40px; margin-bottom: 48px } .btn_buy { width: 195px; height: 42px; border-radius: 100px; color: var(--white); background-color: var(--black) } ._girlPower .btn_buy { background-color: #DA81B5; } .product_buy_link { color: var(--black); text-decoration: underline } .product_info { gap: 10px } .product_info-row { grid-template-columns: 1fr 263px; gap: 10px } .product_info-label { color: var(--black) } .product_info-value { color: var(--black) } .product_info-value a { color: var(--black); border-bottom: 1px dotted var(--black) } .product_disclaimer { background-color: var(--white); border: 1px solid var(--gray); padding: 20px; border-radius: 20px } ._girlPower .product_disclaimer { background-color: #FEF3F9; } .product_disclaimer-icon { margin-bottom: 10px } .product_disclaimer-text { color: var(--gray) } .product-bottom_buttons { gap: 40px; margin-bottom: 40px } .btn_tab { cursor: pointer } .btn_tab.active { border-bottom: 2px solid var(--black) } .product-bottom_content { height: 0; visibility: hidden; overflow: hidden } .product-bottom_content.vis { height: auto; visibility: visible; overflow: visible } .product-bottom_disclaimer { max-width: 1220px; width: 100%; gap: 10px; padding: 10px 20px; flex-wrap: nowrap; border: 1px solid var(--gray); border-radius: 10px; margin-bottom: 20px } .disclaimer-icon { flex-shrink: 0 } .disclaimer-text { padding-top: 3px; color: var(--gray) } .prod-cert_list { grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; margin-bottom: 20px; } .prod-cert-item { position: relative; padding: 0px 60px 0 30px; height: 45px; border: 1px solid var(--black); border-radius: 20px; color: var(--black); transition: 0.2s ease; } .prod-cert-item:after { content: ""; display: block; width: 24px; height: 24px; position: absolute; right: 30px; top: calc(50% - 12px); background-image: url(/bitrix/templates/m.sport/assets/css/../images/Import_light.svg); background-repeat: no-repeat; background-position: 50%; transition: 0.2s ease; } .prod-cert-item:hover { background-color: rgba(15, 13, 13, .6392156863); color: var(--white); } .prod-cert-item:hover:after { filter: brightness(0) invert(1); } .product-bottom_chars { grid-template-columns: 1fr 1fr; gap: 40px } .chars-column { gap: 10px } .chars-row { gap: 10px; grid-template-columns: 240px 1fr; } .chars-label { color: var(--black) } .chars-value { color: var(--black) } .back_btn { min-width: 161px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 27px; color: var(--black); border: 1px solid var(--black); border-radius: 100px; margin-top: 40px; padding: 0 60px } /* CSS для .popap_basket_added */ .popap_basket_added { position: fixed; background-color: var(--white); border-radius: 3px; z-index: 10000; display: flex; padding: 15px; opacity: 0.98; transition: all 0.5s ease-in-out; width: 280px; right: 20px; top: 120px; box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.1); } .popap_basket_added img { height: 80px; width: 80px; object-fit: contain; object-position: center; margin-right: 10px; border-radius: 4px; background: #fff; } .popap_basket_added_inner { color: var(--black); font-size: 13px; } .popap_basket_added_inner span { display: block; margin-bottom: 2px; } .popap_basket_added_inner strong { /* стили для названия, если нужны */ } .brands_links { gap: 20px; margin-top: 40px } .brand-link { height: 45px; padding: 0 40px; background-color: var(--grayLight); color: var(--black); border-radius: 30px } .js_list:not(.active) .brand-link:nth-child(n+18) { display: none } .brands_links .open_all { color: var(--grayLight); border-color: var(--grayLight); margin: 0 } .brands_list { gap: 40px } .brands_item { background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 20px; padding: 60px 0 } .brands_item_wrapper { grid-template-columns: 252px minmax(0, 1fr); gap: 40px } .brands_item_links { align-self: end; grid-template-columns: repeat(auto-fit, minmax(50px, 50px)); gap: 10px; background: rgba(229, 230, 250, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); padding: 10px; border-radius: 20px; } .brands_item_link { width: 100%; } .brands_item_content { max-width: 1080px; width: 100%; margin-left: auto } .brands_item_info { padding: 10px; background: rgba(244, 244, 246, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 20px; margin-bottom: 40px; gap: 20px; } .brands_item-title { color: var(--white); } .brands_item-desc { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--white) } .brands_item-desc.opened { -webkit-line-clamp: none !important; } .open_text { width: fit-content; color: var(--gray); margin-top: 10px; cursor: pointer; } .open_text.hidden { display: none; } .brandSwiper .swiper-slide { width: 240px; height: auto; display: flex } .brandSwiper .main_slider-slide-link { align-self: end } .brands_item_products .product-card { width: 100%; padding: 10px; background: rgba(244, 244, 246, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 20px } .brands_item_products .product-card-image { border-radius: 10px; max-height: 260px } .brands_item_products .product-card-brand { color: var(--white) } .brands_item_products .product-card-value { color: var(--white) } .brands_item_products .product-card-name { color: var(--white) } .blog-row { grid-template-columns: repeat(4, 1fr); gap: 40px } .blog-row .blog-item-info { padding: 9px 20px } .blog-row .blog-item-date, .blog-row .blog-item-title, .blog-row .blog-item-desc { color: var(--white) } .page_banner._post .container { height: 100%; display: flex; flex-direction: column } .post_title { margin-top: auto; color: var(--white) } .page_banner-text { max-width: 1060px; width: 100%; color: var(--white); margin-top: 20px } .post_wrapper { margin-top: -60px } .post_wrapper .back_btn { color: var(--white); background-color: var(--black) } .post_content ul { list-style: none; padding: 0 } .post_content ul li { color: var(--black); margin-bottom: 10px; display: flex; gap: 5px } .post_content ul li:before { content: "→"; flex-shrink: 0 } .partners_slider { width: calc(100% + 80px); overflow: hidden; margin: -80px -40px 0 } .partners_slider .client-list { width: -webkit-max-content; width: -moz-max-content; width: max-content; flex-wrap: nowrap; transform: translate3d(0, 0, 0); -webkit-animation: dReeeB 30s linear infinite; animation: dReeeB 30s linear infinite; gap: 20px; position: relative } .partners_slider .client-list>div { display: flex; align-items: flex-start; align-content: flex-start; gap: 20px; flex-shrink: 0 } .partners_slider .client-list>div:nth-child(2) { position: absolute; left: calc(100% + 20px) } @-webkit-keyframes dReeeB { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } } @keyframes dReeeB { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } } .partners_slider .client-list:hover { -webkit-animation-play-state: paused; animation-play-state: paused } .client_item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 5px 40px; height: 50px; border-radius: 30px; display: flex; align-items: center; flex-shrink: 0; background-color: var(--grayLight) } .about-info { grid-template-columns: repeat(12, 1fr); gap: 40px; margin-bottom: 60px } .about-info-title { grid-column: 1/6 } .about-info-right { grid-column: 6/-1 } .about-info .open_text { margin-top: 20px } .about_triggers { grid-template-columns: repeat(6, 1fr); gap: 40px } .about_trigger { min-height: 258px; border-radius: 20px; padding: 20px; background-color: var(--grayLight) } .about_trigger-name { color: var(--black) } .about_trigger-text { color: var(--black); margin-top: auto } .about_trigger:nth-child(4) .about_trigger-name, .about_trigger:nth-child(4) .about_trigger-text { font-weight: 700; color: var(--white) } .about_trigger:nth-child(4) .about_trigger-text { font-size: 16px; line-height: 22px } .advantages_block { padding: 60px 0; min-height: 627px; border-radius: 20px; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% !important } .advantages_block .container { height: 100%; display: flex; flex-direction: column } .advantages_block-title { max-width: 590px; width: 100%; color: var(--white) } .advantages-triggers { grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: auto } .advantages-trigger { min-height: 243px; padding: 20px; border-radius: 20px; overflow: hidden; background: rgba(244, 244, 246, .2); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px) } .advantages-trigger-name { color: var(--white) } .advantages-trigger-text { color: var(--white); margin-top: auto } .suitable_head { min-height: 210px; padding: 40px 20px 20px; border-radius: 20px; background-repeat: no-repeat; background-position: 50%; background-size: cover; gap: 20px; margin-bottom: 20px } .suitable_head-title { color: var(--white) } .suitable_head-text { color: var(--white); margin-top: auto } .suitable-triggers { grid-template-columns: repeat(5, 1fr); gap: 40px } .suitable-trigger { min-height: 210px; gap: 20px; padding: 40px 20px 20px; border-radius: 20px; background-color: var(--gray) } .suitable-trigger:nth-child(2n) { background-color: var(--grayLight) } .suitable-trigger-name { color: var(--black) } .suitable-trigger-text { color: var(--black); margin-top: auto } .bottom_form { padding: 40px 0; background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 20px } .bottom_form-row { grid-template-columns: 1fr 1fr; gap: 40px } .bottom_form-text { color: var(--white) } .bottom_form_wrapper { padding: 20px; background: rgba(244, 244, 246, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 20px } .bottom_form_wrapper form { gap: 10px } .bottom_form-input { font-size: 16px; padding: 0 16px; height: 37px; border: 1px solid var(--white); border-radius: 20px; background-color: rgba(0, 0, 0, 0); color: var(--white) } .bottom_form-input::-moz-placeholder { color: var(--white); opacity: 1 } .bottom_form-input:-ms-input-placeholder { color: var(--white); opacity: 1 } .bottom_form-input::-ms-input-placeholder { color: var(--white); opacity: 1 } .bottom_form-input::placeholder { color: var(--white); opacity: 1 } .agrees_block { margin-top: 10px; margin-bottom: 10px; gap: 5px } .bottom_form_wrapper .custom-checkbox input[type=checkbox] { border-color: var(--white) } .bottom_form_wrapper .custom-checkbox input[type=checkbox]:checked { background-color: var(--white) } .bottom_form_wrapper .custom-checkbox_name, .bottom_form_wrapper .custom-checkbox_name a { color: var(--white) } .bottom_form_wrapper .custom-checkbox_name a { text-decoration: underline; } .btn_bottom_submit { width: 100%; height: 49px; border-radius: 20px; background-color: var(--white); color: var(--black) } .delivery-title { margin-bottom: 20px } .delivery-text { max-width: 1220px; width: 100% } .delivery-columns { grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px } .delivery-column { min-height: 288px; gap: 20px; padding: 20px; border-radius: 20px; background-color: var(--white) } .delivery-column-text { margin-top: auto } .delivery-column-text p { margin-bottom: 10px } .pay-triggers { grid-template-columns: repeat(3, 1fr); gap: 40px } .pay-trigger { min-height: 170px; border-radius: 20px; padding: 40px; background-color: var(--grayLight) } .pay-trigger-text { color: var(--black); margin-top: auto } .contacts_content { min-height: 596px; background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 20px; padding: 80px 0 } .contacts_content .container { height: 100%; display: flex; flex-direction: column } .contacts-row { grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: auto } .contacts-item { padding: 40px; gap: 20px; min-height: 216px; background: rgba(229, 230, 250, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 20px } .contacts-item_name { color: var(--white) } .contacts-item_text { color: var(--white) } .contacts-item_text p { font-size: 20px; line-height: 27px; margin-bottom: 10px } .contacts-item_links { gap: 10px } .contacts-item_links a { font-size: 20px; line-height: 27px; color: var(--white) } .default-text { max-width: 1360px; width: 100% } .textAnim { height: 64px; color: var(--white) } .word { position: absolute; opacity: 0 } .letter { display: inline-block; position: relative; float: left; transform: translateZ(25px); transform-origin: 50% 50% 25px } .letter.out { transform: rotateX(90deg); transition: transform .32s cubic-bezier(0.55, 0.055, 0.675, 0.19) } .letter.behind { transform: rotateX(-90deg) } .letter.in { transform: rotateX(0deg); transition: transform .38s cubic-bezier(0.175, 0.885, 0.32, 1.275) } .girl_content-row { grid-template-columns: 660px 1fr; gap: 60px 40px; grid-template-rows: auto -webkit-min-content; grid-template-rows: auto min-content } .girl_content-img { width: 100%; grid-column: 1; grid-row: 1/3; border-radius: 20px; overflow: hidden } .girl_content-info:nth-child(2) { padding-top: 40px; grid-column: 2; grid-row: 1 } .girl_content-info:nth-child(3) { max-width: 800px; padding-bottom: 40px; grid-column: 2; grid-row: 2 } .girl_content-title { margin-bottom: 40px } .open_text.d-flex { width: 115px; height: 45px; border: 1px solid var(--black); border-radius: 30px; color: var(--black); margin-top: 20px } .girl_cats_list { grid-template-columns: repeat(3, 1fr); gap: 40px } .girl-cat { height: 330px; padding: 20px; border-radius: 20px; overflow: hidden } .girl-cat-name { min-height: 64px; padding: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: rgba(255, 255, 255, .2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 20px; margin-top: auto; color: var(--white) } .faq-items { gap: 20px } .faq-item { width: 100%; background-color: var(--grayLight); border-radius: 20px } .faq-item-header { flex-wrap: nowrap; cursor: pointer; padding: 20px 40px } .faq-item-name { font-size: 18px; line-height: 22px; color: var(--black) } .faq-item-btn { flex-shrink: 0 } .faq-item-content { max-width: 1370px; width: 100%; display: none; padding: 0 40px 20px } .faq-item-content p { font-size: 16px; line-height: 20px; color: var(--black) } .opt_link { max-width: 250px; width: 100%; height: 62px; color: var(--white); background-color: var(--black); border-radius: 20px } .opt_content_wrapper { gap: 60px } .opt_content .brands_links { margin-top: 0 } .opt-title { margin-bottom: 40px } .opt_advantages-triggers { grid-template-columns: repeat(4, 1fr); gap: 40px } .opt_advantages-trigger { min-height: 170px; background-color: var(--grayLight); border-radius: 20px; padding: 40px } .opt_advantages-trigger-text { max-width: 265px; width: 100%; margin-top: auto } .authentication_list { gap: 40px } .authentication-item { background-color: var(--grayLight); border-radius: 20px; gap: 60px; padding: 60px 100px; flex-wrap: nowrap } .authentication-item-img { width: 200px; height: 200px; flex-shrink: 0; border-radius: 50%; overflow: hidden } .authentication-item-info { max-width: 1060px; width: 100% } .authentication-item_title { margin-bottom: 20px } .authentication-item_name { margin-bottom: 20px } .why_authentication-row { grid-template-columns: 520px 1fr; gap: 40px } .why_authentication-triggers { gap: 20px } .why_authentication-trigger { min-height: 100px; padding: 20px; border-radius: 20px; background-color: var(--white) } .why_authentication-trigger-text { margin-top: auto } .authentication_bottom_callback-inner { min-height: 388px; border-radius: 20px; overflow: hidden; padding: 40px; background-repeat: no-repeat; background-position: 50%; background-size: cover } .authentication_bottom_callback-title { color: var(--white); margin-bottom: 40px } .authentication_bottom_callback-text { max-width: 700px; width: 100%; color: var(--white); margin-bottom: 20px } .authentication_bottom_callback_link { width: 230px; height: 31px; color: var(--white); border: 1px solid var(--white); border-radius: 20px } .shop_links-row { max-width: 1160px; width: 100%; margin: 0 auto; gap: 20px } .market_link { height: 60px; width: 60px; font-size: 0; } .shops_head { margin-bottom: 40px; flex-wrap: nowrap; gap: 40px } .shop_head_controls { max-width: 564px; width: 100%; gap: 20px; flex-wrap: nowrap } .search_shop { width: 100% } .search_shopInput { width: 100%; height: 40px; padding: 0 20px 0 65px; background-image: url(/bitrix/templates/m.sport/assets/css/../images/shop_search.svg); background-repeat: no-repeat; background-position: 40px 50%; border: 1px solid var(--gray); border-radius: 30px; font-size: 16px; color: var(--black) } .shop_head_controls_buttons { flex-shrink: 0; gap: 20px; flex-wrap: nowrap } .view_tab { width: 80px; height: 40px; flex-shrink: 0; border-radius: 20px; background-color: var(--grayLight); cursor: pointer } .view_tab.active { background-color: var(--gray) } .shops_view { visibility: hidden; height: 0; opacity: 0 } .shops_view.vis { height: auto; visibility: visible; opacity: 1 } .shops_list { gap: 40px } .shops_set { width: 100% } .shops_set-title { margin-bottom: 20px } .shops_set-items { gap: 10px } .shops_set-item { width: 100%; grid-template-columns: 1fr 1fr 246px; gap: 20px; padding: 10px 40px; background-color: var(--grayLight); border-radius: 20px } .shops_set-item-name { color: var(--black) } .shops_set-item-address { color: var(--black) } .shops_set-item_phone a { color: var(--black) } .shops_set-item_link a { height: 31px; width: 100%; background-color: var(--black); border-radius: 20px; color: var(--white) } #map { height: 600px; border-radius: 20px; overflow: hidden } #map iframe { width: 100%; height: 100% } .cities_items { gap: 40px } .cities-item-name { color: var(--black); margin-bottom: 20px } .cities-item_list { -moz-column-count: 4; column-count: 4 } .city_link { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: var(--black); margin-bottom: 10px } .main-footer { padding-bottom: 20px } .footer-wrapper { background-color: var(--black); border-radius: 20px; overflow: hidden; padding: 40px 0 } .footer-inner { grid-template-columns: 240px 1fr; gap: 40px 207px } .footer-logo { align-self: start; grid-column: 1; grid-row: 1 } .footer-content { max-width: 950px; width: 100%; grid-row: 1/3; grid-column: 2 } .footer-menu-title { color: var(--white); margin-bottom: 20px } .footer-menu_list ul li { margin-bottom: 10px } .footer-menu_list ul li a { color: var(--white) } .menu_catalog { -moz-column-count: 2; column-count: 2; gap: 260px } .under-footer { grid-column: 1; grid-row: 2; align-self: end; gap: 10px } .copyright { color: var(--white) } .under-footer-link { color: var(--white) } .is-art { color: var(--white); gap: 10px } .auth-form { max-width: 600px; width: 100%; display: flex; flex-direction: column; gap: 10px; } .bx-auth-label {} .bx-auth-input { width: 100%; height: 40px; border: 1px solid #D9D9D9; border-radius: 100px; padding: 0 12px; } .auth_submit { width: 100%; height: 40px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background-color: var(--black); color: var(--white); transition: 0.2s ease; } .auth-form a { color: var(--black); text-decoration: underline; } .auth-form a:hover { text-decoration: none; } @media(max-width: 1545px) { body { padding: 20px } main { padding-bottom: 80px } } @media(max-width: 1024px) { body { padding: 10px } main { padding-bottom: 60px } .page_top .breadcrumbs_block { margin-bottom: 40px } .page_top { margin-bottom: -40px } } @media(max-width: 767px) { .container { padding: 0 10px } .block-title { margin-bottom: 20px } .page_top { padding-top: 62px } .pagination_block { margin-top: 20px } .pagination_block .load_more { position: static } .page_pagi { margin: 10px auto 0 } .pagination a { font-size: 14px; width: 22px; height: 27px } } @media(max-width: 575px) { .pagination_block .load_more { width: 173px; height: 27px; font-size: 14px } .pagination { gap: 2px } } @media(max-width: 1545px) { .main-header { padding: 0 40px } .main-header-row { padding: 10px; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); border-radius: 20px } .btn-hamburger { display: flex; width: 60px; height: 40px } .btn-hamburger .menu-icon { width: 20px; height: 12px } .main-menu { display: none } .main-header-logo { margin-right: auto } } @media(max-width: 1024px) { .main-header { padding: 0 20px; top: 20px } .popap_basket_added { top: 100px; } } @media(max-width: 767px) { .btn-hamburger, .search_wrapper, .header-cart, .header-sign { width: 36px; height: 26px } .search_wrapper form input { height: 26px } .search_btn { width: 36px } .main-header-logo { max-width: 94px } .header-control { gap: 5px } .btn-hamburger .menu-icon { width: 13px; height: 9px } .search_wrapper img, .header-cart img, .header-sign img { width: 12px } .catalog-cart-counter-menu { width: 10px; height: 10px; padding: 1px 1px; font-size: 7px; line-height: 7px; bottom: 4px; right: 6px; } .popap_basket_added { top: 80px; } } @media(max-width: 600px) { .search_wrapper.active { width: calc(100% - 20px) } .search_wrapper.absolute_search { position: absolute; right: 10px } .search_wrapper.close_search { right: 92px } .search_wrapper.active form input { padding: 0px 20px 4px 36px } .search_wrapper form input::-moz-placeholder { font-size: 12px; line-height: 26px } .search_wrapper form input:-ms-input-placeholder { font-size: 12px; line-height: 26px } .search_wrapper form input::-ms-input-placeholder { font-size: 12px; line-height: 26px } .search_wrapper form input::placeholder { font-size: 12px; line-height: 26px } } @media(max-width: 1545px) { .footer-inner { gap: 40px 110px } } @media(max-width: 1260px) { .menu_catalog { gap: 80px } } @media(max-width: 1024px) { .main-footer { padding-bottom: 10px } .footer-inner { grid-template-columns: 1fr; gap: 30px } .footer-content { grid-column: 1; grid-row: 2 } .under-footer { grid-row: 3; text-align: center; align-items: center } .footer-logo { margin: 0 auto } .footer-content { max-width: 650px; margin: 0 auto } } @media(max-width: 767px) { .footer-wrapper { padding: 30px 12px } .footer-content { flex-direction: column; gap: 30px } .footer-logo { max-width: 151px } .footer-menu { width: 100% } .footer-menu-title { text-align: center; font-weight: 400; font-size: 16px; line-height: 21px; margin-bottom: 10px } .footer-menu_list .text { font-weight: 400; font-size: 14px; line-height: 19px } .footer-menu_list ul li { margin-bottom: 5px } .footer-menu_list ul { -moz-column-count: 2; column-count: 2; gap: 80px } } @media(max-width: 1260px) { .why_we_block-triggers { gap: 20px } .why_we_block-triggers, .why_we_block-title { grid-column: 3/-1 } } @media(max-width: 1024px) { .why_we_block-inner { grid-template-columns: 1fr; height: auto; gap: 20px } .why_we_block-title { grid-column: auto } .why_we_block-triggers { grid-column: auto } } @media(max-width: 767px) { .why_we_block-triggers { grid-template-columns: 1fr; gap: 10px } .why_we_block-inner { padding: 30px 0 } .why_we_block-trigger { min-height: 141px } } @media(max-width: 1700px) { .promo-row { gap: 20px } .promo-item { padding: 20px } } @media(max-width: 1180px) { .promo-row { grid-template-columns: repeat(2, 1fr) } .promo-item { min-height: 240px } .promo-item:nth-child(1), .promo-item:nth-child(2), .promo-item:nth-child(3), .promo-item:nth-child(4), .promo-item:nth-child(5), .promo-item:nth-child(6) { grid-column: auto } } @media(max-width: 767px) { .promo-item:nth-child(3), .promo-item:nth-child(4) { grid-column: 1/-1 } } @media(max-width: 575px) { .promo-row { grid-template-columns: 1fr; gap: 10px } .promo-item { min-height: unset } .promo-item-name { margin-bottom: 40px } .promo-item_btn { padding: 0 60px; font-size: 14px } } .blog_block { max-width: 100% } .blog-slide { width: calc(25% - 30px) } .blog-item { background-size: cover; background-position: center } @media(max-width: 1700px) { .blog_block .swiper { overflow: unset } .blog_block .blog_slider { overflow: hidden } } @media(max-width: 1280px) { .blog_block .blog_slider { margin-right: -32px; padding-right: 32px; margin-left: -32px; padding-left: 32px } .blog-slide { width: 300px } } @media(max-width: 1024px) { .blog_block .blog_slider { margin-right: -22px; padding-right: 22px; margin-left: -22px; padding-left: 22px } } @media(max-width: 767px) { .blog-slide { width: 262px } .blog_block .blog_slider { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px } .blog-item { height: 330px; border-radius: 10px } } @media(max-width: 575px) { .blog-slide { width: 162px } .blog-item { height: 230px; padding: 10px } .blog-item-info { padding: 6px 10px } } @media(max-width: 1700px) { .main_slider-slide_info { max-width: 650px } } @media(max-width: 1545px) { .home_brands { bottom: 20px; left: 20px; right: 20px } .main_slider-slide { height: 1262px } } @media(max-width: 1440px) { .home_brands-row { gap: 15px 20px } } @media(max-width: 1260px) { .main_slider-slide { padding-top: 187px; padding-bottom: 503px; height: auto } .main_slider_control { top: 626px } .main_slider-slide-row { flex-direction: column; width: 100%; align-items: flex-start; gap: 20px } .home_brands-title { margin-bottom: 40px } .home_brands { padding: 40px 20px } .home_brands-row { gap: 15px; max-width: 1000px } } @media(max-width: 1024px) { .home_brands { bottom: 10px; left: 10px; right: 10px } .home_brands-title { margin-bottom: 20px } .main_slider-slide-title { margin-bottom: 10px } .main_slider-slide_buttons { gap: 11px } .home_brands-row { gap: 10px; max-width: 720px } .cat_link { height: 29px; padding: 0 20px } .main_slider-slide { padding-bottom: 405px } .main_slider_control { top: 581px } } @media(max-width: 767px) { .main_slider-slide-link { border-radius: 10px; padding: 10px; height: 116px } .main_slider-slide-video { border-radius: 10px; padding: 15px 3px; height: 116px } .main_slider-slide-video_btn img { width: 13px } .main_slider-slide-video_btn img:nth-child(2) { width: 48px } .main_slider_control .swiper-pagination-fraction { font-weight: 400; font-size: 14px; line-height: 19px } .main_slider_control .swiper-button-prev, .main_slider_control .swiper-button-next { width: 27px; background-size: 27px auto } .main_slider-slide_info { max-width: 530px } .main_slider_control { top: 489px } .home_brands-row { max-width: 500px } .main_slider-slide { padding-bottom: 379px } } @media(max-width: 575px) { .main_slider-slide_info { max-width: 330px } .main_slider_control { top: 562px } .home_brands-row { max-width: 290px } .main_slider-slide { padding-bottom: 512px } .home_brands-title { margin-left: auto; margin-right: auto } } .page_banner { width: 100% } @media(max-width: 1545px) { .page_banner { padding: 104px 20px 20px 20px } } @media(max-width: 1440px) { .catalog_links-row { gap: 15px 20px } } @media(max-width: 1260px) { .catalog_links { padding: 30px 20px } .catalog_links-row { gap: 15px } .catalog_links-title { margin-bottom: 40px } } @media(max-width: 1024px) { .page_banner { padding: 104px 10px 10px 10px; min-height: 450px } .page_banner .breadcrumbs_block .container { padding: 0 } .catalog_links-row { gap: 10px } .open_all { margin-top: 10px; width: 67px; height: 29px } } @media(max-width: 767px) { .page_banner { padding-top: 62px } .breadcrumbs_block { margin-bottom: 90px } } .popular_block .block-title { width: calc(100% - 120px) } @media(max-width: 1700px) { .product-card_tag { font-size: 14px; padding: 10px 20px; height: auto } .product-card_tags { max-width: calc(100% - 40px) } } @media(max-width: 1180px) { .catalog-row { gap: 20px } } @media(max-width: 1024px) { .product-card_tags { top: 10px; left: 10px; max-width: calc(100% - 20px) } .product-card_tag { font-size: 10px; line-height: 14px; padding: 5px 20px } } @media(max-width: 767px) { .catalog-row { grid-template-columns: repeat(2, 1fr) } .product-card-image { aspect-ratio: 5/5.5389 } .product-card_tags { top: 5px; left: 5px } .catalog_control { gap: 10px; margin-bottom: 20px; margin-top: -20px } .page_top~.catalog_content .catalog_control { margin-top: 38px } .btn_order { width: 22px } .order_select__head { width: 162px; height: 29px; padding: 0 35px 0 20px; border-radius: 20px; background-position: calc(100% - 18px) 50% } .btn_filter { width: 115px; height: 29px; gap: 5px } .btn_filter_icon { width: 12px } .popular_slider { overflow: hidden; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px } .popular_slider .swiper { overflow: unset } .popular_slider .swiper-slide { width: 162px } .popular_block .block-title { width: calc(100% - 70px) } .slider_control .swiper-button-prev, .slider_control .swiper-button-next { width: 20px; background-size: 20px auto } .block_head { margin-bottom: 20px } .filter_modal { max-width: 100%; height: 70vh; top: auto !important; bottom: -1px !important; left: 0 !important; right: 0 !important; padding: 42px 20px 0; border-radius: 0; } .filter_head { margin-bottom: 24px; } .filter_title { font-size: 16px; line-height: 22px; text-align: center; } .filter_wrapper { height: calc(100% - 48px); gap: 20px; flex-wrap: nowrap; } .filter_list { gap: 10px; padding-bottom: 58px; } .bx-filter-parameters-box-title { margin-bottom: 10px; } .bx-filter-parameters-box-container { padding-bottom: 10px; } .filter_buttons { position: absolute; bottom: 5px; left: 10px; right: 10px; background-color: var(--grayLight); padding: 6px 10px; border-radius: 10px; } } @media(max-width: 575px) { .catalog-row { gap: 20px 10px } } @media(max-width: 1700px) { .product-top { grid-template-columns: 560px 1fr; gap: 40px } .product_disclaimer { grid-column: 1/-1 } } @media(max-width: 1280px) { .product-top { grid-template-columns: 460px 1fr } .galMainSwiper, .galThumbsSwiper { height: 470px } } @media(max-width: 1024px) { .product_wrapper { max-width: 100%; margin-top: 13px } .product-top { grid-template-columns: minmax(0, 1fr); gap: 14px } .product_content { max-width: unset } .product_variations-row { grid-template-columns: 78px 1fr } .product-bottom_chars { grid-template-columns: 1fr; gap: 10px } .galMainSwiper { height: auto; max-width: 600px } .galThumbsSwiper { display: none } .galMainSwiper .swiper-pagination-fraction { display: block } .product_gallery { grid-template-columns: minmax(0, 1fr) } .prod-cert_list { grid-template-columns: repeat(2,1fr); } } @media(max-width: 767px) { .product-title { margin-bottom: 20px } .product_variations-row { grid-template-columns: 1fr; gap: 5px } .product_variation_select .product_variation_select__head { height: 29px; padding-left: 20px; background-position: calc(100% - 19px) 50% } .product_variations { margin-bottom: 20px } .prices_block { margin-bottom: 20px; } .btn_buy { width: 186px; height: 39px; border-radius: 20px; font-size: 14px } .product_buy-row { gap: 22px } .product_buy_link { font-size: 12px } .product-bottom_buttons { margin-bottom: 20px } .product_disclaimer { display: flex; padding: 10px; gap: 10px } .disclaimer-icon, .product_disclaimer-icon { width: 15px; min-width: 15px } .product_disclaimer-text { font-size: 12px; line-height: 16px } .disclaimer-text { font-size: 12px; line-height: 15px; padding-top: 0 } .product-bottom_disclaimer { align-items: center; margin-bottom: 10px } .chars-row { grid-template-columns: 136px 1fr; gap: 5px; } .product_info-label, .product_info-value, .chars-label, .chars-value { font-size: 12px; } .chars-value { text-align: right } .product_info-row { grid-template-columns: 136px 1fr; gap: 5px; } .prod-cert_list { grid-template-columns: 100%; } } @media(max-width: 1700px) { .brandSwiper .swiper-slide { width: 220px } } @media(max-width: 1440px) { .brands_links { gap: 15px 20px } } @media(max-width: 1260px) { .brands_links { gap: 15px } .brandSwiper { margin-right: -10px; padding-right: 10px; margin-left: -10px; padding-left: 10px } } @media(max-width: 1024px) { .brand-link { height: 29px; padding: 0 20px } .brands_links { gap: 10px } .brands_item_wrapper { grid-template-columns: minmax(0, 1fr); gap: 20px } .brands_item_links { order: 1; justify-content: center; } .brands_content { margin-top: 40px } } @media(max-width: 767px) { .brands_links { margin-top: 20px; justify-content: center } .brands_item { padding: 40px 0 } .brands_item-desc { font-size: 14px; line-height: 19px; -webkit-line-clamp: 5; } .open_text { font-size: 14px; line-height: 19px; margin-top: 2px } .brands_item_info { margin-bottom: 60px } .brandSwiper .swiper-slide { width: 162px } .brands_item_products .product-card { border-radius: 10px; padding: 5px } .brands_item_products .product-card-image { aspect-ratio: 5/5.8556 } .brands_item_link { font-size: 14px } .brands_list { gap: 20px } } @media(max-width: 1700px) { .blog-row { gap: 20px } } @media(max-width: 1024px) { .blog-row { grid-template-columns: repeat(2, 1fr) } } @media(max-width: 767px) { .blog-row { gap: 10px } } @media(max-width: 575px) { .blog-item-desc { display: none } .blog-row .blog-item-info { padding: 6px 10px } } @media(max-width: 1700px) { .post_wrapper { margin-top: 0 } } @media(max-width: 1260px) { .post_content img { max-width: 500px } } @media(max-width: 1024px) { .page_banner._post .container { padding: 0 } .post_content img { float: none !important; margin-left: 0 !important; margin-bottom: 20px; max-width: unset; width: 100% } } @media(max-width: 767px) { .post_content h4, .post_content .h4 { margin-bottom: 10px } .post_content ul { margin: 10px 0 } .post_wrapper .back_btn { margin-top: 20px } } @media(max-width: 1700px) { .partners_slider { margin-top: -40px } } @media(max-width: 1545px) { .partners_slider { width: calc(100% + 40px); margin: -40px -20px 0 } } @media(max-width: 1024px) { .partners_slider { width: calc(100% + 20px); margin: -40px -10px 0 } .client_item { padding: 10px 20px; height: 40px } .client_item img { max-height: 20px } } @media(max-width: 1700px) { .about_triggers { gap: 20px } } @media(max-width: 1260px) { .about_triggers { grid-template-columns: repeat(3, 1fr) } .about_trigger-text { font-size: 14px; line-height: 19px } } @media(max-width: 1024px) { .about_triggers { gap: 10px } } @media(max-width: 767px) { .about_triggers { grid-template-columns: repeat(2, 1fr) } .about-info { grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px } .about-info-title, .about-info-right { grid-column: auto } .about-info-text p { margin-bottom: 5px } .about-info-text p:last-child { margin-bottom: 0 } .about-info .open_text { margin-top: 5px } .about_trigger { min-height: unset; border-radius: 10px; padding: 10px } .about_trigger-name { margin-bottom: 30px } } @media(max-width: 1700px) { .advantages-triggers { gap: 20px } } @media(max-width: 1260px) { .advantages-triggers { grid-template-columns: repeat(2, 1fr) } .advantages_block-title { margin-bottom: 60px } .advantages-trigger { min-height: 186px } .advantages-trigger-text { font-size: 14px; line-height: 19px } } @media(max-width: 767px) { .advantages-triggers { grid-template-columns: 1fr; gap: 10px } .advantages_block { padding: 40px 0 } } .suitable_block { max-width: 100% } @media(max-width: 1700px) { .suitable-triggers { gap: 30px } } @media(max-width: 1260px) { .suitable-triggers { display: flex; overflow: auto; margin-right: -32px; padding-right: 32px; margin-left: -32px; padding-left: 32px } .suitable-trigger { flex-shrink: 0; max-width: 240px } } @media(max-width: 1024px) { .suitable-triggers { margin-right: -22px; padding-right: 22px; margin-left: -22px; padding-left: -22px } } @media(max-width: 767px) { .suitable-triggers { margin-right: -20px; padding-right: 20px; margin-left: -20px; padding-left: 20px; gap: 10px } .suitable_head { padding: 20px; min-height: 557px; margin-bottom: 10px } .suitable_head-text { font-size: 18px; line-height: 25px } .suitable-trigger { border-radius: 10px; padding: 20px; min-height: 170px } .suitable-trigger-name { font-size: 16px; line-height: 21px } .suitable-trigger-text { font-size: 14px; line-height: 19px } } .bottom_form { border-radius: 20px } @media(max-width: 767px) { .bottom_form-row { grid-template-columns: 1fr; gap: 60px } .bottom_form_wrapper .custom-checkbox input[type=checkbox] { width: 14px; height: 14px } .agrees_block { margin-top: 7px } .bottom_form_wrapper .custom-checkbox_name { font-size: 12px; line-height: 14px; margin-top: -2px } .btn_bottom_submit { height: 37px; font-size: 14px } } @media(max-width: 575px) { .default_title { font-size: 24px; line-height: 32px } .default-text, .default-text p { font-size: 14px; line-height: 19px } .default-text p { margin-bottom: 10px } .default-text p:last-child { margin-bottom: 0 } } @media(max-width: 360px) { .default_title { font-size: 22px } } @media(max-width: 1700px) { .delivery-columns { gap: 20px } .pay-triggers { gap: 20px } } @media(max-width: 1024px) { .pay-trigger { min-height: 130px; padding: 20px } } @media(max-width: 767px) { .delivery-columns { gap: 10px } .pay-triggers { grid-template-columns: 1fr } .delivery-title { margin-bottom: 10px } .delivery-columns { margin-top: 20px } .delivery-column-name { font-size: 16px; line-height: 21px; margin-bottom: 0 } .pay-triggers { margin-top: 20px; gap: 10px } .delivery-text p { margin-bottom: 10px } .delivery-text p:last-child { margin-bottom: 0px } } @media(max-width: 575px) { .delivery-columns { grid-template-columns: 1fr } .delivery-column { padding-top: 40px; min-height: unset } } @media(max-width: 1700px) { .contacts-row { gap: 20px } } @media(max-width: 1024px) { .contacts-item { padding: 20px; min-height: 160px } .contacts-item_text, .contacts-item_text p, .contacts-item_links a { font-size: 14px; line-height: 19px } } @media(max-width: 767px) { .contacts-row { grid-template-columns: 1fr; gap: 10px } .contacts_content { padding: 120px 0 40px } } @media(max-width: 1700px) { .girl_content-row { grid-template-columns: 460px 1fr } .girl_cats_list { gap: 20px } } @media(max-width: 1024px) { .girl_content-row { grid-template-columns: 1fr; grid-template-rows: unset } .girl_content-img { grid-column: 1/-1; grid-row: auto; order: 2 } .girl_content-info:nth-child(1), .girl_content-info:nth-child(2), .girl_content-info:nth-child(3) { grid-column: 1/-1; grid-row: auto; padding: 0; max-width: unset } .girl_content-info:nth-child(1) { order: 1 } .girl_content-info:nth-child(3) { order: 3 } .girl_content-title { margin-bottom: 20px } .girl_content-text p { margin-bottom: 10px } .girl_content-text p:last-child { margin-bottom: 0 } .open_text.d-flex { width: 67px; height: 29px; margin-top: 10px; font-size: 14px } .girl_content-img { width: calc(100% + 20px); margin-left: -10px; aspect-ratio: 16/10 } .girl_cats_list { grid-template-columns: repeat(2, 1fr) } .girl-cat:last-child { grid-column: 1/-1 } } @media(max-width: 767px) { .girl_cats_list { gap: 10px } .girl-cat { height: 250px } .girl-cat-name { min-height: 39px; padding: 10px 20px } } @media(max-width: 575px) { .girl_cats_list { grid-template-columns: 1fr } .girl_cats_block { margin-top: -17px } } @media(max-width: 1700px) { .opt_advantages-triggers { gap: 20px } } @media(max-width: 1024px) { .opt_advantages-triggers { grid-template-columns: repeat(2, 1fr) } } @media(max-width: 767px) { .opt_advantages-triggers { gap: 10px } .opt_link { max-width: 234px; height: 49px; font-size: 14px } .opt-title { margin-bottom: 20px } .opt_advantages-trigger { padding: 20px; min-height: 120px } .opt_advantages-trigger-text { font-size: 14px; line-height: 19px; max-width: unset } } @media(max-width: 575px) { .opt_advantages-triggers { grid-template-columns: 1fr } } .faq-item-header { gap: 10px } @media(max-width: 767px) { .faq-items { gap: 10px } .faq-item-header { padding: 20px 10px } .faq-item-name { font-size: 14px; line-height: 19px } .faq-item-btn { width: 27px } .faq-item-content { padding: 0 10px 20px } } @media(max-width: 1700px) { .authentication-item { padding: 40px 70px } } @media(max-width: 1260px) { .why_authentication-row { grid-template-columns: 450px 1fr; gap: 30px } } @media(max-width: 1024px) { .why_authentication-row { grid-template-columns: 1fr; gap: 20px } .authentication-item { padding: 30px 50px; gap: 30px } .authentication-item-img { width: 150px; height: 150px } } @media(max-width: 767px) { .why_authentication-trigger { min-height: 90px; padding: 10px } .why_authentication-trigger-text { font-size: 14px; line-height: 19px } .why_authentication-triggers { gap: 10px } .authentication_list { gap: 20px } .authentication-item { padding: 40px 20px; gap: 20px } .authentication-item-img { width: 60px; height: 60px } .authentication_list_wrapper .container { padding: 0 } .authentication-item_title { margin-bottom: 10px } .authentication-item_name { font-size: 14px; line-height: 19px; margin-bottom: 10px } .authentication-item_text, .authentication-item_text p { font-size: 14px; line-height: 19px } .authentication-item_text { display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .authentication_bottom_callback_link { font-size: 14px } } .not-found { margin-top: 264px; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; position: relative } .not-found_content { max-width: 76%; margin: 0 auto } .not-found__image { position: absolute; width: 1473px; bottom: -160px; z-index: -1; left: -515px } .not-found__number { margin: 0 auto 40px; max-width: 600px } .not-found_title { text-align: center } .not-found_buttons { margin-top: 80px; display: flex; align-items: center; gap: 67px } .not-found_button { display: flex; align-items: center; justify-content: center; min-width: 291px; height: 42px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 60px; border-radius: 20px } .not-found_button--black { background-color: var(--black); color: var(--white) } .not-found_button--border { color: var(--black); border: 1px solid var(--black) } @media(max-width: 1545px) { .not-found__image { bottom: -116px; width: 1290px } } @media(max-width: 1260px) { .not-found_buttons { margin-top: 40px } } @media(max-width: 1024px) { .not-found { margin-top: 166px; margin-bottom: 60px } .not-found_buttons { gap: 30px } .not-found__image { width: 710px; bottom: -213px; left: -350px } .not-found_buttons { gap: 10px; flex-direction: column } } @media(max-width: 767px) { .not-found__number { margin-bottom: 20px } .not-found_button { height: 39px; font-size: 14px; min-width: 189px; padding: 0 20px } } @media(max-width: 575px) { .not-found__image { width: 493px; bottom: -190px; left: -291px } } @media(max-width: 1260px) { .search_shop { width: 320px; margin-left: auto } .shop_head_controls { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } } @media(max-width: 1024px) { .shops_set-item { grid-template-columns: 1fr 1fr 150px } .back_btn { margin-top: 20px } .shops_head { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 20px } } @media(max-width: 767px) { .cities-item_list { -moz-column-count: 3; column-count: 3 } .shop_links-row { justify-content: center; gap: 10px } .market_link { height: 38px; width: 38px; } .shops_set-item { padding: 10px } .shops_set-title { margin-bottom: 10px } .shops_list { gap: 20px } .cities-item-name { margin-bottom: 10px } .cities_items { gap: 30px } } @media(max-width: 575px) { .cities-item_list { -moz-column-count: 2; column-count: 2 } .shop_head_controls { width: 100% } .search_shop { width: auto; flex: 1 1 auto } .shops_set-item { grid-template-columns: 1fr; gap: 10px } .shops_set-item-address { margin-top: 10px } .shops_set-item_link a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 20px; font-size: 14px } .shop_head_controls_buttons { gap: 10px } .view_tab { width: 44px; height: 28px } .view_tab img { max-width: 18px } .search_shopInput { height: 29px; padding: 0 12px 0 32px; background-position: 14px 50%; background-size: 12px } .search_shopInput::-moz-placeholder { font-size: 14px } .search_shopInput:-ms-input-placeholder { font-size: 14px } .search_shopInput::-ms-input-placeholder { font-size: 14px } .search_shopInput::placeholder { font-size: 14px } } .promo-item_btn, .search_wrapper, .header-cart, .header-sign, .btn-hamburger, .not-found_button--black, .not-found_button--border, .authentication_bottom_callback_link, .btn_bottom_submit, .load_more, .pagination a, .open_all, .open_text, .opt_link, .back_btn, .btn_buy, .shops_set-item_link a, .cat_link, .brand-link, .btn_filter, .catalog_sort, .brands_item_link, .shops_set-item_phone a, .contacts-item_links a, .city_link, .main-menu ul li a, .main_slider-slide-link, .main_slider-slide-video, .faq-item, .blog-item .blog-item-info, .blog-item .blog-item-date, .product-card, .filter_buttons .btn_apply_filter, .filter_buttons .btn_reset_filter { transition: .3s ease; cursor: pointer } @media(hover: hover)and (pointer: fine) { .promo-item_btn:hover, .search_wrapper:hover, .header-cart:hover, .header-sign:hover, .btn-hamburger:hover, .not-found_button--black:hover, .load_more:hover, .pagination a:hover, .opt_link:hover, .back_btn:hover, .btn_buy:hover, .shops_set-item_link a:hover, .filter_buttons .btn_apply_filter:hover, .auth_submit:hover { background-color: rgba(15, 13, 13, .6392156863); color: var(--white) } .not-found_button--border:hover, .open_text:hover { border-color: rgba(15, 13, 13, .6392156863); color: rgba(15, 13, 13, .6392156863) } .btn_bottom_submit:hover, .cat_link:hover, .brand-link:hover, .btn_filter:hover, .catalog_sort:hover { background-color: #c7c7c7 } .authentication_bottom_callback_link:hover, .open_all:hover, .filter_buttons .btn_reset_filter:hover { border-color: #c7c7c7; color: #c7c7c7 } .promo-item:nth-child(3) .promo-item_btn:hover, .promo-item:nth-child(4) .promo-item_btn:hover, .brands_item_link:hover { background: rgba(229, 230, 250, .5) !important } .shops_set-item_phone a:hover, .footer-menu_list ul li a:hover, .contacts-item_links a:hover, .city_link:hover, .main-menu ul li a:hover { text-decoration: underline } .main_slider-slide-link:hover { background-color: rgba(15, 13, 13, .8) } .main_slider-slide-video:hover, .faq-item:hover { background-color: rgba(199, 199, 199, .631372549) } .btn_tab:not(.active):hover { color: #9999a1 } .blog-item:hover .blog-item-info, .blog-item:hover .blog-item-date, .brands_item_products .product-card:hover { background: rgba(229, 230, 250, .3); text-decoration: unset } } .auth-form .custom-checkbox input:checked { background-color: var(--black); background-image: url(/bitrix/templates/m.sport/assets/css/../images/checked.svg); background-repeat: no-repeat; background-position: 50%; background-size: 8px; } /* End */ /* Start:/bitrix/templates/m.sport/assets/css/cart.css?177554617424118*/ .basket-items-list { padding: 0; } .basket-items-list-wrapper, .basket-items-list-wrapper-compact { border: 0; margin-bottom: 50px; } .basket-items-list-item-container > td { padding-top: 20px; padding-left: 20px; vertical-align: middle; border: 0; } @media (max-width: 767px) { .basket-items-list-item-container > td { padding-top: 0; } } @media (max-width: 580px) { .basket-items-list-item-container > td { padding-left: 0; } } @media (max-width: 767px) { tr.basket-items-list-item-container { padding: 16px 0 19px; } } .basket-items-list-item-container > td:first-child { padding-left: 0; } .basket-items-list-item-descriptions { width: auto; } .basket-items-list-item-descriptions-inner { align-items: center; } .basket-item-info-name, .basket-item-info-name-link, .basket-item-price-current-text, .basket-item-amount-filed { font-weight: 400; font-size: 20px; line-height: 24px; color: var(--black); font-family: 'SONGER SemiExpanded'; } @media (max-width: 1100px) { .basket-item-info-name, .basket-item-info-name-link, .basket-item-price-current-text, .basket-item-amount-filed { font-size: 18px; line-height: 22px; } } .basket-item-block-image { padding: 0; margin-right: 20px; max-width: 140px; } .basket-item-image { border-radius: 10px; } .basket-item-block-price { display: flex; flex-direction: column; text-align: left; padding-top: 0; gap: 2px; } @media (max-width: 580px) { .basket-item-block-price { text-align: center; } } .basket-item-price-current { order: 1; } @media (max-width: 580px) { .basket-item-price-current { text-align: center; } } .basket-item-price-old { order: 2; position: static; font-family: 'SONGER SemiExpanded'; } .basket-item-price-old-text:after { display: none; } .basket-item-price-old-text { font-weight: 400; font-size: 16px; line-height: 20px; text-decoration-line: line-through; color: var(--gray); font-family: 'SONGER SemiExpanded'; } .basket-item-price-title { order: 3; font-weight: 400; font-size: 14px; line-height: 19px; color: var(--gray); text-align: left; font-family: 'Manrope'; } .basket-item-info-name, .basket-item-info-name-link { padding: 0; } @media (max-width: 767px) { .basket-item-info-name, .basket-item-info-name-link { padding-right: 20px; } } @media (max-width: 580px) { .basket-item-info-name, .basket-item-info-name-link { padding: 0; } } .basket-item-price-difference { order: 3; } .basket-item-block-amount { justify-content: center; } @media (max-width: 767px) { .basket-item-block-amount { padding-top: 0; } } .basket-item-amount-btn-plus, .basket-item-amount-btn-minus { border: 0; background-color: transparent; } .basket-item-amount-filed { border: 0; background-color: transparent; } .basket-item-amount-field-description { font-weight: 400; font-size: 14px; line-height: 19px; color: var(--gray); font-family: 'Manrope'; } .basket-items-list-item-price { min-width: 200px; } @media (max-width: 1260px) { .basket-items-list-item-price { min-width: 140px; } } @media (max-width: 1024px) { .basket-items-list-item-price { min-width: unset; } } .basket-items-list-item-remove { padding-left: 30px; } .basket-item-block-actions { opacity: 1; } .basket-item-actions-remove { width: 30px; height: 30px; background-image: url(/bitrix/templates/m.sport/assets/css/../images/delete-icon.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .basket-item-actions-remove:after, .basket-item-actions-remove:before { display: none; } .basket-checkout-container { background-color: var(--grayLight); border: 0; padding: 40px; border-radius: 20px; } @media (max-width: 767px) { .basket-checkout-container { padding: 16px; } } .basket-checkout-section-inner { flex-wrap: wrap; } .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-family: 'SONGER SemiExpanded'; font-weight: 400; font-size: 32px; line-height: 42px; color: var(--black); } @media (max-width: 1260px) { .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-size: 28px; line-height: 40px; } } @media (max-width: 991px) { .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-size: 24px; line-height: 40px; } } @media (max-width: 767px) { .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-size: 20px; line-height: 26px; } } .basket-checkout-block-btn { flex: 1 1 auto; width: 100%; padding: 0; margin-top: 30px; } div.basket-checkout-block .btn.basket-btn-checkout { width: 242px; height: 42px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; background-color: var(--black); backdrop-filter: blur(10px); border-radius: 20px; font-weight: 400; font-size: 16px; line-height: 22px; color: #f4f4f6; margin: 0; margin-left: auto; font-family: 'Manrope'; } @media (hover: hover) and (pointer: fine) { div.basket-checkout-block .btn.basket-btn-checkout:hover { background-color: rgba(15, 13, 13, 0.6392156863); color: var(--white); } } @media (max-width: 991px) { div.basket-checkout-block .btn.basket-btn-checkout { margin-left: auto; margin-right: auto; } } @media (max-width: 575px) { div.basket-checkout-block .btn.basket-btn-checkout { width: 100%; } } .basket-checkout-block-total { padding-top: 0; } @media (max-width: 991px) { .basket-checkout-block-total { text-align: left; width: fit-content; min-width: unset; } } @media (max-width: 991px) { .basket-checkout-block-total-price { flex: 1 1 auto; min-width: unset; width: auto; } } .basket-checkout-block-total-price-inner { display: flex; flex-direction: column; gap: 5px; padding-top: 0; } .basket-coupon-block-total-price-current { order: 1; margin: 0; } .basket-coupon-block-total-price-old { position: static; font-family: 'SONGER SemiExpanded'; font-weight: 400; font-size: 18px; line-height: 24px; text-decoration-line: line-through; color: var(--gray); order: 2; } .basket-coupon-block-total-price-old:after { display: none; } .basket-coupon-block-total-price-difference { order: 3; width: fit-content; margin-left: auto; } .basket-checkout-block-total-description { font-family: 'SONGER SemiExpanded'; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--gray); } .basket-coupon-block-field .form-control { background: transparent; border: 0; box-shadow: unset; height: 42px; border-bottom: 1px solid var(--gray); border-radius: 0; padding: 10px; font-family: 'Manrope'; } .basket-item-property-name, .basket-item-property-custom-name, .basket-item-property-value, .basket-item-property-custom-value, .basket-coupon-alert .close-link, .basket-coupon-text { font-family: 'Manrope'; } .bx-blue .btn.btn-default, #russianpost_btn_openmap { height: 27px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 40px; background-color: var(--black)!important; color: var(--white)!important; border-radius: 20px; cursor: pointer; font-size: 14px; line-height: 19px; } a.btn.btn-default.btn-lg.btn-order-save { height: 42px; font-size: 16px; line-height: 19px; width: 100%; padding: 0 15px; } .main-content .bx-blue .btn.btn-default:hover, #russianpost_btn_openmap:hover { background-color: rgba(15, 13, 13, 0.6392156863)!important; color: var(--white)!important; } .bx-soa-section.bx-active { border-color: var(--grayLight); } .bx-soa-section.bx-active.bx-selected { border-color: var(--gray); } .bx-soa-section .bx-soa-section-title-container { background-color: var(--grayLight); } .main-content .bx-soa-cart-total.bx-soa-cart-total-fixed { top: 110px; } .main-content .bx-soa-cart-total { border-color: var(--grayLight); } form#bx-soa-order-form { position: relative; z-index: 1; } .main-content .bx-soa-pp-desc-container .bx-soa-pp-company { background: #f4f4f6; border: 1px solid var(--grayLight); } .bx-soa-pp-list-description { color: var(--black); } .main-content .bx-soa-pp-company-graf-container { border: 1px solid var(--grayLight); } .main-content .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container { border-color: var(--gray); } .main-content .bx-scu-container:after { background: -webkit-linear-gradient(top, rgba(248, 248, 250, 0) 0, rgba(248, 248, 250, 1) 100%); background: -moz-linear-gradient(top, rgba(248, 248, 250, 0) 0, rgba(248, 248, 250, 1) 100%); background: linear-gradient(top, rgba(248, 248, 250, 0) 0, rgba(248, 248, 250, 1) 100%); } .bx-soa-editstep, .bx-soa-item-title a, .basket-item-info-name-link, .basket-coupon-alert .close-link { color: var(--black); } .bx-soa-editstep:hover, .bx-soa-item-title a:hover, .basket-item-info-name-link:hover, .basket-coupon-alert .close-link:hover { text-decoration: unset; border-color: transparent; color: var(--gray); } .main-user-consent-request-popup-button-acc { padding: 0 30px; background-color: var(--black); color: var(--white); border-radius: 20px; } .main-user-consent-request-popup-button-rej { padding: 0 30px; border-color: var(--black); color: var(--black); border-radius: 20px; } @media (hover: hover) and (pointer: fine) { .main-user-consent-request-popup-button-acc:hover { background-color: rgba(15, 13, 13, 0.6392156863); color: var(--white); } } @media (max-width: 991px) and (min-width: 768px) { .col-sm-9.bx-soa { width: 100%; } div#bx-soa-total { width: 100%; } .main-content .bx-soa-cart-total.bx-soa-cart-total-bottom { opacity: 1 !important; position: static; } .bx-soa-cart-total-ghost { padding-top: 0 !important; } } .main-content .bx-soa-pp-company-smalltitle, .main-content .bx-soa-reference { padding-top: 5px; color: var(--black); } input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { outline: none; } .under-footer-link:hover, .is-art:hover { color: var(--white); } .main-content .basket-items-list-item-container-expend .basket-items-list-item-removed-container { background-color: var(--white); } .main-content .basket-item-restore-button { color: var(--black); } .sale_order_full_table { text-align: center; font-size: 16px; } .sale_order_full_table { width: 100%; text-align: center; font-size: 16px; } .sale_order_full_table .pay_name { font-weight: 400; font-size: 20px; line-height: 24px; color: var(--black); font-family: 'SONGER SemiExpanded'; margin-bottom: 10px; } @media (max-width: 1100px) { .sale_order_full_table .pay_name { font-size: 18px; line-height: 22px; } } .sale_order_full_table .paysystem_name { font-weight: 400; font-size: 14px; line-height: 14px; color: var(--black); font-family: 'Manrope'; margin-top: 8px; margin-bottom: 15px; } .sale_order_full_table input.btn.btn-lg.btn-success.pl-4.pr-4 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: var(--black); color: var(--white); border-radius: 20px; cursor: pointer; height: 42px; font-size: 16px; line-height: 19px; padding: 0 60px; } .sale_order_full_table input.btn.btn-lg.btn-success.pl-4.pr-4:hover { background-color: rgba(15, 13, 13, 0.6392156863); color: var(--white); } .sale_order_full_table .d-flex.align-items-center.justify-content-start.mb-4 { flex-direction: column-reverse; gap: 10px; margin-bottom: 30px; } .profile_form { max-width: 652px; } .bx_profile .col { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; width: fit-content; } .profile_detail_control { gap: 10px; } @media (max-width: 767px) { .bx_profile .col { width: 100%; } } .bx_profile input.btn.main-profile-submit, .bx_profile input.btn.btn-themes.btn-link.btn-md { height: 37px; padding: 0 44px; background-color: var(--black); color: var(--white); border-radius: 20px; cursor: pointer; font-size: 14px; line-height: 19px; } .bx_profile input.btn.btn-themes.btn-link.btn-md { background-color: transparent; border: 1px solid var(--black); color: var(--black); } @media (hover: hover) and (pointer: fine) { .bx_profile input.btn.main-profile-submit:hover, .bx_profile input.btn.btn-themes.btn-link.btn-md:hover { background-color: rgba(15, 13, 13, 0.6392156863); color: var(--white); } } .main-profile-block-shown .row { display: grid; grid-template-columns: 1fr 1fr; width: fit-content; gap: 20px 16px; margin-bottom: 20px; } @media (max-width: 767px) { .main-profile-block-shown .row { grid-template-columns: 1fr; width: 100%; } } .bx_profile .form-group { width: fit-content; } @media (max-width: 767px) { .bx_profile .form-group { width: 100%; } } .bx_profile .form-control { border: 1px solid #9999a1; border-radius: 20px; height: 37px; padding: 10px 17px; width: 318px; } @media (max-width: 767px) { .bx_profile .form-control { width: 100%; } } .bx_profile small { display: block; } .bx_profile .main-profile-form-label { font-size: 16px; font-weight: 500; line-height: 17px; font-family: 'Manrope'; margin-bottom: 5px; display: block; } .row.main-profile-block-date-info { font-size: 14px; } .btn_change, .sale-order-list-shipment-button, .sale-order-list-change-payment, .sale-order-list-cancel-payment, .sale-order-detail-payment-options-methods-info-change-link, .sale-order-detail-more-info-less, .sale-order-detail-more-info-more, .bx-order-cancel a, .lk-page .link-back { font-size: 14px; line-height: 18px; border-bottom: 1px dotted var(--gray); color: var(--gray); width: fit-content; } .sale-order-list-change-payment, .sale-order-detail-payment-options-methods-info-change-link { margin: 8px 0; display: block; width: fit-content; } @media (hover: hover) and (pointer: fine) { .btn_change:hover, .sale-order-list-shipment-button:hover, .sale-order-list-change-payment:hover, .sale-order-list-cancel-payment:hover, .sale-order-detail-payment-options-methods-info-change-link:hover, .sale-order-detail-more-info-less:hover, .sale-order-detail-more-info-more:hover, .bx-order-cancel a:hover, .lk-page .link-back:hover { border-color: transparent; color: var(--black); } } .sale-order-title { font-family: 'SONGER SemiExpanded'; font-weight: 400; font-size: 32px; line-height: 42px; margin: 50px 0 25px; } @media (max-width: 1260px) { .sale-order-title { font-size: 28px; line-height: 40px; } } @media (max-width: 767px) { .sale-order-title { font-size: 20px; line-height: 26px; } } .sale-order-list-inner-row { display: flex; align-items: center; gap: 16px; } .sale-order-list-inner-row, .lk-page .col-sm-auto.mb-3.text-center { display: flex; align-items: center; gap: 16px; } @media (max-width: 767px) { .sale-order-list-inner-row { flex-direction: column; } } .d-flex.align-items-center.justify-content-start.mb-4 { display: block; } .lk-page .btn.btn-lg.btn-success.pl-4.pr-4 { margin-bottom: 10px; } .sale-order-list-about-link, .sale-order-list-cancel-link, .sale-order-list-repeat-link, .lk-page .btn.btn-primary.ajax_reload, .lk-page .btn.btn-lg.btn-success.pl-4.pr-4, .lk-page .btn.btn-primary.btn-block.btn-sm.my-1, .lk-page .btn.btn-link.btn-sm.my-1, .lk-page .btn.btn-primary.btn-sm.active-button, .bx-order-cancel input.btn.btn-danger, .lk-page .btn.btn-primary.btn-sm.disabled { display: flex; align-items: center; justify-content: center; height: 37px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 40px; background-color: var(--black); color: var(--white); border-radius: 20px; cursor: pointer; font-size: 14px; line-height: 19px; } .lk-page .btn.btn-primary.btn-sm.disabled { pointer-events: none; opacity: 0.6; margin-top: 10px; } @media (max-width: 767px) { .sale-order-list-about-link, .sale-order-list-cancel-link, .sale-order-list-repeat-link, .bx-order-cancel input.btn.btn-danger { width: 100%; } .lk-page .col-auto.col-auto { width: 100%; } } @media (max-width: 575px) { .lk-page .btn.btn-primary.btn-block.btn-sm.my-1, .lk-page .btn.btn-link.btn-sm.my-1 { width: 100%; } } .sale-order-list-cancel-link, .sale-order-list-repeat-link, .lk-page .btn.btn-link.btn-sm.my-1 { background-color: transparent; border: 1px solid var(--black); color: var(--black); } @media (hover: hover) and (pointer: fine) { .sale-order-list-about-link:hover, .sale-order-list-cancel-link:hover, .sale-order-list-repeat-link:hover, .lk-page .btn.btn-primary.ajax_reload:hover, .lk-page .btn.btn-lg.btn-success.pl-4.pr-4:hover, .lk-page .btn.btn-primary.btn-block.btn-sm.my-1:hover, .lk-page .btn.btn-link.btn-sm.my-1:hover, .lk-page .btn.btn-primary.btn-sm.active-button:hover, .bx-order-cancel input.btn.btn-danger:hover { background-color: rgba(15, 13, 13, 0.6392156863); color: var(--white); border-color: rgba(15, 13, 13, 0.6392156863); } } .sale-order-list-accomplished-title-container, .sale-order-list-title-container { border: 1px solid var(--grayLight); background: var(--white); margin-top: 20px; padding: 16px; } .sale-order-list-inner-container { border: 1px solid var(--grayLight); border-top: 0; padding: 16px; } .lk-page h3.g-font-size-20.mb-1.mt-1.col-sm, .lk-page .sale-order-list-title-container h3 { margin: 0; font-family: 'SONGER SemiExpanded'; font-weight: 400; font-size: 18px; line-height: 21px; } @media (max-width: 767px) { .lk-page h3.g-font-size-20.mb-1.mt-1.col-sm, .lk-page .sale-order-list-title-container h3 { font-size: 14px; line-height: 16px; } } .lk-page .col:empty { display: none; } .lk-page .sale-order-list-inner-title-line { background: var(--grayLight); margin: 15px 0; } .lk-page .align-items-center .sale-order-list-inner-title-line { margin-top: 7px; } .lk-page .align-items-center { margin-top: 15px; } .lk-page .align-items-center:first-child { margin-top: 0; } .lk-page h2:not([class]) { margin: 50px 0 25px; } .sale-order-list-inner-row-body { width: 100%; } .lk-page { position: relative; z-index: 1; max-width: 100%; } .sale-order-payment-change-pp-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 10px 0; } @media (max-width: 767px) { .sale-order-payment-change-pp-list { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 575px) { .sale-order-payment-change-pp-list { grid-template-columns: repeat(2, 1fr); } } .sale-order-payment-change-pp-company-graf-container { border-width: 1px; } .sale-order-list-inner-row-template { width: 100%; } .sale-order-payment-change-pp { grid-column: 1 / -1; } .sale-order-list-shipment-status, .sale-order-list-shipment-item, .sale-order-list-payment-check, .sale-order-list-payment-price { font-size: 14px; margin-bottom: 7px; } .sale-order-list-inner-title-line-item { font-size: 14px; } .sale-order-detail-total-payment-container .row { display: flex; justify-content: flex-end; } .sale-order-detail-payment-options-methods-container:before { display: none; } .sale-order-detail-section-title { border: 1px solid var(--grayLight); background: var(--white); padding: 16px; margin: 0; font-family: 'SONGER SemiExpanded'; font-weight: 400; font-size: 18px; line-height: 21px; margin-top: 20px; } @media (max-width: 767px) { .sale-order-detail-section-title { font-size: 14px; line-height: 16px; } } .sale-order-detail-section-title ~ .row { border: 1px solid var(--grayLight); border-top: 0; margin: 0; padding: 16px; } h2.sale-order-detail-card-title { font-family: 'SONGER SemiExpanded'; font-weight: 400; font-size: 18px; line-height: 21px; color: var(--black); padding: 0; margin: 40px 0 20px; } @media (max-width: 767px) { h2.sale-order-detail-card-title { font-size: 14px; line-height: 16px; } } div.payment-options-methods-row { padding: 0; margin: 0; } div.payment-options-methods-row:before, div.payment-options-methods-row:last-child:after { display: none; } .sale-order-detail-card .col-sm.mb-3, .sale-order-detail-card .col-sm-auto.mb-3 { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; } .sale-order-detail-more-info-more { display: block; } .sale-order-detail .table { width: 100%; } .sale-order-detail .table thead th { text-align: left; } .sale-order-detail .table-responsive { overflow: auto; } .sale-order-detail-order-item-img-container { border-radius: 10px; } .sale-order-detail-order-item-title, .sale-order-detail-order-item-properties, .sale-order-detail-order-item-properties { font-size: 14px; color: var(--black); font-family: 'SONGER SemiExpanded'; } .sale-order-detail th, .sale-order-detail td { font-size: 14px; padding: 5px; } .sale-order-detail-order-item-properties-type { font-family: 'Manrope'; margin-top: 5px; } li.sale-order-detail-total-payment-list-right-item { font-size: 14px; line-height: 20px; color: var(--black); font-family: 'SONGER SemiExpanded'; } li.sale-order-detail-total-payment-list-left-item { font-family: 'Manrope'; font-size: 16px; line-height: 20px; color: var(--black); } .bx-order-cancel textarea { border: 1px solid #9999a1; border-radius: 20px; height: 117px; padding: 10px 17px; width: 350px; display: block; resize: none; margin-bottom: 10px; } @media (max-width: 767px) { .bx-order-cancel textarea { width: 100%; } } .bx-order-cancel label { font-size: 16px; font-weight: 500; line-height: 17px; font-family: 'Manrope'; margin-bottom: 5px; display: block; } .bx-order-cancel .btn.btn-danger { margin-bottom: 40px; } .bx-order-cancel { margin-top: 20px; } .sale-order-detail-payment-options-methods-shipment-list, .sale-order-detail-payment-options-methods-info { padding-left: 0!important; } #bx-soa-orderSave .main-user-consent-request-announce { font-size: 14px; line-height: 13px; } #bx-soa-orderSave label[data-bx-user-consent] a { color: #000; font-size: 14px; font-weight: 400; line-height: 13px; text-decoration: underline; } #bx-soa-orderSave label[data-bx-user-consent] a:hover { text-decoration: none; } /* End */ /* Start:/bitrix/templates/m.sport/components/bitrix/menu/header_menu/style.min.css?1775546175490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/m.sport/components/bitrix/menu/header_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/m.sport/components/bitrix/search.title/visual/style.css?1775546174636*/ div.title-search-result { width: 443px!important; width: 100%; overflow:hidden; background: var(--white); border-radius: 20px; z-index:999; padding: 35px 0; margin-top: 25px; } .search-element { width: 100%; flex-wrap: nowrap; padding: 5px 40px; gap: 10px; } .search-element_img { background-color: #fff; width: 59px; height: 68px; border-radius: 3px; flex-shrink: 0; } .search-element_img img { width: 100%; height: 100%; object-fit: contain; object-position: 50%; } .search-element_name { color: var(--black); } /* End */ /* Start:/bitrix/templates/m.sport/components/bitrix/sale.basket.basket.line/cart_link/style.css?1775546413332*/ .catalog-cart-counter-menu { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; padding: 1px 3px; background: #F4F4F6; border-radius: 46px; font-size: 10px; line-height: 10px; color: #000000; position: absolute; bottom: 4px; right: 14px; } /* End */ /* Start:/bitrix/templates/m.sport/components/bitrix/menu/mobile_menu/style.min.css?1775546175490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/m.sport/components/bitrix/menu/mobile_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/m.sport/components/bitrix/menu/footer_menu/style.min.css?1775546175490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/m.sport/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/m.sport/components/bitrix/menu/footer_menu2/style.min.css?1775546175490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/m.sport/components/bitrix/menu/footer_menu2/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /bitrix/templates/m.sport/assets/css/swiper-bundle.min.css?177554617418448 */ /* /bitrix/templates/m.sport/assets/css/jquery.fancybox.min.css?177554617412795 */ /* /bitrix/templates/m.sport/assets/css/main.css?177554617491861 */ /* /bitrix/templates/m.sport/assets/css/cart.css?177554617424118 */ /* /bitrix/templates/m.sport/components/bitrix/menu/header_menu/style.min.css?1775546175490 */ /* /bitrix/templates/m.sport/components/bitrix/search.title/visual/style.css?1775546174636 */ /* /bitrix/templates/m.sport/components/bitrix/sale.basket.basket.line/cart_link/style.css?1775546413332 */ /* /bitrix/templates/m.sport/components/bitrix/menu/mobile_menu/style.min.css?1775546175490 */ /* /bitrix/templates/m.sport/components/bitrix/menu/footer_menu/style.min.css?1775546175490 */ /* /bitrix/templates/m.sport/components/bitrix/menu/footer_menu2/style.min.css?1775546175490 */