/* Start:/local/templates/sivtrans/assets/style/reset.css?17757723233122*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {
    font-size: 16px;
    scroll-behavior: smooth;
}

* { 
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    background-color: transparent;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.body-main {
    position: relative;
    max-width: 1920px;
    min-width: 300px;
    min-height: 100vh;
    margin: 0 auto;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
}

body footer {
    margin-top: auto;
}

input,
button,
select,
optgroup,
textarea {
    font: inherit;
    min-width: 0; /* для FF */
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none;
}

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

::file-selector-button {
    font: inherit;
}

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

::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[type=number] {
    -moz-appearance: textfield;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { 
    -webkit-text-fill-color: var(--color-text);
    transition: background-color 5000s ease-in-out 0s;
}

textarea {
    resize: vertical;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    white-space: normal;
}

label, button, .button, [role=button] {
    user-select: none;
    cursor: pointer;
}

img,
svg {
    flex: none;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

img {
    object-fit: cover;
}

svg {
    fill: currentColor;
}

iframe {
    max-width: 100%;
}

ul {
    list-style: none;
}

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

a[href^="tel:"] {
    white-space: nowrap;
}

table {
    border-collapse: collapse;
}

iframe {
    border: 0;
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/variables.css?17757723234719*/

/* Цвета */
:root {
  /**/
  --color-error: #FE5253;
  --color-error-dark: #E22729;
  --color-error-light: #FEF9F9;
  --color-error-extralight: #FFEEEE;


  --color-success: #43A162;
  --color-success-light: #ecf6ef;
  --color-cart-badge: #DE2952;

  /**/
  --color-red: #E22729;
  --color-red-light: #FEF9F9;
  --color-violet: #9850E1;
  --color-violet-light: #FCFAFE;
  --color-green: #3F8254;
  --color-green-light: #E9FFED;
  --color-orange: #F09D18;
  --color-orange-light: #FEFAF7;
  --color-orange-extralight: #fff2e8;
  --color-orange-dark: #A9642A;
  --color-blue: #346DED;
  --color-blue-light: #F8F9FF;
  --color-blue-extralight: #eef2fd;
  --color-grey: #F9FAFB;
  --color-grey-dark: #E4E7EC;
  --color-grey-extradark: #344054;
  --color-brand: #F9F5FF;
  --color-brand-dark: #E9D7FE;
  --color-brand-extradark: #6941C6;
  --color-badge-red: #FEF3F2;
  --color-badge-red-dark: #FECDCA;
  --color-badge-red-extradark: #B42318;
  --color-badge-warning: #FFFAEB;
  --color-badge-warning-dark: #FEDF89;
  --color-badge-warning-extradark: #B54708;
  --color-badge-green: #ECFDF3;
  --color-badge-green-dark: #ABEFC6;
  --color-badge-green-extradark: #067647;
  --color-blue-grey: #F8F9FC;
  --color-blue-grey-dark: #D5D9EB;
  --color-blue-grey-extradark: #363F72;
  --color-badge-blue-light: #F0F9FF;
  --color-badge-blue-light-dark: #B9E6FE;
  --color-badge-blue-light-extradark: #026AA2;
  --color-badge-blue: #EFF8FF;
  --color-badge-blue-dark: #B2DDFF;
  --color-badge-blue-extradark: #175CD3;
  --color-indigo: #EEF4FF;
  --color-indigo-dark: #C7D7FE;
  --color-indigo-extradark: #3538CD;
  --color-purple: #F4F3FF;
  --color-purple-dark: #D9D6FE;
  --color-purple-extradark: #5925DC;
  --color-pink: #FDF2FA;
  --color-pink-dark: #FCCEEE;
  --color-pink-extradark: #C11574;
  --color-badge-orange: #FEF6EE;
  --color-badge-orange-dark: #F9DBAF;
  --color-badge-orange-extradark: #B93815;

  /**/
  --color-primary-rgb: 51, 100, 234;
  --color-primary: #3364EA;
  --color-primary-light: #557EED;
  --color-primary-dark: #22439C;

  --color-secondary: #2C3541;
  --color-secondary-light: #66768E;
  --color-secondary-dark: #1C222A;

  --color-third: #F3F6FB;
  --color-third-light: #D6E0FB;
  --color-third-medium: #CBD3E1;
  --color-third-dark: #BBCBF8;

  --color-muted: #F5F6F7;
  --color-muted-light: #fff;
  --color-muted-dark: #E6EAF0;
  --color-muted-darkest: #778ba8;

  --color-dark: #010210;
  --color-extralight: #fff;

  --color-bg: #193275;
  --color-bg-mobile: #F5F6F7;
  --color-bg-extralight: #fff;

  --color-disabled: #F5F6F7;

  --color-border: #D3D3D3;
  --color-border-secondary: #757575;
  --color-border-third: #E6E7EB;
  --color-border-fourth: #EEEEEE;
  --color-border-fifth: #EEEEEE;

  --color-text: #5E5E5E;
  --color-text-extralight: #fff;
  --color-text-dark: #212121;
  --color-text-dark-secondary: #1F242F;
  --color-text-muted: #D3D3D3;
  --color-text-muted-secondary: #919399;
  --color-text-muted-dark: #8F8F8F;

  --color-icon-muted: #C4C6CC;
  --color-icon-custom: #B5C0C3;

  /**/
  --color-example-grey: #d9d9d9;
}

/* Типографика */
:root {
  --font-family: "Onest", sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 600;
  --font-title-family: "Onest", sans-serif;
}

/* Прочее */
:root {
  --container-width: 100%;
  --container-medium-width: 76.5rem;
  --container-small-width: 57rem;
  --grid-gap: 1rem;

  --section-offset: 1rem;
  --section-header-offset: 1rem;

  --offset-extrabig: 2.5rem;
  --offset-big: 2rem;
  --offset-main: 1.5rem;
  --offset-medium: 1.25rem;
  --offset-secondary: 1rem;
  --offset-small: 0.75rem;
  --offset-extrasmall: 0.5rem;

  --height-input: 2.75rem;
  --height-logo: 5.625rem;
  --width-sidebar: 17.5rem;
  --width-content-divided: 45rem;

  --size-icon-big: 2rem;
  --size-icon: 1.5rem;
  --size-icon-medium: 1.25rem;
  --size-icon-small: 1rem;
  --size-icon-extrasmall: 0.75rem;

  --radius: var(--offset-extrasmall);
  --radius-input: var(--offset-extrasmall);
  --radius-extrasmall: 0.25rem;
  --radius-small: 0.625rem;
  --radius-semismall: 0.75rem;
  --radius-secondary: 1rem;
  --radius-medium: 1.25rem;
  --radius-main: 1.5rem;

  --shadow: 0 0 0 0.25rem rgba(21, 44, 115, 0.3);
  --shadow-open: 0 0 0 0.1875rem #BBCBF866;

  --shadow-hover: 0 0.125rem 1rem 0 #0000001A;

  --transition: 0.2s all;
  --transition-long: 0.5s all;
  --scale: scale(1.1);
}

@media screen and (min-width: 1024px) {
  :root {
    --grid-gap: 1.5rem;
    --section-header-offset: 1.25rem;
  }
}


/* End */


/* Start:/local/templates/sivtrans/assets/style/fonts.css?1775772323641*/

/* fonts */

/* Inter */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  src: url('/local/templates/sivtrans/assets/style/../fonts/onest/Onest-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  src: url('/local/templates/sivtrans/assets/style/../fonts/onest/Onest-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  src: url('/local/templates/sivtrans/assets/style/../fonts/onest/Onest-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  src: url('/local/templates/sivtrans/assets/style/../fonts/onest/Onest-Bold.ttf') format('truetype');
}
/* End */


/* Start:/local/templates/sivtrans/assets/libs/swiper/swiper.min.css?177577232418449*/
/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/sivtrans/assets/libs/fancybox/fancy.css?177577232424789*/
: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:var(--fancybox-zIndex, 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__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.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>*{clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{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.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/templates/sivtrans/assets/libs/simpleSideBar/simplesidebar.css?17757723234465*/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/* End */


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


/* Start:/local/templates/sivtrans/assets/libs/datepicker/css/datepicker.min.css?17757723244938*/
.datepicker{width:-moz-min-content;width:min-content}.datepicker:not(.active){display:none}.datepicker-dropdown{padding-top:4px;position:absolute;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:flex;flex-direction:column}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-main{flex:auto;padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-controls{display:flex}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b8b8b8;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#474747;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-footer .datepicker-controls .button{border-radius:2px;flex:auto;font-size:.75rem;margin:calc(.375rem - 1px) .375rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-button,.datepicker-controls .prev-button{flex:0 0 14.2857142857%;padding-left:.375rem;padding-right:.375rem}.datepicker-controls .next-button.disabled,.datepicker-controls .prev-button.disabled{visibility:hidden}.datepicker-grid,.datepicker-view{display:flex}.datepicker-view{align-items:stretch;width:15.75rem}.datepicker-grid{flex:auto;flex-wrap:wrap}.datepicker .days{display:flex;flex:auto;flex-direction:column}.datepicker .days-of-week{display:flex}.datepicker .week-numbers{display:flex;flex:0 0 9.6774193548%;flex-direction:column}.datepicker .weeks{align-items:stretch;display:flex;flex:auto;flex-direction:column}.datepicker span{-webkit-touch-callout:none;align-items:center;border-radius:4px;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker .dow{font-size:.875rem;font-weight:700;height:1.5rem}.datepicker .week{color:#b8b8b8;flex:auto;font-size:.75rem}.datepicker .days .dow,.datepicker-cell{flex-basis:14.2857142857%}.datepicker-cell{height:2.25rem}.datepicker-cell:not(.day){flex-basis:25%;height:4.5rem}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e9e9e9}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dcdcdc}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#efefef}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e9e9e9}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00ccad}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b8b8b8;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#b3b3b3}.datepicker-cell.range-start:not(.range-end){border-radius:4px 0 0 4px}.datepicker-cell.range-end:not(.range-start){border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dcdcdc;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d7d7d7}.datepicker-cell.range.disabled{color:#c6c6c6}.datepicker-cell.range.focused{background-color:#d1d1d1}.datepicker-input.in-edit{border-color:#276bda}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(39,107,218,.2)}
/* End */


/* Start:/local/templates/sivtrans/assets/style/main.css?177577232315821*/
a,
button,
.button {
    transition: var(--transition);
}
a, button {
    color: currentColor;
}

a:not([class]),
.link {
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.25rem;
    text-decoration-skip-ink: none;
    transition: var(--transition);
    text-decoration-color: currentColor;
}
a:not([class]):hover,
.link:hover {
    text-decoration-color: transparent;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

body._overlay {
    overflow: hidden;
}
body._overlay .header,
body._overlay .header-catalog {
    padding-right: var(--width-scrollbar, 0);
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.5);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

body._overlay::before {
    pointer-events: all;
    opacity: 1;
}
.main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* container */
.container {
    max-width: calc(var(--container-width) + var(--grid-gap) * 2);
}
.container-medium {
    max-width: calc(var(--container-medium-width) + var(--grid-gap) * 2);
}
.container-small {
    max-width: calc(var(--container-small-width) + var(--grid-gap) * 2);
}
.container,
.container-medium,
.container-small {
    width: 100%;
    padding-right: var(--grid-gap);
    padding-left: var(--grid-gap);
    margin-right: auto;
    margin-left: auto;
}

/* logo */
.logo {
    display: block;
    width: fit-content;
    max-width: 100%;
    max-height: var(--height-logo, 100%);
    height: 100%;
}
.logo svg,
.logo img {
    display: block;
    max-height: var(--height-logo, 100%);
    width: 100%;
    height: 100%;
}
.logo img {
    object-fit: contain;
}


/* icon */
.icon svg {
    transition: var(--transition);
}
@media screen and (min-width: 1024px) {
    .icon:hover svg {
        transform: var(--scale);
    }    
}

/* text-decoration underline */
.tdu,
.tdu-reverse {
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.25rem;
    text-decoration-skip-ink: none;
    transition: var(--transition);
}
.tdu {
    text-decoration-color: currentColor;
}
.tdu:hover {
    text-decoration-color: transparent;
}

.tdu-reverse {
    text-decoration-color: transparent;
}
.tdu-reverse:hover {
    text-decoration-color: currentColor;
}

/* section */
.section:not(.section-offindent) {
    padding-bottom: var(--section-offset);
}
.section-fullheight,
.section-fullheight .section__bg,
.section-fullheight .section__bg > .container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.section-test {
    padding: 0.625rem 0;
}
.section__header {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.section__header:not(.section__header-offindent) {
    padding-bottom: var(--section-header-offset);
}
.section__header-center {
    text-align: center;
}
.section__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
}
.section__introtext {
    margin-top: var(--offset-medium);
}
.section__bottom {
    padding-top: var(--offset-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--offset-medium);
}
.section__bottom .button {
    min-width: 17.625rem;
}
.section__bg {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.section__bg[style^="background-image:"] {
    padding: var(--offset-main) 0;
}
.section__breadcrumbs {
    padding-bottom: var(--offset-medium);
}


@media screen and (min-width: 1024px) {
    .section-mobile {
        display: none;
    }
    .section-block:not(.section-block__mobile) .section__bg {
        padding: var(--grid-gap) 0;
        border-radius: var(--radius-medium);
        color: var(--color-text-dark);
        background-color: var(--color-extralight);
    }
    
}
@media screen and (max-width: 1023px) {
    .section__introtext {
        margin-top: var(--offset-extrasmall);
    }
    .section-desktop {
        display: none;
    }
    .section__bottom {
        padding-top: var(--offset-extrasmall);
        flex-direction: column;
    }
    .section-block:not(.section-block__desktop) .section__bg {
        padding: var(--grid-gap) 0;
        border-radius: var(--radius-small);
        color: var(--color-text-dark);
        background-color: var(--color-extralight);
    }
    .section__breadcrumbs {
        padding-bottom: var(--offset-secondary);
    }
}
@media screen and (max-width: 575px) {
    .example-wrapper {
        --width-card: 100% !important;
    } 
}

/* img */
.img img {
    user-select: none;
}

/* swiper */
.swiper {
    transition: var(--transition);
    opacity: 0;
}
.swiper.swiper-initialized {
    opacity: 1;
}
.swiper-container {
    padding-left: var(--grid-gap);
    padding-right: var(--grid-gap);
    margin-left: calc(var(--grid-gap) * -1);
    margin-right: calc(var(--grid-gap) * -1);
    width: calc(100% + var(--grid-gap) * 2);
}
.swiper-wrapper {
    align-items: stretch;
}
.swiper-slide {
    height: auto;
}
.swiper-pagination {
    pointer-events: none;
}
.swiper-pagination-bullet {
    pointer-events: all;
}
.swiper-prev {
    transform: scaleX(-1);
}
.swiper-button-lock {
    display: none !important;
}
.swiper-button-disabled {
    opacity: 0.2;
    pointer-events: none !important;
}

/**/
.overflow-hidden {
    overflow: hidden;
}

/* loader */
@keyframes loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes showLoader {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.overlay,
.overlay-item,
.overlay-main {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0, 0.4);
    transition: var(--transition);
    animation: showLoader 0.2s;
}
.overlay._hide,
.overlay-item._hide,
.overlay-main._hide {
    opacity: 0;
}
.overlay {
    position: fixed;
    z-index: 40;
    opacity: 0;
    transition: 0.2s all;
}
.overlay._show {
    opacity: 1;
}
.overlay-item {
    position: absolute;
    z-index: 40;
    border-radius: var(--radius);
}
.overlay-main {
    position: fixed;
    z-index: 100000;
}

body:not(.overflow-hidden) .overlay-main {
    opacity: 0;
    pointer-events: none;
}

body.overflow-hidden {
    margin-right: var(--width-scrollbar, 0);
}
body.overflow-hidden .header {
    padding-right: var(--width-scrollbar, 0);
    width: calc(100% + var(--width-scrollbar, 0));
}

.preloader {
    width: 2.5rem;
    height: 2.5rem;
    animation: loader 2s infinite;
}
.preloader svg {
    width: 100%;
    height: 100%;
}

/**/
.ymaps-2-1-79-controls__toolbar {
    margin-top: 1rem !important;
}
.ymaps-2-1-79-controls__control_toolbar {
    margin-right: 1rem !important;
}
.ymaps-2-1-79-controls__control_toolbar > *,
.ymaps-2-1-79-zoom__button > * {
    display: none !important;
}
.ymaps-2-1-79-controls__control {
    inset: 5rem 1rem auto auto !important;
}
.ymaps-2-1-79-zoom {
    width: 2rem !important;
    padding: 2rem 0 !important;
    height: 0.75rem !important;
}
.ymaps-2-1-79-controls__control_toolbar,
.ymaps-2-1-79-zoom__button,
.ymaps3x0--button.ymaps3x0--control-button {
    width: 2rem !important;
    height: 2rem !important;
    background-color: var(--color-extralight) !important;
    border-radius: var(--radius-small) !important;
    box-shadow: var(--shadow-hover) !important;
    cursor: pointer;
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ymaps-2-1-79-controls__control_toolbar,
.ymaps3x0--geolocation-control {
    background-image: url('/local/templates/sivtrans/assets/style/../../images/icons/navigation.svg') !important;
}
.ymaps3x0--geolocation-control {
    background-size: 1.25rem 1.25rem !important;
}
.ymaps-2-1-79-zoom__plus,
.ymaps3x0--zoom-control__in {
    background-image: url('/local/templates/sivtrans/assets/style/../../images/icons/navigation-plus.svg') !important;
}
.ymaps-2-1-79-zoom__minus,
.ymaps3x0--zoom-control__out {
    background-image: url('/local/templates/sivtrans/assets/style/../../images/icons/navigation-minus.svg') !important;
}

/**/
.ymaps-2-1-79-balloon {
    box-shadow: none !important;
}
.ymaps-2-1-79-balloon__layout {
    background: transparent !important;
}
.ymaps-2-1-79-balloon__content {
    border-radius: var(--radius);
    border: none;
    box-shadow: var(--shadow);
    padding: var(--offset-secondary);
    min-width: 15rem !important;
}
.ymaps-2-1-79-balloon_type_route .ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content,
.ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
    padding-right: var(--offset-secondary) !important;
    margin-right: 0 !important;
}
.ymaps3x0--map-copyrights,
.ymaps-2-1-79-copyrights-pane {
    display: none !important;
}
.ymaps3x0--zoom-control.ymaps3x0--zoom-control_vertical {
    flex-direction: column;
    gap: 0.5rem;
}
.ymaps3x0--control__background {
    background-color: transparent !important;
    box-shadow: none !important;
}
/**/
.marker-map {
    --size-marker: 3rem;
    --color-marker: var(--color-primary);

    width: var(--size-marker);
    height: var(--size-marker);
    transform: translate(calc(var(--size-marker) / -2), calc(var(--size-marker) / -1));
    color: var(--color-marker);
    cursor: pointer;
}
.marker-map svg,
.marker-map img {
    display: block;
    width: 100%;
    height: 100%;
}

/* swiper-shadows */
.swiper-shadows {
    position: relative;
}
.swiper-shadows::before,
.swiper-shadows::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 5.5rem;
    pointer-events: none;
    z-index: 2;
    transition: var(--transition);
    opacity: 0;
}
.swiper-shadows._small::before,
.swiper-shadows._small::after {
    width: 3.5rem;
}
.swiper-shadows::before {
    left: 0;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 46.59%);
}
.swiper-shadows::after {
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 46.59%);
}
.swiper-shadows._left::before {
    opacity: 1;
}
.swiper-shadows._right::after {
    opacity: 1;
}

@media screen and (max-width: 575px) {
    .swiper-shadows._left::before,
    .swiper-shadows._right::after {
        opacity: 0;
    }
}

/* fixed-menu */
.fixed-menu {
    z-index: 30;
    position: fixed;
    left: 0;
    bottom: var(--offset-small);
    width: 100%;
    padding: 0 var(--grid-gap);
    overflow: hidden;
    pointer-events: none;
}
.fixed-menu .menu-mobile {
    pointer-events: all;
    transition: 0.75s all ease;
}
.fixed-menu:not(._open) .menu-mobile {
    transform: translateX(calc(var(--grid-gap) * -1 - 80%));
}

@media screen and (min-width: 576px) {
    .fixed-menu {
        display: none;
    }
}

/* hidden */
.hidden {
    display: none !important;
}
@media screen and (min-width: 1024px) {
    .hidden-desktop {
        display: none !important;
    }    
}
@media screen and (min-width: 768px) {
    .hidden-extradesktop {
        display: none !important;
    }    
}
@media screen and (max-width: 1023px) {
    .hidden-mobile {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .hidden-extramobile {
        display: none !important;
    }
}

/* datepicker */
.datepicker-header .datepicker-controls {
    padding: 1.25rem 1.25rem 0.75rem 1.25rem;
}
.datepicker-header .datepicker-controls .button {
    background-color: transparent;
}
.datepicker-controls .next-button,
.datepicker-controls .prev-button {
    min-width: 2rem;
    width: 2rem;
    min-height: 2rem;
    height: 2rem;
    border-radius: 0.625rem;
    border: 0.0625rem solid;
    border-color: var(--color-border) !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: var(--color-text);
}
.datepicker-controls .view-switch {
    padding: 0;
    height: 2rem;
    min-height: 1rem;
    border: none;
    border-radius: 0;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: var(--font-semibold) !important;
    color: var(--color-text-dark);
}
.datepicker-main {
    padding: 0 1.25rem 1.25rem;
}
.datepicker-dropdown .datepicker-picker {
    border-radius: 0.75rem;
    background-color: var(--color-muted);
    box-shadow: var(--shadow-hover);
}
.datepicker-view {
    width: auto;
}
.datepicker .days .dow {
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: var(--font-semibold);
}
.datepicker-cell {
    font-size: 0.875rem;
    line-height: 1.4;
}
.datepicker span {
    border-radius: 50%;
    min-width: 2.5rem;
    width: 2.5rem;
    min-height: 2.5rem;
    height: 2.5rem;
}
.datepicker-cell:not(.disabled):hover {
    background-color: rgba(var(--color-primary-rgb), 0.1);
}
.datepicker-cell.selected, 
.datepicker-cell.selected:hover {
    background-color: var(--color-primary);
}


/* example */
.example-container {
    padding: var(--offset-main);
    border-radius: var(--radius-medium);
}

/* body */
body {
    background-color: var(--color-bg);
}
.body-sidebar {
    flex-grow: 1;
}
.body-content {
    height: auto;
    display: flex;
    flex-direction: column;
}
.body-header {
    padding: var(--grid-gap) 0;
    background-color: var(--color-bg);
}

@media screen and (min-width: 1024px) {
    .body-sidebar {
        display: grid;
        grid-template-columns: var(--width-sidebar) calc(100% - var(--width-sidebar));
        align-items: stretch;
    }
    .body-content {
        padding-right: var(--offset-secondary);
    }
    .body-header {
        position: sticky;
        top: 0;
        padding: 1.75rem 0 2.25rem;
        z-index: 999;
        margin: 0 -0.0625rem;
        width: calc(100% + 0.125rem);
        transition: var(--transition);
    }
    .body-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0, 0.4);
        opacity: 0;
        transition: var(--transition);
    }
    body.overflow-hidden .body-header::before {
        opacity: 1;
    }
}
@media screen and (max-width: 1023px) {
    body,
    .body-header {
        background-color: var(--color-bg-mobile);
    }
    .body-sidebar {
        display: flex;
        flex-direction: column;
    }
    .body-content {
        flex-grow: 1;
    }
}

/* fields */ 
.fields-2 {
    --columns-fields: 2;
}
.fields-3 {
    --columns-fields: 3;
}
.fields-4 {
    --columns-fields: 4;
}

@media screen and (max-width: 1279px) {
    .fields-4 {
        --columns-fields: 3;
    }
}
@media screen and (max-width: 767px) {
    .fields-3,
    .fields-4 {
        --columns-fields: 2;
    }
}
@media screen and (max-width: 575px) {
    .fields-2,
    .fields-3,
    .fields-4 {
        --columns-fields: 1;
    }
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/modals.css?178280993344248*/
/* fancy */
@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: var(--fancybox-opacity, 1)
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: var(--fancybox-opacity, 1)
    }
}

body.fancybox-active {
    overflow: hidden;
}

.fancybox__slide {
    scrollbar-width: none;
}

.fancybox__slide::-webkit-scrollbar,
.fancybox__slide::-webkit-scrollbar-track,
.fancybox__slide::-webkit-scrollbar-thumb {
    display: none;
}

body.fancybox-active,
body.compensate-for-scrollbar {
    margin-right: var(--width-scrollbar, 0);
}

.fancybox-container,
.fancybox__container {
    --fancybox-bg: #000;
    --fancybox-opacity: 0.4;
}

.fancybox__content {
    padding: 0;
}

.fancybox__content>iframe {
    display: block;
    width: 100%;
}

.fancybox-is-open .fancybox-inner {
    /* backdrop-filter: blur(40px); */
}

.fancybox-infobar {
    display: none;
}

.fancybox-slide,
.fancybox-slide--html,
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn,
.fancybox__slide {
    padding: var(--offset-secondary);
}

.fancybox-slide--overflow {
    overflow: hidden;
}

.fancybox-image {
    border-radius: var(--radius-small);
}

.fancybox-button.fancybox-close-small,
.fancybox-slide--html .fancybox-close-small,
.fancybox__content>.f-button.is-close-btn,
.is-compact .fancybox__content>.f-button.is-close-btn {
    top: var(--offset-medium);
    right: var(--offset-medium);
    border-radius: var(--radius);
    background-color: transparent;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    opacity: 1;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-dark);
}

.fancybox-button.fancybox-close-small svg,
.fancybox-slide--html .fancybox-close-small svg,
.fancybox__content>.f-button.is-close-btn svg {
    width: 1.5rem;
    height: 1.5rem;
}

.has-rutube,
.has-vk {
    width: auto;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 600 / 337;
}

@media screen and (min-width: 1024px) {

    .fancybox-button.fancybox-close-small:hover,
    .fancybox-slide--html .fancybox-close-small:hover,
    .fancybox__content>.f-button.is-close-btn:hover {
        color: var(--color-greige-middle);
    }
}

.fancybox-button.fancybox-close-small:active,
.fancybox-slide--html .fancybox-close-small:active,
.fancybox__content>.f-button.is-close-btn:active {
    color: var(--color-greige-middle);
}

@media screen and (max-width: 1023px) {

    .has-rutube,
    .has-vk {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {

    .has-rutube,
    .has-vk {
        width: 100%;
        height: auto;
    }
}

/*
body.fancybox-active.compensate-for-scrollbar .header {
    padding-right: var(--width-scrollbar, 0);
}
*/



/* popup */
.popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-extralight);
    border-top: 0.0625rem solid var(--color-grey);
    z-index: 999;
}

.popup__cookie {
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.popup__cookie-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-extrasmall);
    padding-top: var(--offset-medium);
    padding-bottom: var(--offset-medium);
}

.popup__cookie-descr {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: var(--font-medium);
    letter-spacing: -0.02em;
    text-align: center;
}

.popup__cookie._hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transform: translateY(calc(var(--offset-main) * -1));
    -ms-transform: translateY(calc(var(--offset-main) * -1));
    transform: translateY(calc(var(--offset-main) * -1));
}

.popup__cookie:not(._hidden) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 1023px) {
    .popup__cookie-descr {
        font-size: 1rem;
        text-align: left;
    }
}

/* modal */
/* up */
@-webkit-keyframes f-zoomInUp-animated {
    from {
        -webkit-transform: translate3d(0, 1rem, 0);
        transform: translate3d(0, 1rem, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-zoomInUp-animated {
    from {
        -webkit-transform: translate3d(0, 1rem, 0);
        transform: translate3d(0, 1rem, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/* out up */
@-webkit-keyframes f-fadeOut-animated {
    to {
        -webkit-transform: translate3d(0, 1rem, 0);
        transform: translate3d(0, 1rem, 0);
        opacity: 0;
    }
}

@keyframes f-fadeOut-animated {
    to {
        -webkit-transform: translate3d(0, 1rem, 0);
        transform: translate3d(0, 1rem, 0);
        opacity: 0;
    }
}

/* right */
@-webkit-keyframes f-zoomInRight-animated {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-zoomInRight-animated {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes f-fadeOutRight-animated {
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}

@keyframes f-fadeOutRight-animated {
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}

/* out right */

.modal {
    --width-modal: 50rem;
    --offset-modal: var(--offset-extrabig);
    --radius-modal: var(--radius-main);
    --offset-modal-close: var(--offset-modal);
    --size-modal-close: 2rem;

    max-width: var(--width-modal);
    display: none;
    overflow: visible;
    background-color: var(--color-extralight);
    padding: 0;
    border-radius: var(--radius-modal);
    -webkit-transition: var(--transition) !important;
    -o-transition: var(--transition) !important;
    transition: var(--transition) !important;
    z-index: 20;
    width: 100%;
    color: var(--color-text-dark);
}

.modal.f-zoomInUp {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomInUp-animated;
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomInUp-animated;
}

.modal.f-fadeOut {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut-animated;
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut-animated;
}

.modal .f-button {
    display: none !important;
}

.close {
    --size-close: var(--size-modal-close, var(--size-icon));

    min-width: var(--size-close);
    min-height: var(--size-close);
    width: var(--size-close);
    height: var(--size-close);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: var(--radius);
    overflow: hidden;

    -webkit-transition: var(--transition);

    -o-transition: var(--transition);

    transition: var(--transition);
    color: var(--color-text-muted-dark);
}

.close svg {
    display: block;
    width: 100%;
    height: 100%;
}


.modal .close {
    position: absolute;
    top: var(--offset-modal-close);
    right: var(--offset-modal-close);
    z-index: 1;
}

@media screen and (min-width: 1024px) {
    .close:hover {
        color: var(--color-text);
    }
}

.close:active {
    color: var(--color-text-dark);
}



/**/
.modal__content {
    padding: var(--offset-modal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.modal__content>*:not(:first-child) {
    margin-top: var(--offset-modal);
}

.modal__title {
    padding-right: var(--size-modal-close);
}

.modal__descr {
    margin-top: var(--offset-extrasmall);
    font-size: 0.875rem;
    line-height: 1.15;
    color: var(--color-text-muted-dark);
}

.modal__image {
    margin-top: var(--offset-modal);
    width: 100%;
    height: auto;
    overflow: hidden;
}

.modal__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--offset-secondary);
}

@media screen and (max-width: 1023px) {
    .modal {
        --offset-modal: var(--offset-extrasmall);
        --size-modal-close: 1.5rem;
        --radius-modal: var(--radius);
    }

    .modal__descr {
        margin-top: 0.25rem;
    }
}


/* modal-finally */
.modal-finally .modal__content {
    min-height: 77dvh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.modal-finally .modal__top {
    max-width: 27.5rem;
}

.modal-finally .modal__descr {
    margin-top: var(--offset-main);
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-text);
}

@media screen and (min-width: 1024px) {

    /* modal-right */
    .modal-right {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        overflow: hidden;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .modal-right.f-zoomInUp {
        -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomInRight-animated;
        animation: var(--f-transition-duration, 0.2s) ease both f-zoomInRight-animated;
    }

    .modal-right.f-fadeOut {
        -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-fadeOutRight-animated;
        animation: var(--f-transition-duration, 0.2s) ease both f-fadeOutRight-animated;
    }

    .modal-right .modal__content {
        overflow-y: auto;
        scrollbar-width: none;
    }

    .modal-right .modal__content::-webkit-scrollbar,
    .modal-right .modal__content::-webkit-scrollbar-track,
    .modal-right .modal__content::-webkit-scrollbar-thumb {
        display: none;
    }
}

/* modal-form */
.modal-form {
    --width-modal: 37.5rem;
    --offset-modal: 1rem;
    --offset-modal-close: 1.25rem;
    --size-modal-close: 1.5rem;
    --radius-modal: var(--radius-semismall);
}

.modal-form__small {
    --width-modal: 23.375rem;
}

.modal-form__small .form-inputs {
    --gap: var(--offset-extrasmall);
}

@media screen and (max-width: 424px) {
    .modal-form__small .form-inputs.form-inputs__three {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: var(--offset-secondary);
    }
}

/* modal-shipmet */
.modal-shipment {
    max-height: 100%;
}

.modal-shipment__content {
    padding: 0.25rem;
    margin: -0.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    gap: var(--offset-medium);
}

.modal-shipment__content:not(:first-child) {
    margin-top: calc(var(--offset-secondary) - 0.25rem);
}

.modal-shipment__content-divider,
.modal-shipment__bottom-divider {
    width: 100%;
    height: 0.0625rem;
    background-color: var(--color-border);
}

.modal-shipment__bottom-divider {
    margin: 0 calc(var(--offset-modal) * -1);
    width: calc(var(--offset-modal) + 100%);
}

.modal-shipment__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--offset-medium);
}

.modal-shipment__table {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

.modal-shipment__table-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-secondary);
}

@media screen and (max-width: 1023px) {
    .modal-shipment .modal__title {
        font-size: 1rem;
        line-height: 1.4;
    }

    .modal-shipment__content {
        gap: var(--offset-secondary);
    }

    .modal-shipment__content:not(:first-child) {
        margin-top: 0.25rem;
    }

    .modal-shipment__content-search .input::-webkit-input-placeholder {
        font-size: 0.75rem;
    }

    .modal-shipment__content-search .input::-moz-placeholder {
        font-size: 0.75rem;
    }

    .modal-shipment__content-search .input:-ms-input-placeholder {
        font-size: 0.75rem;
    }

    .modal-shipment__content-search .input::-ms-input-placeholder {
        font-size: 0.75rem;
    }

    .modal-shipment__content-search .input::placeholder {
        font-size: 0.75rem;
    }

    .modal-shipment__bottom .button,
    .modal-shipment__bottom .button-checkbox {
        --size-btn: 2rem;

        font-size: 0.875rem;
    }

    .modal-shipment__bottom .button {
        --btn-padding: 1rem;
    }

    .modal-shipment__bottom .button-checkbox {
        --btn-padding: 0.5rem;
    }
}

/* modal-order */
.modal-order {
    --width-modal: 52.5rem;
}

.modal-order__breadcrumbs {
    padding-right: var(--size-modal-close);
}

.modal-order__top {
    margin-top: var(--offset-big);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-order__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-order__top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--offset-extrasmall);
}

.modal-order__descr {
    margin-top: var(--offset-extrasmall);
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.15;
    color: var(--color-text-muted-dark);
}

.modal-order__content-search {
    margin-top: var(--offset-secondary);
}

.modal-order__items {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    margin-top: var(--offset-medium);
}

.modal-order__bottom {
    margin-top: auto;
    padding-top: calc(var(--offset-modal) * 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--offset-secondary);
}

.modal-order__bottom-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: var(--offset-extrasmall);
}

.modal-order__price {
    font-weight: var(--font-semibold);
    font-size: 1.5rem;
    line-height: 1.3;
}

.modal-order__col {
    font-weight: var(--font-regular);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-text-muted-dark);
}

.modal-order__btns,
.modal-order__btns-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--offset-extrasmall);
}

.modal-order__btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal-order__btns-right {
    margin-left: auto;
}

/**/
.modal-order>*:first-child {
    margin-top: 0;
}

@media screen and (max-width: 1023px) {

    .modal-order,
    .modal-order .modal__content {
        height: 100%;
    }

    .modal-order__top,
    .modal-order__items {
        margin-top: var(--offset-modal);
    }

    .modal-order__content-search .input::-webkit-input-placeholder {
        font-size: 0.875rem;
        line-height: 1.15;
    }

    .modal-order__content-search .input::-moz-placeholder {
        font-size: 0.875rem;
        line-height: 1.15;
    }

    .modal-order__content-search .input:-ms-input-placeholder {
        font-size: 0.875rem;
        line-height: 1.15;
    }

    .modal-order__content-search .input::-ms-input-placeholder {
        font-size: 0.875rem;
        line-height: 1.15;
    }

    .modal-order__content-search .input::placeholder {
        font-size: 0.875rem;
        line-height: 1.15;
    }

    .detail_order .modal-order__bottom .modal-order__btns {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .detail_order .modal-order__bottom .modal-order__btns .button_light {
        --btn-bg: var(--color-extralight);
    }
}


/* modal-upload */
.modal-upload {
    --width-modal: 24.875rem;
    --offset-modal: 2rem;
    --offset-modal-close: 1.25rem;
    --size-modal-close: 1.5rem;
    --radius-modal: var(--radius-semismall);

    --offset-block: var(--offset-main);
    --size-icon-block: 6.875rem;

    -webkit-box-shadow: 0 0.25rem 1.875rem 0 #00000012;

    box-shadow: 0 0.25rem 1.875rem 0 #00000012;
}

.modal-upload__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-block);
    text-align: center;
}

.modal-upload__icon {
    min-width: var(--size-icon-block);
    width: var(--size-icon-block);
    min-height: var(--size-icon-block);
    height: var(--size-icon-block);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-third);
    color: var(--color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-upload__icon svg {
    width: calc(var(--size-icon-block) * 31 / 55);
    height: calc(var(--size-icon-block) * 31 / 55);
}

.modal-upload__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.875rem;
}

.modal-upload__subtitle {
    font-size: 0.875rem;
    line-height: 1.2;
}

.modal-upload__descr {
    line-height: 1.15;
}

.modal-upload__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-extrasmall);
}

/* modal-finally */
.modal-finally {
    --width-modal: 50rem;

    --size-icon-block: 10rem;
}

.modal-finally__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-modal);
    text-align: center;
}

.modal-finally__icon {
    min-width: var(--size-icon-block);
    width: var(--size-icon-block);
    min-height: var(--size-icon-block);
    height: var(--size-icon-block);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-third);
    color: var(--color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-finally__icon svg {
    width: calc(var(--size-icon-block) * 3 / 5);
    height: calc(var(--size-icon-block) * 3 / 5);
}

.modal-finally__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-finally__descr {
    color: var(--color-text);
}

.modal-finally__descr:not(:first-child) {
    margin-top: var(--offset-main);
}

.modal-finally__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-extrasmall);
}

.modal-finally__icon._success {
    color: var(--color-success);
    background-color: var(--color-green-light);
}

.modal-finally__icon._error {
    color: var(--color-error);
    background-color: var(--color-error-light);
}

.modal-finally__icon._warning {
    color: var(--color-badge-warning-extradark);
    background-color: var(--color-badge-warning);
}

/* modal-delay */
.modal-delay {
    --width-modal: 70.1875rem;
    --offset-modal: var(--offset-medium);
    --offset-modal-close: var(--offset-medium);
    --radius-modal: var(--radius-secondary);
}

.modal-delay .close {
    --size-close: 1.5rem;
}


/* modal-product */
.modal-product {
    --width-modal: 50rem;
    --offset-modal: var(--offset-main);
    --offset-modal-close: var(--offset-extrabig);

    --offset-modal-secondary: var(--offset-medium);
}

.modal-product .modal__content {
    padding-bottom: 0;
}

.modal-product__top {
    padding-right: calc(var(--size-modal-close) + 1rem);
}

.modal-product__top>*:not(:first-child) {
    margin-top: var(--offset-extrasmall);
}

.modal-product__top-descr {
    color: var(--color-text-muted-secondary);
}

.modal-product__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-product__images.product-images {
    --height-slider: calc(var(--width-modal, 100%) / 2);
    --offset-slider: var(--offset-modal-secondary);
}

.modal-product__tabs.tabs-container {
    --offset-block: var(--offset-modal-secondary);
}

.modal-product__bottom-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-extrasmall);
}

.modal-product__bottom-btn .add-cart__wrapper {
    width: auto;
}

.modal-product__bottom-btn .add-cart__wrapper input {
    max-width: 4rem;
}

.modal-product__bottom-prices,
.modal-product__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-modal-secondary);
}

.modal-product__bottom {
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: var(--color-extralight);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--offset-modal-secondary) 0 var(--offset-modal);
}

.modal-product__price {
    font-weight: var(--font-semibold);
    font-size: 2rem;
    line-height: 1.2;
}

.modal-product__content>*:not(:first-child) {
    margin-top: var(--offset-modal-secondary);
}

.modal-product__content>.modal-product__bottom:not(:first-child) {
    margin-top: auto;
}

/* modal-stock */
.modal-stock {
    --width-modal: 70.1875rem;
    --offset-modal: var(--offset-medium);
    --size-modal-close: 1.5rem;
}

.modal-stock .modal__title span {
    color: var(--color-primary);
}

@media screen and (max-width: 1023px) {
    .modal-stock {
        --offset-modal: var(--offset-secondary);
        --offset-modal-close: var(--offset-extrasmall);
    }
}

/* modal-menu */
.modal-menu__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-menu__lang:not(._active) {
    color: var(--color-grey-middle-secondary);
}

.modal-menu__lang:active,
.modal-menu__lang._active {
    color: var(--color-text);
}

.modal-menu__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--offset-small);
    margin-top: var(--offset-secondary);
}

/* modal-search */
/* modal-search */
.modal-search {
    --columns: 2;
    --offset-block: var(--offset-extrasmall);
    --offset-modal: 0;
    --radius-modal: 0;
    --width-modal: calc(100% + var(--offset-secondary) * 2);

    width: calc(100% + var(--offset-secondary) * 2);
    height: calc(100% + var(--offset-secondary) * 2);
    height: 100dvh;
    margin: calc(var(--offset-secondary) * -1);
    background-color: var(--color-bg-mobile);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* .modal-search {
    -columns: 2;
    --offset-block: var(--offset-extrasmall);
    --offset-modal: 0;
    --radius-modal: 0;
    --width-modal: calc(100% + var(--offset-secondary) * 2);
    background-color: var(--color-bg-mobile);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: var(--height-modal, 100%);
} */

.modal-search .modal__content {
    overflow-y: auto;
    scrollbar-width: none;
}

.modal-search .modal__content::-webkit-scrollbar,
.modal-search .modal__content::-webkit-scrollbar-track,
.modal-search .modal__content::-webkit-scrollbar-thumb {
    display: none;
}

.modal-search .sidebar-aside {
    top: calc(var(--offset-secondary) * -1);
}

.modal-search__close {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}

.modal-search__close svg {
    display: block;
    width: 100%;
    height: 100%;
}

.modal-search__search-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 0.625rem 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
}

.modal-search__search-top .input {
    border: none;
}

.modal-search__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: var(--offset-block);
}

.modal-search__tabs {
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: none;
}

.modal-search__tabs::-webkit-scrollbar,
.modal-search__tabs::-webkit-scrollbar-track,
.modal-search__tabs::-webkit-scrollbar-thumb {
    display: none;
}

.modal-search__tabs-tab {
    font-size: 0.875rem;
    line-height: 1.15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.25rem var(--offset-small);
    border-radius: 1rem;
    overflow: hidden;
    background-color: var(--color-muted);
    min-height: 1.75rem;
}

.modal-search__tabs-wrapper {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-extrasmall);
    white-space: nowrap;
}

.modal-search__items .card-shop {
    --width-card: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns));
}

.modal-search__search-top,
.modal-search__wrapper,
.modal-search__items {
    margin-top: var(--offset-secondary);
}

/* modal-touch */
.modal-touch {
    width: 100%;
    height: 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-touch::before {
    content: '';
    width: 4rem;
    height: 0.25rem;
    background-color: var(--color-grey);
}

@media screen and (min-width: 1024px) {
    .modal-touch {
        display: none;
    }
}

/* modal-mobile */
.modal-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 80%;

    border-radius: 0;
    overflow-y: auto;
    scrollbar-width: none;
}

.modal-mobile::-webkit-scrollbar,
.modal-mobile::-webkit-scrollbar-track,
.modal-mobile::-webkit-scrollbar-thumb {
    display: none;
}

.modal-mobile .fancybox-button,
.modal-mobile .f-button.is-close-btn {
    display: none !important;
}

.modal-mobile__content {
    width: 100%;
    padding: 0 var(--grid-gap) var(--grid-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--offset-medium);
}

.modal-mobile__title {
    text-align: center;
}

/* modal-filters */
.modal-filters {}

.modal-filters__item-title {
    margin-bottom: var(--offset-modal);
}

.modal-filters__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--offset-modal);
}


@media screen and (max-width: 575px) {
    .modal.modal-full {
        width: calc(100% + var(--offset-secondary)* 2);
        max-width: calc(100% + var(--offset-secondary)* 2);
        min-height: calc(100% + var(--offset-secondary)* 2);
        border-radius: 0;
        margin: calc(var(--offset-secondary)* -1) !important;
        overflow-y: auto;
    }

    .modal__btns {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

/* modal-switching */
.modal-switching {
    --width-modal: 100.375rem;
}

.modal-switching .arrow {
    --size-svg: 3rem;
}

.modal-switching .section-carousel {
    --width-card: 37.3125rem;
}

.modal-switching .section__title {
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -1%;
}

@media screen and (min-width: 1024px) {
    .modal-switching {
        padding: 4rem 0 2.5rem;
    }
}

@media screen and (max-width: 1023px) {
    .modal-switching {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        max-height: 100%;
        padding: 0 0 var(--offset-main);
        overflow-y: auto;
        margin: 0 !important;
        scrollbar-width: none;
    }

    .modal-switching::-webkit-scrollbar,
    .modal-switching::-webkit-scrollbar-track,
    .modal-switching::-webkit-scrollbar-thumb {
        display: none;
    }

    .modal-switching .fancybox-button {
        display: none !important;
    }

    .modal-switching .section-carousel {
        height: calc(100% - 2.25rem);
    }

    .modal-switching .section-carousel .section__bg,
    .modal-switching .section-carousel .section__bg>.container {
        height: 100%;
    }

    .modal-switching .section-carousel .section__bg>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modal-switching .section-carousel__slider {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modal-switching .section-carousel .section__bottom {
        margin-top: auto;
    }
}

@media screen and (max-width: 575px) {
    .modal-switching {
        height: 80%;
    }

}

/* modal-lk */
.modal-auth {
    --width-modal: 37.375rem;
}

.modal-auth__content {
    padding: var(--offset-main);
}

.modal-auth__form:not(:first-child) {
    margin-top: 2.75rem;
}

.modal-auth__title {
    text-align: center;
    font-weight: var(--font-medium);
    font-size: 2.5rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.modal-auth .field.field__error .input::-webkit-input-placeholder {
    color: var(--color-error);
}

.modal-auth .field.field__error .input::-moz-placeholder {
    color: var(--color-error);
}

.modal-auth .field.field__error .input:-ms-input-placeholder {
    color: var(--color-error);
}

.modal-auth .field.field__error .input::-ms-input-placeholder {
    color: var(--color-error);
}

.modal-auth .field.field__error .input,
.modal-auth .field.field__error .input::placeholder {
    color: var(--color-error);
}

.modal-auth__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-auth__form-hint {
    margin-top: var(--gap);
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    color: var(--color-error);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    max-height: 1000px;
}

.modal-auth__form:not(.form-error) .modal-auth__form-hint {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .modal-auth {
        --width-modal: 21.4375rem;
    }

    .modal-auth__content {
        padding-top: var(--offset-big);
    }

    .modal-auth__title {
        font-size: 1.75rem;
        line-height: 1.5;
    }
}

@media screen and (max-width: 575px) {
    .modal-auth__form.form {
        --gap: var(--offset-medium);
    }
}

/* modal-lk */
.modal-lk {
    --size-close: 2.25rem;

    height: 100%;
    margin-bottom: 0 !important;
}

.modal-lk__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-lk__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--offset-small) 0;
}

.modal-lk__close {
    min-width: var(--size-close);
    width: var(--size-close);
    min-height: var(--size-close);
    height: var(--size-close);
}

.modal-lk__close svg {
    display: block;
    width: 100%;
    height: 100%;
}

.modal-lk__bottom {
    padding-top: var(--offset-medium);
    padding-bottom: 2.375rem;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-extrasmall);
}

.modal-lk__bottom .button {
    width: 21.875rem;
    max-width: 100%;
}

.modal-lk__nav,
.modal-lk__menu {
    width: 100%;
}

.modal-lk__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.modal-lk__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--offset-extrasmall);
    padding: var(--offset-secondary) 0;
    border-bottom: 0.0625rem solid var(--color-grey);
}

.modal-lk__item-link svg {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}

@media screen and (max-width: 575px) {
    .modal-lk__bottom {
        padding-bottom: var(--offset-small);
    }
}

/* modal-remove */
.modal-remove {}

.modal-remove__content {
    padding: 3rem var(--offset-big) var(--offset-big);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-remove__title {
    font-weight: var(--font-medium);
    font-size: 1.75rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.modal-remove__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--offset-medium);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: var(--offset-small);
}

@media screen and (max-width: 1023px) {
    .modal-remove {
        --width-modal: 21.875rem;
    }

    .modal-remove__content {
        padding: 3rem var(--offset-small) var(--offset-medium);
    }

    .modal-remove__title {
        font-size: 1.25rem;
    }

    .modal-remove__btns .button {
        --size-btn: 2.5rem;
    }
}

/* Фикс для iOS - безопасная зона */
/* .sidebar-aside {
    height: 100vh;
    padding-bottom: env(safe-area-inset-bottom);
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
} */

/* Убедитесь, что родительский контейнер тоже имеет правильную высоту */
.modal-search {
    height: 100%;
    min-height: 100vh;
}

/* Фикс для старых версий iOS */
@media screen and (max-width: 1023px) {
    .sidebar-aside {
        position: fixed;
        bottom: 0;
        width: 100%;
        max-height: 100%;
    }
}

/* Для iOS Safari */
.sidebar-aside {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (max-width: 1023px) {
    .sidebar-aside {
        padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    }
}

/* Попапы Битрикса (медиабиблиотека, HTML-редактор) при правке на сайте: глобальный
   reset (* { border:none; background:transparent }) раздевал нативные контролы формы.
   Возвращаем им стандартное оформление ТОЛЬКО внутри диалогов Битрикса.
   ВАЖНО: нельзя использовать [class^="bx-"] / [class*=" bx-"] — этот селектор цепляет
   <html class="bx-core bx-win ..."> (Битрикс вешает эти классы на каждой странице) и
   через него revert раздевает ВСЕ кнопки/инпуты сайта (кнопка «Войти» становилась
   белой на сером фоне). Перечисляем только реальные контейнеры диалогов Битрикса. */
:is(.popup-window, .bx-core-adm-dialog, .bx-core-editor-dialog-content, .mlsd, .mlsd-frame, [class*="medialib"]) :is(input, textarea, button, select) {
    border: revert;
    background-color: revert;
    padding: revert;
}


/* На тёмных страницах сайта диалоги Битрикса (HTML-редактор, медиабиблиотека)
   наследовали белый цвет текста — подписи полей становились невидимыми.
   Возвращаем тёмный текст в теле диалогов; заголовок окна оставляем как есть. */
.bx-core-adm-dialog,
.bx-core-editor-dialog-content,
.mlsd-frame,
.mlsd,
[class*="medialib"] {
    color: #2c2c2c;
}
.bx-core-adm-dialog-head,
.bx-core-adm-dialog-head *,
.ml-title-cell,
.ml-title-cell * {
    color: #fff;
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/typography.css?17827447254030*/

body {
    color: var(--color-text-extralight);
    font-family: var(--font-family);
    font-weight: var(--font-regular);
    line-height: 1.4;
    font-size: 1rem;
}

@media screen and (max-width: 1023px) {
    body {
        color: var(--color-text-dark);
    }
}

.font-title {
    font-family: var(--font-title-family, var(--font-family));
}

b,
strong {
    font-weight: var(--font-semibold);
}

h1, .h1 {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: var(--font-semibold);
    letter-spacing: -0.02em;
}
h2, .h2 {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: var(--font-semibold);
}
h3, .h3 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: var(--font-semibold);
}
h4, .h4 {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: var(--font-semibold);
}

@media screen and (max-width: 1023px) {
    h1, .h1 {
        font-size: 1.5rem;
    }
    h2, .h2 {
        font-size: 1.25rem;
    }
    h2.section__title, 
    .h2.section__title {
        font-size: 1.5rem;
    }
    h3, .h3 {
        font-size: 1.125rem;
    }
}

.medium {
    font-weight: var(--font-medium);
}
.semibold {
    font-weight: var(--font-semibold);
}


/* content */
.content ul:not([class]),
.content ol:not([class]) {
    padding-left: 1.5rem;
}
.content ul:not([class]) li {
    list-style-type: disc;
}
.content ol:not([class]) li {
    list-style-type: numeric;
}

.content p:not(:first-child),
.content ul:not([class]):not(:first-child),
.content ol:not([class]):not(:first-child),
.content li:not([class]):not(:first-child) {
    margin-top: 0.75em;
}
.content p:not(:last-child),
.content ul:not([class]):not(:last-child),
.content ol:not([class]):not(:last-child),
.content li:not([class]):not(:last-child) {
    margin-bottom: 0.75em;
}
.content ul,
.content ol {
    text-align: left;
}

sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
sub,
sup {
    font-size: 0.75em;
}
/* Файловые ссылки (PDF и др. документы) в контенте — кликабельные карточки с иконкой.
   Добавляются в визуальном редакторе как обычная ссылка на файл. */
main a[href$=".pdf" i],
main a[href$=".doc" i],
main a[href$=".docx" i],
main a[href$=".xls" i],
main a[href$=".xlsx" i],
main a[href$=".ppt" i],
main a[href$=".pptx" i],
main a[href$=".zip" i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
    margin: 0.25rem 0.5rem 0.25rem 0;
    padding: 0.625rem 0.875rem;
    border: 1px solid #e1e4ea;
    border-radius: 0.625rem;
    background: #fff;
    color: #222;
    font-weight: 500;
    text-decoration: none;
    vertical-align: middle;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

main a[href$=".pdf" i]:hover,
main a[href$=".doc" i]:hover,
main a[href$=".docx" i]:hover,
main a[href$=".xls" i]:hover,
main a[href$=".xlsx" i]:hover,
main a[href$=".ppt" i]:hover,
main a[href$=".pptx" i]:hover,
main a[href$=".zip" i]:hover {
    border-color: #2f6fed;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

main a[href$=".pdf" i]::before,
main a[href$=".doc" i]::before,
main a[href$=".docx" i]::before,
main a[href$=".xls" i]::before,
main a[href$=".xlsx" i]::before,
main a[href$=".ppt" i]::before,
main a[href$=".pptx" i]::before,
main a[href$=".zip" i]::before {
    content: "";
    flex: none;
    width: 22px;
    height: 22px;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Z' stroke='%23d12d2d' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M14 2v6h6' stroke='%23d12d2d' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/elements/buttons.css?177577232317611*/

/* buttons */
.button {
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-text-extralight);
    --btn-border: var(--btn-bg);
    --btn-padding: 1.25rem;
    --btn-gap: var(--offset-small);
    --size-btn: 2.75rem;
    --size-svg: var(--size-icon);

    min-height: var(--size-btn);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--btn-gap);
    border: 0.0625rem solid var(--btn-border);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: var(--radius);
    padding: calc(var(--offset-extrasmall) / 2) var(--btn-padding);
    white-space: nowrap;
    position: relative;

    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}

.button input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}
.button-checkbox {
    --btn-padding: 1.25rem;
    --size-btn: 2.75rem;
    --size-svg: var(--size-icon);

    min-height: var(--size-btn);
    border-radius: var(--radius);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--offset-small);
    padding: calc(var(--offset-extrasmall) / 2) var(--btn-padding);
    white-space: nowrap;
    position: relative;

    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}
.button-checkbox > svg {
    display: block;
    width: var(--size-svg);
    height: var(--size-svg);
}
.button-checkbox .checkbox__check,
.button-checkbox .radio__check {
    align-self: center;
}
.button-checkbox.checkbox input, 
.button-checkbox.radio input {
    top: 50%;
    left: calc(var(--btn-padding) + calc(var(--size-check) / 2));
    transform: translateY(-50%) translateX(-50%);
}

.button__badge {
    position: absolute;
    top: -0.125rem;
    right: -0.125rem;
    border-radius: 1rem;
    height: 1rem;
    min-width: 1rem;
    padding: 0 0.25rem;
    font-weight: var(--font-semibold);
    font-size: 0.5625rem;
    line-height: 1.36;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-cart-badge);
    color: var(--color-text-extralight);
}
.button__badge._hidden {
    display: none;
}

/* sizes */
.button_small,
.button-checkbox_small {
    --btn-gap: var(--offset-extrasmall);
    --btn-padding: 1rem;
    --size-btn: 2rem;
    --size-svg: var(--size-icon-medium);

    font-size: 0.875rem;
    line-height: 1.2;
}

/* button-filter */
.button-filter {
    --size-btn: 2.75rem;
    --size-svg: var(--size-icon);
    --color-svg: transparent;
    --btn-color: var(--color-text-muted-dark);
    --btn-bg: transparent;
    --bnt-border: var(--btn-bg);

    min-height: var(--size-btn);
    height: var(--size-btn);
    min-width: var(--size-btn);
    width: var(--size-btn);
    padding: 0;
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: var(--radius);
    border: 0.0625rem solid var(--bnt-border);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative;
    transition: var(--transition);
}
.button-filter svg path {
    transition: var(--transition);
}

/* square */
.button-square,
.button-circle {
    height: var(--size-btn);
    min-width: var(--size-btn);
    width: var(--size-btn);
    padding: 0;
}
.button-circle {
    border-radius: 50%;
}

/* svg */
.button svg,
.button__tag {
    min-height: var(--size-svg);
    height: var(--size-svg);
    min-width: var(--size-svg);
    width: var(--size-svg);
}
.button__tag {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: currentColor;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--btn-color);
    color: var(--color-text-dark);
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.36;
}
.button__down {
    display: flex;
    transition: var(--transition);
}

/* fullwidth */
.button_fullwidth {
    width: 100%;
}

/* size */
.button_medium {
    --btn-padding: 0.25rem;
    --btn-gap: 0.25rem;
    --size-btn: 2.375rem;
    --size-svg: var(--size-icon-small);
}

/* buttons colors */
.button_secondary {
    --btn-bg: var(--color-secondary);
}
.button_third {
    --btn-bg: var(--color-third);
    --btn-color: var(--color-primary);
}
.button_light {
    --btn-bg: var(--color-muted);
    --btn-color: var(--color-text-dark);
}
.button_white {
    --btn-bg: var(--color-extralight);
    --btn-color: var(--color-text-dark);
}
.button_extralight {
    border: none;
    --btn-bg: rgba(255,255,255, 0.1);
}
.button_transparent {
    --btn-bg: transparent;
    --btn-color: var(--color-text-dark);
}
.button_outlined {
    --btn-bg: transparent;
    --btn-border: var(--color-border);
    --btn-color: var(--color-text-dark);
}
.button_outlined-light {
    --btn-bg: transparent;
    --btn-border: var(--color-border);
    --btn-color: var(--color-text-dark);
}
.button_muted {
    --btn-bg: var(--color-muted-dark);
    --btn-color: var(--color-text-dark);
}
.button_error {
    --btn-bg: var(--color-badge-red);
    --btn-color: var(--color-badge-red-extradark);
    --btn-border: var(--color-badge-red-dark);
}

/* pill */
.button_pill {
    --btn-bg: var(--color-muted);
    --btn-color: var(--color-text-dark);
    --btn-gap: var(--offset-extrasmall);
    --btn-padding: 1rem;
    --size-btn: 2.25rem;
    --size-svg: var(--size-icon-medium);

    font-size: 0.875rem;
    border-radius: 3.125rem;
}
.button_pill-small {
    --btn-bg: var(--color-muted);
    --btn-color: var(--color-text-dark);
    --btn-gap: var(--offset-extrasmall);
    --btn-padding: 0.75rem;
    --size-btn: 1.8125rem;
    --size-svg: var(--size-icon-small);

    font-size: 0.75rem;
    border-radius: 3.125rem;
}
input:checked + .button_pill,
input:checked + .button_pill-small,
.button_pill._active,
.button_pill-small._active {
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-text-extralight);
}

@media screen and (min-width: 1024px) {
    /* hover */
    .button:hover {
        --btn-bg: var(--color-primary-light);
    }

    /* buttons colors */
    .button_secondary:hover {
        --btn-bg: var(--color-secondary-light);
    }
    .button_third:hover {
        --btn-bg: var(--color-third-light);
    }
    .button_light:hover {
        --btn-bg: var(--color-muted-light);
    }
    .button_white:hover {
        --btn-bg: var(--color-third-light);
    }
    .button_extralight:hover {
        --btn-bg: var(--color-muted-darkest);
    }
    .button_transparent:hover {
        --btn-bg: var(--color-muted-light);
    }
    .button_outlined:hover {
        --btn-bg: transparent;
        --btn-border: var(--color-primary);
    }
    .button_outlined-light:hover {
        --btn-bg: transparent;
        --btn-border: var(--color-primary);
        color: var(--color-primary);
    }
    .button_muted:hover {
        --btn-bg: var(--color-muted);
    }
    .button_error:hover {
        --btn-bg: var(--color-badge-red);
        --btn-color: var(--color-badge-red-extradark);
        --btn-border: var(--color-badge-red);
    }

    /**/
    .button_pill:hover,
    .button_pill-small:hover {
        --btn-bg: var(--color-muted-light);
    }
    input:checked + .button_pill:hover,
    .button_pill._active:hover,
    input:checked + .button_pill-small:hover,
    .button_pill-small._active:hover {
        --btn-bg: var(--color-primary-light);
    }

    /**/
    .button-filter:hover {
        --btn-bg: var(--color-muted);
    }
}

@media screen and (max-width: 1023px) {
    .button_big {
        --size-btn: 3rem;
    }
    .button-filter {
        --bnt-border: var(--color-border);
    }
}

.button:active,
.button._active,
input:checked + .button {
    --btn-bg: var(--color-primary-dark);
}

.button_secondary:active,
.button_secondary._active,
input:checked + .button_secondary {
    --btn-bg: var(--color-secondary-dark);
}

.button_third:active,
.button_third._active,
input:checked + .button_third {
    --btn-bg: var(--color-third-dark);
}

.button_light:active,
.button_light._active,
input:checked + .button_light {
    --btn-bg: var(--color-muted-dark);
}

.button_white:active,
.button_white._active,
input:checked + .button_white  {
    --btn-bg: var(--color-muted-dark);
}

.button_extralight:active,
.button_extralight._active,
input:checked + .button_extralight {
    --btn-bg: var(--color-secondary-light);
}

.button_transparent:active,
.button_transparent._active,
input:checked + .button_transparent {
    --btn-bg: var(--color-muted-dark);
}

.button_outlined:active,
.button_outlined._active,
input:checked + .button_outlined {
    --btn-bg: transparent;
    --btn-border: var(--color-primary);
    box-shadow: 0 0 0 0.0625rem var(--color-primary);
}

.button_outlined-light:active,
.button_outlined-light._active,
input:checked + .button_outlined-light {
    --btn-bg: var(--color-third);
    --btn-border: var(--color-third);
    color: var(--color-primary);
}

.button_muted:active,
.button_muted._active,
input:checked + .button_muted {
    --btn-bg: var(--color-muted-darkest);
}

.button_error:active,
.button_error._active,
input:checked + .button_error {
    --btn-bg: var(--color-badge-red-dark);
    --btn-color: var(--color-badge-red-extradark);
    --btn-border: var(--color-badge-red-dark);
}

/**/
.button-filter:active,
.button-filter._active,
input:checked + .button-filter {
    --btn-bg: var(--color-muted);
    --btn-color: var(--color-text-dark);
    --color-svg: var(--color-text-dark);
}

/**/
.button_pill:active,
.button_pill-small:active {
    --btn-bg: var(--color-muted-dark);
}
input:checked + .button_pill:active,
.button_pill._active:active,
input:checked + .button_pill-small:active,
.button_pill-small._active:active {
    --btn-bg: var(--color-primary-dark);
}

/**/
.button:active .button__down,
.button._active .button__down,
input:checked + .button .button__down {
    transform: rotate(180deg);
}

/**/
/* .button:focus-visible {
    box-shadow: var(--shadow);
} */

.button[disabled] {
    pointer-events: none;
    --btn-bg: var(--color-disabled);
    --btn-color: var(--color-text-muted);
    --btn-border: var(--btn-bg);
}

/* menu-button */
@keyframes menu-button-show {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }
    50% {
        transform: translate(-50%, -50%) scale(0);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}
@keyframes menu-button-hide {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(0);
    }
    100% {
        transform: translate(-50%, -50%) scale(0);
    }
}
.menu-button {
    --btn-bg: rgba(255,255,255, 0.05);
    --btn-color: var(--color-text-extralight);
    --size-btn: 2.75rem;
    --size-svg: var(--size-icon);

    min-height: var(--size-btn);
    height: var(--size-btn);
    min-width: var(--size-btn);
    width: var(--size-btn);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: 50%;
    position: relative;
    transition: var(--transition);
}
.menu-button__badge {
    display: block;
    position: absolute;
    top: -0.125rem;
    right: -0.125rem;
    border-radius: 10rem;
    height: 1rem;
    min-width: 1rem;
    padding: 0 0.1875rem;
    background-color: var(--color-cart-badge);
    color: var(--color-text-extralight);
    font-weight: var(--font-semibold);
    font-size: 0.5625rem;
    line-height: 1.36;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.menu-button .menu-button__visible,
.menu-button .menu-button__hidden {
    display: block;
    width: var(--size-svg);
    height: var(--size-svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition-long);
}
.menu-button .menu-button__visible svg,
.menu-button .menu-button__hidden svg {
    width: 100%;
    height: 100%;
    display: block;
}
/* active */
.menu-button._active .menu-button__visible {
    animation: menu-button-hide 0.5s;
    opacity: 0;
}
.menu-button:not(._active) .menu-button__visible {
    /* animation: menu-button-show 0.5s; */
    opacity: 1;
}
.menu-button._active .menu-button__hidden {
    animation: menu-button-show 0.5s;
    opacity: 1;
}
.menu-button:not(._active) .menu-button__hidden {
    animation: menu-button-hide 0.5s;
    opacity: 0;
}

@media screen and (min-width: 1024px) {
    .menu-button:hover {
        --btn-bg: rgba(255,255,255, 0.1);
    }
}
.menu-button:active {
    --btn-bg: rgba(255,255,255, 0.2);
}


/* link-icon */
.link-icon {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
    width: fit-content;
    max-width: 100%;
    font-weight: var(--font-semibold);
    color: var(--color-text);
}
.link-icon svg {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}

@media screen and (min-width: 1024px) {
    .link-icon:hover {
        color: var(--color-text-muted-dark);
    }
}

.link-icon:active {
    color: var(--color-text-dark);
}

/* label-button */
.label-button {
    width: fit-content;
    max-width: 100%;
    position: relative;
    display: block;
}
.label-button input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}


/* label-btn */
.label-btn {
    height: auto;
    position: relative;
}
.label-btn input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}
.label-btn__btn {
    --btn-border: var(--color-border);
    --btn-size-border: 0.03175rem;
    --btn-bg: var(--color-extralight);
    --btn-offset: var(--offset-medium);
    --btn-size-icon: var(--size-icon);
    --btn-size-more: var(--size-icon-medium);

    height: 100%;
    width: 100%;
    border-radius: var(--radius-semismall);
    min-width: var(--btn-width, 0);
    display: inline-flex;
    flex-direction: column;
    border: var(--btn-size-border) solid var(--btn-border);
    background-color: var(--btn-bg);
    padding: var(--btn-offset);
    position: relative;
    transition: var(--transition);
    color: var(--color-text-dark);
}
.label-btn__btn > *:not(:first-child) {
    margin-top: var(--offset-small);
} 
.label-btn__btn-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.25rem;
}
.label-btn__btn-title {
    font-weight: var(--font-semibold);
}
.label-btn__btn-more {
    display: block;
    min-width: var(--btn-size-more);
    width: var(--btn-size-more);
    min-height: var(--btn-size-more);
    height: var(--btn-size-more);
    color: var(--color-text-muted-dark);
    transition: var(--transition);
}
.label-btn__btn-item {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}
.label-btn__btn-icon {
    align-self: start;
    display: block;
    min-width: var(--btn-size-icon);
    width: var(--btn-size-icon);
    min-height: var(--btn-size-icon);
    height: var(--btn-size-icon);
}
.label-btn__btn-item svg,
.label-btn__btn-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 1024px) {
    .label-btn__btn-more:hover {
        color: var(--color-text);
    }
}
.label-btn__btn-more:active {
    color: var(--color-text-dark);
}

.label-btn input:checked + .label-btn__btn {
    --btn-border: var(--color-primary);

    box-shadow: 0 0 0 0.09375rem var(--btn-border);
}

/* button-vertical */
.button-vertical {
    padding: var(--offset-medium);
    border-radius: var(--radius);
    display: flex;
    gap: var(--offset-extrasmall);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
    background-color: var(--color-third);
    border: 0.0625rem solid var(--color-primary-light);
    color: var(--color-primary);
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: var(--font-semibold);

    transition: var(--transition);
    width: 100%;
    max-width: 10rem;
    height: auto;
}
.button-vertical svg {
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
}

@media screen and (min-width: 1024px) {
    .button-vertical:hover {
        background-color: var(--color-extralight);
    }
}
.button-vertical:active {
    box-shadow: 0 0 0 0.125rem var(--color-primary-light);
}
@media screen and (max-width: 1023px) {
    .button-vertical {
        flex-direction: row;
        padding: var(--offset-extrasmall) var(--offset-medium);
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/elements/tabs.css?17757723232364*/

/* tabs */
.tabs {
    --offset-tabs: 0.125rem;
    --color-tabs: var(--color-text-dark);
    --bg-tabs: rgba(0,0,0, 0.05);

    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}
.tabs::-webkit-scrollbar,
.tabs::-webkit-scrollbar-track,
.tabs::-webkit-scrollbar-thumb {
    display: none;
}
.tabs__list {
    display: flex;
    align-items: center;
    gap: var(--offset-tabs);
    width: fit-content;
    padding: var(--offset-tabs);
    border-radius: var(--radius-semismall);
    background-color: var(--bg-tabs);
    color: var(--color-tabs);
}
.tabs__tab {
    position: relative;
    display: block;
}
.tabs__tab input {
    display: none;
}


/* tab */
.button-tab {
    --btn-bg: transparent;
    --btn-gap: var(--offset-extrasmall);
    --size-btn: 2.5rem;
    --btn-color: currentColor;
    --btn-icon-color: var(--color-text-muted-dark);

    width: 100%;
    min-height: var(--size-btn);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--btn-gap);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: var(--radius-small);
    padding: calc(var(--offset-extrasmall) / 2) var(--offset-small);
    white-space: nowrap;
    position: relative;
    cursor: pointer;

    font-weight: var(--font-regular);
    font-size: 1rem;
    line-height: 1.4;
    transition: var(--transition);
}
.button-tab svg,
.button-tab__num {
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
}
.button-tab svg {
    color: var(--btn-icon-color);
    transition: var(--transition);
}
.button-tab__num {
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 0.75rem;
    line-height: 1.36;
    background-color: var(--color-secondary-dark);
    color: var(--color-text-extralight);
}

@media screen and (min-width: 1024px) {
    .button-tab:hover {
        --btn-bg: rgba(0,0,0, 0.05);
        --btn-icon-color: var(--color-text-dark);
    }
}

.button-tab:active,
.button-tab._active,
input:checked + .button-tab {
    --btn-bg: var(--color-extralight);
    --btn-icon-color: var(--color-text-dark);
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/elements/forms.css?178178229538489*/


/* forms */
.form {
    --gap: var(--offset-secondary);
    --gap-small: var(--offset-small);

    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.form-small {
    --gap: var(--gap-small);

    width: 100%;
    max-width: 36.6875rem;
}

/**/
.form-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
}
.form-inputs__three {
    grid-template-columns: repeat(3, 1fr);
}

/**/
.form-privacy {
    font-weight: var(--font-regular);
    font-size: var(--gap-small);
    line-height: 1.15;
    color: var(--color-text);
}
.form-privacy a {
    font-weight: var(--font-semibold);
    color: var(--color-primary);
}

/**/
.form-bottom {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.form-bottom._start {
    align-items: start;
}
.form-bottom._center {
    align-items: center;
}
.form-bottom._end {
    align-items: end;
}

/* field */
.field {
    --size-icon-hint: 1rem;

    display: block;
    position: relative;
    transition: var(--transition);
}
.field__wrapper {
    display: block;
    position: relative;
}
.field__label-wrapper {
    position: relative;
}
.field__label {
    display: block;
    position: relative;
}
.field__caption-top {
    display: block;
    font-weight: var(--font-medium);
    font-size: 0.9375rem;
    line-height: 1.33;
    color: var(--color-text-dark);
    margin-bottom: var(--offset-extrasmall);
}
.field__caption,
.field__caption-static {
    position: absolute;
    max-width: 100%;
    color: var(--color-text-muted-dark);
    pointer-events: none;
    transition: var(--transition);

    left: var(--offset-medium);
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.field__caption svg,
.field__caption-static svg {
    display: inline-block;
    width: auto;
    height: 1em;
}
.field__hint {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: var(--offset-extrasmall);
    transition: var(--transition);
    max-height: 1000px;
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.33;
    color: var(--color-text);
}
.field__hint-icon {
    min-width: var(--size-icon-hint);
    width: var(--size-icon-hint);
    min-height: var(--size-icon-hint);
    height: var(--size-icon-hint);
}
.field__hint-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.field__clear,
.field__view,
.field__right {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    height: var(--height-input);
    width: calc(var(--size-icon-medium) + var(--offset-medium));
    color: var(--color-text-muted-dark);
    transition: var(--transition);
}
.field__clear svg,
.field__view svg,
.field__right svg {
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
    display: block;
}
.field:not(.field__entered) .field__clear,
.field:not(.field__entered) .field__view {
    opacity: 0;
    pointer-events: none;
}

/* hint hidden */
.form-checkbox:not(.field__hint-visible) .field__hint,
.field-file__label:not(.field__hint-visible) .field__hint,
.field-image__label:not(.field__hint-visible) .field__hint,
.field:not(.field__hint-visible) .field__hint {
    max-height: 0;
    margin-top: 0;
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
    visibility: visible;
}
/* required */
.field.field__required .field__caption::after,
.field.field__required .field__caption-static::after,
.field.field__required .field__caption-top::after {
    margin-left: 0.125rem;
    content: '*';
    color: var(--color-error-dark);
}
@media screen and (min-width: 1024px) {
    .field__clear:hover,
    .field__view:hover,
    .field__right:hover {
        color: var(--color-text-muted);
    }
}
.field__clear:active,
.field__view:active,
.field__right:active {
    color: var(--color-text-dark);
}

/* input */
.input {
    display: inline-block;
    width: 100%;
    min-height: var(--height-input);
    height: var(--height-input);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-input);
    background-color: var(--color-extralight);
    padding: var(--offset-secondary) var(--offset-medium) 0;
    color: var(--color-text-dark);
    transition: var(--transition);
    font-weight: var(--font-regular);
    font-size: 1rem;
}
.input[type="password"] {
    letter-spacing: 0.24em;
}

/* text editor */
.jodit-container:not(.jodit_inline) {
    background-color: var(--color-extralight);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-input);
}
.jodit-toolbar__box:not(:empty) {
    border-radius: var(--radius-input) var(--radius-input) 0 0;
}
.jodit-status-bar {
    border-radius: 0 0 var(--radius-input) var(--radius-input);
}


.input-placeholder {
    padding-top: 0;
}

/* textarea */
textarea.input {
    min-height: 6.75rem;
    resize: none;
    overflow: hidden;
    padding: var(--offset-small) var(--offset-secondary);
}
textarea.input ~ .field__caption,
textarea.input ~ .field__caption-static {
    top: var(--offset-small);
    transform: none;
}
textarea.input:not(select):focus ~ .field__caption,
textarea.input:not(select):not(:placeholder-shown) ~ .field__caption,
textarea.input:not(select):not(:placeholder-shown) ~ .field__caption-static {
    opacity: 0;
}

/* input-block */

.input-block {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--offset-extrasmall);
    padding-top: var(--offset-extrasmall);
    padding-bottom: var(--offset-extrasmall);
    height: auto;
}
.input-block:empty::before {
    content: 'Введите название';
}

/* radonly */
.input[readonly] {
    pointer-events: none;
    color: var(--color-muted);
}

/* placeholder */
.input::placeholder {
    letter-spacing: 0;
    color: var(--color-text-muted-dark);
    transition: var(--transition);
}
input:placeholder-shown {
    text-overflow: ellipsis;
}

/* entered */
.field.field__entered .input {
    padding-right: calc(var(--size-icon-medium) + var(--offset-medium) + var(--offset-extrasmall));
}

/* select */
.field__list {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--radius);
    overflow: hidden;
    width: 100%;
    background-color: var(--color-extralight);
    padding: 0.25rem 0;
    z-index: 20;
    border: 0.0625rem solid var(--color-border);
    display: grid;

    transition: var(--transition);
    grid-template-rows: 0fr;
    transform: translateY(var(--height-input));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    text-align: left;
}
.field__list-wrapper {
    transition: var(--transition);
    max-height: 20rem;
    overflow-y: auto;
    padding-right: 0.25rem;
    margin-right: 0.25rem;
}
.field__list-wrapper::-webkit-scrollbar {
    width: 0.25rem;
    border-radius: 0.25rem;
    background-color: var(--color-muted);
}
.field__list-wrapper::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: var(--color-muted-dark);
}
.field__list-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}

.field__list-item {
    padding: var(--offset-small);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    color: var(--color-text-muted-dark);
}
.field__list-item span {
    white-space: wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.field__list-item._hidden {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}
.field__list-item[data-select-null] {
    display: none;
}
@media screen and (min-width: 1024px) {
    .field__list-item:hover {
        color: var(--color-text-dark);
    }
}
.field__list-item:active,
.field__list-item._active {
    color: var(--color-text-dark);
}

/* select active */
.field:not(._active) {
    /* overflow: hidden; */
}
.field:not(._active) .field__list {
    max-height: 0;
    padding: 0;
}
.field._active .input {
    color: var(--color-text);
}
.field._active .field__list {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(calc(var(--height-input) + var(--offset-extrasmall)));
    border-color: var(--color-border);
}
.field._active .field__down svg {
    transform: rotate(180deg);
}

/* hover */
@media screen and (min-width: 1024px) {
    .field .input:hover {
        border-color: var(--color-primary);
    }
}
/* focus */
.field .input:focus{
    box-shadow: 0 0 0 0.0625rem var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-text-dark);
}
.input:focus::placeholder {
    color: transparent;
}

/* focus caption */
.input:not(select):focus ~ .field__caption,
.input:not(select):not(:placeholder-shown):not(.input-block) ~ .field__caption,
.field__caption-static {
    transform: none;
    top: 0.25rem;
    font-size: 0.75rem;
    transform: none;
}


/* disabled */
.field[disabled],
.select[disabled],
.select-small[disabled] {
    pointer-events: none;
}
.field[disabled] .input,
.select[disabled] .input,
.select-small[disabled] .input {
    border-color: var(--color-border);
    background-color: rgba(0,0,0, 0.05);
}
.field[disabled] .input,
.field-btn[disabled] .field-btn__btn:not([class*="color-"]),
.field-btn[disabled] .field-btn__btn-fake:not([class*="color-"]),
.field[disabled] .field__down,
.select[disabled] .input,
.select-small[disabled] .input {
    color: var(--color-text-muted-dark);
}


.field[disabled] .field__clear,
.field[disabled] .field__view {
    opacity: 0;
}

/* error */
.field.field__error .input {
    border-color: var(--color-error);
    background-color: var(--color-error-light);
}
.field-file__label.field__error .field__hint,
.field-image__label.field__error .field__hint,
.field.field__error .field__hint {
    color: var(--color-error);
}

/* success */
.field.field__success .input {
    border-color: var(--color-success);
}
.field-file__label.field__success .field__hint,
.field-image__label.field__success .field__hint,
.field.field__success .field__hint {
    color: var(--color-success);
}

@media screen and (min-width: 1024px) {
    .field.field__error .input:hover {
        border-color: var(--color-error-dark);
    }
}

.field.field__error .input:focus {
    box-shadow: 0 0 0 0.0625rem var(--color-error);
    border-color: var(--color-error);
    background-color: var(--color-extralight);
}

/* choice */
.field__choice-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
}
.field__choice-list:not(:empty) {
    margin-top: 0.25rem;
}



/* field-btn */
.field-btn {
}
.field-btn__btn,
.field-btn__btn-fake {
    position: absolute;
    top: 0;
    height: var(--height-input);
    width: calc(var(--size-icon-medium) + var(--offset-medium));
    display: flex;
    align-items: center;
    transition: var(--transition);
}
.field-btn__btn {
    color: var(--color-text);
}
.field-btn__btn-fake {
    pointer-events: none;
    color: var(--color-text-muted-dark);
}

.field-btn__btn svg,
.field-btn__btn-fake svg,
.field-btn__btn-fake .preloader {
    width: var(--size-icon-medium);
    height: var(--size-icon-medium);
}
.field-btn__btn input,
.field-btn__btn-fake input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0;
}
.field.field__entered .field-btn__btn {
    /* opacity: 0; */
    /* pointer-events: none; */
}

/* field-btn + dropfile */
.field-btn__more {
    margin-top: var(--offset-extrasmall);
    display: flex;
    align-items: center;
    justify-content: end;
    gap: var(--offset-extrasmall);
}


.field.field__entered .field-btn__more,
.field-file__full + .field-btn__more {
    display: none;
}

/**/
.field-btn_btn-right .field-btn__btn,
.field-btn_fake-right .field-btn__btn-fake {
    right: 0;
    justify-content: start;
}
.field-btn_btn-left .field-btn__btn,
.field-btn_fake-left .field-btn__btn-fake {
    left: 0;
    justify-content: end;
}
.field-btn_btn-left .input,
.field-btn_fake-left .input {
    padding-left: calc(var(--size-icon-medium) + var(--offset-medium) + var(--offset-extrasmall));
}

@media screen and (min-width: 1024px) {
    .field-btn__btn:hover {
        color: var(--color-text-muted-dark);
    }
}
.field-btn__btn:active {
    color: var(--color-text-dark);
}













.input-line {
    border-right: none;
    border-left: none;
    border-top: none;
    border-radius: 0;
    border-color: var(--color-text);
    color: var(--color-text);
    padding-left: 0;
}

.input-line::placeholder {
    color: var(--color-text);
}









.field-wrapper {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.field-select {
    position: relative;
}
.field-select select {
    padding: 0 var(--offset-medium) 0 var(--offset-extrasmall) ;
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    background: var(--color-greige);
    position: relative;
    border-radius: 0.125rem;
    border: 0.0625rem solid transparent;
    transition: var(--transition);
}
.field-select__down {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: var(--offset-medium);
    height: var(--offset-medium);
    color: var(--color-dark);
}
.field-select__down svg {
    display: block;
    width: 100%;
    height: 100%;
}

.field-select select:focus {
    border-color: var(--color-greige-middle);
}

/**/
.input-line + .field__caption {
    color: var(--color-text);
    left: 0;
}

/**/
.score {
    --size-score: calc(var(--size-icon-small) * 2);

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--offset-extrasmall) / 2);
    text-align: center;
}
.score__input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}
.score__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--offset-extrasmall) / 2);
}
.score__btn {
    min-width: var(--size-score);
    width: var(--size-score);
    min-height: var(--size-score);
    height: var(--size-score);
    color: var(--color-border);
    cursor: pointer;
    transition: var(--transition);
}
.score__btn svg {
    display: block;
    width: 100%;
    height: 100%;
}
.score__label {
    font-size: 0.8125rem;
    color: var(--color-text-muted-light);
}

.score__btn._active {
    color: var(--color-yellow);
}




/* field file */
.field-file {
    --size-icon-file: 2.75rem;
    --size-icon-item: 2.5rem;
    --offset-field: var(--offset-main);
    --gap-field: var(--offset-small);
    --radius-icon-field: var(--radius);

    display: flex;
    flex-direction: column;
    gap: var(--offset-small);
    text-align: left;
}
.field-file__label {
    display: flex;
    flex-direction: column;
    position: relative;
    transition: var(--transition);
}

.field-file__label input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}
.field-file__wrapper {
    background-color: var(--color-extralight);
    position: relative;
    border: 0.0625rem dashed var(--color-third-dark);
    border-radius: var(--radius-semismall);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-field);
    padding: var(--offset-field);
    width: 100%;
    transition: var(--transition);
}
.field-file__wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.2);
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
}
.field-file__icon {
    display: block;
    color: var(--color-primary);
    min-width: var(--size-icon-file);
    width: var(--size-icon-file);
    min-height: var(--size-icon-file);
    height: var(--size-icon-file);
    border-radius: var(--radius-icon-field);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-third);
}
.field-file__icon svg {
    display: block;
    width: var(--size-icon);
    height: var(--size-icon);
}
.field-file__content {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    line-height: 1.15;
}
.field-file__content > *:not(:first-child) {
    margin-top: 0.375rem;
}
.field-file__subtitle {
    color: var(--color-text-muted-dark);
}
.field-file__descr {
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}
.field-file__descr b {
    font-size: 0.875rem;
    line-height: 1.2;
    color: var(--color-primary);
}
/**/
.field-file__item {
    display: flex;
    align-items: start;
    gap: var(--offset-extrasmall);
    padding: var(--offset-extrasmall) var(--offset-small);
    background-color: var(--color-extralight);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-semismall);
    transition: var(--transition);
}
.field-file__item-icon {
    color: var(--color-primary);
    min-width: var(--size-icon-item);
    width: var(--size-icon-item);
    min-height: var(--size-icon-item);
    height: var(--size-icon-item);
    position: relative;
    overflow: hidden;
}
.field-file__item-caption {
    position: absolute;
    bottom: var(--offset-extrasmall);
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.625rem;
}
.field-file__item-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.field-file__item-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-small) / 2);
}
.field-file__item-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: calc(var(--offset-extrasmall) / 2);
}
.field-file__item-content {
    display: flex;
    flex-direction: column;
}
.field-file__item-title {
    font-size: 0.875rem;
}
.field-file__item-subtitle {
    font-size: 0.75rem;
    color: var(--color-text-muted-dark);
}
.field-file__item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
}
.field-file__item-scrollbar {
    flex-grow: 1;
    height: 0.5rem;
    background-color: var(--color-muted);
    position: relative;
    overflow: hidden;
}
.field-file__item-scrollbar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: var(--transition);
    background-color: var(--color-primary);
    min-width: var(--width-progress, 0);
}
.field-file__item-percent {
    font-size: 0.75rem;
    min-width: 2.5rem;
}
.field-file__item-check {
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
    color: var(--color-text-muted-dark);
    transition: var(--transition);
}
.field-file__item-check svg {
    display: block;
    width: 100%;
    height: 100%;
}
.field-file__item-text {
    font-size: 0.875rem;
}
/**/
.field-file__list {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
    color: var(--color-text-muted);
}
.field-file__list:not(:first-child) {
    margin-top: var(--offset-small);
}
.field-file__list-icon,
.field-file__list-remove {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}
.field-file__list-icon svg,
.field-file__list-remove svg {
    display: block;
    width: 100%;
    height: 100%;
}
.field-file__list-remove {
    transition: var(--transition);
    color: var(--color-grey-middle);
}


/**/
.field-file__list._failed {
    color: var(--color-error);
}
.field-file__item._failed {
    border-color: var(--color-error);
}
.field-file__item._failed .field-file__item-check,
.field-file__item._failed .field-file__item-text {
    color: var(--color-error);
}

.field-file__label._hover .field-file__wrapper:after {
    opacity: 1;
}
.field-file__label._disabled {
    opacity: 0.5;
    pointer-events: none;
}
.field-file__label.field__error .field-file__wrapper {
    border-color: var(--color-error);
}

/* custom */
.field-file__custom {
    --size-icon-file: 2.5rem;
    --offset-field: var(--offset-medium);
    --gap-field: 1.875rem;
    --radius-icon-field: 50%;
}


@media screen and (min-width: 1024px) {
    .field-file__list-remove:hover,
    .field-file__item-check:hover {
        color: var(--color-text-muted);
    }
}
.field-file__list-remove:active,
.field-file__item-check:active {
    color: var(--color-text-dark);
}

@media screen and (max-width: 1023px) {
    .field-file__wrapper {
        padding: var(--offset-secondary);
    }
    .field-file {
        --size-icon-item: 2rem;
        --size-icon: 1.5rem;
    }
}
@media screen and (max-width: 575px) {
    .field-file__wrapper {
        flex-direction: column;
    }
}




/* field image */
.field-image {
    --height-field: 25.4375rem;
    --size-icon-file: 2rem;
    --size-close: 2.5rem;

    display: flex;
    align-items: stretch;
    gap: var(--offset-medium);
    height: var(--height-field);
}
.field-image__label {
    flex: 1 0 0;
    order: 10;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: var(--transition);
}
.field-image__label input {
    position: absolute;
    width: 1%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}
.field-image__wrapper {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: var(--transition);
    background-color: var(--color-muted);
    border: 0.0625rem solid var(--color-muted);
    color: var(--color-text-muted);
}
.field-image__wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.2);
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
}
.field-image__icon {
    display: block;
    min-width: var(--size-icon-file);
    width: var(--size-icon-file);
    min-height: var(--size-icon-file);
    height: var(--size-icon-file);
}
.field-image__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.field-image__content {
    padding: var(--offset-extrasmall) var(--offset-small);
    display: flex;
    flex-direction: column;
    gap: var(--offset-extrasmall);
}

/**/
.field-image__item {
    flex: 1 0 0;
    position: relative;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
}
.field-image__item-main {
    height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.field-image__item-bg {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.field-image__item-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.field-image__item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    padding: var(--offset-small);
    text-align: center;
    font-weight: var(--font-medium);
}
.field-image__item-close {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--size-close);
    height: var(--size-close);
    display: flex;
    align-items: center;
    justify-content: center;
}
.field-image__item-close svg {
    display: block;
    width: calc(var(--size-close) * 3 / 5);
    height: calc(var(--size-close) * 3 / 5);
}
.field-image__item-close,
.field-image__item-content {
    background-color: var(--color-gray-20);
    color: var(--color-extralight);
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
}

/**/
.field-image__circle {
    --height-field: auto;
    width: fit-content;
    max-width: 100%;
}
.field-image__circle .field-image__wrapper,
.field-image__circle .field-image__item-bg {
    border-radius: 50%;
    min-width: 6.25rem;
    width: 6.25rem;
    min-height: 6.25rem;
    height: 6.25rem;
}
.field-image__circle .field-image__content {
    font-size: 0.75rem;
}

.field-image__item-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--color-muted);
    color: var(--color-text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.field-image__item-badge svg {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}

/**/
.field-image__label._hover .field-image__wrapper:after {
    opacity: 1;
}
.field-image__label._disabled {
    opacity: 0.5;
    pointer-events: none;
    display: none;
}
.field-image__label.field__error .field-image__wrapper {
    border-color: var(--color-error);
}

@media screen and (max-width: 1023px) {
    .field-image__item,
    .field-image__label {
        aspect-ratio: 1;
    }
    .field-image__item-content {
        padding: var(--offset-extrasmall);
        font-size: 0.875rem;
    }
    .field-image {
        --size-close: 1.75rem;
    }
    .field-image__content {
        font-size: 0.75rem;
    }
    .field-image__item-close svg {
        width: calc(var(--size-close) / 1.75);
        height: calc(var(--size-close) / 1.75);
    }
}
@media screen and (max-width: 575px) {
    .field-image {
        gap: var(--offset-small);
    }

}

/* form-image */
.form-image {
    display: flex;
    flex-direction: column;
}
.form-image__wrapper {
    width: 100%;
}
.form-image__descr {
    margin-top: var(--offset-medium);
    font-size: 0.875rem;
    color: var(--color-text-muted);
}

@media screen and (max-width: 1023px) {
    .form-image__descr {
        margin-top: var(--offset-extrasmall);
        font-size: 0.75rem;
    }
    .form-image__wrapper {
        overflow-x: auto;
        scrollbar-width: none;
    }
    .form-image__wrapper::-webkit-scrollbar,
    .form-image__wrapper::-webkit-scrollbar-track,
    .form-image__wrapper::-webkit-scrollbar-thumb {
        display: none;
    }
    .form-image__wrapper .field-image {
        min-width: fit-content;
        width: 100%;
    }
    .form-image__descr {
        margin-top: var(--offset-extrasmall);
        font-size: 0.75rem;
    }
}

/* field-small */
.field-small {
    position: relative;
}
.field-small__button,
.field-small__check {
    position: absolute;
    top: calc(var(--height-input) / 2);
    right: var(--offset-secondary);
    transform: translateY(-50%);
}
.field-small__check {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
    color: var(--color-dark-light);
}
.field-small__check svg {
    display: block;
    width: 100%;
    height: 100%;
}
.field-small__disabled {
    pointer-events: none;
}

/* progress */
.field__progress {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: var(--offset-medium);
    transform: translateY(-50%);
    font-size: 0.75rem;
    line-height: 150%;
    color: var(--color-text-light);
    background-color: var(--color-success);
    padding: 0.125rem;
    min-height: 1.5rem;
    width: 3.125rem;
    border-radius: 15rem;
    text-align: center;
}
.field__progress + .input {
    padding-right: calc(var(--offset-medium) * 2 + 3.125rem);
}

/* down */
.field__down {
    position: absolute;
    top: 50%;
    right: var(--offset-medium);
    transform: translateY(-50%);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    color: var(--color-dark);
    pointer-events: none;
}
.field__down-choice {
    top: 0.25rem;
    transform: none;
}
.field__down svg {
    display: block;
    width: 100%;
    height: 100%;
    transition: var(--transition);
}
.field__down + .input {
    padding-right: calc(var(--offset-small) * 2 + var(--size-icon));
    cursor: pointer;
}



/* checkbox */
.checkbox,
.radio,
.toggle {
    --size-check: 1.25rem;
    --width-check: calc(var(--size-check) * 1.8);

    position: relative;
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
    width: fit-content;
}
.checkbox-reverse,
.radio-reverse,
.toggle-reverse {
    flex-direction: row-reverse;
}
.checkbox input,
.radio input {
    height: var(--size-check);
    position: absolute;
    top: 0;
    left: calc(var(--size-check) / 2);
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
}

.toggle input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}

/**/
.radio__check {
    background-color: var(--color-extralight);
    color: var(--color-extralight);
    border: 0.0625rem solid var(--color-border);
    min-width: var(--size-check);
    width: var(--size-check);
    height: var(--size-check);
    min-height: var(--size-check);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    position: relative;
}
.toggle__check {
    background-color: var(--color-muted-dark);
    min-width: var(--width-check);
    width: var(--width-check);
    height: var(--size-check);
    min-height: var(--size-check);
    transition: var(--transition);
    color: var(--color-extralight);
    border-radius: 3.125rem;
    display: block;
    position: relative;
}

.checkbox__check {
    align-self: start;
    background-color: var(--color-extralight);
    color: var(--color-extralight);
    border: 0.0625rem solid var(--color-border);
    border-radius: 0.375rem;
    min-width: var(--size-check);
    width: var(--size-check);
    height: var(--size-check);
    min-height: var(--size-check);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    position: relative;
}
.radio__check {
    border-radius: 50%;
}
.checkbox__check svg {
    display: block;
    width: 100%;
    height: 100%;
}
.checkbox__label {
    font-size: 0.875rem;
    letter-spacing: -0.02em;
}
.checkbox__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--offset-extrasmall) var(--offset-secondary);
    border-radius: 3.125rem;
    background-color: var(--color-muted);
    transition: var(--transition);
    font-weight: var(--font-medium);
}
.radio__check::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: currentColor;
    border-radius: 50%;
    transition: var(--transition);
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    min-width: calc(var(--size-check) / 2);
    min-height: calc(var(--size-check) / 2);
    width: calc(var(--size-check) / 2);
    height: calc(var(--size-check) / 2);
}
.toggle__check::before {
    content: '';
    display: block;
    width: calc(var(--size-check) * 0.8);
    height: calc(var(--size-check) * 0.8);
    border-radius: 50%;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 0.125rem;
    transform: translateY(-50%);
    transition: var(--transition);
    box-shadow: 0 0.0625rem 0.125rem 0 #1018280F, 0 0.0625rem 0.1875rem 0 #1018281A;
}

/* checked */
.toggle input:checked + .toggle__check {
    background-color: var(--color-primary);
}
.toggle input:checked + .toggle__check::before {
    left: calc(100% - 0.125rem - calc(var(--size-check) * 0.8));
}
.checkbox input:checked + .checkbox__check,
.radio input:checked + .radio__check {
    background-color: var(--color-primary);
    color: var(--color-extralight);
    border-color: var(--color-primary);
}

.radio input:checked + .radio__check::before {
    transform: translate(-50%, -50%) scale(1);
}

.form-checkbox__item input:checked + .checkbox__item {
    background-color: var(--color-primary);
    color: var(--color-extralight);
}

@media screen and (min-width: 1024px) {
    .toggle:hover input:checked + .toggle__check {
        background-color: var(--color-primary-dark);
    }
    .checkbox:hover input:checked + .checkbox__check,
    .radio:hover input:checked + .radio__check {
        background-color: var(--color-primary-dark);
        color: var(--color-extralight);
        border-color: var(--color-primary-dark);
    }
}

.checkbox input:focus-visible + .checkbox__check,
.radio input:focus-visible + .radio__check,
.toggle input:focus-visible + .toggle__check {
    box-shadow: 0 0 0 0.125rem var(--color-extralight), 0 0 0 0.25rem var(--color-third-dark);
}



/* disabled */
.checkbox[disabled],
.radio[disabled],
.toggle[disabled] {
    pointer-events: none;
}

.checkbox[disabled] .checkbox__check,
.radio[disabled] .radio__check {
    background-color: var(--color-muted-dark);
    color: var(--color-muted-dark);
}
.toggle[disabled] .toggle__check {
    background-color: var(--color-muted-dark);
}

.checkbox[disabled] input:checked + .checkbox__check,
.radio[disabled] input:checked + .radio__check {
    background-color: var(--color-muted-dark);
    border-color: var(--color-muted-dark);
    color: var(--color-text-muted-dark);
}
.toggle[disabled] input:checked + .toggle__check {
    background-color: var(--color-muted-dark);
}

.checkbox__body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.checkbox__descr {
    font-size: 0.875rem;
    font-weight: var(--font-regular);
    line-height: 1.15;
}
.checkbox__descr a {
    color: var(--color-primary);
}

@media screen and (min-width: 1024px) {
    .checkbox__item:hover {
        background-color: var(--color-primary);
        color: var(--color-extralight);
    }
}
.checkbox__item:active {
    background-color: var(--color-primary-darker);
    color: var(--color-extralight);
}

/**/
.toggle_big {
    --size-check: 1.5rem;
    --width-check: calc(var(--size-check) * 11 / 6);
}








/* range */
.range {
    --size-range-input: 1.75rem;
    --size-range: 1.125rem;
    --size-range-line: 0.125rem;

    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--offset-small);
    color: var(--color-text-muted);
    max-width: 30rem;
}
.range__title {
    font-weight: var(--font-regular);
}
.range__value {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.range__label {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.range__input {
    max-width: 7.5rem;
    height: var(--size-range-input);
    pointer-events: none;
}
.range__button {
    min-width: var(--size-range-input);
    width: var(--size-range-input);
    min-height: var(--size-range-input);
    height: var(--size-range-input);
    display: flex;
    align-items: center;
    justify-content: center;
}
.range__bottom {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--offset-medium);
    width: 100%;
}
.range__bottom-value {
    font-size: 0.75rem;
    font-weight: var(--font-regular);
    line-height: 1.5;
}
.range__slider {
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: var(--size-range);
}

/* range inputs */
.range-inputs {
    --size-range-input: 1.75rem;
    --size-range: 1.5rem;
    --size-range-line: 0.5rem;

    display: flex;
    flex-direction: column;
    gap: var(--gap, var(--offset-small));
}
.range-inputs__inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--offset-extrasmall);
}

@media screen and (max-width: 1023px) {
    .range-inputs {
        gap: var(--offset-medium);
    }
}


/* noUi */
.noUi-target {
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.noUi-base {
    width: 100%;
}
.noUi-connects::before {
    content: '';
    position: absolute;
    top: calc(50% - (var(--size-range-line) / 2));
    left: 0;
    width: 100%;
    height: var(--size-range-line);
    border-radius: var(--size-range-line);
    background-color: var(--color-muted-dark);
}
.noUi-connects {
    height: var(--size-range);
}
.noUi-connect {
    height: var(--size-range-line);
    border-radius: var(--size-range-line);
    background-color: var(--color-primary);
    top: calc(50% - (var(--size-range-line) / 2));
    transform: translateY(-50%);
}
.noUi-handle:after,
.noUi-handle:before {
    content: none;
}
.noUi-horizontal {
    height: auto;
}
.noUi-horizontal .noUi-handle {
    min-width: var(--size-range);
    width: var(--size-range);
    height: var(--size-range);
    min-height: var(--size-range);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-extralight);
    border: 0.0625rem solid var(--color-primary);
    top: 0;
    box-shadow: 0rem 0.125rem 0.25rem -0.125rem #1018280F, 0rem 0.25rem 0.5rem -0.125rem #1018281A;
    cursor: grab;
    transition: var(--transition);
}
.noUi-handle.noUi-handle-lower,
.noUi-handle.noUi-handle-upper {
    right: 0;
}
.noUi-origin {
    width: calc(100% - var(--size-range));
}

@media screen and (min-width: 1024px) {
    .noUi-horizontal .noUi-handle:hover {
        background-color: var(--color-primary);
    }
}
.noUi-horizontal .noUi-handle:active {
    transform: scale(1.1);
}

.autocomplete-dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    border-radius: var(--radius);
    background-color: var(--color-extralight);
    padding: 0.25rem 0;
    z-index: 20;
    border: 0.0625rem solid var(--color-border);
    max-height: 200px;
    overflow-y: auto;
    z-index: 100;
    opacity: 1;
}

.autocomplete-dropdown._hidden{
    padding: 0;
    opacity: 0;
}

.autocomplete-item {
    padding: var(--offset-small);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    color: var(--color-text-muted-dark);
}

.autocomplete-item:hover,
.autocomplete-item_active {
    color: var(--color-text-dark);
}

.autocomplete-item:last-child {
    border-bottom: none;
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/elements/badges.css?17757723235589*/
/* badges */
.badge {
    --badge-bg: var(--color-grey);
    --badge-border: var(--color-grey-dark);
    --badge-color: var(--color-grey-extradark);
    --height-badge: 1.125rem;
    --size-icon-badge: var(--size-icon-extrasmall);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0 0.375rem;
    min-height: var(--height-badge);
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: center;
    background-color: var(--badge-bg);
    box-shadow: inset 0 0 0 0.0625rem var(--badge-border);
    border-radius: 0.375rem;
    color: var(--badge-color);
}

/* sizes */
.badge_big {
    --height-badge: 1.5rem;
    --size-icon-badge: 0.83rem;

    font-size: 0.875rem;
    line-height: 1.4;
}

/* colors */
.badge_grey {
    --badge-bg: var(--color-grey);
    --badge-border: var(--color-grey-dark);
    --badge-color: var(--color-grey-extradark);
}
.badge_brand {
    --badge-bg: var(--color-brand);
    --badge-border: var(--color-brand-dark);
    --badge-color: var(--color-brand-extradark);
}
.badge_error {
    --badge-bg: var(--color-badge-red);
    --badge-border: var(--color-badge-red-dark);
    --badge-color: var(--color-badge-red-extradark);
}
.badge_warning {
    --badge-bg: var(--color-badge-warning);
    --badge-border: var(--color-badge-warning-dark);
    --badge-color: var(--color-badge-warning-extradark);
}
.badge_success {
    --badge-bg: var(--color-badge-green);
    --badge-border: var(--color-badge-green-dark);
    --badge-color: var(--color-badge-green-extradark);
}
.badge_blue-grey {
    --badge-bg: var(--color-blue-grey);
    --badge-border: var(--color-blue-grey-dark);
    --badge-color: var(--color-blue-grey-extradark);
}
.badge_blue-light {
    --badge-bg: var(--color-badge-blue-light);
    --badge-border: var(--color-badge-blue-light-dark);
    --badge-color: var(--color-badge-blue-light-extradark);
}
.badge_blue {
    --badge-bg: var(--color-badge-blue);
    --badge-border: var(--color-badge-blue-dark);
    --badge-color: var(--color-badge-blue-extradark);
}
.badge_indigo {
    --badge-bg: var(--color-indigo);
    --badge-border: var(--color-indigo-dark);
    --badge-color: var(--color-indigo-extradark);
}
.badge_purple {
    --badge-bg: var(--color-purple);
    --badge-border: var(--color-purple-dark);
    --badge-color: var(--color-purple-extradark);
}
.badge_pink {
    --badge-bg: var(--color-pink);
    --badge-border: var(--color-pink-dark);
    --badge-color: var(--color-pink-extradark);
}
.badge_orange {
    --badge-bg: var(--color-badge-orange);
    --badge-border: var(--color-badge-orange-dark);
    --badge-color: var(--color-badge-orange-extradark);
}

/**/
.badge svg {
    min-width: var(--size-icon-badge);
    width: var(--size-icon-badge);;
    min-height: var(--size-icon-badge);;
    height: var(--size-icon-badge);;
}

/* tag */
.tag {
    --tag-bg: var(--color-secondary-dark);
    --tag-border: var(--tag-bg);
    --tag-color: var(--color-text-extralight);
    
    background-color: var(--tag-bg);
    color: var(--tag-color);
    border: 0.0625rem solid var(--tag-border);
    padding: 0.125rem var(--offset-small);
    min-height: 1.75rem;
    border-radius: var(--radius-secondary);
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.15;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tag_small {
    min-height: 1.5rem;
    padding: 0.125rem var(--offset-extrasmall);
    font-size: 0.75rem;
    line-height: 1.36;
}
/* colors */
.tag_black {
    --tag-bg: var(--color-secondary-dark);
    --tag-color: var(--color-text-extralight);
}
.tag_white {
    --tag-bg: var(--color-muted);
    --tag-color: var(--color-text-dark);
}
.tag_stroke {
    --tag-bg: var(--color-muted);
    --tag-border: var(--color-border-secondary);
    --tag-color: var(--color-text-dark);
}
.tag_blue {
    --tag-bg: var(--color-blue);
    --tag-color: var(--color-text-extralight);
}
.tag_blue-light {
    --tag-bg: var(--color-blue-light);
    --tag-color: var(--color-blue);
}
.tag_red {
    --tag-bg: var(--color-red);
    --tag-color: var(--color-text-extralight);
}
.tag_red-light {
    --tag-bg: var(--color-red-light);
    --tag-color: var(--color-red);
}
.tag_violet {
    --tag-bg: var(--color-violet);
    --tag-color: var(--color-text-extralight);
}
.tag_violet-light {
    --tag-bg: var(--color-violet-light);
    --tag-color: var(--color-violet);
}
.tag_green {
    --tag-bg: var(--color-green);
    --tag-color: var(--color-text-extralight);
}
.tag_green-light {
    --tag-bg: var(--color-green-light);
    --tag-color: var(--color-green);
}
.tag_orange {
    --tag-bg: var(--color-orange);
    --tag-color: var(--color-text-extralight);
}
.tag_orange-light {
    --tag-bg: var(--color-orange-light);
    --tag-color: var(--color-orange-dark);
}

/* badge-price */
.badge-price {
    padding: var(--offset-small) var(--offset-main);
    background-color: var(--color-bg);
    color: var(--color-text-extralight);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-weight: var(--font-semibold);
    border-radius: var(--radius-semismall);
    overflow: hidden;
}
.badge-price__title {
    font-size: 1rem;
    line-height: 1.4;
}
.badge-price__price {
    font-size: 1.25rem;
    line-height: 1.3;
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/elements/cards.css?178153355970820*/
/* cards */
.card-shop {
    display: flex;
    flex-direction: column;
    position: relative;
    color: var(--color-text-dark);
    width: var(--width-card, 100%) !important;
    max-width: 100%;
}

.card-shop__image {
    aspect-ratio: 1;
    border-radius: var(--radius-secondary);
    overflow: hidden;
    background-color: var(--color-extralight);
    position: relative;
}

.card-shop__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    transition: var(--transition);
}

.card-shop__image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-shop__image img {
    display: block;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.card-shop__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-shop__article {
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.4;
    pointer-events: none;
    color: var(--color-text-muted-dark);
}

.card-shop__title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
    margin-top: var(--offset-extrasmall);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-shop__descr {
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.4;
    margin-top: var(--offset-extrasmall);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-text);
}

.card-shop__available-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: var(--offset-extrasmall);
    margin-top: auto;
}

.card-shop__available {
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    line-height: 1.2;
}

.card-shop__price {
    /* margin-top: auto; */
    padding-top: var(--offset-extrasmall);
    font-weight: var(--font-semibold);
    font-size: 1.25rem;
    line-height: 1.3;
    white-space: nowrap;
}

.card-shop .card-shop__bottom {
    padding-top: var(--offset-extrasmall);
}

/**/
.card-shop__badge {
    margin-top: var(--offset-extrasmall);
    border-radius: var(--radius);
    background-color: var(--color-muted);
    padding: var(--offset-extrasmall) var(--offset-secondary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-primary-dark);
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.2;
    overflow: hidden;
    transition: var(--transition);
}

.card-shop__badge-body {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.card-shop__badge-title {
    line-height: 1.15;
    color: var(--color-text);
}

.card-shop__badge-link {
    font-weight: var(--font-semibold);
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem;
    text-decoration-skip-ink: none;
    transition: var(--transition);
    text-decoration-color: currentColor;
}

.card-shop__badge svg {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}



/* mobile */
.card-shop_mobile {
    border-radius: var(--radius-semismall);
    background-color: var(--color-extralight);
}

.card-shop_mobile .card-shop__image {
    border-radius: var(--radius-semismall) var(--radius-semismall) 0 0;
}

.card-shop_mobile .card-shop__body {
    padding: var(--offset-small);
}

.card-shop_mobile .card-shop__title {
    font-size: 0.875rem;
    line-height: 1.2;
    margin-top: 0.375rem;
}

.card-shop_mobile .card-shop__descr {
    display: none;
}

.card-shop_mobile .card-shop__available {
    font-size: 0.75rem;
    line-height: 1.4;
}

.card-shop_mobile .card-shop__price {
    font-size: 1.125rem;
    line-height: 1;
}

.card-shop_mobile .card-shop__price-currency {
    font-size: 0.75rem;
}

.card-shop_mobile .card-shop__bottom {
    padding-top: var(--offset-secondary);
}

.card-shop_mobile .card-shop__image:before {
    background-color: rgba(0, 0, 0, 0.1);
}



@media screen and (min-width: 1024px) {
    .card-shop:not(.card-shop_mobile) .card-shop__article {
        position: absolute;
        top: var(--offset-secondary);
        left: var(--offset-secondary);
        max-width: calc(100% - var(--offset-secondary) * 2);
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: var(--radius-secondary);
        padding: 0.25rem var(--offset-extrasmall);
        min-height: 1.5rem;
        line-height: 1.36;
        color: currentColor;
    }

    .card-shop__image:hover::before {
        opacity: 0;
    }

    .card-shop__badge:hover .card-shop__badge-link {
        text-decoration: transparent;
    }
}

.card-shop__image:active::before {
    opacity: 0;
}

.card-shop__badge:active .card-shop__badge-link {
    text-decoration: transparent;
}

@media screen and (max-width: 1023px) {

    /* mobile */
    .card-shop {
        border-radius: var(--radius-semismall);
        background-color: var(--color-extralight);
    }

    .card-shop__image {
        border-radius: var(--radius-semismall) var(--radius-semismall) 0 0;
    }

    .card-shop__body {
        padding: var(--offset-small);
    }

    .card-shop__title {
        font-size: 0.875rem;
        line-height: 1.2;
        margin-top: 0.375rem;
    }

    .card-shop__descr {
        display: none;
    }

    .card-shop__available {
        font-size: 0.75rem;
        line-height: 1.4;
    }

    .card-shop__price {
        font-size: 1.125rem;
        line-height: 1;
    }

    .card-shop__price-currency {
        font-size: 0.75rem;
    }

    .card-shop .card-shop__bottom {
        padding-top: var(--offset-secondary);
    }

    .card-shop__image:before {
        background-color: rgba(0, 0, 0, 0.1);
    }
}

/* add-cart */
.add-cart {
    --size-add-cart: 2.375rem;
    --size-icon-cart: var(--size-icon-small);
    --size-font-cart: 0.875rem;

    position: relative;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}


.add-cart__add,
.add-cart__button {
    text-decoration: none !important;
}

/* Специфичные стили для iOS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    a {
        -webkit-text-decoration-skip: objects;
        text-decoration: none !important;
    }

    /* Устраняем возможные подчеркивания у интерактивных элементов */
    [data-add-btn],
    [data-add-plus],
    [data-add-minus],
    .button {
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent;
    }
}

.add-cart__add {
    --size-btn: var(--size-add-cart);

    min-width: fit-content;
}

.add-cart__wrapper {
    width: 100%;
    height: var(--size-add-cart);
    display: grid;
    grid-template-columns: var(--size-add-cart) 1fr var(--size-add-cart);
    gap: var(--offset-extrasmall);
}

.add-cart__button,
.add-cart__wrapper input {
    border-radius: var(--radius);
    overflow: hidden;
}

.add-cart__wrapper input {
    height: 100%;
    background-color: var(--color-muted-dark);
    color: var(--color-text-dark);
    text-align: center;
    font-size: var(--size-font-cart);
    line-height: 1.4;
    font-weight: var(--font-semibold);
    transition: var(--transition);
}

.add-cart__button {
    background-color: var(--color-primary);
    color: var(--color-extralight);
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-cart__button svg {
    width: var(--size-icon-cart);
}

/**/
.add-cart:not(._added):not(.add-cart_static) .add-cart__wrapper {
    display: none;
}

.add-cart._added:not(.add-cart_static) .add-cart__add {
    display: none;
}

.add-cart._max .add-cart__plus {
    pointer-events: none;
    background-color: var(--color-muted-dark);
    color: var(--color-text-muted-dark);
}

/* sizes */
.add-cart_small {
    --size-add-cart: 2rem;
}

.add-cart_medium {
    --size-add-cart: 2.75rem;
    --size-icon-cart: var(--size-icon);
    --size-font-cart: 1rem;
}

@media screen and (min-width: 1024px) {
    .add-cart__button:hover {
        background-color: var(--color-primary-light);
    }
}

.add-cart__button:active {
    background-color: var(--color-primary-dark);
}

/* .add-cart__button:focus-visible,
.add-cart__wrapper input:focus-visible {
    box-shadow: var(--shadow);
} */

/* card-news */
.card-news {
    display: flex;
    flex-direction: column;
    position: relative;
    width: var(--width-card, 100%);
    max-width: 100%;
}

.card-news__image {
    aspect-ratio: 1.5;
    border-radius: var(--radius-semismall);
    overflow: hidden;
    background-color: var(--color-muted);
    border: 0.0625rem solid var(--color-border-third);
    position: relative;
}

.card-news__image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-news__image img {
    display: block;
    aspect-ratio: 1.5;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-news__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-news__date {
    margin-top: var(--offset-medium);
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}

.card-news__title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
    margin-top: var(--offset-extrasmall);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-news__descr {
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.3;
    margin-top: var(--offset-extrasmall);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-text);
}

.card-news .card-news__bottom {
    margin-top: auto;
    padding-top: var(--offset-medium);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--offset-extrasmall);
    z-index: 1;
}

.card-news__body:first-child>*:first-child {
    margin-top: 0;
}

.card-news__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* card-order */
.card-order {
    --offset-card: 0.375rem;
    --card-bg: var(--color-extralight);
    --card-border: var(--color-third-dark);
    --card-radius: var(--radius-semismall);
    --card-color: currentColor;

    position: relative;
    display: flex;
    flex-direction: column;
    border: 0.03125rem solid var(--card-border);
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    padding: var(--offset-medium);
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
}

.card-order .button-square {
    --size-btn: 1.75rem;
    --size-svg: 1.25rem;
}

.card-order__badge {
    align-self: start;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.card-order__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-card);
    margin-top: var(--offset-card);
}

.card-order__top-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.card-order__top-badge .button-square {
    --size-btn: 1.5rem;

    border-radius: 50%;
    z-index: 1;
}

.card-order__top-badge .button_light,
.card-order__top-badge .button_transparent {
    --btn-color: var(--color-text-muted-dark);
}

.card-order__title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}

.card-order__info {
    margin-top: var(--offset-card);
    font-family: Onest;
    font-weight: 400;
    font-size: 14px;
    line-height: 114.99999999999999%;
    color: var(--color-text-muted-dark);
    padding: 0.125rem 0;
}

.card-order__link-text {
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    line-height: 1.2;
    color: var(--card-color);
    position: relative;
    z-index: 1;
}

.card-order__bottom {
    margin-top: auto;
    padding-top: calc(var(--offset-card) + 0.25rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-card);
}

.card-order__price {
    font-weight: var(--font-semibold);
    font-size: 1.25rem;
    line-height: 1.3;
}

.card-order__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--card-radius);
}

/**/
.card-order>*:first-child {
    margin-top: 0;
}

/**/
.card-order_success {
    --card-bg: var(--color-success-light);
    --card-border: var(--card-bg);
    --card-color: var(--color-success);
}

.card-order_grey {
    --card-bg: var(--color-muted);
    --card-border: var(--card-bg);
    --card-color: var(--color-text);
}

.card-order_shipment {
    --card-bg: var(--color-blue-extralight);
    --card-border: var(--color-third-light);
    --card-color: var(--color-primary);
}

.card-order_warning {
    --card-bg: var(--color-orange-extralight);
    --card-border: var(--card-bg);
    --card-color: var(--color-warning);
}

.card-order_error {
    --card-bg: var(--color-error-extralight);
    --card-border: var(--card-bg);
    --card-color: var(--color-error);
}

@media screen and (min-width: 1024px) {
    /* .card-order:hover .card-order__link-text {
        text-decoration-color: transparent;
    } */

    .card-order__top-badge .button-square:hover {
        --btn-bg: transparent;
    }
}

.card-order__top-badge .button-square:active,
.card-order__top-badge .button-square._active {
    --btn-bg: rgba(255, 255, 255, 0.7);
}

.card-order__top-badge .button-square:active svg path,
.card-order__top-badge .button-square._active svg path {
    stroke-width: 0.125rem;
}


/* card-cart */
.card-cart {
    --offset-card: var(--offset-secondary);
    --card-bg: var(--color-muted);
    --card-border: var(--card-bg);
    --card-radius: var(--radius-semismall);

    --width-td: calc(8.75rem + var(--offset-card) / 2);
    --width-add: 11.3125rem;
    --width-price-desired: 11.75rem;
    --size-image: 2.75rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
}

.card-cart__wrapper {
    min-height: 4.25rem;
    gap: 0.25rem calc(var(--offset-card) / 2);
    border: 0.0625rem solid var(--card-border);
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    padding: var(--offset-extrasmall) var(--offset-card);
    display: grid;
    align-items: center;
    grid-template-columns: auto var(--size-image) auto 1fr auto minmax(var(--width-td), auto) var(--width-add) auto;
    grid-template-areas: 'A B C C F G H I'
        'A B D E F G H I';
}

/**/
.card-cart__check {
    grid-area: A;
}

.card-cart__image {
    grid-area: B;
}

.card-cart__title {
    grid-area: C;
}

.card-cart__descr {
    grid-area: D;
}

.card-cart__badge {
    grid-area: E;
}

.card-cart__price {
    grid-area: F;
}

.card-cart__price.desired {
    grid-area: G;
}

.card-cart__price-desired {
    grid-area: G;
}

.card-cart__add {
    grid-area: H;
}

.card-cart__close {
    grid-area: I;
}

/**/
.card-cart__price-desired {
    width: var(--width-price-desired);
}

.card-cart__check {
    margin-right: calc(var(--offset-card) / 2);
}

.card-cart__price,
.card-cart__add,
.card-cart__close {
    margin-left: calc(var(--offset-card) / 2);
}

.card-cart__image {
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
}

.card-cart__image img {
    aspect-ratio: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.card-cart__title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}

.card-cart__descr {
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.3;
    color: var(--color-text-muted-dark);
    align-self: start;
}

.card-cart__badge .badge {
    min-height: 1.375rem;
}

.card-cart__price:not(._noprice) {
    font-size: 1.25rem;
    line-height: 1.3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: var(--offset-card);
    row-gap: 0.25rem;
}

.card-cart__price {
    font-weight: var(--font-semibold);
}

.card-cart__close {
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
    color: var(--color-text-muted-dark);
    transition: var(--transition);
}

.card-cart__close svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* mobile */
.card-cart__mobile {
    --card-bg: var(--color-extralight);
    --size-image: 4rem;
    --width-add: 9.6875rem;
}

.card-cart__mobile .card-cart__wrapper {
    padding: var(--offset-card);
    gap: var(--offset-card) calc(var(--offset-card) / 2);
    grid-template-columns: repeat(5, auto);
    grid-template-areas: 'A D D E E'
        'B B C C H'
        'F F F G G';
}

.card-cart__mobile .card-cart__image {
    min-width: var(--size-image);
    width: var(--size-image);
    min-height: var(--size-image);
    height: var(--size-image);
}

.card-cart__mobile .card-cart__image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.card-cart__mobile .card-cart__descr {
    align-self: center;
}

.card-cart__mobile .card-cart__descr-caption {
    display: none;
}

.card-cart__mobile .card-cart__add {
    min-width: var(--width-add);
    width: var(--width-add);
    justify-self: end;
}

.card-cart__mobile .card-cart__badge {
    display: flex;
    align-items: center;
    justify-content: end;
}

.card-cart__mobile .card-cart__badge .badge {
    min-height: 1.125rem;
}

.card-cart__mobile .card-cart__close {
    align-self: start;
}

.card-cart__mobile .card-cart__check {
    margin-right: 0;
}

.card-cart__mobile .card-cart__image {
    margin-right: calc(var(--offset-card) / 2);
}

.card-cart__mobile .card-cart__price,
.card-cart__mobile .card-cart__add {
    margin-left: 0;
}

@media screen and (min-width: 1024px) {
    .card-cart__close:hover {
        color: var(--color-text);
    }
}

.card-cart__close:active {
    color: var(--color-text-dark);
}

@media screen and (min-width: 1024px) and (max-width: 1920px) {
    .card-cart {
        --width-add: 10.75rem;
        --width-price-desired: 12.25rem;
        --size-image: 3rem;
    }

    .card-cart__wrapper {
        min-height: 6.5rem;
        padding: var(--offset-small) var(--offset-card);
        gap: 0.5rem calc(var(--offset-card) / 1.5);
        grid-template-columns: auto var(--size-image) minmax(10rem, 1fr) minmax(7.5rem, max-content) auto;
        grid-template-areas: 'A B C F I'
            'A B D E I'
            '. . G H I';
    }

    .card-cart__title,
    .card-cart__descr {
        min-width: 0;
    }

    .card-cart__badge {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-width: 0;
    }

    .card-cart__badge .badge,
    .card-cart__price,
    .card-cart__price span {
        white-space: nowrap;
    }

    .card-cart__price:not(._noprice) {
        flex-wrap: nowrap;
        column-gap: 0.25rem;
    }

    .card-cart__price,
    .card-cart__add,
    .card-cart__close {
        margin-left: 0;
    }

    .card-cart__price {
        justify-self: start;
    }

    .card-cart__price.desired {
        grid-area: F;
    }

    .card-cart__price-desired {
        width: min(100%, var(--width-price-desired));
        justify-self: start;
    }

    .card-cart__add {
        min-width: var(--width-add);
        width: var(--width-add);
        justify-self: start;
    }

    .card-cart__close {
        align-self: center;
        justify-self: end;
    }
}

@media screen and (max-width: 1023px) {
    .card-cart {
        --card-bg: var(--color-extralight);
        --size-image: 4rem;
        --width-add: 9.6875rem;
    }

    .card-cart__wrapper {
        padding: var(--offset-card);
        gap: var(--offset-card) calc(var(--offset-card) / 2);
        /* grid-template-columns: repeat(4, auto) auto; */
        grid-template-columns: minmax(auto, 2rem) minmax(auto, 2rem) repeat(2, auto) auto;
        grid-template-areas: 'A D D E E'
            'B B C C I'
            'F F F H H'
            'G G G G G'
    }

    .card-cart__price.desired {
        grid-area: F;
    }

    .card-cart__image {
        min-width: var(--size-image);
        width: var(--size-image);
        min-height: var(--size-image);
        height: var(--size-image);
    }

    .card-cart__image:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.05);
    }

    .card-cart__descr {
        align-self: center;
    }

    .card-cart__descr-caption {
        display: none;
    }

    .card-cart__add {
        min-width: var(--width-add);
        width: var(--width-add);
        justify-self: end;
    }

    .card-cart__badge {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .card-cart__badge .badge {
        min-height: 1.125rem;
    }

    .card-cart__close {
        align-self: start;
        justify-self: end;
    }

    .card-cart__check {
        margin-right: 0;
    }

    .card-cart__image {
        margin-right: calc(var(--offset-card) / 2);
    }

    .card-cart__price,
    .card-cart__add {
        margin-left: 0;
    }
}

@media screen and (max-width:575px) {
    .card-cart {
        --width-price-desired: auto;
    }

    .card-cart__wrapper {
        padding: var(--offset-card);
        gap: var(--offset-card) calc(var(--offset-card) / 2);
        grid-template-columns: repeat(4, auto) auto;
        grid-template-areas: 'A D D E E'
            'B B C C I'
            'F F F H H'
            'G G G G G'
    }
}


/* card-shipment */
.card-shipment {
    --offset-card: var(--offset-secondary);
    --card-bg: transparent;
    --card-radius: 0;

    --width-td: 6.5rem;
    --width-add: 10rem;
    --size-image: 2.5rem;
    --size-check: 2rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
}

.card-shipment__wrapper {
    height: 100%;
    min-height: 3.25rem;
    gap: 0.25rem var(--offset-card);
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    padding: 0.25rem calc(var(--offset-card) / 2);
    display: grid;
    align-items: center;
    grid-template-columns: var(--size-check) var(--size-image) 1fr var(--width-td) var(--width-add);
    grid-template-areas: 'A B C E F'
        'A B D E F';
}

/**/
.card-shipment__check {
    grid-area: A;
}

.card-shipment__image {
    grid-area: B;
}

.card-shipment__title {
    grid-area: C;
}

.card-shipment__descr {
    grid-area: D;
}

.card-shipment__weight {
    grid-area: E;
}

.card-shipment__add {
    grid-area: F;
}

/**/
.card-shipment__check {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--size-check);
    width: var(--size-check);
    min-height: var(--size-check);
    height: var(--size-check);
}

.card-shipment__image {
    aspect-ratio: 1;
    background-color: var(--color-muted-dark);
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
    min-width: var(--size-image);
    width: var(--size-image);
    min-height: var(--size-image);
    height: var(--size-image);
}

.card-shipment__image img {
    aspect-ratio: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.card-shipment__title {
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    line-height: 1.2;
}

.card-shipment__descr {
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
    align-self: start;
    display: flex;
    align-items: center;
    gap: var(--offset-card);
    flex-wrap: wrap;
}

.card-shipment__weight {
    display: flex;
    flex-direction: column;
}

.card-shipment__weight-descr {
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    line-height: 1.2;
}

.card-shipment__weight-caption {
    display: none;
}

.card-shipment__add {
    padding-right: var(--offset-card);
}

.card-shipment .add-cart__wrapper input {
    background-color: var(--color-muted);
}

/* mobile */
.card-shipment__mobile {
    --card-bg: var(--color-extralight);
    --size-image: 3.25rem;
    --card-radius: var(--radius);
    --offset-card: var(--offset-extrasmall);
    --size-check: auto;
}

.card-shipment__mobile .card-shipment__wrapper {
    border: 0.0625rem solid var(--color-border);
    padding: var(--offset-card);
    gap: 0.125rem var(--offset-card);
    grid-template-columns: auto var(--size-image) 1fr;
    grid-template-areas: 'A B C'
        'A B D'
        'E E F';
}

.card-shipment__mobile .card-shipment__check {
    margin-right: var(--offset-card);
}

.card-shipment__mobile .card-shipment__title {
    align-self: end;
}

.card-shipment__mobile .card-shipment__weight-caption {
    display: block;
    font-weight: var(--font-regular);
    font-size: 0.6875rem;
    line-height: 1.2;
    color: var(--color-text-muted-dark);
}

.card-shipment__mobile .card-shipment__add {
    padding: 0.25rem var(--offset-card);
    min-width: var(--width-add);
    width: var(--width-add);
    justify-self: end;
}

.card-shipment__mobile .card-shipment__badge {
    display: flex;
    align-items: center;
    justify-content: end;
}

.card-shipment__mobile .card-shipment__badge .badge {
    min-height: 1.125rem;
}

.card-shipment__mobile .card-shipment__close {
    align-self: start;
}

@media screen and (max-width: 1023px) {
    .card-shipment {
        --card-bg: var(--color-extralight);
        --size-image: 3.25rem;
        --card-radius: var(--radius);
        --offset-card: var(--offset-extrasmall);
        --size-check: auto;
    }

    .card-shipment__wrapper {
        border: 0.0625rem solid var(--color-border);
        padding: var(--offset-card);
        gap: 0.125rem var(--offset-card);
        grid-template-columns: auto var(--size-image) 1fr;
        grid-template-areas: 'A B C'
            'A B D'
            'E E F';
    }

    .card-shipment__check {
        margin-right: var(--offset-card);
    }

    .card-shipment__title {
        align-self: end;
    }

    .card-shipment__weight-caption {
        display: block;
        font-weight: var(--font-regular);
        font-size: 0.6875rem;
        line-height: 1.2;
        color: var(--color-text-muted-dark);
    }

    .card-shipment__add {
        padding: 0.25rem var(--offset-card);
        min-width: var(--width-add);
        width: var(--width-add);
        justify-self: end;
    }

    .card-shipment__badge {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .card-shipment__badge .badge {
        min-height: 1.125rem;
    }

    .card-shipment__close {
        align-self: start;
    }
}

/* card-catalog */
.card-catalog {
    --offset-card: calc(var(--offset-secondary) / 2);
    --card-bg: transparent;
    --card-border: var(--card-bg);
    --card-radius: 0;
    --height-card: 3.25rem;

    --width-td: 8.75rem;
    --width-add: 11rem;
    --size-image: 2.5rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
    font-size: 0.875rem;
}

.card-catalog__wrapper {
    height: 100%;
    min-height: var(--height-card);
    gap: 0;
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    border-top: 0.0625rem solid var(--card-border);
    border-bottom: 0.0625rem solid var(--card-border);
    padding: 0.25rem var(--offset-card) 0.25rem calc(var(--offset-card) * 3);
    display: grid;
    align-items: center;
    grid-template-columns: var(--size-image) 1fr var(--width-td) var(--width-add) var(--width-td);
    grid-template-areas: 'A B C D E';
    transition: var(--transition);
}

.card-catalog__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**/
.card-catalog__image {
    grid-area: A;
}

.card-catalog__title {
    grid-area: B;
}

.card-catalog__descr {
    grid-area: C;
}

.card-catalog__add {
    grid-area: D;
}

.card-catalog__price {
    grid-area: E;
}

/**/
.card-catalog__add {
    position: relative;
    z-index: 1;
    padding-right: calc(var(--offset-card) * 2);
}

.card-catalog__image {
    position: relative;
    min-width: var(--size-image);
    width: var(--size-image);
    min-height: var(--size-image);
    height: var(--size-image);
    border-radius: var(--radius);
    overflow: hidden;
    border: 0.0625rem solid rgba(0, 0, 0, 0.05);
}

.card-catalog__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
}

.card-catalog__title {
    padding-left: var(--offset-card);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-catalog__title,
.card-catalog__price {
    font-weight: var(--font-semibold);
    line-height: 1.2;
}

.card-catalog__descr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.15;
}

.columns .card-catalog__descr {
    justify-content: flex-start;
    column-gap: 1rem;
}


.card-catalog__descr-caption {
    color: var(--color-text-muted-dark);
}

.card-catalog__price {
    padding-left: calc(var(--offset-card) * 2);
}


.card-catalog__descr,
.card-catalog__add,
.card-catalog__price {
    padding-left: calc(var(--offset-card) * 2);
}

/* card-catalog mobile */
.card-catalog__mobile {
    --offset-card: var(--offset-secondary);
    --card-bg: var(--color-extralight);
    --card-border: var(--card-bg);
    --card-radius: var(--radius-semismall);
    --height-card: 0;

    --width-add: 13.625rem;
    --size-image: 4.5rem;
}

.card-catalog__mobile .card-catalog__wrapper {
    gap: var(--offset-small) var(--offset-card);
    border: 0.0625rem solid var(--card-border);
    padding: var(--offset-card);
    grid-template-columns: var(--size-image) 1fr minmax(calc(var(--width-add) / 1.5), var(--width-add));
    grid-template-rows: min-content 1fr auto;
    grid-template-areas: 'A C C'
        'A B B'
        'E E D';
}

.card-catalog__mobile .card-catalog__descr,
.card-catalog__mobile .card-catalog__add,
.card-catalog__mobile .card-catalog__price,
.card-catalog__mobile .card-catalog__title {
    margin-left: 0;
    padding-left: 0;
}

.card-catalog__mobile .card-catalog__image {
    border-color: transparent;
}

.card-catalog__mobile .card-catalog__image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.card-catalog__mobile .card-catalog__add {
    padding-right: 0;
}

.card-catalog__mobile .card-catalog__add .button {
    --size-btn: 2.375rem;
}

.card-catalog__mobile .card-catalog__add .add-cart__wrapper {
    --size-add-cart: 2.375rem;
}

.card-catalog__mobile .card-catalog__title {
    align-self: start;
    font-size: 1rem;
    line-height: 1.4;
}

.card-catalog__mobile .card-catalog__price,
.card-catalog__mobile .card-catalog__add {
    margin-top: 0.25rem;
}


@media screen and (min-width: 1024px) {
    .card-catalog:not(.card-catalog__mobile) .card-catalog__descr-caption {
        display: none;
    }

    .card-catalog:not(.card-catalog__mobile):hover {
        --card-bg: var(--color-muted);
        --card-border: var(--color-border);
    }
}

@media screen and (max-width: 1439px) {
    .card-catalog {
        --width-td: 6rem;
    }
}

@media screen and (max-width: 1023px) {
    .card-catalog {
        --offset-card: var(--offset-secondary);
        --card-bg: var(--color-extralight);
        --card-border: var(--card-bg);
        --card-radius: var(--radius-semismall);
        --height-card: 0;

        --width-add: 13.625rem;
        --size-image: 4.5rem;
    }

    .card-catalog__wrapper {
        gap: var(--offset-small) var(--offset-card);
        border: 0.0625rem solid var(--card-border);
        padding: var(--offset-card);
        grid-template-columns: var(--size-image) 1fr minmax(calc(var(--width-add) / 1.5), var(--width-add));
        grid-template-rows: min-content 1fr auto;
        grid-template-areas: 'A C C'
            'A B B'
            'E E D';
    }

    .card-catalog__descr,
    .card-catalog__add,
    .card-catalog__price,
    .card-catalog__title {
        margin-left: 0;
        padding-left: 0;
    }

    .card-catalog__image {
        border-color: transparent;
    }

    .card-catalog__image::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.05);
    }

    .card-catalog__add {
        padding-right: 0;
    }

    .card-catalog__add .button {
        --size-btn: 2.375rem;
    }

    .card-catalog__add .add-cart__wrapper {
        --size-add-cart: 2.375rem;
    }

    .card-catalog__title {
        align-self: start;
        font-size: 1rem;
        line-height: 1.4;
    }

    .card-catalog__price,
    .card-catalog__add {
        margin-top: 0.25rem;
    }
}


/* card-stock */
.card-stock {
    --offset-card: calc(var(--offset-secondary) / 2);
    --card-bg: transparent;
    --card-border: var(--card-bg);
    --card-radius: 0;
    --height-card: 3.25rem;

    --width-td: 8.75rem;
    --width-article: calc(7.5rem + var(--offset-card) * 2);
    --width-add: 11rem;
    --size-image: 2.5rem;
    --size-close: var(--size-icon-medium);

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
    font-size: 0.875rem;
}

.card-stock__wrapper {
    height: 100%;
    min-height: var(--height-card);
    gap: 0;
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    border-top: 0.0625rem solid var(--card-border);
    border-bottom: 0.0625rem solid var(--card-border);
    padding: 0.25rem var(--offset-card);
    display: grid;
    align-items: center;
    grid-template-columns: var(--width-article) var(--size-image) 1fr var(--width-add) var(--width-td) var(--size-close);
    grid-template-areas: 'A B C D E F';
    transition: var(--transition);
}

.card-stock__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**/
.card-stock__article {
    grid-area: A;
}

.card-stock__image {
    grid-area: B;
}

.card-stock__title {
    grid-area: C;
}

.card-stock__add {
    grid-area: D;
}

.card-stock__relevance {
    grid-area: E;
}

.card-stock__close {
    grid-area: F;
}

/**/
.card-stock__add {
    position: relative;
    z-index: 1;
}

.card-stock__image {
    position: relative;
    min-width: var(--size-image);
    width: var(--size-image);
    min-height: var(--size-image);
    height: var(--size-image);
    border-radius: var(--radius);
    overflow: hidden;
    background-color: var(--color-extralight);
    border: 0.0625rem solid rgba(0, 0, 0, 0.05);
}

.card-stock__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
}

.card-stock__title {
    padding-left: var(--offset-card);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-stock__title {
    font-weight: var(--font-semibold);
    line-height: 1.2;
}

.card-stock__descr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    line-height: 1.15;
}

.card-stock__descr-caption {
    color: var(--color-text-muted-dark);
}

.card-stock__descr,
.card-stock__add {
    padding-left: calc(var(--offset-card) * 2);
    padding-right: calc(var(--offset-card) * 2);
}

.card-stock__close {
    min-width: var(--size-close);
    width: var(--size-close);
    min-height: var(--size-close);
    height: var(--size-close);
    color: var(--color-text-muted-dark);
    position: relative;
    z-index: 1;
}

.card-stock__close svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* card-stock mobile */
.card-stock__mobile {
    --offset-card: var(--offset-secondary);
    --card-bg: var(--color-extralight);
    --card-border: var(--card-bg);
    --card-radius: var(--radius-semismall);
    --height-card: 0;

    --width-add: 13.625rem;
    --size-image: 4.5rem;
}

.card-stock__mobile .card-stock__wrapper {
    gap: var(--offset-small) var(--offset-card);
    border: 0.0625rem solid var(--card-border);
    padding: var(--offset-card);
    grid-template-columns: var(--size-image) 1fr minmax(calc(var(--width-add) / 1.5), var(--width-add));
    grid-template-rows: min-content 1fr auto;
    grid-template-areas: 'B A A'
        'B C C'
        'E E D';
}

.card-stock__mobile .card-stock__close {
    display: none;
}

.card-stock__mobile .card-stock__descr,
.card-stock__mobile .card-stock__add,
.card-stock__mobile .card-stock__title {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.card-stock__mobile .card-stock__image {
    border-color: transparent;
}

.card-stock__mobile .card-stock__image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.card-stock__mobile .card-stock__add .button {
    --size-btn: 2.375rem;
}

.card-stock__mobile .card-stock__add .add-cart__wrapper {
    --size-add-cart: 2.375rem;
}

.card-stock__mobile .card-stock__title {
    align-self: start;
    font-size: 1rem;
    line-height: 1.4;
}

.card-stock__mobile .card-stock__add {
    margin-top: 0.25rem;
}

@media screen and (min-width: 1024px) {
    .card-stock:not(.card-stock__mobile) .card-stock__descr-caption {
        display: none;
    }

    .card-stock:not(.card-stock__mobile):hover {
        --card-bg: var(--color-muted);
        --card-border: var(--color-border);
    }

    .card-stock__close:hover {
        color: var(--color-text);
    }
}

.card-stock__close:active {
    color: var(--color-text-dark);
}

@media screen and (max-width: 1439px) {
    .card-stock {
        --width-td: 6rem;
    }
}

@media screen and (max-width: 1023px) {
    .card-stock {
        --offset-card: var(--offset-secondary);
        --card-bg: var(--color-extralight);
        --card-border: var(--card-bg);
        --card-radius: var(--radius-semismall);
        --height-card: 0;

        --width-add: 13.625rem;
        --size-image: 4.5rem;
    }

    .card-stock__wrapper {
        gap: var(--offset-small) var(--offset-card);
        border: 0.0625rem solid var(--card-border);
        padding: var(--offset-card);
        grid-template-columns: var(--size-image) 1fr minmax(calc(var(--width-add) / 1.5), var(--width-add));
        grid-template-rows: min-content 1fr auto;
        grid-template-areas: 'B A A'
            'B C C'
            'E E D';
    }

    .card-stock__close {
        display: none;
    }

    .card-stock__descr,
    .card-stock__add,
    .card-stock__title {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .card-stock__image {
        border-color: transparent;
    }

    .card-stock__image::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.05);
    }

    .card-stock__add .button {
        --size-btn: 2.375rem;
    }

    .card-stock__add .add-cart__wrapper {
        --size-add-cart: 2.375rem;
    }

    .card-stock__title {
        align-self: start;
        font-size: 1rem;
        line-height: 1.4;
    }

    .card-stock__add {
        margin-top: 0.25rem;
    }
}


/* card-stock */
.card-available {
    --offset-card: calc(var(--offset-secondary) / 2);
    --card-bg: transparent;
    --card-radius: 0;
    --height-card: 3.25rem;

    --size-icon-card: var(--size-icon-medium);

    --width-td-extrabig: 12.5rem;
    --width-td-big: 10rem;
    --width-td: 8.75rem;
    --width-td-small: 7.5rem;
    --width-td-extrasmall: 5rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
    font-size: 0.875rem;
    line-height: 1.15;
}

.card-available__wrapper {
    height: 100%;
    min-height: var(--height-card);
    gap: 0;
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    padding: 0.25rem var(--offset-card);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr var(--width-td) minmax(calc(var(--width-td-big) / 2), var(--width-td-big)) var(--width-td-extrabig) var(--width-td-big) var(--width-td-extrasmall) var(--width-td-small);
    transition: var(--transition);
}

.card-available__item-title {
    color: var(--color-text-muted-dark);
}

.card-available__item-value {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.card-available__item-value svg {
    display: block;
    min-width: var(--size-icon-card);
    width: var(--size-icon-card);
    min-height: var(--size-icon-card);
    height: var(--size-icon-card);
    color: var(--color-primary);
}

.card-available__item-count {
    font-weight: var(--font-semibold);
    line-height: 1.2;
    color: var(--color-primary);
}

/* mobile */
.card-available__mobile {
    --offset-card: var(--offset-small);
    --card-bg: var(--color-extralight);
    --card-radius: var(--radius-semismall);
    --size-icon-card: var(--offset-secondary);
    --height-card: 0;
}

.card-available__mobile .card-available__wrapper {
    padding: var(--offset-card);
    border: 0.0625rem solid var(--color-border);
    grid-template-columns: 100%;
    gap: var(--offset-extrasmall) 0.25rem;
}

.card-available__mobile .card-available__title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}

.card-available__mobile .card-available__item {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, calc((100% - 0.25rem) / 2));
    gap: 0.25rem;
}

.card-available__item-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .card-available:not(.card-available__mobile) .card-available__item-title {
        display: none;
    }

    .card-available:not(.card-available__mobile) .card-available__title,
    .card-available:not(.card-available__mobile) .card-available__item {
        padding-left: calc(var(--offset-card) * 2);
    }

    .card-available:not(.card-available__mobile) .card-available__item-descr {
        font-size: 0.75rem;
        line-height: 1.2;
    }
}

@media screen and (max-width: 1023px) {
    .card-available {
        --offset-card: var(--offset-small);
        --card-bg: var(--color-extralight);
        --card-radius: var(--radius-semismall);
        --height-card: 0;
        --size-icon-card: var(--offset-secondary);
    }

    .card-available__wrapper {
        padding: var(--offset-card);
        border: 0.0625rem solid var(--color-border);
        grid-template-columns: 100%;
        gap: var(--offset-extrasmall) 0.25rem;
    }

    .card-available__title {
        font-weight: var(--font-semibold);
        font-size: 1rem;
        line-height: 1.4;
    }

    .card-available__item {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(2, calc((100% - 0.25rem) / 2));
        gap: 0.25rem;
    }
}


/* card-delay */
.card-delay {
    --offset-card: calc(var(--offset-secondary) / 2);
    --card-bg: transparent;
    --card-radius: 0;
    --height-card: 3.25rem;

    --size-icon-card: var(--size-icon-medium);

    --width-td: 11.25rem;
    --width-td-small: 7.5rem;
    --width-td-extrasmall: 6.25rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
    font-size: 0.875rem;
    line-height: 1.15;
}

.card-delay__wrapper {
    height: 100%;
    min-height: var(--height-card);
    gap: 0;
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    padding: 0.25rem var(--offset-card);
    display: grid;
    align-items: center;
    grid-template-columns: var(--width-td-extrasmall) var(--width-td-extrasmall) 1fr var(--width-td-small) 1fr var(--width-td-small) var(--width-td);
    transition: var(--transition);
}

.card-delay__item-title {
    color: var(--color-text-muted-dark);
}

.card-delay__item-value {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.card-delay__item-value svg {
    display: block;
    min-width: var(--size-icon-card);
    width: var(--size-icon-card);
    min-height: var(--size-icon-card);
    height: var(--size-icon-card);
    color: var(--color-primary);
}

.card-delay__item-count {
    font-weight: var(--font-semibold);
    line-height: 1.2;
    color: var(--color-primary);
}

/* mobile */
.card-delay__mobile {
    --offset-card: var(--offset-small);
    --card-bg: var(--color-extralight);
    --card-radius: var(--radius-semismall);
    --size-icon-card: var(--offset-secondary);
    --height-card: 0;
}

.card-delay__mobile .card-delay__wrapper {
    padding: var(--offset-card);
    border: 0.0625rem solid var(--color-border);
    grid-template-columns: 100%;
    gap: var(--offset-extrasmall) 0.25rem;
}

.card-delay__mobile .card-delay__title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}

.card-delay__mobile .card-delay__item {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, calc((100% - 0.25rem) / 2));
    gap: 0.25rem;
}

.card-delay__item-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .card-delay:not(.card-delay__mobile) .card-delay__item-title {
        display: none;
    }

    .card-delay:not(.card-delay__mobile) .card-delay__title,
    .card-delay:not(.card-delay__mobile) .card-delay__item {
        padding-left: calc(var(--offset-card) * 2);
    }

    .card-delay:not(.card-delay__mobile) .card-delay__item-descr {
        font-size: 0.75rem;
        line-height: 1.2;
    }
}

@media screen and (max-width: 1023px) {
    .card-delay {
        --offset-card: var(--offset-small);
        --card-bg: var(--color-extralight);
        --card-radius: var(--radius-semismall);
        --height-card: 0;
        --size-icon-card: var(--offset-secondary);
    }

    .card-delay__wrapper {
        padding: var(--offset-card);
        border: 0.0625rem solid var(--color-border);
        grid-template-columns: 100%;
        gap: var(--offset-extrasmall) 0.25rem;
    }

    .card-delay__title {
        font-weight: var(--font-semibold);
        font-size: 1rem;
        line-height: 1.4;
    }

    .card-delay__item {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(2, calc((100% - 0.25rem) / 2));
        gap: 0.25rem;
    }
}

/* card-orders */
.card-orders {
    --offset-card: var(--offset-secondary);
    --card-bg: transparent;
    --card-border: var(--card-bg);
    --card-radius: 0rem;

    --width-td: calc(8.75rem + var(--offset-card) / 2);
    --width-close: calc(2rem + var(--offset-card) / 2);
    --size-image: 2.75rem;
    --height-card: 4.25rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
}

.card-orders__wrapper {
    min-height: var(--height-card);
    gap: 0.25rem calc(var(--offset-card) / 2);
    border: 0.0625rem solid var(--card-border);
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    padding: 0.25rem 0;
    display: grid;
    align-items: center;
    grid-template-columns: var(--size-image) 1fr repeat(3, var(--width-td)) var(--width-close);
    grid-template-areas: 'A B D E F G'
        'A C D E F G';
}

.card-finance__wrapper {
    min-height: var(--height-card);
    gap: 0.25rem calc(var(--offset-card) / 2);
    border: 0.0625rem solid var(--card-border);
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    padding: 0.25rem 0;
    display: grid;
    align-items: center;
    grid-template-columns: var(--size-image) 1fr repeat(4, var(--width-td)) var(--width-close);
    grid-template-areas: 'A B D E F G'
        'A C D E F G';
}

/**/
.card-orders__image {
    grid-area: A;
}

.card-orders__title {
    grid-area: B;
}

.card-orders__descr {
    grid-area: C;
}

.card-orders__num {
    grid-area: D;
}

.card-orders__price {
    grid-area: E;
}

.card-orders__price-secondary,
.card-orders__status {
    grid-area: F;
}

.card-finance__close {
    grid-area: G;
}

/**/
.card-finance__image {
    grid-area: A;
}

.card-finance__title {
    grid-area: B;
}

.card-finance__descr {
    grid-area: C;
}

.card-finance__num {
    grid-area: D;
}

.card-finance__price {
    grid-area: E;
}

.card-finance__price-secondary,
.card-finance__status {
    grid-area: F;
}

.card-finance__close {
    grid-area: G;
}

/**/
.card-orders__image {
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
}

.card-orders__image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.card-orders__image img {
    aspect-ratio: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.card-orders__title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}

.card-orders__descr {
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.3;
    color: var(--color-text-muted-dark);
}

.card-orders__num,
.card-orders__price,
.card-orders__price-secondary {
    font-size: 0.875rem;
    line-height: 1.15;
}

.card-orders__status {
    font-size: 0.75rem;
    line-height: 1.5;
}

/**/
.card-orders__num,
.card-orders__price,
.card-orders__status,
.card-orders__price-secondary,
.card-orders__close {
    margin-left: calc(var(--offset-card) / 2);
}

/* detail */
.card-orders__detail .card-orders__wrapper {
    --width-td: 7.5rem;

    grid-template-columns: var(--size-image) auto 1fr repeat(2, var(--width-td));
    grid-template-areas: 'A B B D E'
        'A C F D E';
}

/* mobile */
.card-orders__mobile {
    --card-bg: var(--color-extralight);
    --card-radius: var(--radius-semismall);

    --size-image: 5rem;
}

.card-orders__mobile .card-orders__wrapper {
    gap: 0.25rem var(--offset-card);
    padding: var(--offset-card);
    grid-template-columns: var(--size-image) repeat(2, 1fr);
    grid-template-areas: 'C C F'
        'A B B'
        'A D D'
        'A E E';
}

.card-orders__mobile .card-orders__num,
.card-orders__mobile .card-orders__price,
.card-orders__mobile .card-orders__status,
.card-orders__mobile .card-orders__price-secondary,
.card-orders__mobile .card-orders__close {
    margin-left: 0;
}

.card-orders__mobile .card-orders__status {
    padding: 0 0.375rem;
    justify-self: end;
}

.card-orders__mobile .card-orders__num,
.card-orders__mobile .card-orders__price,
.card-orders__mobile .card-orders__price-secondary {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-orders__mobile .card-orders__num-caption,
.card-orders__mobile .card-orders__price-caption {
    color: var(--color-text-muted-dark);
}

.card-orders__mobile .card-orders__image,
.card-orders__mobile .card-orders__title {
    margin-top: 0.5rem;
}

@media screen and (min-width: 1024px) {

    .card-orders:not(.card-orders__mobile) .card-orders__num-caption,
    .card-orders:not(.card-orders__mobile) .card-orders__price-caption {
        display: none;
    }
}

@media screen and (max-width: 1439px) {
    .card-orders {
        --width-td: calc(6.25rem + var(--offset-card) / 2);
    }

}

@media screen and (max-width: 1023px) {
    .card-orders {
        --card-bg: var(--color-extralight);
        --card-radius: var(--radius-semismall);

        --size-image: 5rem;
    }

    .card-orders__detail .card-orders__wrapper,
    .card-orders__wrapper {
        gap: 0.25rem var(--offset-card);
        padding: var(--offset-card);
        grid-template-columns: var(--size-image) repeat(2, 1fr);
        grid-template-areas: 'C C F'
            'A B B'
            'A D D'
            'A E E';
    }

    .card-orders__num,
    .card-orders__price,
    .card-orders__status,
    .card-orders__price-secondary,
    .card-orders__close {
        margin-left: 0;
    }

    .card-orders__status {
        padding: 0 0.375rem;
        justify-self: end;
    }

    .card-orders__num,
    .card-orders__price,
    .card-orders__price-secondary {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .card-orders__num-caption,
    .card-orders__price-caption {
        color: var(--color-text-muted-dark);
    }

    .card-orders__image,
    .card-orders__title {
        margin-top: 0.5rem;
    }
}

/* card-detail */
.card-detail {
    --offset-card: var(--offset-secondary);
    --card-bg: var(--color-extralight);
    --card-border: var(--card-bg);
    --card-radius: var(--radius);

    --size-image: 5rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
    background-color: var(--card-bg);
    border: 0.0625rem solid var(--card-border);
    border-radius: var(--card-radius);
    padding: var(--offset-card);
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-card) / 4 * 3);
}

.card-detail__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
}

.card-detail__descr {
    font-size: 0.875rem;
    line-height: 1.3;
    color: var(--color-text-muted-dark);
}

.card-detail__status {
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 0 0.375rem;
}

.card-detail__bottom {
    margin-top: auto;
    display: flex;
    align-items: start;
    gap: var(--offset-card);
}

.card-detail__image {
    aspect-ratio: 1;
    min-width: var(--size-image);
    width: var(--size-image);
    min-height: var(--size-image);
    height: var(--size-image);
    border-radius: var(--radius);
    overflow: hidden;
    background-color: var(--color-extralight);
    position: relative;
}

.card-detail__image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.card-detail__image img {
    aspect-ratio: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.card-detail__body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex-grow: 1;
}

.card-detail__body-title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}

.card-detail__body-list {
    font-size: 0.875rem;
    line-height: 1.15;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.card-detail__body-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-detail__body-caption {
    color: var(--color-text-muted-dark);
}


/* card-application */
.card-application {
    --offset-card: var(--offset-secondary);
    --card-bg: var(--color-extralight);
    --card-border: var(--color-third-dark);
    --card-radius: var(--radius-semismall);

    --width-td: 6.25rem;
    --width-td-small: 3.75rem;
    --width-td-big: 7.5rem;
    --width-td-extrabig: 12.5rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
}

.card-application__wrapper {
    width: 100%;
    height: 100%;
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    border: 0.0625rem solid var(--card-border);
    transition: var(--transition);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.card-application__content {
    width: 100%;
    padding: var(--offset-card);
    display: flex;
    flex-direction: column;
}

.card-application__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-application__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-card);
}

.card-application__top-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-text-muted-dark);
    font-weight: var(--font-semibold);
    font-size: 0.75rem;
    line-height: 1;
}

.card-application__top-item svg {
    display: block;
    min-width: var(--size-icon-small);
    width: var(--size-icon-small);
    min-height: var(--size-icon-small);
    height: var(--size-icon-small);
}

.card-application__top-badges {
    margin-left: auto;
}

.card-application__center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
}

.card-application__center:not(:first-child) {
    margin-top: 0.375rem;
}

.card-application__content-list:not(:first-child) {
    margin-top: var(--offset-card);
}

.card-application__price {
    font-weight: var(--font-semibold);
}

/* colors */
.card-application_success {
    --card-bg: var(--color-success-light);
}

.card-application_warning {
    --card-bg: var(--color-orange-extralight);
}

.card-application_error {
    --card-bg: var(--color-error-extralight);
}


/**/
.card-application__item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.card-application__item-title {
    align-self: start;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}

.card-application__item-value {
    font-size: 0.875rem;
    line-height: 1.15;
}

.card-application__content-list {
    display: grid;
    align-items: center;
    row-gap: 0.25rem;
    grid-template-columns: 1fr var(--width-td-big) var(--width-td-small) var(--width-td);
}


.card-application__bottom-list {
    flex-grow: 1;
    display: grid;
    align-items: center;
    row-gap: 0.25rem;
    grid-template-columns: minmax(var(--width-td), var(--width-td-extrabig)) var(--width-td-big) 1fr;
}

/**/
.card-application__bottom {
    margin-top: auto;
    padding: calc(var(--offset-card) / 2) var(--offset-card) var(--offset-card);
    border-top: 0.0625rem solid var(--card-border);
    background-color: var(--color-third);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.card-application__bottom-column {
    flex-direction: column;
    align-items: stretch;
    gap: var(--offset-secondary);
}

.card-application__bottom-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    gap: calc(var(--offset-block) / 2) var(--offset-block);
}

.card-application__bottom-btns .button {
    white-space: inherit;
    justify-content: space-between;
    font-weight: var(--font-regular);
}

.card-application__error {
    display: flex;
    align-items: center;
    padding: var(--offset-extrasmall) var(--offset-secondary);
    border-radius: 0.5rem;
    border: 0.0625rem solid var(--color-badge-red-dark);
    background-color: var(--color-badge-red);
    color: var(--color-badge-red-extradark);
    width: 100%;
    min-height: 2rem;
}

.card-application__error-title {
    font-weight: var(--font-semibold);
    margin-right: 0.25rem;
}

.card-application__error-icon {
    display: block;
    min-width: 0.875rem;
    width: 0.875rem;
    min-height: 0.875rem;
    height: 0.875rem;
    margin-right: 0.5rem;
}

.card-application__error-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.card-application__error-arrow {
    margin-left: auto;
    display: block;
    min-width: 0.875rem;
    width: 0.875rem;
    min-height: 0.875rem;
    height: 0.875rem;
}

.card-application__error-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1023px) {
    .card-application__content-list {
        column-gap: var(--offset-card);
        grid-template-columns: repeat(3, 1fr);
    }

    .card-application__content-list .card-application__item-first {
        grid-column: span 3;
    }

    .card-application__bottom-list {
        column-gap: var(--offset-card);
        grid-template-columns: repeat(2, 1fr);
    }

    .card-application__bottom-column {
        gap: var(--offset-extrasmall);
    }

    .card-application__bottom-list .card-application__item-first {
        grid-column: span 2;
    }

    .card-application__item-first {
        order: -1;
    }

    .card-application__item-title:not(:first-child) {
        margin-top: 0.25rem;
    }

    .card-application__bottom {
        gap: var(--offset-extrasmall);
        flex-direction: column;
        align-items: stretch;
    }

    .card-application__center {
        flex-direction: column;
        align-items: start;
    }

    .card-application__bottom-btns {
        justify-content: space-between;
    }
}


/* order */
.order {
    --offset-card: var(--offset-secondary);
    --card-bg: var(--color-muted);
    --card-border: var(--card-bg);
    --card-radius: var(--radius);
    --card-bg-top: transparent;

    --width-td: 8.75rem;
    --size-btn: 2rem;
    --height-top: 3rem;
    --size-image: 2.75rem;

    position: relative;
    max-width: 100%;
    width: var(--width-card, 100%);
    color: var(--color-text-dark);
    background-color: var(--card-bg);
    border: 0.0625rem solid var(--card-border);
    border-radius: var(--card-radius);
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: var(--transition);
}

.order__top {
    background-color: var(--card-bg-top);
    min-height: var(--height-top);
    border-radius: var(--card-radius);
    padding: 0.25rem var(--offset-card);
    display: grid;
    align-items: center;
    grid-template-columns: var(--size-btn) 1fr repeat(4, var(--width-td)) var(--size-btn);
    gap: var(--offset-card);
    font-size: 0.875rem;
}

.order__status .badge {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.order__status .tooltip-hint {
    max-width: 13.125rem;
}

.finance__top {
    background-color: var(--card-bg-top);
    min-height: var(--height-top);
    border-radius: var(--card-radius);
    padding: 0.25rem var(--offset-card);
    display: grid;
    align-items: center;
    grid-template-columns: var(--size-btn) 1fr repeat(5, var(--width-td)) var(--size-btn);
    gap: var(--offset-card);
    font-size: 0.875rem;
}

@media screen and (max-width: 1023px) {
    .finance__top {
        grid-template-columns: 1fr repeat(2, auto);
        gap: calc(var(--offset-card) / 2);
    }

    .finance__top .order__debt {
        display: none;
    }
}


.order__accordion,
.order__more {
    display: flex;
    align-items: center;
    justify-content: center;
}

.order__more .button {
    --btn-color: var(--color-text-muted-dark);
}

.order__body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    line-height: 1.2;
}

.order__body-title {
    font-weight: var(--font-semibold);
}

.order__date,
.order__num {
    line-height: 1.15;
}

.order__price,
.order__debt {
    font-weight: var(--font-semibold);
    line-height: 1.2;
}

/**/
.order__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transition);
}

.order__content-wrapper {
    overflow: hidden;
    padding: 0 var(--offset-card);
}

.order__content-top {
    display: grid;
    align-items: center;
    gap: var(--offset-card);
    grid-template-columns: calc(var(--size-image) - var(--offset-card) / 2) 1fr repeat(3, var(--width-td)) var(--size-btn);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}

.order__finance-top {
    display: grid;
    align-items: center;
    gap: var(--offset-card);
    grid-template-columns: calc(var(--size-image) - var(--offset-card) / 2) 1fr repeat(4, var(--width-td)) var(--size-btn);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}

.order__content-item {
    --height-card: 4rem;

    border-bottom: 0.03125rem solid var(--color-border);
}

.order__content-bottom {
    padding-top: var(--offset-card);
    display: grid;
    align-items: center;
    gap: var(--offset-card);
    grid-template-columns: var(--size-btn) 1fr repeat(3, var(--width-td)) calc(var(--size-btn) + var(--offset-card) + var(--width-td));
}

/**/
.order__info {
    padding: 0 var(--offset-card) var(--offset-card);
    width: 100%;
}

.order__info-wrapper {
    padding-top: var(--offset-card);
    display: flex;
    flex-direction: column;
    border-top: 0.0625rem solid var(--color-border);
    width: 100%;
}

.order__chars {
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-card) / 2);
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.15;
}

.order__chars-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
}

.order__chars-caption {
    color: var(--color-text-muted-dark);
}

.order__products {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: calc(var(--offset-card) / 2);
}

.order__products-item {
    max-width: var(--size-image);
    width: 100%;
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
    background-color: var(--color-extralight);
    aspect-ratio: 1;
}

.order__products-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.order__products-item img,
.order__products-item svg {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
}

.order__products-item img {
    object-fit: contain;
}

.order__products-badge {
    position: absolute;
    bottom: 0.0625rem;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 0.125rem);
    width: max-content;
    background-color: var(--color-extralight);
    box-shadow: 0 0.0625rem 0.125rem 0 #00000033;
    padding: 0.0625rem 0.125rem;
    border-radius: 0.25rem;
    font-weight: var(--font-regular);
    font-size: 0.5rem;
    line-height: 1.3;
    color: var(--color-text);
}

.order__products:not(:first-child) {
    margin-top: var(--offset-card);
}

.order__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--card-border);
}

.order__accordion,
.order__more {
    z-index: 1;
}

/* active */
.order._active {
    --card-bg: var(--color-third);
    --card-border: var(--color-primary);
    --card-bg-top: rgba(var(--color-primary-rgb), 0.1);

    box-shadow: var(--shadow-open);
}

.order._active .order__top {
    border-radius: var(--card-radius) var(--card-radius) 0 0;
}

.order._active .order__top .button_light,
.order__content-bottom .button_light {
    --btn-bg: var(--color-extralight);

}

.order._active .order__accordion .button,
.order__content-close .button {
    transform: rotate(180deg);
}

.order._active .order__content {
    grid-template-rows: 1fr;
}

.order._active .order__content-wrapper {
    padding-top: calc(var(--offset-card) / 2);
    padding-bottom: var(--offset-card);
}


/* order mobile */
.order__mobile {
    --card-bg: var(--color-extralight);
    --size-image: 2.5rem;
}

.order__mobile .button-square {
    --size-btn: 1.125rem;
    --size-svg: var(--size-btn);
    --btn-bg: transparent;
}

.order__mobile .order__top {
    grid-template-columns: 1fr repeat(2, auto);
}

.order__mobile .order__accordion,
.order__mobile .order__date,
.order__mobile .order__num,
.order__mobile .order__price,
.order__mobile .order__body-caption,
.order__mobile .order__content {
    display: none;
}

.order__mobile .order__body-title {
    line-height: 1.2;
}

.order__mobile .order__top {
    gap: calc(var(--offset-card) / 2);
}

.order__mobile .order__info {
    display: flex;
}


@media screen and (min-width: 1024px) {

    .order._active .order__top .button_light:hover,
    .order__content-bottom .button_light:hover {
        --btn-bg: var(--color-muted);
    }

    .order._active .order__link {
        display: none;
    }

    .order__info {
        display: none;
    }

    .order__top {
        position: relative;
    }
}

.order._active .order__top .button_light:active,
.order__content-bottom .button_light:active {
    --btn-bg: var(--color-muted-dark);
}

@media screen and (max-width: 1439px) {
    .order {
        --width-td: 6.25rem;
    }

    .order__content-bottom {
        grid-template-columns: var(--size-btn) 1fr repeat(4, auto);
    }
}

@media screen and (max-width: 1023px) {
    .order {
        --card-bg: var(--color-extralight);
        --size-image: 2.5rem;
    }

    .order._active {
        --card-bg: var(--color-extralight);
        --card-border: var(--card-bg);
        --card-bg-top: transparent;
        box-shadow: none;
    }

    .order .order__top .button-square.button_light,
    .order__content-bottom .button-square.button_light {
        --btn-bg: transparent;
    }

    .order .button-square {
        --size-btn: 1.125rem;
        --size-svg: var(--size-btn);
    }

    .order__top {
        grid-template-columns: 1fr repeat(2, auto);
        gap: calc(var(--offset-card) / 2);
    }

    .order__accordion,
    .order__date,
    .order__num,
    .order__price,
    .order__body-caption,
    .order__content {
        display: none;
    }

    .order__body-title {
        line-height: 1.2;
    }

    .order__info {
        display: flex;
    }
}

/* noimage */
.noimage {
    --size-icon: 4rem;

    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-icon-muted);
}

.noimage svg,
.noimage img {
    display: block;
    width: var(--size-icon);
    height: var(--size-icon);
    max-width: 100%;
    max-height: 100%;
}

.noimage img {
    object-fit: contain;
}

.card-application__link-modal {
    color: #3364EA;
    text-decoration: underline;
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/elements/tooltips.css?177577232312362*/

/* tooltip */
.tooltip {
    --max-width-tooltip: 14.8125rem;

    display: flex;
    align-items: center;
    gap: 0.125rem;
    width: fit-content;
    position: relative;
    pointer-events: all;
}
.tooltip-text {
    vertical-align: super;
    display: inline-flex;
    flex-direction: column;
}
.tooltip-text__btn {
    display: block;
    width: 1rem;
    height: 1rem;
}
.tooltip-text__btn svg {
    display: block;
    width: 100%;
    height: 100%;
}
.tooltip__caption {
    color: var(--color-text);
    font-size: 0.75rem;
    cursor: pointer;
    transition: var(--transition);
}
.tooltip__icon,
.tooltip__body-icon {
    color: var(--color-text);
    display: block;
    border-radius: 50%;
    transition: var(--transition);
}
.tooltip__icon {
    min-width: calc(var(--size-icon) / 2);
    width: calc(var(--size-icon) / 2);
    min-height: calc(var(--size-icon) / 2);
    height: calc(var(--size-icon) / 2);
}
.tooltip__body-icon {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}
.tooltip__body-icon svg,
.tooltip__icon svg,
.tooltip__close svg {
    display: block;
    width: 100%;
    height: 100%;
}

.tooltip__wrapper {
    transition: 0.2s opacity, 0.2s padding;
    z-index: 15;
    width: fit-content;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    position: absolute;
    bottom: 0;
    left: calc(50% + var(--offset-tooltip, 0px));
    transform: translateY(100%) translateX(calc(-50% - 0.0625rem));
    max-width: var(--max-width-tooltip);
    min-width: var(--max-width-tooltip);
    width: max-content;
}
.tooltip__item {
    background-color: var(--color-muted);
    padding: var(--offset-small);
    display: flex;
    flex-direction: column;
    gap: var(--offset-small);
}
.tooltip__item-image {
    width: 100%;
    overflow: hidden;
}
.tooltip__item-image img {
    object-fit: contain;
    width: 100%;
}
.tooltip__body {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: var(--transition);
    background-color: var(--color-extralight);
    
    border-radius: var(--radius);
    position: relative;
    font-size: var(--font-size-tooltip, 0.75rem);
    padding: var(--offset-secondary);
    color: var(--color-text-dark);
}

.tooltip__body-title {
    font-weight: var(--font-medium);
}

/**/
.tooltip__list {
    padding: 0.375rem 0;
    display: flex;
    flex-direction: column;
}
.tooltip__list-link {
    display: flex;
    align-items: center;
    gap: calc(var(--offset-small) / 2);
    padding: 0.375rem var(--offset-small);
    width: 100%;
}
.tooltip__list-link svg {
    display: block;
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}
.tooltip__list-item._danger .tooltip__list-link {
    color: var(--color-error);
}
/**/
.tooltip__close {
    position: absolute;
    top: var(--offset-extrasmall);
    right: var(--offset-extrasmall);
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
    color: var(--color-text-muted-dark);
}
.tooltip__btn {
    min-width: 1rem;
    min-height: 1rem;
    width: 1rem;
    height: 1rem;
}
.tooltip__btn svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* oval */
.tooltip:not(.tooltip_oval) .tooltip__body::before {
    content: '';
    width: 1rem;
    height: 1rem;
    background-color: var(--color-extralight);
    position: absolute;
    top: 0;
    left: calc(50% - var(--offset-tooltip, 0px));
    transform: rotate(45deg) translateX(-50%);
    border-radius: 0.125rem;
}

.tooltip:not(.tooltip_hover)._active .tooltip__wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    padding: 0.625rem 0;
}
.tooltip:not(.tooltip_hover)._active .button_outlined-muted {
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-text-extralight);
    --btn-border: var(--color-primary);
}

/* top */
.tooltip.tooltip_top .tooltip__wrapper {
    top: 0;
    bottom: auto;
    transform: translateY(-100%) translateX(calc(-50% - 0.0625rem));
}
.tooltip.tooltip_top:not(.tooltip_oval) .tooltip__body::before {
    top: auto;
    bottom: -0.5rem;
}

/* right */
.tooltip.tooltip_right .tooltip__wrapper {
    left: auto;
    right: 0;
    bottom: auto;
    top: 50%;
    transform: translateY(calc(-50% - 0.125rem)) translateX(100%);
}
.tooltip.tooltip_right:not(.tooltip_oval) .tooltip__body::before {
    top: 50%;
    left: 0;
}

/* left */
.tooltip.tooltip_left .tooltip__wrapper {
    left: 0;
    bottom: auto;
    top: 50%;
    transform: translateY(calc(-50% - 0.125rem)) translateX(-100%);
}
.tooltip.tooltip_left:not(.tooltip_oval) .tooltip__body::before {
    top: 50%;
    left: auto;
    right: -0.5rem;
}

/* top left */
.tooltip.tooltip_top-left .tooltip__wrapper {
    top: 0;
    left: var(--offset-tooltip, 0px);
    bottom: auto;
    transform: translateY(-100%);
}
.tooltip.tooltip_top-left:not(.tooltip_oval) .tooltip__body::before {
    top: auto;
    bottom: -0.5rem;
    left: calc(var(--offset-secondary) - var(--offset-tooltip, 0px));
}
.tooltip.tooltip_top-left:not(.tooltip_hover)._active .tooltip__wrapper {
    padding-left: 0;
    padding-right: 0;
}

/* top right */
.tooltip.tooltip_top-right .tooltip__wrapper {
    top: 0;
    bottom: auto;
    left: auto;
    right: var(--offset-tooltip, 0px);
    transform: translateY(-100%);
}
.tooltip.tooltip_top-right:not(.tooltip_oval) .tooltip__body::before {
    top: auto;
    left: auto;
    bottom: -0.5rem;
    right: calc(var(--offset-tooltip, 0px) * -1);
}
.tooltip.tooltip_top-right:not(.tooltip_hover)._active .tooltip__wrapper {
    padding-right: 0;
    padding-left: 0;
}

/* bottom left */
.tooltip.tooltip_bottom-left .tooltip__wrapper {
    top: auto;
    left: var(--offset-tooltip, 0px);
    bottom: 0;
    transform: translateY(100%);
}
.tooltip.tooltip_bottom-left:not(.tooltip_oval) .tooltip__body::before {
    top: 0;
    bottom: auto;
    left: calc(var(--offset-tooltip, 0px) * -1);
}
.tooltip.tooltip_bottom-left:not(.tooltip_hover)._active .tooltip__wrapper {
    padding-left: 0;
    padding-right: 0;
}

/* bottom right */
.tooltip.tooltip_bottom-right .tooltip__wrapper {
    top: auto;
    bottom: 0;
    left: auto;
    right: var(--offset-tooltip, 0px);
    transform: translateY(100%);
}
.tooltip.tooltip_bottom-right:not(.tooltip_oval) .tooltip__body::before {
    top: 0;
    left: auto;
    bottom: auto;
    right: calc(var(--offset-tooltip, 0px) * -1);
}
.tooltip.tooltip_bottom-right:not(.tooltip_hover)._active .tooltip__wrapper {
    padding-right: 0;
    padding-left: 0;
}

/**/
.tooltip__body-light {
    background-color: var(--color-greige);
    color: var(--color-text);
}
.tooltip:not(.tooltip_oval) .tooltip__body.tooltip__body-light::before {
    background-color: var(--color-greige);
}


/* hover */ 
@media screen and (min-width: 1024px) {
    .tooltip_hover .tooltip__close {
        display: none;
    }
    .tooltip_hover:hover .tooltip__wrapper {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        padding: 1.25rem 0;
    }
    .tooltip:hover .tooltip__icon,
    .tooltip:hover .tooltip__caption,
    .tooltip__close:hover {
        color: var(--color-text);
    }
    .tooltip__list-link:hover {
        background-color: var(--color-muted);
    }

    /* top left */
    .tooltip_top-left.tooltip_hover:hover .tooltip__wrapper {
        padding-left: 0;
    }
}  

.tooltip__close:active {
    color: var(--color-text-dark);
}

@media screen and (max-width: 1023px) {
    .tooltip {
        --max-width-tooltip: 21.4375rem;
    }

    .tooltip_hover._active .tooltip__wrapper {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        padding: 0.75rem 0;
    }
    .tooltip.tooltip_oval .tooltip__title {
        padding-right: 2rem;
    }
    /* top left */
    .tooltip_top-left.tooltip_hover._active .tooltip__wrapper {
        padding-left: 0;
    }
}
@media screen and (max-width: 767px) {
    
    .tooltip__item {
        gap: var(--offset-extrasmall);
    }
    .tooltip__item-descr {
        font-size: 0.875rem;
    }
}
@media screen and (max-width: 424px) {
    .tooltip {
        --max-width-tooltip: 15rem;
    }
}
@media screen and (max-width: 1439px) {
    .tooltip__wrapper {
        /* display: none; */
    }
}


/* tooltip-hint */
.tooltip-hint {
    --offset-tooltip: var(--offset-medium);
    --width-checks: 12.5rem;
    --height-checks: 12.5rem;

    box-shadow: 0 0.125rem 1rem 0 #0000001A;
    padding: calc(var(--offset-tooltip) - 0.25rem) 0;
    border-radius: var(--radius-semismall);
    background-color: var(--color-extralight);
    color: var(--color-text-dark);
    font-weight: var(--font-regular);
    max-width: 100vw;
    width: fit-content;
    position: fixed;
    top: 0;
    left: 0;

    transition: 0.2s opacity, 0.2s transform;
    pointer-events: none;
    opacity: 0;
    z-index: 9999;
}
.tooltip-hint_order {
    background-color: var(--color-bg);
    color: var(--color-text-extralight);
    padding: 0;
}

/* tooltip-hint__body */
.tooltip-hint__body {
    padding: var(--offset-extrasmall) var(--offset-small);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: left;
}
.tooltip-hint__title {
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: var(--font-semibold);
}
.tooltip-hint__descr {
    font-size: 0.75rem;
    line-height: 1.4;
    color: rgba(255,255,255,0.8);
}

/* tooltip list */
.tooltip-hint__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;

    font-size: 0.75rem;
    line-height: 1.4;
}
.tooltip-hint__item {
    width: 100%;
}
.tooltip-hint__link {
    text-align: left;
    display: block;
    width: 100%;
    padding: 0.25rem var(--offset-tooltip);
}

/* tooltip checks */
.tooltip-hint__checks {
    width: var(--width-checks);
    max-height: var(--height-checks);

    padding: 0.25rem 0 0.25rem var(--offset-tooltip);
    margin-right: calc(var(--offset-tooltip) / 2);
    font-size: 0.875rem;
    line-height: 1.15;

    display: flex;
    flex-direction: column;
    gap: var(--offset-extrasmall);
    overflow-y: auto;
    scrollbar-width: 0.25rem;
    /* scrollbar-color: var(--color-primary) var(--color-muted); */
}
.tooltip-hint__checks::-webkit-scrollbar {
    width: 0.25rem;
    background-color: var(--color-muted);
}
.tooltip-hint__checks::-webkit-scrollbar-thumb {
    width: 0.25rem;
    border-radius: 0.25rem;
    background-color: var(--color-primary);
}
.tooltip-hint__checks::-webkit-scrollbar-track {
    background-color: transparent;
}
.tooltip-hint__checks-item {
    padding-right: var(--offset-extrasmall);
}
.tooltip-hint__checks-divider {
    width: calc(100% - 0.625rem);
    height: 0.0625rem;
    min-height: 0.0625rem;
    background-color: var(--color-border);
    display: none;
}

.tooltip-hint__checks._active .tooltip-hint__checks-divider {
    display: block;
}
.tooltip-hint__checks-item._active {
    order: -1;
}

/* tooltip active */
.tooltip-hint._active {
    transform: translateY(var(--offset-extrasmall));
    opacity: 1;
    pointer-events: all;
}
.tooltip-hint.tooltip-hint_top._active {
    transform: translateY(calc(var(--offset-extrasmall) * -1));
}

@media screen and (min-width: 1024px) {
    .tooltip-hint__link:hover {
        color: var(--color-text-muted-dark);
    }
}
.tooltip-hint__link:active {
    color: var(--color-text-dark);
}

/* tooltip-form */
.tooltip-form {
    padding: 0.25rem var(--offset-tooltip);
}
.tooltip-form .range-inputs__inputs .field {
    max-width: 6.5rem;
}
.tooltip-form__bottom {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/elements.css?178153072981981*/

/* bg */
.bg-primary {
    background-color: var(--color-primary);
    color: var(--color-text-extralight);
}
.bg-dark {
    background-color: var(--color-dark);
    color: var(--color-text-extralight);
}
.bg-muted {
    background-color: var(--color-muted);
    color: var(--color-text-dark);
}
.bg-extralight {
    background-color: var(--color-extralight);
    color: var(--color-text);
}
.bg-example-grey {
    background-color: var(--color-example-grey);
    color: var(--color-text-dark);
}
.bg-muted-dark {
    background-color: var(--color-muted-dark);
    color: var(--color-text-dark);
}
.bg-error-dark {
    background-color: var(--color-error-dark);
    color: var(--color-text-extralight);
}
.bg-error-extradark {
    background-color: var(--color-badge-red-extradark);
    color: var(--color-text-extralight);
}

/* color */
.color-primary {
    color: var(--color-primary);
}
.color-secondary {
    color: var(--color-secondary);
}
.color-text-muted {
    color: var(--color-text-muted);
}
.color-orange {
    color: var(--color-orange);
}
.color-status-success {
    color: var(--color-badge-green-extradark);
}
.color-status-error {
    color: var(--color-badge-red-extradark);
}
.color-status-warning {
    color: var(--color-badge-orange-extradark);
}
.color-success {
    color: var(--color-success);
}
.color-error {
    color: var(--color-error);
}
.color-error-dark {
    color: var(--color-error-dark);
}
.color-text-muted-dark {
    color: var(--color-text-muted-dark);
}

/* sticker */
.sticker {
    --sticker-bg: var(--color-dark);
    --sticker-color: var(--color-text-extralight);
    --sticker-padding: 1rem;
    --size-sticker: 2.25rem;
    --size-svg: var(--size-icon-medium);

    min-height: var(--size-sticker);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--offset-extrasmall);
    background-color: var(--sticker-bg);
    color: var(--sticker-color);
    border-radius: var(--radius);
    padding: var(--offset-extrasmall) var(--sticker-padding);
    white-space: nowrap;
    position: relative;

    font-size: 0.875rem;
    font-weight: var(--font-regular);
    line-height: 1;
    text-align: center;
}
.sticker svg {
    min-width: var(--size-svg);
    width: var(--size-svg);
    min-height: var(--size-svg);
    height: var(--size-svg);
}
.sticker_small {
    --sticker-padding: 0.5rem;
    --size-sticker: 1.5rem;
    --size-svg: var(--size-icon-extrasmall);

    padding: 0 var(--sticker-padding);
}
.sticker_mobile {
    --sticker-padding: 0.5rem;
    --size-sticker: 1.5rem;
    --size-svg: var(--size-icon-extrasmall);

    padding: 0 var(--sticker-padding);
    font-size: 0.75rem;
}

/**/
.sticker_grey {
    --sticker-bg: var(--color-grey-middle-secondary);
}
.sticker_light {
    --sticker-bg: var(--color-gray-20);

    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
}

/* sticker-icon */
.sticker-icon {
    --sticker-padding: 0.5rem;
    --size-sticker: 2.125rem;

    font-size: 0.75rem;
    padding: 0 var(--sticker-padding);
    gap: 0.25rem;
}
.sticker-icon_mobile {
    --sticker-padding: 0.5rem;
    --size-sticker: 1.5rem;
    --size-svg: var(--size-icon-extrasmall);

    font-size: 0.625rem;
    padding: 0 var(--sticker-padding);
    gap: 0.25rem;
}

@media screen and (max-width: 1023px) {
    .sticker,
    .sticker_small {
        --sticker-padding: 0.5rem;
        --size-sticker: 1.5rem;
        --size-svg: var(--size-icon-extrasmall);
    
        padding: 0 var(--sticker-padding);
        font-size: 0.75rem;
    }
}

.sticker[disabled] {
    background: var(--color-gray-20);
    color: var(--color-text-extralight);
    pointer-events: none;
}

/* stub */
.stub {
    position: relative;
}
.stub::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/local/templates/sivtrans/assets/style/../../images/stubs/stub-1.svg');
}
.stub-secondary::before {
    background-image: url('/local/templates/sivtrans/assets/style/../../images/stubs/stub-2.svg');
}
.stub-third::before {
    background-image: url('/local/templates/sivtrans/assets/style/../../images/stubs/stub-3.svg');
}

/* contact */
.contact {
    display: flex;
    align-items: center;
    gap: var(--offset-small);
    transition: var(--transition);
}
.contact svg {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}

@media screen and (min-width: 1024px) {
    .contact:hover {
        color: var(--color-greige-middle);
    }
}
.contact:active,
.contact._active {
    color: var(--color-greige-middle);
}

/* dropdown */
.dropdown {
    position: relative;
}
.dropdown__list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0.0625rem solid var(--color-dark);
    border-top: none;
    overflow: hidden;
    background-color: var(--color-bg);
    transform: translateY(100%);
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
}

.dropdown._active .dropdown__list {
    opacity: 1;
    pointer-events: all;
}
.dropdown._active .dropdown__button {
    border: 0.0625rem solid var(--color-dark);
    border-bottom: none;
}


/* spoiler */
.accordion {
    padding: var(--offset-extrasmall) 0;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.accordion__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-small);
    text-align: left;
}
.accordion__btn svg {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
    transition: var(--transition);
}
.accordion__wrapper {
    transition: var(--transition);
    display: grid;
    grid-template-rows: 1fr;
}
.accordion__content {
    overflow: hidden;
}
.accordion__item {
    padding-top: var(--offset-small);
}

.accordion._active .accordion__btn svg {
    transform: rotate(180deg);
}
.accordion:not(._active) .accordion__wrapper {
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
}

/* spoiler */
.spoiler {
    --size-icon-block: 2.25rem;
    --offset-block: 1.25rem;

    display: flex;
    flex-direction: column;
    padding: var(--offset-block) 0;
    border-bottom: 0.0625rem solid var(--color-grey-middle-secondary);
}
.spoiler__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
    text-align: left;
}
.spoiler__btn svg {
    min-width: var(--size-icon-block);
    width: var(--size-icon-block);
    min-height: var(--size-icon-block);
    height: var(--size-icon-block);
    transition: var(--transition);
}
.spoiler__body {
    margin-top: var(--offset-medium);
}
.spoiler__wrapper {
    transition: var(--transition);
    display: grid;
    grid-template-rows: 1fr;
}
.spoiler__content {
    overflow: hidden;
}

.spoiler._active .spoiler__btn svg {
    transform: rotate(45deg);
}
.spoiler:not(._active) .spoiler__wrapper {
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
}


.spoiler-big {
    --offset-block: var(--offset-medium);
    --size-icon-block: 3rem;

    border-top: 0.0625rem solid var(--color-grey-middle-secondary);
    border-bottom: none;
}

/* menu-mobile */
.menu-mobile {
    --height-btn: 2.5rem;

    border-radius: 6.25rem;
    overflow: hidden;
    background-color: var(--color-greige);
}
.menu-mobile__list {
    display: flex;
    align-items: stretch;
    padding: var(--offset-extrasmall) 0;
}
.menu-mobile__item {
    flex: 1 0 0;
}
.menu-mobile__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--height-btn);
    color: var(--color-extradark);
}
.menu-mobile__link svg {
    width: var(--size-icon);
    height: var(--size-icon);
}

@media screen and (min-width: 1024px) {
    .menu-mobile__item:hover .menu-mobile__link {
        color: var(--color-greige-middle);
    }
}
.menu-mobile__item:active .menu-mobile__link {
    color: var(--color-greige-middle);
}

/* breadcrumbs */
.breadcrumbs {
    /* margin: var(--offset-small) 0; */
}

.breadcrumbs,
.breadcrumbs__item,
.breadcrumbs__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-extrasmall);
    color: var(--color-text-muted-dark);
    font-size: 0.875rem;
    line-height: 1.15;
}
.breadcrumbs__start {
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
.breadcrumbs__start svg {
    width: var(--size-icon-medium);
    height: var(--size-icon-medium);
}
.breadcrumbs__item-divider {
    min-width: var(--size-icon-small);    
    width: var(--size-icon-small);
    min-height: var(--size-icon-small);
    height: var(--size-icon-small);
    color: var(--color-border);
}
.breadcrumbs__item-divider svg {
    display: block;
    width: 100%;
    height: 100%;
}

.breadcrumbs__final {
    color: var(--color-text-dark);
    background-color: var(--color-muted);
}

@media screen and (min-width: 1024px) {
    .breadcrumbs__start:hover,
    .breadcrumbs__link:hover {
        color: var(--color-text-dark);
    }
    .breadcrumbs__link,
    .breadcrumbs__final {
        padding: 0.375rem var(--offset-small);
        border-radius: var(--radius-secondary);
    }
}
.breadcrumbs__start:active,
.breadcrumbs__link:active {
    color: var(--color-text-dark);
    background-color: var(--color-muted);
}
@media screen and (max-width: 1023px) {
    .breadcrumbs__start {
        padding: 0;
        color: var(--color-border);
    }
    .breadcrumbs__start svg {
        width: var(--size-icon-small);
        height: var(--size-icon-small);
    }
}



/* list icons */
.list-icons {
    display: flex;
    flex-direction: column;
    gap: var(--offset-medium);
}
.list-icons li {
    display: flex;
    align-items: start;
    gap: 0.75rem;
    text-align: left;
}
.list-icons li::before {
    content: '';
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
    border-radius: 50%;
    background-image: url('/local/templates/sivtrans/assets/style/../../images/icons/check-color.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.list-icons__body {
    display: flex;
    flex-direction: column;
}

/* switch */
.switch {
    position: relative;
}
.switch__item._active {
    transition: var(--transition);
}
.switch__item:not(._active) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}

/* notification */
.notification {
    --size-icon-btn: 1.125rem;

    position: relative;
    width: fit-content;
    max-width: 100%;
}
.notification__btn {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
}
.notification__btn svg {
    min-width: var(--size-icon-btn);
    width: var(--size-icon-btn);
    min-height: var(--size-icon-btn);
    height: var(--size-icon-btn);
    color: var(--color-grey-middle-secondary);
}
.notification__tooltip {
    font-size: 0.75rem;
    font-weight: var(--font-regular);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(calc(-0.625rem - 100%));
    transition: var(--transition);
    padding: var(--offset-extrasmall) 0.625rem;
    border-radius: var(--radius-small);
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: var(--offset-secondary);
    background: #18181A80;
    backdrop-filter: blur(1rem);
    z-index: 5;
    color: var(--color-text-extralight);
}
.notification__tooltip-right {
    left: auto;
    right: 0;
    transform: translateX(50%) translateY(calc(-0.625rem - 100%));
}
.notification__tooltip-bottom {
    top: auto;
    bottom: 0;
    transform: translateX(-50%) translateY(calc(0.625rem + 100%));
}
.notification__close {
    min-width: var(--size-icon-small);
    width: var(--size-icon-small);
    min-height: var(--size-icon-small);
    height: var(--size-icon-small);
    color: var(--color-extralight);
}
.notification__close svg {
    display: block;
    width: 100%;
    height: 100%;
}
.notification:not(._active) .notification__tooltip {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-100%);
}
.notification:not(._active) .notification__tooltip-bottom {
    transform: translateX(-50%) translateY(100%);
}
.notification:not(._active) .notification__tooltip-right {
    transform: translateX(50%) translateY(-100%);
}

/* site-toast */
.site-toast-stack {
    position: fixed;
    right: var(--offset-medium);
    bottom: var(--offset-medium);
    z-index: 10000;
    width: min(22rem, calc(100vw - var(--offset-medium) * 2));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--offset-extrasmall);
    pointer-events: none;
}
.site-toast {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    gap: var(--offset-secondary);
    padding: var(--offset-secondary);
    border-radius: var(--radius-semismall);
    background-color: var(--color-extralight);
    border: 0.0625rem solid var(--color-border);
    border-left: 0.25rem solid var(--color-primary);
    box-shadow: 0 1rem 2rem rgba(24, 24, 26, 0.14);
    color: var(--color-text-dark);
    pointer-events: all;
    animation: site-toast-in 0.2s ease-out;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.site-toast_error {
    border-left-color: var(--color-error);
}
.site-toast._hide {
    opacity: 0;
    transform: translateY(0.5rem);
}
.site-toast__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.site-toast__title {
    font-weight: var(--font-semibold);
    font-size: 0.9375rem;
    line-height: 1.3;
}
.site-toast__text {
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--color-text-muted-dark);
}
.site-toast__action {
    width: fit-content;
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    line-height: 1.35;
    font-weight: var(--font-medium);
    color: var(--color-primary);
}
.site-toast__close {
    min-width: var(--size-icon-small);
    width: var(--size-icon-small);
    min-height: var(--size-icon-small);
    height: var(--size-icon-small);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted-dark);
}
.site-toast__close svg {
    display: block;
    width: 100%;
    height: 100%;
}
.card-cart._loading {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity var(--transition);
}
.card-cart__close {
    cursor: pointer;
}
@keyframes site-toast-in {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* switch-toggle */
.switch-toggle {
    display: flex;
    align-items: center;
    gap: var(--offset-small);
    font-size: 1.25rem;
    font-weight: var(--font-medium);
    line-height: 1.4;
    text-transform: uppercase;
    width: fit-content;
}
.switch-toggle__wholesale,
.switch-toggle__retail {
    transition: var(--transition);
}

.switch-toggle__retail {
    order: -1;
}
.switch-toggle__wholesale:not(._active),
.switch-toggle__retail:not(._active) {
    opacity: 0.5;
}


/* popup-thanks */
.popup-thanks {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    border: 1px solid #ECECED;
    box-shadow: var(--shadow-hover);
    background-color: var(--color-bg);
    padding: var(--offset-small);
    border-radius: 0.75rem;
    min-width: 24rem;
    z-index: 20;
    font-size: 1.125rem;
    font-weight: var(--font-regular);
    line-height: 1.3;
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
    bottom: 0;
}
.popup-thanks__wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
    
}
.popup-thanks__icon {
    border-radius: 50%;
    background-color: var(--color-primary);
    color: var(--color-extralight);
    min-width: 1.625rem;
    width: 1.625rem;
    min-height: 1.625rem;
    height: 1.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.popup-thanks__icon svg {
    max-width: 100%;
    max-height: 100%;
}

.popup-thanks._active {
    opacity: 1;
    pointer-events: all;
    bottom: var(--offset-main);
}
@media screen and (max-width: 1023px) {
    .popup-thanks {
        font-size: 1rem;
    }
}
@media screen and (max-width: 424px) {
    .popup-thanks {
        min-width: 0;
        width: calc(100% - var(--grid-gap) * 2);
    }
}


/* pagination */
.pagination.swiper-pagination {
    --swiper-theme-color: var(--color-primary);
    --swiper-pagination-bullet-inactive-color: var(--color-third-medium);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-size: 0.5rem;
    --swiper-pagination-bullet-horizontal-gap: 0.375rem;
    --swiper-pagination-bullet-border-radius: 0.5rem;
    --swiper-pagination-bottom: 2rem;
    
    line-height: 1;
    font-size: var(--swiper-pagination-bullet-size);
}
.pagination.pagination-static.swiper-pagination {
    margin: var(--offset-secondary) auto 0;
    position: static;
    transform: translateX(0);

}
.pagination .swiper-pagination-bullet {
   transition: var(--transition);
   min-width: 0;
}


/**/
.pagination-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-small);
}
.pages-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-extrasmall);
}
@media screen and (max-width: 575px) {
    .pagination-list {
        gap: var(--offset-extrasmall);
        margin: 0 auto;
    }
    .pages-list {
        display: none;
    }
}

/* nav-sector */
.nav-sector {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
}
.nav-sector__btn {
    display: block;
    height: auto;
    flex: 1 0 0;
    z-index: 1;
}
@media screen and (max-width: 1023px) {
    .nav-sector {
        display: none;
    }
}

/* play */
.play {
    --size-play: 2.25rem;
    --size-svg: calc(var(--size-play) * 5 / 9);

    display: flex;
    min-width: var(--size-play);
    width: var(--size-play);
    min-height: var(--size-play);
    height: var(--size-play);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #152C7366;
    backdrop-filter: blur(0.5625rem);
    -webkit-backdrop-filter: blur(0.5625rem);
    color: var(--color-extralight);
}
.play svg {
    display: block;
    width: var(--size-svg);
    height: var(--size-svg);
    transform: translateX(10%);
}
.play-absolute {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* icon label */
.icon-label {
    --size-image: var(--size-icon);
    --size-label: calc(var(--size-image) * 5 / 3);
    --bg-color: var(--color-primary);
    --icon-color: var(--color-text-extralight);
    --radius-label: 50%;

    background-color: var(--bg-color);
    color: var(--icon-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-label);
    overflow: hidden;
    min-width: var(--size-label);
    width: var(--size-label);
    min-height: var(--size-label);
    height: var(--size-label);
}
.icon-label svg,
.icon-label img {
    width: var(--size-image);
    height: var(--size-image);
}
.icon-label img {
    object-fit: contain;
}

/**/
.icon-label_extrabig {
    --size-image: 6rem;
}
.icon-label_big {
    --size-image: var(--size-icon-big);
    --size-label: calc(var(--size-image) * 2);
}
.icon-label_small {
    --size-image: var(--size-icon-small);
    --size-label: calc(var(--size-image) * 2);
}
.icon-label_extrasmall {
    --size-image: var(--size-icon-small);
    --size-label: calc(var(--size-image) * 1.5);
}

/**/
.icon-label_success {
    --bg-color: var(--color-green-light);
    --icon-color: var(--color-success);
}
.icon-label_orange {
    --bg-color: var(--color-orange-light);
    --icon-color: var(--color-orange);
}
.icon-label_secondary {
    --bg-color: var(--color-secondary-light);
    --icon-color: var(--color-text-extralight);
}
.icon-label_muted {
    --bg-color: var(--color-muted);
    --icon-color: var(--color-text-muted-dark);
}
.icon-label_light {
    --bg-color: var(--color-extralight);
    --icon-color: var(--color-primary);
}


/* label */
.label-small {
    font-size: 0.75rem;
    font-weight: var(--font-medium);
    color: var(--color-text-extralight);
    width: fit-content;
}
.label-small__descr {
    position: relative;
    background: #18181A4D;
    backdrop-filter: blur(0.25rem);
    padding: 0 0.25rem;
    border-radius: 0.375rem;
    display: block;

}

/* arrow */
.arrow {

}
.arrow__prev {
    transform: scaleX(-1);
}

.arrows {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
    pointer-events: none;
    z-index: 1;
    transition: var(--transition);
}
.arrows .arrow {
    pointer-events: all;
}
.arrows__long {
    justify-content: space-between;
}
.arrows-center {
    position: absolute;
    top: 50%;
    left: calc(var(--offset-arrows, 0px) * -1);
    width: calc(100% + var(--offset-arrows, 0px) * 2);
    transform: translateY(-50%);
    z-index: 5;
}
@media screen and (max-width: 1023px) {
    .slider__arrows {
        display: none;
    }
}


/* arrows-fullheight */
.arrows-fullheight {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.arrows-fullheight__arrow {
    height: auto;
    position: relative;
    z-index: 10;
    width: 20%;
    pointer-events: all;
}
.arrows-fullheight__arrow-prev { 
    cursor: url('/local/templates/sivtrans/assets/style/../../images/icons/arrow-left-slider.svg'), auto;
}
.arrows-fullheight__arrow-next { 
    cursor: url('/local/templates/sivtrans/assets/style/../../images/icons/arrow-right-slider.svg'), auto;
}

/**/
.slider-light {
    color: var(--color-text-extralight);
}
.slider-light .arrows-fullheight__arrow-prev { 
    cursor: url('/local/templates/sivtrans/assets/style/../../images/icons/arrow-left-slider-white.svg'), auto;
}
.slider-light .arrows-fullheight__arrow-next { 
    cursor: url('/local/templates/sivtrans/assets/style/../../images/icons/arrow-right-slider-white.svg'), auto;
}

/* small */
.arrows-fullheight__small .arrows-fullheight__arrow {
    width: 10%;
}
.arrows-fullheight__small .arrows-fullheight__arrow-prev { 
    cursor: url('/local/templates/sivtrans/assets/style/../../images/icons/arrow-left-slider-small-white.svg'), auto;
}
.arrows-fullheight__small .arrows-fullheight__arrow-next { 
    cursor: url('/local/templates/sivtrans/assets/style/../../images/icons/arrow-right-slider-small-white.svg'), auto;
}
@media screen and (max-width: 1023px) {
    .arrows-fullheight {
        display: none;
    }
}

/* label */
.label {
    --size-check: 1.25rem;
    --size-icon-el: var(--size-icon-small);
    
    position: relative;
    width: 100%;
    overflow: hidden;
}
.label input {
    width: var(--size-check);
    height: var(--size-check);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}
.label__content {
    width: 100%;
    background-color: var(--color-bg);
    padding: var(--offset-extrasmall) var(--offset-small);
    border-radius: var(--radius-small);
    border: 0.0625rem solid var(--color-muted);
    display: flex;
    align-items: center;
    gap: var(--offset-small);
    transition: var(--transition);
}
.label__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.label__body-title {
    font-size: 0.8125rem;
}
.label__body-descr {
    font-size: 0.75rem;
    color: var(--color-text-muted);
}
.label__check {
    background-color: var(--color-muted);
    color: var(--color-muted);
    min-width: var(--size-check);
    width: var(--size-check);
    height: var(--size-check);
    min-height: var(--size-check);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    position: relative;
    border-radius: 50%;
}
.label__check::before {
    content: '';
    display: block;
    background-color: currentColor;
    border-radius: 50%;
    transition: var(--transition);
    transform: scale(0);
    transform-origin: center;
    min-width: calc(var(--size-check) / 2);
    min-height: calc(var(--size-check) / 2);
    width: calc(var(--size-check) / 2);
    height: calc(var(--size-check) / 2);
}
.label__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(var(--size-icon-el) * 2.5);
    min-height: var(--size-icon-el);
    height: 100%;
    color: var(--color-dark-lighter);
    display: flex;
    align-items: center;
    justify-content: center;
}
.label__btn svg {
    display: block;
    height: var(--size-icon-el);
    width: var(--size-icon-el);
}

/* checked */
.label input:checked + .label__content .label__check {
    background-color: var(--color-primary);
    color: var(--color-extralight);
}
.label input:checked + .label__content .label__check::before {
    transform: scale(1);
}
.label input:checked + .label__content {
    background-color: var(--color-muted);
}

/* disabled */
.label[disabled] {
    pointer-events: none;
}
.label[disabled] .label__check {
    background-color: var(--color-border);
    color: var(--color-border);
    border-color: var(--color-border);
}
.label[disabled] input:checked + .label__check {
    background-color: var(--color-muted-dark);
    color: var(--color-text-muted);
}

/* label-active */
.label-active {
    --radius-el: var(--radius-small);
    --bg-el: var(--color-muted);
    --size-icon-el: var(--size-icon);
    --color-icon-el: currentColor;

    width: 100%;
    background-color: var(--bg-el);
    padding: var(--offset-extrasmall) var(--offset-small);
    border-radius: var(--radius-el);
    border: 1px solid var(--color-muted);
    display: flex;
    align-items: center;
    gap: var(--offset-small);
}

.label-active__icon {
    min-width: var(--size-icon-el);
    width: var(--size-icon-el);
    min-height: var(--size-icon-el);
    height: var(--size-icon-el);
    color: var(--color-icon-el);
}
.label-active__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.label-active__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.label-active__body-title {
    font-size: 0.8125rem;
}
.label-active__body-descr {
    font-size: 0.75rem;
    color: var(--color-text-muted);
}




/* overflow el */
.overflow-el {
    position: relative;
}
.overflow-el._overflow-top::before,
.overflow-el._overflow-bottom::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2.9375rem;
    z-index: 1;
    pointer-events: none;
}
.overflow-el._overflow-top::before {
    top: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.overflow-el._overflow-bottom::after {
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}


/* product-offer */
.product-offer {
    --offset-block: var(--offset-modal, 2rem);
    --width-image: calc(( 100% - var(--offset-block) ) / 2);

    display: flex;
    align-items: start;
    gap: var(--offset-block);
}
.product-offer__image,
.product-offer__left {
    min-width: var(--width-image);
    width: var(--width-image);
}
.product-offer__image {
    overflow: hidden;
}
.product-offer__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-offer__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.product-offer__top {
    display: flex;
    flex-direction: column;
}
.product-offer__title {
    font-size: 3rem;
    font-weight: var(--font-medium);
    line-height: 1.3;
    letter-spacing: -0.02em;
}
.product-offer__descr {
    padding-top: var(--offset-block);
}
.product-offer__list {
    display: flex;
    flex-direction: column;
}
.product-offer__list-title {
    font-size: 1.125rem;
    font-weight: var(--font-medium);
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.product-offer__form-title {
    font-size: 1.5rem;
    font-weight: var(--font-medium);
    line-height: 1.5;
    letter-spacing: -0.02em;
}
.product-offer .form {
    padding-top: var(--offset-main);
}
.product-offer .form-inputs {
    column-gap: var(--offset-block);
}
.product-offer__list,
.product-offer__form {
    padding-top: calc(var(--offset-block) / 2 * 3);
}
.product-offer__bottom {
    padding-top: var(--offset-medium);
}
.product-offer__title-bottom {
    padding: var(--offset-small) 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-small);
    border-bottom: 0.0625rem solid var(--color-dark);
}

@media screen and (min-width: 1024px) {
    .product-offer__image,
    .product-offer__left {
        position: sticky;
        top: var(--offset-block);
    }
}
@media screen and (max-width: 1023px) {
    .product-offer {
        --offset-block: var(--offset-modal, 0.75rem);
        --width-image: calc((100% - var(--offset-medium)) / 2);

        gap: var(--offset-medium);
    }

    .product-offer__title-bottom {
        padding: var(--offset-extrasmall) 0;
        gap: var(--offset-extrasmall);
        border-color: var(--color-grey);
    }
    
    .product-offer__title {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .product-offer__list-title {
        font-size: 1rem;
        line-height: 1.5;
    }
    .product-offer__form-title {
        font-size: 1.125rem;
        line-height: 1.5;
    }
    .product-offer__descr {
        padding-top: var(--offset-medium);
    }
    .product-offer .form-inputs {
        grid-template-columns: 100%;
    }
    .product-offer .form {
        --gap: var(--offset-medium);
    }
    .product-offer .form-bottom {
        gap: var(--offset-block);
    }
    .product-offer .form {
        padding-top: var(--offset-block);
    }
    .product-offer__list,
    .product-offer__form {
        padding-top: var(--offset-medium);
    }
}
@media screen and (max-width: 767px) {
    .product-offer {
        --offset-block: var(--offset-modal, 0.75rem);
        --width-image: 100%;

        flex-direction: column;
        gap: var(--offset-medium);
    }
}

/* product-grid */
.product-grid {
    display: grid;
}
.product-grid .product-offer__left,
.product-grid .product-offer__image {
    min-width: 100%;
    width: 100%;
}
.product-grid__bottom {
    padding-top: 0;
}

@media screen and (min-width: 1024px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 0;
    }
    .product-grid .product-offer__left,
    .product-grid .product-offer__image {
        grid-row: 1 / 3;
        grid-column: 1 / 2;
    }
}
@media screen and (max-width: 1023px) {
    .product-grid {
        grid-template-columns: 100%;
    }
    .product-grid__bottom .form {
        padding-top: 0;
    }
    .product-grid .form-image__wrapper {
        margin: 0 calc(var(--grid-gap) * -1);
        padding: 0 var(--grid-gap);
        width: calc(100% + var(--grid-gap) * 2);
    }
}


/* animation marquee */
.marquee {
    display: flex;
    gap: var(--offset-secondary);
    align-items: center;
    overflow: hidden;
}
.marquee__list {
    height: 4rem;
    min-width: fit-content;
    width: 100%;
    display: flex;
    gap: var(--offset-secondary);
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    animation: animate 10s linear infinite;
}
.marquee__item {
    height: 100%;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
}
.marquee__item img,
.marquee__item svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.marquee__item img {
    object-fit: contain;
}

.marquee-reverse .marquee__list {
    animation: animate-reverse 10s linear infinite;
}

@keyframes animate {
    0% {
        transform: translate3d(0, 0,0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
@-webkit-keyframes animate {
    0% {
        transform: translate3d(0, 0,0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes animate-reverse {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0,0);
    }
}
@-webkit-keyframes animate-reverse {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0,0);
    }
}

/* loader */
@keyframes loader {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader {
    --size-icon-loader: 2.5rem;

    padding: var(--offset-loader, 0) 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader svg {
    fill: none;
    width: var(--size-icon-loader);
    height: var(--size-icon-loader);
    animation: loader 1.5s linear infinite;
}

/* overflow-shadow */
.overflow-shadow {
    --gradient-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);

    position: relative;
}
.overflow-shadow::before,
.overflow-shadow::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3rem;
    opacity: 0;
    transition: 0.2s all;
    z-index: 1;
}
.overflow-shadow::after {
    background: var(--gradient-shadow);
    bottom: 0;
    transform: scaleY(-1);
}
.overflow-shadow::before {
    background: var(--gradient-shadow);
    top: 0;
}
.overflow-shadow.overflow-shadow__end::after {
    opacity: 1;
}
.overflow-shadow.overflow-shadow__start::before {
    opacity: 1;
}

/* search */
.search {
    --offset-search: var(--offset-medium);

    position: relative;
}
.search__modal-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.search__wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    padding-top: var(--offset-extrasmall);
    z-index: 50;
    display: grid;
    grid-template-rows: 1fr;
    transition: var(--transition-long);
}
.search__window {
    overflow: hidden;
    border-radius: var(--radius-semismall);
    background-color: var(--color-extralight);
    border: 0.03125rem solid var(--color-third-dark);
    box-shadow: 0 0.125rem 1rem 0 #0000001A;
}
.search__window-content {
    padding: var(--offset-search);
    overflow-y: auto;
    max-height: calc(100dvh - var(--height-header, 0rem));
    scrollbar-width: none;
}
.search__window-content::-webkit-scrollbar,
.search__window-content::-webkit-scrollbar-track,
.search__window-content::-webkit-scrollbar-thumb {
    display: none;
}

.search__history-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
}
.search__history-title {
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-text);
}
.search__history-clear {
    font-weight: var(--font-regular);
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}
.search__history-list {
    margin-top: var(--offset-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--offset-secondary);
}
.search__history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-medium);
}
.search__history-link {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.15;
    color: var(--color-text-dark);
}
.search__history-link svg,
.search__history-remove {
    display: block;
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
}
.search__history-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted-dark);
}
.search__history-remove svg {
    display: block;
    width: 100%;
    height: 100%;
}
.search-noitem,
.search__history-link svg {
    color: var(--color-text);
}

/**/
.search__list {
    --width-card: 15rem;
}
.search__list-slider {
    border-top: 0.0625rem solid var(--color-border);
    padding: var(--offset-search) var(--offset-search) 0;
    margin: var(--offset-search) calc(var(--offset-search) * -1) 0;
    width: calc(100% + var(--offset-search) * 2);
}

/**/
.search:not(._open-search) .search__wrapper {
    grid-template-rows: 0fr;
    padding-top: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
}


@media screen and (min-width: 1024px) {
    .search__history-remove:hover {
        color: var(--color-text-muted);
    }
}
.search__history-remove:active {
    color: var(--color-text-dark);
}

/* sidebar */
.sidebar {
    --offset-sidebar: var(--offset-secondary);
    --size-logo: 4.125rem;

    padding: var(--offset-sidebar) 0;
    display: flex;
    flex-direction: column;
}
.sidebar-aside {
    position: sticky;
    top: 0;
    left: 0;
}
.sidebar__top {
    margin: 0 var(--offset-sidebar) var(--offset-main);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
}
.sidebar__top-logo {
    width: auto;
    min-height: var(--size-logo);
    height: var(--size-logo);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.sidebar__top-logo svg,
.sidebar__top-logo img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.sidebar__top-logo img {
    object-fit: contain;
}
.sidebar__wrapper {
    --gradient-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--color-bg) 100%);

    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.sidebar__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin: 0 var(--offset-sidebar);
    overflow-y: auto;
    scrollbar-width: none;
}
.sidebar__content::-webkit-scrollbar,
.sidebar__content::-webkit-scrollbar-track,
.sidebar__content::-webkit-scrollbar-thumb {
    display: none;
}
.sidebar__menu {
    display: flex;
    flex-direction: column;
    gap: var(--offset-small);
}
.sidebar__nav-list {
    margin-top: auto;
}
.sidebar__list {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: var(--offset-extrasmall) 0;
}
.sidebar__bottom {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    color: rgba(255,255,255, 0.4);
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
    padding: var(--offset-small);
}
.sidebar__developer {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}
.sidebar__developer svg {
    display: block;
    height: 0.745rem;
    width: auto;
}
.sidebar__lk {
    display: block;
    min-width: 2rem;
    width: 2rem;
    min-height: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
}    
.sidebar__lk img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sidebar__top-cartwrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1024px) {
    .sidebar {
        min-width: var(--width-sidebar);
        width: var(--width-sidebar);
        height: 100dvh;
    }
    .sidebar__top-burger,
    .sidebar__top-cart,
    .sidebar__top-cartwrapper,
    .sidebar__lk {
        display: none;
    }
}
@media screen and (max-width: 1023px) {
    .sidebar {
        --offset-sidebar: var(--offset-extrasmall);
        --size-logo: 1.25rem;

        padding-bottom: 0;
    }
    .sidebar-aside {
        z-index: 999;
    }
    .sidebar__top {
        margin-bottom: 0;
        background-color: var(--color-bg);
        padding: calc(var(--offset-sidebar) * 2);
        border-radius: var(--radius-secondary);
    }
    .sidebar__top .menu-button {
        --size-btn: 2rem;
        --size-svg: 1.25rem;
    }
    .sidebar__top-logo {
        margin: 0 auto 0 0;
    }
    .sidebar__wrapper {
        position: fixed;
        left: 0;
        /* bottom: 0; */
        top: 70px;
        transition: var(--transition-long);
        transform: translateX(-100%);
        opacity: 0;
        pointer-events: none;
        
        height: calc(100dvh - var(--height-sidebar-top, 0rem) - var(--offset-sidebar) * 3 - var(--height-bx-panel, 0px));
        max-height: calc(100dvh - var(--height-sidebar-top, 0rem) - var(--offset-sidebar) * 3 - var(--height-bx-panel, 0px));
        background-color: var(--color-bg);
        margin: var(--offset-sidebar);
        border-radius: var(--radius-secondary);
    }
    .sidebar._active .sidebar__wrapper {
        transform: translateX(0);
        opacity: 1;
        pointer-events: all;
    }
    .sidebar__content {
        margin: var(--offset-sidebar);
    }
    
}

/* menu-item */
.menu-item {
    --btn-bg: transparent;
    --btn-color: rgba(255,255,255, 0.7);
    --btn-padding: 0.75rem;
    --btn-gap: var(--offset-extrasmall);
    --size-btn: 3rem;
    --size-svg: var(--size-icon);
    --btn-badge: var(--color-primary);
}
.menu-item__link {
    width: 100%;
    min-height: var(--size-btn);
    display: inline-flex;
    align-items: center;
    gap: var(--btn-gap);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: var(--radius);
    padding: calc(var(--offset-extrasmall) / 2) var(--btn-padding);
    white-space: nowrap;
    position: relative;
    overflow: hidden;

    font-size: 1rem;
    line-height: 1.4;
}
.menu-item__link-icon {
    display: block;
    min-width: var(--size-svg);
    width: var(--size-svg);
    min-height: var(--size-svg);
    height: var(--size-svg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-item__link-icon svg,
.menu-item__link-icon img {
    display: block;
    width: 100%;
    height: 100%;
}
.menu-item__link-icon img {
    object-fit: contain;
}
.menu-item__link-badge {
    margin-left: auto;
    background-color: var(--btn-badge);
    padding: 0 var(--offset-extrasmall);
    border-radius: 50px;
    min-height: var(--size-svg);
    height: var(--size-svg);
    min-width: var(--size-svg);
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.36;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
.menu-item__link-arrow {
    margin-left: auto;
    min-width: var(--size-icon-medium);
    width: var(--size-icon-medium);
    min-height: var(--size-icon-medium);
    height: var(--size-icon-medium);
    transition: var(--transition);
    opacity: 0;
}
.menu-item__link-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}
.menu-item__divider {
    min-height: 0.5625rem;
    pointer-events: none;
}

/**/
.menu-item__submenu-item > .menu-item__submenu > .menu-item__submenu-list > .menu-item__submenu-item > .menu-item__link {
    padding-left: calc(var(--btn-padding) + var(--size-svg));
}

/**/
.menu-item__submenu {
    display: grid;
    grid-template-rows: 1fr;
    transition: var(--transition-long);
}
.menu-item__submenu-list {
    margin-top: var(--offset-menu, 0rem);
    display: flex;
    flex-direction: column;
    gap: var(--offset-menu, 0rem);
    overflow: hidden;
    transition: var(--transition-long);
}
.menu-item__submenu-item > .menu-item__link .menu-item__link-arrow {
    transform: rotate(-90deg);
}

/* open */
.menu-item:not(._active) > .menu-item__submenu,
.menu-item__submenu-item:not(._active) > .menu-item__submenu {
    grid-template-rows: 0fr;
}
.menu-item:not(._active) > .menu-item__submenu > .menu-item__submenu-list,
.menu-item__submenu-item:not(._active) > .menu-item__submenu > .menu-item__submenu-list {
    margin-top: 0;
}

@media screen and (min-width: 1024px) {
    .menu-item__link:hover {
        --btn-bg: rgba(0,0,0, 0.1);
        --btn-color: var(--color-text-extralight);
    }
}

.menu-item__link:active,
.menu-item._active > .menu-item__link {
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-text-extralight);
}
.menu-item__link:active .menu-item__link-arrow,
.menu-item._active > .menu-item__link .menu-item__link-arrow,
.menu-item__submenu-item._active > .menu-item__link .menu-item__link-arrow {
    opacity: 1;
}
.menu-item__submenu-item > .menu-item__link:active,
.menu-item__submenu-item._active > .menu-item__link {
    --btn-bg: rgba(0,0,0, 0.2);
}
.menu-item._active > .menu-item__link .menu-item__link-badge,
.menu-item > .menu-item__link:active .menu-item__link-badge {
    background-color: var(--color-extralight);
    color: var(--color-primary);
}

/* catalog-menu */
.catalog-menu {
    --width-block: 15rem;
    --border-block: var(--color-muted);

    width: 100%;
    max-width: var(--width-block);
    padding-right: var(--offset-extrasmall);
    display: flex;
    flex-direction: column;
    height: 100%;
    border-right: 0.0625rem solid var(--border-block);
}
.catalog-menu__title {
    margin-bottom: var(--offset-extrasmall);
    font-weight: var(--font-semibold);
    font-size: 1rem;
    line-height: 1.4;
}
/* catalog-item */
.catalog-item {
    --btn-bg: transparent;
    --btn-color: var(--color-text-dark);
    --btn-offset: var(--offset-extrasmall);
    --icon-color: var(--color-third-dark);
    --size-btn: 2.125rem;
    --size-svg: var(--size-icon);
    --size-svg-submenu: var(--size-icon-medium);
    --submenu-offset: var(--offset-main);

    font-weight: var(--font-regular);
    font-size: 1rem;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
}
.catalog-menu__menu-list > .catalog-item + .catalog-item {
    margin-top: var(--btn-offset);
}
.catalog-item__link {
    width: 100%;
    min-height: var(--size-btn);
    display: inline-flex;
    align-items: center;
    gap: var(--btn-offset);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: var(--radius);
    position: relative;
    overflow: hidden;
    padding: 0.25rem var(--btn-offset);

    font-size: 1rem;
    line-height: 1.4;
}
.catalog-item__link-title {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-align: left;
}
.catalog-item__link-arrow {
    order: 2;
    flex: 0 0 var(--size-svg);
    margin-left: auto;
    min-width: var(--size-svg);
    width: var(--size-svg);
    min-height: var(--size-svg);
    height: var(--size-svg);
    color: var(--icon-color);
    transition: var(--transition);
    display: none;
}
.catalog-item._has-children > .catalog-item__link .catalog-item__link-arrow,
.catalog-item__submenu-item._has-children > .catalog-item__link .catalog-item__link-arrow {
    display: block;
    cursor: pointer;
}
.catalog-item._has-children > .catalog-item__link .catalog-item__link-arrow:focus,
.catalog-item__submenu-item._has-children > .catalog-item__link .catalog-item__link-arrow:focus {
    outline: 0.125rem solid var(--color-primary);
    outline-offset: 0.125rem;
    border-radius: var(--radius-small);
}
.catalog-item._leaf > .catalog-item__link .catalog-item__link-arrow,
.catalog-item__submenu-item._leaf > .catalog-item__link .catalog-item__link-arrow {
    display: none;
}
.catalog-item__link-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* submenu */
.catalog-item__submenu {
    padding-left: var(--submenu-offset);
    width: 100%;
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transition);
}
.catalog-item._leaf > .catalog-item__submenu,
.catalog-item__submenu-item._leaf > .catalog-item__submenu {
    display: none;
}
.catalog-item__submenu-list {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.catalog-item__submenu-list > .catalog-item__submenu-item {
    margin-top: var(--btn-offset);
}
.catalog-item__submenu-item > .catalog-item__link {
    --btn-color: var(--color-text);
    --size-svg: var(--size-icon-medium);
}


/* active */
.catalog-item._active > .catalog-item__submenu,
.catalog-item__submenu-item._active > .catalog-item__submenu {
    grid-template-rows: 1fr;
}
.catalog-item._active > .catalog-item__link .catalog-item__link-arrow,
.catalog-item__submenu-item._active > .catalog-item__link .catalog-item__link-arrow {
    --icon-color: var(--color-primary);
    transform: rotate(-180deg);
}
.catalog-item._current > .catalog-item__link,
.catalog-item__submenu-item._current > .catalog-item__link {
    --btn-bg: var(--color-muted);
    --btn-color: var(--color-text-dark);
    font-weight: var(--font-semibold);
}
.catalog-item__submenu-item._active > .catalog-item__link-last .catalog-item__link-arrow {
    transform: rotate(-90deg);
}

@media screen and (min-width: 1024px) {
    .catalog-item > .catalog-item__link:hover,
    .catalog-item__submenu-item > .catalog-item__link:hover {
        --btn-bg: var(--color-muted);
        --icon-color: var(--color-primary);
        --btn-color: var(--color-text-dark);
    }
}

.catalog-item > .catalog-item__link:active,
.catalog-item__submenu-item > .catalog-item__link:active {
    --btn-bg: var(--color-muted-dark);
    --icon-color: var(--color-primary);
}



/* table-main */
.table-main {
    --offset-table: var(--offset-secondary);
    --width-td: 8.75rem;
    --size-btn: 2rem;
}

.table-main__head {
    padding: 0 var(--offset-table);
    min-height: 2rem;
    background-color: var(--color-muted);
    border-radius: var(--radius-semismall) var(--radius-semismall) 0 0;
    display: grid;
    align-items: center;
    gap: var(--offset-table);
    grid-template-columns: 1fr repeat(3, var(--width-td)) calc(var(--width-td) + var(--offset-table) + var(--size-btn));
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    line-height: 1.2;
    color: var(--color-text-muted-dark);
}
.table-main__head-caption:first-child {
    padding-left: calc(var(--size-btn) + var(--offset-table));
}
.table-main,
.table-main__items {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--offset-table);
}

@media screen and (max-width: 1439px) {
    .table-main {
        --width-td: 6.25rem;
    }
}
@media screen and (max-width: 1023px) {
    .table-main__head {
        display: none;
    }
    .table-main__items {
        --width-card: calc((100% - var(--offset-table)) / 2);

        flex-direction: row;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 767px) {
    .table-main__items {
        --width-card: 100%;

        flex-direction: column;
        flex-wrap: nowrap;
    }
}


/* table-finance */
.table-finance {
    --offset-table: var(--offset-secondary);
    --width-td: 8.75rem;
    --size-btn: 2rem;
}
.table-finance__head {
    padding: 0 var(--offset-table);
    min-height: 2rem;
    background-color: var(--color-muted);
    border-radius: var(--radius-semismall) var(--radius-semismall) 0 0;
    display: grid;
    align-items: center;
    gap: var(--offset-table);
    grid-template-columns: 1fr repeat(4, var(--width-td)) calc(var(--width-td) + var(--offset-table) + var(--size-btn));
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    line-height: 1.2;
    color: var(--color-text-muted-dark);
}
.table-finance__head-caption:first-child {
    padding-left: calc(var(--size-btn) + var(--offset-table));
}
.table-finance,
.table-finance__items {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--offset-table);
}

@media screen and (max-width: 1439px) {
    .table-finance {
        --width-td: 6.25rem;
    }
}
@media screen and (max-width: 1023px) {
    .table-finance__head {
        display: none;
    }
    .table-finance__items {
        --width-card: calc((100% - var(--offset-table)) / 2);

        flex-direction: row;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 767px) {
    .table-finance__items {
        --width-card: 100%;

        flex-direction: column;
        flex-wrap: nowrap;
    }
}


/* table-shipment */
.table-shipment {
    --offset-table: var(--offset-extrasmall);
    
    display: flex;
    flex-direction: column;
}
.table-shipment__head {
    --offset-head: var(--offset-secondary);

    --width-td: 6.5rem;
    --width-add: 10rem;
    --size-check: 2rem;

    padding: 0.25rem calc(var(--offset-head) / 2);
    background-color: var(--color-muted);
    min-height: 2rem;
    font-weight: var(--font-regular);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
    display: grid;
    align-items: center;
    gap: var(--offset-head);
    grid-template-columns: var(--size-check) 1fr var(--width-td) var(--width-add);
}
.table-shipment__items-wrapper {
    margin-top: var(--offset-table);
    flex-grow: 1;
    overflow: hidden;
}
.table-shipment__items {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--offset-table);
    overflow-y: auto;
    scrollbar-width: 0.375rem;
    /* scrollbar-color: var(--color-primary) var(--color-muted); */
}
.table-shipment__items::-webkit-scrollbar {
    width: 0.375rem;
    background-color: var(--color-muted);
}
.table-shipment__items::-webkit-scrollbar-thumb {
    width: 0.375rem;
    border-radius: 0.375rem;
    background-color: var(--color-primary);
}
.table-shipment__items::-webkit-scrollbar-track {
    background-color: transparent;
}

@media screen and (max-width: 1023px) {
    .table-shipment__head {
        display: none;
    }
    .table-shipment__items-wrapper {
        margin-top: 0;
    }
    .table-shipment__items {
        --width-card: calc((100% - var(--offset-table)) / 2);

        margin: 0;
        scrollbar-width: none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
    }
    .table-shipment__items::-webkit-scrollbar,
    .table-shipment__items::-webkit-scrollbar-thumb,
    .table-shipment__items::-webkit-scrollbar-track {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .table-shipment__items {
        --width-card: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

/* table-orders */
.table-orders {
    --width-td: 7.5rem;
    --offset-table: var(--offset-secondary);
    --height-head: 2rem;

    display: flex;
    flex-direction: column;
}
.table-orders__head {
    min-height: var(--height-head);
    padding: 0.25rem var(--offset-table);
    display: grid;
    align-items: center;
    gap: var(--offset-table);
    grid-template-columns: 1fr repeat(2, var(--width-td));
    border-radius: var(--radius-semismall) var(--radius-semismall) 0 0;
    background-color: var(--color-muted);
    color: var(--color-text-muted-dark);
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    line-height: 1.3;
}
.table-orders__items-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.table-orders__items {
    height: 100%;
    margin-top: var(--offset-extrasmall);
    padding: 0 var(--offset-table);
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-table) / 2);
    overflow-y: auto;
    scrollbar-width: 0.375rem;
    /* scrollbar-color: var(--color-primary) var(--color-muted); */
}
.table-orders__items::-webkit-scrollbar {
    width: 0.375rem;
    background-color: var(--color-muted);
}
.table-orders__items::-webkit-scrollbar-thumb {
    width: 0.375rem;
    border-radius: 0.375rem;
    background-color: var(--color-primary);
}
.table-orders__items::-webkit-scrollbar-track {
    background-color: transparent;
}

@media screen and (min-width: 1024px) {
    .table-orders__item {
        border-bottom: 0.0625rem solid var(--color-border);
    }
}
@media screen and (max-width: 1023px) {
    .table-orders__head {
        display: none;
    }
    .table-orders__items {
        --width-card: calc((100% - var(--offset-table)) / 2);

        padding: 0;
        margin: 0;
        scrollbar-width: none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
    }
    .table-orders__items::-webkit-scrollbar,
    .table-orders__items::-webkit-scrollbar-thumb,
    .table-orders__items::-webkit-scrollbar-track {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .table-orders__items {
        --width-card: 100%;

        flex-direction: column;
        flex-wrap: nowrap;
    }
}

/* table-consignee */
.table-consignee {
    --width-table: 62.5rem;
    --offset-table: var(--offset-secondary);
    --width-td: 8.75rem;
    --width-td-long: 11.25rem;
    --radius-table: var(--radius-semismall);

    width: 100%;
    text-align: left;
    overflow-x: auto;
    position: relative;
    /* scrollbar-width: 0; */
}
.table-consignee::-webkit-scrollbar,
.table-consignee::-webkit-scrollbar-track,
.table-consignee::-webkit-scrollbar-thumb {
    display: none;
}
.table-consignee__wrapper {
    width: 100%;
    min-width: var(--width-table);
}
.table-consignee__head {
    min-height: 2rem;
    background-color: var(--color-muted);
    border-radius: var(--radius-table) var(--radius-table) 0 0;
    color: var(--color-text-muted-dark);
    font-weight: var(--font-semibold);
    line-height: 1.2;
    padding: 0 var(--offset-table);
}
.table-consignee__body {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-table) / 2);
    padding-top: calc(var(--offset-table) / 2);
}
.table-consignee__body-tr {
    line-height: 1.15;
    padding: calc(var(--offset-table) / 2) var(--offset-table);
}
    
.table-consignee__head,
.table-consignee__body-tr {
    font-size: 0.875rem;
    width: 100%;
    
    display: grid;
    gap: var(--offset-table);
    align-items: center;
    grid-template-columns: repeat(2, 1fr) repeat(2, var(--width-td)) var(--width-td-long);
}
.table-consignee__body-td {
    min-height: 2rem;
    display: flex;
    align-items: center;
}

.table-consignee__touch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 0.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--offset-table);
    background: rgba(0,0,0, 0.4);
    color: var(--color-text-extralight);
    cursor: pointer;
    text-align: center;
    pointer-events: none;
    border-radius: var(--radius-table);
    transition: var(--transition);
}
.table-consignee__touch:not(._visible) {
    opacity: 0;
    pointer-events: none;
}
.table-consignee__touch svg {
    height: 4rem;
}

/* table-catalog */
.table-catalog {
    --offset-table: var(--offset-secondary);
    --width-add: calc(11rem - var(--offset-table));
    --width-td: calc(8.75rem - var(--offset-table));
    --height-head: 2rem;

    display: flex;
    flex-direction: column;
}
.table-catalog__head {
    min-height: var(--height-head);
    padding: 0.25rem calc(var(--offset-table) / 2) 0.25rem calc(var(--offset-table) * 1.5);
    background-color: var(--color-muted);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
    display: grid;
    align-items: center;
    gap: var(--offset-table);
    grid-template-columns: 1fr var(--width-td) var(--width-add) var(--width-td);
}
.table-catalog__items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-table) / 2);
}
@media screen and (min-width: 1024px) {
    .table-catalog__items {
        margin-top: calc(var(--offset-table) / 2);
    }
}

@media screen and (max-width: 1439px) {
    .table-catalog__head {
        --width-td: calc(6rem - var(--offset-table));
    }
}
@media screen and (max-width: 1023px) {
    .table-catalog {
        --columns: 2;
    }
    .table-catalog__head {
        display: none;
    }
    .table-catalog__items {
        --width-card: calc((100% - var(--offset-table) * (var(--columns) - 1)) / var(--columns));
        
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--offset-table);
        
    }

    .table-catalog__items.columns {
        --width-card: unset;
    }
}
@media screen and (max-width: 767px) {
    .table-catalog {
        --columns: 1;
    }
    .table-catalog__items {
        --width-card: 100%;

        flex-direction: column;
        flex-wrap: nowrap;
    }
}

/* table-stock */
.table-stock {
    --offset-table: var(--offset-secondary);
    --width-add: 11rem;
    --width-td: 8.75rem;
    --width-article: 7.5rem;
    --height-head: 2rem;
    --size-close: var(--size-icon-medium);

    --size-image: 2.5rem;

    display: flex;
    flex-direction: column;
}
.table-stock__head {
    min-height: var(--height-head);
    padding: 0.25rem calc(var(--offset-table) / 2);
    background-color: var(--color-muted);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
    display: grid;
    align-items: center;
    grid-template-columns: var(--width-article) 1fr var(--width-add) calc(var(--width-td) + var(--size-close));
}
.table-stock__head-caption {
    padding-left: var(--offset-table);
}
.table-stock__items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-table) / 2);
}
.table-stock__bottom {
    padding: var(--offset-table);
    background-color: var(--color-muted);
    border-top: 0.0625rem solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-table);
    margin-top: auto;
}
.table-stock__relevance {
    display: flex;
    align-items: center;
    gap: calc(var(--offset-table) / 2);
    font-size: 0.875rem;
}
.table-stock__relevance-image {
    min-width: var(--size-image);
    width: var(--size-image);
    min-height: var(--size-image);
    height: var(--size-image);
    border-radius: var(--radius);
    overflow: hidden;
    border: 0.0625rem solid rgba(0,0,0, 0.05);
    background-color: var(--color-extralight);
}
.table-stock__relevance-image img {
    display: block;
    width: 100%;
    height: 100%;
}
.table-stock__relevance-body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.table-stock__relevance-title {
    font-weight: var(--font-semibold);
    line-height: 1.2;
}
.table-stock__relevance-descr {
    font-weight: var(--font-regular);
    line-height: 1.15;
    color: var(--color-text);
}

@media screen and (min-width: 1024px) {
    .table-stock__items {
        margin-top: calc(var(--offset-table) / 2);
        margin-bottom: calc(var(--offset-table) / 2);
    }
    .table-stock {
        border-radius: var(--radius-semismall);
        overflow: hidden;
        border: 0.0625rem solid var(--color-border);
    }
}

@media screen and (max-width: 1023px) {
    .table-stock {
        --columns: 2;
    }
    .table-stock__head {
        display: none;
    }
    .table-stock__items {
        --width-card: calc((100% - var(--offset-table) * (var(--columns) - 1)) / var(--columns));
        
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--offset-table);
    }
    .table-stock__bottom {
        margin-top: var(--offset-table);
        background-color: var(--color-extralight);
        border: none;
        border-radius: var(--radius-semismall);
    }
    .table-stock__relevance {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .table-stock {
        --columns: 1;
    }
    .table-stock__items {
        --width-card: 100%;

        flex-direction: column;
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 424px) {
    .table-stock__bottom-btns,
    .table-stock__bottom-btns .button {
        width: 100%;
    }
}


/* table-available */
.table-available {
    --offset-table: var(--offset-secondary);
    --height-head: 2rem;

    --width-td-extrabig: 12.5rem;
    --width-td-big: 10rem;
    --width-td: 8.75rem;
    --width-td-small: 7.5rem;
    --width-td-extrasmall: 5rem;

    display: flex;
    flex-direction: column;
}
.table-available__head {
    min-height: var(--height-head);
    padding: 0.25rem calc(var(--offset-table) / 2);
    background-color: var(--color-muted);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr var(--width-td) minmax(calc(var(--width-td-big) / 2), var(--width-td-big)) var(--width-td-extrabig) var(--width-td-big) var(--width-td-extrasmall) var(--width-td-small);
}
.table-available__head-caption {
    padding-left: var(--offset-table);
}
.table-available__items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-table) / 2);
}

@media screen and (min-width: 1024px) {
    .table-available__items {
        margin-top: calc(var(--offset-table) / 2);
    }
    .table-available {
        border-radius: var(--radius-semismall);
        overflow: hidden;
        border: 0.0625rem solid var(--color-border);
    }
}

@media screen and (max-width: 1023px) {
    .table-available {
        --columns: 2;
    }
    .table-available__head {
        display: none;
    }
    .table-available__items {
        --width-card: calc((100% - var(--offset-table) * (var(--columns) - 1)) / var(--columns));
        
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--offset-table);
    }
}
@media screen and (max-width: 767px) {
    .table-available {
        --columns: 1;
    }
    .table-available__items {
        --width-card: 100%;

        flex-direction: column;
        flex-wrap: nowrap;
    }
}


/* table-delay */
.table-delay {
    --offset-table: var(--offset-secondary);
    --height-head: 2rem;

    --width-td: 11.25rem;
    --width-td-small: 7.5rem;
    --width-td-extrasmall: 6.25rem;

    display: flex;
    flex-direction: column;
}
.table-delay__head {
    min-height: var(--height-head);
    padding: 0.25rem calc(var(--offset-table) / 2);
    background-color: var(--color-muted);
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
    display: grid;
    align-items: center;
    grid-template-columns: var(--width-td-extrasmall) var(--width-td-extrasmall) 1fr var(--width-td-small) 1fr var(--width-td-small) var(--width-td);
}
.table-delay__head-caption {
    padding-left: var(--offset-table);
}
.table-delay__items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-table) / 2);
}

@media screen and (min-width: 1024px) {
    .table-delay__items {
        margin-top: calc(var(--offset-table) / 2);
    }
    .table-delay {
        border-radius: var(--radius-semismall);
        overflow: hidden;
        border: 0.0625rem solid var(--color-border);
    }
}

@media screen and (max-width: 1023px) {
    .table-delay {
        --columns: 2;
    }
    .table-delay__head {
        display: none;
    }
    .table-delay__items {
        --width-card: calc((100% - var(--offset-table) * (var(--columns) - 1)) / var(--columns));
        
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--offset-table);
    }
}
@media screen and (max-width: 767px) {
    .table-delay {
        --columns: 1;
    }
    .table-delay__items {
        --width-card: 100%;

        flex-direction: column;
        flex-wrap: nowrap;
    }
}


/* catalog-type */
.catalog-type {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}

/* catalog-toggle */
.catalog-toggle._hide .catalog-toggle__btn {
    display: none;
}

/* product-images */
.product-images {
    --height-slider: 100%;
    --offset-slider: var(--offset-medium);
    --radius-slider: var(--radius-semismall);

    display: flex;
    align-items: stretch;
    gap: var(--offset-slider);
    width: 100%;
}
.product-images__main-slider {
    flex-grow: 1;
}
.product-images__main-swiper,
.product-images__thumbs-swiper {
    height: var(--height-slider);
    border-radius: var(--radius-slider);
}
.product-images__main-slide,
.product-images__thumbs-slide {
    border-radius: var(--radius-slider);
    overflow: hidden;
    position: relative;
    background-color: var(--color-extralight);
}
.product-images__thumbs-slide {
    aspect-ratio: 1;
    cursor: pointer;
    transition: 0.2s box-shadow;
}
.product-images__main-slide::before,
.product-images__thumbs-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}
.product-images__main-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(2.5rem);
}

.product-images__main-slide img,
.product-images__thumbs-slide img,
.product-images__main-slide video {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.product-images__main-slide img {
    object-fit: contain;
    mix-blend-mode: multiply;
}
.product-images__thumbs-slide img {
    object-fit: contain;
    mix-blend-mode: multiply;
}


@media screen and (min-width: 1024px) {
    .product-images__thumbs-slide:hover {
        box-shadow: inset 0 0 0 0.0625rem var(--color-border);
    }
}
.product-images__thumbs-slide:active,
.product-images__thumbs-slide.swiper-item-active {
    box-shadow: inset 0 0 0 0.0625rem var(--color-primary);
}


/* tabs-container */
.tabs-container {
    --offset-block: var(--offset-medium);
}
.tabs-container__content,
.tabs-container__content-item > *:not(:first-child) {
    margin-top: var(--offset-block);
}

/* chars-badge */
.chars-badge {
    --offset-badge: var(--offset-secondary);

    width: 100%;
    display: flex;
    flex-direction: column;
    gap: clac(var(--offset-badge) / 2);
    padding: var(--offset-badge);
    background-color: var(--color-third);
    border: 0.03175rem solid var(--color-third-dark);
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.15;
    border-radius: var(--radius-semismall);
}
.chars-badge__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--offset-badge) / 2);
}
.chars-badge__list-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-secondary);
}
.chars-badge__list-caption {
    color: var(--color-text);
}
.chars-badge__list-divider {
    flex-grow: 1;
    align-self: end;
    border-bottom: 0.0625rem dashed var(--color-text);
}

/* price-badge */
.price-badge {
    border-radius: var(--radius);
    background-color: var(--color-muted);
    overflow: hidden;
    font-weight: var(--font-regular);
    line-height: 1.2;
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: calc(var(--offset-extrasmall) / 2) var(--offset-extrasmall);
    width: fit-content;
    max-width: 100%;
}
.price-badge__title {
    font-size: 0.75rem;
}
.price-badge__price {
    font-size: 1rem;
}

/* price-list */
.price-list {
    --offset-el: var(--offset-secondary);
    --bg-el: var(--color-extralight);
    --rows-el: 0fr;
    --opacity-el: 0;
    --transform-chevron: none;

    border-radius: var(--radius-semismall);
    overflow: hidden;
    background-color: var(--bg-el);
}
.price-list__top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--offset-el);
    background-color: var(--bg-el);
    font-size: 0.875rem;
    cursor: pointer;
}
.price-list__top-title {
    line-height: 1.15;
}
.price-list__top-right {
    display: flex;
    align-items: flex-start;
    gap: var(--offset-extrasmall);
}
.price-list__top-price {
    font-weight: var(--font-semibold);
    line-height: 1.2;
}
.price-list__top-chevron {
    min-width: var(--size-icon-small);
    width: var(--size-icon-small);
    min-height: var(--size-icon-small);
    height: var(--size-icon-small);
    transition: var(--transition);
    transform: var(--transform-chevron);
}
.price-list__top-chevron svg {
    display: block;
    width: 100%;
    height: 100%;
}

/**/
.price-list__content {
    display: grid;
    grid-template-rows: var(--rows-el);
    transition: var(--transition);
    font-size: 0.75rem;
    line-height: 1.4;
}
.price-list__content-list {
    overflow: hidden;
    opacity: var(--opacity-el);
    transition: var(--transition);
    background-color: var(--bg-el);
    padding: 0 var(--offset-el);
    border-top: 0.0625rem solid var(--color-border);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.price-list__content-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-el);
    padding-bottom: 0.25rem;
    border-bottom: 0.0625rem solid var(--color-border-fourth);
    color: var(--color-text);
}
.price-list__content-title {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.price-list__content-price {
    font-weight: var(--font-bold);
    min-width: fit-content;
}
.price-list__content-item:first-child {
    padding-top: var(--offset-el);
}
.price-list__content-item:last-child {
    padding-bottom: var(--offset-el);
}
/* active */
.price-list._active {
    --rows-el: 1fr;
    --opacity-el: 1;
    --transform-chevron: rotate(180deg);
}

/* address-item */
.address-item {
    --offset-block: var(--offset-medium);

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: var(--offset-block) var(--offset-extrabig);
}
.address-item__list {
    padding: var(--offset-secondary) var(--offset-secondary) 0 var(--offset-secondary);
    display: flex;
    flex-direction: column;
}
.address-item__list-item {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
    color: var(--color-text-dark-secondary);
}
.address-item__list-item:not(:last-child) {
    padding-bottom: var(--offset-block);
}
.address-item__list-item:not(:first-child) {
    padding-top: var(--offset-block);
    border-top: 0.0625rem solid var(--color-border-fifth);
}
.address-item__list-icon {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
}
.address-item__list-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.address-item__list-body {
    display: flex;
    flex-direction: column;
}
.address-item__list-body > *:not(:first-child) {
    margin-top: 0.125rem;
}
.address-item__list-title {
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.15;
    color: var(--color-text-muted-dark);
}
.address-item__list-descr {
    font-weight: var(--font-semibold);
}

.address-item__bottom {
    padding: 0 var(--offset-secondary) var(--offset-secondary) var(--offset-secondary);
}

.address-item__map {
    height: auto;
    border-radius: var(--radius-semismall);
    overflow: hidden;
}
.address-item__map-content {
    width: 100%;
    height: 100%;
    min-height: 300px;
}

.address-item__map-hidden {
    display: none !important;
}

@media screen and (min-width: 576px) {
    .address-item__map {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }
}
@media screen and (min-width: 1024px) {
    .address-item {
        padding: var(--offset-extrasmall);
        background-color: var(--color-extralight);
        border-radius: var(--radius-semismall);
    }
}

@media screen and (max-width: 1439px) {
    .address-item {
        gap: var(--offset-block);
    }
    .address-item__list,
    .address-item__bottom {
        padding: 0;
    }
}
@media screen and (max-width: 1023px) {
    .address-item {
        --offset-block: var(--offset-small);
    }
}
@media screen and (max-width: 575px) {
    .address-item {
        grid-template-columns: 100%;
    }
    .address-item__map {
        aspect-ratio: 1.5;
    }
}
@media screen and (max-width: 424px) {
    .address-item__map {
        aspect-ratio: 1;
    }
}

/**/
.pdf-canvas {
    --height-input: 2.375rem;
    --height-bottom: 4.25rem;

    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;

    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: var(--font-semibold);
}
.pdf-canvas__content {
    overflow: auto;
    flex-grow: 1;
    max-height: var(--height-canvas, 100%);
    max-width: 100%;
}
.pdf-canvas__content canvas {
    border: 0.0625rem solid var(--color-border);
    transform: rotate(var(--rotate-block));
    transition: var(--transition);
}

.pdf-canvas__bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: var(--radius-semismall);
    padding: var(--offset-small) var(--offset-secondary);
    background-color: var(--color-muted);
    box-shadow: 0 0.25rem 0.25rem 0 #00000040;
    display: flex;
    align-items: center;
    gap: var(--offset-secondary);
    min-height: var(--height-bottom);
}
.pdf-canvas__bottom-divider {
    height: calc(var(--height-input) - 0.125rem);
    width: 0.0625rem;
    background-color: var(--color-primary-light);
}
.pdf-canvas__count .input {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: var(--height-input);
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: var(--font-semibold);
}
.pdf-canvas__count .button.button-square[data-pdf-plus] {
    transform: scaleY(-1);
}
.pdf-canvas__count,
.pdf-canvas__zoom {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}
.pdf-canvas__zoom-value {
    text-align: center;
    height: var(--height-input);
    border-radius: var(--radius);
    background-color: var(--color-muted-dark);
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    min-width: 5.5625rem;
}

@media screen and (max-width: 767px) {
    .pdf-canvas__bottom {
        flex-direction: column;
        gap: var(--offset-extrasmall);
    }
    .pdf-canvas__bottom-divider {
        display: none;
    }
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/header.css?17757723232164*/

/* header */
.header {
    --offset-header: var(--offset-small);
    --size-image-lk: 2.75rem;

}
.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-header);
}
.header__wrapper > * {
    position: relative;
}

/* search */
.header__search {
    flex-grow: 1;
}

/* lk */
.header__lk-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--size-image-lk);
    width: var(--size-image-lk);
    min-height: var(--size-image-lk);
    height: var(--size-image-lk);
    border-radius: 50%;
    overflow: hidden;
    border: 0.75px solid #0000000D;
    background-color: var(--color-icon-custom);
}
.header__lk-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (min-width: 1024px) {
    .header__lk-link:hover {
        border-color: var(--color-primary);
    }
    /* search */
    .header__search .input {
        background-color: rgba(0,0,0, 0.3);
        border-color: rgba(255,255,255, 0.2);
    }
    .header__search .input::placeholder,
    .header__search .field-btn__btn {
        color: rgba(255,255,255, 0.8);
    }
    .header__search .input:focus::placeholder {
        color: transparent;
    }
    .header__search .input,
    .header__search .input:focus {
        color: var(--color-text-extralight);
    }
    .header__search .input:-webkit-autofill,
    .header__search .input:-webkit-autofill:hover, 
    .header__search .input:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--color-text-extralight);
    }
    .header__search .input:-webkit-autofill {
        caret-color: var(--color-text-extralight);
    }
}
.header__lk-link:active {
    border-color: var(--color-primary);
}

@media screen and (max-width: 1023px) {
    .header__first,
    .header__lk,
    .header__last {
        display: none;
    }
    .header__search .input {
        border: none;
    }
    .header__search .input::placeholder {
        font-size: 0.875rem;
        line-height: 1.15;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/footer.css?17757723231105*/

/* footer */
.footer {
    border-radius: var(--radius-secondary) var(--radius-secondary) 0 0;
    background-color: var(--color-bg);
    color: var(--color-text-extralight);
}
.footer__wrapper {
    padding: var(--offset-secondary) 0;
    display: flex;
    flex-direction: column;
    gap: var(--offset-extrasmall);
}
.footer__logo {
    display: block;
    height: 2.125rem;
}
.footer__logo img,
.footer__logo svg {
    display: block;
    width: fit-content;
    max-width: 100%;
    height: 100%;
}
.footer__logo img {
    object-fit: contain;
}
.footer__contact {
    font-weight: var(--font-semibold);
    font-size: 1.5rem;
    line-height: 1.3;
}
.footer__privacy,
.footer__developer {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    opacity: 0.4;
    font-size: 0.75rem;
    line-height: 1.4;
    letter-spacing: -0.02em;

}
.footer__developer-link {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}
.footer__developer-link svg {
    display: block;
    height: 0.75rem;
    width: auto;
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-auth.css?17757723233379*/

/* section-auth */
.section-auth {
    --size-icon-block: 7.5rem;

    background-color: var(--color-extralight);
    color: var(--color-text-dark);
}
.section-auth__wrapper {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section-auth__content {
    width: 100%;
    max-width: 22.5rem;
    display: flex;
    flex-direction: column;
    gap: var(--offset-main);
}
.section-auth__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--offset-main);
    text-align: center;
}
.section-auth__form-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-auth__form-forgot {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-muted-dark);
}
.section-auth__logo {
    max-height: 2rem;
    width: auto;
}
.section-auth__logo img,
.section-auth__logo svg {
    display: block;
    width: auto;
    height: 100%;
}
.section-auth__logo img {
    object-fit: contain;
}
.section-auth__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--offset-secondary);
}
.section-auth__descr {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}
.section-auth__content > *:first-child {
    margin-top: 0;
}

.section-auth__container {
    display: grid;
    align-items: stretch;
    grid-template-columns: calc(100% - var(--width-content-divided)) var(--width-content-divided);
}
.section-auth__left {
    height: auto;
    position: relative;
}
.section-auth__left-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-auth__left-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-auth__left-content {
    position: relative;
    padding: var(--offset-extrabig);
}
.section-auth__btns {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--offset-small);
}
.section-auth__icon {
    min-width: var(--size-icon-block);
    width: var(--size-icon-block);
    min-height: var(--size-icon-block);
    height: var(--size-icon-block);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-third-light);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-auth__icon svg {
    display: block;
    width: calc(var(--size-icon-block) / 5 * 3);
    height: calc(var(--size-icon-block) / 5 * 3);
}

@media screen and (min-width: 1024px) {
    .section-auth__left-content .button_third:not(:hover) {
        --btn-bg: var(--color-extralight);
    }
}
@media screen and (max-width: 1023px) {
    .section-auth__container {
        display: flex;
        flex-direction: column;
        min-height: 100dvh;
    }
    .section-auth__wrapper {
        min-height: 0;
        padding-top: var(--offset-secondary);
        padding-bottom: var(--offset-secondary);
        flex-grow: 1;
    }
    .section-auth__left-bg {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .section-auth__left-content {
        padding: var(--grid-gap);
    }
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-banner.css?17757723231217*/

/* section-banner */
.section-banner {

}
.section-banner__swiper,
.section-banner__slide {
    border-radius: var(--radius-semismall);
}
.section-banner__slide {
    max-height: 40rem;
    position: relative;
    overflow: hidden;
    background-color: var(--color-extralight);
}
.section-banner__swiper-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-banner__swiper-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: rgba(255, 255, 255, 0.7);
    filter: blur(2.5rem);
}
.section-banner__slide-img {
    width: 100%;
    height: 100%;
    position: relative;
}
.section-banner__slide-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.section-banner__slide-cover .section-banner__slide-img img {
    object-fit: cover;
    mix-blend-mode: multiply;
}
.section-banner__slide-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 575px) {
    .section-banner__slide,
    .section-banner__slide-img img {
        aspect-ratio: 1;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-slider.css?1775772323502*/
/* section-slider */
.section-slider {

}

.section-slider .tooltip-hint.tooltip-hint_order {
    max-width: 13.125rem;
}

.section-slider .card-shop {
    --width-card: 15rem;
}
.section-slider .card-news {
    --width-card: 18.75rem;
}
.section-slider .card-order {
    --width-card: 20rem;
}
@media screen and (max-width: 1023px) {
    .section-slider .card-shop {
        --width-card: 10.6875rem;
    }
    .section-slider .card-news {
        --width-card: 15rem;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-catalog.css?17757723233197*/

/* section-catalog */
.section-catalog {
    --columns: 6;
    --offset-block: var(--offset-medium);
    --offset-block-secondary: var(--offset-block);
    --width-menu: calc(15rem + var(--offset-block));
}

/* top */
.section-catalog__top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.25rem var(--offset-small);
    position: relative;
}
.section-catalog__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem var(--offset-small);
    flex-grow: 1;
}
.section-catalog__filters-mobile {
    display: flex;
    align-items: center;
    gap: var(--offset-block);
}
.section-catalog__filters-toggle {
    --btn-padding: 0.625rem;
}
.section-catalog__top-right {
    margin-left: auto;
}

/**/
.section-catalog__wrapper > *:not(:first-child),
.section-catalog__bottom {
    margin-top: var(--offset-block-secondary);
}
.section-catalog__main {
    display: grid;
    grid-template-columns: var(--width-menu) calc(100% - var(--width-menu));
    transition: var(--transition);
}
.section-catalog__main-menu {
    padding-right: var(--offset-block);
    transition: var(--transition);
}
.section-catalog__wrapper:not(._show-menu) {
    --width-menu: 0rem;
}
.section-catalog__wrapper:not(._show-menu) .section-catalog__main-menu {
    opacity: 0;
    pointer-events: none;
    height: 0;
}

/* items */
.section-catalog__items {
    display: grid;
    gap: var(--offset-block);
    grid-template-columns: repeat(var(--columns), calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns)));
}
.section-catalog__main-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section-catalog__wrapper._show-menu {
    --columns: 4;
}


/* bottom */
.section-catalog__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-block);
}



@media screen and (max-width: 1439px) {
    .section-catalog {
        --columns: 4;
    }
    .section-catalog__wrapper._show-menu {
        --columns: 3;
    }
}
@media screen and (max-width: 1279px) {
    .section-catalog__wrapper._show-menu {
        --columns: 2;
    }
}
@media screen and (max-width: 1023px) {
    .section-catalog__wrapper._show-menu {
        --columns: 4;
    }
    .section-catalog {
        --offset-block: var(--offset-extrasmall);
        --offset-block-secondary: var(--offset-secondary);
    }
    .section-catalog__main-menu {
        display: none;
    }
    .section-catalog__main {
        grid-template-columns: 100%;
    }
    .section-catalog__top {
        gap: var(--offset-extrasmall);
    }
    
}
@media screen and (max-width: 767px) {
    .section-catalog,
    .section-catalog__wrapper._show-menu {
        --columns: 3;
    }
    .section-catalog__filters-mobile {
        flex-grow: 1;
    }
}
@media screen and (max-width: 575px) {
    .section-catalog,
    .section-catalog__wrapper._show-menu {
        --columns: 2;
    }
    
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-cart.css?17827383258975*/

/* section-cart */
.section-cart {
    --width-aside: 20rem;
    --offset-block: var(--offset-medium);
    --offset-block-big: calc(var(--offset-block) * 3);
}
.section-cart__top,
.section-cart__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-small);
}
.section-cart__wrapper {
    display: flex;
    align-items: stretch;
    gap: var(--offset-block);
}
.section-cart__main,
.section-cart__aside {
    height: auto;
}
.section-cart__aside {
    min-width: var(--width-aside);
    width: var(--width-aside);
    border-radius: var(--radius-semismall);
    overflow: hidden;
    padding: var(--offset-block);
    background-color: var(--color-muted);
    display: flex;
    flex-direction: column;
}
.section-cart__main {
    flex-grow: 1;
    min-width: 0;
}

/**/
.section-cart__content {
    margin-top: var(--offset-block);
    display: flex;
    flex-direction: column;
}
/* .section-cart__item + .section-cart__item {
    margin-top: var(--offset-block-big);
} */

.section-cart__item:first-child ul li:last-child{
    margin-bottom: var(--offset-block-big);
}

.section-cart__item-list {
    display: flex;
    flex-direction: column;
    gap: var(--offset-block);
}
.section-cart__item-list:not(:first-child) {
    margin-top: var(--offset-block);
}
.section-cart__item-top {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.section-cart__item-descr {
    color: var(--color-text-muted-dark);
}
.section-cart__aside-top .button-checkbox {
    --size-btn: 2.5rem;
    --size-svg: var(--size-icon-small);
    --btn-padding: 0;

    font-size: 0.875rem;
}
.section-cart__aside-top:not(:last-child) {
    margin-bottom: var(--offset-medium);
}
.section-cart__aside-items {
    display: flex;
    flex-direction: column;
    gap: var(--offset-extrasmall);
}
.section-cart__aside-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
    font-size: 0.875rem;
}
.section-cart__aside-tag {
    font-size: 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.25rem;
}
.section-cart__aside-items:not(:first-child),
.section-cart__aside-tag:not(:first-child) {
    margin-top: var(--offset-secondary);
}

.section-cart__aside-tag .tag {
    margin-top: 0.25rem;
}
.section-cart__aside-title {
    line-height: 1.15;
}
.section-cart__aside-value {
    font-weight: var(--font-semibold);
    line-height: 1.2;
}
.section-cart__aside-bottom {
    margin-top: auto;
    padding-top: var(--offset-block);
    text-align: center;
    display: flex;
    flex-direction: column;
}
.section-cart__aside-price {
    font-weight: var(--font-semibold);
    font-size: 2rem;
    line-height: 1.2;
}
.section-cart__aside-price:not(:first-child) {
    margin-top: 0.25rem;
}
.section-cart__aside-btns {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--offset-extrasmall);
}
/* Длинная подпись кнопки переносится, а не вылезает за узкий блок (двухколоночный вид) */
.section-cart__aside-btns .button {
    white-space: normal;
    height: auto;
    min-height: 2.75rem;
}
.section-cart__aside-btns:not(:first-child) {
    margin-top: var(--offset-small);
}

.section-cart__aside-btns.disable {
    pointer-events: none;
    opacity: 0.5;
}

@media screen and (min-width: 1024px) {
    .section-cart__aside {
        overflow: visible;
    }

    .section-cart__aside-bottom {
        position: sticky;
        bottom: var(--offset-block);
        z-index: 2;
        padding: var(--offset-block);
        border-radius: var(--radius-semismall);
        background-color: var(--color-muted);
        box-shadow: 0 -0.75rem 1.5rem rgba(18, 37, 82, 0.08);
    }
}

/* form */
.section-cart__form {
    --gap: var(--offset-block);
}

/* order */
.section-cart__order {
    height: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;

}
.section-cart__block {
    display: flex;
    flex-direction: column;
    padding: var(--offset-block);
    border-radius: var(--radius-secondary);
    background-color: var(--color-muted);
}
.section-cart__block > *:not(:first-child),
.section-cart__switch > *:not(:first-child) {
    margin-top: var(--offset-block);
}
.section-cart__switch-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--offset-block);
}
.section-cart__block-inputs {
    --gap: var(--offset-block);
}
.section-cart__block-title span{
    color: var(--color-primary);
}
.section-cart__switch-btns .label-btn {
    width: 100%;
    max-width: 20rem;
}
.section-cart__switch-btns .button-vertical {
    order: 1;
}

/**/
.section-cart__finally {
    padding: var(--offset-extrabig) 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section-cart__finally-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--offset-extrabig);
    text-align: center;
}
.section-cart__finally-icon {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-cart__finally-icon svg {
    display: block;
    width: calc(100% * 3 / 5);
    height: calc(100% * 3 / 5);
}

.section-cart__finally-icon._success {
    color: var(--color-success);
    background-color: var(--color-green-light);
}
.section-cart__finally-icon._error {
    color: var(--color-error-dark);
    background-color: var(--color-badge-red);
}
.section-cart__finally-icon._warning {
    color: var(--color-badge-warning-extradark);
    background-color: var(--color-badge-warning);
}
.section-cart__finally-body > *:not(:first-child) {
    margin-top: var(--offset-main);
}

@media screen and (min-width: 1024px) {
    .section-cart .section__header {
        padding-bottom: var(--offset-extrabig);
    }
    .section-cart__form {
            flex-grow: 1;
        padding: var(--offset-block);
        border-radius: var(--radius-secondary);
        background-color: var(--color-muted);
    }
}

@media screen and (max-width: 1439px) {
    .section-cart__wrapper {
        flex-direction: column;
    }
    .section-cart {
        --width-aside: 100%;
    }
}
@media screen and (max-width: 1023px) {
    .section-cart {
        --offset-block: 1rem;
        --offset-block-big: calc(var(--offset-block) * 2);
    }
    .section-cart__filters {
        padding: var(--offset-block);
        border-radius: var(--radius-semismall);
        background-color: var(--color-extralight);
        overflow: hidden;
        width: 100%;
    }
    .section-cart__filters .button-checkbox,
    .section-cart__filters .button {
        padding: 0;
    }
    .section-cart__aside-top.hidden-mobile:first-child ~ .section-cart__aside-items  {
        margin-top: 0;
    }
    .section-cart__aside {
        background-color: var(--color-extralight);
    }
    /* .section-cart__aside-total {
        display: flex;
        align-items: center;
        justify-content: space-between;
    } */
    .section-cart__aside-total {
        display: flex;
        align-items: end;
        justify-content: space-between;
        row-gap: 0.5rem;
        flex-wrap: wrap;
        text-align: left;
    }
    .section-cart__aside-title {
        font-weight: var(--font-semibold);
        line-height: 0.75rem;
        line-height: 1.4;
    }
    .section-cart__aside-price {
        font-size: 1.75rem;
        line-height: 1;
    }
    .section-cart__aside-currency {
        font-size: 0.71em;
    }
    .section-cart__block {
        border-radius: var(--radius-semismall);
        background-color: var(--color-extralight);
    }
    .section-cart__block-tabs .button-tab {
        --size-btn: 2rem;

        font-size: 0.875rem;
    }
    .section-cart__finally-body > *:not(:first-child) {
        margin-top: var(--offset-block);
    }
    .section-cart__finally {
        padding: var(--offset-block) 0;
    }
    .section-cart__finally-content {
        gap: var(--offset-block);
    }
}
@media screen and (max-width: 767px) {
    .section-cart__switch-btns .button-vertical,
    .section-cart__switch-btns .label-btn {
        max-width: 100%;
    }

    .section-cart__block-inputs {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 575px) {
    .section-cart__form .form-inputs {
        grid-template-columns: 1fr;
    }
    .section-cart__filters > * {
        flex-grow: 1;
    }
}

/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-application.css?17757723231827*/

/* section-application */
.section-application {
    --columns: 2;
    --offset-block-items: var(--offset-medium);

    --offset-block: var(--offset-secondary);
    --width-td: 8.75rem;
    --size-btn: 2rem;
}

.section-application__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-block);
    margin-bottom: var(--offset-medium);
}
.section-application__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-extrasmall);
}
.section-application__filters-button {
    --btn-color: var(--color-text);
    --size-svg: var(--size-icon-medium);
    --btn-gap: var(--offset-extrasmall);

    font-weight: var(--font-regular);
}
.section-application__filters-date {
    max-width: 10rem;
}
.section-application__filters-mobile {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}

/**/
.section-application__items {
    display: grid;
    align-items: stretch;
    gap: var(--offset-block-items);
    grid-template-columns: repeat(var(--columns), calc((100% - (var(--columns) - 1) * var(--offset-block-items)) / var(--columns)));
}
.section-application__item {
    height: auto;
}

@media screen and (max-width: 1439px) {
    .section-application {
        --columns: 1;
    }
}
@media screen and (max-width: 1023px) {
    .section-application__top {
        margin-bottom: var(--offset-block);
    }
    .section-application {
        --columns: 2;
        --offset-block-items: var(--offset-block);
    }
    .section-application__top {
        flex-direction: column;
        align-items: stretch;
    }
}

@media screen and (max-width: 767px) {
    .section-application {
        --columns: 1;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-orders.css?17757723232463*/

/* section-orders */
.section-orders {
    --offset-block: var(--offset-secondary);
}

.section-orders__top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--offset-block);
    margin-bottom: var(--offset-medium);
    width: 100%;
}
.section-orders__top-badges {
    display: flex;
    align-items: stretch;
    gap: var(--offset-medium);
}
.section-orders__top-badges:not(:last-child){
 margin-bottom: var(--offset-block);   
}
.section-orders__top-badges .badge-price {
    height: auto;
}
.section-orders__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--offset-extrasmall);
}
/* .section-orders__filters-button {
    --btn-color: var(--color-text);
    --size-svg: var(--size-icon-medium);
    --btn-gap: var(--offset-extrasmall);

    font-weight: var(--font-regular);
} */
.section-orders__filters-date {
    max-width: 12rem;
}

.section-orders__bottom {
    margin-top: var(--offset-block);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-block);
}

.section-orders__filters-mobile {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}

@media screen and (min-width: 1024px) {
    .section-orders__bottom {
        position: sticky;
        z-index: 5;
        bottom: 0;
        background-color: var(--color-extralight);
        border-top: 0.0625rem solid var(--color-border);
        padding: var(--offset-block) calc(var(--offset-block) + var(--grid-gap)) var(--grid-gap);
        margin: var(--offset-block) calc(var(--grid-gap) * -1) calc(var(--grid-gap) * -1);
        border-radius: 0 0 var(--radius-medium) var(--radius-medium);
    }
}


@media screen and (max-width: 1023px) {
    .section-orders__top {
        margin-bottom: var(--offset-block);
    }
}
@media screen and (max-width: 767px) {
    .section-orders__top-badges {
        width: 100%;
        gap: var(--offset-extrasmall);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 424px) {
    .section-orders__tabs .tabs__tab {
        min-width: calc((100vw - var(--grid-gap) * 2 - var(--offset-tabs) * 3) / 2);
    }
    .section-orders__top {
        flex-direction: column;
        align-items: stretch;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-lk.css?17757723231692*/

/* section-lk */
.section-lk {
    --offset-block: 2.5rem;
    --offset-fields: var(--offset-medium);
    --width-content: 62.5rem;
}
.section-lk__wrapper {
    width: 100%;
    max-width: var(--width-content);
}
.section-lk__content-top {
    margin-bottom: var(--offset-medium);
}
.section-lk__content-fields {
    --columns: var(--columns-fields, 1);

    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--offset-fields);
}
.section-lk__wrapper > *:not(:first-child) {
    margin-top: var(--offset-block);
}

/**/
.section-lk__top {
    display: flex;
    align-items: center;
    gap: var(--offset-secondary);
}
.section-lk__top-body {
    display: flex;
    flex-direction: column;
    gap: var(--offset-extrasmall);
}
.section-lk__top-descr {
    font-weight: var(--font-regular);
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-text-muted-dark);
}
.section-lk__file:not(:first-child) {
    margin-top: var(--offset-fields);
}

/**/
.section-lk__file-bottom {
    width: fit-content;
    max-width: 100%;
    margin-top: var(--offset-fields);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.25rem;
    border-radius: var(--radius-semismall);
    background-color: var(--color-muted);
    color: var(--color-text-dark);
}
.section-lk__file-descr {
    padding: var(--offset-extrasmall) var(--offset-secondary);
    font-weight: var(--font-semibold);
    font-size: 0.75rem;
    line-height: 1.4;
}

@media screen and (max-width: 575px) {
    .section-lk__file-bottom {
        flex-direction: column;
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-news.css?17757723236099*/
/* section-news */
.section-news {
    --offset-block: var(--offset-extrabig);
    --width-aside-block: 25rem;
    --offset-aside-block: var(--offset-medium);

    --width-image-small: calc((100% - var(--offset-aside-block) * 2) / 4 + 0.125rem);
}

.section-news__date {
    color: var(--color-text-muted-dark);
}

/* wrapper */
.section-news__wrapper {
    display: grid;
    align-items: start;
    grid-template-columns: calc(100% - var(--width-aside-block) - var(--offset-aside-block)) var(--width-aside-block);
    gap: var(--offset-aside-block);
}

.section-news__content {
    color: var(--color-text);
}

.section-news__content>* {
    margin: var(--offset-block) 0;
}

.section-news__content>*:first-child {
    margin-top: 0;
}

.section-news__content>*:last-child {
    margin-bottom: 0;
}

.section-news__image-main,
.section-news__image {
    border-radius: var(--radius-small);
    overflow: hidden;
}

.section-news__image-main {
    width: 100%;
}

.section-news__image-main img,
.section-news__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-news__image {
    width: 100%;
    display: block;
    height: auto;
}

.section-news__images {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--offset-aside-block);
}

.section-news__image-vertical {
    min-width: var(--width-image-small);
    width: var(--width-image-small);
}

.section-news__image-horizontal {
    min-width: calc(100% - var(--width-image-small) * 2 - var(--offset-aside-block) * 2);
    width: calc(100% - var(--width-image-small) * 2 - var(--offset-aside-block) * 2);
}

.section-news__swiper-slide {
    border-radius: var(--radius-small);
    overflow: hidden;
    transition: var(--transition);
    width: 100%;
    max-height: 320px;
    transition: 0.3s all;
}

.section-news__swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-news__content a {
    color: var(--color-blue);
}



/* aside */
.section-news__aside {
    border-radius: var(--radius-small);
    background-color: var(--color-muted);
    padding: var(--offset-aside-block);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: calc(var(--height-header, 0rem) + var(--offset-aside-block));
}

.section-news__aside-list {
    display: flex;
    flex-direction: column;
    gap: var(--offset-aside-block);
}

.section-news__aside-list:not(:first-child) {
    margin-top: var(--offset-aside-block);
}

.section-news__aside-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    position: relative;
}

.section-news__aside-caption {
    font-size: 0.75rem;
    color: var(--color-text);
}

.section-news__aside-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* bottom */
.section-news__bottom {
    margin-top: var(--offset-block);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--offset-extrasmall);
}

.section-news__bottom-prev svg {
    transform: scaleX(-1);
}

.section-news__slider {
    --offset-arrows: calc(var(--offset-medium) * -1);

    position: relative;
}

.section-news__slider-prev,
.section-news__slider-next {
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    height: 2.75rem;
    overflow: hidden;
    border-radius: 50%;
    background-color: var(--color-extralight);
    color: var(--color-text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.section-news__slider-prev svg,
.section-news__slider-next svg {
    width: var(--size-icon);
    height: var(--size-icon);
}

.section-news .section__top {
    flex-wrap: wrap;
}

@media screen and (min-width: 576px) {
    .section-news__slider {
        overflow: hidden;
    }

    .section-news__swiper-slide.swiper-slide-active {
        transform: scaleX(134%);
        z-index: 1;
    }

    .section-news__swiper-slide:not(.swiper-slide-active) {
        transform: scaleX(66%);
    }

    .section-news__swiper-slide:not(.swiper-slide-active) img {
        transform: scaleX(134%);
    }

    .section-news__swiper {
        overflow: visible;
        max-width: 34%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .section-news__aside-item:hover .section-news__aside-descr {
        text-decoration-color: currentColor;
    }

    .section-news__slider-prev:hover,
    .section-news__slider-next:hover {
        box-shadow: var(--shadow-hover);
    }
}

@media screen and (min-width: 1440px) {
    .section-news__swiper {
        max-width: 36%;
    }
}

@media screen and (max-width: 1439px) {
    .section-news {
        --width-aside-block: 20rem;
    }

}

@media screen and (max-width: 1279px) {
    .section-news {
        --width-aside-block: 15rem;
    }
}

@media screen and (max-width: 1023px) {
    .section-news {
        --offset-block: var(--offset-secondary);
        --offset-aside-block: var(--offset-block);
    }

    .section-news__content,
    .section-news__aside-descr,
    .section-news__date {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 767px) {
    .section-news__wrapper {
        grid-template-columns: 100%;
    }

    .section-news .section__top {
        flex-direction: column;
        align-items: start;
    }

    .section-news__slider .arrows {
        display: none;
    }
}

@media screen and (max-width: 424px) {
    .section-news__image-horizontal {
        width: 100%;
        order: -1;
    }

    .section-news__image-vertical {
        width: calc((100% - var(--offset-block)) / 2);
    }

    .section-news__image-vertical,
    .section-news__image-vertical img {
        aspect-ratio: 1;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-stock.css?17757723231657*/
/* section-stock */
.section-stock,
.section-stock {
    height: 100%;
}

.section-stock__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--offset-secondary) var(--offset-extrabig);
}

.section-stock__header-right {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}

.section-stock__header-search {
    flex-grow: 1;
}

.section-stock__wrapper>*:not(:first-child) {
    margin-top: var(--offset-secondary);
}

.section-stock__wrapper,
.section-stock__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.section-stock__table {
    flex-grow: 1;
}

@media screen and (min-width: 1024px) {
    .section-stock__header-right {
        flex-grow: 1;
    }
}

@media screen and (max-width: 1023px) {
    .section-stock__header-search {
        /* display: none; */
        width: 100%;
    }

    .section-stock__header-right .button_third:not(:active) {
        --btn-bg: var(--color-extralight);
    }

    .section-stock .section__title {
        font-size: 1.5rem;
    }

    .section-stock__header-right .button_third:not(:active) span {
        color: var(--color-text-dark);
    }

    .section-stock__header-right {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 424px) {
    /* .section-stock__header-right,
    .section-stock__header-right .button_third:not(:active) {
        width: 100%;
    } */

    .section-stock__header-right,
    .section-stock__header-right .button_third {
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-order.css?1775772323861*/

/* section-order */
.section-order {

}
.section-order__top {
    display: flex;
    flex-direction: column;
}
.section-order__top > *:not(:first-child) {
    margin-top: var(--offset-extrasmall);
}
.section-order__top-descr,
.section-order__top-caption {
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    line-height: 1.15;
    color: var(--color-text-muted-dark);
}
.section-order__top-item {
    display: flex;
    align-items: center;
    gap: var(--offset-extrasmall);
}
.section-order__top-item .tooltip-hint {
    max-width: 13.125rem;
}
.section-order__items {
    margin-top: var(--offset-secondary);
}
.section-order .table-orders__items {
    gap: var(--offset-secondary);
}

@media screen and (max-width: 1023px) {
    .section-order__top-item {
        justify-content: space-between;
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-chars.css?17757723232253*/

/* section-chars */
.section-chars {
    --offset-block: var(--offset-secondary);
}

.section-chars__top {
    margin-bottom: var(--offset-block);
}
.section-chars__top-title {
    color: var(--color-primary);
}
.section-chars__content {
    font-size: 0.875rem;
}
.section-chars__content > *:not(:first-child) {
    margin-top: var(--offset-block);
}
.section-chars__descr {
    color: var(--color-text);
}
.section-chars__item li:not([class])::marker {
    color: var(--color-primary);
}

/**/
.section-chars__chars-item:not(:first-child) {
    margin-top: var(--offset-block);
}
.section-chars__chars {
    font-size: 0.875rem;
}
.section-chars__title {
    font-weight: var(--font-semibold);
    line-height: 1.2;
}
.section-chars__chars-char {
    line-height: 1.15;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    flex-wrap: wrap;

}
.section-chars__chars-caption {
    color: var(--color-text-muted-dark);
}
.section-chars__chars-caption,
.section-chars__chars-value {
    max-width: 45%;
}

/**/
.section-chars__files {
    display: flex;
    flex-direction: column;
}
.section-chars__files-item:not(:first-child) {
    margin-top: var(--offset-block);
}
.section-chars__files-item {
    display: flex;
    align-items: center;
    gap: var(--offset-block);
    position: relative;
}
.section-chars__files-icon {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
    color: var(--color-text);
}
.section-chars__files-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.section-chars__files-body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.section-chars__files-title {
    font-size: 0.875rem;
    line-height: 1.15;
}
.section-chars__files-descr {
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--color-text-muted-dark);
}
.section-chars__files-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1023px) {
    .section-chars {
        --offset-block: var(--offset-small);
    }
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-buy.css?17757723231010*/

/* section-buy */
.section-buy {

}
.section-buy__wrapper {
    display: flex;
    flex-direction: column;
}
.section-buy__wrapper:not(:last-child) {
    margin-bottom: 0.625rem;
}
.section-buy__wrapper > *:not(:first-child) {
    margin-top: var(--offset-extrasmall);
}
.section-buy__descr {
    font-size: 0.875rem;
    line-height: 1.15;
    color: var(--color-text-muted-secondary);
    text-transform: uppercase;
}
.section-buy__info {
    display: flex;
    flex-direction: column;
    gap: var(--offset-small);
    flex-wrap: wrap;
}
.section-buy__price {
    font-weight: var(--font-semibold);
    font-size: 1.75rem;
    line-height: 1;
}
.section-buy__price-currency {
    font-size: 0.714em;
}
.section-buy__available {
    font-weight: var(--font-semibold);
    font-size: 0.75rem;
    line-height: 1.4;
}
.section-buy .add-cart .add-cart__wrapper {
    width: auto;
}
.section-buy__available-wrapper {
    display: flex;
    flex-direction: column;
}
/* End */


/* Start:/local/templates/sivtrans/assets/style/parts/section-document.css?17757723233150*/

/* section document */
.section-document {
    --gap-block: var(--offset-medium);
    --width-aside: 25rem;
    --height-canvas: calc(100dvh - var(--height-header, 0px) - var(--section-offset, 0px) - var(--grid-gap) * 2);
}
.section-document__wrapper {
    flex-grow: 1;
    width: 100%;
    display: grid;
    align-items: stretch;
    grid-template-columns: calc(100% - var(--width-aside) - var(--gap-block)) var(--width-aside);
    gap: var(--gap-block);
}
.section-document__content {
    height: auto;
}
.section-document__block {
    --width-item: var(--width-aside, 25rem);

    border-radius: var(--radius-semismall);
    overflow: hidden;
    padding: var(--offset-medium);
    display: flex;
    flex-direction: column;
    gap: var(--offset-medium);
    background-color: var(--color-muted);
    align-self: start;
    max-height: var(--height-canvas);
    overflow-y: auto;
    scrollbar-width: none;
    position: sticky;
    top: calc(var(--offset-medium) + var(--height-header, 0px));
}
.section-document__block::-webkit-scrollbar,
.section-document__block::-webkit-scrollbar-track,
.section-document__block::-webkit-scrollbar-thumb {
    display: none;
}
.section-document__block.fancybox__content {
    max-height: fit-content;
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-item);
    z-index: 20;
}
.section-document__list {
    display: flex;
    flex-direction: column;
    gap: var(--offset-extrasmall);
}
.section-document__block-visible {
    position: fixed;
    bottom: var(--grid-gap);
    right: var(--grid-gap);
}
/**/
.section-document__item {
    min-height: 4.6875rem;
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--offset-small);
    padding: var(--offset-secondary) var(--offset-extrasmall);
    border-radius: 0.75rem;
    overflow: hidden;
    transition: var(--transition);
    cursor: pointer;
    text-align: left;
}
.section-document__item-icon {
    min-width: var(--size-icon);
    width: var(--size-icon);
    min-height: var(--size-icon);
    height: var(--size-icon);
    color: var(--color-text);
    align-self: start;
}
.section-document__item-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.section-document__item-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.section-document__item-bottom {
    display: flex;
    gap: 0.25rem;
    justify-content: space-between;
    align-items: end;
    color: var(--color-text-muted-dark);
    font-size: 0.75rem;
    line-height: 1.4;
}
.section-document__item._active {
    background-color: var(--color-extralight);
}


@media screen and (min-width: 1440px) {
    .section-document__block-visible {
        display: none;
    }
    .section-document__block:not(.fancybox__content) {
        display: flex !important;
    }
}
@media screen and (max-width: 1439px) {
    .section-document__wrapper {
        grid-template-columns: 100%;
    }
    .section-document__block:not(.fancybox__content) {
        display: none;
    }
}
/* End */
/* /local/templates/sivtrans/assets/style/reset.css?17757723233122 */
/* /local/templates/sivtrans/assets/style/variables.css?17757723234719 */
/* /local/templates/sivtrans/assets/style/fonts.css?1775772323641 */
/* /local/templates/sivtrans/assets/libs/swiper/swiper.min.css?177577232418449 */
/* /local/templates/sivtrans/assets/libs/fancybox/fancy.css?177577232424789 */
/* /local/templates/sivtrans/assets/libs/simpleSideBar/simplesidebar.css?17757723234465 */
/* /local/templates/sivtrans/assets/libs/noUiSlider/nouislider.min.css?17757723244220 */
/* /local/templates/sivtrans/assets/libs/datepicker/css/datepicker.min.css?17757723244938 */
/* /local/templates/sivtrans/assets/style/main.css?177577232315821 */
/* /local/templates/sivtrans/assets/style/modals.css?178280993344248 */
/* /local/templates/sivtrans/assets/style/typography.css?17827447254030 */
/* /local/templates/sivtrans/assets/style/elements/buttons.css?177577232317611 */
/* /local/templates/sivtrans/assets/style/elements/tabs.css?17757723232364 */
/* /local/templates/sivtrans/assets/style/elements/forms.css?178178229538489 */
/* /local/templates/sivtrans/assets/style/elements/badges.css?17757723235589 */
/* /local/templates/sivtrans/assets/style/elements/cards.css?178153355970820 */
/* /local/templates/sivtrans/assets/style/elements/tooltips.css?177577232312362 */
/* /local/templates/sivtrans/assets/style/elements.css?178153072981981 */
/* /local/templates/sivtrans/assets/style/parts/header.css?17757723232164 */
/* /local/templates/sivtrans/assets/style/parts/footer.css?17757723231105 */
/* /local/templates/sivtrans/assets/style/parts/section-auth.css?17757723233379 */
/* /local/templates/sivtrans/assets/style/parts/section-banner.css?17757723231217 */
/* /local/templates/sivtrans/assets/style/parts/section-slider.css?1775772323502 */
/* /local/templates/sivtrans/assets/style/parts/section-catalog.css?17757723233197 */
/* /local/templates/sivtrans/assets/style/parts/section-cart.css?17827383258975 */
/* /local/templates/sivtrans/assets/style/parts/section-application.css?17757723231827 */
/* /local/templates/sivtrans/assets/style/parts/section-orders.css?17757723232463 */
/* /local/templates/sivtrans/assets/style/parts/section-lk.css?17757723231692 */
/* /local/templates/sivtrans/assets/style/parts/section-news.css?17757723236099 */
/* /local/templates/sivtrans/assets/style/parts/section-stock.css?17757723231657 */
/* /local/templates/sivtrans/assets/style/parts/section-order.css?1775772323861 */
/* /local/templates/sivtrans/assets/style/parts/section-chars.css?17757723232253 */
/* /local/templates/sivtrans/assets/style/parts/section-buy.css?17757723231010 */
/* /local/templates/sivtrans/assets/style/parts/section-document.css?17757723233150 */