/* Start:/local/templates/krepco/files/fancybox/fancybox.min.css?176478586629406*/
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;position:relative;overflow:hidden;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-classic{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap)}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2);margin-inline:calc(var(--f-carousel-slide-width) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}div.fancybox__dialog{position:fixed;inset:0;z-index:1050}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 34px;--f-close-button-height: 34px;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-close-button-svg-width: 22px;--f-close-button-svg-height: 22px;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}
/* End */


/* Start:/local/templates/krepco/files/swiper/swiper.min.css?176478586613920*/
/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.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{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.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{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.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);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/krepco/files/nouislider/nouislider.min.css?17647858664220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */


/* Start:/local/templates/krepco/files/shareon/shareon.min.css?176478586620165*/
.shareon{font-size:0!important}.shareon>*{display:inline-block;position:relative;height:24px;min-width:16px;margin:3px;padding:6px 10px;background-color:#333;border-radius:3.33333px;border:0;box-sizing:content-box;color:#fff;line-height:1.5;transition:opacity .3s ease;vertical-align:middle}.shareon>:hover{border:0;cursor:pointer;opacity:.7}.shareon>:not(:empty){font-size:16px;text-decoration:none}.shareon>:not(:empty):before{position:relative;height:100%;width:28px;top:0;left:0;background-position:0 50%}.shareon>:before{display:inline-block;position:absolute;height:20px;width:20px;top:8px;left:8px;background-repeat:no-repeat;background-size:20px 20px;content:"";vertical-align:bottom}.shareon>.bluesky{background-color:#0285ff}.shareon>.bluesky:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364q.204-.03.415-.056-.207.033-.415.056c-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a9 9 0 0 1-.415-.056q.21.026.415.056c2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8'/%3e%3c/svg%3e")}.shareon>.copy-url:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3e%3c/svg%3e")}.shareon>.copy-url.done:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3e%3c/svg%3e")}.shareon>.email:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3crect height='16' rx='2' width='20' x='2' y='4'/%3e%3cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3e%3c/g%3e%3c/svg%3e")}.shareon>.facebook{background-color:#1877f2}.shareon>.facebook:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073'/%3e%3c/svg%3e")}.shareon>.fediverse{background-color:#8a54af}.shareon>.fediverse:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.239 8.64a2.43 2.43 0 0 1-1.041 1.036l5.714 5.736 1.377-.698zm7.537 7.566-1.378.698 2.895 2.907a2.43 2.43 0 0 1 1.041-1.037zm6.61-5.297-3.234 1.64.238 1.526 3.66-1.856a2.43 2.43 0 0 1-.663-1.31m-5.113 2.592-7.649 3.876a2.43 2.43 0 0 1 .664 1.31l7.223-3.66zm-2.46-9.549-3.69 7.205 1.089 1.094 3.908-7.628a2.43 2.43 0 0 1-1.307-.67m-4.65 9.078-1.87 3.65a2.44 2.44 0 0 1 1.307.67l1.652-3.226zm-2.998-3.34a2.44 2.44 0 0 1-1.216.255 3 3 0 0 1-.235-.025l1.092 6.983a2.44 2.44 0 0 1 1.216-.255q.118.007.234.025zm3.129 9.03a2.4 2.4 0 0 1 .025.49 2.4 2.4 0 0 1-.256.96l6.98 1.121a2.4 2.4 0 0 1-.025-.49 2.4 2.4 0 0 1 .257-.96zm12.78-6.476-3.222 6.29a2.43 2.43 0 0 1 1.307.671l3.222-6.29a2.43 2.43 0 0 1-1.307-.671M15.68 3.348a2.44 2.44 0 0 1-1.04 1.036l4.99 5.01a2.43 2.43 0 0 1 1.04-1.037zm-4.554-.731L4.818 5.813a2.43 2.43 0 0 1 .663 1.31l6.309-3.197a2.43 2.43 0 0 1-.664-1.31m3.502 1.774a2.44 2.44 0 0 1-1.236.264 3 3 0 0 1-.213-.022l.559 3.578 1.524.244zm-.565 5.9 1.32 8.46a2.43 2.43 0 0 1 1.199-.246q.128.007.254.028l-1.249-7.998zM5.486 7.15a2.4 2.4 0 0 1 .027.498 2.4 2.4 0 0 1-.253.953l3.58.575.704-1.374zm6.137.986L10.92 9.51l8.46 1.36a2.4 2.4 0 0 1-.024-.485 2.4 2.4 0 0 1 .26-.966zM13.645.015a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418m8.261 8.293a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418M16.57 18.725a2.212 2.212 0 1 0-.24 4.419 2.212 2.212 0 1 0 .24-4.419M5.01 16.871a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418M3.204 5.307a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418'/%3e%3c/svg%3e")}.shareon>.hackernews{background-color:#fb651e}.shareon>.hackernews:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.842.564 7.545 14.144V24h2.905v-9.124L20.903.566h-3.21L13.186 9.51c-.682 1.367-1.262 2.631-1.262 2.631s-.545-1.299-1.195-2.63L6.291.563z'/%3e%3c/svg%3e")}.shareon>.linkedin{background-color:#0a66c2}.shareon>.linkedin:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.85 2.85 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852'/%3e%3c/svg%3e")}.shareon>.linkedin:not(:empty):before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3e%3c/svg%3e")}.shareon>.mastodon{background-color:#6364ff}.shareon>.mastodon:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38q.398-.092.786-.213c.585-.184 1.27-.39 1.774-.753a.06.06 0 0 0 .023-.043v-1.809a.05.05 0 0 0-.02-.041.05.05 0 0 0-.046-.01 20.3 20.3 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.6 5.6 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422q.059-.011.11-.024c2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545m-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102q0-1.965 1.011-3.12c.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164q1.012 1.155 1.012 3.12z'/%3e%3c/svg%3e")}.shareon>.messenger{background-color:#00b2ff}.shareon>.messenger:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.001 11.639C.001 4.949 5.241 0 12.001 0S24 4.95 24 11.639s-5.24 11.638-12 11.638c-1.21 0-2.38-.16-3.47-.46a.96.96 0 0 0-.64.05l-2.39 1.05a.96.96 0 0 1-1.35-.85l-.07-2.14a.97.97 0 0 0-.32-.68A11.39 11.389 0 0 1 .002 11.64zm8.32-2.19-3.52 5.6c-.35.53.32 1.139.82.75l3.79-2.87c.26-.2.6-.2.87 0l2.8 2.1c.84.63 2.04.4 2.6-.48l3.52-5.6c.35-.53-.32-1.13-.82-.75l-3.79 2.87c-.25.2-.6.2-.86 0l-2.8-2.1a1.8 1.8 0 0 0-2.61.48'/%3e%3c/svg%3e")}.shareon>.odnoklassniki{background-color:#ee8208}.shareon>.odnoklassniki:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 0a6.2 6.2 0 0 0-6.194 6.195 6.2 6.2 0 0 0 6.195 6.192 6.2 6.2 0 0 0 6.193-6.192A6.2 6.2 0 0 0 12.001 0zm0 3.63a2.567 2.567 0 0 1 2.565 2.565 2.57 2.57 0 0 1-2.564 2.564 2.57 2.57 0 0 1-2.565-2.564 2.567 2.567 0 0 1 2.565-2.564zM6.807 12.6a1.814 1.814 0 0 0-.91 3.35 11.6 11.6 0 0 0 3.597 1.49l-3.462 3.463a1.815 1.815 0 0 0 2.567 2.566L12 20.066l3.405 3.403a1.813 1.813 0 0 0 2.564 0c.71-.709.71-1.858 0-2.566l-3.462-3.462a11.6 11.6 0 0 0 3.596-1.49 1.814 1.814 0 1 0-1.932-3.073 7.87 7.87 0 0 1-8.34 0c-.318-.2-.674-.29-1.024-.278'/%3e%3c/svg%3e")}.shareon>.pinterest{background-color:#bd081c}.shareon>.pinterest:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026z'/%3e%3c/svg%3e")}.shareon>.pocket{background-color:#ef3f56}.shareon>.pocket:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m18.813 10.259-5.646 5.419a1.65 1.65 0 0 1-2.282 0l-5.646-5.419a1.645 1.645 0 0 1 2.276-2.376l4.511 4.322 4.517-4.322a1.643 1.643 0 0 1 2.326.049 1.64 1.64 0 0 1-.045 2.326zm5.083-7.546a2.16 2.16 0 0 0-2.041-1.436H2.179c-.9 0-1.717.564-2.037 1.405-.094.25-.142.511-.142.774v7.245l.084 1.441c.348 3.277 2.047 6.142 4.682 8.139q.069.053.143.105l.03.023a11.9 11.9 0 0 0 4.694 2.072c.786.158 1.591.24 2.389.24.739 0 1.481-.067 2.209-.204.088-.029.176-.045.264-.06.023 0 .049-.015.074-.029a12 12 0 0 0 4.508-2.025l.029-.031.135-.105c2.627-1.995 4.324-4.862 4.686-8.148L24 10.678V3.445c0-.251-.031-.5-.121-.742z'/%3e%3c/svg%3e")}.shareon>.print:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6z'/%3e%3c/svg%3e")}.shareon>.reddit{background-color:#ff4500}.shareon>.reddit:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.512 1.173a1.88 1.88 0 0 1 1.877 1.874 1.884 1.884 0 0 1-1.877 1.857c-.99 0-1.817-.783-1.873-1.773l-3.897-.82-1.201 5.623c2.737.105 5.223.949 7.015 2.234a2.53 2.53 0 0 1 1.812-.737A2.634 2.634 0 0 1 24 12.063c0 1.075-.653 2-1.516 2.423q.066.388.063.78c0 4.043-4.698 7.31-10.512 7.31s-10.512-3.267-10.512-7.31c0-.275.022-.55.064-.801a2.63 2.63 0 0 1-1.559-2.402 2.634 2.634 0 0 1 2.633-2.632c.694 0 1.347.294 1.811.735 1.812-1.325 4.32-2.146 7.12-2.232l1.329-6.276a.5.5 0 0 1 .21-.296.52.52 0 0 1 .357-.063l4.361.926c.3-.644.952-1.057 1.663-1.052M7.917 18.052c-.13 0-.254.05-.347.14a.497.497 0 0 0 0 .696c1.264 1.263 3.728 1.37 4.444 1.37s3.16-.084 4.444-1.37a.545.545 0 0 0 .044-.695.5.5 0 0 0-.697 0c-.82.8-2.527 1.095-3.77 1.095s-2.97-.294-3.77-1.095a.5.5 0 0 0-.348-.143zm-.051-5.989A1.88 1.88 0 0 0 5.99 13.94c0 1.031.842 1.873 1.876 1.873a1.88 1.88 0 0 0 1.873-1.874 1.88 1.88 0 0 0-1.873-1.875Zm8.254 0a1.88 1.88 0 0 0-1.873 1.876c0 1.031.842 1.873 1.875 1.873a1.88 1.88 0 0 0 1.875-1.874 1.88 1.88 0 0 0-1.877-1.875'/%3e%3c/svg%3e")}.shareon>.teams{background-color:#6264a7}.shareon>.teams:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.625 8.127q-.55 0-1.025-.205t-.832-.563-.563-.832T18 5.502q0-.54.205-1.02t.563-.837q.357-.358.832-.563.474-.205 1.025-.205.54 0 1.02.205t.837.563q.358.357.563.837t.205 1.02q0 .55-.205 1.025t-.563.832q-.357.358-.837.563t-1.02.205m0-3.75q-.469 0-.797.328t-.328.797.328.797.797.328.797-.328.328-.797-.328-.797-.797-.328M24 10.002v5.578q0 .774-.293 1.46t-.803 1.194q-.51.51-1.195.803-.686.293-1.459.293-.445 0-.908-.105-.463-.106-.85-.329-.293.95-.855 1.729t-1.319 1.336-1.67.861-1.898.305q-1.148 0-2.162-.398-1.014-.399-1.805-1.102t-1.312-1.664-.674-2.086h-5.8q-.411 0-.704-.293T0 16.881V6.873q0-.41.293-.703t.703-.293h8.59q-.34-.715-.34-1.5 0-.727.275-1.365.276-.639.75-1.114.475-.474 1.114-.75.638-.275 1.365-.275t1.365.275 1.114.75q.474.475.75 1.114.275.638.275 1.365t-.275 1.365q-.276.639-.75 1.113-.475.475-1.114.75-.638.276-1.365.276-.188 0-.375-.024-.188-.023-.375-.058v1.078h10.875q.469 0 .797.328t.328.797M12.75 2.373q-.41 0-.78.158-.368.158-.638.434-.27.275-.428.639-.158.363-.158.773t.158.78q.159.368.428.638.27.27.639.428t.779.158.773-.158q.364-.159.64-.428.274-.27.433-.639t.158-.779-.158-.773q-.159-.364-.434-.64-.275-.275-.639-.433-.363-.158-.773-.158M6.937 9.814h2.25V7.94H2.814v1.875h2.25v6h1.875zm10.313 7.313v-6.75H12v6.504q0 .41-.293.703t-.703.293H8.309q.152.809.556 1.5.405.691.985 1.19.58.497 1.318.779.738.281 1.582.281.926 0 1.746-.352.82-.351 1.436-.966.615-.616.966-1.43.352-.815.352-1.752m5.25-1.547v-5.203h-3.75v6.855q.305.305.691.452.387.146.809.146.469 0 .879-.176.41-.175.715-.48.304-.305.48-.715t.176-.879'/%3e%3c/svg%3e")}.shareon>.telegram{background-color:#26a5e4}.shareon>.telegram:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.888 3.551c.168-.003.54.039.781.235.162.14.264.335.288.547.026.156.06.514.033.793-.302 3.189-1.616 10.924-2.285 14.495-.282 1.512-.838 2.017-1.378 2.066-1.17.11-2.058-.773-3.192-1.515-1.774-1.165-2.777-1.889-4.5-3.025-1.99-1.31-.7-2.033.434-3.209.297-.309 5.455-5.002 5.556-5.427.012-.054.024-.252-.094-.356s-.292-.069-.418-.04q-.267.061-8.504 5.62-1.208.831-2.187.806c-.72-.013-2.104-.405-3.134-.739C1.025 13.39.022 13.174.11 12.476q.068-.544 1.5-1.114 8.816-3.84 11.758-5.064c5.599-2.328 6.763-2.733 7.521-2.747Z'/%3e%3c/svg%3e")}.shareon>.tumblr{background-color:#36465d}.shareon>.tumblr:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178z'/%3e%3c/svg%3e")}.shareon>.twitter{background-color:#1d9bf0}.shareon>.twitter:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.9 4.9 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.9 4.9 0 0 0 2.235.616A4.93 4.93 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.9 9.9 0 0 0 3.128-1.196 4.94 4.94 0 0 1-2.165 2.724A9.8 9.8 0 0 0 24 4.555a10 10 0 0 1-2.457 2.549'/%3e%3c/svg%3e")}.shareon>.viber{background-color:#7360f2}.shareon>.viber:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817S.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602a.304.304 0 0 0-.004.607c1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3a.304.304 0 0 0 .3-.304c-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695a.98.98 0 0 0-.616.117l-.01.002c-.43.247-.816.562-1.146.932l-.008.008q-.4.484-.46.948a.6.6 0 0 0-.007.14q0 .205.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186q.405.517.87.984l.132.132q.466.463.984.87a15.5 15.5 0 0 0 2.186 1.447c1.328.733 2.126 1.07 2.604 1.206l.01.014a1.3 1.3 0 0 0 .54.055q.466-.055.948-.46c.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83q-.54-.383-1.113-.71c-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248a13 13 0 0 0-.71-1.115 28 28 0 0 0-.83-1.035.82.82 0 0 0-.502-.297zm4.49.88a.303.303 0 0 0-.018.606c1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57a.306.306 0 0 0 .61.013c.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63a.305.305 0 0 0-.3.287c-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164a.304.304 0 0 0 .605-.03c-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z'/%3e%3c/svg%3e")}.shareon>.vkontakte{background-color:#07f}.shareon>.vkontakte:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.199 4.841H.11c.194 9.312 4.85 14.907 13.012 14.907h.462v-5.327c3 .299 5.268 2.492 6.178 5.327H24c-1.164-4.237-4.223-6.58-6.133-7.475 1.91-1.105 4.596-3.79 5.238-7.432h-3.85c-.836 2.955-3.313 5.641-5.67 5.895V4.84h-3.85v10.326C7.347 14.57 4.333 11.675 4.199 4.84Z'/%3e%3c/svg%3e")}.shareon>.web-share:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-width='2' d='M18 2a3 3 0 1 0 0 6 3 3 0 1 0 0-6zM6 9a3 3 0 1 0 0 6 3 3 0 1 0 0-6zm12 7a3 3 0 1 0 0 6 3 3 0 1 0 0-6zm-9.41-2.49 6.83 3.98m-.01-10.98-6.82 3.98'/%3e%3c/svg%3e")}.shareon>.whatsapp{background-color:#25d366}.shareon>.whatsapp:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52s.198-.298.298-.497c.099-.198.05-.371-.025-.52s-.669-1.612-.916-2.207c-.242-.579-.487-.5-.669-.51a13 13 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074s2.096 3.2 5.077 4.487c.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413s.248-1.289.173-1.413c-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.82 9.82 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.82 11.82 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.9 11.9 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.82 11.82 0 0 0-3.48-8.413'/%3e%3c/svg%3e")}
/* End */


/* Start:/local/templates/krepco/styles.css?176606257420157*/
@font-face {
    font-family: MuseoSansCyrl;
    font-display: swap;
    src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Black.woff2) format("woff2");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: MuseoSansCyrl;
    font-display: swap;
    src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: MuseoSansCyrl;
    font-display: swap;
    src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: MuseoSansCyrl;
    font-display: swap;
    src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: MuseoSansCyrl;
    font-display: swap;
    src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Thin.woff2) format("woff2");
    font-weight: 100;
    font-style: normal
}
/*! 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: -.25em
}
sup {
    top: -.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
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-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
}
:root {
    --primary: #eb6e03;
    --primary-dark: #d86a09;
    --primary-light: #fdf0e6;
    --black: #181d29;
    --red: #de5153;
    --red-light: #fcf1f1;
    --green-light: #e4fdec;
    --green: #10c44d;
    --zumthor: #e6efff;
    --serenade: #fff4e6;
    --apricot: #fffeeb;
    --givry: #f8dfc9;
    --abbey: #505052;
    --iron: #e7e7e9;
    --athens: #f3f3f4;
    --alabaster: #fbfbfb;
    --alto: #d9d9d9;
    --dark: #3e4041;
    --gray: #808080;
    --silver: #b2b2b2;
    --wild: #f5f5f5;
    --wild-s: #f4f4f4;
    --dusty: #969696
}
html {
    box-sizing: border-box
}
*,
*::after,
*::before {
    box-sizing: inherit
}
a {
    color: inherit;
    text-decoration: none
}
img {
    max-width: 100%
}
body {
    font-family: MuseoSansCyrl,sans-serif;
    font-weight: 500;
    color: var(--dark);
    background-color: var(--alabaster)
}
.body-hidden {
    overflow: hidden;
    touch-action: none
}
:root {
    --content-width: 1500px;
    --offset-width: 30px;
    --container-width: calc(var(--content-width) + (var(--offset-width) * 2))
}
.container {
    max-width: var(--container-width);
    width: 100%;
    padding: 0 var(--offset-width);
    margin: 0 auto
}
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--primary);
    background-color: var(--primary);
    padding: 17px 20px;
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 70%;
    color: #fff;
    transition: color .3s ease,background-color .3s ease,border-color .3s ease
}
.btn._outline {
    background-color: rgba(0,0,0,0);
    color: var(--dark)
}
.btn._dark {
    border-color: var(--dark);
    background-color: var(--dark);
    color: #fff
}
.btn._light {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
    color: var(--primary)
}
.btn-mob {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border: none;
    outline: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: rgba(237,110,0,.2);
    padding: 8px 10px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    color: var(--primary);
    transition: color .3s ease,background-color .3s ease
}
.btn-mob svg {
    display: block;
    width: 10px;
    height: 10px
}
.btn-item {
    display: block;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: var(--wild);
    font-size: 16px;
    transition: color .3s ease,background-color .3s ease
}
.btn-play {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: color .3s ease,background-color .3s ease;
    z-index: 10
}
.btn-play svg {
    width: 22px;
    height: 22px
}
.btn-prev {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 100%;
    color: var(--primary)
}
.btn-prev svg {
    width: 20px;
    height: 10px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.btn-tab {
    cursor: pointer;
    padding: 14px 20px;
    border-radius: 10px;
    flex-shrink: 0;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    white-space: nowrap;
    transition: color .3s ease,background-color .3s ease
}
.btn-tab._active {
    pointer-events: none;
    color: var(--primary);
    background-color: var(--wild)
}
.btn-tag {
    padding: 5px 10px;
    display: block;
    background-color: var(--wild);
    border-radius: 5px;
    font-size: 16px;
    transition: background-color .3s ease
}
.btn-tag._active {
    background-color: rgba(235,110,3,.1);
    pointer-events: none
}
.btn-more {
    margin: 0 auto 20px auto
}
.btn-download {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .3s ease
}
.btn-download img {
    display: block;
    flex-shrink: 0;
    width: 18px
}
.list {
    padding-left: 0;
    margin: 0;
    list-style: none
}
.dropdown {
    position: relative
}
.dropdown._open .dropdown-body {
    opacity: 1;
    visibility: visible
}
.dropdown._open .dropdown-btn .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.dropdown-body {
    position: absolute;
    right: 0;
    padding-top: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    transition: opacity .3s ease,visibility .3s ease
}
.dropdown-inside {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 4px 4px 20px 0 rgba(0,0,0,.1);
    background-color: #fff
}
.dropdown-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}
.dropdown-list a {
    font-size: 16px;
    white-space: nowrap;
    transition: color .3s ease
}
.form-search {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 15px;
    border: 1px solid var(--primary);
    border-radius: 10px
}
.form-search._open .form-search__drop {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.form-search._gray {
    border-color: var(--alto)
}
.form-search__btn {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: none;
    outline: 0;
    background-color: rgba(0,0,0,0);
    flex-shrink: 0;
    padding: 0;
    color: var(--gray);
    transition: color .3s ease
}
.form-search__btn svg {
    width: 100%;
    height: 100%
}
.form-search__input {
    padding: 0;
    border: none;
    outline: 0;
    background-color: rgba(0,0,0,0);
    flex: 1;
    font-weight: 300;
    font-size: 14px
}
.form-search__input::-webkit-input-placeholder {
    color: var(--gray)
}
.form-search__input:-ms-input-placeholder {
    color: var(--gray)
}
.form-search__input::-ms-input-placeholder {
    color: var(--gray)
}
.form-search__input::placeholder {
    color: var(--gray)
}
.form-search__drop {
    position: absolute;
    z-index: 30;
    background-color: #fff;
    border-radius: 10px;
    max-height: 605px;
    padding: 30px 25px;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background-color: var(--alabaster);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease;
    transition: opacity .4s ease,visibility .4s ease,transform .4s ease;
    transition: opacity .4s ease,visibility .4s ease,transform .4s ease,-webkit-transform .4s ease
}
.form-search__product {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 20px
}
.form-search__img {
    display: block;
    aspect-ratio: 1/1;
    width: 100px;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
    transition: opacity .3s ease
}
.form-search__product-title {
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px
}
.form-search__product-id {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 10px;
    font-size: 10px;
    color: var(--dusty)
}
.form-search__product-id span {
    color: var(--dark)
}
.form-search__prices {
    display: flex;
    align-items: center;
    gap: 8px
}
.form-search__price {
    font-weight: 900;
    font-size: 16px
}
.form-search__price._red {
    color: var(--red)
}
.form-search__price._green {
    color: var(--green)
}
.form-search__product-tag {
    padding: 4px 6px;
    background-color: var(--primary-light);
    border-radius: 5px;
    font-size: 12px;
    color: var(--primary)
}
.form-search__product-tag._red {
    color: var(--red);
    background-color: var(--red-light)
}
.form-search__product-tag._green {
    color: var(--green);
    background-color: var(--green-light)
}
.input-control {
    width: 100%
}
.input-control._scrollbar {
    border: 1px solid var(--silver);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .3s ease
}
.input-control._scrollbar._border-primary {
    border-color: var(--primary)!important
}
.input-control._scrollbar textarea {
    height: 100%
}
.input-control._scrollbar .input {
    border: none
}
.input {
    outline: 0;
    width: 100%;
    padding: 13px 20px;
    border: 1px solid var(--silver);
    border-radius: 10px;
    color: var(--dark);
    font-size: 16px;
    line-height: 81%;
    transition: border-color .3s ease,border-radius .3s ease
}
.input:focus {
    border-color: var(--primary)
}
.input[type=number]::-webkit-inner-spin-button,
.input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.input._white {
    border-color: #fff
}
.input._wild {
    background-color: var(--wild)
}
.input._wild::-webkit-input-placeholder {
    color: var(--dark)
}
.input._wild:-ms-input-placeholder {
    color: var(--dark)
}
.input._wild::-ms-input-placeholder {
    color: var(--dark)
}
.input._wild::placeholder {
    color: var(--dark)
}
textarea.input {
    resize: none
}
textarea.input::-webkit-scrollbar {
    width: 8px;
    border-radius: 100px
}
textarea.input::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 2px solid #fff;
    margin: 2px
}
.input-file {
    display: none
}
.btn-file {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    width: 100%;
    border: 1px dashed #333;
    background-color: var(--wild);
    border-radius: 10px;
    color: #181d29;
    transition: background-color .3s ease
}
.btn-file._white {
    background-color: #fff
}
.btn-file._primary {
    background-color: #fff;
    border-color: var(--primary)
}
.btn-file .icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}
.btn-file .name {
    font-size: 16px;
    line-height: 81%;
    flex: 1
}
.btn-file .file-close {
    width: 10px;
    height: 10px;
    color: var(--silver);
    transition: color .3s ease
}
.btn-file .file-close._hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}
.btn-file .file-close svg {
    display: block;
    width: 100%;
    height: 100%
}
.input-checkbox {
    display: none
}
.input-checkbox:checked+.label-checkbox::before {
    background: url(/local/templates/krepco/img/check-white.svg) center/12px auto no-repeat;
    background-color: var(--primary);
    border-color: var(--primary)
}
.label-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    flex-shrink: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    line-height: 87%
}
.label-checkbox::before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 2px;
    flex-shrink: 0;
    border: 1px solid var(--alto);
    transition: border-color .3s ease,background-color .3s ease
}
.select {
    position: relative
}
.select._open .select-body {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.select._open .select-input {
    pointer-events: all;
    border-color: var(--primary);
    border-radius: 10px 10px 0 0
}
.select._open .select-input:read-only {
    pointer-events: none
}
.select._open .select-btn .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.select-btn {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center
}
.select-btn .arrow {
    position: absolute;
    right: 19px;
    width: 10px;
    height: 10px;
    color: var(--silver);
    z-index: 1;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.select-input {
    pointer-events: none
}
.select-body {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    border: 1px solid var(--primary);
    border-top: none;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease;
    transition: transform .4s ease,opacity .4s ease,visibility .4s ease;
    transition: transform .4s ease,opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease;
    z-index: 10
}
.select-container {
    max-height: 150px;
    overflow-y: auto
}
.select-container::-webkit-scrollbar {
    width: 12px
}
.select-container::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 12px
}
.select-container::-webkit-scrollbar-thumb {
    background-color: var(--alto);
    border-radius: 6px;
    border: 3px solid #fff
}
.select-item {
    cursor: pointer;
    padding: 10px 20px;
    color: var(--dark);
    font-size: 16px;
    line-height: 81%;
    transition: background-color .3s ease
}
.select-item._active {
    background-color: rgba(237,110,0,.2);
    pointer-events: none
}
.select-item .sub {
    font-size: 12px;
    line-height: 125%;
    color: var(--gray)
}
.select-not-found {
    padding: 10px 20px;
    color: var(--gray);
    font-size: 16px;
    line-height: 81%
}
._scrollbar::-webkit-scrollbar {
    width: 12px
}
._scrollbar::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 12px
}
._scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--alto);
    border-radius: 6px;
    border: 3px solid #fff
}
._scrollbar-wild::-webkit-scrollbar {
    width: 12px
}
._scrollbar-wild::-webkit-scrollbar-track {
    background-color: var(--wild);
    border-radius: 12px
}
._scrollbar-wild::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 6px;
    border: 3px solid var(--wild)
}
._scrollbar-simple::-webkit-scrollbar {
    width: 10px
}
._scrollbar-simple::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 12px
}
._scrollbar-simple::-webkit-scrollbar-thumb {
    background-color: var(--alto);
    border-radius: 6px;
    border: 3px solid var(--alabaster)
}
.section-margin {
    margin: 60px 0
}
.section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    row-gap: 15px;
    margin-bottom: 30px
}
.section-head .btn {
    flex-shrink: 0
}
.section-head .btn-mob {
    flex-shrink: 0
}
.main-title {
    font-weight: 900;
    font-size: 36px;
    margin: 0
}
.section-title {
    font-weight: 900;
    font-size: 32px;
    line-height: 120%;
    margin: 0
}
.third-title {
    font-weight: 900;
    font-size: 24px;
    margin: 0
}
[data-placeholder-iteration]::-webkit-input-placeholder {
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
[data-placeholder-iteration]:-ms-input-placeholder {
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear
}
[data-placeholder-iteration]::-ms-input-placeholder {
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear
}
[data-placeholder-iteration]::placeholder {
    transition: opacity .3s linear
}
[data-placeholder-iteration]._hide::-webkit-input-placeholder {
    opacity: 0
}
[data-placeholder-iteration]._hide:-ms-input-placeholder {
    opacity: 0
}
[data-placeholder-iteration]._hide::-ms-input-placeholder {
    opacity: 0
}
[data-placeholder-iteration]._hide::placeholder {
    opacity: 0
}
/* End */


/* Start:/local/templates/krepco/template_styles.css?1766062587244895*/
.card-category {
    display: flex;
    flex-direction: column;
    padding: 19px;
    border-radius: 15px;
    aspect-ratio: 1/1;
    border: 1px solid var(--wild);
    background-color: var(--wild);
    transition: background-color .3s ease,border-color .3s ease
}
.card-category._zumthor {
    background-color: var(--zumthor);
    border-color: var(--zumthor)
}
.card-category._serenade {
    background-color: var(--serenade);
    border-color: var(--serenade)
}
.card-category._white {
    background-color: #fff;
    border-color: #fff
}
.card-category._apricot {
    background-color: var(--apricot);
    border-color: var(--apricot)
}
.card-category._givry {
    background-color: var(--givry);
    border-color: var(--givry)
}
.card-category__title {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 5px 0
}
.card-category__count {
    font-size: 12px;
    color: var(--dusty);
    margin-bottom: 30px
}
.card-category__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto;
    gap: 20px
}
.card-category__img {
    display: block;
    width: 100px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.card-category__circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: var(--alto);
    background-color: #fff;
    flex-shrink: 0;
    margin-left: auto;
    transition: color .3s ease,background-color .3s ease,-webkit-transform .3s ease;
    transition: color .3s ease,transform .3s ease,background-color .3s ease;
    transition: color .3s ease,transform .3s ease,background-color .3s ease,-webkit-transform .3s ease
}
.card-category__circle svg {
    width: 12px;
    height: 12px
}
.card-product {
    padding: 18px;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}
.card-product__slide-switches {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 10
}
.card-product__slide-switch {
    display: flex;
    height: 100%;
    flex: 1
}
.card-product__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 22px
}
.card-product__id {
    font-size: 10px
}
.card-product__id span {
    color: var(--dusty)
}
.card-product__tag {
    font-size: 12px;
    padding: 4px 6px;
    border-radius: 5px;
    background: var(--primary-light);
    color: var(--primary)
}
.card-product__tag._green {
    background: var(--green-light);
    color: var(--green)
}
.card-product__tag._red {
    color: var(--red);
    background-color: var(--red-light)
}
.card-product__slider {
    width: 100%;
    height: -webkit-fit-content!important;
    height: -moz-fit-content!important;
    height: fit-content!important;
    display: block;
    position: relative
}
.card-product__slide {
    display: flex!important;
    align-items: center;
    justify-content: center;
    height: auto!important;
    aspect-ratio: 1/.85;
    min-height: 0
}
.card-product__slide img {
    display: block;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important;
    width: 100%
}
.card-product__slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}
.card-product__slider-pagination .swiper-pagination-bullet {
    cursor: pointer;
    opacity: 1!important;
    margin: 0!important;
    background-color: var(--alto);
    width: 4px;
    height: 4px;
    transition: background-color .3s ease
}
.card-product__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary)
}
.card-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
    margin: 10px 0 20px 0;
    transition: color .3s ease
}
.card-product__price {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--dusty)
}
.card-product__price._red strong {
    color: var(--red)
}
.card-product__price._disabled strong {
    color: var(--dusty)
}
.card-product__price strong {
    font-weight: 900;
    color: var(--dark)
}
.card-product__footer {
    display: flex;
    gap: 15px;
    margin-top: auto
}
.card-product__counter {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 0 5px;
    border: 1px solid var(--alto);
    width: 100px;
    flex: 1
}
.card-product__counter-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 45px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    font-size: 14px;
    transition: color .3s ease
}
.card-product__counter-btn._disabled {
    pointer-events: none;
    color: var(--disty)
}
.card-product__counter-input {
    background-color: rgba(0,0,0,0);
    outline: 0;
    border: none;
    padding: 0;
    width: 100%;
    flex: 1;
    text-align: center;
    -moz-appearance: textfield;
    font-size: 15px
}
.card-product__counter-input::-webkit-inner-spin-button,
.card-product__counter-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.card-product__cart-btn {
    width: 115px
}
.card-product__cart-btn._outline {
    color: var(--primary)
}
.card-product__order-btn {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    outline: 0;
    border-radius: 10px;
    padding: 14px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: rgba(235,110,3,.1);
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 81%;
    color: var(--primary)
}
.card-product__order-btn::before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 10px;
    border: 1px solid var(--primary);
    opacity: 0;
    transition: opacity .4s ease
}
.card-product__order-btn svg {
    width: 16px;
    height: 20px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.card-product__time-info {
    font-size: 14px;
    color: var(--dusty);
    align-self: center
}
.card-product__content {
    font-size: 14px;
    line-height: 143%;
    margin: 0
}
.card-product__content span {
    color: var(--dusty)
}
.card-fasteners {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 300px;
    border-radius: 20px;
    background-color: var(--wild);
    padding: 40px 40px 25px 40px;
    z-index: 1;
    transition: box-shadow .3s ease
}
.card-fasteners::after,
.card-fasteners::before {
    position: absolute;
    content: "";
    width: 345px;
    aspect-ratio: 1/1;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    right: -85px;
    bottom: -130px;
    z-index: -2;
    transition: opacity .3s ease
}
.card-fasteners::before {
    background: url(/local/templates/krepco/img/rhomb-gray.svg) center/100% auto no-repeat
}
.card-fasteners::after {
    opacity: 0;
    background: url(/local/templates/krepco/img/rhomb-white.svg) center/100% auto no-repeat
}
.card-fasteners__title {
    margin-bottom: 20px
}
.card-fasteners__btn {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    opacity: 0;
    transition: opacity .3s ease
}
.card-fasteners__btn .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    width: 20px;
    height: 20px;
    transition: background-color .3s ease,color .3s ease
}
.card-fasteners__btn .circle svg {
    width: 10px;
    height: 10px
}
.card-fasteners__img {
    position: absolute;
    display: block;
    width: 235px;
    right: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom;
    bottom: 0;
    z-index: -1
}
.slider-btn {
    cursor: pointer;
    flex-shrink: 0;
    width: 16px;
    height: 30px;
    transition: color .3s ease,opacity .3s ease
}
.slider-btn.swiper-button-disabled {
    pointer-events: none;
    color: var(--dusty)
}
.slider-btn svg {
    width: 100%;
    height: 100%
}
.slider-pagination {
    display: flex;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    gap: 10px
}
.slider-pagination .swiper-pagination-bullet {
    cursor: pointer;
    margin: 0!important;
    width: 11px;
    height: 11px;
    opacity: 1;
    background-color: rgba(0,0,0,0);
    border: 1px solid var(--primary);
    transition: background-color .3s ease,border-color .3s ease
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #ffa252;
    background-color: var(--primary)
}
[data-tab] {
    display: none;
    opacity: 0;
    transition: opacity .4s ease
}
[data-tab]._active {
    display: block
}
[data-tab]._show {
    opacity: 1
}
.card-article {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    background-color: #fff;
    transition: box-shadow .3s ease
}
.card-article__gallery {
    display: block;
    width: 100%;
    aspect-ratio: 1/.66;
    transition: opacity .3s ease
}
.card-article__gallery img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.card-article__body {
    display: flex;
    flex-direction: column;
    padding: 20px;
    flex: 1
}
.card-article__title {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 20px;
    transition: color .3s ease
}
.card-article__content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 120%;
    margin: 0 0 20px 0
}
.card-article__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    color: #333
}
.card-article__date {
    font-size: 16px;
    line-height: 120%
}
.card-article__info {
    display: flex;
    gap: 12px
}
.card-article__info-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    line-height: 175%
}
.card-article__info-item svg {
    width: 16px;
    height: 16px;
    color: var(--silver)
}
.content {
    font-weight: 400;
    font-size: 16px
}
.content p {
    margin: 1rem 0
}
.content p:first-child {
    margin-top: 0!important
}
.content p:last-child {
    margin-bottom: 0!important
}
.content ol,
.content ul {
    padding-left: 30px;
    margin: 1rem 0
}
.content h1 {
    font-weight: 900;
    font-size: 40px;
    margin: 0
}
.content h1:not(:first-child) {
    margin-top: 30px
}
.content h2 {
    font-weight: 900;
    font-size: 32px;
    line-height: 120%;
    margin: 0 0 30px 0
}
.content h2:not(:first-child) {
    margin-top: 30px
}
.content h3 {
    font-weight: 900;
    font-size: 24px;
    margin: 30px 0
}
.content a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--primary)
}
.content strong {
    font-weight: 900
}
.content-big {
    font-size: 18px
}
.content-big *:first-child {
    margin-top: 0
}
.content-big p {
    margin: 0
}
.content-big p:not(:last-child) {
    margin-bottom: 10px
}
.content-big strong {
    font-weight: 900
}
.content-big ul {
    margin: 0;
    padding-left: 30px
}
.content-big ul:not(:last-child) {
    margin-bottom: 10px
}
.content-big h1 {
    font-weight: 900;
    font-size: 40px;
    margin: 0
}
.content-big h1:not(:first-child) {
    margin-top: 30px
}
.content-big h2 {
    font-weight: 900;
    font-size: 32px;
    line-height: 120%;
    margin: 0 0 30px 0
}
.content-big h2:not(:first-child) {
    margin-top: 30px
}
.content-big h3 {
    font-weight: 900;
    font-size: 24px;
    margin: 30px 0
}
.breadcrumbs {
    margin: 40px 0
}
.breadcrumbs+section {
    margin-top: 0!important;
    padding-top: 0!important
}
.breadcrumbs-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}
.breadcrumbs-item {
    display: flex;
    font-size: 14px;
    line-height: 100%;
    gap: 10px
}
.breadcrumbs-item:not(:first-child)::before {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 12px;
    background: url(/local/templates/krepco/img/line-next-dusty.svg) center/100% auto no-repeat
}
.breadcrumbs-item:last-child::before {
    background: url(/local/templates/krepco/img/line-next.svg) center/100% auto no-repeat
}
.breadcrumbs-item:last-child._primary {
    color: var(--primary)
}
.breadcrumbs-item:last-child._primary::before {
    background: url(/local/templates/krepco/img/line-next-primary.svg) center/100% auto no-repeat
}
a.breadcrumbs-item {
    color: var(--dusty);
    transition: color .3s ease
}
a.breadcrumbs-item:hover {
    color: var(--black)
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}
.pagination a {
    transition: color .3s ease
}
.pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 16px;
    line-height: 120%
}
.pagination-item._active {
    color: #fff;
    background: url(/local/templates/krepco/img/pagination-bg.svg) center/100% auto no-repeat
}
.pagination-arrow {
    display: block;
    width: 16px;
    height: 32px
}
.pagination-arrow svg {
    display: block;
    width: 100%;
    height: 100%
}
[data-more-item] {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 1;
    display: none;
    transition: opacity .5s ease,-webkit-transform .5s ease;
    transition: opacity .5s ease,transform .5s ease;
    transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s ease
}
.card-product-line {
    border-radius: 20px;
    padding: 20px;
    background-color: #fff;
    display: flex;
    gap: 40px
}
.card-product-line__gallery {
    position: relative;
    width: 235px;
    flex-shrink: 0
}
.card-product-line .card-product__title {
    margin: 0 0 20px 0
}
.card-product-line__wrapper {
    display: flex;
    gap: 40px;
    flex: 1
}
.card-product-line__body {
    flex: 1
}
.card-product-line__nav {
    width: 240px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column
}
.card-product-line__nav .card-product__counter {
    flex: none;
    width: 100%;
    margin-top: auto;
    margin-bottom: 20px
}
.card-product-line__cart-btn {
    width: 100%
}
.card-product-line__cart-btn._outline {
    color: var(--primary)
}
.card-product-line__cart-btn svg {
    width: 18px;
    height: 18px
}
.card-product-line__order-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    gap: 10px;
    outline: 0;
    border-radius: 10px;
    padding: 14px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: rgba(235,110,3,.1);
    border: none;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 81%;
    color: var(--primary)
}
.card-product-line__order-btn::before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 10px;
    border: 1px solid var(--primary);
    opacity: 0;
    transition: opacity .4s ease
}
.card-product-line__order-btn svg {
    width: 16px;
    height: 20px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.card-product-line__time-info {
    font-size: 14px;
    color: var(--dusty);
    margin-bottom: 15px
}
.card-search {
    position: relative;
    overflow: hidden;
    padding: 20px;
    border-radius: 16px;
    background-color: var(--wild);
    z-index: 1;
    transition: background-color .3s ease
}
.card-search__title {
    font-weight: 900;
    font-size: 16px;
    margin: 0 0 5px 0;
    font-weight: 700;
    padding-right: 30px
}
.card-search__count {
    font-size: 12px;
    color: var(--dusty);
    opacity: .84
}
.card-search__img {
    position: absolute;
    bottom: 10px;
    right: -45px;
    display: block;
    width: 93px;
    z-index: -1
}
.tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    padding: 4px 6px;
    border-radius: 5px;
    background: var(--primary-light);
    color: var(--primary)
}
.tag._green {
    background: var(--green-light);
    color: var(--green)
}
.tag._red {
    color: var(--red);
    background-color: var(--red-light)
}
.counter {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 0 5px;
    border: 1px solid var(--alto);
    width: 100px
}
.counter__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 45px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    font-size: 14px;
    transition: color .3s ease
}
.counter__btn._disabled {
    pointer-events: none;
    color: var(--disty)
}
.counter__input {
    background-color: rgba(0,0,0,0);
    outline: 0;
    border: none;
    padding: 0;
    width: 100%;
    flex: 1;
    text-align: center;
    -moz-appearance: textfield;
    font-size: 15px
}
.counter__input::-webkit-inner-spin-button,
.counter__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.card-product-full {
    display: flex;
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
    gap: 50px
}
.card-product-full__slider-wrapper {
    position: relative;
    width: 100px
}
.card-product-full__slider-wrapper .card-product__slider {
    width: 100%
}
.card-product-full__gallery {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    flex-shrink: 0
}
.card-product-full__body {
    flex: 0 1 570px
}
.card-product-full .card-product__title {
    margin: 0 0 10px 0
}
.card-product-full .card-product__id {
    margin-bottom: 10px
}
.card-product-full__price {
    flex-shrink: 0
}
.card-product-full__price-value {
    font-weight: 800;
    font-size: 16px;
    line-height: 175%
}
.card-product-full__price-content {
    font-size: 12px;
    line-height: 200%;
    color: var(--dusty)
}
.card-product-full__nav {
    display: flex;
    gap: 20px;
    align-self: start
}
.card-product-full__nav .card-product__counter {
    align-self: start
}
.card-product-full__order {
    width: 120px
}
.card-product-full__time-info {
    font-size: 14px;
    color: var(--dusty);
    margin-top: 15px
}
.card-product-cart {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid var(--alto)
}
.card-product-cart__gallery {
    flex-shrink: 0;
    border: 1px solid rgba(235,110,3,0);
    border-radius: 15px;
    width: 100px;
    height: 100px;
    overflow: hidden
}
.card-product-cart__gallery img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.card-product-cart__body {
    display: flex;
    align-items: center;
    gap: 40px;
    flex: 1
}
.card-product-cart__main {
    flex: 1
}
.card-product-cart__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    transition: color .3s ease
}
.card-product-cart__id {
    font-size: 10px;
    margin-top: 10px
}
.card-product-cart__id span {
    color: var(--dusty)
}
.card-product-cart__tag-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px
}
.card-product-cart__warn {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--dusty)
}
.card-product-cart__warn .hint {
    position: relative;
    cursor: pointer;
    width: 15px;
    height: 15px;
    transition: color .3s ease
}
.card-product-cart__warn .hint svg {
    width: 100%;
    height: 100%
}
.card-product-cart__price-value {
    font-weight: 600;
    font-size: 16px
}
.card-product-cart__price-value._gray {
    color: var(--dusty)
}
.card-product-cart__price-value._red {
    color: var(--red)
}
.card-product-cart__price-signature {
    margin-top: 8px;
    font-size: 12px;
    color: var(--dusty)
}
.card-product-cart .counter {
    width: 100px!important
}
.card-product-cart__main-price {
    font-weight: 900;
    font-size: 16px
}
.card-product-cart__main-price._gray {
    color: var(--dusty)
}
.switcher__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px
}
.switcher__nav._start {
    justify-content: start
}
.switcher__nav-btn {
    cursor: pointer;
    font-weight: 800;
    font-size: 32px;
    line-height: 120%;
    color: var(--dusty);
    transition: color .3s ease
}
.switcher__nav-btn._active {
    color: var(--dark);
    pointer-events: none
}
.switcher__switch {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--alto);
    border-radius: 100px;
    flex-shrink: 0;
    width: 60px;
    height: 16px
}
.switcher__switch._right::before {
    left: calc(100% - 25px);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
.switcher__switch::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    background: url(/local/templates/krepco/img/switch.svg) center/100% auto no-repeat;
    left: -10px;
    transition: left .3s ease,-webkit-transform .3s ease;
    transition: left .3s ease,transform .3s ease;
    transition: left .3s ease,transform .3s ease,-webkit-transform .3s ease
}
[data-switcher-tab] {
    display: none;
    opacity: 0;
    transition: opacity .4s ease
}
[data-switcher-tab]._active {
    display: block
}
[data-switcher-tab]._show {
    opacity: 1
}
.card-team {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center
}
.card-team__img {
    display: block;
    aspect-ratio: 1/1.065;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 16px
}
.card-team__title {
    font-weight: 600;
    font-size: 25px;
    line-height: 120%;
    text-align: center;
    margin: 0 0 10px 0
}
.card-team__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 120%
}
.card-team__list a {
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .3s ease
}
.tab-nav {
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%
}
.table-wrapper {
    overflow-x: auto;
    margin: 0 -30px;
    padding: 0 30px
}
.table-wrapper table {
    border: 1px solid var(--iron);
    margin: 0;
    padding: 0;
    display: block;
    font-size: 15px;
    width: 100%;
    min-width: 1120px
}
.table-wrapper thead {
    display: block;
    border-bottom: 1px solid var(--iron)
}
.table-wrapper tr {
    display: flex;
    transition: background-color .3s ease
}
.table-wrapper tr:not(:last-child) {
    border-bottom: 1px solid var(--iron)
}
.table-wrapper th {
    background-color: var(--athens)
}
.table-wrapper td,
.table-wrapper th {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    flex-shrink: 0;
    margin: 0;
    font-weight: 400;
    text-align: right;
    padding: 15px 10px;
    flex: 1;
    transition: background-color .3s ease
}
.table-wrapper td:first-child,
.table-wrapper th:first-child {
    flex: 0 1 130px;
    background-color: var(--athens)
}
.table-wrapper td:last-child,
.table-wrapper th:last-child {
    flex: 0 1 63px
}
.table-wrapper td:not(:last-child),
.table-wrapper th:not(:last-child) {
    border-right: 1px solid var(--iron)
}
.table-wrapper td.fill,
.table-wrapper th.fill {
    background-color: var(--athens)
}
.table-wrapper tbody {
    display: block
}
[data-copy] {
    position: relative
}
[data-copy]._active::after {
    opacity: 1;
    visibility: visible
}
[data-copy]::after {
    position: absolute;
    font-size: 14px;
    top: -20px;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 4px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    content: "Скопировано";
    pointer-events: none;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease,visibility .3s ease
}
.hint._active::after {
    opacity: 1;
    visibility: visible
}
.hint::after {
    position: absolute;
    content: attr(data-text);
    padding: 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    width: 140px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,calc(-100% - 6px));
    transform: translate(-50%,calc(-100% - 6px));
    background-color: #fff;
    border-radius: 10px;
    color: var(--dark);
    font-size: 12px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease,visibility .3s ease
}
.quick-cart {
    position: relative;
    display: flex;
    width: 100%;
    gap: 20px;
    border: 1px solid var(--alto);
    border-radius: 15px
}
.quick-cart._searched .quick-cart__result {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.quick-cart._entered .quick-cart__label {
    font-size: 14px;
    color: var(--dusty);
    top: 0;
    background-color: var(--alabaster)
}
.quick-cart__input {
    flex: 1;
    padding: 22px 25px;
    margin: 0;
    background-color: rgba(0,0,0,0);
    outline: 0;
    border: none
}
.quick-cart__input::-webkit-input-placeholder {
    color: var(--dark)
}
.quick-cart__input:-ms-input-placeholder {
    color: var(--dark)
}
.quick-cart__input::-ms-input-placeholder {
    color: var(--dark)
}
.quick-cart__input::placeholder {
    color: var(--dark)
}
.quick-cart__label {
    position: absolute;
    left: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 120%;
    padding: 3px;
    max-width: calc(100% - 70px);
    text-align: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transition: top .3s ease,left .3s ease,color .3s ease,background-color .3s ease,font-size .3s ease,-webkit-transform .3s ease;
    transition: top .3s ease,left .3s ease,color .3s ease,background-color .3s ease,font-size .3s ease,transform .3s ease;
    transition: top .3s ease,left .3s ease,color .3s ease,background-color .3s ease,font-size .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.quick-cart__btn {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    outline: 0;
    background-color: rgba(0,0,0,0);
    width: 62px;
    flex-shrink: 0;
    color: var(--gray);
    transition: color .3s ease;
    z-index: 1
}
.quick-cart__btn svg {
    width: 20px;
    height: 20px
}
.quick-cart__result {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid var(--alto);
    overflow: hidden;
    text-align: start;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility .3s ease,transform .3s ease;
    transition: opacity .3s ease,visibility .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.quick-cart__result-body {
    overflow-y: auto;
    max-height: 250px
}
.quick-cart__result-item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    gap: 15px;
    font-size: 16px;
    transition: color .3s ease,background-color .3s ease
}
.quick-cart__result-item:not(:last-child) {
    border-bottom: 1px solid var(--alto)
}
.quick-cart__result-item .name {
    font-weight: 500;
    flex: 1
}
.quick-cart__result-item .price {
    font-weight: 600
}
.modal {
    border-radius: 20px;
    display: none;
    width: 500px;
    max-width: calc(100% - 20px);
    padding: 40px
}
.modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: color .3s ease
}
.modal__close svg {
    width: 100%;
    height: 100%
}
.modal__body {
    width: 100%
}
.modal__title {
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    margin: 0 0 20px 0
}
.modal__content {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin: 0 0 40px 0
}
.modal__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%
}
.modal__form-policy {
    text-align: center;
    margin: 0;
    font-size: 16px;
    line-height: 125%;
    color: var(--silver)
}
.modal__form-policy a {
    text-decoration: underline;
    transition: color .3s ease
}
.modal__form-send {
    width: 100%
}
.modal-delete .modal__content {
    font-weight: 400
}
.modal-delete__nav {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px
}
.modal-delete__btn {
    width: 100%
}
.drop-catalog {
    position: fixed;
    max-width: calc(100% - 60px);
    width: 1500px;
    top: 145px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 840px;
    max-height: calc(100vh - 290px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease,visibility .4s ease;
    z-index: 50
}
.drop-catalog._open {
    opacity: 1;
    visibility: visible
}
.drop-catalog__inside {
    display: flex;
    align-items: start;
    overflow: hidden;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.08);
    background-color: #fff;
    border-radius: 20px;
    height: 100%;
    width: 100%
}
.drop-catalog__menu {
    height: 100%;
    width: 455px;
    overflow-y: auto;
    background-color: var(--wild)
}
.drop-catalog__menu::-webkit-scrollbar {
    width: 0;
    height: 9px
}
.drop-catalog__menu-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: var(--wild);
    padding: 16px 35px;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    transition: background-color .3s ease
}
.drop-catalog__menu-item._active {
    background-color: #fff
}
.drop-catalog__menu-item._active::after,
.drop-catalog__menu-item._active::before {
    opacity: 1
}
.drop-catalog__menu-item:first-child::before {
    display: none
}
.drop-catalog__menu-item:last-child::after {
    display: none
}
.drop-catalog__menu-item::after,
.drop-catalog__menu-item::before {
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    right: 0;
    opacity: 0;
    z-index: 10;
    transition: opacity .3s ease
}
.drop-catalog__menu-item::before {
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background: url(/local/templates/krepco/img/corner-top.svg) 0 0/100% no-repeat
}
.drop-catalog__menu-item::after {
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: url(/local/templates/krepco/img/corner-bottom.svg) 0 0/100% no-repeat
}
.drop-catalog__menu-item img,
.drop-catalog__menu-item svg {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    fill: currentColor
}
.drop-catalog__body {
    padding: 15px 5px 15px 0;
    height: 100%;
    flex: 1;
    background-color: #fff
}
.drop-catalog__body-container {
    height: 100%;
    overflow-y: auto;
    padding-right: 40px
}
.drop-catalog__container {
    padding-left: 40px
}
.drop-catalog__wrapper {
    display: flex;
    align-items: start;
    gap: 70px;
    row-gap: 20px;
    padding-bottom: 40px;
    width: 100%;
    border-bottom: 2px solid var(--alto)
}
.drop-catalog__nav {
    display: flex;
    flex: 1;
    gap: 70px;
    row-gap: 20px
}
.drop-catalog__nav-item {
    flex: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}
.drop-catalog__item a {
    font-size: 16px;
    line-height: 120%;
    transition: color .3s ease
}
.drop-catalog__reklam {
    position: sticky;
    top: 0;
    display: flex;
    align-items: flex-end;
    width: 260px;
    border-radius: 10px;
    padding: 20px 10px;
    min-height: 145px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}
.drop-catalog__reklam-tag {
    padding: 4px 5px;
    border-radius: 5px;
    background: #e4fdec;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    color: #10c44d;
    margin-bottom: 7px
}
.drop-catalog__reklam-title {
    font-weight: 900;
    font-size: 14px;
    line-height: 120%
}
.drop-catalog__banner {
    position: relative;
    width: 260px;
    padding: 20px;
    border-radius: 10px;
    background-color: var(--wild);
    z-index: 1
}
.drop-catalog__banner-title {
    margin-bottom: 14px
}
.drop-catalog__banner-content {
    font-size: 16px;
    margin: 0 0 20px 0
}
.drop-catalog__banner-social {
    display: flex;
    gap: 12px
}
.drop-catalog__banner-social-btn {
    display: block;
    width: 30px;
    height: 30px;
    color: var(--primary);
    transition: color .3s ease
}
.drop-catalog__banner-social-btn svg {
    width: 100%;
    height: 100%
}
.drop-catalog__banner-contacts {
    font-size: 16px;
    color: var(--primary);
    margin: 15px 0 30px 0
}
.drop-catalog__banner-contacts a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    font-size: 18px;
    color: var(--dark);
    transition: color .3s ease
}
.drop-catalog__banner-img {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    z-index: -1
}
.drop-catalog__tags {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 40px
}
.drop-catalog__tags-item {
    padding: 10px 0
}
.drop-catalog__tags-item-title {
    font-weight: 900;
    font-size: 16px;
    margin: 0 0 20px 0
}
.drop-catalog__tags-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}
.drop-catalog__tags-list a {
    display: block;
    font-size: 16px;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: var(--wild);
    transition: background-color .3s ease,color .3s ease
}
[data-drop-menu] {
    display: none;
    opacity: 0;
    transition: opacity .3s ease
}
[data-drop-menu]._active {
    display: block
}
.burger-overlay {
    position: fixed;
    background: rgba(0,0,0,.6);
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease,visibility .3s ease;
    z-index: 100
}
.burger-overlay._active {
    opacity: 1;
    visibility: visible
}
[data-burger-menu] {
    display: none;
    opacity: 0;
    transition: opacity .3s ease
}
[data-burger-menu]._active {
    display: block
}
.burger {
    position: fixed;
    overflow-y: auto;
    left: 0;
    top: 0;
    right: 0;
    max-height: calc(100vh - 30px);
    border-radius: 0 0 20px 20px;
    background-color: var(--alabaster);
    z-index: 150;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease;
    transition: opacity .4s ease,visibility .4s ease,transform .4s ease;
    transition: opacity .4s ease,visibility .4s ease,transform .4s ease,-webkit-transform .4s ease
}
.burger._open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.burger__window {
    transition: opacity .4s ease
}
.burger__container {
    padding: 20px
}
.burger__head {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 20px
}
.burger__head-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 120%
}
.burger__dropdown .dropdown-body {
    min-width: 130px
}
.burger__dropdown .dropdown-inside {
    width: 100%
}
.burger__dropdown-btn {
    display: flex;
    align-items: center
}
.burger__dropdown-btn._active .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.burger__dropdown-btn .icon {
    width: 20px;
    height: 20px;
    color: var(--primary);
    margin-right: 8px
}
.burger__dropdown-btn .arrow {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.burger__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    transition: color .3s ease
}
.burger__close svg {
    width: 10px;
    height: 10px
}
.burger__list {
    margin-bottom: 25px
}
.burger__list li {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid var(--alto);
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    transition: color .3s ease
}
.burger__list li svg:first-child {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    fill: currentColor
}
.burger__list li .arrow {
    width: 10px;
    height: 10px;
    margin-left: auto
}
.burger__primary-btn {
    padding: 10px 0;
    display: block;
    width: 100%;
    border-top: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    transition: color .3s ease
}
.burger__menu {
    margin-top: 25px
}
.burger__menu-item:not(:last-child) {
    margin-bottom: 25px
}
.burger__menu-title {
    font-weight: 900;
    font-size: 15px;
    line-height: 120%;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--alto)
}
.burger__menu-list .button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--alto);
    font-weight: 600;
    font-size: 15px;
    line-height: 120%
}
.burger__menu-list .button._spoller-active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.burger__menu-list .button svg {
    width: 10px;
    height: 10px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.burger__menu-list .list a {
    padding-left: 15px
}
.burger__address {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 10px 0;
    font-size: 15px;
    line-height: 93%
}
.burger__address svg {
    width: 17px;
    height: 25px;
    color: var(--primary);
    flex-shrink: 0
}
.burger__mail {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 15px;
    line-height: 133%;
    margin-bottom: 10px;
    transition: color .3s ease
}
.burger__tel {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 900;
    font-size: 16px;
    line-height: 125%
}
.burger__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 25px
}
.burger__social {
    display: flex;
    display: flex;
    gap: 12px
}
.burger__social-btn {
    width: 30px;
    height: 30px;
    display: block;
    transition: color .3s ease
}
.burger__social-btn svg {
    width: 100%;
    height: 100%
}
.burger__connect-btn {
    padding: 8px 25px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 108%
}
.burger__back {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 120%;
    transition: color .3s ease
}
.burger__back svg {
    width: 10px;
    height: 10px
}
.share {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}
.share._open .share-body {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.share-btn {
    cursor: pointer
}
.share-body {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: calc(50% - 105px);
    width: 210px;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
    background-color: #fff;
    margin-top: 12px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: visibility .4s ease,opacity .4s ease,-webkit-transform .4s ease;
    transition: transform .4s ease,visibility .4s ease,opacity .4s ease;
    transition: transform .4s ease,visibility .4s ease,opacity .4s ease,-webkit-transform .4s ease
}
.share-item {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 4px 10px;
    font-size: 16px;
    transition: background-color .3s ease
}
.share-item svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0
}
body>header {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding-bottom: 20px;
    box-shadow: 0 4px 10px 0 rgba(128,128,128,.1);
    z-index: 50;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}
body>header._scroll {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 0;
    gap: 30px
}
.header__list {
    display: flex;
    gap: 25px
}
.header__list>li>a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    line-height: 87%;
    padding: 8px 0;
    transition: color .3s ease
}
.header__list>li>a svg {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.header__list .dropdown-body {
    right: auto;
    left: 0
}
.header__list .dropdown-inside {
    min-width: 235px
}
.header__top-contacts {
    display: flex;
    align-items: center;
    gap: 40px
}
.header__top-dropdown._cities .dropdown-body {
    min-width: 130px
}
.header__top-dropdown._cities .dropdown-inside {
    width: 100%
}
.header__mob-dropdown {
    margin: 0 auto
}
.header__mob-dropdown._open .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.header__mob-dropdown .dropdown-body {
    min-width: 130px
}
.header__mob-dropdown .dropdown-inside {
    width: 100%
}
.header__mob-dropdown-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    line-height: 87%
}
.header__mob-dropdown-btn .icon {
    width: 20px;
    height: 23px;
    color: var(--primary)
}
.header__mob-dropdown-btn .arrow {
    width: 10px;
    height: 10px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.header__top-contacts-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 87%;
    transition: color .3s ease
}
.header__top-contacts-btn._active {
    color: var(--primary)
}
.header__top-contacts-btn._active .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.header__top-contacts-btn .icon {
    margin-right: 7px;
    width: 17px;
    height: 22px;
    color: var(--primary);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.header__top-contacts-btn .arrow {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.header__dropdown-addresses {
    min-width: 215px
}
.header__dropdown-item {
    font-size: 16px;
    line-height: 187%
}
.header__dropdown-item .title {
    font-weight: 600;
    color: var(--primary)
}
.header__dropdown-item .value {
    font-weight: 400
}
.header__wrapper {
    display: flex;
    align-items: center;
    gap: 40px
}
.header__burger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--primary);
    width: 48px;
    height: 48px;
    border-radius: 10px;
    color: #fff;
    transition: background-color .3s ease
}
.header__burger-btn svg {
    width: 20px;
    height: 20px
}
.header__logo {
    display: block;
    flex-shrink: 0;
    width: 245px
}
.header__logo img,
.header__logo picture {
    display: block;
    width: 100%
}
.header__catalog-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: var(--primary);
    flex-shrink: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 175%;
    color: #fff;
    transition: background-color .3s ease
}
.header__catalog-btn._active .lines div:nth-last-child(-n+2) {
    width: 10px
}
.header__catalog-btn svg {
    width: 20px;
    height: 20px
}
.header__catalog-btn .lines {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 20px
}
.header__catalog-btn .lines div {
    width: 100%;
    height: 3px;
    background-color: #fff;
    transition: width .3s ease
}
.header__search-wrapper {
    flex: 1
}
.header__tel {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 800;
    font-size: 16px;
    line-height: 150%;
    transition: color .3s ease
}
.header__tel-btn {
    position: relative;
    font-size: 14px;
    line-height: 100%;
    color: var(--primary);
    z-index: 1
}
.header__tel-btn::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 1px;
    height: 1px;
    opacity: 0;
    background-color: currentColor;
    transition: opacity .3s ease
}
.header__tel-mob {
    display: block;
    width: 25px;
    height: 25px;
    transition: color .3s ease
}
.header__tel-mob svg {
    width: 100%;
    height: 100%
}
.header__cart {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 600;
    font-size: 16px;
    transition: color .3s ease
}
.header__cart .gallery {
    position: relative;
    width: 30px;
    height: 30px
}
.header__cart .gallery .num {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -6px;
    right: -8px;
    width: 22px;
    height: 22px;
    background-color: var(--primary);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    line-height: 183%;
    font-weight: 300;
    z-index: 10
}
.header__cart .gallery svg {
    width: 100%;
    height: 100%
}
.header-search {
    position: relative;
    z-index: 10;
    padding-bottom: 10px;
    box-shadow: 0 4px 10px 0 rgba(128,128,128,.1)
}
.section-hero {
    margin: 40px 0
}
.section-hero__slide {
    position: relative;
    display: flex!important;
    align-items: center;
    padding: 24px 100px;
    box-sizing: border-box;
    border-radius: 20px;
    min-height: 380px;
    overflow: hidden;
    color: #fff;
    z-index: 1
}
.section-hero__slide._dark-color {
    color: var(--dark)
}
.section-hero__slide-picture {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: -1
}
.section-hero__slide-picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-position: bottom right;
    object-position: bottom right;
    -o-object-fit: cover;
    object-fit: cover
}
.section-hero__slide-title {
    max-width: 770px;
    font-weight: 600;
    font-size: 50px;
    margin: 0 0 20px 0
}
.section-hero__slide-content {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    margin-top: 20px
}
.section-hero__slide-content p {
    margin: 0
}
.section-hero__slide-content p:not(:last-child) {
    margin-bottom: 18px
}
.section-hero__slider-pagination {
    position: absolute;
    left: 100px!important;
    bottom: 55px!important;
    display: flex;
    gap: 10px;
    z-index: 10
}
.section-hero__slider-pagination .swiper-pagination-bullet {
    cursor: pointer;
    margin: 0!important;
    width: 11px;
    height: 11px;
    opacity: 1;
    background-color: rgba(0,0,0,0);
    border: 1px solid var(--primary);
    transition: background-color .3s ease,border-color .3s ease
}
.section-hero__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #ffa252;
    background-color: var(--primary)
}
.section-about {
    margin: 40px 0 64px 0
}
.section-about__title {
    margin-bottom: 30px
}
.section-about__subtitle {
    color: var(--primary);
    margin-bottom: 20px
}
.section-about__content {
    max-width: 1010px
}
.section-about__adv {
    display: flex;
    gap: 25px;
    margin-top: 45px
}
.section-about__adv-item {
    position: relative;
    flex: 1
}
.section-about__adv-item:not(:last-child) {
    padding-right: 25px
}
.section-about__adv-item:not(:last-child)::after {
    position: absolute;
    content: "";
    height: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    background-color: var(--primary);
    align-self: center
}
.section-about__adv-icon {
    display: block;
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}
.section-about__adv-title {
    margin: 30px 0 8px 0
}
.section-about__adv-content {
    font-size: 16px;
    margin: 0
}
.section-catalog__title-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 15px
}
.section-catalog__subtitle {
    font-size: 12px;
    color: var(--dusty);
    margin-bottom: 7px
}
.section-catalog__mob-btn {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 8px;
    border-radius: 8px;
    background-color: rgba(237,110,0,.2);
    font-weight: 600;
    font-size: 10px;
    line-height: 130%;
    color: var(--primary);
    transition: color .3s ease,background-color .3s ease
}
.section-catalog__mob-btn svg {
    width: 10px;
    height: 10px
}
.section-catalog__grid {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 25px
}
.section-switcher__tab-wrapper {
    position: relative
}
.section-switcher__slider-btn {
    cursor: pointer;
    display: block;
    width: 15px;
    height: 30px;
    flex-shrink: 0;
    color: var(--primary);
    transition: color .3s ease,opacity .3s ease
}
.section-switcher__slider-btn._prev {
    left: -15px
}
.section-switcher__slider-btn._next {
    right: -15px
}
.section-switcher__slider-btn.swiper-button-disabled {
    color: var(--dark);
    pointer-events: none
}
.section-switcher__slider-btn svg {
    width: 100%;
    height: 100%
}
.section-switcher__slider {
    margin: 0 20px
}
.section-switcher__slide {
    box-sizing: border-box;
    height: auto!important
}
.section-switcher__slide .card-product {
    height: 100%
}
.section-fasteners {
    overflow: hidden
}
.section-fasteners__slider {
    overflow: visible!important
}
.section-fasteners__slider-wrapper {
    overflow: visible!important
}
.section-fasteners__slider-wrapper .swiper-slide {
    box-sizing: border-box
}
.section-popular__nav {
    background-color: #fff;
    border-radius: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    padding: 10px;
    display: flex;
    overflow-x: auto;
    gap: 10px;
    margin-bottom: 30px
}
.section-popular__nav-btn {
    cursor: pointer;
    padding: 14px 20px;
    border-radius: 10px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    transition: color .3s ease,background-color .3s ease
}
.section-popular__nav-btn._active {
    background-color: var(--wild);
    color: var(--primary);
    pointer-events: none
}
.section-popular__grid {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 20px
}
.section-production__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,200px);
    gap: 20px
}
.section-production__item {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--wild);
    border-radius: 20px;
    padding: 20px;
    transition: background-color .3s ease;
    z-index: 1
}
.section-production__picture {
    position: absolute;
    inset: 0;
    z-index: -1
}
.section-production__picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom left;
    object-position: bottom left
}
.section-production__item-title {
    font-weight: 600;
    margin-bottom: 24px
}
.section-production__item-subtitle {
    font-size: 16px;
    line-height: 120%
}
.section-production__item-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: auto 0 0 auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%
}
.section-production__item-btn span {
    opacity: 0;
    transition: opacity .3s ease
}
.section-production__item-btn .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--alto);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    transition: color .3s ease,background-color .3s ease,-webkit-transform .3s ease;
    transition: color .3s ease,background-color .3s ease,transform .3s ease;
    transition: color .3s ease,background-color .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.section-production__item-btn .circle svg {
    width: 10px;
    height: 10px
}
.section-delivery {
    overflow: hidden
}
.section-delivery__wrapper {
    position: relative;
    z-index: 1
}
.section-delivery__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 610px
}
.section-delivery__list li {
    display: flex;
    align-items: start;
    gap: 20px;
    font-size: 18px
}
.section-delivery__list li svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: var(--primary)
}
.section-delivery__car {
    display: block;
    width: 520px;
    margin: 55px 0 50px 0
}
.section-delivery__map {
    position: absolute;
    right: -35px;
    top: -15px;
    z-index: -1;
    width: 970px;
    height: 520px
}
.section-delivery__adv-slider {
    overflow: visible!important
}
.section-delivery__adv-item {
    display: flex;
    align-items: start;
    height: auto!important;
    gap: 15px;
    box-sizing: border-box;
    padding: 15px 20px;
    border-radius: 15px;
    background-color: var(--wild);
    font-size: 16px
}
.section-delivery__adv-item .icon {
    display: block;
    width: 24px;
    flex-shrink: 0
}
.section-delivery__adv-item p {
    margin: 0
}
.section-delivery__adv-item strong {
    display: block;
    font-weight: 800
}
.section-partners {
    overflow: hidden
}
.section-partners__wrapper {
    display: flex;
    align-items: center;
    gap: 20px
}
.section-partners__slider {
    flex: 1
}
.section-partners__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: var(--wild);
    aspect-ratio: 1/1
}
.section-partners__slide img {
    display: block;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    opacity: .8;
    transition: opacity .3s ease,-webkit-filter .3s ease;
    transition: filter .3s ease,opacity .3s ease;
    transition: filter .3s ease,opacity .3s ease,-webkit-filter .3s ease
}
.section-certificates {
    overflow: hidden
}
.section-certificates__slider-wrapper {
    display: flex;
    align-items: center;
    gap: 20px
}
.section-certificates__slide {
    display: block;
    overflow: hidden;
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    aspect-ratio: 1/1.41;
    border-radius: 20px;
    transition: -webkit-filter .3s ease;
    transition: filter .3s ease;
    transition: filter .3s ease,-webkit-filter .3s ease
}
.section-certificates__slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.section-reviews {
    overflow: hidden
}
.section-reviews__nav {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    margin: 0 -30px 40px -30px;
    padding: 0 30px
}
.section-reviews__nav-btn {
    cursor: pointer;
    padding: 14px 20px;
    border-radius: 10px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #333;
    transition: color .3s ease,background-color .3s ease
}
.section-reviews__nav-btn._active {
    pointer-events: none;
    background-color: var(--wild);
    color: var(--primary)
}
.section-reviews__slide {
    box-sizing: border-box;
    padding-bottom: 30px
}
.section-reviews__slide-body {
    position: relative;
    padding: 20px;
    border-radius: 16px;
    z-index: 1;
    transition: background-color .3s ease
}
.section-reviews__slide-body::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 25px;
    background: url(/local/templates/krepco/img/indicator.svg) 0 0/100% auto no-repeat;
    left: 30px;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    transition: opacity .3s ease
}
.section-reviews__slide-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px
}
.section-reviews__stars {
    display: flex;
    gap: 4px
}
.section-reviews__stars .star {
    width: 20px;
    height: 20px;
    color: #fdd264;
    opacity: .2
}
.section-reviews__stars .star._active {
    opacity: 1
}
.section-reviews__slide-content {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -.01em;
    margin: 0
}
.section-reviews__slide-author {
    display: flex;
    align-items: start;
    gap: 20px;
    margin-top: 35px
}
.section-reviews__author-avatar {
    display: block;
    width: 70px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}
.section-reviews__author-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 5px
}
.section-reviews__author-title {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -.01em;
    margin: 0
}
.section-reviews__author-title::after {
    content: "";
    border-radius: 50%;
    flex-shrink: 0;
    width: 3px;
    height: 3px;
    background-color: var(--alto)
}
.section-reviews__author-date {
    font-weight: 500;
    font-size: 10px;
    line-height: 150%
}
.section-reviews__author-content {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -.01em
}
.section-reviews__slide-gallery {
    display: block;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 1/.83;
    outline: 0;
    transition: opacity .3s ease
}
.section-reviews__slide-gallery img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}
.section-useful {
    overflow: hidden
}
.section-useful__slider {
    padding: 10px 0
}
.section-useful__slide {
    box-sizing: border-box;
    height: auto!important
}
.section-useful__slide .card-article {
    height: 100%
}
.section-key__wrapper {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-key__content {
    flex: 1
}
.section-key__spollers {
    display: flex;
    flex-direction: column;
    gap: 30px
}
.section-key__spoller-btn {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    gap: 10px;
    transition: color .3s ease
}
.section-key__spoller-btn._spoller-active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.section-key__spoller-btn svg {
    width: 10px;
    height: 10px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-key__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 20px
}
.section-key__tags a {
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: var(--wild);
    font-size: 16px;
    transition: color .3s ease,background-color .3s ease
}
.section-key__sidebar {
    position: sticky;
    top: 20px;
    width: 355px;
    flex-shrink: 0;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--wild)
}
.section-key__sidebar-body {
    position: relative;
    padding: 44px 35px;
    z-index: 1
}
.section-key__sidebar-bg {
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0;
    right: 0;
    z-index: -1
}
.section-key__sidebar-bg img {
    display: block;
    width: 100%
}
.section-key__sidebar-title {
    margin-bottom: 20px
}
.section-key__sidebar-img {
    display: block;
    width: 100%;
    margin-top: 130px
}
.section-key__sidebar-btn {
    margin-top: 45px
}
.section-key__content-wrapper {
    margin-top: 50px
}
.section-key__recommendations {
    margin-bottom: 80px
}
.section-key__recommendations-item:not(:last-child) {
    margin-bottom: 40px
}
.section-key__recommendations-title {
    font-weight: 900;
    font-size: 26px;
    line-height: 120%;
    margin: 0 0 40px 0
}
.section-key__recommendations-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}
.section-key__recommendations-list a,
.section-key__recommendations-list div {
    cursor: pointer;
    display: block;
    font-size: 16px;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: var(--wild);
    transition: color .3s ease,background-color .3s ease
}
.section-key__recommendations-list [data-more-item]:nth-child(-n+10) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: block;
    opacity: 1
}
.section-faq__top {
    overflow: hidden
}
.section-faq__nav {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 0 30px;
    margin: 0 -30px
}
.section-faq__nav-btn {
    cursor: pointer;
    padding: 14px 20px;
    border-radius: 10px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    transition: color .3s ease,background-color .3s ease
}
.section-faq__nav-btn._active {
    pointer-events: none;
    color: var(--primary);
    background-color: var(--wild)
}
.section-faq__wrapper {
    display: flex;
    align-items: start;
    gap: 25px;
    margin-top: 25px
}
.section-faq__sidebar {
    position: sticky;
    top: 20px;
    width: 355px;
    max-width: 100%;
    flex-shrink: 0
}
.section-faq__sidebar-body {
    position: relative;
    overflow: hidden;
    background-color: var(--wild);
    width: 100%;
    padding: 20px 35px 40px 35px;
    border-radius: 16px;
    z-index: 1
}
.section-faq__sidebar-title {
    font-weight: 900;
    font-size: 25px;
    margin: 0 0 20px 0
}
.section-faq__sidebar-content {
    font-size: 16px;
    margin: 0 0 30px 0
}
.section-faq__social {
    display: flex;
    gap: 12px
}
.section-faq__social-btn {
    display: block;
    width: 30px;
    height: 30px;
    color: var(--primary);
    transition: color .3s ease
}
.section-faq__social-btn svg {
    width: 100%;
    height: 100%
}
.section-faq__tel {
    margin-top: 15px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 800;
    font-size: 20px;
    transition: color .3s ease
}
.section-faq__time {
    color: var(--primary);
    font-size: 16px;
    margin: 0 0 25px 0
}
.section-faq__sidebar-tag {
    position: absolute;
    padding: 5px 10px;
    background-color: #fff;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    bottom: 14px;
    right: 10px;
    border-radius: 100px;
    font-weight: 800;
    font-size: 12px;
    color: var(--primary);
    z-index: 10
}
.section-faq__sidebar-decor {
    position: absolute;
    display: block;
    z-index: -1;
    right: 0;
    bottom: 0
}
.section-faq__sidebar-decor img {
    display: block;
    width: 100%
}
.section-faq__spollers {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1
}
.section-faq__spoller {
    border: 1px solid var(--primary);
    border-radius: 16px
}
.section-faq__spoller-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    padding: 20px 40px;
    transition: color .3s ease
}
.section-faq__spoller-btn._spoller-active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.section-faq__spoller-btn svg {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-faq__spoller-body {
    padding: 10px 40px 20px 40px
}
.section-connect__head {
    margin-bottom: 20px
}
.section-connect__head-content {
    font-size: 18px;
    margin: 0 0 40px 0
}
.section-connect__body {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 40px;
    color: #fff;
    border-radius: 16px;
    background-color: var(--primary)
}
.section-connect__main {
    display: flex;
    flex-direction: column;
    flex: 0 1 650px
}
.section-connect__main-title {
    margin-bottom: 50px
}
.section-connect__content {
    margin: 0 0 30px 0
}
.section-connect__guarantee {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    font-size: 16px;
    line-height: 120%
}
.section-connect__guarantee svg {
    flex-shrink: 0;
    width: 40px;
    height: 40px
}
.section-connect__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 500px;
    flex-shrink: 0
}
.section-connect__form .input-control {
    display: flex;
    gap: 20px
}
.section-connect__form .input-control .btn,
.section-connect__form .input-control .btn-file,
.section-connect__form .input-control .input {
    flex: 1
}
.section-connect__form-policy {
    font-weight: 600;
    font-size: 16px;
    margin: 0
}
.section-connect__form-policy a {
    text-decoration: underline;
    text-underline-offset: 3px
}
.section-banner__slide {
    position: relative;
    display: flex!important;
    align-items: center;
    box-sizing: border-box;
    border-radius: 15px;
    min-height: 230px;
    padding: 30px;
    overflow: hidden;
    z-index: 1
}
.section-banner__slide-bg {
    position: absolute;
    display: block;
    inset: 0;
    z-index: -1
}
.section-banner__slide-bg img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.section-banner__slide-body {
    max-width: 620px
}
.section-banner__slide-title {
    font-weight: 900;
    font-size: 50px;
    margin: 0 0 10px 0
}
.section-banner__slide-content {
    margin: 0;
    font-size: 31px
}
.section-banner__slider-pagination {
    position: absolute;
    right: 40px;
    bottom: 30px!important;
    left: auto!important;
    z-index: 10
}
.section-shop__head {
    display: flex;
    align-items: start;
    gap: 35px
}
.section-shop__info-search {
    width: 295px;
    flex-shrink: 0;
    font-size: 16px;
    color: var(--dusty)
}
.section-shop__head-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    row-gap: 20px
}
.section-shop__head-list li {
    cursor: pointer;
    display: block;
    font-size: 16px;
    border-bottom: 1px dashed var(--dusty);
    transition: color .3s ease,border-color .3s ease
}
.section-shop__head-list li._active {
    border-color: transparent;
    color: var(--primary)
}
.section-shop__wrapper {
    display: flex;
    align-items: start;
    gap: 35px;
    margin-top: 40px
}
.section-shop__sidebar {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 295px;
    flex-shrink: 0
}
.section-shop__block {
    width: 100%
}
.section-shop__filters-overlay {
    position: fixed;
    inset: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 90;
    transition: opacity .4s ease,visibility .4s ease
}
.section-shop__filters-overlay._active {
    opacity: .5;
    visibility: visible
}
.section-shop__block-body {
    position: relative;
    padding: 20px;
    border: 1px solid var(--alto);
    border-radius: 15px
}
.section-shop__filters-close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    transition: color .3s ease
}
.section-shop__filters-close svg {
    width: 100%;
    height: 100%
}
.section-shop__block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}
.section-shop__block-head svg {
    width: 24px;
    height: 24px;
    color: var(--primary);
    flex-shrink: 0
}
.section-shop__block-title {
    font-weight: 900;
    font-size: 20px;
    margin: 0
}
.section-shop__filters-spollers {
    display: flex;
    flex-direction: column
}
.section-shop__filters-item {
    padding: 10px;
    border-bottom: 1px solid var(--alto)
}
.section-shop__filters-spoller-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    padding: 15px 0;
    background-color: rgba(0,0,0,0);
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    border-radius: 0;
    transition: color .3s ease
}
.section-shop__filters-spoller-btn._selected {
    color: var(--primary)
}
.section-shop__filters-spoller-btn._spoller-active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.section-shop__filters-spoller-btn svg {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-shop__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 6px 0;
    border: 1px solid var(--alto);
    border-radius: 10px
}
.section-shop__price-input {
    font-size: 14px;
    text-align: center;
    display: block;
    border: none;
    outline: 0;
    background-color: rgba(0,0,0,0);
    width: 50%;
    padding: 10px
}
.section-shop__price-input:first-child {
    text-align: start
}
.section-shop__price-input:nth-child(2) {
    text-align: end
}
.section-shop__price-input::-webkit-inner-spin-button,
.section-shop__price-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.section-shop__price-range {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 2px;
    background: rgba(0,0,0,0);
    border-radius: 0;
    border: none;
    box-shadow: none;
    z-index: 1
}
.section-shop__price-range .noUi-connect {
    background-color: var(--primary)
}
.section-shop__price-range .noUi-handle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--primary);
    box-shadow: none;
    border: none;
    top: -5px;
    right: -6px
}
.section-shop__price-range .noUi-handle::after,
.section-shop__price-range .noUi-handle::before {
    display: none
}
.section-shop__input-avialable {
    display: none
}
.section-shop__input-avialable:checked+label .section-shop__avialable-switch {
    background-color: var(--primary)
}
.section-shop__input-avialable:checked+label .section-shop__avialable-switch::before {
    right: 2px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.section-shop__avialable-switch {
    position: relative;
    display: flex;
    align-items: center;
    width: 36px;
    height: 20px;
    border-radius: 20px;
    background-color: var(--alto);
    transition: background-color .3s ease
}
.section-shop__avialable-switch::before {
    position: absolute;
    content: "";
    display: block;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(16,24,40,.1);
    width: 16px;
    height: 16px;
    right: calc(100% - 2px);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1;
    transition: right .3s ease,-webkit-transform .3s ease;
    transition: right .3s ease,transform .3s ease;
    transition: right .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.section-shop__variants {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    overflow-y: auto;
    max-height: 170px
}
.section-shop__variants._column {
    flex-direction: column;
    gap: 10px
}
.section-shop__variant-input {
    display: none
}
.section-shop__variant-input:checked+label::before {
    background: url(/local/templates/krepco/img/check-white.svg) center/12px auto no-repeat;
    background-color: var(--primary);
    border-color: var(--primary)
}
.section-shop__variant-btn {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    font-size: 12px;
    transition: background-color .3s ease,border-color .3s ease,color .3s ease
}
.section-shop__variant-btn._row {
    flex-direction: row;
    gap: 12px
}
.section-shop__variant-btn::before {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--alto);
    border-radius: 2px
}
.section-shop__filters-nav {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}
.section-shop__filters-nav-btn {
    width: 100%
}
.section-shop__delivery {
    display: flex;
    align-items: start;
    gap: 15px;
    padding: 18px;
    border-radius: 15px;
    background: rgba(235,110,3,.1);
    border: 1px solid var(--primary)
}
.section-shop__delivery-icon {
    width: 24px;
    height: 24px;
    color: var(--primary);
    flex-shrink: 0
}
.section-shop__delivery-body {
    flex: 1
}
.section-shop__delivery-content {
    font-size: 16px;
    margin: 0
}
.section-shop__delivery-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}
.section-shop__delivery-bottom svg {
    width: 60px;
    height: 60px;
    color: var(--primary)
}
.section-shop__delivery-bottom-content {
    font-size: 16px;
    display: block;
    color: var(--dusty);
    margin-top: 2px
}
.section-shop__delivery-btn {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 4px;
    font-size: 16px;
    text-decoration: underline;
    color: var(--primary);
    text-underline-offset: 2px
}
.section-shop__sections {
    display: flex;
    flex-direction: column;
    gap: 5px
}
.section-shop__sections a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    padding: 5px 0;
    transition: color .3s ease
}
.section-shop__sections a._active {
    color: var(--primary)
}
.section-shop__main {
    flex: 1
}
.section-shop__main-list-wrapper {
    margin-bottom: 40px
}
.section-shop__main-list-title {
    font-weight: 900;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 20px 0
}
.section-shop__main-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}
.section-shop__filters-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 19px 15px;
    outline: 0;
    background: hsla(0,0%,100%,.1);
    border-radius: 15px;
    border: 1px solid var(--primary);
    color: var(--dark);
    margin: 0 auto 20px auto;
    width: 100%;
    max-width: 500px;
    font-weight: 900;
    font-size: 18px
}
.section-shop__filters-btn svg {
    width: 24px;
    height: 24px;
    color: var(--primary)
}
.section-shop__main-head {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
    width: 100%
}
.section-shop__sort-item {
    display: flex;
    align-items: center;
    gap: 10px
}
.section-shop__sort-item .select .select-input {
    font-size: 14px;
    padding: 13px
}
.section-shop__sort-item .select .arrow {
    right: 13px
}
.section-shop__orderby-select {
    width: 130px
}
.section-shop__orderby-select .icon {
    width: 23px;
    height: 23px;
    color: var(--dusty)
}
.section-shop__sort-content {
    font-size: 14px;
    color: var(--dusty)
}
.section-shop__number-select {
    width: 82px
}
.section-shop__number-select .select-btn::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background-color: var(--alto);
    right: 35px
}
.section-shop__view-nav {
    display: flex;
    gap: 15px;
    border-radius: 10px;
    padding: 8px 15px;
    background-color: var(--wild);
    margin-left: auto
}
.section-shop__view-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 3px;
    color: var(--primary);
    transition: color .3s ease,background-color .3s ease
}
.section-shop__view-btn._active {
    color: #fff;
    background-color: var(--primary)
}
.section-shop__view-btn svg {
    width: 20px;
    height: 20px
}
.section-shop__grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    row-gap: 40px
}
.section-shop__grid-big {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
    row-gap: 40px
}
.section-shop__navigation {
    margin-top: 35px
}
.section-shop__btn-more {
    margin: 0 auto 20px auto
}
.section-shop__grid-lines {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}
.section-shop__product {
    margin-bottom: 40px
}
.section-shop__product-head {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 25px
}
.section-shop__product-count {
    font-size: 16px;
    color: var(--dusty);
    margin-bottom: 7px
}
.section-shop__product-wrapper {
    display: flex;
    align-items: start;
    gap: 35px
}
.section-shop__product-img {
    position: sticky;
    top: 20px;
    flex-shrink: 0;
    display: block;
    border-radius: 20px;
    width: 400px;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover
}
.section-shop__product-info {
    flex: 0 1 730px
}
.section-shop__product-content {
    font-size: 18px
}
.section-shop__product-content p {
    margin: 0
}
.section-shop__product-content p:not(:last-child) {
    margin-bottom: 10px
}
.section-shop__product-content strong {
    font-weight: 900
}
.section-shop__product-application {
    margin-top: 20px
}
.section-shop__application-title {
    font-size: 20px;
    font-weight: 900;
    margin: 0 0 20px 0
}
.section-shop__application-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}
.section-shop__application-gallery img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}
.section-shop__grid-full-lines {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}
.section-recommendation {
    overflow: hidden
}
.section-recommendation__slide {
    box-sizing: border-box
}
.section-search__title {
    margin-bottom: 50px;
    font-weight: 700
}
.section-search__title span {
    color: var(--primary)
}
.section-search__info-search {
    font-size: 16px;
    margin-bottom: 20px
}
.section-search__info-search span {
    color: var(--primary)
}
.section-search__grid {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 20px;
    margin-bottom: 50px
}
.section-product__head {
    margin-bottom: 20px
}
.section-product__title {
    margin-bottom: 10px
}
.section-product__head-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}
.section-product__id {
    font-size: 16px;
    color: var(--dusty)
}
.section-product__id span {
    color: var(--dark)
}
.section-product__btn-share {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    line-height: 87%;
    transition: color .3s ease
}
.section-product__btn-share svg {
    width: 24px;
    height: 24px;
    color: var(--primary)
}
.section-product__body {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-product__gallery {
    display: flex;
    gap: 25px
}
.section-product__thumb-slider {
    width: 100px;
    flex-shrink: 0;
    height: 480px
}
.section-product__thumb-slide {
    cursor: pointer;
    overflow: hidden;
    display: block;
    border-radius: 15px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(235,110,3,0);
    transition: border-color .3s ease
}
.section-product__thumb-slide.swiper-slide-thumb-active {
    border-color: var(--primary)
}
.section-product__thumb-slide img {
    display: block;
    width: 100%;
    height: 100%
}
.section-product__slider {
    width: 480px
}
.section-product__slider .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10
}
.section-product__slider .slider-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}
.section-product__slider .slider-btn._prev {
    left: 10px
}
.section-product__slider .slider-btn._next {
    right: 10px
}
.section-product__slide {
    position: relative;
    aspect-ratio: 1/1;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    z-index: 1;
    outline: 0
}
.section-product__slide img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: -1;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-product__slide-zoom {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 15px;
    color: var(--dusty);
    transition: color .3s ease;
    z-index: 10
}
.section-product__slide-zoom svg {
    width: 100%;
    height: 100%
}
.section-product__info {
    flex: 1
}
.section-product__info-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px
}
.section-product__info-title {
    font-weight: 900;
    font-size: 24px;
    margin: 0
}
.section-product__info-link {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border-radius: 5px;
    background-color: rgba(245,245,245,.7);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    line-height: 87%;
    transition: background-color .3s ease
}
.section-product__info-link svg {
    width: 10px;
    height: 10px
}
.section-product__info-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 45px
}
.section-product__info-list li {
    font-size: 18px;
    color: var(--dusty)
}
.section-product__info-list li span {
    color: var(--dark)
}
.section-product__file-download {
    display: flex;
    align-items: center;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 45px;
    padding: 11px 20px;
    background-color: #fff;
    border-radius: 10px;
    font-size: 16px;
    color: var(--black);
    transition: background-color .3s ease
}
.section-product__file-download img {
    flex-shrink: 0
}
.section-product__sidebar {
    width: 355px;
    flex-shrink: 0;
    align-self: flex-end
}
.section-product__nav {
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);
    background: #fff
}
.section-product__price-item {
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--dusty)
}
.section-product__price-item:not(:last-child) {
    margin-bottom: 20px
}
.section-product__price-item._primary {
    color: var(--primary)
}
.section-product__price-title {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px
}
.section-product__price-value {
    font-weight: 900;
    font-size: 26px
}
.section-product__price-value span {
    color: var(--dusty)
}
.section-product__nav-bottom {
    margin-top: 30px;
    display: flex;
    gap: 20px
}
.section-product__nav-bottom .counter {
    flex: 1
}
.section-product__sidebar-content {
    font-size: 15px;
    color: var(--dusty);
    margin: 20px 0 0 0
}
.section-product__sidebar-content a {
    color: var(--primary)
}
.section-info__head {
    overflow-x: auto;
    margin: 0 -30px;
    padding: 0 30px
}
.section-info__nav {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 10px;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff
}
.section-info__nav-btn {
    display: block;
    padding: 14px 20px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    white-space: nowrap;
    transition: color .3s ease,background-color .3s ease
}
.section-info__table {
    margin-top: 30px
}
.section-info__table-head {
    display: flex;
    gap: 40px;
    margin-bottom: 20px
}
.section-info__table-head-cell {
    font-weight: 900;
    font-size: 16px
}
.section-info__table-head-cell:nth-child(1) {
    flex: 1
}
.section-info__table-head-cell:nth-child(2) {
    flex: 0 1 160px
}
.section-info__table-head-cell:nth-child(3) {
    flex: 0 1 150px
}
.section-info__table-head-cell:nth-child(4) {
    flex: 0 1 385px
}
.section-info__table-body {
    display: flex;
    flex-direction: column;
    gap: 10px
}
.section-info__table-product {
    display: flex;
    align-items: center;
    gap: 40px;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    font-size: 16px
}
.section-info__table-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    flex: 1;
    transition: color .3s ease
}
.section-info__table-product-id {
    flex: 0 1 165px
}
.section-info__table-product-unit {
    flex: 0 1 150px
}
.section-info__table-product-nav {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 0 1 370px
}
.section-info__table-product-nav .counter {
    width: 100px!important
}
.section-info__table-product-price {
    font-weight: 900
}
.section-info__table-product-nav-wrapper {
    display: flex;
    margin-left: auto;
    gap: 10px
}
.section-info__table-product-btn svg {
    width: 24px;
    height: 24px
}
.section-info__wrapper {
    display: flex;
    align-items: start;
    gap: 25px;
    margin-top: 50px
}
.section-info__content {
    display: flex;
    flex-direction: column;
    gap: 50px;
    flex: 1
}
.section-info__content-title {
    font-weight: 900;
    font-size: 26px;
    margin: 0 0 40px 0
}
.section-info__content-spec {
    max-width: 730px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
    row-gap: 15px
}
.section-info__content-spec li {
    font-size: 18px
}
.section-info__content-spec li span {
    color: var(--dusty)
}
.section-info__content-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}
.section-info__sizes-wrapper table {
    border: 1px solid var(--iron);
    margin: 0;
    padding: 0;
    display: block;
    font-size: 15px;
    width: 1120px
}
.section-info__sizes-wrapper thead {
    display: block;
    border-bottom: 1px solid var(--iron)
}
.section-info__sizes-wrapper tr {
    display: flex;
    transition: background-color .3s ease
}
.section-info__sizes-wrapper tr:not(:last-child) {
    border-bottom: 1px solid var(--iron)
}
.section-info__sizes-wrapper th {
    background-color: var(--athens)
}
.section-info__sizes-wrapper td,
.section-info__sizes-wrapper th {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    flex-shrink: 0;
    margin: 0;
    font-weight: 400;
    text-align: right;
    padding: 15px 10px;
    flex: 1;
    transition: background-color .3s ease
}
.section-info__sizes-wrapper td:first-child,
.section-info__sizes-wrapper th:first-child {
    flex: 0 1 130px;
    background-color: var(--athens)
}
.section-info__sizes-wrapper td:last-child,
.section-info__sizes-wrapper th:last-child {
    flex: 0 1 63px
}
.section-info__sizes-wrapper td:not(:last-child),
.section-info__sizes-wrapper th:not(:last-child) {
    border-right: 1px solid var(--iron)
}
.section-info__sizes-wrapper td.fill,
.section-info__sizes-wrapper th.fill {
    background-color: var(--athens)
}
.section-info__sizes-wrapper tbody {
    display: block
}
.section-info__sizes {
    display: block;
    width: 100%
}
.section-info__sizes img {
    display: block;
    width: 100%
}
.section-info__sidebar {
    position: sticky;
    top: 20px;
    width: 355px;
    flex-shrink: 0
}
.section-info__sidebar-products {
    display: flex;
    flex-direction: column;
    gap: 20px
}
.section-info__product {
    display: flex;
    align-items: center;
    gap: 12px
}
.section-info__product:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--alto)
}
.section-info__product-gallery {
    display: block;
    width: 100px;
    height: 100px;
    background-color: #fff;
    flex-shrink: 0
}
.section-info__product-gallery img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    border: 1px solid rgba(235,110,3,0);
    -o-object-fit: cover;
    object-fit: cover
}
.section-info__product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 12px;
    color: var(--dusty);
    transition: color .3s ease
}
.section-info__product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px
}
.section-info__product-bottom .counter {
    flex: none;
    width: 100px!important
}
.section-info__product-price {
    font-weight: 900;
    font-size: 16px
}
.section-cart__title {
    margin-bottom: 30px
}
.section-cart__warn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    padding: 20px 40px;
    background-color: #fff;
    gap: 25px;
    margin-bottom: 30px;
    width: 1090px;
    max-width: 100%;
    transition: background-color .3s ease
}
.section-cart__warn .tag {
    font-size: 12px;
    padding: 4px 8px
}
.section-cart__warn-content {
    font-size: 16px;
    margin: 0
}
.section-cart__warn-content span {
    color: var(--dusty)
}
.section-cart__wrapper {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-cart__main {
    flex: 1;
    overflow: hidden
}
.section-cart__head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px
}
.section-cart__head-main {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1
}
.section-cart__delete-all {
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0);
    outline: 0;
    padding: 0;
    border: none;
    gap: 10px;
    font-size: 16px;
    line-height: 87%;
    color: var(--dusty);
    transition: color .3s ease
}
.section-cart__delete-all svg {
    width: 16px;
    height: 16px
}
.section-cart__head-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 40px;
    width: 335px;
    flex-shrink: 0
}
.section-cart__head-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 87%;
    transition: color .3s ease
}
.section-cart__head-btn svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: var(--primary)
}
.section-cart__sidebar {
    position: sticky;
    top: 150px;
    width: 355px
}
.section-cart__sidebar-block {
    padding: 40px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);
    border-radius: 20px;
    width: 100%;
    background: #fff
}
.section-cart__sidebar-title {
    margin-bottom: 20px
}
.section-cart__sidebar-items {
    border-top: 1px dashed var(--alto)
}
.section-cart__item {
    padding: 20px 0;
    border-bottom: 1px dashed var(--alto)
}
.section-cart__info-order {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px
}
.section-cart__info-order span {
    display: flex;
    align-items: center;
    gap: 10px
}
.section-cart__info-order span:not(:last-child)::after {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    flex-shrink: 0;
    background-color: var(--alto);
    border-radius: 50%
}
.section-cart__sum-order {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 900;
    font-size: 24px
}
.section-cart__sum-order span {
    color: var(--primary)
}
.section-cart__sidebar-btn {
    width: 100%;
    margin-top: 30px
}
.section-cart__sidebar-content {
    margin-top: 30px;
    font-size: 15px;
    color: var(--dusty)
}
.section-cart__sidebar-content p {
    margin: 0
}
.section-cart__sidebar-content p:not(:last-child) {
    margin-bottom: 15px
}
.section-cart__sidebar-content a {
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .3s ease
}
.section-cart__info {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 80px;
    gap: 80px
}
.section-cart__info-block {
    padding: 40px;
    background-color: #fff;
    border-radius: 10px
}
.section-cart__form-person {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px
}
.section-cart__form-person .input-control:last-child {
    grid-column: 3 span
}
.section-cart__form-pickup {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px
}
.section-cart__download-scheme {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    margin-left: auto;
    font-size: 16px;
    transition: color .3s ease
}
.section-cart__download-scheme img {
    display: block;
    flex-shrink: 0;
    width: 20px
}
.section-cart__map {
    height: 440px;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 40px
}
.section-cart__bottom-btn {
    width: 100%
}
.section-cart__quick-cart-wrapper {
    margin-top: 80px
}
.section-message {
    position: relative;
    margin-bottom: 50px;
    z-index: 1
}
.section-message__decor {
    position: absolute;
    right: 0;
    top: -68px;
    z-index: -1
}
.section-message__decor img {
    display: block
}
.section-message__title {
    margin-bottom: 30px
}
.section-message__title span {
    color: var(--primary)
}
.section-message__content {
    font-size: 24px;
    line-height: 120%;
    max-width: 860px
}
.section-message__content strong {
    font-weight: 900
}
.section-message__content p {
    margin: 0
}
.section-message__content p:not(:last-child) {
    margin-bottom: 20px
}
.section-message__content a {
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .3s ease
}
.section-message__btn {
    margin-top: 30px
}
.section-company {
    margin-bottom: 0!important
}
.section-company__title {
    margin-bottom: 40px
}
.section-company__wrapper {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(2,1fr);
    gap: 30px
}
.section-company__about-img {
    position: sticky;
    top: 20px;
    display: block;
    width: 100%;
    border-radius: 15px
}
.section-company__bottom {
    display: flex;
    gap: 25px;
    margin-top: 25px
}
.section-company__bottom-content {
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid var(--primary);
    padding: 20px 30px;
    border-radius: 15px;
    flex: 0 1 480px;
    margin: 0;
    font-weight: 600;
    font-size: 20px
}
.section-company__adv {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
    flex: 1
}
.section-company__adv-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 20px;
    border-radius: 15px;
    background-color: var(--wild);
    text-align: center
}
.section-company__adv-num {
    font-weight: 900;
    font-size: 50px;
    line-height: 120%;
    margin-bottom: 10px
}
.section-company__adv-value {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 22px
}
.section-criterias {
    margin-top: 60px!important
}
.section-criterias__content {
    width: 100%;
    padding: 10px 40px;
    border-radius: 10px;
    margin: 0 0 50px 0;
    background-color: #f7f7f7
}
.section-criterias__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
    row-gap: 40px
}
.section-criterias__item {
    display: flex;
    align-items: start;
    gap: 20px
}
.section-criterias__item._fill {
    padding: 20px 30px;
    background: rgba(235,110,3,.1);
    border-radius: 20px
}
.section-criterias__item._fill::before {
    display: none
}
.section-criterias__item::before {
    content: "";
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat
}
.section-criterias__item-title {
    font-weight: 900;
    font-size: 25px;
    line-height: 120%;
    margin: 0 0 20px 0
}
.section-criterias__item-content {
    margin: 0
}
.section-team__slider-wrapper {
    display: flex;
    align-items: center;
    gap: 50px
}
.section-team__slider-wrapper .slider-btn {
    flex-shrink: 0
}
.section-objects__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px
}
.section-objects__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    aspect-ratio: 1/.64;
    padding: 20px;
    text-align: center;
    font-weight: 900;
    font-size: 25px;
    line-height: 120%;
    color: #fff;
    z-index: 1
}
.section-objects__item::before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: #000;
    opacity: .5;
    z-index: -1;
    transition: opacity .3s ease
}
.section-objects__item img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -2;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-objects__item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 10
}
.section-objects__item-info .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 900px;
    opacity: 0;
    transition: backdrop-filter .3s ease,opacity .3s ease
}
.section-trust__slider {
    padding: 10px!important;
    margin: -10px!important
}
.section-trust__slide {
    display: flex!important;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    padding: 6px;
    min-height: 150px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05)
}
.section-qr {
    padding: 75px 0;
    background-color: #333;
    color: #fff
}
.section-qr__title {
    margin: 0 0 75px 0
}
.section-qr__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}
.section-qr__content {
    margin: 0;
    font-weight: 600;
    font-size: 25px
}
.section-qr__grid {
    display: flex;
    flex-shrink: 0;
    gap: 170px
}
.section-qr__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 330px
}
.section-qr__item-gallery {
    position: relative;
    width: 100%;
    padding: 12px;
    z-index: 1
}
.section-qr__item-gallery .corner {
    position: absolute;
    width: 35px;
    height: 35px;
    z-index: -1
}
.section-qr__item-gallery .corner:nth-child(1) {
    top: 0;
    left: 0;
    background: url(/local/templates/krepco/img/clt.svg) top 0 left 0/100% auto no-repeat
}
.section-qr__item-gallery .corner:nth-child(2) {
    top: 0;
    right: 0;
    background: url(/local/templates/krepco/img/crt.svg) top 0 right 0/100% auto no-repeat
}
.section-qr__item-gallery .corner:nth-child(3) {
    bottom: 0;
    left: 0;
    background: url(/local/templates/krepco/img/clb.svg) bottom 0 left 0/100% auto no-repeat
}
.section-qr__item-gallery .corner:nth-child(4) {
    bottom: 0;
    right: 0;
    background: url(/local/templates/krepco/img/crb.svg) bottom 0 right 0/100% auto no-repeat
}
.section-qr__item-img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
    border: 1px solid var(--primary);
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover
}
.section-qr__item-btn {
    display: block;
    font-size: 20px;
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-top: 15px;
    transition: color .3s ease
}
.intro__body {
    position: relative;
    overflow: hidden;
    padding: 70px 100px;
    border-radius: 15px;
    background: rgba(62,64,65,.1);
    z-index: 1
}
.intro__title {
    max-width: 850px
}
.intro__btn {
    margin-top: 65px
}
.intro__img {
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    right: 0
}
.intro__img._pay {
    top: auto;
    bottom: 0
}
.section-shipping {
    overflow: hidden
}
.section-shipping__nav {
    margin-bottom: 45px
}
.section-shipping__head {
    position: relative;
    border-radius: 16px;
    padding: 40px;
    background-color: var(--primary-light);
    z-index: 1
}
.section-shipping__head-body {
    max-width: 710px
}
.section-shipping__head-content {
    max-width: 670px;
    margin: 20px 0 0 0
}
.section-shipping__head-img {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    z-index: -1
}
.section-shipping__wrapper {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
    margin-top: 45px
}
.section-shipping__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 0 1 735px
}
.section-shipping__list li {
    display: flex;
    align-items: start;
    gap: 20px;
    font-size: 18px;
    line-height: 120%
}
.section-shipping__list li svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--primary);
    margin-top: 3px
}
.section-shipping__attention {
    flex: 0 1 675px;
    border-radius: 16px;
    padding: 30px;
    background-color: var(--primary);
    color: #fff
}
.section-shipping__attention-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 10px
}
.section-shipping__attention-head svg {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}
.section-shipping__attention-content {
    margin: 0
}
.section-shipping__block {
    margin: 80px 0
}
.section-shipping__block:last-child {
    margin-bottom: 0!important
}
.section-shipping__block-head {
    margin-bottom: 50px
}
.section-shipping__map {
    width: 100%;
    height: 620px;
    border-radius: 15px;
    overflow: hidden
}
.section-shipping__grid {
    display: flex;
    gap: 25px
}
.section-shipping__grid-item {
    border-radius: 16px;
    padding: 40px;
    background-color: var(--primary-light);
    flex: 1
}
.section-shipping__grid-item:first-child {
    flex: 0 1 55%
}
.section-shipping__grid-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px
}
.section-shipping__grid-item-head svg {
    width: 40px;
    height: 40px;
    color: var(--primary);
    flex-shrink: 0
}
.section-shipping__grid-item-content {
    margin: 0
}
.section-shipping__logos {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 25px
}
.section-shipping__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    min-height: 85px;
    border-radius: 10px;
    background-color: var(--wild);
    transition: background-color .3s ease
}
.section-shipping__table-wrapper {
    overflow-x: auto
}
.section-shipping__table-wrapper table {
    display: block
}
.section-shipping__table-wrapper table thead {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--abbey)
}
.section-shipping__table-wrapper table tbody {
    display: block
}
.section-shipping__table-wrapper table tbody tr {
    padding: 20px 0;
    border-bottom: 1px solid var(--abbey)
}
.section-shipping__table-wrapper table tr {
    display: flex
}
.section-shipping__table-wrapper table th {
    color: var(--primary)
}
.section-shipping__table-wrapper table td,
.section-shipping__table-wrapper table th {
    padding: 10px;
    flex: 1;
    flex-shrink: 0;
    font-weight: 600;
    text-align: start;
    font-size: 24px;
    line-height: 120%
}
.section-shipping__table-wrapper table td:first-child,
.section-shipping__table-wrapper table th:first-child {
    flex: 0 1 25%
}
.section-shipping__pickup-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 25px
}
.section-shipping__pickup-share {
    display: block;
    width: 18px;
    height: 18px;
    color: var(--primary);
    transition: color .3s ease
}
.section-shipping__pickup-share svg {
    width: 100%;
    height: 100%
}
.section-shipping__pickup-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px
}
.section-shipping__pickup-info {
    display: flex;
    flex-direction: column;
    gap: 20px
}
.section-shipping__pickup-item a {
    transition: color .3s ease
}
.section-shipping__pickup-item-title {
    margin-bottom: 5px
}
.section-shipping__pickup-content-head {
    font-size: 18px;
    max-width: 440px;
    margin: 0
}
.section-shipping__pickup-content-head strong {
    font-weight: 900;
    color: var(--primary)
}
.section-shipping__pickup-content {
    font-size: 18px;
    margin: 0
}
.section-shipping__pickup-download {
    padding: 4px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
.section-shipping__pickup-gallery {
    display: block;
    height: 285px;
    transition: opacity .3s ease
}
.section-shipping__pickup-gallery img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}
.section-shipping__pickup-descr {
    font-size: 25px
}
.section-shipping__pickup-descr p {
    margin: 0
}
.section-shipping__pickup-descr p:not(:last-child) {
    margin-bottom: 20px
}
.section-shipping__calc {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-shipping__calc-info {
    flex: 1
}
.section-shipping__calc-content {
    margin-top: 30px
}
.section-shipping__calc-main {
    width: 600px
}
.section-shipping__calc-main img {
    width: 100%;
    display: block
}
.section-pay {
    overflow: hidden
}
.section-pay__wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
    margin-top: 40px
}
.section-pay__col {
    display: flex;
    flex-direction: column
}
.section-pay__col-head {
    border-radius: 15px;
    padding: 25px 40px;
    width: 100%;
    background-color: var(--wild);
    margin-bottom: 50px
}
.section-pay__col-title {
    color: var(--primary);
    margin: 0 0 20px 0
}
.section-pay__head-content {
    margin: 0
}
.section-pay__col-body {
    display: flex;
    flex-direction: column;
    gap: 45px;
    margin-bottom: 30px
}
.section-pay__col-item {
    display: flex;
    align-items: start;
    gap: 20px
}
.section-pay__col-item svg {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    color: var(--primary)
}
.section-pay__col-item-title {
    margin-bottom: 30px
}
.section-pay__col-item-content {
    margin: 0
}
.section-pay__col-bottom {
    display: flex;
    align-items: center;
    margin-top: auto;
    width: 100%;
    gap: 20px;
    padding: 18px 20px;
    border-radius: 10px;
    background: rgba(235,110,3,.1)
}
.section-pay__col-bottom svg {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    color: var(--primary)
}
.section-pay__col-bottom-content {
    font-weight: 600;
    margin: 0
}
.section-blog__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
    row-gap: 20px;
    margin-bottom: 30px
}
.section-blog__tags {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 990px;
    gap: 10px
}
.section-blog__search-form {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 355px;
    flex-shrink: 0;
    padding: 20px;
    border: 1px solid var(--alto);
    border-radius: 15px
}
.section-blog__search-input {
    flex: 1;
    padding: 0;
    margin: 0;
    background-color: rgba(0,0,0,0);
    outline: 0;
    border: none;
    font-size: 16px;
    line-height: 120%
}
.section-blog__search-btn {
    cursor: pointer;
    padding: 0;
    border: none;
    outline: 0;
    background-color: rgba(0,0,0,0);
    width: 20px;
    height: 20px;
    transition: color .3s ease
}
.section-blog__search-btn svg {
    width: 100%;
    height: 100%
}
.section-blog__wrapper {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-blog__main {
    flex: 1
}
.section-blog__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
    row-gap: 30px
}
.section-blog__navigation {
    margin-top: 35px
}
.section-blog__popular {
    position: sticky;
    top: 20px;
    width: 355px;
    flex-shrink: 0;
    padding: 20px
}
.section-blog__popular-title {
    margin-bottom: 30px
}
.section-blog__popular-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}
.section-article__head {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 20px
}
.section-article__head-info {
    flex: 1
}
.section-article__title {
    margin-bottom: 50px
}
.section-article__spec {
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 16px
}
.section-article__spec-item {
    display: flex;
    align-items: center;
    gap: 6px
}
.section-article__spec-item svg {
    width: 20px;
    height: 20px
}
.section-article__head-block {
    width: 355px;
    flex-shrink: 0
}
.section-article__head-block .share {
    margin-left: auto
}
.section-article__head-share {
    display: block;
    width: 20px;
    height: 20px;
    color: var(--primary);
    transition: color .3s ease
}
.section-article__head-share svg {
    width: 100%;
    height: 100%
}
.section-article__wrapper {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-article__content {
    flex: 1
}
.section-article__content img {
    display: block;
    border-radius: 16px;
    margin-bottom: 60px
}
.section-article__sidebar {
    position: sticky;
    top: 20px;
    width: 355px;
    flex-shrink: 0;
    padding: 20px;
    border-radius: 16px;
    background-color: #fff
}
.section-article__sidebar-title {
    margin-bottom: 30px
}
.section-article__sidebar-content {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 10px 0
}
.section-article__sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}
.section-article__sidebar-list a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 0;
    font-size: 16px;
    transition: color .3s ease
}
.section-article__sidebar-list a::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat
}
.section-advices__wrapper {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-advices__main {
    flex: 1
}
.section-advices__consult {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    gap: 20px;
    padding: 20px;
    border-radius: 16px;
    margin-top: 45px;
    background-color: var(--wild);
    color: var(--dark);
    z-index: 1
}
.section-advices__consult-title {
    margin-bottom: 20px
}
.section-advices__consult-content {
    margin: 0;
    font-size: 20px
}
.section-advices__consult-img {
    position: absolute;
    display: block;
    right: 215px;
    bottom: -85px;
    z-index: -1
}
.section-advices__sidebar {
    position: sticky;
    top: 20px;
    width: 355px;
    flex-shrink: 0;
    border-radius: 15px;
    border: 1px solid var(--alto);
    padding: 20px
}
.section-advices__sidebar-title {
    font-weight: 900;
    font-size: 20px;
    margin: 0 0 20px 0
}
.section-advices__sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 15px
}
.section-advices__sidebar-list a {
    font-size: 16px;
    transition: color .3s ease
}
.section-advices__sidebar-list a._active {
    color: var(--primary)
}
.intro-single {
    position: relative;
    overflow: hidden;
    min-height: 385px;
    padding: 56px 0;
    z-index: 1
}
.intro-single .breadcrumbs {
    margin-top: 0!important
}
.intro-single__bg {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-height: 100%;
    z-index: -1
}
.intro-single__wrapper {
    display: flex;
    align-items: center;
    gap: 20px
}
.intro-single__info {
    flex: 0 0 735px
}
.intro-single__info._big {
    flex-basis: 865px
}
.intro-single__title {
    margin-bottom: 30px
}
.intro-single__content {
    margin: 0 0 40px 0
}
.intro-single__list {
    max-width: 600px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    row-gap: 20px
}
.intro-single__list._full {
    max-width: none
}
.intro-single__list li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px
}
.intro-single__list li::before {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat
}
.intro-single__btn {
    min-width: 225px;
    max-width: 100%;
    margin-top: 40px
}
.intro-single__gallery {
    flex: 1
}
.intro-single__img {
    display: block;
    margin: 0 auto
}
.section-single {
    margin-top: 50px
}
.section-single__wrapper {
    display: flex;
    align-items: start;
    gap: 25px
}
.section-single__info {
    flex: 1
}
.section-single__gallery {
    position: sticky;
    overflow: hidden;
    display: block;
    top: 20px;
    width: 355px;
    aspect-ratio: 1/1.07;
    border-radius: 16px;
    max-width: 100%
}
.section-single__gallery img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-single__grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
    margin-top: 50px
}
.section-single__grid-item {
    border-radius: 16px;
    padding: 20px;
    background-color: #fff
}
.section-single__grid-item-title {
    margin-bottom: 30px
}
.section-single__grid-item-list {
    display: flex;
    flex-direction: column;
    gap: 12px
}
.section-single__grid-item-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 18px
}
.section-single__grid-item-list li span:nth-child(2) {
    font-weight: 600;
    flex-shrink: 0
}
.section-single__nav {
    position: sticky;
    width: 355px;
    flex-shrink: 0;
    top: 20px;
    padding: 20px;
    border: 1px solid var(--alto);
    border-radius: 15px
}
.section-single__nav-title {
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px
}
.section-single__nav-list {
    display: flex;
    flex-direction: column;
    gap: 15px
}
.section-single__nav-list a {
    font-size: 16px;
    transition: color .3s ease
}
.section-portfolio__slide {
    display: block;
    aspect-ratio: 1/1;
    border-radius: 16px;
    overflow: hidden;
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.section-portfolio__slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-jobs__wrapper {
    display: flex;
    align-items: start;
    gap: 30px
}
.section-jobs__info {
    flex: 1
}
.section-jobs__grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
    margin-top: 80px
}
.section-jobs__item {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: #fff;
    padding: 20px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.section-jobs__item-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    margin: 0 0 20px 0
}
.section-jobs__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    row-gap: 15px;
    margin-top: auto;
    margin-bottom: 10px
}
.section-jobs__item-salary {
    margin: 0
}
.section-jobs__item-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px
}
.section-jobs__item-list li {
    padding: 6px 0
}
.section-jobs__item-tag {
    padding: 10px;
    background: rgba(237,110,0,.2);
    border-radius: 10px;
    flex-shrink: 0
}
.section-jobs__item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 15px
}
.section-jobs__item-btn {
    min-width: 225px
}
.section-jobs__item-date {
    font-size: 16px
}
.section-jobs__reklam {
    position: sticky;
    top: 20px;
    width: 480px;
    border-radius: 16px;
    background-color: var(--wild)
}
.section-jobs__reklam-body {
    padding: 40px
}
.section-jobs__reklam-title {
    margin-bottom: 20px
}
.section-jobs__reklam-content {
    margin: 0
}
.section-jobs__reklam-picture {
    display: block;
    max-width: 100%;
    width: 365px;
    margin: 0 auto
}
.section-jobs__reklam-picture img {
    display: block;
    width: 100%
}
.section-notfound__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}
.section-notfound__wrapper .quick-cart {
    margin-top: 50px
}
.section-notfound__img {
    display: block;
    width: 600px;
    height: 420px;
    -o-object-fit: contain;
    object-fit: contain
}
.section-notfound__content {
    font-weight: 900;
    font-size: 40px;
    text-align: center;
    margin: 15px 0 0 0
}
.section-notfound__content a {
    color: var(--primary);
    text-decoration: underline;
    text-underline-offset: 10px
}
.section-notfound__btn {
    min-width: 225px;
    margin: 50px auto 0 auto
}
.section-contacts__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px
}
.section-contacts__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px
}
.section-contacts__info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 440px;
    flex-shrink: 0
}
.section-contacts__info-tel {
    font-size: 24px;
    line-height: 167%;
    margin: 0
}
.section-contacts__info-tel strong {
    font-weight: 900
}
.section-contacts__info-tel a {
    transition: color .3s ease
}
.section-contacts__info-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 133%
}
.section-contacts__info-content {
    font-size: 18px;
    line-height: 167%;
    margin: 0;
    max-width: 450px
}
.section-contacts__info-content strong {
    font-weight: 900
}
.section-contacts__info-content a {
    transition: color .3s ease
}
.section-contacts__map {
    flex: 0 1 980px;
    border-radius: 16px;
    overflow: hidden;
    min-height: 400px
}
.section-contacts__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
    margin-top: 60px
}
.section-contacts__grid-item {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 20px;
    border: 1px solid transparent;
    border-radius: 16px;
    background-color: #fff;
    transition: border-color .3s ease,background-color .3s ease
}
.section-contacts__grid-item._big {
    grid-column: 2 span
}
.section-contacts__grid-title {
    font-size: 24px;
    color: var(--primary);
    margin-bottom: 15px
}
.section-contacts__grid-content {
    font-size: 24px;
    line-height: 167%;
    margin: 0
}
.section-contacts__grid-content a {
    transition: color .3s ease
}
.section-contacts__grid-content a[href^="mailto:"] {
    text-decoration: underline;
    text-underline-offset: 3px
}
.section-contacts__grid-download {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    font-size: 16px;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .3s ease
}
.section-contacts__grid-download img {
    display: block;
    width: 20px;
    flex-shrink: 0
}
.section-contacts__grid-img {
    display: block;
    width: 405px
}
.section-encyclopedia {
    overflow: hidden
}
.section-encyclopedia__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 60px
}
.section-encyclopedia__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 15px
}
.section-encyclopedia__info-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    line-height: 112%
}
.section-encyclopedia__info-item svg {
    width: 20px;
    height: 20px
}
.section-encyclopedia__grid {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 50px
}
.section-encyclopedia__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 290px;
    aspect-ratio: 1/1;
    z-index: 1
}
.section-encyclopedia__item::before {
    position: absolute;
    content: "";
    inset: 0;
    background: url(/local/templates/krepco/img/figure.png) center/100% no-repeat;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}
.section-encyclopedia__item img {
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3;
    max-width: 60px;
    transition: opacity .4s ease,-webkit-filter .4s ease,-webkit-transform .4s ease;
    transition: filter .4s ease,transform .4s ease,opacity .4s ease;
    transition: filter .4s ease,transform .4s ease,opacity .4s ease,-webkit-filter .4s ease,-webkit-transform .4s ease
}
.section-encyclopedia__search {
    margin-top: 75px
}
.section-encyclopedia__search-content {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 50px
}
.section-encyclopedia__table-wrapper {
    overflow-x: auto
}
.section-encyclopedia__table {
    margin-top: 50px;
    width: 100%;
    min-width: 920px
}
.section-encyclopedia__table.table-info .cell {
    flex: 1!important;
    text-align: start!important
}
.section-encyclopedia__table.table-info .cell a {
    color: var(--black);
    text-decoration: underline!important;
    transition: color .3s ease
}
.section-encyclopedia__table thead {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--alto);
    margin-bottom: 60px
}
.section-encyclopedia__table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px
}
.section-encyclopedia__table tr {
    display: flex;
    align-items: center;
    gap: 15px
}
.section-encyclopedia__table .cell {
    display: block;
    padding: 0;
    flex: 1;
    font-size: 16px;
    line-height: 120%
}
.section-encyclopedia__table .cell:nth-child(2) {
    flex-basis: 15%
}
.section-encyclopedia__table .cell:not(:nth-child(2)) {
    text-align: center
}
.section-encyclopedia__table th.cell {
    font-weight: 900;
    text-align: start
}
.section-encyclopedia__table .gallery {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 16px;
    width: 100%;
    max-width: 230px;
    height: 100px;
    background-color: #fff
}
.section-encyclopedia__table a {
    color: var(--primary);
    text-decoration: underline;
    text-underline-offset: 3px
}
.section-encyclopedia__table [data-more-item]:nth-child(n+14) {
    display: none
}
.section-encyclopedia__content {
    max-width: 1190px;
    margin-top: 80px
}
.section-encyclopedia__btn-more {
    margin: 30px auto 0 auto
}
.section-encyclopedia__wrapper {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px
}
.section-encyclopedia__main-content {
    flex: 0 1 990px
}
.section-encyclopedia__main-content ul {
    padding: 0;
    list-style: none
}
.section-encyclopedia__main-content ul li {
    display: flex;
    align-items: start;
    gap: 10px;
    line-height: 140%
}
.section-encyclopedia__main-content ul li::before {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-top: 8px;
    background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat
}
.section-encyclopedia__img {
    display: block
}
.section-encyclopedia__single {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px
}
.section-encyclopedia__single-content {
    flex: 0 1 990px
}
.section-encyclopedia__single-gallery {
    width: 350px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}
.section-encyclopedia__single-gallery-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    border-radius: 16px;
    background-color: #fff
}
.section-encyclopedia__single-gallery-item:first-child {
    aspect-ratio: 1/1
}
.section-encyclopedia__sizes-table {
    margin-top: 60px
}
.section-encyclopedia__sizes-title {
    margin-bottom: 60px
}
.section-encyclopedia__sizes-table-wrapper table {
    border: 1px solid var(--alto);
    display: block
}
.section-encyclopedia__sizes-table-wrapper thead {
    display: block;
    border-bottom: 1px solid var(--alto)
}
.section-encyclopedia__sizes-table-wrapper tbody {
    display: block
}
.section-encyclopedia__sizes-table-wrapper tr {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(10,1fr);
    transition: background-color .3s ease,color .3s ease
}
.section-encyclopedia__sizes-table-wrapper tr:not(:last-child) {
    border-bottom: 1px solid var(--alto)
}
.section-encyclopedia__sizes-table-wrapper th {
    font-weight: 400
}
.section-encyclopedia__sizes-table-wrapper td,
.section-encyclopedia__sizes-table-wrapper th {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    flex: 1;
    padding: 5px;
    border: none;
    text-align: center;
    font-size: 16px
}
.section-encyclopedia__sizes-table-wrapper td:not(:last-child),
.section-encyclopedia__sizes-table-wrapper th:not(:last-child) {
    border-right: 1px solid var(--alto)
}
.section-encyclopedia__sizes-table-wrapper td[colspan="9"],
.section-encyclopedia__sizes-table-wrapper th[colspan="9"] {
    grid-column: 9 span
}
.section-encyclopedia__sizes-table-wrapper td[colspan="8"],
.section-encyclopedia__sizes-table-wrapper th[colspan="8"] {
    grid-column: 8 span
}
.section-encyclopedia__sizes-table-wrapper td[colspan="7"],
.section-encyclopedia__sizes-table-wrapper th[colspan="7"] {
    grid-column: 7 span
}
.section-encyclopedia__sizes-table-wrapper td[colspan="6"],
.section-encyclopedia__sizes-table-wrapper th[colspan="6"] {
    grid-column: 6 span
}
.section-encyclopedia__sizes-table-wrapper td[colspan="5"],
.section-encyclopedia__sizes-table-wrapper th[colspan="5"] {
    grid-column: 5 span
}
.section-encyclopedia__sizes-table-wrapper td[colspan="4"],
.section-encyclopedia__sizes-table-wrapper th[colspan="4"] {
    grid-column: 4 span
}
.section-encyclopedia__sizes-table-wrapper td[colspan="3"],
.section-encyclopedia__sizes-table-wrapper th[colspan="3"] {
    grid-column: 3 span
}
.section-encyclopedia__sizes-table-wrapper td[colspan="2"],
.section-encyclopedia__sizes-table-wrapper th[colspan="2"] {
    grid-column: 2 span
}
.section-requisites__head {
    flex-wrap: wrap
}
.section-requisites__list {
    border-top: 1px solid var(--alto)
}
.section-requisites__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--alto);
    font-size: 24px;
    line-height: 133%
}
.section-requisites__list li span:first-child {
    flex: 0 0 245px
}
body>footer {
    position: relative;
    padding-top: 255px;
    overflow: hidden;
    width: 100%;
    z-index: 1
}
body>footer::before {
    position: absolute;
    content: "";
    width: 2285px;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(/local/templates/krepco/img/footer-decor-big.svg) 0 0/100% auto no-repeat;
    z-index: -1
}
.footer__body {
    padding-bottom: 10px;
    background-color: #333;
    color: #fff
}
.footer__head {
    display: flex;
    align-items: flex-end;
    gap: 90px;
    margin-bottom: 60px
}
.footer__title {
    flex: 0 1 355px
}
.footer__form {
    flex: 1;
    display: flex;
    align-items: flex-end;
    gap: 60px
}
.footer__form-input {
    padding: 0 0 30px 0;
    border: none;
    border-bottom: 4px solid var(--dusty);
    flex: 1;
    background-color: rgba(0,0,0,0);
    outline: 0;
    color: #fff;
    font-size: 25px
}
.footer__form-input::-webkit-input-placeholder {
    color: var(--dusty)
}
.footer__form-input:-ms-input-placeholder {
    color: var(--dusty)
}
.footer__form-input::-ms-input-placeholder {
    color: var(--dusty)
}
.footer__form-input::placeholder {
    color: var(--dusty)
}
.footer__form-send {
    flex-shrink: 0
}
.footer__wrapper {
    display: flex;
    gap: 50px;
    margin-bottom: 20px
}
.footer__main {
    display: flex;
    flex-direction: column;
    width: 245px;
    flex-shrink: 0
}
.footer__logo {
    display: block;
    width: 100%
}
.footer__logo img {
    display: block;
    width: 100%
}
.footer__main-content {
    font-size: 12px;
    margin: 10px 0 20px 0
}
.footer__main-btn {
    margin-top: auto
}
.footer__nav {
    display: flex;
    gap: 50px;
    margin-left: auto
}
.footer__nav-item {
    width: 255px;
    flex-shrink: 0
}
.footer__nav-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 87%
}
.footer__nav-title._spoller-active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.footer__nav-title svg {
    width: 10px;
    height: 10px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}
.footer__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 18px
}
.footer__list a {
    font-size: 16px;
    line-height: 87%;
    transition: color .3s ease
}
.footer__contacts {
    width: 220px;
    display: flex;
    flex-direction: column;
    gap: 20px
}
.footer__contacts-title {
    font-weight: 900;
    font-size: 16px;
    line-height: 125%
}
.footer__contacts-btn {
    font-weight: 400;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transition: color .3s ease
}
.footer__social {
    margin-top: 10px;
    display: flex;
    gap: 12px
}
.footer__social-btn {
    width: 30px;
    height: 30px;
    transition: color .3s ease
}
.footer__social-btn svg {
    width: 100%;
    height: 100%
}
.footer__contacts-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.footer__copyright {
    padding-top: 20px;
    border-top: 1px solid var(--dusty);
    font-size: 14px;
    color: var(--dusty)
}
.footer__copyright-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 10px
}
.footer__copyright-content {
    margin: 0
}
.footer__copyright-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}
.footer__copyright-list a {
    text-decoration: underline;
    transition: color .3s ease
}
@media (min-width:575px) {
    .btn-mob {
        display: none
    }
    .btn-more {
        background-color: var(--primary-light);
        border-color: var(--primary-light);
        color: var(--primary)
    }
    .section-shop__btn-more {
        background-color: var(--primary-light);
        border-color: var(--primary-light);
        color: var(--primary)
    }
}
@media (min-width:575px)and (any-hover:hover) {
    .btn-more:hover {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff
    }
    .section-shop__btn-more:hover {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff
    }
}
@media (min-width:575px)and (hover:none) {
    .btn-more:active {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff
    }
    .section-shop__btn-more:active {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff
    }
}
@media (min-width:576px) {
    .card-product-line__nav .card-product__tag {
        display: none
    }
    .card-product-line__cart-btn svg {
        display: none
    }
    .section-catalog__mob-btn {
        display: none
    }
    .section-cart__delete-all span:nth-child(3) {
        display: none
    }
    .footer__nav-title svg {
        display: none
    }
    .footer__contacts-order {
        display: none
    }
}
@media (min-width:768px) {
    .quick-cart__label .mob {
        display: none
    }
    .header-search {
        display: none
    }
    .section-switcher__tab-wrapper {
        position: relative;
        display: flex;
        align-items: center
    }
    .section-switcher__slider-btn {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section-delivery__adv-slider .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 20px
    }
}
@media (min-width:992px) {
    .modal-delete {
        padding-left: 20px;
        padding-right: 20px
    }
}
@media (min-width:1023px) {
    .section-shop__orderby-select .icon {
        display: none
    }
}
@media (min-width:1024px)and (any-hover:hover) {
    .dropdown:hover .dropdown-body {
        opacity: 1;
        visibility: visible
    }
    .hint:hover::after {
        opacity: 1;
        visibility: visible
    }
    .quick-cart:hover .quick-cart__label {
        font-size: 14px;
        color: var(--dusty);
        top: 0;
        background-color: var(--alabaster)
    }
    .header__top-contacts-btn:hover {
        color: var(--primary)
    }
    .header__top-contacts-btn:hover .icon._top {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    .header__top-contacts-btn:hover .arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}
@media (min-width:1024px)and (hover:none) {
    .dropdown:active .dropdown-body {
        opacity: 1;
        visibility: visible
    }
    .hint:active::after {
        opacity: 1;
        visibility: visible
    }
    .quick-cart:active .quick-cart__label {
        font-size: 14px;
        color: var(--dusty);
        top: 0;
        background-color: var(--alabaster)
    }
    .header__top-contacts-btn:active {
        color: var(--primary)
    }
    .header__top-contacts-btn:active .icon._top {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    .header__top-contacts-btn:active .arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}
@media (min-width:1024px) {
    .card-product__cart-btn {
        padding: 5px!important
    }
    .header__mob-dropdown {
        display: none
    }
    .header__burger-btn {
        display: none
    }
    .header__tel-mob {
        display: none
    }
    .section-fasteners__slider {
        padding: 10px 0
    }
    .section-shop__filters-overlay {
        display: none
    }
    .section-shop__filters-close {
        display: none
    }
    .section-shop__delivery-bottom svg {
        display: none
    }
    .section-shop__filters-btn {
        display: none
    }
    .section-cart__info-switcher-nav {
        justify-content: start
    }
    .section-cart__info-switcher-nav .switcher__nav-btn span:nth-child(2) {
        display: none
    }
    .section-cart__bottom-btn {
        display: none
    }
    .section-article__spec-item:last-child {
        margin-left: auto
    }
}
@media (min-width:1199px) {
    .section-fasteners__slider-wrapper {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 25px
    }
}
@media (min-width:1200px) {
    .section-production__item:nth-child(1) {
        grid-area: 1/1/3/2
    }
    .section-production__item:nth-child(2) {
        grid-area: 1/2/2/4
    }
    .section-production__item:nth-child(3) {
        grid-area: 2/2/3/3
    }
    .section-production__item:nth-child(4) {
        grid-area: 2/3/3/4
    }
    .section-info__table-product-btn svg {
        display: none
    }
    .intro-single__gallery._jobs {
        position: absolute;
        bottom: 0;
        right: calc((100vw - 1560px)/ 2 + 30px);
        z-index: -1
    }
}
@media (min-width:1365px) {
    .intro-single__list._cols {
        grid-template-columns: repeat(3,1fr)
    }
}
@media (min-width:1540px) {
    .drop-catalog__banner-title {
        font-size: 25px
    }
    .section-recommendation__slider-wrapper {
        display: flex;
        align-items: center;
        gap: 20px
    }
    .intro__title {
        font-size: 50px
    }
    .section-pay__col-title {
        font-size: 40px
    }
}
@media (max-width:1679px) {
    .section-message__decor {
        width: 650px;
        top: 7px
    }
}
@media (max-width:1630px) {
    .share-body {
        left: auto;
        right: 0
    }
}
@media (max-width:1560px) {
    .section-info__sizes-wrapper {
        overflow-x: auto;
        width: 900px
    }
}
@media (max-width:1539px) {
    .drop-catalog__wrapper {
        gap: 30px;
        row-gap: 20px
    }
    .drop-catalog__nav {
        gap: 30px;
        row-gap: 20px
    }
    .section-catalog__grid {
        grid-template-columns: repeat(5,1fr)
    }
    .section-popular__grid {
        grid-template-columns: repeat(5,1fr)
    }
    .section-shop__grid {
        grid-template-columns: repeat(3,1fr)
    }
    .section-shop__grid-big {
        grid-template-columns: repeat(4,1fr)
    }
    .section-recommendation__slider-wrapper .slider-btn {
        display: none
    }
    .section-recommendation__slider {
        overflow: visible!important
    }
    .section-recommendation__slide {
        width: 275px!important
    }
    .section-search__grid {
        grid-template-columns: repeat(5,1fr)
    }
    .section-product__slider {
        width: 400px
    }
    .section-message__decor {
        width: auto
    }
    .section-company__adv-num {
        font-size: 32px
    }
    .section-team__slider-wrapper {
        gap: 30px
    }
    .section-qr__grid {
        gap: 30px
    }
    .intro__body {
        padding: 70px
    }
    .section-shipping__head-img {
        width: 600px
    }
    .section-advices__consult-img {
        width: 200px;
        right: 155px;
        bottom: 0
    }
    .section-contacts__grid-content {
        font-size: 20px
    }
    .footer__wrapper {
        gap: 30px
    }
    .footer__nav {
        gap: 30px
    }
    .footer__nav-item {
        width: 220px
    }
}
@media (max-width:1400px) {
    .header__top-dropdown._addresses {
        display: none
    }
}
@media (max-width:1365px) {
    .form-search__drop {
        padding: 20px
    }
    .form-search__product {
        padding: 0
    }
    .form-search__img {
        width: 60px
    }
    .form-search__product-title {
        font-size: 14px
    }
    .card-product-full {
        gap: 25px
    }
    .drop-catalog__menu {
        width: 425px
    }
    .drop-catalog__menu-item {
        font-size: 18px;
        padding: 16px
    }
    .drop-catalog__container {
        padding-left: 20px
    }
    .drop-catalog__wrapper {
        gap: 20px
    }
    .drop-catalog__nav {
        gap: 20px
    }
    .drop-catalog__reklam {
        width: 205px
    }
    .section-catalog__grid {
        grid-template-columns: repeat(4,1fr)
    }
    .section-popular__grid {
        grid-template-columns: repeat(4,1fr)
    }
    .section-delivery__map {
        right: -510px
    }
    .section-useful__slider {
        overflow: visible!important
    }
    .section-useful__slide {
        width: 355px!important
    }
    .section-search__grid {
        grid-template-columns: repeat(4,1fr)
    }
    .section-product__body {
        flex-wrap: wrap
    }
    .section-product__gallery {
        flex-direction: column-reverse;
        gap: 30px;
        width: 550px
    }
    .section-product__thumb-slider {
        width: 100%;
        height: 100px
    }
    .section-product__thumb-slide {
        width: 100px!important
    }
    .section-product__slider {
        width: 100%
    }
    .section-product__info {
        order: 3;
        width: 100%;
        flex: none
    }
    .section-product__sidebar {
        margin-left: auto;
        align-self: start
    }
    .section-info__sizes-wrapper {
        width: 745px;
        padding: 0 30px;
        margin: 0 -30px
    }
    .section-cart__form-person {
        gap: 20px
    }
    .section-cart__form-pickup {
        gap: 20px
    }
    .section-company__bottom-content {
        flex-basis: 400px;
        padding: 30px 20px
    }
    .section-company__adv-num {
        font-size: 28px
    }
    .section-company__adv-value {
        font-size: 18px
    }
    .section-team__slider-wrapper {
        gap: 20px
    }
    .section-objects__grid {
        gap: 20px
    }
    .section-objects__item {
        font-size: 22px
    }
    .intro__title {
        max-width: 700px
    }
    .section-shipping__head-body {
        max-width: 600px
    }
    .section-shipping__head-img {
        width: 450px
    }
    .section-shipping__table-wrapper table td,
    .section-shipping__table-wrapper table th {
        font-size: 20px;
        padding: 5px
    }
    .section-shipping__calc-main {
        width: 500px
    }
    .section-pay__col-head {
        padding: 25px
    }
    .section-blog__grid {
        gap: 20px
    }
    .section-advices__consult-info {
        max-width: 450px
    }
    .section-jobs__grid {
        grid-template-columns: 1fr
    }
    .section-jobs__reklam {
        width: 420px
    }
    .section-jobs__reklam-body {
        padding: 20px
    }
    .section-contacts__grid-content {
        font-size: 18px
    }
    .section-contacts__grid-img {
        width: 300px
    }
    .section-encyclopedia__table thead {
        margin-bottom: 40px
    }
    .section-encyclopedia__content {
        margin-top: 60px
    }
    .section-encyclopedia__sizes-table {
        margin-top: 40px
    }
    .section-encyclopedia__sizes-title {
        margin-bottom: 40px
    }
    .section-requisites__list li {
        font-size: 20px
    }
    .footer__nav-item {
        width: 185px
    }
}
@media (max-width:1199px) {
    .breadcrumbs-item:last-child {
        color: var(--primary)
    }
    .breadcrumbs-item:last-child::before {
        background: url(/local/templates/krepco/img/line-next-primary.svg) center/100% auto no-repeat
    }
    .card-product-line {
        gap: 20px
    }
    .card-product-line__gallery {
        width: 170px
    }
    .card-product-line__wrapper {
        gap: 20px
    }
    .card-product-line__nav {
        width: 180px
    }
    .card-product-full__nav {
        width: 150px;
        flex-shrink: 0;
        flex-direction: column;
        gap: 10px
    }
    .card-product-full__nav .btn,
    .card-product-full__nav .card-product__counter {
        flex: none;
        width: 100%
    }
    .card-product-full__order {
        width: 100%
    }
    .card-product-full__order-btn {
        width: 100%
    }
    .card-product-cart {
        padding: 28px 0
    }
    .card-product-cart .label-checkbox {
        align-self: start;
        margin-top: 38px
    }
    .card-product-cart__gallery {
        align-self: start
    }
    .card-product-cart__body {
        flex-wrap: wrap;
        align-items: center;
        gap: 20px
    }
    .card-product-cart__main {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex: none;
        width: 100%;
        gap: 6px;
        row-gap: 12px
    }
    .card-product-cart__title {
        order: 3
    }
    .card-product-cart__id {
        margin-top: 0
    }
    .card-product-cart__tag-wrapper {
        margin-top: 0
    }
    .card-product-cart__price {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%
    }
    .card-product-cart__price-signature {
        margin-top: 0
    }
    .drop-catalog__menu {
        width: 320px
    }
    .drop-catalog__menu-item {
        font-size: 16px
    }
    .drop-catalog__body-container {
        padding-right: 20px
    }
    .drop-catalog__item a {
        font-size: 14px
    }
    .drop-catalog__banner {
        width: 240px;
        padding: 15px
    }
    .header__list>li:nth-child(2),
    .header__list>li:nth-child(3),
    .header__list>li:nth-child(5) {
        display: none
    }
    .header__logo {
        order: 2;
        width: 180px
    }
    .header__catalog-btn {
        order: 1
    }
    .header__search-wrapper {
        order: 3
    }
    .header__contacts {
        order: 5
    }
    .header__cart {
        order: 6
    }
    .header__cart span {
        display: none
    }
    .section-hero__slide {
        padding: 84px 60px
    }
    .section-hero__slider-pagination {
        left: 60px!important
    }
    .section-about__adv {
        gap: 20px
    }
    .section-about__adv-item:not(:last-child) {
        padding-right: 20px
    }
    .section-switcher__slider-btn._prev {
        left: 0
    }
    .section-switcher__slider-btn._next {
        right: 0
    }
    .section-switcher__slider {
        margin: 0 35px
    }
    .section-fasteners__slider-wrapper .swiper-slide {
        width: 390px!important
    }
    .section-production__grid {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto
    }
    .section-partners__wrapper .slider-btn {
        display: none
    }
    .section-partners__slider {
        overflow: visible!important;
        flex: none;
        width: 100%
    }
    .section-partners__slide {
        width: 185px!important
    }
    .section-partners__slide img {
        width: calc(100% - 20px)
    }
    .section-certificates__slider-wrapper {
        display: block
    }
    .section-certificates__slider-wrapper .slider-btn {
        display: none
    }
    .section-certificates__slider {
        overflow: visible!important
    }
    .section-certificates__slide {
        width: 285px!important
    }
    .section-reviews__slider {
        overflow: visible!important
    }
    .section-reviews__slide {
        width: 360px!important
    }
    .section-reviews__author-head {
        justify-content: start
    }
    .section-banner__slide-body {
        max-width: 460px
    }
    .section-shop__grid {
        grid-template-columns: repeat(2,1fr);
        gap: 20px
    }
    .section-shop__grid-big {
        grid-template-columns: repeat(3,1fr);
        gap: 20px
    }
    .section-shop__product {
        margin-bottom: 30px
    }
    .section-shop__product-wrapper {
        gap: 10px
    }
    .section-shop__product-img {
        width: 225px;
        height: 225px
    }
    .section-product__btn-share {
        display: none
    }
    .section-product__info-head {
        margin-bottom: 35px
    }
    .section-product__info-title {
        font-size: 32px;
        line-height: 120%
    }
    .section-product__info-link {
        display: none
    }
    .section-info {
        overflow: hidden
    }
    .section-info__table-head {
        gap: 20px
    }
    .section-info__table-head-cell:nth-child(1) {
        flex: 0 1 395px
    }
    .section-info__table-head-cell:nth-child(2) {
        flex: 1
    }
    .section-info__table-head-cell:nth-child(3) {
        flex: 1
    }
    .section-info__table-head-cell:nth-child(4) {
        flex-basis: 290px
    }
    .section-info__table-product {
        gap: 20px
    }
    .section-info__table-product-title {
        flex: 0 1 385px
    }
    .section-info__table-product-id {
        flex: 1
    }
    .section-info__table-product-unit {
        flex: 1
    }
    .section-info__table-product-nav {
        flex-basis: 280px
    }
    .section-info__table-product-btn {
        padding: 0;
        width: 48px;
        height: 48px;
        border-radius: 10px
    }
    .section-info__table-product-btn span {
        display: none
    }
    .section-info__content {
        flex: none;
        width: 100%
    }
    .section-info__content-title {
        font-size: 32px;
        line-height: 120%
    }
    .section-info__sizes-wrapper {
        width: auto
    }
    .section-info__sizes {
        min-width: 1100px
    }
    .section-info__sidebar {
        display: none
    }
    .section-cart__info {
        margin-top: 50px
    }
    .section-message__decor {
        top: 120px
    }
    .section-message__content {
        max-width: 650px
    }
    .section-company__bottom {
        flex-direction: column-reverse
    }
    .section-company__bottom-content {
        flex: none;
        width: 100%
    }
    .section-criterias__grid {
        grid-template-columns: repeat(2,1fr)
    }
    .section-objects__item-info {
        right: 20px;
        bottom: 20px;
        left: 20px
    }
    .section-qr__title {
        margin-bottom: 40px
    }
    .section-qr__item {
        width: 280px
    }
    .intro__body {
        padding: 50px
    }
    .intro__img {
        right: -200px
    }
    .section-shipping__block {
        margin: 60px 0
    }
    .section-shipping__map {
        height: 500px
    }
    .section-shipping__grid-item {
        padding: 30px
    }
    .section-shipping__logos {
        justify-content: start;
        flex-wrap: wrap;
        gap: 20px
    }
    .section-shipping__pickup-descr {
        font-size: 20px
    }
    .section-shipping__calc-main {
        width: 400px
    }
    .section-blog__grid {
        grid-template-columns: repeat(2,1fr)
    }
    .section-article__content img {
        margin-bottom: 40px
    }
    .section-advices__consult {
        flex-wrap: wrap
    }
    .section-advices__consult-info {
        max-width: none;
        width: 100%
    }
    .section-advices__consult-img {
        width: 180px;
        right: 30px
    }
    .intro-single__info {
        flex-basis: 600px!important
    }
    .section-single__grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 30px
    }
    .section-jobs__reklam {
        width: 350px
    }
    .section-notfound__content {
        font-size: 32px
    }
    .section-notfound__btn {
        margin-top: 30px
    }
    .section-contacts__info {
        gap: 25px;
        width: 355px
    }
    .section-contacts__info-tel {
        font-size: 20px
    }
    .section-contacts__info-title {
        font-size: 20px
    }
    .section-contacts__grid {
        grid-template-columns: repeat(2,1fr)
    }
    .section-encyclopedia__item {
        width: 250px
    }
    .section-encyclopedia__search {
        margin-top: 50px
    }
    .section-encyclopedia__search-content {
        font-size: 20px;
        margin-bottom: 30px
    }
    .section-encyclopedia__content {
        margin-top: 40px
    }
    body>footer {
        padding-top: 175px
    }
    .footer__head {
        gap: 20px
    }
    .footer__form {
        gap: 30px
    }
    .footer__wrapper {
        justify-content: space-between
    }
    .footer__nav {
        margin: 0
    }
}
@media (max-width:1023px) {
    .btn-item {
        font-size: 15px
    }
    .card-product__slide-switches {
        display: none
    }
    .card-product__slider {
        height: 150px!important
    }
    .card-product__slide {
        aspect-ratio: inherit;
        height: 100%!important
    }
    .card-product__footer {
        flex-direction: column;
        gap: 10px
    }
    .card-product__counter {
        width: 100%;
        flex: none
    }
    .card-product__cart-btn {
        width: 100%
    }
    .card-product__order-btn {
        width: 100%
    }
    .card-product__time-info {
        align-self: start
    }
    .card-product-line__gallery {
        width: 240px
    }
    .card-product-line__wrapper {
        flex-wrap: wrap
    }
    .card-product-line__body {
        flex: none;
        width: 100%
    }
    .card-product-line__nav {
        width: 240px
    }
    .card-product-line__order-btn {
        width: 100%
    }
    .card-product-line__time-info {
        align-self: start
    }
    .counter {
        width: 100%;
        flex: none
    }
    .card-product-full__slider-wrapper .card-product__slider {
        height: 100px!important
    }
    .card-product-full__time-info {
        align-self: start
    }
    .card-product-cart {
        padding: 20px 0;
        gap: 10px
    }
    .card-product-cart .label-checkbox {
        margin-top: 25px
    }
    .card-product-cart__gallery {
        width: 75px;
        height: 75px
    }
    .switcher__switch::before {
        left: -5px
    }
    .card-team__title {
        font-size: 20px
    }
    .hint::after {
        -webkit-transform: translateY(calc(-100% - 6px));
        transform: translateY(calc(-100% - 6px));
        left: auto;
        right: 0
    }
    .quick-cart__input:focus+.quick-cart__label {
        font-size: 14px;
        color: var(--dusty);
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: var(--alabaster)
    }
    .header__top {
        display: none
    }
    .header__mob-dropdown {
        order: 4
    }
    .header__wrapper {
        padding: 15px 0;
        gap: 20px;
        row-gap: 10px
    }
    .header__logo {
        width: 135px
    }
    .header__catalog-btn {
        display: none
    }
    .header__tel {
        display: none
    }
    .header__tel-btn {
        display: none
    }
    .header__cities {
        order: 3
    }
    .section-about__adv {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 30px
    }
    .section-about__adv-item:not(:last-child) {
        padding-right: 0
    }
    .section-about__adv-item:not(:last-child)::after {
        display: none
    }
    .section-catalog__grid {
        grid-template-columns: repeat(3,1fr)
    }
    .section-switcher__slider-btn._prev {
        left: -15px
    }
    .section-switcher__slider-btn._next {
        right: -15px
    }
    .section-switcher__slider {
        margin: 0 10px
    }
    .section-popular__grid {
        grid-template-columns: repeat(3,1fr)
    }
    .section-delivery__list {
        max-width: 450px
    }
    .section-delivery__car {
        width: 300px
    }
    .section-delivery__map {
        right: -660px
    }
    .section-key__sidebar {
        width: 300px
    }
    .section-key__sidebar-body {
        padding: 30px
    }
    .section-faq__wrapper {
        flex-wrap: wrap
    }
    .section-faq__sidebar {
        margin: 0 auto;
        position: static
    }
    .section-faq__spollers {
        flex: none;
        width: 100%
    }
    .section-connect__body {
        flex-wrap: wrap;
        gap: 20px
    }
    .section-connect__form {
        width: 100%
    }
    .section-shop__head {
        margin-bottom: 30px
    }
    .section-shop__info-search {
        display: none
    }
    .section-shop__head-list {
        padding: 0 30px;
        margin: 0 -30px;
        overflow-x: auto;
        flex-wrap: nowrap
    }
    .section-shop__wrapper {
        flex-direction: column-reverse;
        margin-top: 0
    }
    .section-shop__sidebar {
        width: 100%
    }
    .section-shop__filters {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        width: 320px;
        max-width: 100%;
        overflow-y: auto;
        z-index: 100;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease;
        transition: opacity .4s ease,visibility .4s ease,transform .4s ease;
        transition: opacity .4s ease,visibility .4s ease,transform .4s ease,-webkit-transform .4s ease
    }
    .section-shop__filters._active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .section-shop__filters .section-shop__block-body {
        border-radius: 0 15px 15px 0;
        border: none;
        padding-top: 55px
    }
    .section-shop__delivery {
        width: 400px;
        max-width: 100%
    }
    .section-shop__delivery-icon {
        display: none
    }
    .section-shop__delivery-bottom {
        margin-top: 10px
    }
    .section-shop__delivery-bottom-content {
        margin-top: 0
    }
    .section-shop__sections-wrapper {
        display: none
    }
    .section-shop__main-list-wrapper {
        margin-bottom: 30px
    }
    .section-shop__main-head {
        gap: 10px;
        margin-bottom: 20px
    }
    .section-shop__orderby-select {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    .section-shop__orderby-select._open .select-btn {
        border-color: var(--primary)
    }
    .section-shop__orderby-select .select-btn {
        padding: 10px 15px;
        border: 1px solid var(--silver);
        width: 88px;
        border-radius: 10px;
        transition: border-color .3s ease
    }
    .section-shop__orderby-select .select-input {
        display: none
    }
    .section-shop__orderby-select .select-body {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 5px;
        border-radius: 10px;
        border-top: 1px solid var(--primary)
    }
    .section-shop__sort-content {
        display: none
    }
    .section-shop__view-nav {
        padding: 8px 15px
    }
    .section-search__grid {
        grid-template-columns: repeat(3,1fr);
        margin-bottom: 30px
    }
    .section-product__body {
        gap: 20px
    }
    .section-product__gallery {
        width: 360px
    }
    .section-product__sidebar {
        width: 300px
    }
    .section-product__nav {
        padding: 40px 20px
    }
    .section-info__table-head {
        display: none
    }
    .section-info__table-product {
        flex-wrap: wrap;
        gap: 20px;
        row-gap: 10px
    }
    .section-info__table-product-title {
        flex: 1;
        order: 2
    }
    .section-info__table-product-id {
        order: 1;
        flex: none;
        width: 100%;
        color: var(--dusty)
    }
    .section-info__table-product-unit {
        display: none
    }
    .section-info__table-product-nav {
        order: 3;
        margin-left: auto;
        flex: none;
        gap: 15px
    }
    .section-info__table-product-nav .counter {
        display: none
    }
    .section-info__table-product-nav-wrapper {
        margin: 0
    }
    .section-cart__sidebar {
        top: 120px
    }
    .section-cart__info-block {
        background-color: rgba(0,0,0,0);
        padding: 0
    }
    .section-cart__info-switcher-nav .switcher__nav-btn span:nth-child(1) {
        display: none
    }
    .section-message__decor {
        top: auto;
        bottom: -125px
    }
    .section-company__wrapper {
        grid-template-columns: 1fr
    }
    .section-criterias__item._fill {
        padding: 20px
    }
    .section-criterias__item-title {
        font-size: 20px
    }
    .section-objects__grid {
        grid-template-columns: repeat(2,1fr)
    }
    .section-qr__title {
        margin-bottom: 30px
    }
    .section-qr__wrapper {
        flex-wrap: wrap;
        gap: 20px
    }
    .section-qr__content {
        font-size: 20px
    }
    .intro__body {
        padding: 30px
    }
    .intro__title {
        max-width: 580px
    }
    .section-shipping__nav {
        margin-bottom: 30px
    }
    .section-shipping__head-body {
        max-width: none
    }
    .section-shipping__head-img {
        position: static;
        margin: 20px auto 0 auto;
        width: 600px
    }
    .section-shipping__wrapper {
        flex-wrap: wrap
    }
    .section-shipping__list {
        flex: none;
        width: 100%
    }
    .section-shipping__attention {
        flex: none;
        width: 100%
    }
    .section-shipping__block {
        margin: 40px 0
    }
    .section-shipping__block-head {
        margin-bottom: 30px
    }
    .section-shipping__map {
        height: 400px
    }
    .section-shipping__grid {
        flex-wrap: wrap;
        gap: 20px
    }
    .section-shipping__grid-item {
        padding: 25px;
        flex: none!important;
        width: 100%!important
    }
    .section-shipping__table-wrapper {
        padding: 0 30px;
        margin: 0 -30px
    }
    .section-shipping__table-wrapper table {
        min-width: 900px
    }
    .section-shipping__table-wrapper table thead {
        padding-bottom: 10px
    }
    .section-shipping__table-wrapper table tbody tr {
        padding: 10px 0
    }
    .section-shipping__table-wrapper table td,
    .section-shipping__table-wrapper table th {
        font-size: 18px
    }
    .section-shipping__pickup-wrapper {
        grid-template-columns: 1fr
    }
    .section-shipping__pickup-gallery {
        max-width: 700px;
        width: 100%;
        margin: 0 auto
    }
    .section-shipping__pickup-descr {
        font-size: 18px
    }
    .section-shipping__calc {
        flex-wrap: wrap;
        justify-content: center
    }
    .section-shipping__calc-info {
        width: 100%;
        flex: none
    }
    .section-shipping__calc-main {
        width: 100%;
        max-width: 600px
    }
    .section-pay__wrapper {
        margin-top: 30px
    }
    .section-blog__head {
        flex-wrap: wrap;
        margin-bottom: 25px
    }
    .section-blog__search-form {
        width: 100%
    }
    .section-blog__wrapper {
        flex-wrap: wrap
    }
    .section-blog__grid {
        grid-template-columns: repeat(3,1fr)
    }
    .section-blog__popular {
        position: static;
        padding: 0;
        width: 100%
    }
    .section-article__title {
        margin-bottom: 30px
    }
    .section-article__head-block {
        width: auto
    }
    .section-article__content img {
        margin-bottom: 30px
    }
    .section-article__sidebar {
        display: none
    }
    .section-advices__wrapper {
        flex-wrap: wrap
    }
    .section-advices__consult {
        margin-top: 30px
    }
    .section-advices__sidebar {
        width: 100%
    }
    .intro-single::before {
        position: absolute;
        content: "";
        inset: 0 0 140px 0;
        background-color: #fff3ec;
        z-index: -1
    }
    .intro-single__bg {
        display: none
    }
    .intro-single__wrapper {
        flex-wrap: wrap
    }
    .intro-single__info {
        flex: none!important;
        width: 100%
    }
    .intro-single__content {
        margin-bottom: 20px
    }
    .intro-single__list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px
    }
    .intro-single__list li {
        font-size: 18px
    }
    .intro-single__btn {
        margin-top: 30px
    }
    .intro-single__img {
        max-width: calc(100% - 40px)
    }
    .section-single {
        margin-top: 0
    }
    .section-single__wrapper {
        flex-wrap: wrap
    }
    .section-single__info {
        flex: none;
        width: 100%;
        order: 2
    }
    .section-single__gallery {
        position: static;
        width: 350px;
        margin: 20px auto;
        aspect-ratio: 1/1.05
    }
    .section-single__nav {
        position: static;
        order: 1;
        margin: 0 auto;
        width: 400px;
        max-width: 100%
    }
    .section-jobs__wrapper {
        flex-wrap: wrap
    }
    .section-jobs__info {
        flex: none;
        width: 100%
    }
    .section-jobs__grid {
        margin-top: 60px
    }
    .section-jobs__reklam {
        width: 100%;
        position: static
    }
    .section-notfound__content {
        font-size: 28px
    }
    .section-notfound__content a {
        text-underline-offset: 5px
    }
    .section-contacts__nav {
        margin-bottom: 30px
    }
    .section-contacts__wrapper {
        flex-wrap: wrap
    }
    .section-contacts__info {
        width: 100%
    }
    .section-contacts__map {
        width: 100%
    }
    .section-contacts__grid {
        margin-top: 30px;
        gap: 20px
    }
    .section-encyclopedia__head {
        margin-bottom: 30px
    }
    .section-encyclopedia__grid {
        gap: 30px
    }
    .section-encyclopedia__item {
        width: 200px
    }
    .section-encyclopedia__search {
        margin-top: 30px
    }
    .section-encyclopedia__search-content {
        font-size: 18px;
        margin-bottom: 20px
    }
    .section-encyclopedia__table-wrapper {
        margin: 0 -30px;
        padding-left: 30px;
        padding: 0 10px 0 30px
    }
    .section-encyclopedia__table {
        margin-top: 30px
    }
    .section-encyclopedia__table thead {
        margin-bottom: 25px
    }
    .section-encyclopedia__content {
        margin-top: 30px
    }
    .section-encyclopedia__wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
    .section-encyclopedia__main-content {
        flex: none;
        width: 100%
    }
    .section-encyclopedia__single {
        flex-wrap: wrap
    }
    .section-encyclopedia__single-content {
        flex: none;
        width: 100%
    }
    .section-encyclopedia__single-gallery {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3,1fr)
    }
    .section-encyclopedia__single-gallery-item {
        aspect-ratio: 1/1
    }
    .section-encyclopedia__sizes-table {
        margin-top: 30px
    }
    .section-encyclopedia__sizes-title {
        margin-bottom: 25px
    }
    .section-encyclopedia__sizes-table-wrapper {
        overflow-x: auto;
        margin: 0 -30px;
        padding: 0 30px
    }
    .section-requisites__list li {
        font-size: 18px
    }
    .section-requisites__list li span:first-child {
        flex-basis: 180px
    }
    .footer__head {
        flex-wrap: wrap;
        gap: 35px
    }
    .footer__form {
        flex: none;
        width: 100%;
        gap: 24px
    }
}
@media (max-width:767px) {
    .container {
        padding: 0 20px
    }
    .btn-tab {
        font-size: 16px
    }
    .btn-tag {
        font-size: 15px
    }
    .label-checkbox {
        font-size: 15px
    }
    .section-margin {
        margin: 30px 0
    }
    .main-title {
        font-size: 26px
    }
    .section-title {
        font-size: 22px
    }
    .third-title {
        font-size: 18px
    }
    .card-category__title {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .card-product {
        border-radius: 10px;
        padding: 10px
    }
    .card-product__id {
        font-size: 8px;
        color: var(--dusty)
    }
    .card-product__tag {
        padding: 5px;
        font-size: 8px
    }
    .card-product__title {
        font-size: 14px
    }
    .card-product__price {
        font-size: 16px;
        margin-bottom: 15px
    }
    .card-product__footer .card-product__counter {
        display: none
    }
    .card-product__footer._active .card-product__counter {
        display: flex
    }
    .card-product__footer._active .card-product__cart-btn {
        display: none
    }
    .card-product__counter {
        border-radius: 5px
    }
    .card-product__counter-btn {
        height: 28px
    }
    .card-product__counter-input {
        font-size: 12px
    }
    .card-product__cart-btn {
        font-size: 12px;
        line-height: 108%;
        border-radius: 5px;
        padding: 8px 5px!important
    }
    .card-product__order-btn {
        font-size: 12px;
        line-height: 108%;
        border-radius: 5px;
        padding: 7px 5px!important
    }
    .card-product__order-btn::before {
        border-radius: 5px
    }
    .card-product__order-btn svg {
        width: 12px;
        height: 16px
    }
    .card-product__time-info {
        display: none
    }
    .card-fasteners {
        padding: 20px;
        min-height: 115px;
        border-radius: 15px
    }
    .card-fasteners::after,
    .card-fasteners::before {
        width: 130px;
        right: -30px;
        bottom: -50px
    }
    .card-fasteners__title {
        font-size: 15px
    }
    .card-fasteners__btn {
        display: none
    }
    .card-fasteners__img {
        width: 145px;
        height: 100%
    }
    .slider-pagination {
        width: 100%;
        justify-content: center
    }
    .content {
        font-size: 15px
    }
    .content h1 {
        font-size: 26px
    }
    .content h1:not(:first-child) {
        margin-top: 20px
    }
    .content h2 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .content h2:not(:first-child) {
        margin-top: 20px
    }
    .content h3 {
        font-size: 18px;
        margin: 20px 0
    }
    .content-big {
        font-size: 16px
    }
    .content-big ul {
        padding-left: 20px
    }
    .content-big h1 {
        font-size: 26px
    }
    .content-big h1:not(:first-child) {
        margin-top: 20px
    }
    .content-big h2 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .content-big h2:not(:first-child) {
        margin-top: 20px
    }
    .content-big h3 {
        font-size: 18px;
        margin: 20px 0
    }
    .breadcrumbs {
        margin: 25px 0
    }
    .pagination {
        gap: 10px
    }
    .pagination-item {
        width: 30px;
        height: 30px
    }
    .pagination-arrow {
        width: 12px;
        height: 24px
    }
    .card-product-line {
        padding: 20px 15px;
        border-radius: 15px
    }
    .card-product-line__nav {
        width: 100%
    }
    .card-product-line__nav .card-product__counter {
        display: none
    }
    .card-product-line__nav .card-product__counter {
        display: none
    }
    .card-product-line__cart-btn {
        font-size: 12px;
        line-height: 108%;
        border-radius: 5px;
        padding: 8px 5px!important;
        width: 100%
    }
    .card-product-line__order-btn {
        font-size: 12px;
        line-height: 108%;
        border-radius: 5px;
        padding: 7px 5px!important
    }
    .card-product-line__order-btn::before {
        border-radius: 5px
    }
    .card-product-line__order-btn svg {
        width: 12px;
        height: 16px
    }
    .card-search {
        padding: 15px
    }
    .card-search__title {
        font-size: 14px
    }
    .tag {
        padding: 5px;
        font-size: 8px
    }
    .switcher__nav {
        margin-bottom: 20px
    }
    .switcher__nav-btn {
        font-size: 22px
    }
    .card-team__title {
        font-size: 18px
    }
    .card-team__list {
        font-size: 15px
    }
    .table-wrapper {
        margin: 0 -20px;
        padding: 0 20px
    }
    .quick-cart__label .desk {
        display: none
    }
    body>header {
        padding: 0;
        box-shadow: none
    }
    .header__wrapper {
        padding: 10px 0
    }
    .header__catalog-btn span {
        display: none
    }
    .header__contacts {
        margin-left: auto
    }
    .section-hero {
        margin-bottom: 25px
    }
    .section-hero__slide {
        padding: 35px 30px
    }
    .section-hero__slide-title {
        font-size: 32px;
        margin-bottom: 35px
    }
    .section-hero__slider-pagination {
        position: static;
        width: 100%;
        justify-content: center;
        margin-top: 30px
    }
    .section-about {
        margin: 24px 0 50px 0
    }
    .section-about__title {
        margin-bottom: 20px
    }
    .section-about__subtitle {
        margin-bottom: 10px
    }
    .section-catalog__title-wrapper {
        gap: 10px
    }
    .section-catalog__subtitle {
        margin-bottom: 4px
    }
    .section-catalog__grid {
        grid-template-columns: repeat(2,1fr)
    }
    .section-switcher__slider-btn {
        display: none
    }
    .section-switcher__slider {
        margin: 0
    }
    .section-fasteners__slider-wrapper .swiper-slide {
        width: 265px!important
    }
    .section-popular__grid {
        grid-template-columns: repeat(2,1fr)
    }
    .section-production__item-title {
        font-size: 15px;
        margin-bottom: 8px
    }
    .section-production__item-subtitle {
        font-size: 15px
    }
    .section-delivery {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        padding-bottom: 55px
    }
    .section-delivery__wrapper {
        position: static
    }
    .section-delivery__list li {
        font-size: 15px
    }
    .section-delivery__car {
        display: none
    }
    .section-delivery__map {
        bottom: -100px;
        left: 40px;
        right: auto;
        top: auto
    }
    .section-delivery__adv-slider {
        margin-top: 240px
    }
    .section-delivery__adv-item {
        font-size: 15px;
        padding: 15px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
        gap: 10px;
        font-size: 15px
    }
    .section-delivery__adv-item strong {
        line-height: 130%
    }
    .section-reviews__slide-body {
        background-color: rgba(237,110,0,.06)
    }
    .section-reviews__slide-body::before {
        opacity: 1;
        left: 15px
    }
    .section-reviews__slide-author {
        padding: 20px 20px 0 20px;
        margin-top: 15px
    }
    .section-key__wrapper {
        display: block
    }
    .section-key__spoller-btn {
        width: 100%;
        justify-content: space-between
    }
    .section-key__tags a {
        font-size: 15px
    }
    .section-key__sidebar {
        position: static;
        margin: 50px auto;
        width: 400px;
        max-width: 100%
    }
    .section-key__sidebar-bg {
        bottom: auto;
        top: 25px
    }
    .section-key__sidebar-img {
        margin-top: 50px
    }
    .section-key__sidebar-btn {
        margin: 25px auto 0 auto
    }
    .section-key__recommendations {
        margin-bottom: 70px
    }
    .section-key__recommendations-item:not(:last-child) {
        margin-bottom: 25px
    }
    .section-key__recommendations-title {
        font-size: 18px;
        margin-bottom: 20px
    }
    .section-key__recommendations-list {
        gap: 10px
    }
    .section-key__recommendations-list a,
    .section-key__recommendations-list div {
        font-size: 15px
    }
    .section-faq__nav {
        margin: 0 -20px;
        padding: 0 20px
    }
    .section-faq__nav-btn {
        font-size: 12px;
        padding: 6px 10px
    }
    .section-faq__sidebar {
        width: 400px
    }
    .section-faq__sidebar-body {
        padding: 20px 20px 40px 20px
    }
    .section-faq__sidebar-content {
        max-width: 280px
    }
    .section-faq__sidebar-tag {
        right: 8px
    }
    .section-faq__spoller-btn {
        padding: 20px
    }
    .section-faq__spoller-body {
        padding: 10px 20px 20px 20px
    }
    .section-connect__head {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        z-index: -999;
        left: -10000px
    }
    .section-connect__head-content {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        z-index: -999;
        left: -10000px
    }
    .section-connect__body {
        padding: 20px
    }
    .section-connect__main-title {
        margin-bottom: 20px
    }
    .section-connect__content {
        margin: 0
    }
    .section-connect__guarantee {
        display: none
    }
    .section-connect__form .input-control {
        flex-wrap: wrap
    }
    .section-connect__form .input-control .btn,
    .section-connect__form .input-control .btn-file,
    .section-connect__form .input-control .input {
        flex: none;
        width: 100%
    }
    .section-connect__form-send {
        width: 100%
    }
    .section-connect__form-policy {
        font-size: 15px
    }
    .section-banner__slide-title {
        font-size: 32px
    }
    .section-banner__slide-content {
        font-size: 22px
    }
    .section-banner__slider-pagination {
        position: static;
        width: 100%!important;
        justify-content: center;
        margin-top: 30px
    }
    .section-shop__head-list {
        padding: 0 20px;
        margin: 0 -20px
    }
    .section-shop__view-btn {
        width: 30px;
        height: 30px
    }
    .section-shop__view-btn._list-full {
        display: none
    }
    .section-shop__grid {
        gap: 10px
    }
    .section-shop__grid-big {
        grid-template-columns: repeat(2,1fr);
        gap: 10px
    }
    .section-shop__navigation {
        margin-top: 20px
    }
    .section-shop__navigation .pagination {
        display: none
    }
    .section-shop__product-head {
        flex-direction: column;
        align-items: start;
        gap: 10px;
        margin-bottom: 35px
    }
    .section-shop__product-count {
        font-size: 12px;
        margin-bottom: 0
    }
    .section-shop__product-content {
        font-size: 15px
    }
    .section-shop__application-title {
        font-size: 16px
    }
    .section-shop__application-gallery {
        gap: 10px
    }
    .section-shop__application-gallery img {
        width: 48px;
        height: 48px;
        border-radius: 5px
    }
    .section-recommendation__slide {
        width: 155px!important
    }
    .section-search__title {
        margin-bottom: 30px
    }
    .section-search__grid {
        grid-template-columns: repeat(2,1fr);
        gap: 10px
    }
    .section-product {
        overflow: hidden
    }
    .section-product__gallery {
        width: 550px;
        max-width: 100%;
        gap: 20px;
        margin: 0 auto
    }
    .section-product__thumb-slider {
        overflow: visible!important;
        height: 75px
    }
    .section-product__thumb-slide {
        width: 75px!important
    }
    .section-product__slide {
        border: 1px solid var(--wild);
        aspect-ratio: 1/.7
    }
    .section-product__info {
        margin-top: 20px
    }
    .section-product__info-title {
        font-size: 22px
    }
    .section-product__info-list li {
        font-size: 16px
    }
    .section-product__file-download {
        margin-top: 40px
    }
    .section-product__sidebar {
        width: 500px;
        max-width: 100%;
        margin-right: auto
    }
    .section-product__nav {
        padding: 25px 20px
    }
    .section-product__price-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px
    }
    .section-product__price-title {
        font-size: 18px;
        margin: 0
    }
    .section-product__price-value {
        font-size: 18px
    }
    .section-product__nav-bottom {
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }
    .section-product__nav-bottom .counter {
        flex: auto;
        width: 100%!important
    }
    .section-product__cart-btn {
        width: 100%
    }
    .section-info__head {
        margin: 0 -20px;
        padding: 0 20px
    }
    .section-info__nav-btn {
        font-size: 16px;
        padding: 15px 20px
    }
    .section-info__table-product {
        padding: 10px
    }
    .section-info__table-product-title {
        font-size: 10px
    }
    .section-info__table-product-id {
        font-size: 8px
    }
    .section-info__table-product-price {
        font-size: 10px
    }
    .section-info__table-product-btn {
        width: 30px;
        height: 30px;
        border-radius: 5px
    }
    .section-info__table-product-btn svg {
        width: 18px;
        height: 18px
    }
    .section-info__content-title {
        font-size: 22px;
        margin-bottom: 20px
    }
    .section-info__content-descr {
        font-size: 15px
    }
    .section-info__content-spec {
        max-width: 500px
    }
    .section-info__content-spec li {
        font-size: 15px
    }
    .section-info__sizes-wrapper {
        padding: 0 20px;
        margin: 0 -20px
    }
    .section-info__sizes {
        min-width: 760px
    }
    .section-cart__warn {
        margin: 50px 0;
        padding: 20px
    }
    .section-cart__warn-content span {
        display: block
    }
    .section-cart__head {
        margin-bottom: 15px
    }
    .section-cart__head-main {
        justify-content: space-between
    }
    .section-cart__delete-all {
        font-size: 15px
    }
    .section-cart__head-nav {
        display: none
    }
    .section-cart__sidebar {
        position: static;
        width: 100%
    }
    .section-cart__sidebar-block {
        padding: 40px 20px
    }
    .section-cart__sum-order {
        font-size: 18px
    }
    .section-cart__form-person {
        grid-template-columns: repeat(2,1fr)
    }
    .section-cart__form-person .input-control:last-child {
        grid-column: 2 span
    }
    .section-cart__form-pickup {
        grid-template-columns: repeat(2,1fr)
    }
    .section-cart__download-scheme {
        margin: 0
    }
    .section-cart__quick-cart-wrapper {
        margin-top: 50px
    }
    .section-message__decor {
        bottom: -180px
    }
    .section-message__title {
        margin-bottom: 25px
    }
    .section-message__content {
        font-size: 15px
    }
    .section-message__content p:not(:last-child) {
        margin-bottom: 15px
    }
    .section-company__title {
        margin-bottom: 30px
    }
    .section-company__bottom-content {
        font-size: 16px;
        padding: 20px 15px
    }
    .section-company__adv {
        grid-template-columns: repeat(2,1fr);
        gap: 20px
    }
    .section-company__adv-item {
        padding: 20px 15px
    }
    .section-company__adv-num {
        font-size: 24px
    }
    .section-company__adv-value {
        font-size: 15px
    }
    .section-criterias__item {
        gap: 10px
    }
    .section-criterias__item._fill {
        border-radius: 15px
    }
    .section-criterias__item::before {
        width: 20px;
        height: 20px
    }
    .section-criterias__item-title {
        margin-bottom: 15px
    }
    .section-team {
        overflow: hidden
    }
    .section-team__slider-wrapper {
        display: block
    }
    .section-team__slider-wrapper .slider-btn {
        display: none
    }
    .section-team__slider {
        overflow: visible!important
    }
    .section-team__slider .swiper-slide {
        width: 220px!important
    }
    .section-objects__item {
        font-size: 18px;
        padding: 10px
    }
    .section-objects__item-info {
        left: 10px;
        right: 10px;
        bottom: 10px
    }
    .section-qr {
        display: none;
        padding: 50px 0
    }
    .section-qr__content {
        font-size: 18px
    }
    .section-qr__grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        width: 100%
    }
    .section-qr__item {
        width: 100%
    }
    .section-qr__item-btn {
        font-size: 16px
    }
    .intro__body {
        padding: 30px 20px
    }
    .intro__title {
        max-width: 375px
    }
    .intro__img {
        width: 300px;
        right: -150px
    }
    .intro__img._pay {
        right: 0
    }
    .section-shipping__nav {
        margin-bottom: 25px
    }
    .section-shipping__head {
        padding: 25px
    }
    .section-shipping__wrapper {
        margin-top: 25px
    }
    .section-shipping__list li {
        font-size: 16px;
        gap: 10px
    }
    .section-shipping__attention {
        padding: 25px
    }
    .section-shipping__attention-head svg {
        width: 30px;
        height: 30px
    }
    .section-shipping__grid-item-head svg {
        width: 30px;
        height: 30px
    }
    .section-shipping__logos {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px
    }
    .section-shipping__logo {
        padding: 7px 15px;
        min-height: 70px
    }
    .section-shipping__table-wrapper {
        padding: 0 20px;
        margin: 0 -20px
    }
    .section-shipping__table-wrapper table {
        min-width: 650px
    }
    .section-shipping__table-wrapper table thead {
        padding-bottom: 5px
    }
    .section-shipping__table-wrapper table tbody tr {
        padding: 5px 0
    }
    .section-shipping__table-wrapper table td,
    .section-shipping__table-wrapper table th {
        font-size: 16px
    }
    .section-shipping__pickup-descr {
        font-size: 16px
    }
    .section-shipping__pickup-descr p:not(:last-child) {
        margin-bottom: 16px
    }
    .section-pay__wrapper {
        grid-template-columns: 1fr
    }
    .section-pay__col-head {
        margin-bottom: 25px
    }
    .section-pay__col-body {
        gap: 25px
    }
    .section-pay__col-item {
        gap: 10px
    }
    .section-pay__col-item svg {
        width: 25px;
        height: 25px
    }
    .section-pay__col-item-title {
        margin-bottom: 20px
    }
    .section-pay__col-bottom {
        padding: 15px;
        gap: 10px
    }
    .section-pay__col-bottom svg {
        width: 25px;
        height: 25px
    }
    .section-blog__grid {
        grid-template-columns: repeat(2,1fr)
    }
    .section-blog__navigation {
        margin-top: 25px
    }
    .section-blog__popular-title {
        margin-bottom: 25px
    }
    .section-article__head {
        gap: 10px
    }
    .section-article__spec {
        font-size: 14px;
        gap: 10px
    }
    .section-article__spec-item svg {
        width: 16px;
        height: 16px
    }
    .section-advices__consult {
        margin-top: 25px
    }
    .section-advices__consult-content {
        font-size: 16px
    }
    .section-advices__sidebar-list {
        gap: 12px
    }
    .section-advices__sidebar-list a {
        font-size: 15px
    }
    .intro-single .breadcrumbs {
        margin-bottom: 30px!important
    }
    .section-single__grid {
        margin-top: 20px
    }
    .section-single__grid-item-list li {
        font-size: 16px
    }
    .section-single__grid-item-list li {
        font-size: 15px
    }
    .section-portfolio {
        overflow: hidden
    }
    .section-portfolio__slider {
        overflow: visible!important
    }
    .section-portfolio__slide {
        width: 240px!important
    }
    .section-jobs__grid {
        margin-top: 40px
    }
    .section-jobs__item-title {
        font-size: 22px;
        margin-bottom: 15px
    }
    .section-jobs__item-list {
        gap: 5px
    }
    .section-notfound__wrapper .quick-cart {
        margin-top: 30px
    }
    .section-notfound__content {
        font-size: 24px
    }
    .section-contacts__info {
        gap: 15px
    }
    .section-contacts__info-tel {
        font-size: 18px
    }
    .section-contacts__info-title {
        font-size: 18px
    }
    .section-contacts__info-content {
        font-size: 16px
    }
    .section-contacts__map {
        min-height: 350px
    }
    .section-contacts__grid-item {
        grid-column: 2 span;
        flex-wrap: wrap;
        gap: 30px;
        row-gap: 20px
    }
    .section-contacts__grid-title {
        font-size: 20px
    }
    .section-contacts__grid-content {
        font-size: 16px
    }
    .section-contacts__grid-img {
        width: 200px
    }
    .section-encyclopedia__info {
        gap: 20px;
        row-gap: 10px
    }
    .section-encyclopedia__item {
        width: 150px
    }
    .section-encyclopedia__item img {
        width: 30px
    }
    .section-encyclopedia__search-content {
        font-size: 16px
    }
    .section-encyclopedia__table-wrapper {
        padding-left: 20px;
        padding: 0 10px 0 20px;
        margin: 0 -20px
    }
    .section-encyclopedia__table {
        min-width: 780px;
        padding-right: 20px
    }
    .section-encyclopedia__table thead {
        margin-bottom: 15px;
        padding-bottom: 10px
    }
    .section-encyclopedia__table .cell {
        font-size: 14px
    }
    .section-encyclopedia__table .gallery {
        height: 60px
    }
    .section-encyclopedia__main-content ul li::before {
        margin-top: 6px
    }
    .section-encyclopedia__single-gallery {
        grid-template-columns: repeat(2,1fr);
        gap: 15px
    }
    .section-requisites__list li {
        font-size: 16px
    }
    .section-requisites__list li span:first-child {
        flex-basis: 150px
    }
    .footer__head {
        margin-bottom: 50px
    }
    .footer__form-input {
        font-size: 16px;
        padding-bottom: 20px
    }
    .footer__wrapper {
        flex-wrap: wrap;
        gap: 24px
    }
    .footer__nav {
        gap: 24px;
        width: 100%
    }
    .footer__nav-item {
        width: auto;
        flex: 1
    }
    .footer__contacts {
        margin-top: 10px
    }
    .footer__contacts-title {
        font-weight: 600
    }
}
@media (max-width:575px) {
    .btn-tab {
        font-size: 12px;
        border-radius: 6px;
        padding: 6px 12px
    }
    .btn-more {
        width: 100%
    }
    .btn-download {
        font-size: 14px
    }
    .select-item {
        padding: 10px 15px
    }
    .select-not-found {
        padding: 10px 15px;
        font-size: 14px
    }
    .section-head {
        margin-bottom: 15px
    }
    .section-head .btn {
        display: none
    }
    .card-category {
        padding: 10px;
        border-radius: 10px;
        aspect-ratio: 1/.85
    }
    .card-category__count {
        margin-bottom: 25px
    }
    .card-category__img {
        width: 40px
    }
    .card-category__circle {
        display: none
    }
    .card-product__top {
        min-height: 20px
    }
    .card-product__title {
        font-size: 12px
    }
    .card-product__content {
        font-size: 13px
    }
    .card-article__gallery {
        aspect-ratio: 1/.89
    }
    .card-article__title {
        font-size: 15px
    }
    .card-article__content {
        font-size: 15px
    }
    .card-article__date {
        font-size: 12px
    }
    .card-product-line {
        padding: 10px;
        align-items: start;
        gap: 10px;
        padding: 0;
        border-radius: 0
    }
    .card-product-line:not(:last-child) {
        padding-bottom: 10px;
        border-bottom: 1px solid var(--wild)
    }
    .card-product-line__gallery {
        width: 70px
    }
    .card-product-line__gallery .card-product__top {
        min-height: auto;
        margin-bottom: 0
    }
    .card-product-line__gallery .card-product__id span {
        display: none
    }
    .card-product-line__gallery .card-product__tag {
        display: none
    }
    .card-product-line__gallery .card-product__slider {
        height: 70px!important
    }
    .card-product-line__gallery .card-product__slider-pagination {
        margin-top: 5px
    }
    .card-product-line__gallery .card-product__slider-pagination .swiper-pagination-bullet {
        width: 3px;
        height: 3px
    }
    .card-product-line .card-product__content {
        display: none
    }
    .card-product-line__wrapper {
        gap: 7px
    }
    .card-product-line__nav {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 10px
    }
    .card-product-line__nav .card-product__price {
        margin: 0;
        margin-left: auto
    }
    .card-product-line__cart-btn {
        padding: 0;
        width: 30px;
        height: 30px
    }
    .card-product-line__cart-btn span {
        display: none
    }
    .card-product-line__order-btn {
        padding: 0;
        width: 30px;
        height: 30px
    }
    .card-product-line__order-btn span {
        display: none
    }
    .card-product-line__time-info {
        display: none
    }
    .card-product-full__time-info {
        display: none
    }
    .card-product-cart {
        position: relative;
        gap: 20px
    }
    .card-product-cart .label-checkbox {
        position: absolute;
        left: 0;
        bottom: 30px
    }
    .card-product-cart__body {
        gap: 10px
    }
    .card-product-cart__title {
        font-size: 15px
    }
    .card-product-cart__id {
        color: var(--dusty)
    }
    .card-product-cart__id span {
        display: none
    }
    .card-product-cart__warn {
        font-size: 10px
    }
    .card-product-cart__price-value {
        font-size: 15px
    }
    .card-product-cart__price-signature {
        font-size: 10px
    }
    .card-product-cart__main-price {
        font-size: 15px
    }
    .switcher__switch._right::before {
        left: calc(100% - 30px)
    }
    .table-wrapper table {
        width: 880px;
        font-size: 12px
    }
    .table-wrapper td,
    .table-wrapper th {
        padding: 10px 5px
    }
    .table-wrapper td:first-child,
    .table-wrapper th:first-child {
        flex-basis: 100px
    }
    .table-wrapper td:last-child,
    .table-wrapper th:last-child {
        flex-basis: 50px
    }
    .quick-cart__label {
        font-size: 14px
    }
    .quick-cart__result-item {
        font-size: 14px;
        padding: 8px 14px
    }
    .modal {
        padding: 40px 15px 20px 15px;
        border-radius: 12px
    }
    .modal__close {
        top: 15px;
        right: 15px
    }
    .modal__title {
        font-size: 28px
    }
    .modal__content {
        font-size: 16px;
        margin-bottom: 25px
    }
    .modal-delete__nav {
        grid-template-columns: 1fr
    }
    .section-hero__slide {
        min-height: 405px
    }
    .section-about__adv {
        grid-template-columns: 1fr
    }
    .section-about__adv-item {
        padding: 0;
        border-radius: 16px;
        background-color: rgba(0,0,0,0)
    }
    .section-about__adv-title {
        margin: 10px 0 12px 0;
        padding-right: 40px
    }
    .section-about__adv-content {
        font-size: 15px;
        padding-right: 56px
    }
    .section-catalog {
        padding: 20px 0;
        background-color: #fff;
        border-radius: 20px
    }
    .section-catalog__head {
        align-items: start
    }
    .section-catalog__btn {
        display: none
    }
    .section-catalog__grid {
        gap: 10px
    }
    .section-popular__btn {
        display: none
    }
    .section-popular__nav {
        padding: 10px;
        border-radius: 10px;
        gap: 10px;
        margin-bottom: 20px
    }
    .section-popular__nav-btn {
        font-size: 12px;
        padding: 6px 15px;
        border-radius: 6px
    }
    .section-popular__grid {
        gap: 10px
    }
    .section-production__grid {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .section-production__item {
        min-height: 130px
    }
    .section-production__item:nth-child(1) {
        aspect-ratio: 1/.85
    }
    .section-production__item:nth-child(1) .section-production__item-title {
        max-width: none
    }
    .section-production__item-title {
        max-width: 170px
    }
    .section-production__item-btn {
        display: none
    }
    .section-delivery__head-btn {
        display: none
    }
    .section-partners__slide {
        width: 100px!important;
        border-radius: 10px
    }
    .section-certificates__btn {
        display: none
    }
    .section-certificates__slide {
        border-radius: 5px;
        width: 125px!important
    }
    .section-reviews__head-btn {
        display: none
    }
    .section-reviews__nav {
        margin: 0 -20px 30px -20px;
        padding: 0 20px
    }
    .section-reviews__nav-btn {
        font-size: 12px;
        line-height: 120%;
        padding: 6px 10px;
        border-radius: 6px
    }
    .section-reviews__slide {
        width: 275px!important
    }
    .section-reviews__slide-content {
        font-size: 15px
    }
    .section-reviews__author-avatar {
        display: none
    }
    .section-useful__slide {
        width: 265px!important
    }
    .section-key__recommendations-title {
        font-size: 15px
    }
    .section-connect {
        position: relative;
        border-radius: 15px 15px 0 0;
        background-color: var(--primary);
        padding: 20px 0;
        margin: 0!important;
        z-index: 1
    }
    .section-connect::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        height: 70px;
        background-color: var(--primary);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        z-index: -1
    }
    .section-connect__body {
        padding: 0;
        background-color: rgba(0,0,0,0)
    }
    .section-banner__slide {
        min-height: 405px;
        align-items: start
    }
    .section-shop__main-list-title {
        font-size: 15px
    }
    .section-shop__btn-more {
        width: 100%
    }
    .section-shop__grid-lines {
        padding: 10px;
        border-radius: 15px;
        background-color: #fff
    }
    .section-shop__product-wrapper {
        flex-wrap: wrap
    }
    .section-shop__product-img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        position: static
    }
    .section-shop__product-info {
        display: flex;
        flex-direction: column-reverse
    }
    .section-shop__product-application {
        margin: 0 0 30px 0
    }
    .section-product__title {
        margin-bottom: 0
    }
    .section-product__head-wrapper {
        display: none
    }
    .section-product__id {
        font-size: 12px
    }
    .section-product__btn-share {
        font-size: 12px
    }
    .section-product__slide {
        aspect-ratio: inherit;
        height: 230px
    }
    .section-product__info-head {
        margin-bottom: 15px
    }
    .section-info__table {
        margin-top: 15px
    }
    .section-info__sizes-wrapper table {
        width: 880px;
        font-size: 12px
    }
    .section-info__sizes-wrapper td,
    .section-info__sizes-wrapper th {
        padding: 10px 5px
    }
    .section-info__sizes-wrapper td:first-child,
    .section-info__sizes-wrapper th:first-child {
        flex-basis: 100px
    }
    .section-info__sizes-wrapper td:last-child,
    .section-info__sizes-wrapper th:last-child {
        flex-basis: 50px
    }
    .section-cart__warn-content {
        font-size: 10px
    }
    .section-cart__delete-all span:nth-child(2) {
        display: none
    }
    .section-cart__info {
        margin-top: 40px;
        gap: 40px
    }
    .section-cart__info-switcher-nav {
        gap: 10px
    }
    .section-cart__form-person {
        grid-template-columns: 1fr
    }
    .section-cart__form-person .input-control:last-child {
        grid-column: 1 span
    }
    .section-cart__form-pickup {
        grid-template-columns: 1fr
    }
    .section-cart__download-scheme {
        margin: 0 auto
    }
    .section-cart__quick-cart-wrapper {
        margin-top: 30px
    }
    .section-message {
        margin-bottom: 150px
    }
    .section-message__decor {
        bottom: -240px
    }
    .section-message__btn {
        display: none
    }
    .section-company__adv {
        gap: 10px
    }
    .section-company__adv-item {
        padding: 15px 10px;
        border-radius: 12px
    }
    .section-company__adv-num {
        font-size: 20px
    }
    .section-criterias__grid {
        grid-template-columns: 1fr;
        gap: 20px
    }
    .section-objects__grid {
        gap: 10px;
        grid-template-columns: 1fr
    }
    .section-trust__slide {
        min-height: 100px
    }
    .section-qr__grid {
        grid-template-columns: 1fr;
        max-width: 350px;
        margin: 0 auto
    }
    .intro__img {
        opacity: .5
    }
    .section-shipping__head {
        padding: 25px 15px
    }
    .section-shipping__attention {
        padding: 25px 15px
    }
    .section-shipping__block {
        margin: 30px 0
    }
    .section-shipping__map {
        height: 350px
    }
    .section-shipping__grid-item {
        padding: 20px 15px
    }
    .section-shipping__pickup-content {
        font-size: 15px
    }
    .section-pay__col-head {
        padding: 15px
    }
    .section-blog__grid {
        gap: 10px
    }
    .section-advices__consult-img {
        width: 140px;
        right: -30px
    }
    .intro-single {
        padding: 40px 0 0 0;
        min-height: auto
    }
    .intro-single__content {
        font-size: 12px
    }
    .intro-single__list li {
        font-size: 12px
    }
    .intro-single__btn {
        width: 100%
    }
    .section-single__grid-item-list li span:nth-child(2) {
        font-weight: 900
    }
    .section-portfolio__slide {
        width: 135px!important
    }
    .section-jobs__grid {
        margin-top: 30px
    }
    .section-jobs__item-head {
        align-items: start;
        flex-direction: column-reverse
    }
    .section-jobs__item-list li {
        padding: 0
    }
    .section-jobs__item-btn {
        min-width: 175px
    }
    .section-notfound__img {
        height: 285px
    }
    .section-notfound__content {
        font-size: 20px
    }
    .section-contacts__btn {
        display: none
    }
    .section-contacts__info-tel {
        font-size: 16px
    }
    .section-contacts__info-title {
        font-size: 16px
    }
    .section-contacts__grid-item {
        padding: 20px 16px
    }
    .section-encyclopedia__item {
        width: 85px
    }
    .section-encyclopedia__item img {
        width: 20px
    }
    .section-encyclopedia__table {
        min-width: 670px;
        padding-right: 10px
    }
    .section-encyclopedia__btn-more {
        margin-top: 25px;
        width: 100%
    }
    .section-requisites__list li span:first-child {
        flex-basis: 110px
    }
    body>footer {
        padding-top: 70px
    }
    .footer__body {
        padding-bottom: 0
    }
    .footer__title {
        max-width: 245px
    }
    .footer__form {
        flex-wrap: wrap
    }
    .footer__form-input {
        width: 100%
    }
    .footer__form-send {
        width: 100%
    }
    .footer__main {
        width: 100%;
        flex-direction: row;
        gap: 24px
    }
    .footer__logo {
        width: 140px;
        flex-shrink: 0
    }
    .footer__main-content {
        font-size: 10px;
        margin: 0;
        flex: 1
    }
    .footer__main-btn {
        display: none
    }
    .footer__nav {
        flex-wrap: wrap
    }
    .footer__nav-item {
        flex: none;
        width: 100%
    }
    .footer__list {
        padding-top: 10px;
        gap: 12px
    }
    .footer__list a {
        font-size: 12px;
        line-height: 117%
    }
    .footer__contacts {
        width: 100%
    }
    .footer__copyright {
        padding-top: 0;
        font-size: 12px
    }
    .footer__copyright .container {
        padding: 0
    }
    .footer__copyright-wrapper {
        gap: 0
    }
    .footer__copyright-content {
        padding: 20px
    }
    .footer__copyright-list {
        padding: 20px;
        border-top: 1px solid var(--dusty)
    }
}
@media (max-width:479px) {
    .card-product__slider {
        height: 110px!important
    }
    .card-product-line .card-product__title {
        font-size: 10px;
        margin-bottom: 0
    }
    .section-search__grid {
        grid-template-columns: 1fr
    }
    .section-info__content-spec {
        grid-template-columns: 1fr
    }
    .section-blog__grid {
        grid-template-columns: 1fr
    }
    .section-advices__consult-content {
        max-width: 250px
    }
    .section-notfound__img {
        height: 230px
    }
}
@media (min-width:576px)and (max-width:1199px) {
    .section-production__item:nth-child(1) {
        grid-row: 1/3;
        grid-column: 1/2;
        min-height: 325px
    }
    .section-production__item:nth-child(2) {
        grid-column: 1/2;
        grid-column: 1/2;
        min-height: 190px
    }
    .section-production__item:nth-child(3) {
        min-height: 250px;
        grid-row: 1/2;
        grid-column: 2/4
    }
    .section-production__item:nth-child(4) {
        grid-row: 2/4;
        grid-column: 2/4;
        min-height: 265px
    }
}
@media (min-width:768px)and (max-width:1199px) {
    .section-delivery__adv-slider .swiper-wrapper {
        grid-template-columns: repeat(2,1fr)
    }
}
@media (max-width:1199px)and (min-width:768px) {
    .footer__nav-item:not(:first-child) {
        display: none
    }
}
@media (any-hover:hover) {
    .btn:hover {
        background-color: var(--primary-dark);
        border-color: var(--primary-dark)
    }
    .btn._outline:hover {
        border: 1px solid var(--primary);
        background-color: var(--primary);
        color: #fff
    }
    .btn._dark:hover {
        background-color: #000;
        border-color: #000;
        color: #fff
    }
    .btn._light:hover {
        border-color: var(--primary);
        background-color: var(--primary);
        color: #fff
    }
    .btn-mob:hover {
        background-color: var(--primary);
        color: #fff
    }
    .btn-item:hover {
        color: #fff;
        background-color: var(--primary)
    }
    .btn-play:hover {
        background-color: #000
    }
    .btn-prev:hover svg {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    .btn-tab:hover {
        color: var(--primary);
        background-color: var(--wild)
    }
    .btn-tag:hover {
        background-color: rgba(235,110,3,.1)
    }
    .btn-download:hover {
        text-decoration: none;
        color: var(--primary)
    }
    .dropdown-list a:hover {
        color: var(--primary)
    }
    .form-search__btn:hover {
        color: var(--primary)
    }
    .form-search__img:hover {
        opacity: .8
    }
    .btn-file:hover {
        background-color: var(--primary-light)
    }
    .btn-file .file-close:hover {
        color: var(--red)
    }
    .select-item:hover {
        background-color: rgba(237,110,0,.2)
    }
    .card-category:hover {
        border-color: var(--primary)
    }
    .card-category:hover .card-category__img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    .card-category:hover .card-category__circle {
        background-color: var(--primary);
        color: #fff;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .card-product__slider-pagination .swiper-pagination-bullet:hover {
        background-color: var(--primary)
    }
    .card-product__title:hover {
        color: var(--primary)
    }
    .card-product__counter-btn:hover {
        color: var(--primary)
    }
    .card-product__cart-btn._outline:hover {
        background-color: var(--primary);
        color: #fff
    }
    .card-product__order-btn:hover svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .card-product__order-btn:hover::before {
        opacity: 1
    }
    .card-fasteners:hover {
        box-shadow: 0 6px 10px 0 rgba(0,0,0,.08)
    }
    .card-fasteners:hover .card-fasteners__btn {
        opacity: 1
    }
    .card-fasteners:hover::before {
        opacity: 0
    }
    .card-fasteners:hover::after {
        opacity: 1
    }
    .card-fasteners__btn:hover .circle {
        background-color: var(--primary);
        color: #fff
    }
    .slider-btn:hover {
        color: var(--primary)
    }
    .card-article:hover {
        box-shadow: 0 6px 10px 0 rgba(0,0,0,.08)
    }
    .card-article__gallery:hover {
        opacity: .8
    }
    .card-article__title:hover {
        color: var(--primary)
    }
    .content a:hover {
        text-decoration: none
    }
    .pagination a:hover {
        color: var(--primary)
    }
    .card-product-line__cart-btn._outline:hover {
        background-color: var(--primary);
        color: #fff
    }
    .card-product-line__order-btn:hover svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .card-product-line__order-btn:hover::before {
        opacity: 1
    }
    .card-search:hover {
        background-color: var(--primary-light)
    }
    .counter__btn:hover {
        color: var(--primary)
    }
    .card-product-cart__title:hover {
        color: var(--primary)
    }
    .card-product-cart__warn .hint:hover {
        color: var(--primary)
    }
    .switcher__nav-btn:hover {
        color: var(--dark)
    }
    .card-team__list a:hover {
        color: var(--primary)
    }
    .table-wrapper tr:hover {
        background-color: var(--athens)
    }
    .quick-cart__btn:hover {
        color: var(--primary)
    }
    .quick-cart__result-item:hover {
        background-color: var(--wild)
    }
    .modal__close:hover {
        color: var(--primary)
    }
    .modal__form-policy a:hover {
        color: var(--primary)
    }
    .drop-catalog__menu-item:hover {
        background-color: #fff
    }
    .drop-catalog__menu-item:hover::after,
    .drop-catalog__menu-item:hover::before {
        opacity: 1
    }
    .drop-catalog__item a:hover {
        color: var(--primary);
        text-decoration: underline
    }
    .drop-catalog__banner-social-btn:hover {
        color: var(--dark)
    }
    .drop-catalog__banner-contacts a:hover {
        color: var(--primary)
    }
    .drop-catalog__tags-list a:hover {
        background-color: var(--primary);
        color: #fff
    }
    .burger__close:hover {
        color: var(--primary)
    }
    .burger__list li:hover {
        color: var(--primary)
    }
    .burger__primary-btn:hover {
        color: var(--primary)
    }
    .burger__mail:hover {
        color: var(--primary)
    }
    .burger__social-btn:hover {
        color: var(--primary)
    }
    .burger__back:hover {
        color: var(--primary)
    }
    .share-item:hover {
        background-color: var(--wild-s)
    }
    .header__list>li>a:hover {
        color: var(--primary)
    }
    .header__list>li>a:hover svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .header__dropdown-item .value:hover {
        text-decoration: underline
    }
    .header__burger-btn:hover {
        background-color: var(--primary-dark)
    }
    .header__catalog-btn:hover {
        background-color: var(--primary-dark)
    }
    .header__tel:hover {
        color: var(--primary)
    }
    .header__tel-btn:hover::after {
        opacity: 1
    }
    .header__tel-mob:hover {
        color: var(--primary)
    }
    .header__cart:hover {
        color: var(--primary)
    }
    .section-catalog__mob-btn:hover {
        color: #fff;
        background-color: var(--primary)
    }
    .section-switcher__slider-btn:hover {
        opacity: .8
    }
    .section-popular__nav-btn:hover {
        background-color: var(--wild)
    }
    .section-production__item:hover {
        background-color: rgba(235,110,3,.2)
    }
    .section-production__item:hover .section-production__item-btn .circle {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        color: var(--black)
    }
    .section-production__item:hover .section-production__item-btn span {
        opacity: 1
    }
    .section-partners__slide:hover img {
        opacity: 1;
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }
    .section-certificates__slide:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
    .section-reviews__nav-btn:hover {
        background-color: var(--wild)
    }
    .section-reviews__slide:hover .section-reviews__slide-body {
        background-color: rgba(237,110,0,.06)
    }
    .section-reviews__slide:hover .section-reviews__slide-body::before {
        opacity: 1
    }
    .section-reviews__slide-gallery:hover {
        opacity: .8
    }
    .section-key__spoller-btn:hover {
        color: var(--primary)
    }
    .section-key__tags a:hover {
        color: var(--white);
        background-color: var(--primary-light)
    }
    .section-key__recommendations-list a:hover,
    .section-key__recommendations-list div:hover {
        background-color: var(--primary);
        color: #fff
    }
    .section-faq__nav-btn:hover {
        background-color: var(--wild)
    }
    .section-faq__social-btn:hover {
        color: var(--dark)
    }
    .section-faq__tel:hover {
        color: var(--primary)
    }
    .section-faq__spoller-btn:hover {
        color: var(--primary)
    }
    .section-connect__form-policy a:hover {
        text-decoration: none
    }
    .section-shop__head-list li:hover {
        border-color: transparent;
        color: var(--primary)
    }
    .section-shop__filters-close:hover {
        color: var(--primary)
    }
    .section-shop__filters-spoller-btn:hover {
        color: var(--primary)
    }
    .section-shop__delivery-btn:hover {
        text-decoration: none
    }
    .section-shop__sections a:hover {
        color: var(--primary)
    }
    .section-shop__view-btn:hover {
        color: #fff;
        background-color: var(--primary)
    }
    .section-product__btn-share:hover {
        color: var(--primary)
    }
    .section-product__thumb-slide:hover {
        border-color: var(--primary-light)
    }
    .section-product__slide:hover img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    .section-product__slide-zoom:hover {
        color: var(--primary)
    }
    .section-product__info-link:hover {
        background-color: var(--primary-light)
    }
    .section-product__file-download:hover {
        background-color: var(--primary-light)
    }
    .section-product__sidebar-content a:hover {
        text-decoration: underline
    }
    .section-info__nav-btn:hover {
        color: var(--primary);
        background-color: var(--wild)
    }
    .section-info__table-product-title:hover {
        color: var(--primary)
    }
    .section-info__sizes-wrapper tr:hover {
        background-color: var(--athens)
    }
    .section-info__product-title:hover {
        color: var(--primary)
    }
    .section-cart__warn:hover {
        background-color: var(--red-light)
    }
    .section-cart__delete-all:hover {
        color: var(--primary)
    }
    .section-cart__head-btn:hover {
        color: var(--primary)
    }
    .section-cart__sidebar-content a:hover {
        color: var(--primary)
    }
    .section-cart__download-scheme:hover {
        color: var(--primary)
    }
    .section-message__content a:hover {
        color: var(--primary)
    }
    .section-objects__item:hover::before {
        opacity: 0
    }
    .section-objects__item:hover .section-objects__item-info {
        visibility: visible;
        opacity: 1
    }
    .section-objects__item:hover .section-objects__item-info .item {
        backdrop-filter: blur(20px);
        opacity: 1
    }
    .section-qr__item-btn:hover {
        color: var(--primary)
    }
    .section-shipping__logo:hover {
        background-color: var(--primary-light)
    }
    .section-shipping__pickup-share:hover {
        color: var(--black)
    }
    .section-shipping__pickup-item a:hover {
        color: var(--primary)
    }
    .section-shipping__pickup-gallery:hover {
        opacity: .8
    }
    .section-blog__search-btn:hover {
        color: var(--primary)
    }
    .section-article__head-share:hover {
        color: var(--dark)
    }
    .section-article__sidebar-list a:hover {
        color: var(--primary)
    }
    .section-advices__sidebar-list a:hover {
        color: var(--primary)
    }
    .section-single__gallery:hover img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    .section-single__nav-list a:hover {
        color: var(--primary)
    }
    .section-portfolio__slide:hover img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    .section-jobs__item:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    .section-notfound__content a:hover {
        text-decoration: none
    }
    .section-contacts__info-tel a:hover {
        color: var(--primary)
    }
    .section-contacts__info-content a:hover {
        color: var(--primary)
    }
    .section-contacts__grid-item:hover {
        border-color: var(--primary)
    }
    .section-contacts__grid-content a:hover {
        color: var(--primary)
    }
    .section-contacts__grid-download:hover {
        color: var(--primary)
    }
    .section-encyclopedia__item:hover::before {
        -webkit-transform: rotate(180deg) scale(1.3);
        transform: rotate(180deg) scale(1.3)
    }
    .section-encyclopedia__item:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }
    .section-encyclopedia__table.table-info .cell a:hover {
        color: var(--primary)
    }
    .section-encyclopedia__table a:hover {
        text-decoration: none
    }
    .section-encyclopedia__sizes-table-wrapper tr:hover {
        color: #fff;
        background-color: #ffad28
    }
    .footer__list a:hover {
        color: var(--primary)
    }
    .footer__contacts-btn:hover {
        color: var(--primary)
    }
    .footer__social-btn:hover {
        color: var(--primary)
    }
    .footer__copyright-list a:hover {
        color: var(--primary);
        text-decoration: none
    }
}
@media (hover:none) {
    .btn:active {
        background-color: var(--primary-dark);
        border-color: var(--primary-dark)
    }
    .btn._outline:active {
        border: 1px solid var(--primary);
        background-color: var(--primary);
        color: #fff
    }
    .btn._dark:active {
        background-color: #000;
        border-color: #000;
        color: #fff
    }
    .btn._light:active {
        border-color: var(--primary);
        background-color: var(--primary);
        color: #fff
    }
    .btn-mob:active {
        background-color: var(--primary);
        color: #fff
    }
    .btn-item:active {
        color: #fff;
        background-color: var(--primary)
    }
    .btn-play:active {
        background-color: #000
    }
    .btn-prev:active svg {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    .btn-tab:active {
        color: var(--primary);
        background-color: var(--wild)
    }
    .btn-tag:active {
        background-color: rgba(235,110,3,.1)
    }
    .btn-download:active {
        text-decoration: none;
        color: var(--primary)
    }
    .dropdown-list a:active {
        color: var(--primary)
    }
    .form-search__btn:active {
        color: var(--primary)
    }
    .form-search__img:active {
        opacity: .8
    }
    .btn-file:active {
        background-color: var(--primary-light)
    }
    .btn-file .file-close:active {
        color: var(--red)
    }
    .select-item:active {
        background-color: rgba(237,110,0,.2)
    }
    .card-category:active {
        border-color: var(--primary)
    }
    .card-category:active .card-category__img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    .card-category:active .card-category__circle {
        background-color: var(--primary);
        color: #fff;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .card-product__slider-pagination .swiper-pagination-bullet:active {
        background-color: var(--primary)
    }
    .card-product__title:active {
        color: var(--primary)
    }
    .card-product__counter-btn:active {
        color: var(--primary)
    }
    .card-product__cart-btn._outline:active {
        background-color: var(--primary);
        color: #fff
    }
    .card-product__order-btn:active svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .card-product__order-btn:active::before {
        opacity: 1
    }
    .card-fasteners:active {
        box-shadow: 0 6px 10px 0 rgba(0,0,0,.08)
    }
    .card-fasteners:active .card-fasteners__btn {
        opacity: 1
    }
    .card-fasteners:active::before {
        opacity: 0
    }
    .card-fasteners:active::after {
        opacity: 1
    }
    .card-fasteners__btn:active .circle {
        background-color: var(--primary);
        color: #fff
    }
    .slider-btn:active {
        color: var(--primary)
    }
    .card-article:active {
        box-shadow: 0 6px 10px 0 rgba(0,0,0,.08)
    }
    .card-article__gallery:active {
        opacity: .8
    }
    .card-article__title:active {
        color: var(--primary)
    }
    .content a:active {
        text-decoration: none
    }
    .pagination a:active {
        color: var(--primary)
    }
    .card-product-line__cart-btn._outline:active {
        background-color: var(--primary);
        color: #fff
    }
    .card-product-line__order-btn:active svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .card-product-line__order-btn:active::before {
        opacity: 1
    }
    .card-search:active {
        background-color: var(--primary-light)
    }
    .counter__btn:active {
        color: var(--primary)
    }
    .card-product-cart__title:active {
        color: var(--primary)
    }
    .card-product-cart__warn .hint:active {
        color: var(--primary)
    }
    .switcher__nav-btn:active {
        color: var(--dark)
    }
    .card-team__list a:active {
        color: var(--primary)
    }
    .table-wrapper tr:active {
        background-color: var(--athens)
    }
    .quick-cart__btn:active {
        color: var(--primary)
    }
    .quick-cart__result-item:active {
        background-color: var(--wild)
    }
    .modal__close:active {
        color: var(--primary)
    }
    .modal__form-policy a:active {
        color: var(--primary)
    }
    .drop-catalog__menu-item:active {
        background-color: #fff
    }
    .drop-catalog__menu-item:active::after,
    .drop-catalog__menu-item:active::before {
        opacity: 1
    }
    .drop-catalog__item a:active {
        color: var(--primary);
        text-decoration: underline
    }
    .drop-catalog__banner-social-btn:active {
        color: var(--dark)
    }
    .drop-catalog__banner-contacts a:active {
        color: var(--primary)
    }
    .drop-catalog__tags-list a:active {
        background-color: var(--primary);
        color: #fff
    }
    .burger__close:active {
        color: var(--primary)
    }
    .burger__list li:active {
        color: var(--primary)
    }
    .burger__primary-btn:active {
        color: var(--primary)
    }
    .burger__mail:active {
        color: var(--primary)
    }
    .burger__social-btn:active {
        color: var(--primary)
    }
    .burger__back:active {
        color: var(--primary)
    }
    .share-item:active {
        background-color: var(--wild-s)
    }
    .header__list>li>a:active {
        color: var(--primary)
    }
    .header__list>li>a:active svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .header__dropdown-item .value:active {
        text-decoration: underline
    }
    .header__burger-btn:active {
        background-color: var(--primary-dark)
    }
    .header__catalog-btn:active {
        background-color: var(--primary-dark)
    }
    .header__tel:active {
        color: var(--primary)
    }
    .header__tel-btn:active::after {
        opacity: 1
    }
    .header__tel-mob:active {
        color: var(--primary)
    }
    .header__cart:active {
        color: var(--primary)
    }
    .section-catalog__mob-btn:active {
        color: #fff;
        background-color: var(--primary)
    }
    .section-switcher__slider-btn:active {
        opacity: .8
    }
    .section-popular__nav-btn:active {
        background-color: var(--wild)
    }
    .section-production__item:active {
        background-color: rgba(235,110,3,.2)
    }
    .section-production__item:active .section-production__item-btn .circle {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        color: var(--black)
    }
    .section-production__item:active .section-production__item-btn span {
        opacity: 1
    }
    .section-partners__slide:active img {
        opacity: 1;
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }
    .section-certificates__slide:active {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
    .section-reviews__nav-btn:active {
        background-color: var(--wild)
    }
    .section-reviews__slide:active .section-reviews__slide-body {
        background-color: rgba(237,110,0,.06)
    }
    .section-reviews__slide:active .section-reviews__slide-body::before {
        opacity: 1
    }
    .section-reviews__slide-gallery:active {
        opacity: .8
    }
    .section-key__spoller-btn:active {
        color: var(--primary)
    }
    .section-key__tags a:active {
        color: var(--white);
        background-color: var(--primary-light)
    }
    .section-key__recommendations-list a:active,
    .section-key__recommendations-list div:active {
        background-color: var(--primary);
        color: #fff
    }
    .section-faq__nav-btn:active {
        background-color: var(--wild)
    }
    .section-faq__social-btn:active {
        color: var(--dark)
    }
    .section-faq__tel:active {
        color: var(--primary)
    }
    .section-faq__spoller-btn:active {
        color: var(--primary)
    }
    .section-connect__form-policy a:active {
        text-decoration: none
    }
    .section-shop__head-list li:active {
        border-color: transparent;
        color: var(--primary)
    }
    .section-shop__filters-close:active {
        color: var(--primary)
    }
    .section-shop__filters-spoller-btn:active {
        color: var(--primary)
    }
    .section-shop__delivery-btn:active {
        text-decoration: none
    }
    .section-shop__sections a:active {
        color: var(--primary)
    }
    .section-shop__view-btn:active {
        color: #fff;
        background-color: var(--primary)
    }
    .section-product__btn-share:active {
        color: var(--primary)
    }
    .section-product__thumb-slide:active {
        border-color: var(--primary-light)
    }
    .section-product__slide:active img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    .section-product__slide-zoom:active {
        color: var(--primary)
    }
    .section-product__info-link:active {
        background-color: var(--primary-light)
    }
    .section-product__file-download:active {
        background-color: var(--primary-light)
    }
    .section-product__sidebar-content a:active {
        text-decoration: underline
    }
    .section-info__nav-btn:active {
        color: var(--primary);
        background-color: var(--wild)
    }
    .section-info__table-product-title:active {
        color: var(--primary)
    }
    .section-info__sizes-wrapper tr:active {
        background-color: var(--athens)
    }
    .section-info__product-title:active {
        color: var(--primary)
    }
    .section-cart__warn:active {
        background-color: var(--red-light)
    }
    .section-cart__delete-all:active {
        color: var(--primary)
    }
    .section-cart__head-btn:active {
        color: var(--primary)
    }
    .section-cart__sidebar-content a:active {
        color: var(--primary)
    }
    .section-cart__download-scheme:active {
        color: var(--primary)
    }
    .section-message__content a:active {
        color: var(--primary)
    }
    .section-objects__item:active::before {
        opacity: 0
    }
    .section-objects__item:active .section-objects__item-info {
        visibility: visible;
        opacity: 1
    }
    .section-objects__item:active .section-objects__item-info .item {
        backdrop-filter: blur(20px);
        opacity: 1
    }
    .section-qr__item-btn:active {
        color: var(--primary)
    }
    .section-shipping__logo:active {
        background-color: var(--primary-light)
    }
    .section-shipping__pickup-share:active {
        color: var(--black)
    }
    .section-shipping__pickup-item a:active {
        color: var(--primary)
    }
    .section-shipping__pickup-gallery:active {
        opacity: .8
    }
    .section-blog__search-btn:active {
        color: var(--primary)
    }
    .section-article__head-share:active {
        color: var(--dark)
    }
    .section-article__sidebar-list a:active {
        color: var(--primary)
    }
    .section-advices__sidebar-list a:active {
        color: var(--primary)
    }
    .section-single__gallery:active img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    .section-single__nav-list a:active {
        color: var(--primary)
    }
    .section-portfolio__slide:active img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    .section-jobs__item:active {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    .section-notfound__content a:active {
        text-decoration: none
    }
    .section-contacts__info-tel a:active {
        color: var(--primary)
    }
    .section-contacts__info-content a:active {
        color: var(--primary)
    }
    .section-contacts__grid-item:active {
        border-color: var(--primary)
    }
    .section-contacts__grid-content a:active {
        color: var(--primary)
    }
    .section-contacts__grid-download:active {
        color: var(--primary)
    }
    .section-encyclopedia__item:active::before {
        -webkit-transform: rotate(180deg) scale(1.3);
        transform: rotate(180deg) scale(1.3)
    }
    .section-encyclopedia__item:active img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }
    .section-encyclopedia__table.table-info .cell a:active {
        color: var(--primary)
    }
    .section-encyclopedia__table a:active {
        text-decoration: none
    }
    .section-encyclopedia__sizes-table-wrapper tr:active {
        color: #fff;
        background-color: #ffad28
    }
    .footer__list a:active {
        color: var(--primary)
    }
    .footer__contacts-btn:active {
        color: var(--primary)
    }
    .footer__social-btn:active {
        color: var(--primary)
    }
    .footer__copyright-list a:active {
        color: var(--primary);
        text-decoration: none
    }
}
/* End */
/* /local/templates/krepco/files/fancybox/fancybox.min.css?176478586629406 */
/* /local/templates/krepco/files/swiper/swiper.min.css?176478586613920 */
/* /local/templates/krepco/files/nouislider/nouislider.min.css?17647858664220 */
/* /local/templates/krepco/files/shareon/shareon.min.css?176478586620165 */
/* /local/templates/krepco/styles.css?176606257420157 */
/* /local/templates/krepco/template_styles.css?1766062587244895 */