@charset "UTF-8"; .f-progressbar:empty,aside,footer,header,img,legend,main,nav,section {display:block}
 .f-button,label {cursor:pointer}
 .f-button,.hero .container,.visually-hidden,body.menu-open,html.with-panzoom-in-fullscreen {overflow:hidden}
 .f-thumbs,.f-thumbs.is-modern {--f-carousel-slide-height:var(--f-thumb-height)}
 .fancybox__container,:root {--f-spinner-width:50px; --f-spinner-height:50px; --f-spinner-border-width:4px; --f-button-outline-width:1px; --f-button-border:0; --f-button-shadow:none; --f-button-transform:none; --f-button-svg-fill:none; --f-button-svg-disabled-opacity:0.5; --f-thumbs-padding-x:8px; --f-thumb-width:94px; --f-thumb-height:76px; --f-thumb-opacity:1; --f-thumb-border:none; --f-thumb-shadow:none}
 .f-panzoom__content,.f-panzoom__wrapper,.fancybox__carousel,.fancybox__slide,.fancybox__viewport {min-width:0; min-height:0}
 .fancybox__thumbs.is-scrollable,:root {--f-thumbs-gap:8px; --f-thumbs-padding-y:8px; --f-thumbs-viewport-padding-y:0}
 .f-panzoom__content.has-lazyerror,.f-panzoom__content.is-lazyloading,.f-panzoom__wrapper > .f-panzoom__content,.f-thumbs img[data-lazy-src],.fancybox__container.is-closing .f-caption,.fancybox__container:not(.is-ready,.is-hiding),.fancybox__slide.is-loading .f-caption,.header__submenu,.mobile-menu {visibility:hidden}
 .catalog__links span,.form__politic span,.page-catalog__link,.single__atr__more {text-decoration-skip-ink:none}
 * {padding:0; margin:0; border:none}
 *,::after,::before {box-sizing:border-box}
 a,a:hover,a:link,a:visited {text-decoration:none}
 h1,h2,h3,h4,h5,h6,p {font-size:inherit; font-weight:inherit}
 ul,ul li {list-style:none}
 img {vertical-align:top}
 img,svg {max-width:100%; height:auto}
 address {font-style:normal}
 button,input,select,textarea {font-family:inherit; font-size:inherit; color:inherit; background-color:transparent}
 input::-ms-clear {display:none}
 button,input[type="submit"] {display:inline-block; box-shadow:none; background:0 0; cursor:pointer}
 .f-button:focus,button:active,button:focus,input:active,input:focus {outline:0}
 button::-moz-focus-inner {padding:0; border:0}
 @font-face {font-family:Arial; font-display:swap; font-weight:400; font-style:normal}
 @font-face {font-family:Inter; font-display:swap; font-weight:700; font-style:normal}
 @font-face {font-family:Inter; font-display:swap; font-weight:400; font-style:normal}
 @font-face {font-family:Inter; font-display:swap; font-weight:300; font-style:normal}
 @font-face {font-family:Inter; font-display:swap; font-weight:100; font-style:normal}
 html {scroll-behavior:smooth}
 body {font-family:var(--font-family); background-color:var(--white)}
 a {display:inline-block}
 a,button,div,img,input,svg {transition:0.3s linear}
 .none {display:none !important}
 .d-flex,.f-button,.has-autoplay [data-autoplay-action="toggle"] svg g:last-child,.in-fullscreen [data-panzoom-action="toggleFS"] g:last-child,[data-autoplay-action="toggle"] svg g:first-child,[data-panzoom-action="toggleFS"] g:first-child {display:flex}
 .visually-hidden {position:absolute; width:1px; height:1px; margin:-1px; border:0; padding:0; white-space:nowrap; clip-path:inset(100%); clip:rect(0 0 0 0)}
 .container,.container-full,.container-left-50,.container-right-50 {padding:0 var(--container-padding)}
 .no-scroll {overflow-y:hidden}
 .text-right {text-align:right}
 .f-html.is-error,.text-center,.text-left {text-align:center}
 .flex-center {justify-content:center}
 .container {margin:0 auto; max-width:var(--container-width); width:100%}
 .container-full {max-width:100%}
 .container-left-50 {max-width:50%}
 .container-right-50 {max-width:50%; margin-left:auto}
 .container-right {padding-left:calc((100% - var(--container-width)) / 2 + var(--container-padding))}
 .container-left {padding-right:calc((100% - var(--container-width)) / 2 + var(--container-padding))}
 .container-half-left {padding-right:calc((100% - var(--container-width)) / 2 + var(--container-width) / 2); padding-left:calc((100% - var(--container-width)) / 2 + var(--container-padding))}
 .container-half-right {padding-left:calc((100% - var(--container-width)) / 2 + var(--container-width) / 2); padding-right:calc((100% - var(--container-width)) / 2 + var(--container-padding))}
 @media (max-width:1220px) {.container-half-left,.container-right {padding-left:var(--container-padding)}
 .container-half-right,.container-left {padding-right:var(--container-padding)}
 }
 @media (max-width:820px) {.container-left-50,.container-right-50 {max-width:100%}
 .container-half-left,.container-half-right {padding:0 var(--container-padding)}
 }
:root {--container-width:1330px; --container-padding:15px; --font-family:"Inter",sans-serif; --second-family:"Arial",sans-serif; --white:#fff; --black:#141414; --accent:#0a62aa; --orange:#ffa600; --red:#c70000; --grey-bg:#f8f8f8; --green:#63b000; --laptop-size:1199px; --tablet-size:959px; --mobile-size:599px; --f-button-width:40px; --f-button-height:40px; --f-button-border-radius:0; --f-button-color:#374151; --f-button-bg:#f8f8f8; --f-button-transition:all 0.15s ease; --f-button-outline-color:rgba(0,0,0,0.7); --f-button-svg-width:20px; --f-button-svg-height:20px; --f-button-svg-stroke-width:1.5; --f-button-svg-filter:none; --f-button-svg-opacity:1; --f-button-svg-transition:opacity 0.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); justify-content:center; align-items:center; box-sizing:content-box; position:relative; margin:0; padding:0; pointer-events:all}
 .f-html,.f-thumbs,.f-thumbs__slide,.f-thumbs__viewport,.fancybox__slide {box-sizing:border-box}
 .f-button[aria-disabled],.f-counter {cursor:default}
 @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-visible {outline:var(--f-button-outline-width) solid var(--f-button-outline-color); outline-offset:var(--f-button-outline-offset)}
 .f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible),.f-thumbs__slide button,.fancybox__container:focus,.fancybox__dialog:focus,.form__textarea {outline:0}
 .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}
 img.f-panzoom__content,picture.f-panzoom__content img {vertical-align:top; height:auto; object-fit:contain; transition:none}
 .f-button[aria-disabled] svg {opacity:var(--f-button-svg-disabled-opacity)}
 .has-autoplay [data-autoplay-action="toggle"] svg g:first-child,.in-fullscreen [data-panzoom-action="toggleFS"] g:first-child,[data-autoplay-action="toggle"] svg g:last-child,[data-panzoom-action="toggleFS"] g:last-child {display:none}
: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,0.1); --f-spinner-color-2:rgba(17,24,28,0.8); --f-spinner-border-radius:50%}
 .f-spinner {position:absolute; top:50%; left:50%; margin:0; padding:0; width:var(--f-spinner-width); height:var(--f-spinner-height); translate:-50% -50%; border:var(--f-spinner-border-width) solid var(--f-spinner-color-1); border-top-color:var(--f-spinner-color-2); border-radius:var(--f-spinner-border-radius); animation:0.75s linear infinite f-spinner,0.2s 0.2s both f-fadeIn}
 @keyframes f-spinner {to {rotate:360deg}
 }
 .f-panzoom,.f-zoomable {position:relative; overflow:hidden; display:flex; align-items:center; flex-direction:column}
 .f-panzoom:after,.f-panzoom:before,.f-zoomable:after,.f-zoomable:before {display:block; content:""}
 .f-panzoom__wrapper.has-error,.f-thumbs img.has-lazyerror,.f-thumbs.is-modern .f-thumbs__slide button:after,[data-fullscreen-action="toggle"] svg g:last-child {display:none}
 .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; 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__content {display:block; max-width:100%; max-height:100%}
 .category__card.is-visible,.mobile-menu.active,.page-category__category.is-visible {visibility:visible; pointer-events:auto}
 img.f-panzoom__content {width:auto}
 .f-panzoom__viewport {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10}
 .f-panzoom__viewport > .f-panzoom__content {width:100%; height:100%; object-fit:fill}
 picture.f-panzoom__content img {width:100%; max-height:100%}
 .f-panzoom__protected {position:absolute; inset:0; z-index:1}
 .f-fadeIn {animation:var(--f-transition-duration,0.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn; z-index:2}
 .f-fadeOut {animation:var(--f-transition-duration,0.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,0.2s) ease both f-crossfadeIn; z-index:2}
 .f-crossfadeOut {animation:calc(var(--f-transition-duration,0.2s) * 0.2) ease calc(var(--f-transition-duration,0.2s) * 0.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,0.85s) cubic-bezier(0.16,1,0.3,1) f-slideInNextX}
 .is-horizontal .f-slideIn.from-prev {animation:var(--f-transition-duration,0.85s) cubic-bezier(0.16,1,0.3,1) f-slideInPrevX}
 .is-horizontal .f-slideOut.to-next {animation:var(--f-transition-duration,0.85s) cubic-bezier(0.16,1,0.3,1) f-slideOutNextX}
 .is-horizontal .f-slideOut.to-prev {animation:var(--f-transition-duration,0.85s) cubic-bezier(0.16,1,0.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,0.85s) cubic-bezier(0.16,1,0.3,1) f-slideInNextY}
 .is-vertical .f-slideIn.from-prev {animation:var(--f-transition-duration,0.85s) cubic-bezier(0.16,1,0.3,1) f-slideInPrevY}
 .is-vertical .f-slideOut.to-next {animation:var(--f-transition-duration,0.85s) cubic-bezier(0.16,1,0.3,1) f-slideOutNextY}
 .is-vertical .f-slideOut.to-prev {animation:var(--f-transition-duration,0.85s) cubic-bezier(0.16,1,0.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,0.3s) ease both f-zoomInUp}
 .f-zoomOutDown {animation:var(--f-transition-duration,0.3s) ease both f-zoomOutDown}
 @keyframes f-zoomInUp {0% {transform:scale(var(--f-zoomInUp-scale,0.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,0.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0); opacity:0}
 }
 .f-throwOutUp {animation:var(--f-throwOutUp-duration,0.2s) ease-out both f-throwOutUp}
 .f-throwOutDown {animation:var(--f-throwOutDown-duration,0.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-gmap .f-html,.has-iframe .f-html,.has-pdf .f-html {width:100%; height:100%; min-height:1px; overflow:visible}
 .has-gmap .f-html,.has-pdf .f-html {padding:0}
 .f-html {position:relative; margin:var(--f-html-margin,0); padding:var(--f-html-padding,2rem); color:var(--f-html-color,currentColor); background:var(--f-html-bg)}
 .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-vimeo .f-html,.has-youtube .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,0.9))}
 .f-html5video {border:0; display:block; height:100%; width:100%; background:0 0}
 .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-next,.f-button.is-arrow.is-prev {position:absolute; transform:translate(0); z-index:20}
 .is-horizontal .f-button.is-arrow.is-next,.is-horizontal .f-button.is-arrow.is-prev {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-next svg,.is-vertical .f-button.is-arrow.is-prev 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 .f-button:focus-visible {position:relative; z-index:1}
 .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 {display:flex; justify-self:flex-start; justify-content:flex-start}
 .f-carousel__toolbar__column.is-middle {display:flex; justify-content:center}
 .f-carousel__toolbar__column.is-right {display:flex; 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; 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-margin:0; --f-thumbs-bg:transparent; --f-thumbs-transition:max-height 0.3s ease,max-width 0.3s ease,padding 0.3s ease; --f-thumbs-z-index:1; --f-thumbs-viewport-padding-x:0; --f-thumb-clip-width:46px; --f-thumb-extra-gap:16px; --f-thumb-transition:opacity 0.3s ease,transform 0.15s ease; --f-thumb-border-radius:4px; --f-thumb-bg:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.05)); --f-thumb-focus-shadow:inset 0 0 0 0.8px #222,inset 0 0 0 2.25px #fff; --f-thumb-selected-shadow:inset 0 0 0 0.8px #222,inset 0 0 0 2.25px #fff; --f-thumb-border-transition:all 0.1s ease; --f-thumb-img-width:100%; --f-thumb-img-height:100%; --f-thumb-img-fit:cover; --f-thumb-img-position:50% 20%; --f-progressbar-height:3px; --f-progressbar-color:var(--f-carousel-theme-color,#575ad6); --f-progressbar-opacity:1; --f-progressbar-z-index:30}
 .f-thumbs {--f-carousel-slide-width:var(--f-thumb-width); --f-carousel-gap:var(--f-thumbs-gap); position:relative; flex-shrink:0; margin:var(--f-thumbs-margin); padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x); overflow:hidden; background:var(--f-thumbs-bg); -webkit-tap-highlight-color:transparent; transition:var(--f-thumbs-transition); 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)}
 .f-thumbs.is-horizontal.is-hidden,.f-thumbs.is-scrollable.is-hidden {max-height:0; --f-thumbs-padding-y:0}
 .f-thumbs.is-vertical {max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}
 .f-thumbs.is-vertical.is-hidden {max-width:0; --f-thumbs-padding-x:0}
 .f-thumbs.is-ltr {direction:ltr}
 .f-thumbs.is-rtl {direction:rtl}
 .f-thumbs img {display:block; width:var(--f-thumb-img-width); height:var(--f-thumb-img-height); object-fit:var(--f-thumb-img-fit); object-position:var(--f-thumb-img-position); pointer-events:none; border-radius:inherit; color:transparent}
 .category__img img,.delivery__img img,.hero__img img,.single__img img {object-fit:cover}
 .f-thumbs__viewport {height:100%; padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x); overflow:visible; display:grid}
 .f-thumbs__slide {position:relative; 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; display:block; margin:auto; padding:0; position:relative; overflow:visible; width:100%; height:100%; 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:var(--f-thumb-border-transition); 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.is-modern {--f-carousel-slide-width:calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap)); --f-carousel-gap:0; --width-diff:calc((var(--f-thumb-width) - var(--f-thumb-clip-width))); --f-transition-duration:0.25s; --f-transition-easing:ease-out}
 .fancybox__carousel.is-vertical,.fancybox__container {--f-carousel-slide-height:100%}
 .f-thumbs.is-modern .f-thumbs__viewport {width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x)); margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}
 .f-thumbs.is-modern .f-thumbs__slide {--clip-shift:calc((var(--width-diff) * 0.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,0.2s) var(--f-thumb-transition-easing,ease)}
 .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.is-syncing {--f-transition-duration:0s}
 .f-thumbs.is-scrollable .f-thumbs__viewport {display:grid; grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr)); grid-auto-rows:var(--f-thumb-height); gap:var(--f-thumbs-gap); overflow:auto; overscroll-behavior:contain}
 .f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {grid-area:auto; display:block; position:relative; max-width:100%; width:var(--f-thumb-width); height:var(--f-thumb-height); cursor:pointer; outline:0}
 .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); 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:0.2}
 @keyframes f-progressbar {0% {transform:scaleX(0)}
 to {transform:scaleX(1)}
 }
 [data-fullscreen-action="toggle"] svg g:first-child {display:flex}
: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 {position:fixed; inset:0; z-index:1050; width:100%; height:100vh; max-height:unset; max-width:unset; padding:0; margin:0; border:0; overflow:hidden; background:0 0; touch-action:none; overscroll-behavior:contain}
 .fancybox__dialog::backdrop {opacity:0}
 @supports (height:100dvh) {.fancybox__dialog {height:100dvh}
 }
 .fancybox__dialog:empty {display:block}
 .fancybox__container {--fancybox-color:#dbdbdb; --fancybox-backdrop-bg:rgba(24,24,27,0.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,0.75); --f-toolbar-shadow:none; --f-toolbar-bg:none; --f-counter-margin:0; --f-counter-padding:0 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-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,0.2); --f-spinner-color-2:rgba(255,255,255,0.8); --f-spinner-border-radius:50%; --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-color:rgba(255,255,255,0.75); --f-button-outline-offset:0; --f-button-bg:rgba(54,54,54,0.75); --f-button-border-radius:0; --f-button-transition:all 0.2s ease; --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,0.01)),drop-shadow(1px 2px 1px rgba(24,24,27,0.05)); --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.5; --f-arrow-border-radius:50%; --f-arrow-bg:rgba(54,54,54,0.65); --f-arrow-color:#ddd; --f-arrow-hover-color:#fff; --f-close-button-width:30px; --f-close-button-height:30px; --f-close-button-svg-width:24px; --f-close-button-svg-height:24px; --f-close-button-svg-stroke-width:1.75; --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-thumbs-margin:0; --f-thumbs-padding-y:8px; --f-thumbs-bg:none; --f-thumb-transition:all 0.2s ease; --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,0.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; --f-scrollbar-width:7px; --f-scrollbar-track-bg:#444; --f-scrollbar-track-border-radius:10px; --f-scrollbar-track-shadow:inset 0 0 6px rgba(0,0,0,0.2); --f-scrollbar-thumb-bg:#ddd; --f-scrollbar-thumb-border-radius:10px; position:absolute; inset:0; overflow:hidden; display:flex; flex-direction:column}
 .fancybox__carousel,.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {overflow-y:visible; overflow-x:clip}
 .fancybox__container[theme="light"] {--fancybox-color:#222; --fancybox-backdrop-bg:rgba(255,255,255,0.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,0.2); --f-spinner-color-2:rgba(0,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,0.85); --f-button-bg:rgba(255,255,255,0.85); --f-button-svg-stroke-width:1.3; --f-button-svg-filter:none; --f-arrow-bg:rgba(255,255,255,0.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 0 0 2.25px #888; --f-thumb-selected-shadow:0 0 0 1.8px #fff,0px 0 0 2.25px #000; --f-scrollbar-track-bg:#ddd; --f-scrollbar-thumb-bg:#444}
 .fancybox__container.has-vertical-thumbs {flex-direction:row-reverse}
 .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected >:not(.f-html,.f-panzoom__wrapper,.f-spinner),.fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel >:not(.fancybox__viewport),.fancybox__container >:not(.fancybox__carousel) {opacity:var(--f-drag-opacity,1)}
 .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected >:not(.f-html,.f-panzoom__wrapper,.f-spinner),.fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel >:not(.fancybox__viewport),.fancybox__container.is-revealing >:not(.fancybox__carousel) {animation:var(--f-interface-enter-duration,0.35s) ease none f-fadeIn}
 .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected >:not(.f-html,.f-panzoom__wrapper),.fancybox__container.is-hiding .fancybox__carousel >:not(.fancybox__viewport),.fancybox__container.is-hiding >:not(.fancybox__carousel) {animation:var(--f-interface-exit-duration,0.35s) ease forwards f-fadeOut}
 .fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected),.fancybox__container.is-idle .f-button.is-arrow {opacity:0}
 .fancybox__container.is-hiding {pointer-events:none}
 .fancybox__container.is-idle .f-carousel__toolbar {pointer-events:none; opacity:0}
 .fancybox__container.is-idle.is-ready .f-carousel__toolbar {pointer-events:none; animation:0.15s ease-out both f-fadeOut}
 .fancybox__container.is-idle.is-ready .f-button.is-arrow {animation:0.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; position:relative; z-index:10}
 .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; 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 [contenteditable],.fancybox__viewport [data-selectable] {cursor:auto}
 .fancybox__slide .f-spinner,.header__cart,.header__copy {cursor:pointer}
 .fancybox__slide {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); 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:after,.fancybox__slide:before {display:block; content:""}
 .fancybox__slide:before {margin-bottom:auto}
 .fancybox__slide:after {margin-top:auto}
 .fancybox__slide.is-selected {z-index:1}
 .fancybox__container.is-closing .fancybox__carousel,.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}
 .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); --f-button-svg-stroke-width:var(--f-close-button-svg-stroke-width); position:absolute; top:calc((var(--f-button-height) + 2px) * -1); right:0; z-index:10}
 .fancybox__thumbs {flex:0 1 100%}
 .fancybox__thumbs.is-scrollable {--f-thumbs-cols:1; --f-thumbs-transition:none; --f-thumbs-padding-x:4px; --f-thumbs-viewport-padding-x:4px; max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2 )}
 .fancybox__thumbs.is-scrollable::-webkit-scrollbar {width:var(--f-scrollbar-width)}
 .fancybox__thumbs.is-scrollable::-webkit-scrollbar-track {background:var(--f-scrollbar-track-bg); border-radius:var(--f-scrollbar-track-border-radius); box-shadow:var(--f-scrollbar-track-shadow)}
 .fancybox__thumbs.is-scrollable::-webkit-scrollbar-thumb {background:var(--f-scrollbar-thumb-bg); border-radius:var(--f-scrollbar-thumb-border-radius)}
 .fancybox__thumbs.is-scrollable.is-hidden {max-width:0; --f-thumbs-padding-x:0; max-height:unset; --f-thumbs-padding-y:unset}
 .fancybox__thumbs.is-scrollable .f-thumbs__viewport {overflow-x:hidden !important; grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)) ) !important}
 .icon--mail {width:20px; height:20px; fill:var(--accent)}
 .icon--cart,.icon--phone,.icon--user {width:24px; height:24px; fill:var(--accent)}
 .icon--catalog {width:24px; height:24px; fill:var(--white)}
 .icon--search {width:20px; height:20px; fill:var(--accent)}
 .icon--arrow-down {width:12px; height:12px; fill:var(--white)}
 .icon--button-arrow {width:16px; height:16px; fill:var(--white)}
 .button__orange:active .icon--button-arrow,.button__orange:focus .icon--button-arrow {fill:var(--orange)}
 .icon--slider-arrow-left {width:24px; height:24px; fill:var(--orange)}
 .icon--slider-arrow-right {width:24px; height:24px; fill:var(--white)}
 .icon--catalog-arrow {width:16px; height:16px; fill:var(--white)}
 .icon--catalog-arrow-color {width:16px; height:16px; fill:var(--accent)}
 .icon--twitter {width:21px; height:21px; fill:#a7a7a7}
 .icon--facebook {width:8px; height:17px; fill:#a7a7a7}
 .icon--inst {width:17px; height:17px; fill:#a7a7a7}
 .icon--map {width:20px; height:20px; fill:var(--accent)}
 .icon--arrow-more {width:7px; height:6px; fill:#000}
 .icon--category-cart {width:20px; height:20px; fill:var(--white)}
 .icon--arrow-pagination {width:15px; height:15px; fill:#838383}
 .icon--single-cart {width:20px; height:20px; fill:var(--white)}
 .icon--deleviry,.icon--info {width:24px; height:24px; fill:#0a62aa}
 .button__main,.button__orange {font-size:16px; color:var(--white); width:100%; display:flex; font-family:var(--font-family); font-weight:400}
 .button__orange {justify-content:center; align-items:center; gap:5px; padding:16px 46px; max-width:260px; background-color:var(--orange); border-radius:10px; border:1px solid var(--orange)}
 .button__orange:active,.button__orange:focus {background-color:transparent; color:var(--orange)}
 .button__main {background:var(--accent); border-radius:10px; padding:16px; justify-content:center; align-items:center; border:1px solid var(--accent)}
 .button__main:active,.button__main:focus {background-color:transparent; color:var(--accent)}
 @media (hover:hover) and (pointer:fine) {.bread__link:hover,.category__card__title:hover,.footer__link:hover,.form__politic:hover,.header__catalog:hover .header__catalog__text,.header__copy:hover,.header__link:hover,.header__link_underline:hover,.header__nav:hover,.header__search__btn:hover .header__search__text,.page-category__category:hover .category__title,.single__tab:hover {color:var(--accent)}
 .header__logo:hover {opacity:0.6}
 .header__cart:hover {border-color:var(--accent); background-color:var(--accent)}
 .header__cart:hover .icon--cart {fill:var(--white)}
 .header__cart:hover .header__number {color:var(--accent); background-color:var(--white); border-color:#9f9f9f}
 .delivery__link:hover,.header__catalog:hover,.header__search:active,.header__search:active .header__search__btn,.header__search:hover,.header__search:hover .header__search__btn {border-color:var(--accent)}
 .header__catalog:hover {background-color:var(--white)}
 .header__catalog:hover .icon--catalog {fill:var(--accent)}
 .header__item:hover .header__submenu {opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0)}
 .button__orange:hover {background-color:transparent; color:var(--orange)}
 .button__orange:hover .icon--button-arrow {fill:var(--orange)}
 .catalog__links:hover .catalog__arrows_color .icon--catalog-arrow-color,.hero__swiper-button-next:hover .icon--slider-arrow-left,.hero__swiper-button-prev:hover .icon--slider-arrow-left {fill:var(--white)}
 .hero__swiper-button-next:hover,.hero__swiper-button-prev:hover {background-color:var(--orange)}
 .catalog__links:hover .catalog__arrows {background-color:var(--accent)}
 .catalog__links:hover .catalog__arrows_color {background-color:var(--red)}
 .delivery__link:hover .icon--facebook,.delivery__link:hover .icon--inst,.delivery__link:hover .icon--twitter {fill:var(--accent)}
 .button__main:hover,.single__cart:hover {background-color:transparent; color:var(--accent)}
 .category__quantity_minus:hover,.category__quantity_plus:hover,.categorys__more:hover,.page-catalog__link:hover,.page-catalog__title:hover,.single__atr__more:hover,.single__quantity__minus:hover,.single__quantity__plus:hover {color:var(--red)}
 .categorys__more:hover .icon--arrow-more {fill:var(--red)}
 .category__cart:hover {background-color:var(--white)}
 .category__cart:hover .icon--category-cart {fill:var(--accent)}
 .page-category__pagination:hover {color:var(--white); background-color:var(--accent)}
 .page-category__pagination:hover .icon--arrow-pagination {fill:var(--white)}
 .page-category__card-more:hover {border-color:var(--accent); color:var(--accent); background-color:var(--white)}
 .single__cart:hover .icon--single-cart {fill:var(--accent)}
 .button__buy:hover {background-color:var(--accent); color:var(--white)}
 }
 .bread {padding:0 0 30px}
 .bread__wrapper {display:flex; gap:10px; align-items:center}
 .bread__link {font-family:var(--font-family); font-weight:400; font-size:12px; color:#000}
 .title-h2,.title-h3 {font-family:var(--font-family); font-weight:700}
 .bread__link_active,.title-h2-color span {color:var(--accent)}
 .catalog {}
 .title-h2 {font-size:36px; color:#141414}
 .catalog__title,.page-category__title,.signle__title {margin-bottom:10px; text-align:center}
 .page-category__title__catalog {margin-bottom:40px}
 .price__title {margin-bottom:30px}
 .catalog__wrapper {display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
 .hero__cards,.page-category__categorys,.references__wrapper {grid-template-columns:repeat(4,1fr)}
 .category__cards {grid-template-columns:repeat(1,1fr)}
 .catalog__block {border-radius:20px; padding:131px 30px 30px; overflow:hidden; height:auto}
 .title-h3 {font-size:24px; color:var(--white)}
 .delivery__exp,.delivery__number {font-weight:600; color:var(--white); font-family:var(--font-family); text-transform:uppercase}
 .catalog__block__title {margin-bottom:20px}
 .catalog__links,.form__checkboxs {display:flex; align-items:center; gap:10px}
 .catalog__links span {font-family:var(--font-family); font-weight:400; font-size:14px; text-decoration:underline; color:#fff}
 .catalog__arrows {width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:100%; background-color:var(--red)}
 .catalog_metal {background:url("/img/catalog1.png") center center/cover no-repeat}
 .catalog_pipe {background:url("/img/catalog2.png") center center/cover no-repeat}
 .catalog_сement {background:url("/img/catalog3.png") center center/cover no-repeat}
 .catalog_material {background:url("/img/catalog4.png") center center/cover no-repeat}
 .catalog_wire {background:url("/img/catalog5.png") center center/cover no-repeat}
 .catalog__block__color {border-radius:20px; background:var(--accent); padding:10px}
 .catalog__block__border {border:1px solid #fff; border-radius:20px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center}
 .catalog__arrows_color {width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:100%; background-color:var(--white)}
 .delivery {padding:70px 0}
 .delivery__wrapper {display:flex; align-items:flex-start; gap:59px}
 .delivery__imgs {max-width:491px; width:100%; position:relative}
 .delivery__img {border-radius:20px; overflow:hidden}
 .delivery__cart {position:absolute; right:-39px; bottom:-32px; border-radius:20px; padding:10px 10px 10px 32px; max-width:223px; background:var(--accent); display:flex; justify-content:center; align-items:center; gap:5px}
 .delivery__number {font-size:50px; line-height:113%; text-align:right}
 .delivery__exp {font-size:14px}
 .delivery__text {max-width:750px}
 .title-h2-color {font-family:var(--font-family); font-weight:700; font-size:48px; line-height:125%; color:#141414}
 .delivery__title {margin-bottom:34px}
 .delivery__descr {font-family:var(--font-family); font-weight:300; font-size:18px; line-height:158%; color:#a7a7a7; margin-bottom:20px}
 .footer__copy,.footer__link {font-family:var(--font-family); font-weight:400; font-size:12px; color:#616161}
 .delivery__descr_margin {margin-bottom:48px}
 .delivery__social {display:flex; justify-content:flex-end; align-items:stretch; gap:16px}
 .delivery__link {width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:100%; border:1px solid #a7a7a7}
 .line {width:100%; height:1px; background-color:#000; opacity:0.05}
 .footer {background:#f8f8f8; padding:50px 0}
 .footer__top {margin-bottom:27px}
 .footer__map {max-width:125px}
 .footer_line {opacity:0.1}
 .footer__bottom {padding-top:30px; display:flex; align-items:center; justify-content:space-between}
 .footer__links {display:flex; align-items:center; gap:30px}
 .form__descr,.form__label {font-family:var(--font-family); font-weight:400; font-size:16px}
 .form {padding:50px 0 70px}
 .form__blocks,.form__links {padding:20px; border-radius:20px}
 .form__wrapper,.single__top {display:flex; align-items:stretch; gap:20px}
 .form__maps {border-radius:20px; overflow:hidden; max-width:640px; width:100%; position:relative}
 .form__map {height:100%}
 .form__map iframe {height:100% !important}
 .form__links {background:#fff; display:flex; flex-direction:column; gap:20px; position:absolute; left:20px; bottom:60px; z-index:2}
 .form__blocks {background-color:var(--orange)}
 .form__block {background-color:var(--white); border-radius:20px; padding:32px 40px 30px; height:100%}
 .form__title {margin-bottom:10px}
 .form__descr {max-width:400px; color:#000; margin-bottom:20px}
 .form__form,.mobile-menu__list {display:flex; flex-direction:column; gap:20px}
 .form__inpust,.single__deliverys {display:flex; flex-direction:column; gap:10px}
 .form__label {color:#4c4c4c}
 .form__input,.form__textarea {padding:16px 20px; width:100%; color:var(--accent); font-size:14px; font-family:var(--font-family); font-weight:400}
 .form__input {height:auto; border:1px solid #cdcdcd; border-radius:10px}
 .form__input::placeholder {font-family:var(--font-family); font-weight:400; font-size:14px; color:#77929e}
 .form__textarea {height:70px; border:1px solid #cdcdcd; border-radius:10px; resize:none}
 .form__textarea::placeholder {font-family:var(--font-family); font-weight:400; font-size:14px; color:#77929e}
 .form__checkbox {width:15px; height:15px}
 .form__politic {font-family:var(--font-family); font-weight:400; font-size:8px; line-height:188%; color:#a9a9a9}
 .form__politic span {text-decoration:underline}
 .header {padding-top:29px; margin-bottom:29px}
 .header__wrapper {display:flex; flex-direction:column; gap:29px}
 .category__bottom,.header__bottom,.header__top,.page-category__buttons {display:flex; justify-content:space-between; align-items:center}
 .header__logo {max-width:131px}
 .header__blocks {display:flex; justify-content:space-between; align-items:center; max-width:1072px; width:100%}
 .header__block {display:flex; align-items:center; gap:10px}
 .header__texts {display:flex; flex-direction:column; gap:2px}
 .header__cart,.header__number {justify-content:center; display:flex}
 .header__cart,.header__item,.single__contents {position:relative}
 .header__number {font-family:var(--font-family); font-weight:400; font-size:10px; color:#fff; width:24px; height:24px; border-radius:100%; background-color:var(--accent); position:absolute; right:-12px; top:-10px; align-items:center; border:1px solid var(--accent)}
 .header__link {font-family:var(--font-family); font-weight:500; font-size:14px; color:#141414}
 .header__sublink {font-family:var(--font-family); font-weight:400; font-size:12px; text-decoration:underline; color:#9f9f9f}
 .header__catalog__text,.header__nav,.header__search__input,.header__search__text {font-weight:400; font-size:14px; font-family:var(--font-family)}
 .header__link_underline,.page-catalog__link {text-decoration:underline !important}
 .header__cart {border:1px solid var(--accent); border-radius:10px; padding:13px; align-items:center; max-width:50px; max-height:50px}
 .header__catalog {border-radius:10px; padding:10px 27px; background-color:var(--accent); display:flex; justify-content:center; align-items:center; gap:10px; border:1px solid var(--accent); height:50px}
 .header__catalog__text {color:var(--white)}
 .header__menu {max-width:555px; width:100%}
 .header__list {width:100%; display:flex; justify-content:space-between; align-items:center}
 .header__nav {color:var(--black); display:flex; gap:5px; align-items:center}
 .header__item--has-submenu::before {content:""; position:absolute; top:100%; left:0; width:100%; height:10px; pointer-events:auto}
 .header__submenu {z-index:99; background-color:var(--white); position:absolute; top:calc(100% + 10px); left:0; min-width:90px; padding:10px; opacity:0; pointer-events:none; transform:translateY(10px); transition:0.3s; display:flex; flex-direction:column; gap:15px; border:1px solid var(--accent); border-radius:10px}
 .header__item--has-submenu:hover .icon--arrow-down,.mobile-menu__item.active .icon--arrow-down {transform:rotate(180deg); fill:var(--accent)}
 .header__search {max-width:530px; width:100%; display:flex; align-items:stretch; border:1px solid #eee; border-radius:10px; overflow:hidden}
 .header__search__input {padding:10px 20px; max-width:420px; width:100%; color:var(--accent); height:50px}
 .header__search__input::placeholder {font-family:var(--font-family); font-weight:400; font-size:14px; color:#d9d9d9}
 .header__search__btn {max-width:110px; height:50px; display:flex; justify-content:center; align-items:center; gap:10px; padding:10px 19px; border-left:1px solid #eee}
 .header__search__text {color:var(--black)}
 .hero__suptitle,.mobile-menu__blocks .header__sublink,.mobile-menu__close,.mobile-menu__item a,.title__h1 {color:var(--white)}
 .header__burger {display:none; flex-direction:column; justify-content:center; align-items:center; border-radius:10px; gap:5px; width:50px; height:50px; cursor:pointer; flex-shrink:0; border:1px solid var(--accent); padding:10px}
 .header__burger span {width:100%; height:1px; background:var(--accent); transition:0.3s}
 .mobile-menu {position:fixed; inset:0; z-index:10; pointer-events:none}
 .mobile-menu__overlay {position:absolute; inset:0; background:rgba(0,0,0,0.5); opacity:0; transition:0.3s}
 .mobile-menu.active .mobile-menu__overlay {opacity:1}
 .mobile-menu__close {position:absolute; top:20px; right:20px; font-size:30px}
 .hero__suptitle,.mobile-menu__item--has-submenu .mobile-menu__submenu a,.mobile-menu__item.mobile-menu__item--has-submenu.active .mobile-menu__submenu a {font-size:16px}
 .mobile-menu__nav {width:100%}
 .mobile-menu__body {position:absolute; top:0; right:0; width:400px; max-width:90vw; height:100%; background:var(--accent); padding:30px; overflow:auto; transform:translateX(100%); transition:0.3s; display:flex; justify-content:center; align-items:flex-start; flex-direction:column}
 .mobile-menu.active .mobile-menu__body {transform:translateX(0)}
 .mobile-menu__trigger {display:flex; justify-content:space-between; align-items:center; width:100%; justify-content:flex-start; gap:10px}
 .mobile-menu__submenu {max-height:0; overflow:hidden; transition:0.3s; padding-left:20px}
 .mobile-menu__item.active .mobile-menu__submenu {max-height:300px}
 .mobile-menu__item a {font-size:20px}
 .mobile-menu__trigger .icon--arrow-down {fill:var(--white); width:20px; height:20px}
 .mobile-menu__item.mobile-menu__item--has-submenu.active,.mobile-menu__item.mobile-menu__item--has-submenu.active .mobile-menu__submenu,.single__buttons {display:flex; flex-direction:column; gap:20px}
 .mobile-menu__blocks {margin-top:60px; display:flex; flex-direction:column; gap:30px}
 .mobile-menu__blocks .header__link {font-size:16px; color:var(--white)}
 .mobile-menu__blocks .icon--mail,.mobile-menu__blocks .icon--phone {width:24px; height:24px; fill:var(--white)}
 .header__search__btn {width:100%; display:flex; justify-content:center; align-items:center}

 .hero__swiper {position:relative; margin-bottom:30px; height:500px}
 .hero__swiper .swiper-slide,.hero__swiper .swiper-wrapper {height:100%}
 .hero__block {padding:60px 30px 30px 36px; height:100%}
 .hero__img {position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1}
 .hero__suptitle {font-family:var(--font-family); font-weight:300; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:10px}
 .title__h1 {font-family:var(--font-family); font-weight:700; font-size:56px; line-height:107%; margin-bottom:20px}
 .title__h1 span {color:var(--orange); display:block}
 .hero__descr {font-family:var(--font-family); font-weight:300; font-size:16px; line-height:150%; color:#fff; margin-bottom:50px}
 .hero__btn {margin-bottom:43px}
 .hero__buttons {width:100%; display:flex; justify-content:space-between; align-items:center; position:absolute; bottom:30px; z-index:1; padding:0 30px}
 .hero__swiper-button-next,.hero__swiper-button-prev {width:50px; height:50px; padding:13px; display:flex; cursor:pointer}
 .hero__swiper-pagination {display:flex; gap:15px}
 .hero__swiper-pagination .swiper-pagination-bullet {margin:0 !important; width:10px; height:10px; border:1px solid var(--white); background-color:transparent; border-radius:100%; opacity:1 !important}
 .hero__card__title::before,.hero__swiper-button-next:focus,.hero__swiper-button-prev:active {background-color:var(--orange)}
 .hero__swiper-pagination .swiper-pagination-bullet-active {margin:0 !important; background-color:var(--orange); border-color:var(--orange)}
 .category__buttons,.hero__arrows {display:flex; align-items:stretch; gap:10px}
 .hero__swiper-button-prev {justify-content:center; align-items:center; border-radius:10px; background:var(--white); border:1px solid var(--white)}
 .hero__swiper-button-next {justify-content:center; align-items:center; background:0 0; border:1px solid var(--white); border-radius:10px}
 .hero__cards {display:grid; grid-template-rows:repeat(1,1fr); gap:20px}
 .hero__card {padding:30px 20px}
 .hero__card_border {border:1px solid #e8e8e8; border-radius:10px}
 .hero__card__title {font-family:var(--font-family); font-weight:700; font-size:24px; color:var(--accent); padding-left:25px; margin-bottom:10px; position:relative}
 .hero__card__descr,.page-catalog__link {font-family:var(--font-family); font-size:14px; font-weight:400}
 .hero__card__title::before {content:""; width:15px; height:15px; border-radius:100%; position:absolute; top:7px; left:0}
 .hero__card__descr {line-height:171%; color:#878787}
 .hero__swiper-button-prev:active .icon--slider-arrow-left {fill:var(--white)}
 .hero__swiper-button-next:focus .icon--slider-arrow-left {fill:var(--white)}
 .single__cart:active .icon--single-cart,.single__cart:focus .icon--single-cart {fill:var(--accent)}
 .page-catalog {padding:0 0 110px; background-color:var(--white)}
 .page-catalog .catalog__bg {background:#f6f6f6; border-radius:20px; overflow:hidden}
 .page-catalog__singles {padding:20px 30px 39px; display:flex; flex-direction:column; gap:20px}
 .page-catalog__single {max-width:400px; width:100%}
 .page-catalog__title {font-family:var(--font-family); font-weight:400; font-size:16px; color:#141414; margin-bottom:10px}
 .page-catalog__links {display:flex; flex-wrap:wrap; align-items:center; gap:10px}
 .page-catalog__link {color:#838383}
 .category__card__title,.category__title,.categorys__more {font-size:14px; color:#000; font-family:var(--font-family)}
 .category__card,.page-category__category {pointer-events:none; height:0; padding:0; visibility:hidden}
 .page-category__categorys {display:grid; gap:20px; margin-bottom:20px}
 .page-category__category {opacity:0; transform:translateY(20px); transition:opacity 0.4s,transform 0.4s,visibility 0.4s; display:flex; justify-content:flex-start; align-items:center; gap:10px; border:1px solid #d9d9d9; border-radius:20px}
 .page-category__category.is-visible {opacity:1; transform:translateY(0); height:auto; padding:25px 10px}
 .category__img {max-width:50px; max-height:50px; border-radius:10px; overflow:hidden}
 .single__content,.single__item {opacity:0; max-height:0; overflow:hidden}
 .category__title {font-weight:400}
 .categorys__more {display:flex; justify-content:center; align-items:center; gap:10px; font-weight:400; margin:0 auto 50px}
 .page-category__cards {display:flex; flex-direction:column; gap:50px}
 .category__cards {display:grid; gap:19px}
 .category__card {opacity:0; transform:translateY(20px) scale(0.98); transition:opacity 0.45s,transform 0.45s,visibility 0.45s; border-radius:20px; background:#f8f8f8; overflow:hidden; display:none}
 .category__card.is-visible {opacity:1; transform:translateY(0) scale(1); height:auto; padding:10px 10px 20px; display:block}
 .category__card__img {margin-bottom:20px; background-color:var(--white); border-radius:20px; overflow:hidden}
 .category__card__img img {object-fit:cover; margin:0 auto}
 .category__padding {padding:0 10px}
 .category__card__title {font-weight:500; margin-bottom:10px}
 .category__atr__name,.category__atr__value {font-weight:400; font-size:12px}
 .category__atrs {display:flex; flex-direction:column; gap:10px; margin-bottom:52px}
 .category__atr {display:flex; align-items:center; gap:5px}
 .category__atr__name {font-family:var(--font-family); color:#777}
 .category__atr__value,.category__price {color:#000; font-family:var(--font-family)}
 .category__price {font-weight:700; font-size:14px}
 .category__quantity {padding:10px 10px 13px; height:auto; border:1px solid #d9d9d9; border-radius:10px; display:flex; justify-content:center; align-items:center; gap:10px}
 .category__quantity_minus,.category__quantity_number,.category__quantity_plus {font-family:var(--font-family); font-weight:400; font-size:14px; color:#000}
 .category__cart {height:auto; padding:10px; background-color:var(--accent); border-radius:10px; display:flex; justify-content:center; align-items:center; border:1px solid var(--accent)}
 .page-category__paginations {display:flex; align-items:stretch; gap:10px; flex-wrap:wrap}
 .page-category__pagination {width:30px; height:30px; display:flex; justify-content:center; align-items:center; border:1px solid #d9d9d9; border-radius:5px; background-color:var(--white); font-family:var(--font-family); font-weight:400; font-size:12px; color:var(--accent)}
 .page-category__pagination_active {color:var(--white); background-color:var(--accent)}
 .page-category__card-more {padding:0 45px; height:50px; display:flex; justify-content:center; align-items:center; font-family:var(--font-family); font-weight:400; font-size:16px; color:#000; background:#d9d9d9; border-radius:10px; border:1px solid #d9d9d9}
 .single {padding:0 0 50px}
 .single__wrapper {display:flex; align-items:stretch; gap:20px; margin-bottom:100px}
 .single__img {display:flex; justify-content:center; align-items:center; max-width:860px; width:100%; border:1px solid #d9d9d9; border-radius:10px}
 .single__img img {max-width:765px}
 .single__price {font-family:var(--font-family); font-weight:600; font-size:24px; color:#63b000; margin-bottom:20px}
 .single__atrs__title,.single__info {font-family:var(--font-family); font-weight:400; color:#000}
 .single__info {background:#f3f9ff; border-radius:10px; padding:21px 15px 21px 25px; font-size:16px; margin-bottom:31px}
 .single__atrs__title {font-size:20px; margin-bottom:20px}
 .single__atr__more,.single__name,.single__value {font-family:var(--font-family); font-weight:400; font-size:16px}
 .single__list {display:flex; flex-direction:column}
 .single__item {display:flex; justify-content:space-between; align-items:center; transform:translateY(10px); transition:opacity 0.35s,transform 0.35s,max-height 0.35s; height:0; padding:0; margin:0}
 .single__cart,.single__quantity {max-width:200px; justify-content:center; gap:10px}
 .button__buy,.single__cart,.single__quantity {padding:10px; display:flex; width:100%}
 .single__item.is-visible {height:auto; opacity:1; max-height:100px; transform:translateY(0); margin-bottom:11px}
 .single__name {color:#727272}
 .single__value {color:#000}
 .single__atr__more {margin-top:21px; text-decoration:underline; color:#06f}
 .button__buy,.single__cart,.single__delevery__text span {font-size:14px; font-family:var(--font-family); font-weight:400}
 .single__line {margin:30px 0; width:100%; height:1px; background-color:#d9d9d9}
 .single__quantity {border:1px solid #d9d9d9; border-radius:10px; align-items:center}
 .single__quantity__minus,.single__quantity__number,.single__quantity__plus {font-family:var(--font-family); font-weight:400; font-size:14px; color:#000}
 .single__cart {align-items:center; border-radius:10px; background:var(--accent); color:#fff; border:1px solid var(--accent)}
 .single__cart:active,.single__cart:focus {background-color:transparent; color:var(--accent)}
 .button__buy {border:1px solid #0a62aa; border-radius:10px; justify-content:center; align-items:center; color:#0a62aa}
 .button__buy:active,.button__buy:focus {background-color:var(--accent); color:var(--white)}
 .single__delevery {display:flex; gap:20px; align-items:center}
 .single__delevery__text {display:flex; flex-direction:column; gap:10px}
 .single__delevery__text span {color:#838383}
 .single__text {margin-bottom:50px}
 .single__tabs {padding-bottom:20px; border-bottom:1px solid #f0f0f0; display:flex; justify-content:space-between; margin-bottom:30px; overflow:hidden}
 .single__tab {font-family:var(--font-family); font-weight:400; font-size:24px; color:#85888d; width:100%; position:relative}
 .single__tab_active {color:var(--accent); transition:0.3s linear}
 .references__title,.single__content p {font-family:var(--font-family); color:#000}
 .single__tab_active::before {content:""; position:absolute; bottom:-20px; left:0; height:2px; max-width:100%; width:100%; transition:0.3s linear; background-color:var(--accent)}
 .single__content {visibility:hidden; transform:translateY(15px); transition:opacity 0.35s,transform 0.35s,visibility 0.35s}
 .single__content p {font-weight:400; font-size:16px; line-height:163%; margin-bottom:20px}
 .single__content ul {display:flex; flex-direction:column; gap:5px}
 .single__content li {margin-left:20px; list-style-type:disc}
 .single__content_active {opacity:1; visibility:visible; transform:translateY(0); max-height:5000px}
 .single__line_full {height:1px; width:100%; background-color:#f0f0f0}
 .references {padding-bottom:100px}
 .references__title {font-weight:500; font-size:24px; margin-bottom:40px}
 .references__wrapper {display:grid; gap:20px}
 .ms-catalog-body .header__blocks {flex-direction:column; justify-content:flex-start; flex-wrap:nowrap; align-items:flex-start}
 @media (max-width:1300px) {:root {--container-width:1230px; --container-padding:15px}
 .header__blocks {max-width:950px}
 .header__search {max-width:420px}
 .header__search__input {max-width:300px}
 .hero__img img {object-fit:cover; width:100%; height:100%; border-radius:20px}
 .delivery__text,.form__blocks,.form__maps {max-width:50%}
 .title-h2-color {font-size:36px}
 }
 @media (max-width:1200px) {.category__cards,.references__wrapper {grid-template-columns:repeat(3,1fr)}
 .header__blocks {max-width:830px}
 .header__search {max-width:250px}
 .header__search__input {max-width:150px}
 .header__search__btn {padding:10px}
 .delivery__wrapper {align-items:stretch}
 .delivery__imgs {height:auto}
 .delivery__img,.delivery__img img {height:100%}
 .form__block {padding:20px}
 .footer .header__top,.footer__bottom {align-items:flex-start}
 .footer .header__blocks {flex-wrap:wrap; row-gap:20px}
 .footer__links {justify-content:flex-end; gap:20px; flex-wrap:wrap; max-width:50%}
 .category__cards {display:grid; gap:20px}
 .page-category__cards {gap:20px}
 .page-category {padding:0}
 .single__img {max-width:60%}
 }
 @media (max-width:1024px) {.delivery__text,.form__blocks,.form__maps,.single__img img {max-width:100%}
 .category__cards,.hero__cards,.references__wrapper {grid-template-columns:repeat(2,1fr)}
 .hero {padding-bottom:30px}
 .hero__cards {grid-template-rows:repeat(2,1fr)}
 .catalog__wrapper {align-items:stretch}
 .catalog__bg,.catalog__block {height:100%}
 .catalog__block {padding:131px 20px 20px}
 .delivery__wrapper,.form__wrapper {flex-direction:column}
 .delivery__imgs {margin-left:auto; margin-right:auto; order:2}
 .form__maps {height:300px; order:2}
 .footer .header__blocks {max-width:550px; gap:20px; justify-content:flex-start}
 .header__burger {display:flex}
 .header .header__blocks .header__block:first-child,.header .header__blocks .header__block:nth-child(2),.header .header__blocks .header__block:nth-child(3),.header__menu {display:none}
 .header__blocks {max-width:400px}
 .header__search {max-width:70%}
 .header__search__input {max-width:100%}
 .page-catalog {padding:0 0 50px}
 .page-catalog .catalog__bg,.page-catalog .catalog__block {height:auto}
 .title-h3 {font-size:22px}
 .category__cards {display:grid; gap:20px}
 .single__img {max-width:50%}
 .single__tab {font-size:20px}
 .references {padding-bottom:50px}
 }
 @media (max-width:768px) {.hero__block {padding:60px 30px 30px; height:100%}
 .header__blocks {max-width:375px}
 .header__search__input {max-width:80%}
 .title__h1 {font-size:40px}
 .catalog__block {padding-top:60px}
 .title-h3 {font-size:18px}
 .title-h2,.title-h2-color {font-size:28px}
 .delivery__descr,.form__descr,.form__label,.single__content li,.single__content p,.single__info,.single__name,.single__value {font-size:14px}
 .delivery__descr_margin {margin-bottom:24px}
 .delivery__cart {position:absolute; right:-20px}
 .delivery {padding:30px 0 60px}
 .footer .header__blocks {flex-direction:column; max-width:210px; align-items:flex-start}
 .footer__links {max-width:70%}
 .delivery__wrapper {gap:30px}
 .header__catalog {max-width:210px; width:100%}
 .header__search,.single__img {max-width:100%}
 .header__bottom,.single__content ul {gap:10px}
 .page-catalog__singles {padding:20px 15px}
 .page-catalog .catalog__block {max-height:182px; height:100%}
 .page-category__categorys {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:20px}
 .page-category__category.is-visible {padding:10px}
 .single__wrapper {margin-bottom:40px; flex-direction:column}
 .single__top {width:100%}
 .single__cart,.single__quantity {max-width:50%}
 .single__atrs__title,.single__tab {font-size:16px}
 .single__atr__more {font-size:14px; margin-top:10px}
 }
 @media (max-width:560px) {.catalog__wrapper {grid-template-columns:repeat(2,1fr)}
 .category__cards,.references__wrapper {grid-template-columns:repeat(1,1fr)}
 .header__top {flex-direction:column; align-items:flex-start; gap:20px}
 .header__blocks {max-width:100%; justify-content:space-between}
 .hero__block {padding:40px 20px 20px}
 .title__h1 {font-size:36px}
 .hero__buttons {bottom:50px; padding:0 20px}
 .catalog__block__border {padding:20px 0}
 .delivery__cart {right:10px}
 .page-catalog__singles {padding:20px 15px 40px}
 .category__cards {display:grid; gap:20px}
 .single__info {padding:15px; font-size:12px}
 .single__tab {font-size:14px}
 }
 @media (max-width:480px) {.footer__links,.header__catalog {max-width:100%}
 .footer__bottom,.header__bottom {flex-direction:column}
 .title__h1 {font-size:28px}
 .hero__descr {margin-bottom:20px; font-size:12px}
 .hero__swiper {height:380px}
 .hero__cards {grid-template-columns:repeat(1,1fr); grid-template-rows:repeat(1,1fr)}
 .button__orange {font-size:14px; padding:10px 46px}
 .title-h2,.title-h2-color {font-size:24px; margin-bottom:20px}
 .form__blocks {padding:10px}
 .form__block {padding:15px}
 .form__links {display:none}
 .footer__links {margin-top:20px; justify-content:flex-start}
 .footer {padding:30px 0}
 .page-category__buttons {flex-direction:column; align-items:flex-start; gap:20px}
 .page-category__card-more {height:40px; order:1}
 .page-category__paginations {order:2}
 .page-category__categorys {gap:10px}
 .category__img {max-width:30px; max-height:30px}
 .bread__wrapper {flex-wrap:wrap}
 .single__tabs {margin-bottom:10px}
 .single__tab {font-size:12px}
 .references__title,.single__text {margin-bottom:20px}
 .single {padding:0 0 20px}
 .header .header__blocks {display:none}
 .button__orange {max-width:100%; font-size:16px; padding:16px 5px}
 }
 @media (max-width:400px) {.header__blocks {flex-wrap:wrap; row-gap:10px}
 .header__burger {order:2}
 .header__block_cart {order:3}
 .title__h1 {font-size:26px}
 .hero__buttons {bottom:25px}
 .header .header__blocks {display:none}
 .button__orange {max-width:100%; font-size:16px; padding:16px 5px}
 }
 @media (max-width:359px) {.title__h1 {font-size:24px}
 .hero__block {padding:40px 10px 20px}
 .hero__buttons {padding:0 10px}
 .category__title {font-size:12px}
 .single__tab {font-size:10px}
 .header__blocks {display:none}
 .button__orange {max-width:100%; font-size:16px; padding:16px 5px}
 }
 @font-face {font-family:'swiper-icons'; src:url("data:application/font-woff; charset=utf-8; base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight:400; font-style:normal}
:root {--swiper-theme-color:#007aff}
:host {position:relative; display:block; margin-left:auto; margin-right:auto; z-index:1}
.swiper {margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; display:block}
.swiper-vertical > .swiper-wrapper {flex-direction:column}
.swiper-wrapper {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial); box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform:translate3d(0px,0,0)}
.swiper-horizontal {touch-action:pan-y}
.swiper-vertical {touch-action:pan-x}
.swiper-slide {flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform; display:block}
.swiper-slide-invisible-blank {visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide {height:auto}
.swiper-autoheight .swiper-wrapper {align-items:flex-start; transition-property:transform,height}
.swiper-backface-hidden .swiper-slide {transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden}
.swiper-3d.swiper-css-mode .swiper-wrapper {perspective:1200px}
.swiper-3d .swiper-wrapper {transform-style:preserve-3d}
.swiper-3d {perspective:1200px}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {transform-style:preserve-3d}
.swiper-css-mode > .swiper-wrapper {overflow:auto; scrollbar-width:none; -ms-overflow-style:none}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align:start start}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {scroll-snap-type:x mandatory}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align:none}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {content:''; flex-shrink:0; order:9999}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {scroll-snap-align:center center; scroll-snap-stop:always}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {height:100%; min-height:1px; width:var(--swiper-centered-offset-after)}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {margin-block-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {width:100%; min-width:1px; height:var(--swiper-centered-offset-after)}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10}
.swiper-3d .swiper-slide-shadow {background:rgba(0,0,0,0.15)}
.swiper-3d .swiper-slide-shadow-left {background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right {background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top {background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom {background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-lazy-preloader {width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white {--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black {--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin {0% {transform:rotate(0deg)}
 100% {transform:rotate(360deg)}
}
.swiper-virtual .swiper-slide {-webkit-backface-visibility:hidden; transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {content:''; position:absolute; left:0; top:0; pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {height:1px; width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {width:1px; height:var(--swiper-virtual-size)}
:root {--swiper-navigation-size:44px}
.swiper-button-prev,.swiper-button-next {position:absolute; top:var(--swiper-navigation-top-offset,50%); width:calc(var(--swiper-navigation-size) / 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(0px - (var(--swiper-navigation-size) / 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {opacity:0.35; cursor:auto; pointer-events:none}
.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {opacity:0; cursor:auto; pointer-events:none}
.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {display:none !important}
.swiper-button-prev svg,.swiper-button-next svg {width:100%; height:100%; object-fit:contain; transform-origin:center}
.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {transform:rotate(180deg)}
.swiper-button-prev,.swiper-rtl .swiper-button-next {left:var(--swiper-navigation-sides-offset,10px); right:auto}
.swiper-button-next,.swiper-rtl .swiper-button-prev {right:var(--swiper-navigation-sides-offset,10px); left:auto}
.swiper-button-lock {display:none}
.swiper-button-prev:after,.swiper-button-next:after {font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none !important; letter-spacing:0; font-variant:initial; line-height:1}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {content:'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev {right:var(--swiper-navigation-sides-offset,10px); left:auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {content:'next'}
:root {}
.swiper-pagination {position:absolute; text-align:center; transition:300ms opacity; transform:translate3d(0,0,0); z-index:10}
.swiper-pagination.swiper-pagination-hidden {opacity:0}
.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled {display:none !important}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {bottom:var(--swiper-pagination-bottom,8px); top:var(--swiper-pagination-top,auto); left:0; width:100%}
.swiper-pagination-bullets-dynamic {overflow:hidden; font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform:scale(0.33); position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform:scale(0.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform:scale(0.33)}
.swiper-pagination-bullet {width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display:inline-block; border-radius:var(--swiper-pagination-bullet-border-radius,50%); background:var(--swiper-pagination-bullet-inactive-color,#000); opacity:var(--swiper-pagination-bullet-inactive-opacity,0.2)}
button.swiper-pagination-bullet {border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-bullet:only-child {display:none !important}
.swiper-pagination-bullet-active {opacity:var(--swiper-pagination-bullet-opacity,1); background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {right:var(--swiper-pagination-right,8px); left:var(--swiper-pagination-left,auto); top:50%; transform:translate3d(0px,-50%,0)}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0; display:block}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%; transform:translateY(-50%); width:8px}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block; transition:200ms transform,200ms top}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%; transform:translateX(-50%); white-space:nowrap}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:200ms transform,200ms left}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:200ms transform,200ms right}
.swiper-pagination-fraction {color:var(--swiper-pagination-fraction-color,inherit)}
.swiper-pagination-progressbar {background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,0.25)); position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.swiper-horizontal > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {width:100%; height:var(--swiper-pagination-progressbar-size,4px); left:0; top:0}
.swiper-vertical > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {width:var(--swiper-pagination-progressbar-size,4px); height:100%; left:0; top:0}
.swiper-pagination-lock {display:none}
:root {}
.swiper-scrollbar {border-radius:var(--swiper-scrollbar-border-radius,10px); position:relative; touch-action:none; background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1))}
.swiper-scrollbar-disabled > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {display:none !important}
.swiper-horizontal > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {position:absolute; left:var(--swiper-scrollbar-sides-offset,1%); bottom:var(--swiper-scrollbar-bottom,4px); top:var(--swiper-scrollbar-top,auto); z-index:50; height:var(--swiper-scrollbar-size,4px); width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-vertical > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {position:absolute; left:var(--swiper-scrollbar-left,auto); right:var(--swiper-scrollbar-right,4px); top:var(--swiper-scrollbar-sides-offset,1%); z-index:50; width:var(--swiper-scrollbar-size,4px); height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar-drag {height:100%; width:100%; position:relative; background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5)); border-radius:var(--swiper-scrollbar-border-radius,10px); left:0; top:0}
.swiper-scrollbar-cursor-drag {cursor:move}
.swiper-scrollbar-lock {display:none}
.swiper-zoom-container {width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center}
.swiper-zoom-container > img,.swiper-zoom-container > svg,.swiper-zoom-container > canvas {max-width:100%; max-height:100%; object-fit:contain}
.swiper-slide-zoomed {cursor:move; touch-action:none}
.swiper .swiper-notification {position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000}
.swiper-free-mode > .swiper-wrapper {transition-timing-function:ease-out; margin:0 auto}
.swiper-grid > .swiper-wrapper {flex-wrap:wrap}
.swiper-grid-column > .swiper-wrapper {flex-wrap:wrap; flex-direction:column}
.swiper-fade.swiper-free-mode .swiper-slide {transition-timing-function:ease-out}
.swiper-fade .swiper-slide {pointer-events:none; transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide {pointer-events:none}
.swiper-fade .swiper-slide-active {pointer-events:auto}
.swiper-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.swiper.swiper-cube {overflow:visible}
.swiper-cube .swiper-slide {pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%}
.swiper-cube .swiper-slide .swiper-slide {pointer-events:none}
.swiper-cube.swiper-rtl .swiper-slide {transform-origin:100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {pointer-events:auto; visibility:visible}
.swiper-cube .swiper-cube-shadow {position:absolute; left:0; bottom:0; width:100%; height:100%; opacity:0.6; z-index:0}
.swiper-cube .swiper-cube-shadow:before {content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; filter:blur(50px)}
.swiper-cube .swiper-slide-next + .swiper-slide {pointer-events:auto; visibility:visible}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.swiper.swiper-flip {overflow:visible}
.swiper-flip .swiper-slide {pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1}
.swiper-flip .swiper-slide .swiper-slide {pointer-events:none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.swiper-creative .swiper-slide {-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; transition-property:transform,opacity,height}
.swiper.swiper-cards {overflow:visible}
.swiper-cards .swiper-slide {transform-origin:center bottom; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden}
 .catalog-block {max-width:1300px; margin:40px auto; padding:20px 30px; font-family:'Segoe UI',Roboto,system-ui,-apple-system,sans-serif; background-color:#f8fafc; border-radius:24px}
 .catalog-title {font-size:30px; font-weight:700; color:#1a2634; margin:0 0 30px 0; padding-bottom:15px; border-bottom:2px solid #e2e8f0; letter-spacing:-0.5px}
 .catalog-grid {display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px}
 .catalog-item {display:flex; align-items:flex-end; justify-content:center; text-align:center; text-decoration:none; border-radius:18px; padding:20px 12px 18px; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(0,0,0,0.08); color:#ffffff; min-height:160px; background-size:cover; background-position:center; position:relative; overflow:hidden}
 .catalog-item::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); transition:background 0.3s ease; border-radius:18px}
 .catalog-item:hover::before {background:rgba(0,0,0,0.2)}
 .catalog-item:hover {transform:translateY(-8px) scale(1.02); box-shadow:0 16px 36px -8px rgba(0,0,0,0.25)}
 .catalog-name {position:relative; z-index:1; font-size:17px; font-weight:600; line-height:1.3; color:#ffffff; max-width:100%; word-break:break-word; text-shadow:0 2px 8px rgba(0,0,0,0.5); padding:8px 16px; background:rgba(0,0,0,0.3); border-radius:30px; backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15)}
 @media (max-width:768px) {.catalog-block {padding:20px 16px; margin:20px 10px; border-radius:18px}
 .catalog-title {font-size:26px}
 .catalog-grid {grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:14px}
 .catalog-item {min-height:130px; padding:16px 8px 14px; border-radius:14px}
 .catalog-item::before {border-radius:14px}
 .catalog-name {font-size:14px; padding:6px 12px}
 .catalog__wrapper {gap:10px}
 }
 @media (max-width:480px) {.catalog-grid {grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px}
 .catalog-item {min-height:110px; padding:12px 6px 10px; border-radius:12px}
 .catalog-item::before {border-radius:12px}
 .catalog-name {font-size:14px; padding:5px 10px}
 .catalog-title {font-size:22px}
 .catalog__wrapper {gap:10px}
 }
 .product-card-horizontal {width:100%; max-width:1400px; margin:0 auto 20px auto; padding:25px 35px; background:#ffffff; border-radius:16px; box-shadow:0 2px 12px rgba(0,0,0,0.08); border:1px solid #e9ecef; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 40px; transition:all 0.3s ease}
 .product-card-horizontal:hover {box-shadow:0 4px 20px rgba(0,0,0,0.12)}
 .product-info {display:flex; align-items:center; gap:30px; flex:1; min-width:200px}
 .product-title {font-size:18px; font-weight:700; color:#1a1a1a; white-space:nowrap}
 .product-weight {display:flex; align-items:baseline; gap:6px; white-space:nowrap; font-weight:400; margin-top:10px}
 .product-weight .label {color:#6c757d; font-size:14px}
 .product-weight .value {font-weight:600; color:#1a1a1a; font-size:16px}
 .product-price {font-size:24px; font-weight:800; color:#2c3e50; white-space:nowrap; min-width:120px}
 .stock-status {flex:1; min-width:170px; max-width:170px}
 .stock-label {display:flex; justify-content:space-between; margin-bottom:8px; font-size:14px; font-weight:500; color:#555}
 .stock-label .in-stock {color:#27ae60; font-weight:700}
 .stock-label .low-stock {color:#e67e22; font-weight:700}
 .stock-label .out-of-stock {color:#e74c3c; font-weight:700}
 .stock-cells {display:flex; gap:6px; margin-bottom:6px}
 .stock-cell {flex:1; height:10px; border-radius:3px; background:#e9ecef; transition:all 0.3s ease}
 .stock-cell.filled {background:#27ae60}
 .stock-cell.filled.warning {background:#f39c12}
 .stock-cell.filled.danger {background:#e74c3c}
 .stock-text {font-size:13px; color:#6c757d}
 .stock-text strong {color:#2c3e50}
 .add-to-cart {padding:12px 32px; background:#3498db; color:white; border:none; border-radius:50px; font-size:16px; font-weight:700; cursor:pointer; white-space:nowrap; transition:all 0.3s ease}
 .add-to-cart:hover {background:#2980b9; transform:translateY(-2px); box-shadow:0 6px 20px rgba(52,152,219,0.35)}
 .add-to-cart:disabled {background:#bdc3c7; cursor:not-allowed; transform:none; box-shadow:none}
 .stock-cell.filled {display:none}
 .stock-0 .stock-cell.filled {display:none}
 .stock-0 .add-to-cart {background:#bdc3c7; cursor:not-allowed}
 .stock-0 .add-to-cart:hover {background:#bdc3c7; transform:none; box-shadow:none}
 .stock-0 .stock-label .in-stock {color:#e74c3c}
 .stock-1 .stock-cell.filled {display:none}
 .stock-1 .stock-cell:nth-child(1) {display:block; background:#e74c3c}
 .stock-1 .stock-label .in-stock {color:#e74c3c}
 .stock-2 .stock-cell.filled {display:none}
 .stock-2 .stock-cell:nth-child(1),.stock-2 .stock-cell:nth-child(2) {display:block; background:#e74c3c}
 .stock-2 .stock-label .in-stock {color:#e74c3c}
 .stock-3 .stock-cell.filled {display:none}
 .stock-3 .stock-cell:nth-child(1),.stock-3 .stock-cell:nth-child(2),.stock-3 .stock-cell:nth-child(3) {display:block; background:#f39c12}
 .stock-3 .stock-label .in-stock {color:#f39c12}
 .stock-4 .stock-cell.filled {display:none}
 .stock-4 .stock-cell:nth-child(1),.stock-4 .stock-cell:nth-child(2),.stock-4 .stock-cell:nth-child(3),.stock-4 .stock-cell:nth-child(4) {display:block; background:#27ae60}
 .stock-4 .stock-label .in-stock {color:#27ae60}
 .stock-5 .stock-cell.filled {display:none}
 .stock-5 .stock-cell:nth-child(1),.stock-5 .stock-cell:nth-child(2),.stock-5 .stock-cell:nth-child(3),.stock-5 .stock-cell:nth-child(4),.stock-5 .stock-cell:nth-child(5) {display:block; background:#27ae60}
 .stock-5 .stock-label .in-stock {color:#27ae60}
 @media (max-width:1024px) {.product-card-horizontal {padding:20px 25px; gap:15px 25px}
 .product-title {font-size:20px}
 .product-price {font-size:24px; min-width:100px}
 }
 @media (max-width:768px) {.product-card-horizontal {flex-direction:column; align-items:stretch; padding:20px; gap:15px}
 .product-info {flex-wrap:wrap; gap:10px}
 .product-title {font-size:18px; white-space:normal; width:100%}
 .product-weight {white-space:normal}
 .product-price {font-size:22px; white-space:normal}
 .stock-status {max-width:100%; min-width:auto}
 .add-to-cart {width:100%; text-align:center}
 }
 @media (max-width:480px) {.product-card-horizontal {padding:15px}
 .product-title {font-size:16px}
 .product-price {font-size:20px}
 .add-to-cart {padding:12px; font-size:14px}
 }
 .about-section {padding:0 20px; background:#ffffff; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; color:#1a1a1a; line-height:1.7}
 .about-container {max-width:1100px; margin:0 auto}
 .about-title {font-size:36px; font-weight:700; color:#1a1a1a; margin-bottom:30px; padding-bottom:15px; border-bottom:3px solid #e9ecef; text-align:center}
 .advantages-title,.company-title {font-size:26px; font-weight:700; color:#1a1a1a; margin:35px 0 18px 0; padding-left:0}
 .about-intro p,.about-guarantees p,.about-company p {font-size:17px; margin-bottom:16px; color:#2c3e50}
 .highlight-text {font-size:18px; background:#f8f9fa; padding:15px 20px; border-left:4px solid #3498db; border-radius:0 8px 8px 0; margin:20px 0}
 .advantages-list {list-style:none; padding:0; margin:10px 0 20px 0; display:grid; grid-template-columns:1fr 1fr; gap:12px 30px}
 .advantages-list li {font-size:16px; color:#2c3e50; padding:8px 0 8px 30px; background:url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%233498db" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>') left center no-repeat; background-size:18px; border-bottom:1px dashed #f0f2f5}
 .advantages-list li strong {color:#1a1a1a}
 .about-section strong {color:#1a1a1a}
 @media (max-width:992px) {.advantages-list {grid-template-columns:1fr; gap:8px}
 }
 @media (max-width:768px) {.about-title {font-size:28px}
 .advantages-title,.company-title {font-size:22px}
 .about-intro p,.about-guarantees p,.about-company p {font-size:16px}
 .highlight-text {font-size:16px; padding:12px 16px}
 .advantages-list li {font-size:15px; padding:6px 0 6px 28px; background-size:16px}
 }
 @media (max-width:480px) {.about-title {font-size:22px}
 .advantages-title,.company-title {font-size:19px}
 .about-intro p,.about-guarantees p,.about-company p {font-size:15px}
 .highlight-text {font-size:15px; padding:10px 14px}
 }
 .delivery-section {max-width:1300px; margin-top:40px; background:#ffffff}
 .delivery-header {text-align:center; margin-bottom:35px}
 .delivery-main-title {font-size:36px; font-weight:800; color:#0a62aa; margin:0 0 8px 0; letter-spacing:-1px}
 .delivery-subtitle {font-size:18px; color:#555555; margin:0; font-weight:400}
 .delivery-tabs-wrapper {display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:40px; padding:10px 0}
 .tab-btn-new {padding:12px 28px; border:2px solid #e8edf5; border-radius:50px; background:#ffffff; color:#333333; font-size:16px; font-weight:600; cursor:pointer; transition:all 0.3s cubic-bezier(0.4,0,0.2,1); font-family:inherit; box-shadow:0 2px 8px rgba(0,0,0,0.02)}
 .tab-btn-new:hover {transform:translateY(-3px); border-color:#ffa600; box-shadow:0 8px 24px rgba(255,166,0,0.12); background:#fffbf2}
 .tab-btn-new.active {background:#ffa600; border-color:#ffa600; color:#000000; box-shadow:0 8px 32px rgba(255,166,0,0.2); transform:translateY(-3px)}
 .tab-btn-new.active:hover {background:#e69500; border-color:#e69500}
 .delivery-cards {display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:30px}
 .truck-card {background:#ffffff; border-radius:24px; overflow:hidden; box-shadow:0 4px 20px rgba(10,98,170,0.06); transition:all 0.4s cubic-bezier(0.4,0,0.2,1); border:1px solid #eef2f7; display:flex; flex-direction:column; position:relative}
 .truck-card:hover {transform:translateY(-12px); box-shadow:0 24px 48px -12px rgba(10,98,170,0.2); border-color:#ffa600}
 .truck-badge {position:absolute; top:16px; right:16px; background:#ffa600; color:#000000; padding:4px 16px; border-radius:30px; font-size:12px; font-weight:700; letter-spacing:0.5px; text-transform:uppercase; box-shadow:0 4px 12px rgba(255,166,0,0.25); z-index:2}
 .truck-photo {width:100%; height:220px; overflow:hidden; background:#f0f4fa; position:relative}
 .truck-img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease}
 .truck-card:hover .truck-img {transform:scale(1.05)}
 .truck-info {padding:24px 24px 20px; flex:1; display:flex; flex-direction:column}
 .truck-model-name {font-size:26px; font-weight:800; color:#0a62aa; margin:0 0 16px 0; letter-spacing:-0.5px}
 .truck-params {flex:1; margin-bottom:18px}
 .param-item {display:flex; align-items:center; gap:12px; padding:7px 0; border-bottom:1px solid #f0f4fa}
 .param-item:last-child {border-bottom:none}
 .param-icon {font-size:18px; width:28px; text-align:center; color:#0a62aa}
 .param-text {font-size:15px; color:#333333}
 .param-text strong {font-weight:700}
 .truck-price {background:#f8faff; border-radius:16px; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; border:1px solid #eef2f7; margin-bottom:16px}
 .price-block {display:flex; align-items:baseline; gap:4px}
 .price-value-new {font-size:30px; font-weight:800; color:#0a62aa; transition:all 0.3s ease}
 .price-currency {font-size:20px; font-weight:700; color:#0a62aa}
 .price-period {font-size:15px; color:#777777; font-weight:500}
 .truck-order-btn {padding:14px; background:linear-gradient(135deg,#ffa600 0,#e69500 100%); border:none; border-radius:14px; color:#000000; font-size:17px; font-weight:700; cursor:pointer; transition:all 0.3s ease; font-family:inherit; letter-spacing:0.3px; width:100%}
 .truck-order-btn:hover {transform:scale(1.02); box-shadow:0 8px 24px rgba(255,166,0,0.3)}
 @media (max-width:768px) {.delivery-section {margin:20px 10px; border-radius:24px}
 .delivery-main-title {font-size:28px}
 .delivery-subtitle {font-size:16px}
 .delivery-tabs-wrapper {gap:10px}
 .tab-btn-new {padding:10px 20px; font-size:14px}
 .delivery-cards {grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px}
 .truck-photo {height:180px}
 .truck-model-name {font-size:22px}
 .price-value-new {font-size:26px}
 .truck-order-btn {font-size:16px; padding:12px}
 }
 @media (max-width:480px) {.delivery-section {border-radius:18px}
 .delivery-main-title {font-size:22px}
 .delivery-subtitle {font-size:14px}
 .delivery-tabs-wrapper {gap:8px}
 .tab-btn-new {padding:8px 14px; font-size:12px; border-width:1.5px}
 .delivery-cards {grid-template-columns:1fr; gap:16px}
 .truck-photo {height:160px}
 .truck-info {padding:16px 16px 14px}
 .truck-model-name {font-size:20px; margin-bottom:12px}
 .param-text {font-size:14px}
 .price-value-new {font-size:22px}
 .price-currency {font-size:18px}
 .truck-order-btn {font-size:15px; padding:11px}
 .truck-badge {font-size:10px; padding:3px 12px; top:12px; right:12px}
 }
.modal-overlay {position:fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; background:rgba(0,0,0,0.6); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); z-index:9999; display:none; text-align:center; white-space:nowrap; overflow:auto}
.modal-overlay:before {content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-0.25em}
.modal-overlay.active {display:block}
.modal-container {display:inline-block; white-space:normal; background:#ffffff; border-radius:24px; max-width:500px; width:90%; max-height:90vh; overflow-y:auto; box-shadow:0 24px 64px rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.1); text-align:left; opacity:0; transform:scale(0.9) translateY(20px); transition:all 0.3s cubic-bezier(0.4,0,0.2,1); margin:20px 0; position:relative}
.modal-overlay.active .modal-container {opacity:1; transform:scale(1) translateY(0)}
.modal-header {display:flex; justify-content:space-between; align-items:center; padding:20px 24px 14px 24px; border-bottom:2px solid #f0f4fa; flex-shrink:0; position:sticky; top:0; background:#ffffff; z-index:10; border-radius:24px 24px 0 0}
.modal-title {font-size:22px; font-weight:700; color:#0a62aa; margin:0; letter-spacing:-0.3px}
.modal-close {background:none; border:none; font-size:28px; color:#999999; cursor:pointer; transition:all 0.2s ease; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; line-height:1; flex-shrink:0}
.modal-close:hover {color:#000000; background:#f0f4fa; transform:rotate(90deg)}
.modal-body {padding:20px 24px 24px 24px; overflow-y:auto; flex:1}
.modal-subtitle {font-size:15px; color:#555555; margin:0 0 20px 0; line-height:1.5}
.modal-form {display:flex; flex-direction:column; gap:18px}
.form-group {display:flex; flex-direction:column; gap:6px}
.form-label {font-size:14px; font-weight:600; color:#1a2634}
.phone-input-wrapper {display:flex; align-items:center; border:2px solid #dce3ed; border-radius:12px; transition:border-color 0.3s ease; background:#f8fafc}
.phone-input-wrapper:focus-within {border-color:#0a62aa; box-shadow:0 0 0 4px rgba(10,98,170,0.1)}
.phone-input-wrapper.error {border-color:#e74c3c !important; box-shadow:0 0 0 4px rgba(231,76,60,0.1)}
.phone-prefix {padding:10px 10px 10px 14px; font-size:16px; font-weight:600; color:#1a2634; background:transparent; border-right:2px solid #e8edf5; min-width:32px; flex-shrink:0}
.form-input {flex:1; padding:10px 14px; border:none; border-radius:0 12px 12px 0; font-size:16px; font-weight:500; color:#1a2634; background:transparent; outline:none; font-family:inherit; letter-spacing:0.5px; min-width:0}
.form-input::placeholder {color:#aab3c5; font-weight:400; font-size:15px; letter-spacing:0}
.form-hint {font-size:12px; color:#888888; margin-top:4px; transition:color 0.3s ease}
.form-hint.error {color:#e74c3c}
.submit-btn {padding:14px; background:linear-gradient(135deg,#ffa600 0,#e69500 100%); border:none; border-radius:12px; color:#000000; font-size:16px; font-weight:700; cursor:pointer; transition:all 0.3s ease; font-family:inherit; letter-spacing:0.3px; display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; width:100%}
.submit-btn:hover {transform:scale(1.02); box-shadow:0 8px 24px rgba(255,166,0,0.3)}
.submit-btn:active {transform:scale(0.98)}
.submit-btn:disabled {opacity:0.7; cursor:not-allowed; transform:none !important}
.btn-loader {font-size:22px; animation:spin 1s linear infinite}
@keyframes spin {from {transform:rotate(0deg)}
 to {transform:rotate(360deg)}
}
.modal-success {text-align:center; padding:20px 0}
.success-icon {font-size:56px; margin-bottom:12px}
.success-text {font-size:20px; font-weight:700; color:#1a6b3c; margin:0 0 6px 0}
.success-subtext {font-size:15px; color:#555555; margin:0}
@media (max-width:768px) {.modal-container {width:95%; max-height:85vh; border-radius:18px; margin:10px 0}
 .modal-header {padding:16px 18px 12px 18px}
 .modal-title {font-size:20px}
 .modal-body {padding:16px 18px 20px 18px}
 .modal-subtitle {font-size:14px; margin-bottom:16px}
 .form-input {font-size:15px; padding:9px 12px}
 .phone-prefix {padding:9px 0 9px 12px; font-size:15px}
 .submit-btn {font-size:15px; padding:12px; min-height:44px}
 .modal-close {font-size:26px; width:34px; height:34px}
}
@media (max-width:480px) {.modal-container {width:98%; max-height:90vh; border-radius:16px; margin:8px 0}
 .modal-header {padding:14px 14px 10px 14px}
 .modal-title {font-size:18px}
 .modal-body {padding:14px 14px 16px 14px}
 .modal-subtitle {font-size:13px; margin-bottom:14px}
 .form-input {font-size:16px; padding:10px 12px}
 .phone-prefix {padding:10px 10px 10px 12px; font-size:16px; min-width:28px}
 .submit-btn {font-size:15px; padding:12px; min-height:44px; border-radius:10px}
 .modal-close {font-size:24px; width:32px; height:32px}
 .success-icon {font-size:48px}
 .success-text {font-size:18px}
}
@media (max-width:380px) {.modal-container {border-radius:14px; max-height:92vh; margin:4px 0}
 .modal-header {padding:12px 12px 8px 12px}
 .modal-title {font-size:17px}
 .modal-body {padding:12px 12px 14px 12px}
 .form-input {font-size:16px; padding:10px 10px}
 .phone-prefix {font-size:16px; padding:10px 0 10px 10px; min-width:24px}
 .submit-btn {font-size:14px; padding:10px; min-height:40px}
 .modal-close {font-size:22px; width:28px; height:28px}
}
 .ms-no-results {max-width:600px; margin:40px auto; padding:50px 30px 40px; background:#ffffff; border-radius:24px; box-shadow:0 4px 20px rgba(0,0,0,0.04); border:1px solid #eef2f7; text-align:center; font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
.ms-no-results-icon {font-size:64px; margin-bottom:16px; display:block; opacity:0.7}
.ms-no-results-content {display:flex; flex-direction:column; align-items:center; gap:12px}
.ms-no-results-title {font-size:22px; font-weight:700; color:#1a2634; line-height:1.4}
.ms-no-results-query {color:#0a62aa; background:#f0f6ff; padding:2px 10px; border-radius:6px; font-weight:700}
.ms-no-results-text {font-size:16px; color:#666666; line-height:1.5; max-width:400px; margin:0 auto}
.ms-no-results-search {margin-top:20px; padding-top:20px; border-top:1px solid #f0f4fa; width:100%}
.ms-no-results-search-label {font-size:14px; color:#888888; display:block; margin-bottom:12px}
.ms-no-results-search-form {width:100%}
.ms-no-results-search-wrapper {display:flex; gap:10px; align-items:center; max-width:480px; margin:0 auto}
.ms-no-results-search-input {flex:1; padding:12px 18px; border:2px solid #dce3ed; border-radius:12px; font-size:16px; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; outline:none; transition:border-color 0.3s ease,box-shadow 0.3s ease; background:#f8fafc; color:#1a2634; min-width:0}
.ms-no-results-search-input::placeholder {color:#aab3c5}
.ms-no-results-search-input:focus {border-color:#0a62aa; box-shadow:0 0 0 4px rgba(10,98,170,0.08); background:#ffffff}
.ms-no-results-search-btn {padding:12px 28px; background:#ffa600; border:none; border-radius:12px; color:#000000; font-size:16px; font-weight:700; cursor:pointer; transition:all 0.3s ease; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; white-space:nowrap; flex-shrink:0}
.ms-no-results-search-btn:hover {background:#e69500; transform:scale(1.02); box-shadow:0 4px 16px rgba(255,166,0,0.25)}
.ms-no-results-search-btn:active {transform:scale(0.96)}
@media (max-width:640px) {.ms-no-results {margin:20px 12px; padding:35px 20px 30px; border-radius:18px}
 .ms-no-results-icon {font-size:48px}
 .ms-no-results-title {font-size:18px}
 .ms-no-results-text {font-size:14px}
 .ms-no-results-search-wrapper {flex-direction:column; gap:10px; max-width:100%}
 .ms-no-results-search-input {width:100%; padding:12px 16px; font-size:15px}
 .ms-no-results-search-btn {width:100%; padding:12px; font-size:15px; justify-content:center}
}
@media (max-width:400px) {.ms-no-results {padding:28px 14px 24px; border-radius:14px}
 .ms-no-results-icon {font-size:40px; margin-bottom:12px}
 .ms-no-results-title {font-size:16px}
 .ms-no-results-text {font-size:13px}
 .ms-no-results-search-label {font-size:13px}
 .ms-no-results-search-input {font-size:14px; padding:10px 14px}
 .ms-no-results-search-btn {font-size:14px; padding:10px}
}
.ms-bottom-nav {position:fixed; bottom:0; left:0; right:0; z-index:9998; display:flex; justify-content:space-around; align-items:center; background:#ffffff; border-top:1px solid #e8edf5; box-shadow:0 -4px 20px rgba(0,0,0,0.06); height:74px; padding:0 8px; padding-bottom:env(safe-area-inset-bottom,0)}
@media (min-width:769px) {.ms-bottom-nav {display:none !important}
}
@media (max-width:768px) {body {padding-bottom:82px}
}
.ms-nav-item {display:flex; flex-direction:column; align-items:center; justify-content:center; text-decoration:none; color:#888888; font-size:12px; font-weight:500; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; padding:4px 12px; border-radius:12px; min-width:64px; position:relative; -webkit-tap-highlight-color:transparent; user-select:none; transition:color 0.2s ease; cursor:pointer}
.ms-nav-item .ms-nav-icon {font-size:26px; line-height:1.2; position:relative}
.ms-nav-item .ms-nav-label {font-size:12px; margin-top:3px; line-height:1.2}
.ms-nav-item.active {color:#0a62aa}
.ms-nav-item.active .ms-nav-label {color:#0a62aa; font-weight:600}
.ms-nav-item:hover {color:#0a62aa}
.ms-cart-badge {position:absolute; top:-8px; right:-14px; background:#e74c3c; color:#ffffff; font-size:11px; font-weight:700; min-width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 5px; box-shadow:0 2px 8px rgba(231,76,60,0.3); font-family:'Segoe UI',system-ui,-apple-system,sans-serif; line-height:1}
.ms-catalog-overlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; background:rgba(0,0,0,0.5); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); display:none; overflow:hidden; align-items:center; justify-content:center; padding:20px; box-sizing:border-box}
.ms-catalog-overlay.active {display:flex}
@keyframes msFadeIn {from {opacity:0; transform:scale(0.98)}
 to {opacity:1; transform:scale(1)}
}
.ms-catalog-window {width:100%; max-width:800px; max-height:90vh; background:#ffffff; border-radius:24px; box-shadow:0 24px 64px rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.1); display:flex; flex-direction:column; overflow:hidden; animation:msFadeIn 0.25s ease; position:relative}
.ms-catalog-header {display:flex; justify-content:space-between; align-items:center; padding:20px 24px 14px 24px; border-bottom:2px solid #f0f4fa; flex-shrink:0; background:#ffffff; border-radius:24px 24px 0 0}
.ms-catalog-heading {font-size:22px; font-weight:700; color:#0a62aa; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; letter-spacing:-0.3px}
.ms-catalog-close {background:none; border:none; font-size:28px; color:#1a2634; cursor:pointer; padding:4px 8px; border-radius:12px; transition:all 0.2s ease; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; line-height:1; flex-shrink:0}
.ms-catalog-close:hover {background:#f0f4fa; transform:rotate(90deg)}
.ms-catalog-close:active {transform:scale(0.9)}
.ms-catalog-body {flex:1; padding:20px 24px 24px 24px; overflow-y:auto; font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
@media (max-width:768px) {.ms-catalog-overlay {padding:0; background:#ffffff; backdrop-filter:none; -webkit-backdrop-filter:none}
 .ms-catalog-window {max-width:100%; max-height:100vh; border-radius:0; box-shadow:none; border:none; animation:none; background:#ffffff; height:100%; width:100%}
 .ms-catalog-header {border-radius:0; padding:16px 18px 12px 18px; border-bottom:2px solid #f0f4fa; position:sticky; top:0; z-index:10; background:#ffffff}
 .ms-catalog-heading {font-size:18px}
 .ms-catalog-close {font-size:26px; padding:4px 6px}
 .ms-catalog-body {padding:16px 18px 20px 18px; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch}
}
@media (max-width:480px) {.ms-catalog-header {padding:14px 14px 10px 14px}
 .ms-catalog-heading {font-size:17px}
 .ms-catalog-close {font-size:24px; padding:2px 6px}
 .ms-catalog-body {padding:14px 14px 16px 14px}
}
@supports (-webkit-touch-callout:none) {.ms-catalog-window {padding-top:env(safe-area-inset-top,0); padding-bottom:env(safe-area-inset-bottom,0)}
 @media (max-width:768px) {.ms-catalog-header {padding-top:calc(16px + env(safe-area-inset-top,0))}
 .ms-catalog-body {padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}
 }
}
.ms-catalog-body::-webkit-scrollbar {width:4px}
.ms-catalog-body::-webkit-scrollbar-track {background:transparent}
.ms-catalog-body::-webkit-scrollbar-thumb {background:#dce3ed; border-radius:10px}
.ms-catalog-body::-webkit-scrollbar-thumb:hover {background:#b0c4dd}


.ms-cart-block {width:100%; margin:0 auto; background:transparent; font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
.ms-cart-header {display:flex; justify-content:space-between; align-items:center; padding:0 0 16px 0; border-bottom:2px solid #f0f4fa; flex-wrap:wrap; gap:8px}
.ms-cart-title {font-size:24px; font-weight:700; color:#0a62aa; margin:0; letter-spacing:-0.3px}
.ms-cart-count {font-size:14px; color:#888888; font-weight:500; background:#f5f7fa; padding:4px 14px; border-radius:20px}
.ms-cart-list {padding:8px 0; max-height:500px; overflow-y:auto}
.ms-cart-item {display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #f0f4fa; transition:background 0.2s ease; position:relative}
.ms-cart-item:last-child {border-bottom:none}
.ms-cart-item-info {flex:1; min-width:0}
.ms-cart-item-name {max-width:90%; font-size:15px; font-weight:600; color:#1a2634; margin-bottom:8px; line-height:1.3}
.ms-cart-item-details {display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px}
.ms-cart-item-quantity {display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.ms-cart-qty-btn {width:28px; height:28px; border:1px solid #dce3ed; background:#f8fafc; border-radius:8px; font-size:18px; font-weight:600; color:#1a2634; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s ease; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; user-select:none; padding:0; line-height:1}
.ms-cart-qty-btn:hover {border-color:#0a62aa; background:#f0f6ff}
.ms-cart-qty-btn:active {transform:scale(0.92)}
.ms-cart-qty-value {font-size:16px; font-weight:600; color:#1a2634; min-width:24px; text-align:center}
.ms-cart-item-unit {font-size:13px; color:#888888; font-weight:500}
.ms-cart-item-weight {font-size:12px; color:#aab3c5; font-weight:400; margin-left:4px}
.ms-cart-item-price {font-size:16px; font-weight:700; color:#0a62aa; white-space:nowrap}
.ms-cart-item-remove {background:none; border:none; font-size:18px; color:#cccccc; cursor:pointer; padding:6px 8px; border-radius:8px; transition:all 0.2s ease; flex-shrink:0; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; line-height:1}
.ms-cart-item-remove:hover {color:#e74c3c; background:#fde8e8}
.ms-cart-item-remove:active {transform:scale(0.9)}
.ms-cart-footer {display:flex; justify-content:space-between; align-items:center; padding:18px 0 0 0; border-top:2px solid #f0f4fa; margin-top:4px; flex-wrap:wrap; gap:12px}
.ms-cart-total {display:flex; align-items:baseline; gap:10px}
.ms-cart-total-label {font-size:18px; font-weight:600; color:#1a2634}
.ms-cart-total-price {font-size:26px; font-weight:800; color:#0a62aa; letter-spacing:-0.5px}
.ms-cart-checkout-btn {padding:14px 40px; background:linear-gradient(135deg,#ffa600 0,#e69500 100%); border:none; border-radius:14px; color:#000000; font-size:17px; font-weight:700; cursor:pointer; transition:all 0.3s ease; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; white-space:nowrap}
.ms-cart-checkout-btn:hover {transform:scale(1.02); box-shadow:0 8px 24px rgba(255,166,0,0.3)}
.ms-cart-checkout-btn:active {transform:scale(0.96)}
.ms-cart-checkout-btn:disabled {opacity:0.6; cursor:not-allowed; transform:none !important}
.ms-cart-empty {text-align:center; padding:40px 20px; color:#888888}
.ms-cart-empty-icon {font-size:48px; margin-bottom:12px}
.ms-cart-empty-title {font-size:18px; font-weight:600; color:#1a2634}
.ms-cart-empty-text {font-size:14px; margin-top:4px}
.ms-phone-modal-overlay {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(4px); z-index:99999; display:none; align-items:center; justify-content:center; padding:20px}
.ms-phone-modal-overlay.active {display:flex}
.ms-phone-modal {background:#ffffff; border-radius:20px; max-width:420px; width:100%; padding:30px 28px 28px; box-shadow:0 20px 60px rgba(0,0,0,0.2); animation:msModalFadeIn 0.3s ease}
@keyframes msModalFadeIn {from {opacity:0; transform:scale(0.95) translateY(10px)}
 to {opacity:1; transform:scale(1) translateY(0)}
}
.ms-phone-modal-title {font-size:20px; font-weight:700; color:#1a2634; margin:0 0 6px 0}
.ms-phone-modal-subtitle {font-size:14px; color:#888888; margin:0 0 20px 0}
.ms-phone-modal-input {width:100%; padding:14px 18px; border:2px solid #dce3ed; border-radius:12px; font-size:18px; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; outline:none; transition:border-color 0.3s; box-sizing:border-box; background:#f8fafc}
.ms-phone-modal-input:focus {border-color:#0a62aa; background:#ffffff}
.ms-phone-modal-input.error {border-color:#e74c3c}
.ms-phone-modal-error {color:#e74c3c; font-size:13px; margin-top:6px; display:none}
.ms-phone-modal-error.show {display:block}
.ms-phone-modal-buttons {display:flex; gap:10px; margin-top:20px}
.ms-phone-modal-btn {padding:14px 20px; border:none; border-radius:12px; font-size:16px; font-weight:600; cursor:pointer; transition:all 0.3s ease; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; flex:1}
.ms-phone-modal-btn-cancel {background:#f0f4fa; color:#1a2634}
.ms-phone-modal-btn-cancel:hover {background:#e2e8f0}
.ms-phone-modal-btn-submit {background:linear-gradient(135deg,#ffa600 0,#e69500 100%); color:#000000}
.ms-phone-modal-btn-submit:hover {transform:scale(1.02); box-shadow:0 4px 16px rgba(255,166,0,0.3)}
.ms-phone-modal-btn-submit:disabled {opacity:0.6; cursor:not-allowed; transform:none !important}
@media (max-width:640px) {.ms-cart-header {padding:0 0 12px 0}
 .ms-cart-title {font-size:20px}
 .ms-cart-item {padding:12px 0; gap:10px; flex-wrap:wrap}
 .ms-cart-item-name {font-size:14px}
 .ms-cart-item-details {gap:6px 12px; justify-content:space-between}
 .ms-cart-qty-btn {width:24px; height:24px; font-size:16px}
 .ms-cart-qty-value {font-size:14px; min-width:20px}
 .ms-cart-item-price {font-size:14px}
 .ms-cart-item-weight {font-size:11px; display:block; width:100%; margin-left:0; margin-top:2px}
 .ms-cart-item-remove {position:absolute; top:10px; right:0; font-size:16px; padding:4px 6px}
 .ms-cart-footer {padding:14px 0 0 0; flex-direction:column; align-items:stretch; gap:12px}
 .ms-cart-total {justify-content:space-between}
 .ms-cart-total-price {font-size:22px}
 .ms-cart-checkout-btn {padding:12px; font-size:16px; width:100%; justify-content:center}
 .ms-cart-list {max-height:400px}
 .ms-phone-modal {padding:24px 18px 20px}
 .ms-phone-modal-buttons {flex-direction:column}
}
@media (max-width:400px) {.ms-cart-item {padding:10px 0; gap:8px}
 .ms-cart-item-name {font-size:13px}
 .ms-cart-qty-btn {width:22px; height:22px; font-size:14px}
 .ms-cart-qty-value {font-size:13px; min-width:18px}
 .ms-cart-item-price {font-size:13px}
 .ms-cart-item-unit {font-size:12px}
 .ms-cart-item-weight {font-size:10px}
 .ms-cart-total-price {font-size:20px}
 .ms-cart-checkout-btn {font-size:15px; padding:10px}
}
.ms-cart-list::-webkit-scrollbar {width:4px}
.ms-cart-list::-webkit-scrollbar-track {background:transparent}
.ms-cart-list::-webkit-scrollbar-thumb {background:#dce3ed; border-radius:10px}
.ms-cart-list::-webkit-scrollbar-thumb:hover {background:#b0c4dd}


/* стальная бочка */


/* ===== ОСНОВНЫЕ СТИЛИ ===== */
.rm-tank-block {
    /* max-width: 1200px; */
    margin: 40px auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 8px 40px rgba(10, 98, 170, 0.08);
    border: 1px solid #e8edf5;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    box-sizing: border-box;
}

/* ===== ГАЛЕРЕЯ ===== */
.rm-tank-gallery {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rm-tank-gallery-main {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    background: #f0f4fa;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #eef2f7;
}

.rm-tank-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.rm-tank-gallery-main:hover .rm-tank-main-img {
    transform: scale(1.03);
}

.rm-tank-gallery-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #ffa600;
    color: #000000;
    font-size: 14px;
    font-weight: 800;
    padding: 6px 18px;
    border-radius: 30px;
    box-shadow: 0 4px 16px rgba(255, 166, 0, 0.3);
    letter-spacing: 0.3px;
}

.rm-tank-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.rm-tank-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s ease;
    background: #f0f4fa;
}

.rm-tank-thumb:hover {
    border-color: #ffa600;
    transform: scale(1.03);
}

.rm-tank-thumb.active {
    border-color: #0a62aa;
    box-shadow: 0 0 0 2px rgba(10, 98, 170, 0.15);
}

/* ===== ИНФОРМАЦИЯ ===== */
.rm-tank-info {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.rm-tank-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rm-tank-category {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #0a62aa;
    background: #f0f6ff;
    padding: 4px 14px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
}

.rm-tank-title {
    font-size: 26px;
    font-weight: 800;
    color: #1a2634;
    line-height: 1.25;
    letter-spacing: -0.5px;
    margin: 0;
}

/* ===== КРАТКИЕ ХАРАКТЕРИСТИКИ ===== */
.rm-tank-highlights {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.rm-tank-highlight {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #f8faff;
    border-radius: 14px;
    border: 1px solid #eef2f7;
    transition: all 0.2s ease;
}

.rm-tank-highlight:hover {
    border-color: #dce8f5;
    background: #f0f6ff;
}

.rm-tank-highlight-icon {
    font-size: 24px;
    flex-shrink: 0;
    line-height: 1;
}

.rm-tank-highlight-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rm-tank-highlight-label {
    font-size: 12px;
    color: #888888;
    font-weight: 500;
}

.rm-tank-highlight-value {
    font-size: 15px;
    color: #1a2634;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== ПОЛНЫЕ ХАРАКТЕРИСТИКИ ===== */
.rm-tank-specs {
    background: #f8fafc;
    border-radius: 16px;
    padding: 20px 22px;
    border: 1px solid #eef2f7;
}

.rm-tank-specs-title {
    font-size: 16px;
    font-weight: 700;
    color: #1a2634;
    margin: 0 0 14px 0;
    letter-spacing: -0.2px;
}

.rm-tank-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 14px;
}

.rm-tank-specs-table tr {
    border-bottom: 1px dashed #e8edf5;
}

.rm-tank-specs-table tr:last-child {
    border-bottom: none;
}

.rm-tank-specs-label {
    padding: 8px 12px 8px 0;
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    vertical-align: top;
    width: 50%;
}

.rm-tank-specs-value {
    padding: 8px 0;
    font-size: 14px;
    color: #1a2634;
    font-weight: 700;
    text-align: right;
    vertical-align: top;
}

.rm-tank-note {
    background: #fff8e6;
    border-left: 4px solid #ffa600;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13px;
    color: #7a5a00;
    line-height: 1.5;
    margin-top: 4px;
}

.rm-tank-note strong {
    color: #b37700;
}

/* ===== ЦЕНА ===== */
.rm-tank-price {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(135deg, #f0f6ff 0%, #e6f0ff 100%);
    border: 1px solid #dce8f5;
    border-radius: 16px;
    padding: 18px 22px;
}

.rm-tank-price-label {
    font-size: 15px;
    font-weight: 600;
    color: #1a2634;
}

.rm-tank-price-value {
    font-size: 30px;
    font-weight: 800;
    color: #0a62aa;
    letter-spacing: -0.5px;
}

/* ===== КНОПКИ ===== */
.rm-tank-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.rm-tank-btn {
    flex: 1;
    min-width: 200px;
    padding: 16px 24px;
    border: none;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    letter-spacing: 0.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.rm-tank-btn-primary {
    background: linear-gradient(135deg, #ffa600 0%, #e69500 100%);
    color: #000000;
    box-shadow: 0 4px 16px rgba(255, 166, 0, 0.25);
}

.rm-tank-btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(255, 166, 0, 0.35);
}

.rm-tank-btn-secondary {
    background: #ffffff;
    color: #0a62aa;
    border: 2px solid #dce3ed;
}

.rm-tank-btn-secondary:hover {
    border-color: #0a62aa;
    background: #f0f6ff;
    transform: translateY(-3px);
}

.rm-tank-btn:active {
    transform: scale(0.97);
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 1024px) {
    .rm-tank-block {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 24px;
    }

    .rm-tank-gallery-main {
        aspect-ratio: 4 / 3;
    }

    .rm-tank-title {
        font-size: 22px;
    }
}

@media (max-width: 640px) {
    .rm-tank-block {
        margin: 20px 12px;
        padding: 18px;
        border-radius: 18px;
    }

    .rm-tank-gallery-main {
        aspect-ratio: 1 / 1;
    }

    .rm-tank-gallery-badge {
        font-size: 12px;
        padding: 4px 14px;
        top: 12px;
        left: 12px;
    }

    .rm-tank-title {
        font-size: 20px;
    }

    .rm-tank-highlights {
        grid-template-columns: 1fr;
    }

    .rm-tank-highlight {
        padding: 12px 14px;
    }

    .rm-tank-specs {
        padding: 16px 16px;
    }

    .rm-tank-specs-label,
    .rm-tank-specs-value {
        font-size: 13px;
        padding: 6px 0;
    }

    .rm-tank-specs-value {
        padding-left: 8px;
    }

    .rm-tank-price {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 16px;
    }

    .rm-tank-price-value {
        font-size: 26px;
    }

    .rm-tank-actions {
        flex-direction: column;
    }

    .rm-tank-btn {
        width: 100%;
        min-width: unset;
        padding: 14px 20px;
        font-size: 15px;
    }
}

@media (max-width: 400px) {
    .rm-tank-block {
        padding: 14px;
        border-radius: 14px;
    }

    .rm-tank-title {
        font-size: 18px;
    }

    .rm-tank-specs-label,
    .rm-tank-specs-value {
        font-size: 12px;
    }

    .rm-tank-note {
        font-size: 12px;
        padding: 10px 12px;
    }

    .rm-tank-price-value {
        font-size: 22px;
    }
}
/* стальная бочка */





/* ===== СЛАЙДЕР ===== */
.rms-slider-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 20px auto;
    /* font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; */
    box-sizing: border-box;
    position: relative;
}

/* ===== СЛАЙДЕР ===== */
.rms-slider {
    position: relative;
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: #0a62aa;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.rms-slider-track {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.rms-slide {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s ease;
    z-index: 1;
    min-height: 100%;
}

.rms-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Фон */
.rms-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 6s ease;
    z-index: 0;
}

.rms-slide.active .rms-slide-bg {
    transform: scale(1.06);
}

/* Затемнение */
.rms-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(10, 30, 60, 0.75) 0%, rgba(10, 98, 170, 0.45) 60%, rgba(255, 166, 0, 0.15) 100%);
    z-index: 1;
}

/* ===== КОНТЕНТ  ===== */
.rms-slide-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* Большие боковые отступы — защита от стрелок */
    padding: 50px 110px 80px 110px;
    max-width: 900px;
    color: #ffffff;
    box-sizing: border-box;
}

.rms-slide-title {
    font-size: 38px;
    font-weight: 800;
    line-height: 1.15;
    color: #ffffff;
    margin: 0 0 14px 0;
    letter-spacing: -0.5px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.rms-slide-title span {
    color: #ffa600; 
}

.rms-slide-subtitle {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.92);
    margin: 0 0 24px 0;
    max-width: 600px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.rms-slide-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 34px;
    background: linear-gradient(135deg, #ffa600 0%, #e69500 100%);
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(255, 166, 0, 0.35);
    border: none;
    cursor: pointer;
}

.rms-slide-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(255, 166, 0, 0.5);
    background: linear-gradient(135deg, #ffb020 0%, #f0a000 100%);
}

/* ===== СТРЕЛКИ — ===== */
.rms-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    color: #0a62aa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(10, 98, 170, 0.25);
}

.rms-slider-arrow:hover {
    background: #ffa600;
    color: #000000;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 8px 24px rgba(255, 166, 0, 0.5);
}

.rms-slider-arrow:active {
    transform: translateY(-50%) scale(0.95);
}

/* Левая стрелка */
.rms-slider-prev {
    left: 10px;
}

/* Правая стрелка */
.rms-slider-next {
    right: 10px;
}

/* ===== ТОЧКИ ===== */
.rms-slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 10px;
}

.rms-slider-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.rms-slider-dot.active {
    background: #ffa600;
    width: 28px;
    border-radius: 6px;
}

/* ===== МИНИАТЮРЫ ===== */
.rms-slider-thumbs {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 18px;
    padding: 10px 0;
    flex-wrap: wrap;
}

.rms-slider-thumb {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 12px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    font-family: inherit;
}

.rms-slider-thumb-img {
    width: 100px;
    height: 68px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    border: 2px solid #dce3ed;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.rms-slider-thumb-label {
    font-size: 12px;
    color: #888888;
    font-weight: 500;
    transition: color 0.3s ease;
}

.rms-slider-thumb:hover .rms-slider-thumb-img {
    opacity: 1;
    transform: translateY(-3px);
    border-color: #0a62aa;
}

.rms-slider-thumb:hover .rms-slider-thumb-label {
    color: #0a62aa;
}

.rms-slider-thumb.active .rms-slider-thumb-img {
    opacity: 1;
    border-color: #ffa600;
    box-shadow: 0 6px 20px rgba(255, 166, 0, 0.4);
}

.rms-slider-thumb.active .rms-slider-thumb-label {
    color: #ffa600;
    font-weight: 700;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 1024px) {
    .rms-slider-wrapper {
        padding: 0 60px;
    }

    .rms-slider {
        border-radius: 20px;
    }

    .rms-slide-content {
        padding: 40px 90px 70px 90px;
        max-width: 700px;
    }

    .rms-slide-title {
        font-size: 30px;
    }

    .rms-slide-subtitle {
        font-size: 15px;
    }

    .rms-slider-arrow {
        width: 46px;
        height: 46px;
    }

    .rms-slider-thumb-img {
        width: 85px;
        height: 58px;
    }
}

@media (max-width: 768px) {
    .rms-slider-wrapper {
        padding: 0 46px;
        margin: 12px auto;
    }

    .rms-slider {
        border-radius: 16px;
    }

    .rms-slide-content {
        padding: 28px 60px 65px 60px;
        max-width: 100%;
    }

    .rms-slide-title {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .rms-slide-subtitle {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .rms-slide-btn {
        padding: 11px 24px;
        font-size: 14px;
    }

    /* На планшетах стрелки уменьшены */
    .rms-slider-arrow {
        width: 38px;
        height: 38px;
    }

    .rms-slider-prev { left: 6px; }
    .rms-slider-next { right: 6px; }

    .rms-slider-dots {
        bottom: 16px;
    }

    .rms-slider-thumbs {
        gap: 10px;
        margin-top: 14px;
    }

    .rms-slider-thumb-img {
        width: 70px;
        height: 48px;
        border-radius: 8px;
    }

    .rms-slider-thumb-label {
        font-size: 10px;
    }
}

/* ===== МОБИЛЬНЫЕ  ===== */
@media (max-width: 560px) {
    .rms-slider-wrapper {
        padding: 0 12px;
        margin: 8px auto;
    }

    .rms-slider {
        border-radius: 14px;
    }


    .rms-slide-content {
        padding: 22px 55px 60px 55px;
    }

    .rms-slide-title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .rms-slide-subtitle {
        font-size: 12px;
        margin-bottom: 14px;
    }

    .rms-slide-btn {
        padding: 9px 18px;
        font-size: 13px;
        border-radius: 10px;
    }

    .rms-slider-arrow {
        width: 34px;
        height: 34px;
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(6px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .rms-slider-arrow svg {
        width: 16px;
        height: 16px;
    }

    .rms-slider-prev { left: 8px; }
    .rms-slider-next { right: 8px; }

    .rms-slider-dots {
        bottom: 12px;
        gap: 6px;
    }

    .rms-slider-dot {
        width: 7px;
        height: 7px;
    }

    .rms-slider-dot.active {
        width: 20px;
    }

    .rms-slider-thumbs {
        gap: 8px;
        margin-top: 10px;
        padding: 6px 0;
    }

    .rms-slider-thumb {
        padding: 4px;
    }

    .rms-slider-thumb-img {
        width: 56px;
        height: 40px;
        border-radius: 6px;
    }

    .rms-slider-thumb-label {
        font-size: 9px;
    }
}


/* ===== БЛОК ЦЕНЫ ===== */
.rms-slide-price {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 14px 24px 14px 20px;
    background: #ffffff;
    border-radius: 14px;
    border-left: 5px solid #ffa600;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
    margin: 0 0 26px 0;
    flex-wrap: wrap;
}

.rms-slide-price-label {
    font-size: 13px;
    font-weight: 600;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rms-slide-price-value {
    font-size: 28px;
    font-weight: 800;
    color: #0a62aa;
    letter-spacing: -0.5px;
    line-height: 1;
}

.rms-slide-price-note {
    font-size: 12px;
    font-weight: 600;
    color: #0a62aa;
    padding: 3px 10px;
    background: #f0f6ff;
    border-radius: 20px;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 1024px) {
    .rms-slide-price { padding: 12px 20px 12px 18px; gap: 12px; }
    .rms-slide-price-value { font-size: 24px; }
    .rms-slide-price-label { font-size: 12px; }
    .rms-slide-price-note { font-size: 11px; }
}

@media (max-width: 768px) {
    .rms-slide-price {
        padding: 10px 16px 10px 14px;
        gap: 10px;
        margin-bottom: 20px;
        border-left-width: 4px;
    }
    .rms-slide-price-value { font-size: 22px; }
    .rms-slide-price-label { font-size: 11px; }
    .rms-slide-price-note { font-size: 10px; padding: 2px 8px; }
}

@media (max-width: 560px) {
    .rms-slide-price {
        padding: 8px 12px 8px 10px;
        gap: 8px;
        margin-bottom: 14px;
        border-radius: 10px;
        border-left-width: 3px;
    }
    .rms-slide-price-value { font-size: 18px; }
    .rms-slide-price-label { font-size: 10px; letter-spacing: 0.3px; }
    .rms-slide-price-note { font-size: 9px; padding: 2px 6px; }
}