/* Start:/local/css/fonts.min.css?17689142545932*/
@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-BoldItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-BoldItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-BoldItalic.ttf)format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-Black.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-Black.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-Black.ttf)format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-Bold.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-Bold.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-Bold.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-BlackItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-BlackItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-BlackItalic.ttf)format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-ExtraLight.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraLight.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraLight.ttf)format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-LightItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-LightItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-LightItalic.ttf)format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-ExtraLightItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraLightItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraLightItalic.ttf)format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-Italic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-Italic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-Italic.ttf)format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-Light.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-Light.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-Light.ttf)format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-ExtraBoldItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraBoldItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraBoldItalic.ttf)format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-ExtraBold.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraBold.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-ExtraBold.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-Medium.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-Medium.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-Medium.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-MediumItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-MediumItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-MediumItalic.ttf)format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-ThinItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-ThinItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-ThinItalic.ttf)format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-Regular.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-Regular.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-Thin.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-Thin.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-Thin.ttf)format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-SemiBold.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-SemiBold.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-SemiBold.ttf)format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(/local/css/../fonts/NotoSans/NotoSans-SemiBoldItalic.woff2)format("woff2"), url(/local/css/../fonts/NotoSans/NotoSans-SemiBoldItalic.woff)format("woff"), url(/local/css/../fonts/NotoSans/NotoSans-SemiBoldItalic.ttf)format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Svetodiod";
    src: url(/local/css/../fonts/Svetodiod/svetodiod.woff?v=2026.01.20)format("woff"), url(/local/css/../fonts/Svetodiod/svetodiod.ttf?v=2026.01.20)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
/* End */


/* Start:/local/css/fancybox.min.css?168863079424645*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;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);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/css/choices.min.css?17067880807688*/
.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd!important;border-radius:0!important;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#fff;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:12px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:12px 12px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 12px 12px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:12px 12px 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:12px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
/* End */


/* Start:/local/css/akostLazyLoading.min.css?172847217010902*/
.lazyLoading{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity));background-color:rgb(245 245 245/.5);padding:1rem;font-size:.75rem;line-height:1rem;font-weight:500}.lazyLoading::before{content:"";margin-bottom:.5rem;height:2.25rem;width:2.25rem;mix-blend-mode:multiply;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOmF1dG87YmFja2dyb3VuZDojZmZmO2Rpc3BsYXk6YmxvY2s7IiB3aWR0aD0iMTk3cHgiIGhlaWdodD0iMTk3cHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+CiA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCA1MCkiPiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5IC0xOSkgc2NhbGUoMC42KSI+IDxnPgo8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwOzQ1IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjAuMjA2MTg1NTY3MDEwMzA5M3MiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48cGF0aCBkPSJNMzEuMzU5OTcyNzYwNzk0MzUgMjEuNDYwNDc3ODI0MTgyNjggTDM4LjQzMTA0MDU3MjY1OTgyNSAyOC41MzE1NDU2MzYwNDgxNTQgTDI4LjUzMTU0NTYzNjA0ODE1NCAzOC40MzEwNDA1NzI2NTk4MjUgTDIxLjQ2MDQ3NzgyNDE4MjY4IDMxLjM1OTk3Mjc2MDc5NDM0NiBBMzggMzggMCAwIDEgNy4wMDAwMDAwMDAwMDAwMDM2IDM3LjM0OTY5ODc5Mzk2NjIgTDcuMDAwMDAwMDAwMDAwMDAzNiAzNy4zNDk2OTg3OTM5NjYyIEw3LjAwMDAwMDAwMDAwMDAwNCA0Ny4zNDk2OTg3OTM5NjYyIEwtNi45OTk5OTk5OTk5OTk5OTkgNDcuMzQ5Njk4NzkzOTY2MiBMLTcgMzcuMzQ5Njk4NzkzOTY2MiBBMzggMzggMCAwIDEgLTIxLjQ2MDQ3NzgyNDE4MjY4IDMxLjM1OTk3Mjc2MDc5NDM1IEwtMjEuNDYwNDc3ODI0MTgyNjggMzEuMzU5OTcyNzYwNzk0MzUgTC0yOC41MzE1NDU2MzYwNDgxNTQgMzguNDMxMDQwNTcyNjU5ODI1IEwtMzguNDMxMDQwNTcyNjU5ODIgMjguNTMxNTQ1NjM2MDQ4MTU4IEwtMzEuMzU5OTcyNzYwNzk0MzQ2IDIxLjQ2MDQ3NzgyNDE4MjY4MiBBMzggMzggMCAwIDEgLTM3LjM0OTY5ODc5Mzk2NjIgNy4wMDAwMDAwMDAwMDAwMDcgTC0zNy4zNDk2OTg3OTM5NjYyIDcuMDAwMDAwMDAwMDAwMDA3IEwtNDcuMzQ5Njk4NzkzOTY2MiA3LjAwMDAwMDAwMDAwMDAwOCBMLTQ3LjM0OTY5ODc5Mzk2NjIgLTYuOTk5OTk5OTk5OTk5OTk2NCBMLTM3LjM0OTY5ODc5Mzk2NjIgLTYuOTk5OTk5OTk5OTk5OTk3IEEzOCAzOCAwIDAgMSAtMzEuMzU5OTcyNzYwNzk0MzUgLTIxLjQ2MDQ3NzgyNDE4MjY3NSBMLTMxLjM1OTk3Mjc2MDc5NDM1IC0yMS40NjA0Nzc4MjQxODI2NzUgTC0zOC40MzEwNDA1NzI2NTk4MjUgLTI4LjUzMTU0NTYzNjA0ODE0NyBMLTI4LjUzMTU0NTYzNjA0ODE4IC0zOC40MzEwNDA1NzI2NTk4IEwtMjEuNDYwNDc3ODI0MTgyNyAtMzEuMzU5OTcyNzYwNzk0MzMgQTM4IDM4IDAgMCAxIC02Ljk5OTk5OTk5OTk5OTk5MiAtMzcuMzQ5Njk4NzkzOTY2MiBMLTYuOTk5OTk5OTk5OTk5OTkyIC0zNy4zNDk2OTg3OTM5NjYyIEwtNi45OTk5OTk5OTk5OTk5OTQgLTQ3LjM0OTY5ODc5Mzk2NjIgTDYuOTk5OTk5OTk5OTk5OTc3IC00Ny4zNDk2OTg3OTM5NjYyIEw2Ljk5OTk5OTk5OTk5OTk3OSAtMzcuMzQ5Njk4NzkzOTY2MiBBMzggMzggMCAwIDEgMjEuNDYwNDc3ODI0MTgyNjg2IC0zMS4zNTk5NzI3NjA3OTQzNDIgTDIxLjQ2MDQ3NzgyNDE4MjY4NiAtMzEuMzU5OTcyNzYwNzk0MzQyIEwyOC41MzE1NDU2MzYwNDgxNTggLTM4LjQzMTA0MDU3MjY1OTgyIEwzOC40MzEwNDA1NzI2NTk4IC0yOC41MzE1NDU2MzYwNDgxOCBMMzEuMzU5OTcyNzYwNzk0MzMgLTIxLjQ2MDQ3NzgyNDE4MjcgQTM4IDM4IDAgMCAxIDM3LjM0OTY5ODc5Mzk2NjIgLTYuOTk5OTk5OTk5OTk5OTk1IEwzNy4zNDk2OTg3OTM5NjYyIC02Ljk5OTk5OTk5OTk5OTk5NSBMNDcuMzQ5Njk4NzkzOTY2MiAtNi45OTk5OTk5OTk5OTk5OTcgTDQ3LjM0OTY5ODc5Mzk2NjIwNSA2Ljk5OTk5OTk5OTk5OTk3MyBMMzcuMzQ5Njk4NzkzOTY2MjA1IDYuOTk5OTk5OTk5OTk5OTc2IEEzOCAzOCAwIDAgMSAzMS4zNTk5NzI3NjA3OTQzNDYgMjEuNDYwNDc3ODI0MTgyNjgyIE0wIC0zMEEzMCAzMCAwIDEgMCAwIDMwIEEzMCAzMCAwIDEgMCAwIC0zMCIgZmlsbD0iI2ZmNmExNiI+PC9wYXRoPjwvZz48L2c+IDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5IDE5KSBzY2FsZSgwLjYpIj4gPGc+CjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjQ1OzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMC4yMDYxODU1NjcwMTAzMDkzcyIgYmVnaW49Ii0wLjEwMzA5Mjc4MzUwNTE1NDY1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48cGF0aCBkPSJNLTMxLjM1OTk3Mjc2MDc5NDM1IC0yMS40NjA0Nzc4MjQxODI2NzUgTC0zOC40MzEwNDA1NzI2NTk4MjUgLTI4LjUzMTU0NTYzNjA0ODE0NyBMLTI4LjUzMTU0NTYzNjA0ODE4IC0zOC40MzEwNDA1NzI2NTk4IEwtMjEuNDYwNDc3ODI0MTgyNyAtMzEuMzU5OTcyNzYwNzk0MzMgQTM4IDM4IDAgMCAxIC02Ljk5OTk5OTk5OTk5OTk5MiAtMzcuMzQ5Njk4NzkzOTY2MiBMLTYuOTk5OTk5OTk5OTk5OTkyIC0zNy4zNDk2OTg3OTM5NjYyIEwtNi45OTk5OTk5OTk5OTk5OTQgLTQ3LjM0OTY5ODc5Mzk2NjIgTDYuOTk5OTk5OTk5OTk5OTc3IC00Ny4zNDk2OTg3OTM5NjYyIEw2Ljk5OTk5OTk5OTk5OTk3OSAtMzcuMzQ5Njk4NzkzOTY2MiBBMzggMzggMCAwIDEgMjEuNDYwNDc3ODI0MTgyNjg2IC0zMS4zNTk5NzI3NjA3OTQzNDIgTDIxLjQ2MDQ3NzgyNDE4MjY4NiAtMzEuMzU5OTcyNzYwNzk0MzQyIEwyOC41MzE1NDU2MzYwNDgxNTggLTM4LjQzMTA0MDU3MjY1OTgyIEwzOC40MzEwNDA1NzI2NTk4IC0yOC41MzE1NDU2MzYwNDgxOCBMMzEuMzU5OTcyNzYwNzk0MzMgLTIxLjQ2MDQ3NzgyNDE4MjcgQTM4IDM4IDAgMCAxIDM3LjM0OTY5ODc5Mzk2NjIgLTYuOTk5OTk5OTk5OTk5OTk1IEwzNy4zNDk2OTg3OTM5NjYyIC02Ljk5OTk5OTk5OTk5OTk5NSBMNDcuMzQ5Njk4NzkzOTY2MiAtNi45OTk5OTk5OTk5OTk5OTcgTDQ3LjM0OTY5ODc5Mzk2NjIwNSA2Ljk5OTk5OTk5OTk5OTk3MyBMMzcuMzQ5Njk4NzkzOTY2MjA1IDYuOTk5OTk5OTk5OTk5OTc2IEEzOCAzOCAwIDAgMSAzMS4zNTk5NzI3NjA3OTQzNDYgMjEuNDYwNDc3ODI0MTgyNjgyIEwzMS4zNTk5NzI3NjA3OTQzNDYgMjEuNDYwNDc3ODI0MTgyNjgyIEwzOC40MzEwNDA1NzI2NTk4MjUgMjguNTMxNTQ1NjM2MDQ4MTU0IEwyOC41MzE1NDU2MzYwNDgxODMgMzguNDMxMDQwNTcyNjU5OCBMMjEuNDYwNDc3ODI0MTgyNzAzIDMxLjM1OTk3Mjc2MDc5NDMzIEEzOCAzOCAwIDAgMSA2Ljk5OTk5OTk5OTk5OTk5NjQgMzcuMzQ5Njk4NzkzOTY2MiBMNi45OTk5OTk5OTk5OTk5OTY0IDM3LjM0OTY5ODc5Mzk2NjIgTDYuOTk5OTk5OTk5OTk5OTk1IDQ3LjM0OTY5ODc5Mzk2NjIgTC03LjAwMDAwMDAwMDAwMDAwOSA0Ny4zNDk2OTg3OTM5NjYyIEwtNy4wMDAwMDAwMDAwMDAwMDcgMzcuMzQ5Njk4NzkzOTY2MiBBMzggMzggMCAwIDEgLTIxLjQ2MDQ3NzgyNDE4MjYzIDMxLjM1OTk3Mjc2MDc5NDM4NSBMLTIxLjQ2MDQ3NzgyNDE4MjYzIDMxLjM1OTk3Mjc2MDc5NDM4NSBMLTI4LjUzMTU0NTYzNjA0ODA5NCAzOC40MzEwNDA1NzI2NTk4NyBMLTM4LjQzMTA0MDU3MjY1OTc5NiAyOC41MzE1NDU2MzYwNDgxODYgTC0zMS4zNTk5NzI3NjA3OTQzMjggMjEuNDYwNDc3ODI0MTgyNzAzIEEzOCAzOCAwIDAgMSAtMzcuMzQ5Njk4NzkzOTY2MTkgNy4wMDAwMDAwMDAwMDAwMzIgTC0zNy4zNDk2OTg3OTM5NjYxOSA3LjAwMDAwMDAwMDAwMDAzMiBMLTQ3LjM0OTY5ODc5Mzk2NjE5IDcuMDAwMDAwMDAwMDAwMDM1NSBMLTQ3LjM0OTY5ODc5Mzk2NjIgLTcuMDAwMDAwMDAwMDAwMDAyIEwtMzcuMzQ5Njk4NzkzOTY2MiAtNy4wMDAwMDAwMDAwMDAwMDUgQTM4IDM4IDAgMCAxIC0zMS4zNTk5NzI3NjA3OTQzNDYgLTIxLjQ2MDQ3NzgyNDE4MjY4MiBNMCAtMzBBMzAgMzAgMCAxIDAgMCAzMCBBMzAgMzAgMCAxIDAgMCAtMzAiIGZpbGw9IiNmZjZhMTYiPjwvcGF0aD48L2c+PC9nPjwvZz4KPC9zdmc+)center/cover no-repeat!important}.loading{position:relative}.loading::before{content:"";position:absolute;left:0;top:0;z-index:30;height:100%;width:100%;background-color:rgb(245 245 245/.6)}.loading::after{content:"";position:absolute;left:50%;z-index:50;margin-left:-25%;width:50%;height:50%;mix-blend-mode:multiply;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iZXNyQ3BnOUhlYmgxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzMgMzMiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj4NCjxzdHlsZT48IVtDREFUQVsNCiNlc3JDcGc5SGViaDNfdHIge2FuaW1hdGlvbjogZXNyQ3BnOUhlYmgzX3RyX190ciAzMDAwbXMgbGluZWFyIGluZmluaXRlIG5vcm1hbCBmb3J3YXJkc31Aa2V5ZnJhbWVzIGVzckNwZzlIZWJoM190cl9fdHIgeyAwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMTYuNTAwMDAycHgsMTYuNDk5OTk5cHgpIHJvdGF0ZSgzNjBkZWcpfSAzMy4zMzMzMzMlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxNi41MDAwMDJweCwxNi40OTk5OTlweCkgcm90YXRlKDM2MGRlZyk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKDAuNzU1LDAuMDUsMC41MTUsMC45NTUpfSA1MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDE2LjUwMDAwMnB4LDE2LjQ5OTk5OXB4KSByb3RhdGUoNTQwZGVnKX0gODMuMzMzMzMzJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMTYuNTAwMDAycHgsMTYuNDk5OTk5cHgpIHJvdGF0ZSg1NDBkZWcpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjc1NSwwLjA1LDAuNTE1LDAuOTU1KX0gMTAwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMTYuNTAwMDAycHgsMTYuNDk5OTk5cHgpIHJvdGF0ZSg3MjBkZWcpfX0NCl1dPjwvc3R5bGU+DQo8Zz48ZyBpZD0iZXNyQ3BnOUhlYmgzX3RyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi41MDAwMDIsMTYuNDk5OTk5KSByb3RhdGUoMzYwKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjUwMDAwMiwtMTYuNDk5OTk5KSI+PHBhdGggZD0iTTMzLDE2LjVDMzMsMjUuNjEyNjk4LDI1LjYxMjY5OCwzMywxNi41LDMzcy0xNi41LTcuMzg3MzAyLTE2LjUtMTYuNXM3LjM4NzMwMi0xNi41LDE2LjUtMTYuNWM0LjM3Njg4NS0uMDAyNjU1LDguNTc1MjY4LDEuNzM0ODgsMTEuNjcwMTk0LDQuODI5ODA2czQuODMyNDYxLDcuMjkzMzA5LDQuODI5ODA2LDExLjY3MDE5NFpNMTYuNSwyLjg1Yy01LjUyNTg2NC4wMDAwMDEtMTAuNTA3NDI3LDMuMzI5MjM3LTEyLjYyMTE0OCw4LjQzNDg1N3MtLjk0MzE5NiwxMC45ODE4MTMsMi45NjU2MTEsMTQuODg3NzU4czkuNzg1ODU1LDUuMDcyMTY3LDE0Ljg4OTkyNiwyLjk1NDcwN3M4LjQyOTY1Ni03LjEwMTQ2LDguNDI1NjExLTEyLjYyNzMyMmMuMDAwMDAxLTMuNjIxOTM4LTEuNDM5NDkzLTcuMDk1Mzg2LTQuMDAxNTI3LTkuNjU1NTQ1cy02LjAzNjUzNi0zLjk5NzEwOC05LjY1ODQ3My0zLjk5NDQ1NVptLTUuMzQsNy4zMXY0LjY1Yy0uMDIxNzA1LjI5NDY2Mi4wNDA3MTcuNTg5NDI5LjE4Ljg1LjE3NzgzMS4xNzE2OTkuNDEyOTU1LjI3MTQ0OC42Ni4yOC4yNDM5MTYuMDA3NjU0LjQ4MjIxMi0uMDc0MTQ5LjY3LS4yMy4xODQ4OTItLjI2MTQzNi4yNjY3OTEtLjU4MTkxMi4yMy0uOXYtNC4yN2MuMDE4MzIxLS40MDQ5MzEtLjAyODk1Ni0uODEwMTYxLS4xNC0xLjItLjEtLjI4LS4zNy0uNDEtLjgtLjQxLS4xNDI1MzEtLjAxMDc4Ny0uMjg1MDkyLjAyMDUwNy0uNDEuMDktLjEyODQxNy4wNzI4ODktLjIzMDA2NC4xODUwNTEtLjI5LjMyLS4wODgzNTcuMjY3MjI4LS4xMjIzNTguNTQ5NDMzLS4xLjgzWk04LjMxLDE1LjQ4di01LjA4Yy0uMDY1NzAyLS45Mjg3MTMuMTc2ODMzLTEuODUzMTU4LjY5LTIuNjMuNzk4Mzk3LS44MzY0NCwxLjk0MDM1Ni0xLjI1NDA0OSwzLjA5LTEuMTNxMy42NywwLDMuNjgsMy41NXYxMi4xN2MuMDcwMjcyLDEuMDI5NTItLjI1MTIxMiwyLjA0NzU1Mi0uOSwyLjg1LS43NjY5MDEuNzI2MjY5LTEuODA3NjMzLDEuMDkwMTYyLTIuODYsMS0xLjA0MTQyMy4wOTg0MjYtMi4wNzMyNDMtLjI2NzQ2OC0yLjgyLTEtLjY0NTI4Ny0uODYwNDg5LS45NTE0LTEuOTI4MzI3LS44Ni0zdi0zLjFoMi44NXYzLjZjLS4wMjI3NzguMzE1MTQuMDMyMTY0LjYzMTA1My4xNi45Mi4xLjE5LjM0LjI5LjcuMjkuMTM2MzMzLjAxOTc5Ni4yNzU0NzYtLjAwMTA3NS40LS4wNi4xMjI1NC0uMDYwNzguMjI4ODE0LS4xNDk5MTMuMzEtLjI2LjEzMDc4OS0uMjc3NTkxLjE4OTI2OC0uNTgzNzQ2LjE3LS44OXYtNS4xYy0uNTQ1MzM2LjU5MDY4MS0xLjMxNjE1Ny45MjE1NTMtMi4xMi45MS0uNjA1OTY2LjA0ODU0Mi0xLjIwNzQxNS0uMTM3NjIxLTEuNjgtLjUyLS42MDk5LS42ODIxNDctLjkwMzk3OS0xLjU4OTc5Ny0uODEtMi41Wm0xMy41NCw3LjM2di01Ljg0Yy4wMTg2NS0uMjk1NjI2LS4wNDcyNTItLjU5MDQ1Mi0uMTktLjg1LS4zNjYyNjEtLjM1MjEwOC0uOTM4MzM2LS4zNzM2MTUtMS4zMy0uMDUtLjE4NDg5Mi4yNjE0MzYtLjI2Njc5MS41ODE5MTItLjIzLjl2NS40M2MtLjAxNzk4Ny4zNzMzOTMuMDE5MDc3Ljc0NzQuMTEsMS4xMS4wNjM3NjkuMTYyOTYxLjE3OTg0MS4zMDAxMzcuMzMuMzkuMTQ2Mzk0LjA5OTQyOC4zMjUzOTQuMTM4ODA4LjUuMTEuMzQsMCwuNTYtLjEuNjYtLjMyLjEwNTc2Ny0uMjgxMDU1LjE1NjY4NS0uNTc5Nzc3LjE1LS44OFptMi44NS02LjV2Ni4yNmMuMDU4Mjk5LjkyOTQwNS0uMTg3NDAzLDEuODUyNTQ0LS43LDIuNjMtLjgwMDk1NC44MzI1MjYtMS45NDA5MjcsMS4yNDk0MDktMy4wOSwxLjEzcS0zLjY5LDAtMy42OS0zLjU0di0xMi4xNWMtLjA3NTA5LTEuMDA1MTM3LjIzMjA1NC0yLjAwMTU3Ljg2LTIuNzkuNzgyOTYtLjczMzE0NywxLjg0MTc2Ny0xLjA5Njk5OCwyLjkxLTFjMS4wNDA5MDYtLjA5NDI5MiwyLjA3MTA0LjI3MTAwMywyLjgyLDFjLjYzMTk5OC44NDQxMzkuOTM3NDQ0LDEuODg4MzM3Ljg2LDIuOTR2MS45aC0yLjgydi0yLjRjLjAxODQyNS0uMzExNjY0LS4wMzYzNy0uNjIzMzEzLS4xNi0uOTEtLjA3OTczNS0uMTA0MjA1LS4xODcxNTMtLjE4MzkwMi0uMzEtLjIzLS4xMjc3ODctLjAzMzkyMy0uMjYyMjEzLS4wMzM5MjMtLjM5LDAtLjI4MDYzLS4wMzY5NTEtLjU1NzMyNS4wOTE2NTQtLjcxLjMzLS4xMzUxMDIuMjcyODI4LS4xOTcxMjEuNTc2MDM2LS4xOC44OHYzLjg4Yy4yODAwMzEtLjI5NjU1Ni42MjEyNjYtLjUyODU5NSwxLS42OC4zNjU1MDctLjE1OTU3Ny43NjEyNTctLjIzODA0NSwxLjE2LS4yMy42MDUzODgtLjA0MTM4OCwxLjIwMzQ1Ni4xNTE5OTksMS42Ny41NC41ODM3MjcuNjcxNDc0Ljg2MjU3NywxLjU1NTEwMi43NywyLjQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjA4Nzk5NCkiIG9wYWNpdHk9IjAuMDQiLz48L2c+PC9nPjwvZz48L3N2Zz4NCg==)center/contain no-repeat}.products.loading::after{top:1rem;width:20%;height:20%;margin-left:-10%}
/* End */


/* Start:/local/templates/svetodiod96_2023/styles.css?1768916266283310*/
@charset "UTF-8";

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.h1,
h1 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    display: block;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.basket-order--product .left .h1,
.basket-order--product .left h1 {
    width: 100%
}

@media (min-width:768px) {

    .basket-order--product .left .h1,
    .basket-order--product .left h1 {
        padding-top: .625rem
    }

    .h1,
    h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-bottom: 2rem
    }
}

.h2,
h2 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    margin-top: 1.25rem
}

.basket-order--product .left .h2,
.basket-order--product .left h2 {
    width: 100%
}

@media (min-width:768px) {

    .basket-order--product .left .h2,
    .basket-order--product .left h2 {
        padding-top: .625rem
    }

    .h2,
    h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1.5rem
    }
}

.h2.underlined,
h2.underlined {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    padding-bottom: .5rem
}

.h3,
h3 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1.25rem
}

.basket-order--product .left .h3,
.basket-order--product .left h3 {
    width: 100%
}

@media (min-width:768px) {

    .basket-order--product .left .h3,
    .basket-order--product .left h3 {
        padding-top: .625rem
    }

    .h3,
    h3 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem
    }
}

.header-underline {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-style: solid;
    border-top-width: 2px;
    margin-bottom: 1.5rem;
    margin-top: .375rem;
    width: 100%
}

a {
    color: inherit;
    display: inline-block
}

a:not(.shape):not(.btn):not(.square-block):not(.file):hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 106 22/var(--tw-text-opacity, 1)) !important
}

a:not(.shape):not(.btn):not(.square-block):not(.file).tag.selected:hover,
a:not(.shape):not(.btn):not(.square-block):not(.file).tag:active {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

a:hover .icon:before {
    color: inherit
}

a:hover.line {
    text-decoration-color: rgba(255, 106, 22, .5)
}

a:active {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

a:active.line {
    border-bottom-color: rgba(51, 51, 51, .5)
}

a.active {
    --tw-text-opacity: 1 !important;
    color: rgb(255 106 22/var(--tw-text-opacity, 1)) !important
}

a.shape:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

a.shape:active {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

a.shape:hover .icon:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

a.line {
    text-decoration-color: hsla(207, 4%, 48%, .5);
    text-decoration-line: underline;
    text-underline-offset: 4px
}

a.square-block:active,
a.square-block:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

p {
    margin-bottom: 1rem
}

.btn {
    --tw-gradient-from: #ff8e3c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 142, 60, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ea4c37 var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-radius: .3125rem;
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    overflow: hidden;
    padding: .5rem 1.375rem;
    text-overflow: ellipsis;
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.btn,
.btn:hover {
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    background-image: none
}

.btn:active {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.btn-green {
    --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(74, 222, 128, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #31ba45 var(--tw-gradient-to-position)
}

.btn-green:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(49 186 69/var(--tw-bg-opacity, 1));
    background-image: none
}

.btn-green:active {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.btn .icon:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-round {
    border-radius: 9999px
}

.btn-round.btn-transparent {
    border-width: 2px
}

.btn-big {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: .75rem 1.75rem
}

.btn-small {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .125rem .75rem
}

.btn-small .icon:before {
    font-size: 1.5rem;
    line-height: 2rem
}

.btn-medium .icon:before {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.btn-transparent {
    background-image: none;
    border-color: hsla(207, 4%, 48%, .5);
    border-width: 1px;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.btn-transparent,
.btn-transparent:hover {
    --tw-text-opacity: 1;
    background-color: transparent
}

.btn-transparent:hover {
    border-color: rgba(255, 106, 22, .5);
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.btn-transparent:active {
    --tw-text-opacity: 1;
    border-color: rgba(51, 51, 51, .5);
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.btn-transparent.orange {
    --tw-text-opacity: 1;
    border-color: rgba(255, 106, 22, .5);
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.btn-transparent.orange:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-transparent.orange:active {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.btn-white {
    --tw-text-opacity: 1;
    border-color: hsla(0, 0%, 100%, .5)
}

.btn-white,
.btn-white:hover {
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-white:hover {
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.btn-white:active,
.btn-white:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1
}

.btn-white:active {
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.btn-disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(117 123 128/var(--tw-bg-opacity, 1));
    background-image: none;
    pointer-events: none
}

.btn-buy {
    align-items: center;
    display: inline-flex;
    padding-bottom: .375rem;
    padding-left: 1rem;
    padding-top: .375rem
}

.btn-buy:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDI1YTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMnptMCAyYTMgMyAwIDEgMCAwLTYgMyAzIDAgMCAwIDAgNnptMTItMmExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJ6bTAgMmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZ6TTAgMWExIDEgMCAwIDEgMS0xaDMuMzMzQTIgMiAwIDAgMSA2LjE4IDEuMjNMNy4zMzMgNGgxOS4zNzJsLTEuNTcgOC4zNjlBMiAyIDAgMCAxIDIzLjE3IDE0SDEwLjcybC0uODk0IDIuNjg0QTEgMSAwIDAgMCAxMC43NzUgMThIMjFhMSAxIDAgMSAxIDAgMkgxMC43NzVhMyAzIDAgMCAxLTIuODQ2LTMuOTQ5bDEuMDA0LTMuMDEyTDQuMzMzIDJIMWExIDEgMCAwIDEtMS0xem0xMC42NjcgMTFIMjMuMTdsLjM3NS0ySDkuODMzbC44MzQgMnpNOSA4aDE0LjkybC4zNzUtMkg4LjE2N0w5IDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: cover;
    content: var(--tw-content);
    display: inline-block;
    height: 1.75rem;
    padding-right: .25rem;
    width: 1.75rem
}

.btn-buy:hover {
    --tw-drop-shadow: drop-shadow(8px 8px 16px rgba(0, 0, 0, .25))
}

.btn-buy:active,
.btn-buy:hover {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.btn-buy:active {
    --tw-drop-shadow: drop-shadow(0 0 #0000)
}

.btn-buy span {
    margin-left: 1rem
}

.input {
    width: -moz-fit-content;
    width: fit-content
}

.input input {
    display: none
}

.input input[type=checkbox]+.input--label .input--figure {
    border-radius: .25rem;
    height: 1rem;
    width: 1rem
}

.input input[type=checkbox]:checked+.input--label .input--figure:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmYiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0ibTQuNSAxMi43NSA2IDYgOS0xMy41Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    content: var(--tw-content);
    height: .75rem;
    width: .75rem
}

.input input[type=radio]+.input--label .input--figure {
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem
}

.input input[type=radio]:checked+.input--label .input--figure:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    content: var(--tw-content);
    height: .625rem;
    width: .625rem
}

.input input:checked+.input--label .input--figure {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    display: flex;
    justify-content: center
}

.input--label {
    align-items: center;
    cursor: pointer;
    display: flex
}

.input--label.btn {
    padding-left: .5rem;
    padding-right: 1rem
}

.input--figure {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: hsla(207, 4%, 48%, .5);
    border-width: 2px;
    display: inline-block;
    margin-right: .5rem
}

.input--text {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    white-space: nowrap
}

.input:hover .input--figure {
    border-color: rgba(255, 106, 22, .5)
}

.input:hover .input--text {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.input:hover input:checked+.input--label .input--figure:before {
    content: var(--tw-content);
    opacity: .5
}

.input:active .input--figure {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1))
}

.input:active input:checked+.input--label .input--figure {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.input:active input:checked+.input--label .input--figure:before {
    content: var(--tw-content);
    display: none
}

.input--btn input[type=radio]:checked+.input--label {
    --tw-gradient-from: #ff8e3c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 142, 60, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ea4c37 var(--tw-gradient-to-position);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-style: none;
    padding-left: .625rem;
    padding-right: .875rem
}

.input--btn input[type=radio]:checked+.input--label .input--figure {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.input--btn input[type=radio]:checked+.input--label .input--figure:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    content: var(--tw-content)
}

.input--btn input[type=radio]:checked+.input--label .input--text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.input--btn .input--label {
    border-color: hsla(207, 4%, 48%, .5);
    border-radius: 9999px;
    border-width: 2px;
    height: 2.5rem;
    padding: .375rem .75rem .375rem .5rem
}

.input--btn .input--text {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.input--btn:hover .input--label {
    border-color: rgba(255, 106, 22, .5)
}

.input--btn:hover input:checked+.input--label {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    background-image: none
}

.input--btn:active .input--label {
    border-color: rgba(51, 51, 51, .5)
}

.input--btn:active .input--text {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.input--btn:active input:checked+.input--label {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    background-image: none
}

[data-title] {
    position: relative
}

[data-title]:hover:before {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-content: attr(data-title);
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    content: var(--tw-content);
    font-size: .6875rem;
    left: 0;
    line-height: 1rem;
    padding: .125rem .375rem;
    position: absolute;
    top: -1.5rem
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:375px) {
    .container {
        max-width: 375px
    }
}

@media (min-width:390px) {
    .container {
        max-width: 390px
    }
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1192px) {
    .container {
        max-width: 1192px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1456px) {
    .container {
        max-width: 1456px
    }
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 900
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 800
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: .375rem;
    color: var(--tw-prose-pre-code);
    font-size: .875em;
    font-weight: 400;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-top: .8571429em;
    padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    width: 100%
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em;
    vertical-align: bottom
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: start
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-top: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-sm {
    font-size: .875rem;
    line-height: 1.7142857
}

.prose-sm :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start: 1.1111111em
}

.prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 2.1428571em;
    line-height: 1.2;
    margin-bottom: .8em;
    margin-top: 0
}

.prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.4285714em;
    line-height: 1.4;
    margin-bottom: .8em;
    margin-top: 1.6em
}

.prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .4444444em;
    margin-top: 1.5555556em
}

.prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    line-height: 1.4285714;
    margin-bottom: .5714286em;
    margin-top: 1.4285714em
}

.prose-sm :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .8571429em;
    padding-inline-end: .3571429em;
    padding-bottom: .1428571em;
    padding-top: .1428571em;
    padding-inline-start: .3571429em
}

.prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em
}

.prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .9em
}

.prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .25rem;
    font-size: .8571429em;
    line-height: 1.6666667;
    margin-bottom: 1.6666667em;
    margin-top: 1.6666667em;
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .2857143em;
    margin-top: .2857143em
}

.prose-sm :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .4285714em
}

.prose-sm :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .4285714em
}

.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .2857143em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2.8571429em;
    margin-top: 2.8571429em
}

.prose-sm :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.5
}

.prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-sm :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-sm :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.3333333;
    margin-top: .6666667em
}

.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.menu ul {
    list-style-type: none;
    margin: 0
}

.menu ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.menu ul {
    padding: 0
}

.menu ul li {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.menu ul li a {
    align-items: baseline;
    display: inline-flex;
    line-height: 1.25rem;
    white-space: nowrap
}

.menu ul li:not(.dropdown)>nav {
    margin-left: 2rem;
    margin-top: 1rem
}

.menu ul li.dropdown>a {
    align-items: center
}

.menu ul li.dropdown .menu ul li a {
    display: flex
}

.menu--horizontal>ul {
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex
}

.menu--horizontal>ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.menu--with-arrows>ul {
    list-style-image: none
}

.menu--with-arrows>ul>li>a {
    padding-left: 1.5rem;
    position: relative;
    white-space: normal
}

.menu--with-arrows>ul>li>a:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjUxIDUuMDdhLjY2Ni42NjYgMCAwIDEgLjk0MyAwbDIuNDg0IDIuNDgzYy4yNi4yNi4yNi42ODMgMCAuOTQzTDcuNDUzIDEwLjk4YS42NjcuNjY3IDAgMSAxLS45NDMtLjk0M2wyLjAxMy0yLjAxMkw2LjUxIDYuMDEyYS42NjcuNjY3IDAgMCAxIDAtLjk0M1oiIGZpbGw9IiM3NTdCODAiLz48L3N2Zz4=);
    background-size: cover;
    content: var(--tw-content);
    height: 1.25rem;
    left: 0;
    position: absolute;
    width: 1.25rem
}

.menu--with-arrows.arrows-right ul li a {
    padding-left: 0;
    padding-right: 1.5rem
}

.menu--with-arrows.arrows-right ul li a:before {
    content: var(--tw-content);
    left: auto;
    right: 0
}

.product {
    position: relative
}

.product:not(.horizontal) {
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 17rem;
    padding: .5rem .75rem;
    row-gap: .75rem;
    z-index: 10
}

.product:not(.horizontal):hover {
    --tw-shadow: inset 0 0 10px 0 hsla(207, 4%, 48%, .1);
    ;
    --tw-shadow-colored: inset 0 0 10px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    z-index: 20
}

.product:not(.horizontal) .product--top {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: .5rem
}

.product:not(.horizontal) .product--bottom {
    display: grid;
    row-gap: .75rem
}

.product:not(.horizontal) .product--image {
    aspect-ratio: 1/1;
    max-width: 100%;
    position: relative
}

.product:not(.horizontal) .product--image a {
    display: flex;
    height: 100%
}

.product:not(.horizontal) .product--image a img,
.product:not(.horizontal) .product--image a picture {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.product--shields {
    bottom: .5rem;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    z-index: 10
}

.product--shields>div {
    margin-bottom: .25rem
}

.product--shields>div:last-child {
    margin-bottom: 0
}

.product--shields>div .badge {
    font-weight: 600
}

@media (min-width:768px) {
    .product--shields>div .badge {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.product--shields>div .badge.top {
    font-weight: 700
}

.product--name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    overflow: hidden
}

@media (min-width:768px) {
    .product--name {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.product--description {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: -webkit-box;
    font-size: .75rem;
    line-height: 1rem;
    overflow: hidden
}

.product--action {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.product--button .btn {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.product--button .btn-small {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .25rem .5rem
}

@media (min-width:640px) {
    .product--button .btn-small {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.product--button .btn-small .icon:before {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width:640px) {
    .product--button .btn-small .icon:before {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

.product--prices {
    display: flex;
    flex-direction: column
}

@media (min-width:1456px) {
    .product--prices {
        align-items: center;
        flex-direction: row
    }
}

.product--old-price,
.product--price {
    font-weight: 600
}

.product--old-price span,
.product--price span {
    white-space: nowrap
}

.product--old-price {
    margin-bottom: .125rem
}

@media (min-width:1456px) {
    .product--old-price {
        margin-bottom: 0;
        margin-left: .75rem;
        order: 2
    }
}

.product--old-price span {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    padding-left: .125rem;
    position: relative
}

.product--old-price span:before {
    background-color: rgba(255, 106, 22, .7);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

@media (min-width:640px) {
    .product--price {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:1456px) {
    .product--price {
        order: 1
    }
}

.product.horizontal {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex
}

.product.horizontal .product--top {
    width: 40%
}

.product.horizontal .product--action {
    margin-top: 1rem
}

.alphabet-filter {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

.alphabet-filter a {
    --tw-text-opacity: 1;
    border-bottom-color: transparent;
    border-bottom-width: 2px;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-weight: 500;
    padding: .125rem .25rem .375rem
}

.alphabet-filter a:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1))
}

.alphabet-filter a.selected {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-shadow {
    text-shadow: 1px 1px 6px rgba(0, 0, 0, .5)
}

.card {
    display: flex;
    flex-direction: column;
    min-width: 14rem;
    row-gap: 1rem;
    width: 14rem
}

.card--top>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.card--image {
    --tw-aspect-w: 4;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.card--image>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.card--image {
    --tw-aspect-h: 3;
    border-radius: .25rem;
    display: block;
    overflow: hidden
}

.basket-order--product .left .card--image {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .card--image {
        padding-top: .625rem
    }
}

.card--image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.card--capture {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: .75rem;
    font-weight: 300;
    height: 2.8em;
    line-height: 1rem;
    line-height: 1.4;
    overflow: hidden
}

.card--center {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.card--title {
    font-weight: 500
}

.card--description {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: -webkit-box;
    font-weight: 300;
    overflow: hidden
}

.card--bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.card:hover .card--image img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cert {
    --tw-shadow: 1px 5px 16px hsla(207, 4%, 48%, .2);
    --tw-shadow-colored: 1px 5px 16px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: 14rem
}

.cert img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.cert.bordered {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
    border-width: 4px
}

.scrollable {
    display: flex;
    overflow: auto;
    padding-bottom: .5rem;
    padding-left: 1rem
}

.scrollable:not(:has(>.swiper)):after {
    --tw-content: "0";
    color: transparent;
    content: var(--tw-content);
    height: 100%;
    min-width: 1rem;
    width: 1rem
}

@media (min-width:1024px) {
    .scrollable:has(>.swiper) {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {
        .scrollable:has(>.swiper) {
            max-width: 375px
        }
    }

    @media (min-width:390px) {
        .scrollable:has(>.swiper) {
            max-width: 390px
        }
    }

    @media (min-width:640px) {
        .scrollable:has(>.swiper) {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .scrollable:has(>.swiper) {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .scrollable:has(>.swiper) {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {
        .scrollable:has(>.swiper) {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {
        .scrollable:has(>.swiper) {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {
        .scrollable:has(>.swiper) {
            max-width: 1456px
        }
    }

    .scrollable:has(>.swiper) {
        overflow: visible
    }

    .scrollable:has(>.swiper):after {
        content: var(--tw-content);
        display: none
    }
}

.scrollable:has(>.swiper) .swiper-horizontal {
    touch-action: auto
}

@media (min-width:1024px) {
    .scrollable:has(>.swiper) .swiper-horizontal {
        --tw-pan-y: pan-y;
        touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
    }

    .scrollable:has(>.akost-tabs--tabs),
    .scrollable:has(>.tags) {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 375px
        }
    }

    @media (min-width:390px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 390px
        }
    }

    @media (min-width:640px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 640px
        }
    }

    @media (min-width:768px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {

        .scrollable:has(>.akost-tabs--tabs),
        .scrollable:has(>.tags) {
            max-width: 1456px
        }
    }

    .scrollable:has(>.akost-tabs--tabs):after,
    .scrollable:has(>.tags):after {
        content: var(--tw-content);
        display: none
    }
}

@media (min-width:1456px) {
    .scrollable.popular-categories {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {
        .scrollable.popular-categories {
            max-width: 375px
        }
    }

    @media (min-width:390px) {
        .scrollable.popular-categories {
            max-width: 390px
        }
    }

    @media (min-width:640px) {
        .scrollable.popular-categories {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .scrollable.popular-categories {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .scrollable.popular-categories {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {
        .scrollable.popular-categories {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {
        .scrollable.popular-categories {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {
        .scrollable.popular-categories {
            max-width: 1456px
        }
    }

    .scrollable.popular-categories:after {
        content: var(--tw-content);
        display: none
    }
}

input:not([type=radio]):not([type=checkbox]),
select,
textarea {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(195 195 195/var(--tw-border-opacity, 1));
    border-radius: .75rem;
    border-width: 1px;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .625rem;
    width: 100%
}

input:not([type=radio]):not([type=checkbox])::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(117 123 128/var(--tw-placeholder-opacity, 1))
}

input:not([type=radio]):not([type=checkbox])::placeholder,
select::placeholder,
textarea::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(117 123 128/var(--tw-placeholder-opacity, 1))
}

input:not([type=radio]):not([type=checkbox]),
select,
textarea {
    outline-width: 0
}

input:not([type=radio]):not([type=checkbox]):focus,
select:focus,
textarea:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px
}

input:not([type=radio]):not([type=checkbox]).small,
select.small,
textarea.small {
    font-size: .75rem;
    line-height: 1rem
}

input:not([type=radio]):not([type=checkbox]).no-bg,
select.no-bg,
textarea.no-bg {
    background-color: inherit;
    border-style: none
}

input:not([type=radio]):not([type=checkbox]).no-bg::-moz-placeholder,
select.no-bg::-moz-placeholder,
textarea.no-bg::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1))
}

input:not([type=radio]):not([type=checkbox]).no-bg::placeholder,
select.no-bg::placeholder,
textarea.no-bg::placeholder {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1))
}

.backdrop-shadow {
    background-color: rgba(51, 51, 51, .3);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 30
}

.shape {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .3125rem;
    display: inline-flex
}

.shape.disabled {
    --tw-backdrop-opacity: opacity(0.5);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    pointer-events: none
}

.burger {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 58px;
    min-width: 58px;
    position: relative;
    width: 58px
}

.burger i {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    height: .125rem;
    left: 50%;
    margin-left: -.75rem;
    position: absolute;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1.5rem
}

.burger i:first-child {
    top: 35%
}

.burger i:nth-child(2) {
    margin-top: -1px;
    top: 50%
}

.burger i:nth-child(3) {
    bottom: 35%;
    width: .875rem
}

.burger.active i:first-child {
    --tw-rotate: 45deg
}

.burger.active i:first-child,
.burger.active i:nth-child(2) {
    margin-top: -1px;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.burger.active i:nth-child(2) {
    --tw-rotate: -45deg
}

.burger.active i:nth-child(3) {
    display: none
}

.badge {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    display: inline-flex;
    font-size: 1.125rem;
    height: 1.5rem;
    justify-content: center;
    line-height: 1.75rem;
    min-width: 1.5rem;
    padding-left: .375rem;
    padding-right: .375rem
}

.badge,
.badge.top .icon:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.badge.top .icon:before {
    font-size: .75rem;
    line-height: 1rem;
    margin-right: .25rem
}

.messengers {
    align-items: center;
    display: flex
}

.messengers:before {
    --tw-content: none;
    content: var(--tw-content);
    margin-right: .75rem
}

.messengers a {
    margin-left: .5rem
}

.messengers a:first-child {
    margin-left: 0
}

.region--current-city {
    align-items: center;
    display: flex
}

.region--current-city span {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    margin-right: .5rem;
    white-space: nowrap
}

.region--trigger {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    display: flex;
    max-width: 14rem
}

.region--trigger b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.region--modal {
    margin-top: .75rem;
    width: 14.25rem
}

.dropdown {
    position: relative
}

.dropdown.hoverable:hover .dropdown--modal,
.dropdown:not(.hoverable) .dropdown--modal.showed {
    opacity: 1;
    top: 100%
}

.dropdown--modal {
    --tw-bg-opacity: 1;
    --tw-shadow: 1px 5px 16px hsla(207, 4%, 48%, .2);
    --tw-shadow-colored: 1px 5px 16px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    opacity: 0;
    padding: 1rem;
    position: absolute;
    top: -9999px;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 30
}

.dropdown--close {
    cursor: pointer;
    position: absolute;
    right: .5rem;
    top: .5rem
}

.dropdown--trigger {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative;
    z-index: 10
}

.tile {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

@media (min-width:640px) {
    .tile {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

.tile--item {
    display: inline-block;
    grid-column: span 6/span 6
}

@media (min-width:640px) {
    .tile--item {
        grid-column: span 15/span 15
    }
}

.tile--item.product {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    border-right-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-right-width: 1px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-bottom: 1.5rem
}

.tile--item-wide {
    grid-column: span 12/span 12 !important;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-bottom: .75rem;
    padding-top: .75rem
}

@media (min-width:640px) {
    .tile--item-wide {
        grid-column: span 30/span 30 !important
    }
}

@media (min-width:1024px) {
    .tile--item-wide {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1456px) {
    .tile--item-wide {
        grid-column: span 12/span 12 !important
    }
}

.tile a.tile--item {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.tile a.tile--item:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .tile-4 .tile--item {
        grid-column: span 10/span 10
    }
}

@media (min-width:1456px) {
    .tile-4 .tile--item {
        grid-column: span 3/span 3
    }
}

@media (min-width:1024px) {
    .tile-5 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media (min-width:1192px) {
    .tile-5 {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

@media (min-width:640px) {
    .tile-5 .tile--item {
        grid-column: span 10/span 10
    }
}

@media (min-width:1024px) {
    .tile-5 .tile--item {
        grid-column: span 3/span 3
    }
}

@media (min-width:1192px) {
    .tile-5 .tile--item {
        grid-column: span 6/span 6
    }
}

@media (min-width:640px) {
    .tile-6 .tile--item {
        grid-column: span 10/span 10
    }
}

@media (min-width:1024px) {
    .tile-6 .tile--item {
        grid-column: span 6/span 6
    }
}

@media (min-width:1280px) {
    .tile-6 .tile--item {
        grid-column: span 5/span 5
    }
}

.simple-card {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    background: radial-gradient(50px 10px at 50% 140px, rgba(0, 0, 0, .1) 0, transparent 100%), radial-gradient(115px 30px at 50% 145px, rgba(0, 0, 0, .1) 0, transparent 100%) #f5f5f5;
    flex-direction: column;
    height: 100%;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 14rem
}

.simple-card,
.simple-card--image {
    display: flex
}

.simple-card--image {
    justify-content: center;
    padding: .625rem
}

.simple-card--image img,
.simple-card--image picture {
    height: 100%;
    max-height: 7rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.simple-card--text {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-weight: 700;
    padding: 2.25rem 1rem .75rem;
    text-align: center
}

.simple-card:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1))
}

.simple-card:hover .simple-card--text {
    --tw-text-opacity: 1;
    background: radial-gradient(22.53% 8.95% at 50% 13.16%, rgba(206, 82, 13, .5) 0, rgba(255, 106, 22, 0) 100%), radial-gradient(38.43% 15.26% at 50% 17.37%, rgba(206, 82, 13, .5) 0, rgba(255, 106, 22, 0) 100%);
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.simple-block.car {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-color: transparent;
    border-radius: .25rem;
    border-width: 2px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: .5rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.simple-block.car .simple-block--title {
    font-weight: 500;
    margin-bottom: .5rem
}

.simple-block.car .simple-block--content img {
    height: 3.5rem;
    margin: auto;
    mix-blend-mode: multiply;
    -o-object-fit: contain;
    object-fit: contain;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: auto
}

@media (min-width:1192px) {
    .simple-block.car .simple-block--content img {
        --tw-scale-x: .9;
        --tw-scale-y: .9;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.simple-block.car:hover {
    border-color: rgba(255, 106, 22, .5)
}

.simple-block.car:hover .simple-block--content img {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.simple-block.car:active {
    border-color: rgba(51, 51, 51, .5)
}

.copyright {
    --tw-text-opacity: 1;
    font-size: .75rem;
    line-height: 1rem
}

.copyright,
.tabs--item {
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.tabs--item {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: .25rem .5rem
}

.tabs--buttons {
    align-items: center;
    display: flex;
    list-style-type: none
}

.tabs--tab {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: .25rem .5rem
}

.tabs--tab:hover {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.tabs--tab.active {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.tabs--content {
    margin-top: 1.5rem
}

.tabs.tabs-modal .dropdown--trigger {
    align-items: flex-start;
    display: flex;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:768px) {
    .tabs.tabs-modal .dropdown--trigger {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.tabs.tabs-modal .dropdown--trigger .icon {
    margin-top: .25rem
}

@media (min-width:768px) {
    .tabs.tabs-modal .dropdown--trigger .icon {
        margin-top: .5rem
    }
}

.tabs.tabs-modal .dropdown--trigger span {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    padding: .5rem
}

.youtube {
    --tw-text-opacity: 1;
    align-items: flex-end;
    background: linear-gradient(180deg, transparent 80%, #000);
    bottom: 0;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.youtube,
.youtube span {
    display: flex
}

.youtube span {
    align-items: center
}

.border-link {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-top-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-top-width: 2px;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    margin-top: 2rem;
    padding-top: .75rem;
    text-align: center
}

.border-link a {
    position: relative
}

.border-link a .icon {
    position: absolute;
    right: -2.25rem;
    top: -.875rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.border-link a .icon:before {
    font-size: 3.125rem;
    line-height: normal
}

.border-link a:hover .icon {
    right: -2.5rem
}

.link-arrow {
    align-items: flex-start;
    display: flex
}

.link-arrow .icon {
    --tw-rotate: -90deg;
    margin-right: .25rem;
    margin-top: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.disclaimer {
    --tw-border-opacity: 1;
    border-top-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-top-width: 1px;
    padding: 1rem 1rem 1rem 4rem;
    position: relative
}

@media (min-width:768px) {
    .disclaimer {
        padding-left: 7rem
    }
}

.disclaimer:before {
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYwIiB3aWR0aD0iNjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjkzIDVjMi4zMS00IDguMDgzLTQgMTAuMzkzIDBsMjUuMTE1IDQzLjVjMi4zMDkgNC0uNTc4IDktNS4xOTcgOUg4LjAxMWMtNC42MTggMC03LjUwNS01LTUuMTk1LTl6IiBzdHJva2U9IiNmZjZhMTYiIHN0cm9rZS13aWR0aD0iNCIvPjxwYXRoIGQ9Ik0zNS40MzQgMzkuNDY4SDMxLjE1bC0uOS0xNy4xNzJoNi4wODR6bS01LjI1NiA2LjAxMmMwLTEuMTA0LjMtMS44NzIuOS0yLjMwNC42LS40NTYgMS4zMzItLjY4NCAyLjE5Ni0uNjg0Ljg0IDAgMS41Ni4yMjggMi4xNi42ODQuNi40MzIuOSAxLjIuOSAyLjMwNCAwIDEuMDU2LS4zIDEuODI0LS45IDIuMzA0LS42LjQ1Ni0xLjMyLjY4NC0yLjE2LjY4NC0uODY0IDAtMS41OTYtLjIyOC0yLjE5Ni0uNjg0LS42LS40OC0uOS0xLjI0OC0uOS0yLjMwNHoiIGZpbGw9IiNmZjZhMTYiLz48L3N2Zz4=") 50%/cover no-repeat;
    content: "";
    height: 2rem;
    left: 1rem;
    position: absolute;
    width: 2.25rem
}

@media (min-width:768px) {
    .disclaimer:before {
        height: 59px;
        width: 66px
    }
}

.disclaimer--title {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1));
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: .5rem
}

.disclaimer--text {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    margin-bottom: 0;
    margin-top: .5rem
}

.service-alert {
    display: flex;
    gap: .75rem;
    padding: 1.25rem 1.25rem 1.25rem .625rem
}

.service-alert--image {
    height: 3.5rem;
    width: 3.5rem
}

.service-alert--content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.service-alert--title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1rem
}

.service-alert--description {
    font-size: .75rem;
    line-height: 1rem
}

.modal {
    --tw-shadow: 1px 5px 16px hsla(207, 4%, 48%, .2);
    --tw-shadow-colored: 1px 5px 16px var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 1.5rem 1rem
}

.qr {
    align-items: center;
    display: flex
}

.qr--image {
    margin-right: .5rem;
    min-height: -moz-max-content;
    min-height: max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.qr--image img {
    height: 100%;
    width: 100%
}

.qr--text {
    align-items: center;
    display: flex
}

.qr--text .icon {
    height: 3rem;
    margin-right: 1rem;
    min-width: 3rem;
    width: 3rem
}

.tag {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: inline-flex;
    font-weight: 600;
    padding: .125rem .5rem;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.tag:active {
    --tw-bg-opacity: 1;
    background-color: rgb(117 123 128/var(--tw-bg-opacity, 1))
}

.tag .icon {
    height: 1rem;
    overflow: hidden;
    width: 1rem
}

.tags {
    display: flex;
    gap: 1rem
}

.tag-with-desc span {
    margin-left: .25rem
}

@media (min-width:1024px) {
    .tag-with-desc span {
        margin-left: 1rem
    }
}

.base-lamp {
    max-width: 10rem;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-top: 1rem;
    width: 10rem
}

.base-lamp--image {
    height: 4.75rem;
    margin-bottom: 2rem;
    width: 100%
}

.base-lamp--image img {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    mix-blend-mode: multiply
}

.base-lamp--types .tags {
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center
}

.swiper-vertical-arrow-next,
.swiper-vertical-arrow-prev {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 3rem;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 10
}

.swiper-vertical-arrow-next:before,
.swiper-vertical-arrow-prev:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNDgiIHk9IjQ4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA0OCA0OCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAuNjkgMzQuNzU5IDMxLjQ0OCAyNCAyMC42OSAxMy4yNDIiIHN0cm9rZT0iIzc1N0I4MCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 2rem;
    width: 2rem
}

.swiper-vertical-arrow-next:hover:before,
.swiper-vertical-arrow-prev:hover:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNDgiIHk9IjQ4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA0OCA0OCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAuNjkgMzQuNzU5IDMxLjQ0OCAyNCAyMC42OSAxMy4yNDIiIHN0cm9rZT0iI2ZmNmExNiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=")
}

.swiper-vertical-arrow-next.swiper-button-disabled,
.swiper-vertical-arrow-prev.swiper-button-disabled {
    display: none
}

.swiper-vertical-arrow-prev {
    top: 0
}

.swiper-vertical-arrow-prev:before {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.swiper-vertical-arrow-next {
    bottom: 0
}

.swiper-vertical-arrow-next:before {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.swiper-vertical-arrow-prev:not(.simple) {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff)
}

.swiper-vertical-arrow-next:not(.simple) {
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0))
}

.brand {
    align-items: center;
    background-color: hsla(0, 0%, 96%, .5);
    border-radius: .25rem;
    display: flex !important;
    height: 5.375rem !important;
    justify-content: center;
    max-width: 10rem;
    min-height: 5.375rem !important;
    min-width: 10rem;
    padding: .5rem;
    position: relative;
    top: 0;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.brand:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.brand:active,
.brand:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.brand:active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    top: .125rem
}

.brand img {
    height: 100%;
    mix-blend-mode: multiply;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 100%
}

.checkbox {
    cursor: pointer;
    display: inline-flex
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox input[type=checkbox]:checked~.checkbox--input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1))
}

.checkbox input[type=checkbox]:checked~.checkbox--input:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTczLjg5OCA0MzkuNDA0LTE2Ni40LTE2Ni40Yy05Ljk5Ny05Ljk5Ny05Ljk5Ny0yNi4yMDYgMC0zNi4yMDRsMzYuMjAzLTM2LjIwNGM5Ljk5Ny05Ljk5OCAyNi4yMDctOS45OTggMzYuMjA0IDBMMTkyIDMxMi42OSA0MzIuMDk1IDcyLjU5NmM5Ljk5Ny05Ljk5NyAyNi4yMDctOS45OTcgMzYuMjA0IDBsMzYuMjAzIDM2LjIwNGM5Ljk5NyA5Ljk5NyA5Ljk5NyAyNi4yMDYgMCAzNi4yMDRsLTI5NC40IDI5NC40MDFjLTkuOTk4IDkuOTk3LTI2LjIwNyA5Ljk5Ny0zNi4yMDQtLjAwMXoiLz48L3N2Zz4=");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .625rem;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: .625rem
}

.checkbox--input {
    border-color: hsla(207, 4%, 48%, .5);
    border-radius: .25rem;
    border-width: 2px;
    height: 1rem;
    margin-right: .5rem;
    min-width: 1rem;
    position: relative;
    width: 1rem
}

.checkbox--label {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem
}

.checkbox:hover .checkbox--input {
    border-color: rgba(255, 106, 22, .5)
}

.checkbox:hover .checkbox--label {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.checkbox:hover input[type=checkbox]:checked~.checkbox--input:before {
    opacity: .5
}

.checkbox:active .checkbox--input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1))
}

.checkbox:active input[type=checkbox]:checked~.checkbox--input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.checkbox:active input[type=checkbox]:checked~.checkbox--input:before {
    display: none
}

.checkbox.disabled {
    opacity: .35;
    pointer-events: none
}

.radio {
    cursor: pointer;
    display: inline-flex
}

.radio input[type=radio] {
    display: none
}

.radio input[type=radio]:checked~.radio--input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-width: 4px
}

.radio input[type=radio]:checked~.radio--input:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .625rem;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: .625rem
}

.radio--input {
    border-color: hsla(207, 4%, 48%, .5);
    border-radius: 9999px;
    border-width: 2px;
    display: inline-block;
    height: 1rem;
    margin-right: .75rem;
    min-width: 1rem;
    position: relative;
    width: 1rem
}

.radio--label {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem
}

.radio:hover .radio--input {
    border-color: rgba(255, 106, 22, .5)
}

.radio:hover .radio--label {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.radio:active .radio--input,
.radio:hover input[type=radio]:checked~.radio--input:before {
    background-color: rgba(255, 106, 22, .5)
}

.radio:active .radio--input {
    --tw-border-opacity: 1;
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-width: 4px
}

.radio:active input[type=radio]:checked~.radio--input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.radio:active input[type=radio]:checked~.radio--input:before {
    display: none
}

.radio.modal {
    padding-top: 1rem
}

.radio.modal input[type=radio]~.radio--label {
    display: none
}

.radio.modal input[type=radio]:checked~.radio--label {
    display: block
}

.basket-order--product .left .radio.modal input[type=radio]:checked~.radio--label {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .radio.modal input[type=radio]:checked~.radio--label {
        padding-top: .625rem
    }
}

.radio.disabled {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    opacity: .75;
    pointer-events: none
}

.light-type {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex
}

.light-type--right {
    display: grid;
    gap: .25rem;
    width: 100%
}

@media (min-width:640px) {
    .light-type--right {
        align-items: center;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .light-type--name {
        font-size: 1rem;
        grid-column: span 6/span 6;
        line-height: 1.5rem
    }
}

.light-type--tags {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem
}

@media (min-width:640px) {
    .light-type--tags {
        grid-column: span 6/span 6
    }
}

.light-type--tags .tag {
    white-space: nowrap
}

.light-type--tags .tag.selected {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.more {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-top-width: 2px;
    padding-bottom: .25rem;
    padding-top: .25rem;
    text-align: center
}

.more--text {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    display: inline-flex;
    font-weight: 500;
    margin-right: -1.25rem
}

.field--label {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .25rem;
    margin-left: .25rem
}

.basket-order--product .left .field--label {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .field--label {
        padding-top: .625rem
    }
}

.field input:not([type=radio]):not([type=checkbox]),
.field select {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(195 195 195/var(--tw-border-opacity, 1));
    border-radius: .75rem;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    height: 2.75rem;
    width: 100%
}

.shape-btn {
    align-items: center;
    border-radius: 9999px;
    cursor: pointer;
    display: inline-flex;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.shape-btn:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.shape-btn:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: var(--tw-content);
    display: inline-block;
    margin-right: .75rem
}

.shape-btn.cart:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDI1YTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMnptMCAyYTMgMyAwIDEgMCAwLTYgMyAzIDAgMCAwIDAgNnptMTItMmExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJ6bTAgMmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZ6TTAgMWExIDEgMCAwIDEgMS0xaDMuMzMzQTIgMiAwIDAgMSA2LjE4IDEuMjNMNy4zMzMgNGgxOS4zNzJsLTEuNTcgOC4zNjlBMiAyIDAgMCAxIDIzLjE3IDE0SDEwLjcybC0uODk0IDIuNjg0QTEgMSAwIDAgMCAxMC43NzUgMThIMjFhMSAxIDAgMSAxIDAgMkgxMC43NzVhMyAzIDAgMCAxLTIuODQ2LTMuOTQ5bDEuMDA0LTMuMDEyTDQuMzMzIDJIMWExIDEgMCAwIDEtMS0xem0xMC42NjcgMTFIMjMuMTdsLjM3NS0ySDkuODMzbC44MzQgMnpNOSA4aDE0LjkybC4zNzUtMkg4LjE2N0w5IDh6IiBmaWxsPSIjRkY2QTE2Ii8+PC9zdmc+);
    height: 1.75rem;
    margin-right: 1rem;
    width: 1.75rem
}

.shape-btn.cart:before,
.shape-btn.service:before {
    content: var(--tw-content);
    margin-bottom: -.75rem;
    margin-top: -.75rem
}

.shape-btn.service:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS41OTcgMTAuMzMzYTcuOTUgNy45NSAwIDAgMC02LjI3Ny0yLjMwNyAxLjc2MiAxLjc2MiAwIDAgMC0xLjU4IDEuMjg1IDEuOTMzIDEuOTMzIDAgMCAwIC41MTEgMS44OTFsMy42NDcgMy42NDdhOS4xOTcgOS4xOTcgMCAwIDEtMS4zNDQgMS43MDUgOS4xOTggOS4xOTggMCAwIDEtMS43MDUgMS4zNDRMOS4yMDIgMTQuMjVhMS45MzMgMS45MzMgMCAwIDAtMS44OTEtLjUxIDEuNzYyIDEuNzYyIDAgMCAwLTEuMjg1IDEuNTggNy45NjQgNy45NjQgMCAwIDAgMTAuMzczIDguMjMuMTgzLjE4MyAwIDAgMSAuMDktLjAwOS4wNTYuMDU2IDAgMCAxIC4wMTUuMDA1bC42NDIuNjQyLTcuNTg1IDcuNTg2YTQgNCAwIDAgMC0uMDExIDUuNjQ1bC4wMTEuMDEyLjAxLjAxIDIuMTAxIDIuMS4wMS4wMS4wMTIuMDEyYTQgNCAwIDAgMCA1LjY0NS0uMDExbDcuNTg1LTcuNTg1IDYuNjQ2IDYuNjQ1YTMuNTY2IDMuNTY2IDAgMCAwIDUuMDQzLTUuMDQzbC04LjA2LTguMDYgNC4yNzItNC4yNzIgNC4xNi0yLjc3M2ExLjAyIDEuMDIgMCAwIDAgLjI3OC0uMjc4bDIuODI5LTQuMjQzYTEgMSAwIDAgMC0uMTI1LTEuMjYxTDM2LjQzIDkuMTQ3YTEgMSAwIDAgMC0xLjI2MS0uMTI1bC00LjI0MyAyLjgyOWEuOTk4Ljk5OCAwIDAgMC0uMjc4LjI3N2wtMi43NzMgNC4xNi00LjI3MyA0LjI3My0yLjA1Ni0yLjA1N2EuMDYuMDYgMCAwIDEtLjAwNS0uMDE1LjE4NS4xODUgMCAwIDEgLjAwOC0uMDkgNy45NjQgNy45NjQgMCAwIDAtMS45NTMtOC4wNjZ6bS01LjYwNCAyOC4zMjRhMS45OTkgMS45OTkgMCAwIDAgMS45MzItLjUxOGw4LjQ4NS04LjQ4NmEyIDIgMCAwIDAgMC0yLjgyOGwtMi4xMi0yLjEyMWEyIDIgMCAwIDAtMi44MyAwbC04LjQ4NSA4LjQ4NWExLjk5OSAxLjk5OSAwIDAgMC0uNTE4IDEuOTMybDkuMDA0LTkuMDAzYTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtOS4xOTMgOS4xOTIuNzA4LjcwOCA5LjE5Mi05LjE5M2ExIDEgMCAwIDEgMS40MTQgMS40MTRsLTkuMDAzIDkuMDA0em03LjkxOC0xNi40MDNhNC4wMDQgNC4wMDQgMCAwIDAtMy4zMDQuNTY4bC0uNjktLjY5Yy0uNTkyLS41OTItMS40MzQtLjcwOS0yLjEyOC0uNDg3YTUuOTY0IDUuOTY0IDAgMCAxLTcuNzg4LTUuNzY3bDMuNDU1IDMuNDU1Yy42LjYgMS41Ny43OTMgMi4zNy4zMTFhMTEuMTkyIDExLjE5MiAwIDAgMCAyLjE0Mi0xLjY3NiAxMS4xOTIgMTEuMTkyIDAgMCAwIDEuNjc2LTIuMTQxYy40ODItLjgwMS4yODktMS43NzEtLjMxLTIuMzdMMTMuODc3IDEwYTUuOTQ0IDUuOTQ0IDAgMCAxIDQuMzA1IDEuNzQ2IDUuOTY0IDUuOTY0IDAgMCAxIDEuNDYyIDYuMDQzYy0uMjIyLjY5My0uMTA1IDEuNTM1LjQ4NyAyLjEyOGwyLjA1NyAyLjA1Ny0uMjc4LjI3OHptNC4zODEgOC4yNTNjLjY3Ni0uOTguODY1LTIuMTkzLjU2OC0zLjMwNGwuMjc5LS4yNzkgOC4wNiA4LjA2YTEuNTY2IDEuNTY2IDAgMSAxLTIuMjE1IDIuMjE1bC02LjY5Mi02LjY5MnptNi4wMjQtMTEuMzMzLTIuMzc2LTIuMzc2IDEuNjk3LTIuNTQ2IDMuMjI1IDMuMjI1LTIuNTQ2IDEuNjk3em0tMy42NjMtLjgzNC00Ljk1IDQuOTUgMi4xMjIgMi4xMiA0Ljk1LTQuOTUtMi4xMjItMi4xMnptNC4zOTgtNS41MDIgMi41NDYtMS42OTcgMi4zNzYgMi4zNzYtMS42OTcgMi41NDYtMy4yMjUtMy4yMjV6IiBmaWxsPSIjRkY2QTE2Ii8+PC9zdmc+);
    height: 3rem;
    margin-left: -.5rem;
    width: 3rem
}

.shape-btn.podbor:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy40OTkgNWExIDEgMCAwIDEgLjgzOC40NTVsMy44OTcgNkExIDEgMCAwIDEgMjcuMzk2IDEzaC03Ljc5NGExIDEgMCAwIDEtLjg0LTEuNTQ1bDMuODk4LTZBMSAxIDAgMCAxIDIzLjQ5OSA1em0tMi4wNTUgNmg0LjExbC0yLjA1NS0zLjE2NEwyMS40NDQgMTF6IiBmaWxsPSIjRkY2QTE2Ii8+PHBhdGggZD0iTTE3LjAzOSAyMWExIDEgMCAxIDAtLjA4IDJsMTIuNS41YTEgMSAwIDAgMCAuMDgtMmwtMTIuNS0uNXoiIGZpbGw9IiNGRjZBMTYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2Ljg1IDE2LjQ0NmMuOTY3LS4xMzUgMy40MDgtLjQ1IDUuMTUxLS40NDYuOTcuMDAzIDIuMDczLjAyNyAzLjA2My4wOTMuNTc3LjAzOCAxLjEzLjA5IDEuNjAyLjE2NC40NDIuMDY4LjkyMS4xNyAxLjI4LjM0OSAxLjc2Ny44ODMgNC42NjMgMy4xMzcgNS41NTYgMy44NDMuMTA0LjA4Mi4yMi4xNDMuMzQyLjE4bDUuNTY5IDEuNzA3LjgxLjMzOGEzIDMgMCAwIDEgMS43OCAyLjE0M2wuMzE0IDEuNDc0YTMgMyAwIDAgMS0uMzM1IDIuMTIzbC0uMjIyLjM4NmEzIDMgMCAwIDEtMS45MjMgMS40MjZsLTEuNzQuNDAzYTMuNSAzLjUgMCAwIDEtNi4yNjItLjEyOUgyMS41NjJsLTMuNjYuNDU4QTMuNDk3IDMuNDk3IDAgMCAxIDE1IDMyLjVhMy40OTYgMy40OTYgMCAwIDEtMi44OTctMS41MzVsLTMuMTQ0LS4zMTRhMyAzIDAgMCAxLTIuNjctMi41NmwtLjE1NC0xLjA3NGEyLjgxNiAyLjgxNiAwIDAgMSAuNzU2LTIuMzQ4LjgxNi44MTYgMCAwIDAgLjIyMi0uNDc1bC4yMTctMS45NjRhMi43ODUgMi43ODUgMCAwIDEgMi43NjktMi40OGguOTlhMSAxIDAgMCAwIC41NTctLjE3bDMuOTc2LTIuNjYzYTIuOTQ0IDIuOTQ0IDAgMCAxIDEuMjMtLjQ3MXptMTkuNDk3IDEzLjIxMmExIDEgMCAwIDEgLjEyNS0uMzc3IDEuNSAxLjUgMCAxIDAtLjEyNS4zNzd6bTMuMDM5LTEuMzgtLjkyNC4yMTRhMy41IDMuNSAwIDAgMC02LjkyOC4wMDhIMjEuNDM2bC0yLjk0LjM2N2EzLjUgMy41IDAgMCAwLTYuOTk2LjAyOGwtMi4zNDMtLjIzNGExIDEgMCAwIDEtLjg5LS44NTRsLS4xNTMtMS4wNzJhLjgxNi44MTYgMCAwIDEgLjIxOS0uNjhjLjQzLS40NDguNjk5LTEuMDI1Ljc2Ny0xLjY0MWwuMjE3LTEuOTY1YS43ODUuNzg1IDAgMCAxIC43OC0uNjk5aC45OTJhMyAzIDAgMCAwIDEuNjctLjUwOGwzLjk3NS0yLjY2M2EuOTQuOTQgMCAwIDEgLjM5My0uMTUyYy45NzgtLjEzNyAzLjI4Ni0uNDMxIDQuODY5LS40MjdhNDkuMzIgNDkuMzIgMCAwIDEgMi45MzcuMDg4IDE2Ljg2IDE2Ljg2IDAgMCAxIDEuNDI3LjE0NWMuNDI0LjA2Ni42MzMuMTMyLjY5MS4xNjIgMS41NDQuNzcxIDQuMjY2IDIuODc2IDUuMjEgMy42MjMuMjk2LjIzMy42MzIuNDEyLjk5Ny41MjRsNS40NzUgMS42NzguNzIuM2ExIDEgMCAwIDEgLjU5My43MTRsLjMxNSAxLjQ3NGExIDEgMCAwIDEtLjExMi43MDhsLS4yMjIuMzg2YTEgMSAwIDAgMS0uNjQxLjQ3NnpNMTQuOTk5IDMwLjVhMS41IDEuNSAwIDEgMCAwLTMgMS41IDEuNSAwIDAgMCAwIDN6bTcuNjYxIDExLjA0NWExIDEgMCAwIDAgMS42NzcgMGwzLjg5Ny02QTEgMSAwIDAgMCAyNy4zOTYgMzRoLTcuNzk0YTEgMSAwIDAgMC0uODQgMS41NDVsMy44OTggNnpNMjEuNDQ0IDM2aDQuMTFsLTIuMDU1IDMuMTY0TDIxLjQ0NCAzNnoiIGZpbGw9IiNGRjZBMTYiLz48L3N2Zz4=);
    content: var(--tw-content);
    height: 3rem;
    margin-bottom: -.75rem;
    margin-left: -.5rem;
    margin-top: -.75rem;
    width: 3rem
}

.counter {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex
}

.counter--delete,
.counter--minus,
.counter--plus {
    justify-content: center;
    min-height: 2.5rem;
    min-width: 2.5rem
}

.counter--delete {
    background-color: transparent
}

.counter--value {
    height: 2.5rem;
    width: 3rem
}

.counter--value input:not([type=radio]):not([type=checkbox]) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-width: 2px;
    font-size: 1rem;
    height: 100%;
    line-height: 1.5rem;
    padding-left: .375rem;
    padding-right: .375rem;
    text-align: center
}

.counter--value input:not([type=radio]):not([type=checkbox]):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.form-field__label {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: inline-block;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .25rem;
    padding-left: .125rem
}

.form-field__label.required:after {
    --tw-text-opacity: 1;
    --tw-content: "*";
    color: rgb(255 106 22/var(--tw-text-opacity, 1));
    content: var(--tw-content);
    margin-left: .25rem
}

.form-field__input {
    height: 2.75rem;
    position: relative
}

.form-field__input input:not([type=radio]):not([type=checkbox]),
.form-field__input textarea {
    padding-right: 2.5rem
}

.form-field__input_simple-text {
    font-size: 1rem;
    line-height: 1.5rem
}

.form-field__input_editable {
    align-items: center;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: flex
}

.form-field.error .form-field__input input:not([type=radio]):not([type=checkbox]),
.form-field.error .form-field__input textarea {
    --tw-border-opacity: 1;
    border-color: rgb(234 76 55/var(--tw-border-opacity, 1))
}

.form-field.error .form-field__label {
    --tw-text-opacity: 1;
    color: rgb(234 76 55/var(--tw-text-opacity, 1))
}

.form-field__select {
    position: relative
}

.form-field__select:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4zOTggOS43NjVhMSAxIDAgMCAxIDAgMS40MTRsLTMuNzI2IDMuNzI2YTEgMSAwIDAgMS0xLjQxNCAwTDcuNTMgMTEuMThhMSAxIDAgMCAxIDEuNDE1LTEuNDE0bDMuMDE5IDMuMDIgMy4wMTktMy4wMmExIDEgMCAwIDEgMS40MTQgMHoiIGZpbGw9IiM3NTdCODAiLz48L3N2Zz4=);
    content: var(--tw-content);
    height: 1.5rem;
    margin-top: -.75rem;
    pointer-events: none;
    position: absolute;
    right: .625rem;
    top: 50%;
    width: 1.5rem
}

.form-field--hint {
    --tw-bg-opacity: 1;
    --tw-shadow: 1px 5px 16px hsla(207, 4%, 48%, .2);
    --tw-shadow-colored: 1px 5px 16px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: .75rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    margin-top: .25rem;
    padding: .5rem 1rem;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.form-field--hint ul li a {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.main-search--fake-input {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: 1.5rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    height: 3rem;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.main-search--fake-input,
.main-search--fake-input div {
    align-items: center;
    display: flex
}

.main-search--fake-input div {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1));
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    font-size: .75rem;
    height: 100%;
    line-height: 1rem
}

.main-search--fake-input div span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-search--popup {
    display: block !important;
    padding: 0 !important
}

.basket-order--product .left .main-search--popup {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .main-search--popup {
        padding-top: .625rem
    }
}

.main-search--popup {
    height: calc(100dvh - 20px);
    max-height: 700px
}

@media (min-width:1024px) {
    .main-search--popup {
        margin-top: 2.5rem
    }
}

.main-search--close {
    position: absolute;
    right: 0;
    top: 0
}

.main-search--container {
    overflow: hidden !important;
    padding: 1rem !important;
    text-align: left !important
}

@media (min-width:1024px) {
    .main-search--container {
        padding: 2rem !important
    }
}

.main-search--container {
    height: 100%
}

.main-search--container h2 {
    margin-top: 0
}

.main-search--container h2,
.main-search--form {
    margin-bottom: 1rem
}

.main-search--form {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: 1.5rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    height: 3rem;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: .5rem
}

.main-search--form,
.main-search--input-label {
    width: 100%
}

.main-search--input-label input {
    --tw-text-opacity: 1;
    background-color: transparent !important;
    border-radius: 0 !important;
    border-style: none !important;
    color: rgb(195 195 195/var(--tw-text-opacity, 1));
    font-size: .75rem !important;
    line-height: 1rem !important;
    line-height: 2 !important;
    padding: 0 !important;
    width: 100%
}

.main-search--input-label input::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(195 195 195/var(--tw-text-opacity, 1)) !important
}

.main-search--input-label input::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(195 195 195/var(--tw-text-opacity, 1)) !important
}

.main-search--loading {
    align-items: center;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-top: 7rem;
    text-align: center;
    width: 100%
}

.main-search--loading>div {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    width: 11rem
}

.main-search--loading-icons {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.main-search--loading-icons>span {
    position: absolute
}

.main-search--loading-icons.animate .main-search--loading-icon-loup {
    animation: spin 1s linear infinite;
    animation-duration: 1.5s
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.main-search--loading-icons.animate .main-search--loading-icon-loup .icon {
    animation: spin 1s linear infinite;
    animation-direction: reverse !important;
    animation-duration: 1.5s
}

.main-search--loading-icons.animate .main-search--loading-icon-loup .icon:before {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.main-search--loading-icon-book .icon:before {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.main-search--loading-icon-loup {
    top: -1.75rem
}

.main-search--loading-icon-loup .icon:before {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1))
}

.main-search--hints {
    height: calc(100% - 115px)
}

.main-search--results {
    height: 100%;
    overflow: auto;
    position: relative
}

.main-search--results>div {
    margin-bottom: 1.5rem
}

.main-search--results>div h3 {
    margin-bottom: .5rem;
    margin-top: 0
}

.main-search--results-item {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    display: flex;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .5rem;
    padding-right: .75rem;
    padding-top: .5rem
}

@media (min-width:768px) {
    .main-search--results-item {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.main-search--results-item-image {
    display: flex;
    float: left;
    height: 4rem;
    justify-content: center;
    margin-right: 1.5rem;
    width: 5rem
}

.main-search--results-item-image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    width: auto
}

.main-search--results-item span>b {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1));
    font-weight: 400
}

.main-search--results-item b {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .main-search--results-item b {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.main-search--results-all {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    margin: 0;
    padding-bottom: .5rem;
    padding-top: .5rem;
    position: sticky
}

.sweet-form {
    display: block !important;
    padding: 0 !important
}

.basket-order--product .left .sweet-form {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .sweet-form {
        padding-top: .625rem
    }
}

@media (min-width:1024px) {
    .sweet-form {
        margin-top: 2.5rem
    }
}

.sweet-form--container {
    padding: 2.5rem 1rem 1rem !important;
    text-align: left !important
}

@media (min-width:375px) {
    .sweet-form--container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
}

@media (min-width:1024px) {
    .sweet-form--container {
        padding: 2.5rem !important
    }
}

.sweet-form--title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.sweet-form--title h2 {
    font-weight: 400;
    margin: 0
}

.sweet-form--form {
    display: grid;
    row-gap: .75rem
}

.sweet-form--form .errors {
    --tw-text-opacity: 1;
    color: rgb(234 76 55/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem
}

.tonirovka {
    display: grid;
    gap: 1.5rem;
    margin-top: 3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:768px) {
    .tonirovka {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1192px) {
    .tonirovka {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.tonirovka--image {
    --tw-bg-opacity: 1;
    background-color: rgb(219 219 219/var(--tw-bg-opacity, 1));
    border-radius: .5rem;
    position: relative
}

.tonirovka--image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.tonirovka--image svg {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%
}

.tonirovka--image svg.sedan {
    margin-left: -21.5%;
    margin-top: -23%;
    width: 42.5%
}

.tonirovka--image svg.cupe {
    margin-left: -21.5%;
    margin-top: -25%;
    width: 43%
}

.tonirovka--image svg.crossover {
    margin-left: -23.5%;
    margin-top: -34%;
    width: 47%
}

.tonirovka--image svg.hetchbek {
    margin-left: -22%;
    margin-top: -25.5%;
    width: 44%
}

.tonirovka--image svg.universal {
    margin-left: -21.9%;
    margin-top: -33.1%;
    width: 44%
}

.tonirovka--image svg.vnedorojnik {
    margin-left: -28%;
    margin-top: -39.5%;
    width: 55%
}

.tonirovka--image svg path {
    fill: transparent;
    cursor: pointer
}

.tonirovka--image svg path.selected {
    fill: rgba(0, 0, 0, .4);
    stroke: #222221
}

.tonirovka--img {
    --tw-shadow: 1px 5px 16px hsla(207, 4%, 48%, .2);
    --tw-shadow-colored: 1px 5px 16px var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.plenka {
    display: grid;
    gap: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:768px) {
    .plenka {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1192px) {
    .plenka {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.plenka .modal {
    height: 180px;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .plenka .modal {
        max-width: 220px
    }
}

.plenka .modal img {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: -10
}

.comparison-slider {
    border-radius: .5rem;
    height: 100%;
    min-height: 16rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:1192px) {
    .comparison-slider {
        min-height: 640px
    }
}

.comparison-slider img {
    border-radius: .5rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.comparison-slider img.image-before {
    z-index: 10
}

.comparison-slider img.image-after {
    z-index: 20
}

.comparison-slider .slider-line {
    height: 100%;
    top: 0;
    width: .125rem
}

.comparison-slider .slider-button,
.comparison-slider .slider-line {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    position: absolute;
    z-index: 30
}

.comparison-slider .slider-button {
    align-items: center;
    border-radius: 9999px;
    cursor: pointer;
    display: flex;
    gap: .375rem;
    height: 3rem;
    justify-content: center;
    left: 50%;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    min-width: 3rem;
    top: 50%;
    width: 3rem
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-right-3 {
    right: -.75rem
}

.-top-2 {
    top: -.5rem
}

.bottom-0 {
    bottom: 0
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.order-none {
    order: 0
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-15 {
    grid-column: span 15/span 15
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-my-1\.5 {
    margin-bottom: -.375rem;
    margin-top: -.375rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.-ml-0\.5 {
    margin-left: -.125rem
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mb-\[3\.75rem\] {
    margin-bottom: 3.75rem
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.size-14 {
    height: 3.5rem;
    width: 3.5rem
}

.size-20 {
    height: 5rem;
    width: 5rem
}

.size-7 {
    height: 1.75rem;
    width: 1.75rem
}

.size-full {
    height: 100%;
    width: 100%
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-64 {
    height: 16rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-full {
    height: 100%
}

.max-h-72 {
    max-height: 18rem
}

.max-h-\[460px\] {
    max-height: 460px
}

.min-h-32 {
    min-height: 8rem
}

.w-10\/12 {
    width: 83.333333%
}

.w-12 {
    width: 3rem
}

.w-2\/12 {
    width: 16.666667%
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-36 {
    width: 9rem
}

.w-4\/12 {
    width: 33.333333%
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-68 {
    width: 17rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-\[200px\] {
    width: 200px
}

.w-\[250px\] {
    width: 250px
}

.w-\[31px\] {
    width: 31px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.min-w-20 {
    min-width: 5rem
}

.min-w-68 {
    min-width: 17rem
}

.min-w-\[112px\] {
    min-width: 112px
}

.min-w-\[1170px\] {
    min-width: 1170px
}

.min-w-\[31px\] {
    min-width: 31px
}

.max-w-128 {
    max-width: 32rem
}

.max-w-36 {
    max-width: 9.0625rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-56 {
    max-width: 14rem
}

.max-w-60 {
    max-width: 15rem
}

.max-w-64 {
    max-width: 16rem
}

.max-w-72 {
    max-width: 18rem
}

.max-w-96 {
    max-width: 24rem
}

.max-w-\[1170px\] {
    max-width: 1170px
}

.max-w-\[280px\] {
    max-width: 280px
}

.max-w-\[368px\] {
    max-width: 368px
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.flex-grow,
.grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.scale-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-0 {
    --tw-scale-x: 0
}

.scale-x-100 {
    --tw-scale-x: 1
}

.scale-x-100,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-decimal {
    list-style-type: decimal
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-30 {
    grid-template-columns: repeat(30, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-12 {
    gap: 3rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-32 {
    -moz-column-gap: 8rem;
    column-gap: 8rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(3rem*var(--tw-space-y-reverse));
    margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-gray {
    --tw-border-opacity: 1;
    border-color: rgb(195 195 195/var(--tw-border-opacity, 1))
}

.border-gray-deep {
    --tw-border-opacity: 1;
    border-color: rgb(117 123 128/var(--tw-border-opacity, 1))
}

.border-orange {
    --tw-border-opacity: 1;
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
}

.border-b-gray-light {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1))
}

.border-b-orange {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 106 22/var(--tw-border-opacity, 1))
}

.border-l-gray-light {
    --tw-border-opacity: 1;
    border-left-color: rgb(245 245 245/var(--tw-border-opacity, 1))
}

.border-r-gray {
    --tw-border-opacity: 1;
    border-right-color: rgb(195 195 195/var(--tw-border-opacity, 1))
}

.border-t-gray-light {
    --tw-border-opacity: 1;
    border-top-color: rgb(245 245 245/var(--tw-border-opacity, 1))
}

.bg-gray-light {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(49 186 69/var(--tw-bg-opacity, 1))
}

.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1))
}

.bg-orange\/90 {
    background-color: rgba(255, 106, 22, .9)
}

.bg-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(151 71 255/var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 168 0/var(--tw-bg-opacity, 1))
}

.bg-file {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMSAxMC41MjZ2MjYuMzE2QzMxIDM4LjU4NiAyOS41NjQgNDAgMjcuNzkzIDQwSDMuMjA3QzEuNDM1IDQwIDAgMzguNTg2IDAgMzYuODQyVjMuMTU4QzAgMS40MTQgMS40MzUgMCAzLjIwNyAwSDIwLjMxTDMxIDEwLjUyNloiIGZpbGw9IiNDQjA2MDYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxIDkuOTM3djEuMzFoLTguNzRjLTEuODEgMC0yLjY0NC0xLjQ1LTIuNjQ0LTMuMjM4VjBoMS4zMjRMMzEgOS45MzdaIiBmaWxsPSIjRkI4RDhEIi8+PC9zdmc+)
}

.fill-orange {
    fill: #ff6a16
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.object-top {
    -o-object-position: top;
    object-position: top
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-8 {
    padding: 2rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-14 {
    padding-right: 3.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-px {
    padding-right: 1px
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4\.5xl {
    font-size: 2.5rem;
    line-height: 2.5rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[22px\] {
    line-height: 22px
}

.tracking-tight {
    letter-spacing: -.025em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(48 125 214/var(--tw-text-opacity, 1))
}

.text-blue-light {
    --tw-text-opacity: 1;
    color: rgb(26 172 255/var(--tw-text-opacity, 1))
}

.text-gray {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1))
}

.text-gray-dark {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-gray-deep {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.text-orange {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.decoration-orange {
    text-decoration-color: #ff6a16
}

.underline-offset-\[16px\] {
    text-underline-offset: 16px
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
    --tw-invert: invert(100%)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-200 {
    transition-duration: .2s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: 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 {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.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: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-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 {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

:root {
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-color: #fff;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: 0.3;
    --swiper-pagination-bullet-width: 24px;
    --swiper-pagination-bullet-height: 24px;
    --swiper-pagination-bottom: 0;
    --swiper-navigation-top-offset: calc(50% - 12px);
    --swiper-navigation-sides-offset: 20px;
    --swiper-navigation-size: 24px
}

html {
    scroll-behavior: smooth
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    flex-direction: column;
    font-family: Noto Sans, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .875rem;
    height: 100dvh;
    line-height: 1.25rem;
    padding-top: 7rem;
    width: 100%
}

@media (min-width:1192px) {
    body {
        padding-top: 0
    }
}

body {
    -webkit-tap-highlight-color: transparent
}

body.fix {
    height: 100vh;
    overflow-y: hidden;
    position: fixed
}

[x-cloak] {
    display: none !important
}

.fancybox__content {
    padding: 0 !important
}

.lazyLoading {
    --tw-border-opacity: 1;
    align-items: center;
    background-color: hsla(0, 0%, 96%, .5);
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    width: 100%
}

.lazyLoading:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46YXV0bztiYWNrZ3JvdW5kOiNmZmY7ZGlzcGxheTpibG9jayIgd2lkdGg9IjE5NyIgaGVpZ2h0PSIxOTciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLjYgMCAwIC42IDMxIDMxKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iMDs0NSIga2V5VGltZXM9IjA7MSIgZHVyPSIwLjIwNjE4NTU2NzAxMDMwOTNzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PHBhdGggZD0ibTMxLjM2IDIxLjQ2IDcuMDcxIDcuMDcyLTkuOSA5Ljg5OS03LjA3LTcuMDcxQTM4IDM4IDAgMCAxIDcgMzcuMzV2MTBILTd2LTEwYTM4IDM4IDAgMCAxLTE0LjQ2LTUuOTlsLTcuMDcyIDcuMDcxLTkuODk5LTkuOSA3LjA3MS03LjA3QTM4IDM4IDAgMCAxLTM3LjM1IDdoLTEwVi03aDEwYTM4IDM4IDAgMCAxIDUuOTktMTQuNDZsLTcuMDcxLTcuMDcyIDkuOS05Ljg5OSA3LjA3IDcuMDcxQTM4IDM4IDAgMCAxLTctMzcuMzV2LTEwSDd2MTBhMzggMzggMCAwIDEgMTQuNDYgNS45OWw3LjA3Mi03LjA3MSA5Ljg5OSA5LjktNy4wNzEgNy4wN0EzOCAzOCAwIDAgMSAzNy4zNS03aDEwVjdoLTEwYTM4IDM4IDAgMCAxLTUuOTkgMTQuNDZNMC0zMGEzMCAzMCAwIDEgMCAwIDYwIDMwIDMwIDAgMSAwIDAtNjAiIGZpbGw9IiNmZjZhMTYiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLjYgMCAwIC42IDY5IDY5KSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iNDU7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIwLjIwNjE4NTU2NzAxMDMwOTNzIiBiZWdpbj0iLTAuMTAzMDkyNzgzNTA1MTU0NjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxwYXRoIGQ9Im0tMzEuMzYtMjEuNDYtNy4wNzEtNy4wNzIgOS45LTkuODk5IDcuMDcgNy4wNzFBMzggMzggMCAwIDEtNy0zNy4zNXYtMTBIN3YxMGEzOCAzOCAwIDAgMSAxNC40NiA1Ljk5bDcuMDcyLTcuMDcxIDkuODk5IDkuOS03LjA3MSA3LjA3QTM4IDM4IDAgMCAxIDM3LjM1LTdoMTBWN2gtMTBhMzggMzggMCAwIDEtNS45OSAxNC40Nmw3LjA3MSA3LjA3Mi05LjkgOS44OTktNy4wNy03LjA3MUEzOCAzOCAwIDAgMSA3IDM3LjM1djEwSC03di0xMGEzOCAzOCAwIDAgMS0xNC40Ni01Ljk5bC03LjA3MiA3LjA3MS05Ljg5OS05LjkgNy4wNzEtNy4wN0EzOCAzOCAwIDAgMS0zNy4zNSA3aC0xMFYtN2gxMGEzOCAzOCAwIDAgMSA1Ljk5LTE0LjQ2TTAtMzBhMzAgMzAgMCAxIDAgMCA2MCAzMCAzMCAwIDEgMCAwLTYwIiBmaWxsPSIjZmY2YTE2Ii8+PC9nPjwvc3ZnPg==") 50%/cover no-repeat;
    content: "";
    height: 2.25rem;
    margin-bottom: .5rem;
    mix-blend-mode: multiply;
    width: 2.25rem
}

.swiper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:1024px) {
    .swiper:not(.main-banner) {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {
        .swiper:not(.main-banner) {
            max-width: 375px
        }
    }

    @media (min-width:390px) {
        .swiper:not(.main-banner) {
            max-width: 390px
        }
    }

    @media (min-width:640px) {
        .swiper:not(.main-banner) {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .swiper:not(.main-banner) {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .swiper:not(.main-banner) {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {
        .swiper:not(.main-banner) {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {
        .swiper:not(.main-banner) {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {
        .swiper:not(.main-banner) {
            max-width: 1456px
        }
    }

    .swiper:not(.main-banner) {
        padding-left: 0;
        padding-right: 0
    }
}

.swiper:not(.main-banner):not(.not-visible) {
    overflow: visible
}

.swiper:not(.main-banner) .swiper-button-next,
.swiper:not(.main-banner) .swiper-button-prev {
    --tw-bg-opacity: 1;
    --tw-shadow: 1px 5px 16px hsla(207, 4%, 48%, .2);
    --tw-shadow-colored: 1px 5px 16px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: 3rem;
    width: 3rem
}

.swiper:not(.main-banner) .swiper-button-next:after,
.swiper:not(.main-banner) .swiper-button-prev:after {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-weight: 700
}

.swiper:not(.main-banner) .swiper-button-next:hover:after,
.swiper:not(.main-banner) .swiper-button-prev:hover:after {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.swiper:not(.main-banner) .swiper-button-next:active:after,
.swiper:not(.main-banner) .swiper-button-prev:active:after {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.swiper:not(.main-banner) .swiper-button-next.swiper-button-disabled,
.swiper:not(.main-banner) .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper.uslugi .swiper-slide {
    height: 17rem;
    width: 17rem
}

.swiper.products .swiper-slide {
    --tw-border-opacity: 1;
    border-right-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-right-width: 1px
}

.swiper.products .swiper-slide:last-child {
    border-style: none
}

.swiper.cards .swiper-slide {
    width: auto
}

.swiper.certs {
    padding-bottom: .75rem
}

.swiper.certs .swiper-slide {
    height: 13rem;
    width: auto
}

.swiper.cokol .swiper-slide {
    --tw-border-opacity: 1;
    border-right-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-right-width: 1px;
    min-width: 155px
}

.swiper.cokol .swiper-slide:last-child {
    border-style: none
}

.swiper.pagination .swiper-slide {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: flex;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem
}

.swiper.pagination .swiper-slide.selected {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1));
    pointer-events: none
}

@keyframes slideInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.swal-fadeIn {
    animation: slideInFromTop .2s ease-in
}

@keyframes slideOutToBottom {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

.swal-fadeOut {
    animation: slideOutToBottom .1s ease-out
}

.swal-smart-filter-title {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-bottom: .5rem
}

.swal-smart-filter-close {
    position: absolute;
    right: .5rem;
    top: 1rem
}

.swal-smart-filter-container .smart-filter {
    border-style: none;
    margin: 0
}

.swal-smart-filter-container .smart-filter--reset {
    display: none
}

.swal-smart-filter-actions {
    flex-wrap: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    right: 50%;
    width: 100vw
}

.full-width,
main {
    overflow: hidden;
    position: relative
}

main {
    padding-bottom: 5rem
}

main:before {
    --tw-content: "";
    background-image: linear-gradient(180deg, #f5f5f5, hsla(0, 0%, 96%, 0));
    content: var(--tw-content);
    height: 15rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10
}

main * ::-webkit-scrollbar {
    height: .375rem;
    width: .375rem
}

main * ::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    margin-left: 1rem;
    margin-right: 1rem
}

main * ::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(195 195 195/var(--tw-bg-opacity, 1));
    border-radius: .25rem
}

main * ::-webkit-scrollbar-thumb:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1))
}

section {
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    section {
        margin-bottom: 2.5rem
    }
}

.section--title.underlined {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    padding-bottom: .5rem
}

.heading {
    align-items: baseline;
    display: flex;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    position: relative
}

.heading h1 {
    margin-bottom: 0;
    margin-top: 0
}

.heading--info {
    display: flex;
    margin-left: 1.5rem;
    margin-top: .375rem
}

@media (min-width:768px) {
    .heading--info {
        margin-top: .625rem
    }
}

.heading--info .dropdown {
    position: static
}

@media (min-width:1192px) {
    .heading--info .dropdown {
        display: none
    }
}

.heading--info .dropdown--modal {
    left: 0;
    padding: 1rem;
    width: 100%
}

.heading--info .dropdown--modal .menu ul li {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.heading--info .dropdown--modal .menu ul li a {
    display: block !important
}

.basket-order--product .left .heading--info .dropdown--modal .menu ul li a {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .heading--info .dropdown--modal .menu ul li a {
        padding-top: .625rem
    }
}

.heading--info .dropdown--modal .menu ul li.selected {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    pointer-events: none
}

.heading--info .dropdown--modal .menu ul li .menu {
    margin-left: .5rem
}

.heading--info .dropdown--modal.showed {
    margin-top: .75rem !important;
    top: auto !important
}

.heading--product-count {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: none;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: .5rem
}

@media (min-width:768px) {
    .heading--product-count {
        display: block
    }
}

.heading--product-count span {
    display: none
}

@media (min-width:768px) {
    .heading--product-count span {
        display: inline
    }
}

.heading--subtitle {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: .5rem
}

.heading.with-subtitle {
    display: block
}

.basket-order--product .left .heading.with-subtitle {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .heading.with-subtitle {
        padding-top: .625rem
    }
}

.heading.with-subtitle .heading--info {
    margin-left: 0;
    margin-top: 0
}

.heading.with-subtitle .heading--info h2 {
    margin-bottom: 0;
    width: 100%
}

@media (min-width:640px) {
    .heading.with-subtitle .heading--info h2 {
        width: auto
    }
}

.heading.with-subtitle .heading--product-count {
    margin-left: 2rem
}

.heading.with-subtitle .dropdown,
.heading.with-subtitle .heading--product-count {
    margin-top: .625rem
}

.hand-btn {
    background: #fff;
    border-radius: 50%;
    bottom: 20px;
    box-shadow: 0 0 20px transparent;
    position: fixed;
    right: 20px;
    z-index: 20
}

.hand-btn svg {
    animation: handshake 5s ease-in-out 1s infinite;
    display: block;
    transform: scale(1);
    transition: all .3s ease-in-out
}

.hand-btn:hover svg {
    animation: none;
    transform: rotate(0deg) scale(1.2)
}

.hand-btn .tooltip {
    background: #eee;
    border-radius: 20px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 14px;
    opacity: 0;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    right: 0;
    top: -60px;
    transition: all .5s ease-in
}

.hand-btn .tooltip .container {
    max-width: 0;
    overflow: hidden;
    transition: all .5s ease-in;
    white-space: nowrap
}

.hand-btn:hover .tooltip {
    opacity: 1
}

.hand-btn:hover .tooltip .container {
    max-width: 300px
}

@keyframes handshake {
    0% {
        transform: rotate(0deg) scale(1)
    }

    75% {
        transform: rotate(0deg) scale(1)
    }

    80% {
        transform: rotate(20deg) scale(1)
    }

    85% {
        transform: rotate(-20deg) scale(1)
    }

    90% {
        transform: rotate(15deg) scale(1)
    }

    95% {
        transform: rotate(-10deg) scale(1)
    }
}

table {
    width: 100%
}

table thead {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    text-align: left
}

table thead tr th {
    padding: .5rem .5rem 1rem
}

table tbody tr td,
table thead tr th {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

table tbody tr td {
    padding: .5rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    vertical-align: top
}

table tbody tr:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

table tbody tr:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

table.services tbody tr td:first-child {
    width: 60%
}

table.services tbody tr td:last-child {
    text-align: right;
    width: 40%
}

@media (min-width:1024px) {
    table.services tbody tr td:last-child {
        padding-right: 2.5rem
    }
}

table.in-usluga tr td:first-child,
table.in-usluga tr th:first-child {
    width: 60%
}

table.in-usluga tr td:not(:first-child),
table.in-usluga tr th:not(:first-child) {
    width: 8rem
}

.bg-title {
    height: 248px;
    margin-bottom: 1.5rem;
    position: relative
}

@media (min-width:640px) {
    .bg-title {
        height: 350px
    }
}

.bg-title:before {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #000 var(--tw-gradient-to-position);
    --tw-content: "";
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    bottom: 0;
    content: var(--tw-content);
    left: 0;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 25%;
    z-index: -10
}

.bg-title .container,
.bg-title--image {
    height: 100%;
    position: relative
}

.bg-title--image {
    z-index: 10
}

.bg-title--image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all 1s ease-in-out;
    width: 100%
}

.bg-title--content {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(0, 0, 0, .4) var(--tw-gradient-to-position);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    bottom: 0;
    left: 0;
    padding-top: 4rem;
    position: absolute;
    width: 100%;
    z-index: 30
}

.bg-title--content h1 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    margin-top: .75rem;
    max-height: 10rem;
    overflow: hidden
}

@media (min-width:1192px) {
    .bg-title--content h1 {
        font-size: 60px;
        line-height: 1
    }
}

.bg-title--content hr {
    border-top-width: 2px;
    margin-top: 1.25rem
}

.bg-title--content .breadcrumbs--item {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.bg-title--content .breadcrumbs--link {
    border-bottom-color: hsla(0, 0%, 100%, .3)
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap
}

.breadcrumbs--fake-item {
    display: block;
    height: 1.25rem;
    width: 100%
}

.basket-order--product .left .breadcrumbs--fake-item {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .breadcrumbs--fake-item {
        padding-top: .625rem
    }
}

.breadcrumbs--item {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: inline-flex;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .25rem
}

.breadcrumbs--item:after {
    --tw-content: "/";
    content: var(--tw-content);
    margin-left: .5rem;
    margin-right: .5rem
}

.breadcrumbs--item:last-child {
    pointer-events: none
}

.breadcrumbs--item:last-child:after {
    --tw-content: none;
    content: var(--tw-content)
}

.breadcrumbs--item:last-child .breadcrumbs--link {
    text-decoration-line: none
}

a:hover.breadcrumbs--link {
    text-decoration-color: rgba(255, 106, 22, .5)
}

a:active.breadcrumbs--link {
    border-bottom-color: rgba(51, 51, 51, .5)
}

a.breadcrumbs--link {
    text-decoration-color: hsla(207, 4%, 48%, .5);
    text-decoration-line: underline;
    text-underline-offset: 4px
}

.smart-filter--item .breadcrumbs--link {
    font-size: .75rem;
    line-height: 1rem
}

.prose :is(:where(ol):not(:where([class~=not-prose], [class~=not-prose] *))) {
    list-style-type: none;
    padding-inline-start: 0
}

.prose ol :is(:where(li):not(:where([class~=not-prose], [class~=not-prose] *))) {
    padding-left: 0
}

.prose ol ol li :is(:where(li):not(:where([class~=not-prose], [class~=not-prose] *))),
.prose ol>li :is(:where(li):not(:where([class~=not-prose], [class~=not-prose] *))) {
    padding-left: 1rem
}

.prose ol li ul li {
    padding-left: 0
}

ol .h3 {
    display: inline-block;
    margin-bottom: 0
}

ol,
ol ol {
    counter-reset: li
}

ol ol>li:before,
ol>li:before {
    content: counters(li, ".") ". ";
    counter-increment: li
}

.list--check li {
    align-items: flex-start;
    display: flex
}

.list--check li .icon {
    margin-right: .5rem
}

.list--check li span {
    padding-top: .125rem
}

.list li {
    margin-top: 1rem
}

.list li:first-child {
    margin-top: 0
}

ul ::marker {
    color: #ff6a16
}

ul::marker {
    color: #ff6a16
}

ul {
    list-style: disc
}

ul.check li {
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .75rem
}

ul.check li:last-child {
    margin-bottom: 0
}

ul.check li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43MDcgOC4yOTNhMSAxIDAgMCAxIDAgMS40MTRMMTEuNSAxNS45MTRsLTQuMjA3LTQuMjA3YTEgMSAwIDEgMSAxLjQxNC0xLjQxNGwyLjc5MyAyLjc5MyA0Ljc5My00Ljc5M2ExIDEgMCAwIDEgMS40MTQgMHoiIGZpbGw9IiMzMUJBNDUiLz48L3N2Zz4=");
    content: var(--tw-content);
    display: inline-block;
    height: 1.5rem;
    margin-right: .25rem;
    margin-top: -1px;
    min-width: 1.5rem;
    width: 1.5rem
}

.prose p,
.prose ul {
    margin: 0
}

.prose ul ::marker {
    color: #ff6a16
}

.prose ul::marker {
    color: #ff6a16
}

.prose ul li {
    margin: 0
}

.callback-form--man {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem
}

.callback-form--man .simple-block--title {
    margin-bottom: 1rem;
    margin-top: 0
}

.callback-form--man .simple-block--content {
    font-size: .75rem;
    font-weight: 300;
    line-height: 1rem
}

@media (min-width:640px) {
    .callback-form--man .simple-block--content {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.stars {
    align-items: center;
    display: flex;
    gap: .375rem
}

.main-banner {
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative
}

@media (min-width:640px) {
    .main-banner {
        height: 560px
    }
}

.main-banner--image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10
}

.main-banner--content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:375px) {
    .main-banner--content {
        max-width: 375px
    }
}

@media (min-width:390px) {
    .main-banner--content {
        max-width: 390px
    }
}

@media (min-width:640px) {
    .main-banner--content {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .main-banner--content {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .main-banner--content {
        max-width: 1024px
    }
}

@media (min-width:1192px) {
    .main-banner--content {
        max-width: 1192px
    }
}

@media (min-width:1280px) {
    .main-banner--content {
        max-width: 1280px
    }
}

@media (min-width:1456px) {
    .main-banner--content {
        max-width: 1456px
    }
}

.main-banner--content {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: flex;
    height: 100%
}

.hand-btn .tooltip .main-banner--content {
    max-width: 0;
    overflow: hidden;
    transition: all .5s ease-in;
    white-space: nowrap
}

.hand-btn:hover .tooltip .main-banner--content {
    max-width: 300px
}

.bg-title .main-banner--content {
    height: 100%;
    position: relative
}

.about--wrapper .main-banner--content {
    min-height: inherit
}

@media (min-width:1024px) {
    .about--wrapper .main-banner--content {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:1280px) {

    .about--wrapper .main-banner--content:before,
    .mini-banner .main-banner--content:before {
        --tw-bg-opacity: 1;
        background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
        content: var(--tw-content);
        height: 100%;
        position: absolute;
        top: 0;
        width: 2rem
    }
}

.header--drop-hover .main-banner--content {
    padding-bottom: 2rem;
    padding-top: 2rem
}

@media (min-width:1192px) {
    .footer--top .main-banner--content {
        display: grid;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }

    .footer--bottom .main-banner--content {
        align-items: center;
        display: flex
    }
}

.main-banner--content>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: 2rem
}

@media (min-width:1456px) {
    .main-banner--content>div {
        margin-left: 6.5rem
    }
}

.main-banner--content>div .h1 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin: 0
}

@media (min-width:640px) {
    .main-banner--content>div .h1 {
        font-size: 50px;
        line-height: 60px
    }
}

.main-banner--content>div .blacks {
    display: flex;
    flex-wrap: wrap;
    gap: 1.75rem
}

.main-banner--content>div .blacks .black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
    display: flex;
    flex-direction: column;
    max-width: 14rem;
    padding: 1.5rem 1.25rem;
    row-gap: 1.25rem;
    width: 100%
}

@media (min-width:640px) {
    .main-banner--content>div .blacks .black {
        min-height: 11rem
    }
}

.main-banner--content>div .blacks .black b {
    font-size: 52px;
    letter-spacing: -.05em
}

.popular-categories--item {
    align-self: stretch
}

.popular-categories--item .simple-card {
    height: 100%
}

.popular-categories--item .simple-card--image {
    flex-grow: 1
}

.popular-categories--item .simple-card--image img {
    height: 117px;
    max-height: 117px
}

.popular-categories--item .simple-card--text {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 86px;
    padding-bottom: 0;
    padding-top: 0
}

.specials {
    display: flex;
    overflow-x: auto
}

.specials--left,
.specials--right {
    min-width: 18rem;
    width: 50vw
}

.specials--left {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    display: flex;
    justify-content: flex-end
}

@media (min-width:1024px) {
    .specials--left .special {
        padding-right: 1rem
    }
}

@media (min-width:1192px) {
    .specials--left .special {
        padding-left: 0
    }
}

.specials--right {
    --tw-bg-opacity: 1;
    background-color: rgb(5 5 5/var(--tw-bg-opacity, 1))
}

@media (min-width:1024px) {
    .specials--right .special {
        padding-left: 3rem
    }
}

@media (min-width:1192px) {
    .specials--right .special {
        padding-right: 0
    }
}

.specials .special {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    height: 100%;
    max-width: 640px
}

.specials .special--category {
    color: hsla(0, 0%, 100%, .5)
}

.special {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem
}

@media (min-width:1024px) {
    .special {
        padding-bottom: 2rem;
        padding-top: 3rem
    }
}

.special--top {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.special--top-right {
    padding-top: 1rem;
    width: 8rem
}

@media (min-width:1024px) {
    .special--top-right {
        width: 13rem
    }
}

@media (min-width:1192px) {
    .special--top-right {
        width: 16rem
    }
}

.special--top-right .product {
    padding: 0
}

.special--top-right .product,
.special--top-right .product--image,
.special--top-right .product--top {
    height: -moz-max-content;
    height: max-content
}

.special--top-right .product--image {
    margin-bottom: 0;
    padding: 0
}

.special--top-right .product--shields {
    left: auto;
    right: 0;
    top: 0
}

.special--category {
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1rem;
    margin-bottom: .5rem
}

@media (min-width:1024px) {
    .special--category {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.special--title {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

@media (min-width:1024px) {
    .special--title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.special--button {
    margin-top: 1rem
}

.complete-work {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    margin-bottom: 1rem;
    overflow-x: auto
}

.complete-work--item {
    min-width: 14rem
}

.about {
    min-height: 680px;
    position: relative
}

.about:before {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    content: var(--tw-content);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -20
}

@media (min-width:1024px) {
    .about:before {
        content: var(--tw-content);
        display: none
    }
}

.about--video {
    min-height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -10
}

@media (min-width:1024px) {
    .about--video {
        height: 100%
    }
}

.about--wrapper {
    min-height: inherit;
    padding-bottom: 1rem
}

@media (min-width:1024px) {
    .about--wrapper {
        padding: 0
    }
}

.about--wrapper .container {
    min-height: inherit
}

@media (min-width:1024px) {
    .about--wrapper .container {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:1280px) {
    .about--wrapper .container:before {
        --tw-bg-opacity: 1;
        background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
        content: var(--tw-content);
        height: 100%;
        position: absolute;
        top: 0;
        width: 2rem
    }
}

.about--logo {
    display: flex;
    justify-content: center;
    padding-bottom: 7rem;
    padding-top: 7rem
}

@media (min-width:1024px) {
    .about--logo {
        grid-column: span 4/span 4
    }
}

@media (min-width:1280px) {
    .about--logo {
        grid-column: span 7/span 7
    }
}

.about--logo img {
    width: 20rem
}

@media (min-width:1024px) {
    .about--logo img {
        width: 32rem
    }
}

.about--card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    padding: 2rem
}

@media (min-width:1024px) {
    .about--card {
        grid-column: span 8/span 8
    }
}

@media (min-width:1280px) {
    .about--card {
        grid-column: span 5/span 5;
        max-width: 640px
    }
}

.about--card p {
    font-size: 1rem;
    line-height: 1.5rem
}

.about--card img {
    height: 13rem;
    margin-top: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width:390px) {
    .about--card img {
        height: 18rem
    }
}

.history--item {
    display: flex;
    gap: 1rem
}

.history--item-ball {
    min-width: 1.25rem;
    padding-top: .125rem;
    position: relative;
    text-align: center
}

.history--item-ball:before {
    --tw-gradient-from: #ff8e3c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 142, 60, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ea4c37 var(--tw-gradient-to-position);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-radius: 9999px;
    content: var(--tw-content);
    height: 1.25rem;
    left: 0;
    position: absolute;
    width: 1.25rem;
    z-index: 10
}

.history--item-ball:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    content: var(--tw-content);
    height: 100%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    width: .125rem;
    z-index: 0
}

.history--item-content {
    display: flex;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 1.5rem
}

.history--item-year {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-weight: 500;
    margin-right: 1.5rem
}

.achievement {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.achievement--title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

@media (min-width:640px) {
    .achievement--title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.achievement--value {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1));
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-top: .5rem
}

@media (min-width:640px) {
    .achievement--value {
        font-size: 3.125rem;
        line-height: normal
    }
}

.mini-banner {
    height: 6rem
}

@media (min-width:1280px) {
    .mini-banner {
        height: 12rem
    }
}

.mini-banner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media (min-width:1280px) {
    .mini-banner .container:before {
        --tw-bg-opacity: 1;
        background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
        content: var(--tw-content);
        height: 100%;
        position: absolute;
        top: 0;
        width: 2rem
    }
}

.about-group {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:640px) {
    .about-group {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .about-group {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }

    .about-group>.about-group--item:nth-child(odd) {
        grid-column: span 14/span 14
    }

    .about-group>.about-group--item:nth-child(2n) {
        grid-column: span 16/span 16
    }
}

@media (min-width:1192px) {
    .about-group>.about-group--item:nth-child(odd) {
        grid-column: span 13/span 13
    }

    .about-group>.about-group--item:nth-child(2n) {
        grid-column: span 17/span 17
    }
}

@media (min-width:1456px) {
    .about-group>.about-group--item:nth-child(odd) {
        grid-column: span 12/span 12
    }

    .about-group>.about-group--item:nth-child(2n) {
        grid-column: span 18/span 18
    }
}

.about-group--item {
    min-height: 25.75rem;
    overflow: hidden;
    position: relative
}

.about-group--item:before {
    background-image: linear-gradient(110deg, rgba(74, 36, 0, .4), rgba(43, 29, 17, .2) 30.23%, transparent 53.67%);
    content: var(--tw-content);
    height: 100%;
    position: absolute;
    width: 100%
}

@media (min-width:1024px) {
    .about-group--item {
        max-height: 32rem
    }
}

.about-group--item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.about-group--item:not(.not-scaling):hover img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.about-group--item-content {
    padding: 1rem;
    position: absolute;
    width: 100%
}

@media (min-width:1024px) {
    .about-group--item-content {
        padding: 1.5rem
    }
}

.about-group--mini {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.about-group--mini:before {
    content: var(--tw-content);
    display: none
}

@media (min-width:1024px) {
    .about-group--mini {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.about-group--mini .about-group--item {
    min-height: 14rem
}

.about-group--mini .about-group--item.two:before {
    background-image: linear-gradient(110deg, rgba(255, 107, 0, .8), rgba(106, 51, 0, .3) 49.3%, transparent);
    content: var(--tw-content)
}

.about-group--mini .about-group--item.three:before {
    background-image: linear-gradient(84deg, rgba(74, 36, 0, .8) 5.54%, rgba(43, 29, 17, .3) 52.1%, transparent);
    content: var(--tw-content)
}

.about-group--mini .about-group--item.three img {
    -o-object-position: right top;
    object-position: right top
}

.about-group--mini .about-group--item.four:before {
    background-image: linear-gradient(110deg, rgba(35, 15, 0, .8), rgba(106, 51, 0, .3) 49.3%, transparent);
    content: var(--tw-content)
}

.about-group--mini .about-group--item.four img {
    -o-object-position: right bottom;
    object-position: right bottom
}

@media (min-width:640px) {
    .portfolio--filter {
        align-items: flex-end;
        display: flex;
        gap: 1rem
    }
}

.portfolio--filter-icon {
    display: none
}

@media (min-width:640px) {
    .portfolio--filter-icon {
        display: block
    }
}

.portfolio--filter-fields {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:640px) {
    .portfolio--filter-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.portfolio--filter-fields .field {
    max-width: 18rem
}

.portfolio--filter-fields .field select {
    padding-right: 2rem
}

.portfolio--filter-select {
    min-width: 16rem;
    position: relative
}

.portfolio--filter-select .icon {
    bottom: 50%;
    margin-bottom: -.75rem;
    pointer-events: none;
    position: absolute;
    right: .5rem
}

.portfolio--list {
    margin-top: 1.5rem
}

@media (min-width:768px) {
    .portfolio--list {
        margin-top: 2rem
    }
}

.portfolio--card {
    margin-bottom: .5rem;
    padding-bottom: 1rem
}

.portfolio--card:last-child {
    border-style: none;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (min-width:640px) {
    .portfolio--card {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media (min-width:1192px) {
    .portfolio--card {
        border-style: none;
        grid-template-columns: repeat(24, minmax(0, 1fr))
    }
}

@media (min-width:1456px) {
    .portfolio--card {
        gap: 1.5rem;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

@media (min-width:640px) {
    .portfolio--card-image {
        grid-column: span 5/span 5
    }
}

@media (min-width:768px) {
    .portfolio--card-image {
        grid-column: span 4/span 4
    }
}

@media (min-width:1024px) {
    .portfolio--card-image {
        grid-column: span 3/span 3
    }
}

@media (min-width:1192px) {
    .portfolio--card-image {
        grid-column: span 6/span 6
    }
}

.portfolio--card-image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.portfolio--card-content {
    margin-top: 1rem
}

@media (min-width:640px) {
    .portfolio--card-content {
        grid-column: span 7/span 7;
        margin-top: 0
    }
}

@media (min-width:768px) {
    .portfolio--card-content {
        grid-column: span 8/span 8
    }
}

@media (min-width:1024px) {
    .portfolio--card-content {
        grid-column: span 9/span 9
    }
}

@media (min-width:1192px) {
    .portfolio--card-content {
        grid-column: span 18/span 18
    }
}

@media (min-width:1456px) {
    .portfolio--card-content {
        grid-column: span 20/span 20
    }
}

.portfolio--card-title {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .portfolio--card-title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 1rem
    }

    .portfolio--card-desc {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .portfolio--card-desc-left {
        grid-column: span 6/span 6
    }
}

.portfolio--card-desc-right {
    margin-top: 1rem
}

@media (min-width:1024px) {
    .portfolio--card-desc-right {
        grid-column: span 5/span 5;
        grid-column-start: 8;
        margin-top: 0
    }
}

.portfolio--card-desc-text {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .5rem
}

@media (min-width:1024px) {
    .portfolio--card-desc-text {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.portfolio--card-price {
    --tw-border-opacity: 1;
    border-top-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-top-width: 3px;
    padding-bottom: .75rem;
    padding-left: 1rem;
    padding-top: .5rem
}

@media (min-width:1024px) {
    .portfolio--card-price {
        --tw-border-opacity: 1;
        border-left-color: rgb(245 245 245/var(--tw-border-opacity, 1));
        border-left-width: 3px;
        border-top-width: 0;
        padding-top: .25rem
    }
}

.portfolio--card-price-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.portfolio--card-price-subtitle {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.portfolio--card-price-value {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem
}

.portfolio .catalog-page-navigation {
    margin-top: 2rem
}

.portfolio-block {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(195 195 195/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    margin-top: 2.5rem;
    max-width: 100%
}

.portfolio-block:last-child {
    border-style: none
}

.portfolio-block--images-text {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem
}

.news {
    display: grid;
    max-width: 56rem;
    row-gap: 1.5rem
}

.news--item {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    display: grid;
    gap: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width:640px) {
    .news--item {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.news--item-title {
    --tw-text-opacity: 1;
    color: rgb(26 172 255/var(--tw-text-opacity, 1));
    font-weight: 500;
    text-decoration-line: underline
}

.news--item-date {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem
}

.news--item-description {
    font-size: .875rem;
    line-height: 1.25rem
}

.news--item-image {
    --tw-aspect-w: 4;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.news--item-image>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.news--item-image {
    --tw-aspect-h: 3;
    border-radius: .25rem;
    overflow: hidden
}

@media (min-width:640px) {
    .news--item-image {
        grid-column: span 6/span 6
    }
}

@media (min-width:1192px) {
    .news--item-image {
        grid-column: span 4/span 4
    }
}

.news--item-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.contact-info .simple-block--title {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .5rem
}

.contact-info .simple-block--content {
    padding-top: 1.5rem
}

.contact-info .simple-block--content .phone {
    font-size: 1.5rem;
    line-height: 2rem
}

.contact-info .tabs .simple-block--title {
    border-style: none
}

.contact-info .tabs .simple-block--content {
    padding-top: 0
}

.square-block {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: block;
    height: 17rem;
    min-width: 17rem;
    overflow: hidden;
    position: relative;
    width: 17rem
}

.basket-order--product .left .square-block {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .square-block {
        padding-top: .625rem
    }
}

.square-block:before {
    background: linear-gradient(180deg, rgba(33, 33, 33, 0), #212121);
    opacity: .1
}

.square-block:after,
.square-block:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.square-block:after {
    background-color: rgba(33, 33, 33, .2)
}

.square-block:hover:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .7))
}

.square-block:hover .square-block--image {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .7s
}

.square-block--image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.square-block--content {
    inset: 0;
    padding: 1rem;
    position: absolute;
    z-index: 20
}

.square-block--content .simple-block {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    gap: 1rem;
    height: 100%;
    justify-content: space-between
}

.square-block--content .simple-block--title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, .5)
}

.square-block--content .simple-block--content {
    font-size: 1rem;
    line-height: 1.5rem
}

.catalog-sections {
    gap: 1rem
}

.catalog-sections .simple-card {
    width: auto
}

.catalog-sections .simple-subsections {
    display: none;
    margin-bottom: 2.5rem;
    margin-top: 1.5rem
}

@media (min-width:1024px) {
    .catalog-sections .simple-subsections {
        display: block
    }
}

.catalog-sections .simple-subsections .menu ul li {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    margin-bottom: .5rem
}

@media (min-width:1024px) {
    .catalog-section {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

.catalog-section--left {
    display: none;
    grid-column: span 8/span 8
}

@media (min-width:1024px) {
    .catalog-section--left {
        display: block
    }

    .catalog-section--left>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(2rem*var(--tw-space-y-reverse));
        margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
    }
}

@media (min-width:1192px) {
    .catalog-section--left {
        grid-column: span 7/span 7
    }
}

@media (min-width:1456px) {
    .catalog-section--left {
        grid-column: span 6/span 6
    }
}

.catalog-section--left .menu ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.catalog-section--left .menu ul {
    font-weight: 500
}

.catalog-section--left .menu ul li a {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    width: 100%
}

.catalog-section--left .section {
    margin-bottom: 2rem
}

.catalog-section--left .section--title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1.25rem
}

.basket-order--product .left .catalog-section--left .section--title {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .catalog-section--left .section--title {
        padding-top: .625rem
    }

    .catalog-section--left .section--title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem
    }
}

ol .catalog-section--left .section--title {
    display: inline-block;
    margin-bottom: 0
}

.smart-filter--item .catalog-section--left .section--title {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.smart-filter--item .catalog-section--left .section--title.with-checked:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    content: "";
    display: inline-block;
    height: .375rem;
    margin-bottom: .125rem;
    margin-left: 1rem;
    width: .375rem
}

.catalog-section--right>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

@media (min-width:1024px) {
    .catalog-section--right {
        grid-column: span 22/span 22
    }
}

@media (min-width:1192px) {
    .catalog-section--right {
        grid-column: span 23/span 23
    }
}

@media (min-width:1456px) {
    .catalog-section--right {
        grid-column: span 24/span 24
    }
}

.catalog-section--right .products {
    margin-left: -1rem;
    margin-right: -1rem
}

@media (min-width:1024px) {
    .catalog-section--right .products {
        margin: 0
    }
}

@media (min-width:1456px) {
    .catalog-section--right .products .tile {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.catalog-section--right .filter:not(.bottom) .catalog-page-navigation--right-text {
    display: none
}

@media (min-width:640px) {
    .catalog-section--right .filter:not(.bottom) .catalog-page-navigation--right-text {
        display: block
    }
}

.catalog-section--right .filter:not(.bottom) .dropdown--modal {
    left: auto;
    right: -4rem
}

.catalog-section--right .filter:not(.bottom) .sort-filter .dropdown--modal {
    left: auto;
    right: auto
}

.catalog-section--description {
    margin-bottom: 2rem
}

.catalog-section--description img {
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .catalog-section--description img {
        float: right;
        margin-left: 1rem
    }
}

.catalog-section--sub-description {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.catalog-section.only-products .catalog-section--left {
    display: none
}

@media (min-width:1024px) {
    .catalog-section.only-products .catalog-section--right {
        grid-column: span 30/span 30
    }
}

.catalog-detail {
    position: relative
}

.catalog-detail--fixed {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: none;
    left: 0;
    position: fixed;
    top: -100%;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 20
}

@media (min-width:1192px) {
    .catalog-detail--fixed {
        display: block
    }
}

.catalog-detail--fixed.show {
    top: 7rem
}

@media (min-width:1192px) {
    .catalog-detail--fixed.show {
        top: 0
    }
}

.catalog-detail--fixed .product-name {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 500;
    height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.catalog-detail--navigation .tabs--tab {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.catalog-detail--top {
    margin-top: 1rem
}

@media (min-width:768px) {
    .catalog-detail--top {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .catalog-detail--top {
        gap: 3rem
    }
}

.catalog-detail--static {
    justify-content: space-between
}

.catalog-detail--stars,
.catalog-detail--static {
    align-items: center;
    display: flex
}

.catalog-detail--stars-text {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: none;
    font-size: .75rem;
    line-height: 1rem;
    margin-right: .75rem
}

@media (min-width:640px) {
    .catalog-detail--stars-text {
        display: inline
    }
}

.catalog-detail--images {
    display: flex;
    height: 17rem
}

@media (min-width:1024px) {
    .catalog-detail--images {
        height: 32rem
    }
}

.catalog-detail--thumbs {
    height: 100% !important;
    margin-left: 0 !important;
    margin-right: .5rem !important;
    min-width: 5rem !important;
    width: 5rem !important
}

.catalog-detail--thumbs .swiper-slide {
    --tw-border-opacity: 1;
    align-items: center;
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-width: 2px;
    cursor: pointer;
    display: flex;
    height: 5rem !important;
    justify-content: center;
    width: 5rem !important
}

.catalog-detail--thumbs .swiper-slide:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1))
}

.catalog-detail--thumbs .swiper-slide:active {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.catalog-detail--thumbs .swiper-slide img {
    height: 4.375rem;
    width: 4.375rem
}

.catalog-detail--thumbs .swiper-slide-thumb-active {
    --tw-border-opacity: 1;
    border-color: rgb(255 106 22/var(--tw-border-opacity, 1))
}

.catalog-detail--image {
    height: 100%;
    width: 100%
}

.catalog-detail--main-info {
    margin-top: 1rem
}

@media (min-width:768px) {
    .catalog-detail--main-info {
        grid-column: span 1/span 1;
        margin-top: 0
    }
}

@media (min-width:640px) {
    .catalog-detail--bottom .full-width {
        margin-left: 0;
        margin-right: 0;
        position: static;
        width: auto
    }
}

.catalog-detail--bottom .full-width .scrollable {
    padding-left: 0;
    padding-right: 0
}

.catalog-detail--bottom .swiper.certs .swiper-slide img {
    margin: 0
}

.basket-order {
    max-width: 72rem
}

.basket-order--products {
    display: grid;
    row-gap: 1rem
}

.basket-order--product {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    padding-bottom: 1rem;
    padding-top: .5rem;
    position: relative
}

@media (min-width:768px) {
    .basket-order--product {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(30, minmax(0, 1fr));
        padding-right: 2.5rem
    }
}

.basket-order--product.removed {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    border-style: none;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-bottom: .375rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:768px) {
    .basket-order--product.removed {
        padding-right: .75rem
    }
}

.basket-order--product.removed .title {
    font-weight: 400;
    grid-column: span 8/span 8
}

@media (min-width:640px) {
    .basket-order--product.removed .title {
        grid-column: span 9/span 9
    }
}

@media (min-width:768px) {
    .basket-order--product.removed .title {
        grid-column: span 10/span 10
    }
}

.basket-order--product.removed .title a {
    display: inline;
    font-weight: 700
}

.basket-order--product.removed .restore {
    grid-column: span 4/span 4
}

@media (min-width:640px) {
    .basket-order--product.removed .restore {
        grid-column: span 3/span 3
    }
}

@media (min-width:768px) {
    .basket-order--product.removed .restore {
        grid-column: span 2/span 2
    }
}

.basket-order--product .remove {
    background-color: transparent;
    height: 1.5rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: 1.5rem
}

.basket-order--product .left {
    display: flex
}

@media (min-width:768px) {
    .basket-order--product .left {
        grid-column: span 21/span 21
    }
}

.basket-order--product .left .block {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .block {
        padding-top: .625rem
    }
}

.basket-order--product .left .price {
    display: none;
    margin-left: 1.5rem
}

@media (min-width:768px) {
    .basket-order--product .left .price {
        display: block
    }
}

.basket-order--product .left .need-install {
    padding-right: 2rem
}

.basket-order--product .right {
    margin-top: 1rem;
    padding-right: 1rem
}

@media (min-width:768px) {
    .basket-order--product .right {
        grid-column: span 9/span 9;
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .basket-order--product .right {
        align-items: flex-start;
        display: flex
    }
}

@media (min-width:768px) {
    .basket-order--product .right .price {
        display: none
    }
}

.basket-order--product .right .full-price {
    margin-top: .5rem;
    text-align: right
}

@media (min-width:768px) {
    .basket-order--product .right .full-price {
        text-align: left
    }
}

@media (min-width:1024px) {
    .basket-order--product .right .full-price {
        margin-left: 1rem
    }
}

@media (min-width:1192px) {
    .basket-order--product .right .full-price {
        margin-left: 2.5rem
    }
}

.basket-order--product .image {
    height: auto;
    margin-right: 1rem;
    min-width: 4rem;
    width: 4rem
}

@media (min-width:768px) {
    .basket-order--product .image {
        min-width: 7rem;
        width: 7rem
    }
}

.basket-order--product .title {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-weight: 700
}

.basket-order--product .price {
    font-weight: 500
}

.basket-order--product .full-price {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem
}

.basket-order--product .need-install {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding: 1rem
}

.basket-order--total {
    margin-top: 1.5rem
}

.guard {
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 15rem
}

@media (min-width:768px) {
    .guard {
        margin: 0
    }
}

.guard--text {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem
}

.filter-tags .filter-tag {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-right-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.filter-tags .filter-tag:first-child {
    padding-top: 0
}

.filter-tags .filter-tag>div:not(:last-child) {
    margin-bottom: 1.5rem
}

.filter-tags .filter-tag .menu ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.filter-tags .filter-tag .menu ul li a {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .filter-tags .filter-tag .full-width {
        margin-left: 0;
        margin-right: 0;
        position: static;
        width: auto
    }

    .filter-tags .filter-tag .scrollable {
        padding-left: 0;
        padding-right: 0
    }

    .filter-tags .filter-tag .scrollable .swiper {
        overflow: hidden
    }
}

.smart-filter {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    border-top-width: 2px
}

.smart-filter--props {
    margin-bottom: 1rem
}

.smart-filter--item {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    padding-bottom: 1rem
}

.smart-filter--item nav ul {
    list-style-type: none
}

.smart-filter--item nav ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.smart-filter--item .h3,
.smart-filter--item h3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.smart-filter--item .h3.with-checked:after,
.smart-filter--item h3.with-checked:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    content: "";
    display: inline-block;
    height: .375rem;
    margin-bottom: .125rem;
    margin-left: 1rem;
    width: .375rem
}

.smart-filter--item .menu-sticky {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    padding-bottom: .75rem;
    padding-top: .75rem;
    position: sticky
}

.smart-filter--item .line {
    font-size: .75rem;
    line-height: 1rem
}

.smart-filter--item .form-field {
    display: block;
    margin-bottom: .5rem;
    position: relative
}

.basket-order--product .left .smart-filter--item .form-field {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .smart-filter--item .form-field {
        padding-top: .625rem
    }
}

.smart-filter--item .form-field__input input {
    border-radius: .375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .125rem 2rem .125rem .375rem
}

.smart-filter--item .form-field .icon {
    margin-top: -.625rem;
    position: absolute;
    right: .5rem;
    top: 50%
}

.smart-filter--item .form-field .icon:before {
    font-size: 18px
}

.smart-filter .swal2-html-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.smart-filter--swal-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:375px) {
    .smart-filter--swal-container {
        max-width: 375px
    }
}

@media (min-width:390px) {
    .smart-filter--swal-container {
        max-width: 390px
    }
}

@media (min-width:640px) {
    .smart-filter--swal-container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .smart-filter--swal-container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .smart-filter--swal-container {
        max-width: 1024px
    }
}

@media (min-width:1192px) {
    .smart-filter--swal-container {
        max-width: 1192px
    }
}

@media (min-width:1280px) {
    .smart-filter--swal-container {
        max-width: 1280px
    }
}

@media (min-width:1456px) {
    .smart-filter--swal-container {
        max-width: 1456px
    }
}

.hand-btn .tooltip .smart-filter--swal-container {
    max-width: 0;
    overflow: hidden;
    transition: all .5s ease-in;
    white-space: nowrap
}

.hand-btn:hover .tooltip .smart-filter--swal-container {
    max-width: 300px
}

.bg-title .smart-filter--swal-container {
    height: 100%;
    position: relative
}

.about--wrapper .smart-filter--swal-container {
    min-height: inherit
}

@media (min-width:1024px) {
    .about--wrapper .smart-filter--swal-container {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:1280px) {

    .about--wrapper .smart-filter--swal-container:before,
    .mini-banner .smart-filter--swal-container:before {
        --tw-bg-opacity: 1;
        background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
        content: var(--tw-content);
        height: 100%;
        position: absolute;
        top: 0;
        width: 2rem
    }
}

.header--drop-hover .smart-filter--swal-container {
    padding-bottom: 2rem;
    padding-top: 2rem
}

@media (min-width:1192px) {
    .footer--top .smart-filter--swal-container {
        display: grid;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }

    .footer--bottom .smart-filter--swal-container {
        align-items: center;
        display: flex
    }
}

.smart-filter-swal .smart-filter {
    border-style: none
}

.catalog-page-navigation {
    align-items: center;
    display: flex;
    position: relative
}

.catalog-page-navigation--left-text {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    display: none;
    font-size: .8125rem;
    font-weight: 600;
    line-height: normal
}

@media (min-width:1024px) {
    .catalog-page-navigation--left-text {
        display: block
    }
}

.catalog-page-navigation--right-text {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.catalog-page-navigation--center {
    align-items: center;
    display: flex;
    margin-right: .75rem
}

@media (min-width:1024px) {
    .catalog-page-navigation--center {
        margin-left: .75rem;
        margin-right: .75rem
    }
}

.catalog-page-navigation--next,
.catalog-page-navigation--prev {
    align-items: center;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem
}

.catalog-page-navigation--next .icon:before,
.catalog-page-navigation--prev .icon:before {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.catalog-page-navigation--next.disabled,
.catalog-page-navigation--prev.disabled {
    opacity: .5;
    pointer-events: none
}

.catalog-page-navigation--prev .icon {
    --tw-rotate: 90deg
}

.catalog-page-navigation--next .icon,
.catalog-page-navigation--prev .icon {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.catalog-page-navigation--next .icon {
    --tw-rotate: -90deg
}

.catalog-page-navigation--input-wrapper {
    margin-left: .5rem;
    margin-right: .5rem
}

.catalog-page-navigation--input-wrapper input {
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1)) !important;
    border-radius: .5rem !important;
    border-width: 2px !important;
    cursor: pointer !important;
    height: 2.5rem !important;
    max-width: 50px !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    text-align: center !important;
    width: 50px !important
}

.catalog-page-navigation--input-wrapper input,
.catalog-page-navigation--input-wrapper input:focus {
    --tw-border-opacity: 1 !important;
    --tw-bg-opacity: 1 !important;
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1)) !important
}

.catalog-page-navigation--input-wrapper input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    cursor: text !important
}

.catalog-page-navigation--input-wrapper input::-webkit-inner-spin-button,
.catalog-page-navigation--input-wrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.catalog-page-navigation--input-wrapper .dropdown {
    position: static
}

.catalog-page-navigation--input-wrapper .dropdown--modal {
    left: 0;
    margin-top: .5rem;
    max-width: 16rem;
    min-width: 5.375rem;
    padding: .5rem .75rem
}

.catalog-page-navigation--input-wrapper .dropdown--modal .swiper-button-next,
.catalog-page-navigation--input-wrapper .dropdown--modal .swiper-button-prev {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: 1.5rem;
    top: 13px;
    width: 1.5rem
}

.catalog-page-navigation--input-wrapper .dropdown--modal .swiper-button-next:after,
.catalog-page-navigation--input-wrapper .dropdown--modal .swiper-button-prev:after {
    font-size: .75rem;
    line-height: 1rem
}

.catalog-page-navigation--input-wrapper .dropdown--modal .swiper-button-prev {
    left: -.25rem
}

.catalog-page-navigation--input-wrapper .dropdown--modal .swiper-button-next {
    right: -.25rem
}

.banner {
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    height: 21rem
}

.banner--top {
    height: 50%;
    position: relative;
    z-index: 0
}

.banner--top img,
.banner--top picture {
    border-radius: .25rem;
    width: 100%
}

.banner--bottom {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    height: 50%;
    margin-top: -6rem;
    padding: 1.5rem;
    position: relative;
    z-index: 10
}

.banner--bottom .h2,
.banner--bottom h2 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    margin-bottom: 1rem
}

.banner--bottom p {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1))
}

.banner--bottom .btn {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.banner--bottom .btn:hover {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.banner--bottom .btn:active {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.banner.with-shadow {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.banner.with-shadow .banner--bottom {
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, .9) 75%, transparent)
}

.products {
    overflow: hidden
}

.products .tile {
    margin-bottom: -1px;
    margin-right: -1px
}

.filter {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    display: flex;
    justify-content: space-between
}

.filter--left,
.filter--right {
    align-items: center;
    display: flex
}

.filter--right .page-element-count {
    display: none;
    margin-left: 3rem
}

@media (min-width:768px) {
    .filter--right .page-element-count {
        display: flex
    }
}

.filter.bottom {
    justify-content: space-between
}

.filter .sort-filter .dropdown--trigger {
    padding: .5rem .75rem
}

.filter .sort-filter .dropdown--trigger span {
    display: none;
    margin-right: .5rem
}

@media (min-width:640px) {
    .filter .sort-filter .dropdown--trigger span {
        display: inline
    }
}

.filter .sort-filter .dropdown--modal {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    padding: .5rem;
    width: 12rem
}

.filter .sort-filter .dropdown--modal a {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .25rem;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: flex;
    font-size: .75rem;
    justify-content: space-between;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem .5rem
}

.filter .sort-filter .dropdown--modal a:last-child {
    margin-bottom: 0
}

.filter .sort-filter .dropdown--modal a:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.filter .sort-filter .dropdown--modal a:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.filter .sort-filter .dropdown--modal a.selected {
    --tw-text-opacity: 1;
    color: rgb(195 195 195/var(--tw-text-opacity, 1));
    pointer-events: none
}

.page-element-count {
    align-items: center;
    display: flex
}

.page-element-count-prefix {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: .8125rem;
    font-weight: 600;
    line-height: normal;
    margin-right: .625rem
}

.page-element-count .dropdown--trigger {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem 1rem
}

.page-element-count .dropdown--modal {
    padding: 1rem;
    right: 0
}

.page-element-count .dropdown--modal a {
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem .5rem;
    white-space: nowrap
}

.page-element-count .dropdown--modal a:last-child {
    margin-bottom: 0
}

.page-element-count .dropdown--modal a:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.page-element-count .dropdown--modal a:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.lamp-selection .tile {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:640px) {
    .lamp-selection .tile {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:768px) {
    .lamp-selection .tile {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .lamp-selection .tile {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@media (min-width:1192px) {
    .lamp-selection .tile {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

.lamp-selection .tile--item {
    grid-column: auto
}

.lamp-selection .tile--item a {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: .5rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:1192px) {
    a.lamp-selection .tile--item a:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    a.lamp-selection .tile--item a:active {
        --tw-bg-opacity: 1;
        background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
    }

    a.lamp-selection .tile--item a:hover .icon:before {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .lamp-selection .tile--item a {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
        border-radius: .3125rem;
        display: inline-flex
    }

    .lamp-selection .tile--item a.disabled {
        --tw-backdrop-opacity: opacity(0.5);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        pointer-events: none
    }

    .lamp-selection .tile--item a {
        display: block;
        padding: .75rem 1rem
    }

    .lamp-selection .tile--item a:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }
}

.lamp-selection .tile--item a .icon:before {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: .375rem
}

@media (min-width:1192px) {
    .lamp-selection .tile--item a .icon:before {
        display: none
    }
}

.lamp-selection-model .tile {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:640px) {
    .lamp-selection-model .tile {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media (min-width:1192px) {
    .lamp-selection-model .tile {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

.lamp-selection-model .tile--item {
    grid-column: span 1/span 1
}

@media (min-width:640px) {
    .lamp-selection-model .tile--item {
        grid-column: span 4/span 4
    }
}

@media (min-width:1024px) {
    .lamp-selection-model .tile--item {
        grid-column: span 3/span 3
    }
}

@media (min-width:1192px) {
    .lamp-selection-model .tile--item {
        grid-column: span 6/span 6
    }
}

.lamp-selection-model--years {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: inline-block;
    font-weight: 600;
    margin-bottom: 0;
    padding: .25rem .5rem
}

@media (min-width:1192px) {
    .lamp-selection-detail--top {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

.lamp-selection-detail--top-left {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:1192px) {
    .lamp-selection-detail--top-left {
        display: block;
        grid-column: span 7/span 7
    }
}

@media (min-width:1280px) {
    .lamp-selection-detail--top-left {
        grid-column: span 6/span 6
    }
}

.lamp-selection-detail--top-left .car {
    height: auto
}

.lamp-selection-detail--top-right {
    margin-top: 1.75rem
}

@media (min-width:1192px) {
    .lamp-selection-detail--top-right {
        grid-column: span 22/span 22;
        grid-column-start: 9;
        margin-top: 0
    }
}

@media (min-width:1280px) {
    .lamp-selection-detail--top-right {
        grid-column: span 23/span 23;
        grid-column-start: 8
    }
}

.lamp-selection-detail--top-right .lights {
    display: grid;
    gap: 1rem
}

@media (min-width:1192px) {
    .lamp-selection-detail--years {
        margin-top: 1rem
    }
}

.lamp-selection-detail--years p {
    margin-bottom: .25rem
}

.lamp-selection-detail--years-box {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

@media (min-width:1024px) {
    .lamp-selection-detail--years-box {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

.lamp-selection-detail--years-box .shape {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: .75rem;
    font-weight: 600;
    grid-column: span 4/span 4;
    justify-content: center;
    line-height: 1rem;
    padding: .25rem .5rem
}

@media (min-width:390px) {
    .lamp-selection-detail--years-box .shape {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media (min-width:640px) {
    .lamp-selection-detail--years-box .shape {
        grid-column: span 3/span 3
    }
}

@media (min-width:1024px) {
    .lamp-selection-detail--years-box .shape {
        grid-column: span 6/span 6
    }
}

.lamp-selection-detail--description {
    --tw-border-opacity: 1;
    border-top-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-top-width: 1px;
    margin-top: 1.25rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width:1192px) {
    .lamp-selection-detail--description {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lamp-selection-detail--description table {
        grid-column: span 7/span 7
    }
}

.lamp-selection-detail--description table tr td {
    width: 50%
}

@media (min-width:640px) {
    .lamp-selection-detail--description table tr td:first-child {
        padding-left: 2rem
    }
}

@media (min-width:768px) {
    .lamp-selection-detail--description table tr td:first-child {
        width: 33.333333%
    }

    .lamp-selection-detail--description table tr td:last-child {
        width: 66.666667%
    }
}

@media (min-width:640px) {
    .lamp-selection-detail--description table tr td:last-child div {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.lamp-selection-detail--description table tr td:last-child div span:first-child {
    margin-right: .75rem
}

@media (min-width:640px) {
    .lamp-selection-detail--description table tr td:last-child div span:first-child {
        grid-column: span 3/span 3
    }

    .lamp-selection-detail--description table tr td:last-child div span:last-child {
        grid-column: span 9/span 9
    }
}

@media (min-width:768px) {
    .lamp-selection-detail--description table tr td:last-child div span:first-child {
        grid-column: span 2/span 2
    }

    .lamp-selection-detail--description table tr td:last-child div span:last-child {
        grid-column: span 10/span 10
    }
}

@media (min-width:1192px) {
    .lamp-selection-detail--products .products .tile {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }

    .lamp-selection-detail--products .products .tile--item {
        grid-column: span 6/span 6
    }
}

.lamp-selection-detail--filter .akost-tabs--contents {
    border-style: none;
    overflow-x: visible
}

.lamp-selection-detail--filter .radios {
    display: flex;
    gap: 1rem
}

@media (min-width:1456px) {
    .lamp-selection-detail--filter .scrollable {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 375px
        }
    }

    @media (min-width:390px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 390px
        }
    }

    @media (min-width:640px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {
        .lamp-selection-detail--filter .scrollable {
            max-width: 1456px
        }
    }
}

.lamp-selection-detail--filter .products {
    margin-left: -1rem;
    margin-right: -1rem
}

@media (min-width:1456px) {
    .lamp-selection-detail--filter .products {
        margin-left: 0;
        margin-right: 0
    }
}

.akost-tabs>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.akost-tabs--tabs {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    list-style-type: none;
    position: relative
}

.akost-tabs--tabs:before {
    --tw-border-opacity: 1;
    border-top-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-top-width: 2px;
    bottom: 0;
    content: var(--tw-content);
    position: absolute;
    width: 100%;
    z-index: -10
}

.akost-tabs--tab {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 2px;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding: .5rem .125rem;
    white-space: nowrap
}

.akost-tabs--tab:hover {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.akost-tabs--tab.active {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-color: rgb(255 106 22/var(--tw-border-opacity, 1));
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.warning:not(.modal) {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-top-width: 2px;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem
}

.warning.modal {
    display: grid;
    padding: 1.25rem;
    row-gap: 2rem
}

.warning.modal .warning-text {
    margin-left: 0 !important
}

.warning.warning--small .warning-image {
    min-width: 36px
}

.warning.warning--small .warning-text {
    margin-left: 1rem
}

.warning-image {
    min-width: 60px
}

.warning-text {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    margin-left: 2rem
}

.warning-title {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .5rem
}

.window {
    padding: 1rem;
    position: relative
}

@media (min-width:640px) {
    .window {
        padding: 2rem
    }
}

.window .icon-cross {
    cursor: pointer;
    position: absolute;
    right: .5rem;
    top: .5rem
}

@media (min-width:640px) {
    .window .icon-cross {
        right: 1rem;
        top: 1rem
    }
}

.window-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 1.25rem
}

.window-content {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    margin: 6rem auto 8rem;
    max-width: 180px;
    text-align: center
}

.window-content .window-image {
    margin-bottom: 1.25rem
}

.window-content .window-image img {
    margin-left: auto;
    margin-right: auto
}

.window-content .window-text {
    font-size: .875rem;
    line-height: 1.25rem
}

.payment-card {
    --tw-shadow: 1px 5px 16px hsla(207, 4%, 48%, .2);
    --tw-shadow-colored: 1px 5px 16px var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 1.5rem
}

.payment-card--image {
    height: 6rem;
    margin-bottom: 1rem
}

.payment-card--title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 1rem
}

.rating {
    align-items: center;
    background: linear-gradient(84.24deg, rgba(74, 36, 0, .8) 5.54%, rgba(43, 29, 17, .3) 52.1%, transparent);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    justify-content: space-between;
    max-height: 72px;
    max-width: 332px;
    padding: 1.5rem;
    position: relative
}

.rating,
.rating--bg {
    border-radius: .25rem
}

.rating--bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.rating--bg img {
    position: absolute;
    z-index: -10
}

.rating--value {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-size: 2.25rem;
    line-height: 2.5rem
}

@media (min-width:640px) {
    .rating--value {
        font-size: 54px
    }
}

.rating--stars {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex
}

.rating--info {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    display: flex;
    height: 26px;
    justify-content: center;
    min-width: 26px;
    width: 26px
}

.rating--info .icon:before {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1));
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-top: .125rem
}

.back-return ul {
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: 1rem;
    margin-top: .75rem
}

.back-return ul li {
    margin-bottom: .75rem
}

.back-return ul li:last-child {
    margin-bottom: 0
}

@media (min-width:640px) {
    .cards-payment {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:768px) {
    .cards-payment {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .cards-payment {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.cards-payment>div {
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .cards-payment>div {
        margin-bottom: 0
    }
}

.top-container {
    margin-bottom: 3rem
}

@media (min-width:1280px) {
    .top-container {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
}

.grid-item {
    height: 100%
}

@media (min-width:1024px) {
    .grid-item {
        display: grid;
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:640px) {
    .cards-delivery .tile--item {
        grid-column: span 12/span 12
    }
}

.service-404 {
    display: grid;
    gap: 2rem
}

@media (min-width:768px) {
    .service-404 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .service-404 .service--item {
        grid-column: span 6/span 6
    }
}

@media (min-width:1024px) {
    .service-404 .service--item {
        grid-column: span 4/span 4
    }
}

.service-404 .service--title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1.25rem
}

.basket-order--product .left .service-404 .service--title {
    width: 100%
}

@media (min-width:768px) {
    .basket-order--product .left .service-404 .service--title {
        padding-top: .625rem
    }

    .service-404 .service--title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem
    }
}

.service-404 .service--title {
    margin-top: 0
}

ol .service-404 .service--title {
    display: inline-block;
    margin-bottom: 0
}

.smart-filter--item .service-404 .service--title {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.smart-filter--item .service-404 .service--title.with-checked:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    content: "";
    display: inline-block;
    height: .375rem;
    margin-bottom: .125rem;
    margin-left: 1rem;
    width: .375rem
}

.two-banner {
    max-width: 100%;
    overflow: auto
}

.two-banner-container {
    display: flex;
    height: 185px;
    width: 100%
}

@media (min-width:768px) {
    .two-banner-container {
        height: 230px
    }
}

.two-banner-container .small-banner {
    height: 185px;
    min-width: 20rem;
    padding: 22px 1.25rem;
    position: relative;
    width: 50%
}

@media (min-width:768px) {
    .two-banner-container .small-banner {
        height: 230px;
        padding: 2rem 60px
    }
}

.two-banner-container .small-banner-img {
    border-style: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 430px
}

.two-banner-container .small-banner-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.two-banner-container .small-banner-content {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: flex;
    flex-direction: column;
    gap: .5rem;
    height: 100%;
    justify-content: space-between;
    max-width: 550px;
    position: relative;
    width: 100%
}

.two-banner-container .small-banner-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem
}

@media (min-width:768px) {
    .two-banner-container .small-banner-title {
        font-size: 26px;
        line-height: 2rem
    }
}

.two-banner-container .small-banner-description {
    flex-grow: 1;
    max-width: 380px
}

.two-banner-container .small-banner_left {
    display: flex;
    justify-content: flex-end
}

.two-banner-container .small-banner_right {
    display: flex;
    justify-content: flex-start
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Svetodiod;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    line-height: 1
}

.icon.actionable {
    border-radius: .3125rem
}

.icon.actionable:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.icon.actionable:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.icon.actionable:hover:before {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.icon.actionable:active:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.icon.dark:before {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.icon-btn-arrow:before,
.icon-btn-minus:before,
.icon-btn-plus:before,
.icon-social-drive2:before,
.icon-social-telegram:before,
.icon-social-max:before,
.icon-social-viber:before,
.icon-social-vk:before,
.icon-social-whatsapp:before,
.icon-social-youtube:before {
    font-size: 2.5rem;
    line-height: 2.5rem
}

.icon-book:before,
.icon-crown:before,
.icon-star:before {
    color: #d9d9d9
}

.icon-btn-arrow:before,
.icon-btn-minus:before,
.icon-btn-plus:before,
.icon-cross:before,
.icon-drop-arrow:before,
.icon-geotag:before,
.icon-go-back:before,
.icon-sort-asc-alphabet:before,
.icon-sort-asc:before,
.icon-sort-desc-alphabet:before,
.icon-sort-desc:before,
.icon-tool-tip:before,
.icon-trash:before,
.icon-zoom:before {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.icon-back-fog:before,
.icon-backcall:before,
.icon-call:before,
.icon-cart:before,
.icon-filter:before,
.icon-lamp:before,
.icon-phone:before,
.icon-reward:before,
.icon-service:before,
.icon-stop:before {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.icon-near:before,
.icon-size:before,
.icon-turn:before {
    --tw-text-opacity: 1;
    color: rgb(49 186 69/var(--tw-text-opacity, 1))
}

.icon-far:before,
.icon-light:before {
    --tw-text-opacity: 1;
    color: rgb(48 125 214/var(--tw-text-opacity, 1))
}

.icon-back-fog:before,
.icon-btn-arrow:before,
.icon-btn-minus:before,
.icon-btn-plus:before,
.icon-far:before,
.icon-filter:before,
.icon-fog:before,
.icon-gos:before,
.icon-light:before,
.icon-near:before,
.icon-reward:before,
.icon-size:before,
.icon-stop:before,
.icon-turn:before {
    font-size: 2.5rem;
    line-height: 2.5rem
}

.icon-backcall:before,
.icon-call:before,
.icon-cart:before,
.icon-lamp:before,
.icon-phone:before,
.icon-service:before {
    font-size: 3.125rem;
    line-height: normal
}

.icon-social-vk:before {
    color: #07f;
    content: "\e917"
}

.icon-social-viber:before {
    color: #665ca7;
    content: "\e918"
}

.icon-social-youtube:before {
    color: red;
    content: "\e919"
}

.icon-social-whatsapp:before {
    color: #31ba45;
    content: "\e91a"
}

.icon-social-telegram:before {
    color: #24a1dd;
    content: "\e91b"
}

.icon-social-max:before {
    content: "\e92a";
    background: conic-gradient(from 140deg at 50% 50%, #B400C4 0deg, #4AB3FF 79.61538255214691deg, #1A00D7 212.22802877426147deg, #B400C4 282.88031101226807deg, #B400C4 358.41374158859253deg);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.icon-social-drive2:before {
    color: #e30613;
    content: "\e91c"
}

.icon-zoom:before {
    content: "\e903"
}

.icon-book:before {
    content: "\e900"
}

.icon-crown:before {
    content: "\e901"
}

.icon-star:before {
    content: "\e902"
}

.icon-lamp:before {
    content: "\e908"
}

.icon-service:before {
    content: "\e909"
}

.icon-cart:before {
    content: "\e907"
}

.icon-phone:before {
    content: "\e904"
}

.icon-call:before {
    content: "\e905"
}

.icon-backcall:before {
    content: "\e906"
}

.icon-geotag:before {
    content: "\e90b"
}

.icon-far:before {
    content: "\e90d"
}

.icon-near:before {
    content: "\e90e"
}

.icon-fog:before {
    color: #ff9a03;
    content: "\e90f"
}

.icon-back-fog:before {
    content: "\e910"
}

.icon-reward:before {
    content: "\e911"
}

.icon-size:before {
    content: "\e912"
}

.icon-turn:before {
    content: "\e913"
}

.icon-light:before {
    content: "\e914"
}

.icon-stop:before {
    content: "\e915"
}

.icon-gos:before {
    content: "\e916"
}

.icon-filter:before {
    content: "\e91f"
}

.icon-btn-plus:before {
    content: "\e90a"
}

.icon-btn-minus:before {
    content: "\e91d"
}

.icon-btn-arrow:before {
    content: "\e91e"
}

.icon-arrow:before {
    content: "\e90c"
}

.icon-drop-arrow:before {
    content: "\e921"
}

.icon-check:before {
    --tw-text-opacity: 1;
    color: rgb(49 186 69/var(--tw-text-opacity, 1));
    content: "\e922"
}

.icon-cross {
    border-radius: 9999px
}

.icon-cross:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.icon-cross:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.icon-cross:before {
    content: "\e920"
}

.icon-cross:hover:before {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.icon-cross:active:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.icon-go-back:before {
    content: "\e924"
}

.icon-trash {
    border-radius: 9999px
}

.icon-trash:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1))
}

.icon-trash:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.icon-trash:before {
    content: "\e923"
}

.icon-trash:active:before,
.icon-trash:hover:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.icon-sort-desc-alphabet:before {
    content: "\e925"
}

.icon-sort-asc-alphabet:before {
    content: "\e926"
}

.icon-sort-asc:before {
    content: "\e927"
}

.icon-sort-desc:before {
    content: "\e928"
}

.icon-tool-tip:before {
    content: "\e929"
}

.header {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50
}

@media (min-width:1192px) {
    .header {
        position: relative
    }
}

.header ::-webkit-scrollbar {
    height: .375rem;
    width: .375rem
}

.header ::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .25rem
}

.header ::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(195 195 195/var(--tw-bg-opacity, 1));
    border-radius: .25rem
}

.header ::-webkit-scrollbar-thumb:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1))
}

.header--top {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    padding-bottom: .375rem;
    padding-top: .375rem
}

.header--top-container {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1192px) {
    .header--top-container {
        display: grid;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

@media (min-width:1456px) {
    .header--top-container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {
        .header--top-container {
            max-width: 375px
        }
    }

    @media (min-width:390px) {
        .header--top-container {
            max-width: 390px
        }
    }

    @media (min-width:640px) {
        .header--top-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .header--top-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .header--top-container {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {
        .header--top-container {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {
        .header--top-container {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {
        .header--top-container {
            max-width: 1456px
        }
    }
}

.header--top-left {
    display: none
}

@media (min-width:1192px) {
    .header--top-left {
        align-items: center;
        display: flex;
        grid-column: span 20/span 20
    }
}

.header--top-left .region {
    margin-right: 2rem
}

.header--top-left nav ul li .dropdown--modal {
    left: 0;
    width: 14rem
}

.header--top-right {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1192px) {
    .header--top-right {
        grid-column: span 10/span 10;
        justify-content: flex-end
    }

    .header--top-right .single-phone-number {
        margin-right: 2rem
    }
}

.header--top-right .single-phone-number .simple-block--title {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .6875rem;
    line-height: 1rem
}

@media (min-width:1192px) {
    .header--top-right .single-phone-number .simple-block--title {
        font-size: .75rem;
        line-height: 1rem
    }
}

.header--top-right .single-phone-number .simple-block--content {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.header--top-right .call-me {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    display: none;
    font-size: .75rem;
    font-weight: 500;
    line-height: .75rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: center;
    width: 5rem
}

@media (min-width:375px) {
    .header--top-right .call-me {
        align-items: center;
        display: inline-flex
    }
}

.header--center {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px
}

@media (min-width:1192px) {
    .header--center {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

.header--center-container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1192px) {
    .header--center-container {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

@media (min-width:1456px) {
    .header--center-container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {
        .header--center-container {
            max-width: 375px
        }
    }

    @media (min-width:390px) {
        .header--center-container {
            max-width: 390px
        }
    }

    @media (min-width:640px) {
        .header--center-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .header--center-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .header--center-container {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {
        .header--center-container {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {
        .header--center-container {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {
        .header--center-container {
            max-width: 1456px
        }
    }
}

.header--center .header--logo,
.header--center .header--mini-basket,
.header--center .header--search {
    align-items: center;
    display: grid
}

.header--center .header--mini-basket,
.header--center .header--search {
    height: 3rem;
    width: 3rem
}

@media (min-width:1192px) {

    .header--center .header--mini-basket,
    .header--center .header--search {
        display: none
    }
}

.header--center .header--mini-basket {
    position: relative
}

.header--center .header--mini-basket .badge {
    position: absolute;
    right: -.125rem;
    top: -.125rem
}

.header--center .header--mini-basket .basket-text {
    display: none
}

.header--center .header--logo {
    width: 10rem
}

@media (min-width:1192px) {
    .header--center .header--logo {
        grid-column: span 6/span 6;
        width: 13rem
    }
}

@media (min-width:1280px) {
    .header--center .header--logo {
        width: 14rem
    }
}

@media (min-width:1456px) {
    .header--center .header--logo {
        grid-column: span 7/span 7;
        width: 18rem
    }

    .header--center .header--logo img {
        width: 18rem
    }
}

.header--center .header--search-field {
    display: none
}

@media (min-width:1192px) {
    .header--center .header--search-field {
        display: block;
        grid-column: span 7/span 7;
        width: 100%
    }
}

@media (min-width:1280px) {
    .header--center .header--search-field {
        grid-column: span 7/span 7;
        grid-column-start: 7
    }
}

@media (min-width:1456px) {
    .header--center .header--search-field {
        grid-column: span 8/span 8;
        grid-column-start: 8;
        max-width: 24rem
    }
}

.header--center .header--services-block {
    display: none
}

@media (min-width:1192px) {
    .header--center .header--services-block {
        -moz-column-gap: .5rem;
        column-gap: .5rem;
        display: flex;
        grid-column: span 12/span 12;
        justify-content: flex-end;
        padding-right: 1rem
    }
}

@media (min-width:1280px) {
    .header--center .header--services-block {
        grid-column: span 12/span 12
    }
}

@media (min-width:1456px) {
    .header--center .header--services-block {
        grid-column: span 10/span 10
    }
}

.header--center .header--services-block>div {
    display: flex
}

.header--center .header--services-block a {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

@media (min-width:1280px) {
    .header--center .header--services-block a {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.header--center-left {
    display: flex;
    grid-column: span 2/span 2
}

@media (min-width:640px) {
    .header--center-left {
        grid-column: span 1/span 1
    }
}

@media (min-width:1192px) {
    .header--center-left {
        display: none
    }
}

.header--center-left .burger {
    margin-left: -1rem
}

@media (min-width:1192px) {
    .header--center-left .burger {
        display: none
    }
}

.header--center-center {
    align-items: center;
    display: flex;
    grid-column: span 6/span 6;
    justify-content: center
}

@media (min-width:640px) {
    .header--center-center {
        grid-column: span 9/span 9
    }
}

@media (min-width:1192px) {
    .header--center-center {
        display: grid;
        grid-column: span 25/span 25;
        grid-template-columns: repeat(25, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    .header--center-center {
        grid-column: span 26/span 26
    }
}

.header--center-right {
    align-items: center;
    display: flex;
    grid-column: span 4/span 4;
    justify-content: flex-end;
    margin-right: -.25rem
}

@media (min-width:640px) {
    .header--center-right {
        grid-column: span 2/span 2
    }
}

@media (min-width:1192px) {
    .header--center-right {
        display: none
    }
}

.header--center .header--basket {
    --tw-border-opacity: 1;
    border-left-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-left-width: 1px;
    display: none;
    grid-column: span 5/span 5;
    margin-bottom: -1rem;
    margin-top: -1rem;
    padding-left: .625rem
}

@media (min-width:1192px) {
    .header--center .header--basket {
        align-items: center;
        display: flex
    }
}

@media (min-width:1280px) {
    .header--center .header--basket {
        grid-column: span 4/span 4
    }
}

.header--mobile-menu {
    height: 100%;
    position: fixed;
    z-index: 40
}

@media (min-width:1192px) {
    .header--mobile-menu {
        display: none
    }
}

.header--mobile-menu-content {
    --tw-bg-opacity: 1;
    --tw-shadow: 8px 8px 8px rgba(0, 0, 0, .05);
    --tw-shadow-colored: 8px 8px 8px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: 100%;
    max-width: 20rem;
    overflow: auto;
    padding: 1rem 1rem 10rem;
    width: 20rem
}

.header--mobile-menu-content .region {
    border-bottom-color: hsla(207, 4%, 48%, .1);
    border-bottom-width: 1px;
    padding-bottom: 1rem
}

.header--mobile-menu-content .region--trigger {
    max-width: 12rem
}

.header--mobile-menu-content .menu {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.header--mobile-menu-content .menu ul li {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.header--mobile-menu-content .menu ul li>a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding: .5rem
}

.header--mobile-menu-content .menu ul li>a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .1875rem
}

.header--mobile-menu-content .menu ul li>a .icon {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.header--mobile-menu-content .menu ul li.with-drop .popular-categories {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: .75rem;
    margin-top: .75rem
}

.header--mobile-menu-content .menu ul li.with-drop .popular-categories--item {
    grid-column: span 1/span 1;
    min-width: 100%;
    padding: 0
}

.header--mobile-menu-content .menu ul li.with-drop .popular-categories--item .simple-card {
    display: flex !important;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.header--mobile-menu-content .menu ul li.with-drop .popular-categories--item .simple-card--text {
    font-size: .75rem;
    letter-spacing: -.025em;
    line-height: 1rem;
    margin-left: auto;
    margin-right: auto;
    white-space: normal
}

.header--mobile-menu-content .menu ul li.with-drop.dropped .icon {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.header--mobile-menu-content .bold {
    border-bottom-color: hsla(207, 4%, 48%, .1);
    border-bottom-width: 1px
}

.header--mobile-menu-content .bold .menu ul li {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1));
    font-weight: 700
}

.header--mobile-menu-content .bold .menu ul li a {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.header--mobile-menu-content .medium .menu ul li {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
    font-weight: 500
}

.header--mobile-menu-content .simple-block {
    margin-top: 2rem
}

.header--mobile-menu-content .simple-block--title {
    font-family: Noto Sans, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    margin-bottom: 1rem
}

.header--mobile-menu-content .simple-block--content .phone {
    font-size: 1.5rem;
    line-height: 2rem
}

.header--bottom {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-bottom-width: 1px;
    display: none
}

@media (min-width:1192px) {
    .header--bottom {
        display: block
    }

    .header--bottom-container {
        align-items: center;
        display: grid;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

@media (min-width:1456px) {
    .header--bottom-container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width:375px) {
        .header--bottom-container {
            max-width: 375px
        }
    }

    @media (min-width:390px) {
        .header--bottom-container {
            max-width: 390px
        }
    }

    @media (min-width:640px) {
        .header--bottom-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .header--bottom-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .header--bottom-container {
            max-width: 1024px
        }
    }

    @media (min-width:1192px) {
        .header--bottom-container {
            max-width: 1192px
        }
    }

    @media (min-width:1280px) {
        .header--bottom-container {
            max-width: 1280px
        }
    }

    @media (min-width:1456px) {
        .header--bottom-container {
            max-width: 1456px
        }
    }
}

.header--bottom-left {
    --tw-border-opacity: 1;
    border-right-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-right-width: 1px;
    grid-column: span 5/span 5;
    position: relative;
    text-align: center
}

@media (min-width:1456px) {
    .header--bottom-left {
        grid-column: span 4/span 4
    }
}

.header--bottom-center {
    --tw-border-opacity: 1;
    border-right-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-right-width: 1px;
    grid-column: span 3/span 3;
    height: 100%
}

.header--bottom-center a {
    align-items: center;
    display: flex;
    font-weight: 500;
    height: 100%;
    padding: 1rem 2rem
}

.header--bottom-center a .icon {
    margin-left: .5rem
}

.header--bottom-right {
    grid-column: span 22/span 22;
    height: 100%;
    width: 100%
}

@media (min-width:1456px) {
    .header--bottom-right {
        grid-column: span 23/span 23
    }
}

.header--bottom-right>nav,
.header--bottom-right>nav>ul {
    height: 100%
}

.header--bottom-right>nav>ul>li {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    height: 100%
}

.header--bottom-right>nav>ul>li:last-child {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.header--bottom-right>nav>ul>li:first-child a {
    padding-left: 1.5rem
}

.header--bottom-right>nav>ul>li>a {
    align-items: center;
    display: flex;
    font-weight: 500;
    height: 100%;
    white-space: nowrap
}

.header--bottom-right>nav>ul>li .dropdown,
.header--bottom-right>nav>ul>li .dropdown--block,
.header--bottom-right>nav>ul>li .dropdown--trigger {
    height: 100%
}

.header--bottom-right>nav>ul>li .dropdown--modal {
    margin-top: 0;
    right: 0;
    width: 13rem
}

.header--bottom-right>nav>ul>li .dropdown--modal nav ul li a {
    padding-left: 0
}

.header--all-categories-btn {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.header--all-categories-btn span {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem
}

.header--all-categories-btn:hover .burger i {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1))
}

.header--all-categories-btn:hover span {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.header--drop-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    display: none;
    overflow: auto;
    position: absolute;
    top: 100%;
    width: 100%
}

@media (min-width:1192px) {
    .header--drop-hover {
        display: block
    }
}

.header--drop-hover .container {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.header--drop-hover .popular-categories {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(30, minmax(0, 1fr))
}

.header--drop-hover .popular-categories--item {
    grid-column: span 6/span 6
}

@media (min-width:1456px) {
    .header--drop-hover .popular-categories--item {
        grid-column: span 5/span 5
    }
}

.header--drop-hover .popular-categories--item .simple-card {
    width: auto
}

.header--drop-hover .service {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.header--drop-hover .service--item {
    grid-column: span 4/span 4
}

.header--drop-hover .service--item>nav>ul>li {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.header--drop-hover .service--title {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    margin-bottom: 1rem
}

.footer {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    flex-shrink: 0
}

.footer ::-webkit-scrollbar {
    height: .375rem;
    width: .375rem
}

.footer ::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
    border-radius: .25rem
}

.footer ::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(195 195 195/var(--tw-bg-opacity, 1));
    border-radius: .25rem
}

.footer ::-webkit-scrollbar-thumb:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 22/var(--tw-bg-opacity, 1))
}

.footer .menu ul li a {
    line-height: 1rem
}

@media (min-width:1192px) {
    .footer--top .container {
        display: grid;
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }
}

.footer--top-left,
.footer--top-right {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
}

.footer--top-left {
    --tw-border-opacity: 1;
    border-right-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-right-width: 1px;
    display: none
}

@media (min-width:1192px) {
    .footer--top-left {
        display: flex;
        gap: 2.5rem;
        grid-column: span 14/span 14;
        padding-right: 1.5rem
    }
}

.footer--top-left .simple-block--title,
.footer--top-left>div--title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem
}

@media (min-width:1280px) {

    .footer--top-left .simple-block--title,
    .footer--top-left>div--title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.footer--top-left .simple-block--content,
.footer--top-left>div--content {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem
}

.footer--top-right {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:1192px) {
    .footer--top-right {
        grid-column: span 16/span 16;
        padding-left: 3rem
    }
}

.footer--top-right .simple-block {
    grid-column: span 1/span 1
}

.footer--top-right .simple-block--title {
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: .5rem
}

@media (min-width:640px) {
    .footer--top-right .simple-block--title {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25rem;
        margin-top: 5px
    }
}

@media (min-width:390px) {
    .footer--top-right .simple-block--content .phone {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.footer--top-right .simple-block--content div {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.footer--top-right .simple-block--content .messengers {
    margin-top: 2rem
}

.footer--top-right .simple-block--content .messengers:before {
    display: none;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

@media (min-width:1192px) {
    .footer--top-right .simple-block--content .messengers:before {
        display: flex
    }
}

.footer--bottom {
    --tw-border-opacity: 1;
    border-top-color: rgb(245 245 245/var(--tw-border-opacity, 1));
    border-top-width: 1px;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width:1192px) {
    .footer--bottom .container {
        align-items: center;
        display: flex
    }
}

.footer--bottom .copyright {
    order: 2
}

.footer--bottom .logo {
    margin-top: .75rem;
    width: 8rem
}

@media (min-width:1192px) {
    .footer--bottom .logo {
        margin-right: 1rem;
        margin-top: 0;
        order: 1
    }
}

@media (min-width:1024px) {
    .lg\:prose-base {
        font-size: 1rem;
        line-height: 1.75
    }

    .lg\:prose-base :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .lg\:prose-base :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: 1.2em;
        margin-top: 1.2em
    }

    .lg\:prose-base :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start: 1em
    }

    .lg\:prose-base :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 2.25em;
        line-height: 1.1111111;
        margin-bottom: .8888889em;
        margin-top: 0
    }

    .lg\:prose-base :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.5em;
        line-height: 1.3333333;
        margin-bottom: 1em;
        margin-top: 2em
    }

    .lg\:prose-base :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: .6em;
        margin-top: 1.6em
    }

    .lg\:prose-base :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        line-height: 1.5;
        margin-bottom: .5em;
        margin-top: 1.5em
    }

    .lg\:prose-base :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .lg\:prose-base :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .lg\:prose-base :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:prose-base :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .lg\:prose-base :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .875em;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        padding-top: .1875em;
        padding-inline-start: .375em
    }

    .lg\:prose-base :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em
    }

    .lg\:prose-base :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em
    }

    .lg\:prose-base :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .9em
    }

    .lg\:prose-base :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .375rem;
        font-size: .875em;
        line-height: 1.7142857;
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em;
        padding-inline-end: 1.1428571em;
        padding-bottom: .8571429em;
        padding-top: .8571429em;
        padding-inline-start: 1.1428571em
    }

    .lg\:prose-base :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
    }

    .lg\:prose-base :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
    }

    .lg\:prose-base :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .5em;
        margin-top: .5em
    }

    .lg\:prose-base :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .lg\:prose-base :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .lg\:prose-base :where(.lg\:prose-base>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
    }

    .lg\:prose-base :where(.lg\:prose-base>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .lg\:prose-base :where(.lg\:prose-base>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .lg\:prose-base :where(.lg\:prose-base>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .lg\:prose-base :where(.lg\:prose-base>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .lg\:prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
    }

    .lg\:prose-base :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .lg\:prose-base :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .lg\:prose-base :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start: 1.625em
    }

    .lg\:prose-base :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 3em;
        margin-top: 3em
    }

    .lg\:prose-base :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-base :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-base :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-base :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-base :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.7142857
    }

    .lg\:prose-base :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-inline-start: .5714286em
    }

    .lg\:prose-base :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .lg\:prose-base :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .lg\:prose-base :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-top: .5714286em;
        padding-inline-start: .5714286em
    }

    .lg\:prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .lg\:prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .lg\:prose-base :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .lg\:prose-base :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:prose-base :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .lg\:prose-base :where(.lg\:prose-base>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-base :where(.lg\:prose-base>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
    }

    .lg\:tile {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    @media (min-width:640px) {
        .lg\:tile {
            grid-template-columns: repeat(30, minmax(0, 1fr))
        }
    }

    .lg\:tile a.tile--item {
        --tw-text-opacity: 1;
        color: rgb(51 51 51/var(--tw-text-opacity, 1))
    }

    .lg\:tile a.tile--item:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(255 106 22/var(--tw-bg-opacity, 1));
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }
}

.\*\:h-min>* {
    height: -moz-min-content;
    height: min-content
}

.\*\:w-auto>* {
    width: auto
}

.before\:content-\[\'\421\43E\446\441\435\442\438\'\]:before {
    --tw-content: "Соцсети";
    content: var(--tw-content)
}

.after\:top-1\/4:after {
    content: var(--tw-content);
    top: 25%
}

.empty\:hidden:empty {
    display: none
}

.hover\:bg-gray-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.hover\:text-gray-deep:hover {
    --tw-text-opacity: 1;
    color: rgb(117 123 128/var(--tw-text-opacity, 1))
}

.hover\:text-orange:hover {
    --tw-text-opacity: 1;
    color: rgb(255 106 22/var(--tw-text-opacity, 1))
}

.active\:text-gray-dark:active {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:size-24 {
        height: 6rem;
        width: 6rem
    }

    .sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:text-2\.5xl {
        font-size: 1.625rem;
        line-height: 2rem
    }
}

@media (min-width:768px) {
    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:w-auto {
        width: auto
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-30 {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:border-r-gray {
        --tw-border-opacity: 1;
        border-right-color: rgb(195 195 195/var(--tw-border-opacity, 1))
    }

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pr-8 {
        padding-right: 2rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:1024px) {
    .lg\:col-span-12 {
        grid-column: span 12/span 12
    }

    .lg\:col-span-18 {
        grid-column: span 18/span 18
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-start-11 {
        grid-column-start: 11
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-10 {
        margin-left: 2.5rem
    }

    .lg\:ml-4 {
        margin-left: 1rem
    }

    .lg\:ml-6 {
        margin-left: 1.5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:min-w-24 {
        min-width: 6rem
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid-cols-30 {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:flex-wrap {
        flex-wrap: wrap
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .lg\:border-r {
        border-right-width: 1px
    }

    .lg\:border-r-gray-200 {
        --tw-border-opacity: 1;
        border-right-color: rgb(229 231 235/var(--tw-border-opacity, 1))
    }

    .lg\:px-12 {
        padding-left: 3rem
    }

    .lg\:pr-12,
    .lg\:px-12 {
        padding-right: 3rem
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-5xl {
        font-size: 3.125rem;
        line-height: normal
    }
}

@media (min-width:1192px) {
    .llg\:order-1 {
        order: 1
    }

    .llg\:order-2 {
        order: 2
    }

    .llg\:order-3 {
        order: 3
    }

    .llg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .llg\:col-span-10 {
        grid-column: span 10/span 10
    }

    .llg\:col-span-15 {
        grid-column: span 15/span 15
    }

    .llg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .llg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .llg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .llg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .llg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .llg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .llg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .llg\:col-start-10 {
        grid-column-start: 10
    }

    .llg\:col-start-12 {
        grid-column-start: 12
    }

    .llg\:col-start-9 {
        grid-column-start: 9
    }

    .llg\:ml-4 {
        margin-left: 1rem
    }

    .llg\:mt-0 {
        margin-top: 0
    }

    .llg\:block {
        display: block
    }

    .llg\:inline {
        display: inline
    }

    .llg\:flex {
        display: flex
    }

    .llg\:hidden {
        display: none
    }

    .llg\:h-full {
        height: 100%
    }

    .llg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .llg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .llg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .llg\:items-end {
        align-items: flex-end
    }

    .llg\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .llg\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .llg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

@media (min-width:1280px) {
    .xl\:gap-16 {
        gap: 4rem
    }
}

@media (min-width:1456px) {
    .\32xl\:col-span-11 {
        grid-column: span 11/span 11
    }

    .\32xl\:col-span-12 {
        grid-column: span 12/span 12
    }

    .\32xl\:col-span-16 {
        grid-column: span 16/span 16
    }

    .\32xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .\32xl\:col-start-10 {
        grid-column-start: 10
    }

    .\32xl\:col-start-13 {
        grid-column-start: 13
    }

    .\32xl\:grid-cols-30 {
        grid-template-columns: repeat(30, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .\32xl\:gap-x-14 {
        -moz-column-gap: 3.5rem;
        column-gap: 3.5rem
    }

    .\32xl\:p-0 {
        padding: 0
    }

    .\32xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}
/* End */
/* /local/css/fonts.min.css?17689142545932 */
/* /local/css/fancybox.min.css?168863079424645 */
/* /local/css/choices.min.css?17067880807688 */
/* /local/css/akostLazyLoading.min.css?172847217010902 */
/* /local/templates/svetodiod96_2023/styles.css?1768916266283310 */