/* Start:/local/templates/main/components/bitrix/news.list/discount-line-slider/style.css?1720382728150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/main/components/bitrix/news.list/mobile-popular-products/style.css?1720382728150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/main/components/bitrix/news.list/main__banners_slider/style.css?1753430127481*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
span.bnrs2__content{
	justify-content: center;
	    flex-direction: column;
    align-items: flex-start;
}
span.bnrs2__content .btn.btn_cta{
	padding: .9rem 1.4rem;
    height: 3.8rem;
    position: absolute;
    bottom: 15px;
}

@media (min-width: 1280px) {
    ul.bnrs2__list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/main__top_products/style.css?1720382728150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/main/components/bitrix/news.list/main__banners_info/style.css?1753430127481*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
span.bnrs2__content{
	justify-content: center;
	    flex-direction: column;
    align-items: flex-start;
}
span.bnrs2__content .btn.btn_cta{
	padding: .9rem 1.4rem;
    height: 3.8rem;
    position: absolute;
    bottom: 15px;
}

@media (min-width: 1280px) {
    ul.bnrs2__list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* End */
/* /local/templates/main/components/bitrix/news.list/discount-line-slider/style.css?1720382728150 */
/* /local/templates/main/components/bitrix/news.list/mobile-popular-products/style.css?1720382728150 */
/* /local/templates/main/components/bitrix/news.list/main__banners_slider/style.css?1753430127481 */
/* /local/templates/main/components/bitrix/news.list/main__top_products/style.css?1720382728150 */
/* /local/templates/main/components/bitrix/news.list/main__banners_info/style.css?1753430127481 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-cyrillic_latin-300.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-cyrillic_latin-regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v30-cyrillic_latin-500.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-cyrillic_latin-700.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v30-cyrillic_latin-900.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  src: url("../fonts/roboto-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  src: url("../fonts/roboto-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  src: url("../fonts/roboto-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  src: url("../fonts/roboto-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  src: url("../fonts/roboto-black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

:root {
  --font: #1c2a50;
  --green-new: #72bf42;
  --green-new-hover: #6bb33f;
  --font-light: #8f97ac;
  --blue-new: #1175cb;
  --blue-new-01: rgba(17, 117, 203, 0.1);
  --bg-grey-med-new: #e3e9ec;
  --1: #18191e;
  --wh: #fff;
  --4: #dde1e6;
  --6: #676767;
  --7: #f0efef;
  --bg-grey-light-new: #f7f9fa;
  --red: #d64849;
  --corner: 1rem;
  --font-family: "Roboto", sans-serif;
  --second-family: "Inter", sans-serif;
  --third-family: "SF Pro Display", sans-serif;
  --font3: "Basier Square", sans-serif;
}

:root {
  --cl-white: var(--wh);
  --cl-black: #101116;
  --cl-text: #000;
  --cl-text-light: var(--font-light);
  --cl-black-1: var(--1);
  --cl-gray-100: var(--7);
  --cl-gray-200: var(--4);
  --cl-gray-200-hover: #c4c9ce;
  --cl-gray-300: var(--6);
  --cl-gray: var(--bg-grey-med-new);
  --cl-gray-light: var(--bg-grey-light-new);
  --cl-red: var(--red);
  --cl-green: var(--green-new);
  --cl-green-hover: var(--green-new-hover);
  --cl-blue: var(--blue-new);
  --cl-blue-hover: #0a599e;
  --cl-orange: #f2962b;
  --cl-orange-hover: #e57e09;
  --easing: cubic-bezier(0.4, 0, 0, 1);
  --bs15: 0px 1rem 4rem rgba(0, 0, 0, 0.15);
  --bs15a: 0px 2rem 2rem rgba(0, 0, 0, 0.1);
  --gr: linear-gradient(179deg, #7fbb5a 0%, #1175cb 100%);
  --gr-header: linear-gradient(115.88deg, #00d4ff -28.35%, #0a1d56 122.33%);
  --sidegap: 1.5rem;
  --sidegap-n: calc(-1 * var(--sidegap));
  --iw-sidegap: var(--sidegap);
  --gridgap: 2rem;
  --gridgap-n: calc(-1 * var(--gridgap));
  --br: var(--corner);
  --header-top-height: 6.6rem;
  --header-bottom-height: 7.8rem;
  --header-search-height: 6.1rem;
  --header-search-height-fixed: 6.1rem;
  --header-location-guess-height: 0rem;
  --header-cat-height: 7.8rem;
  --prod-tech-maxw: 93rem;
  --header-height: calc(
      var(--header-top-height) + var(--header-location-guess-height) +
      var(--header-search-height) + var(--header-cat-height)
  );
  --cartplate-height: 5.8rem;
  --mobnav-height: 6rem;
  --overlay: rgb(28, 42, 80, 0.8);
  --bg: var(--cl-white);
  --bg-gray: var(--cl-gray-light);
  --text: var(--cl-text);
  --text-secondary: var(--cl-text-light);
  --text-light: var(--cl-gray);
  --primary: var(--cl-green);
  --primary-hover: var(--cl-green-hover);
  --primary-active: var(--cl-green);
  --secondary: var(--cl-blue);
  --secondary-hover: var(--cl-blue-hover);
  --disabled: var(--cl-gray-light);
  --inverted: var(--cl-white);
  --error: var(--cl-red);
  --border-color: var(--cl-gray);
  --border-color-light: var(--cl-gray-200);
  --placeholder: var(--cl-text-light);
  --header-color: var(--text);
  --header-ico-color: currentColor;
  --header-top-color: var(--cl-white);
  --header-top-control-color: var(--cl-white);
  --header-top-bg: var(--gr-header);
  --logo-filter: grayscale(1) brightness(5);
  --header-plate-bg: var(--cl-gray-100);
  --trands-bg: var(--cl-gray-100);
  --trands-border: var(--cl-white);
  --trands-color: var(--cl-text);
  --trands-color-secondary: var(--cl-text-light);
  --trands-link: var(--cl-text);
  --trands-link-hover: var(--cl-blue);
  --searchbox-placeholder: var(--cl-white);
  --searchbox-color: var(--cl-white);
  --searchbox-bg: rgba(255, 255, 255, 0.12);
  --searchbox-border: rgba(255, 255, 255, 0.2);
  --searchbox-placeholder-focus: var(--cl-text);
  --searchbox-color-focus: var(--cl-text);
  --searchbox-bg-focus: rgba(255, 255, 255, 1);
  --searchbox-border-focus: rgba(255, 255, 255, 1);
  --searchbox-btn-color: var(--input-color);
  --searchbox-btn-color-focus: var(--cl-text-light);
  --hcatsub-color: var(--cl-text);
  --hcatsub-border: var(--cl-gray);
  --hcatsub-bg: var(--cl-white);
  --suggest-link-color: var(--cl-black-1);
  --suggest-link-color-hover: var(--primary);
  --mobnav-bg: var(--cl-white);
  --mobnav-color: var(--cl-text-light);
  --mobnav-inverted: var(--cl-white);
  --mobnav-primary: var(--secondary);
  --swiper-theme-color: var(--secondary);
  --swiper-arrow-bg: #f9f9f9;
  --swiper-disabled: var(--cl-gray);
  --swiper-pagination-bullet-inactive-color: var(--cl-gray-200);
  --prodcard-bg: var(--cl-white);
  --prodcard-border: var(--cl-gray);
  --prodcard-color: var(--cl-text);
  --prodcard-color-second: var(--cl-text-light);
  --prodcard-color-status: var(--cl-gray-300);
  --filter-bg: var(--cl-gray-light);
  --filter-block-bg: var(--cl-white);
  --filter-input-bg: var(--cl-gray-light);
  --filter-input-color: var(--cl-text);
  --filter-color: var(--text);
  --filter-color-secondary: var(--cl-text-light);
  --filter-label-color: var(--cl-text-light);
  --btnpill-color: var(--text);
  --btnpill-bg: var(--cl-gray-200);
  --btnpill-bg-hover: var(--cl-gray-200-hover);
  --btnpill2-color: var(--text-secondary);
  --btnpill2-bg: var(--cl-gray-200);
  --btnpill2-bg-hover: var(--cl-gray-200-hover);
  --form-check-border: rgba(9, 30, 66, 0.14);
  --form-check-disabled: var(--cl-text-light);
  --tag-color: var(--cl-black-1);
  --tag-color-hover: var(--cl-black-1);
  --tag-color-hover: var(--cl-black-1);
  --tag-color-active: var(--cl-black-1);
  --tag-bg: var(--cl-white);
  --tag-border: var(--cl-gray-200);
  --tag-more-bg: var(--cl-gray-200);
  --tag-more-bg-hover: var(--cl-gray-200-hover);
  --sort-select-bg: var(--cl-gray-200);
  --sort-select-bg-hover: var(--cl-gray-200-hover);
  --tabs-trigger: var(--text-secondary);
  --tabs-trigger-primary: var(--text);
  --tag-lightborder: var(--border-color);
  --tag-darkborder: transparent;
  --lastnews-bg: var(--cl-gray);
  --tooltip-bg: var(--cl-gray);
  --postarticle-bg: var(--cl-white);
  --table-compare-bg: var(--cl-gray-100);
  --art-plates-bg: var(--cl-gray-100);
}

:root:has(.location-guess.m-active) {
  --header-location-guess-height: 4.6rem;
}

:root:has(.hidesearchfield) {
  --header-search-height: 0rem;
}

@media (min-width: 768px) {
  :root {
    --sidegap: 2.5rem;
  }
}

@media (min-width: 1280px) {
  :root {
    --header-cat-height: 0;
    --header-height: calc(
        var(--header-top-height) + var(--header-location-guess-height)
    );
  }
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  :root {
    --header-top-height: 7rem;
    --header-search-height: 8.6rem;
    --header-search-height-fixed: 8.6rem;
  }
}

@media (min-width: 1280px) {
  :root {
    --header-top-height: 6.6rem;
    --header-height: calc(
        var(--header-top-height) + var(--header-location-guess-height) +
        var(--header-bottom-height) + 2rem
    );
  }
}

@media (max-width: 1279.98px) {
  :root {
    --header-ico-color: var(--primary);
    --header-top-color: var(--cl-text);
    --header-top-control-color: var(--cl-blue);
    --header-top-bg: var(--bg);
    --logo-filter: none;
    --searchbox-placeholder: var(--cl-text-light);
    --searchbox-color: var(--cl-text);
    --searchbox-bg: var(--cl-gray-light);
    --searchbox-border: var(--cl-gray);
    --searchbox-placeholder-focus: var(--cl-text-light);
    --searchbox-color-focus: var(--cl-text);
    --searchbox-bg-focus: rgba(255, 255, 255, 1);
    --searchbox-border-focus: var(--cl-gray);
    --searchbox-btn-color: var(--cl-text-light);
    --searchbox-btn-color-focus: var(--cl-text-light);
  }
}

@media (max-width: 767.98px) {
  :root {
    --swiper-pagination-bullet-inactive-color: #222222;
  }
}

/*@media (prefers-color-scheme: dark) {*/
/*  html:not([data-theme="light"]) {*/
/*    --header-cat-height: 7.8rem;*/
/*    --overlay: rgb(0, 0, 0, 0.7);*/
/*    --bg: var(--cl-black);*/
/*    --bg-gray: #3b3b3b;*/
/*    --text: var(--cl-white);*/
/*    --text-secondary: #ececec;*/
/*    --text-light: var(--cl-gray);*/
/*    --primary: var(--cl-green);*/
/*    --primary-hover: var(--cl-green-hover);*/
/*    --primary-active: var(--cl-green);*/
/*    --secondary: var(--cl-green);*/
/*    --secondary-hover: var(--cl-green-hover);*/
/*    --disabled: var(--cl-gray-light);*/
/*    --inverted: var(--cl-black);*/
/*    --error: var(--cl-red);*/
/*    --border-color: var(--cl-gray-300);*/
/*    --border-color-light: var(--cl-gray-200);*/
/*    --placeholder: var(--text-secondary);*/
/*    --header-color: var(--text);*/
/*    --header-ico-color: currentColor;*/
/*    --header-top-color: var(--cl-white);*/
/*    --header-top-control-color: var(--cl-white);*/
/*    --header-top-bg: var(--gr-header);*/
/*    --logo-filter: grayscale(1) brightness(5);*/
/*    --header-plate-bg: transparent;*/
/*    --searchbox-placeholder: var(--cl-white);*/
/*    --searchbox-color: var(--cl-white);*/
/*    --searchbox-bg: rgba(255, 255, 255, 0.12);*/
/*    --searchbox-border: rgba(255, 255, 255, 0.2);*/
/*    --searchbox-placeholder-focus: var(--cl-text);*/
/*    --searchbox-color-focus: var(--cl-text);*/
/*    --searchbox-bg-focus: rgba(255, 255, 255, 1);*/
/*    --searchbox-border-focus: rgba(255, 255, 255, 1);*/
/*    --searchbox-btn-color: var(--input-color);*/
/*    --searchbox-btn-color-focus: var(--cl-text-light);*/
/*    --hcatsub-color: var(--cl-text);*/
/*    --hcatsub-border: var(--bg);*/
/*    --hcatsub-bg: var(--cl-white);*/
/*    --suggest-link-color: var(--text);*/
/*    --mobnav-bg: var(--cl-black);*/
/*    --mobnav-color: var(--cl-gray);*/
/*    --mobnav-inverted: var(--cl-black);*/
/*    --mobnav-primary: var(--primary);*/
/*    --swiper-theme-color: var(--secondary);*/
/*    --swiper-arrow-bg: var(--bg-gray);*/
/*    --swiper-disabled: var(--cl-gray-300);*/
/*    --filter-bg: var(--cl-black);*/
/*    --filter-block-bg: #1f2229;*/
/*    --filter-input-bg: var(--cl-gray-light);*/
/*    --filter-input-color: var(--cl-text);*/
/*    --filter-color: var(--text);*/
/*    --filter-color-secondary: var(--cl-text-light);*/
/*    --filter-label-color: var(--cl-text-light);*/
/*    --btnpill-color: var(--text);*/
/*    --btnpill-bg: #0071ff;*/
/*    --btnpill-bg-hover: #0560d0;*/
/*    --btnpill2-color: var(--text);*/
/*    --btnpill2-bg: #0071ff;*/
/*    --btnpill2-bg-hover: #0560d0;*/
/*    --form-check-border: var(--cl-text-light);*/
/*    --form-check-disabled: var(--cl-text-light);*/
/*    --tag-color: var(--text);*/
/*    --tag-color-hover: var(--text);*/
/*    --tag-color-active: var(--cl-white);*/
/*    --tag-bg: #1f2229;*/
/*    --tag-border: #3b3b3b;*/
/*    --tag-more-bg: #1f2229;*/
/*    --tag-more-bg-hover: #3b3b3b;*/
/*    --sort-select-bg: #1f2229;*/
/*    --sort-select-bg-hover: #3b3b3b;*/
/*    --tabs-trigger: rgba(255, 255, 255, 0.5);*/
/*    --tabs-trigger-primary: var(--text);*/
/*    --tag-lightborder: transparent;*/
/*    --tag-darkborder: var(--border-color);*/
/*    --lastnews-bg: #3b3b3b;*/
/*    --tooltip-bg: #3b3b3b;*/
/*    --postarticle-bg: #3b3b3b;*/
/*    --table-compare-bg: #3b3b3b;*/
/*    --art-plates-bg: #3b3b3b;*/
/*  }*/
/*}*/

@media (prefers-color-scheme: dark) and (max-width: 1279.98px) {
  html:not([data-theme="light"]) .theme-switcher-wrapper {
    transform: translateY(-2rem);
  }

  html:not([data-theme="light"]) .theme-switcher-wrapper::after {
    content: attr(data-dark);
  }

  html:not([data-theme="light"]) .theme-switcher-wrapper::before {
    left: 50%;
    right: 0;
    transition-delay: 0.2s, 0s;
  }

  html:not([data-theme="light"])
  .theme-switcher-wrapper
  [data-settheme="dark"] {
    color: var(--cl-white);
    pointer-events: none;
  }
}

@media (prefers-color-scheme: dark) and (min-width: 1280px) {
  [data-settheme="dark"] {
    display: none;
  }

  [data-settheme="light"] {
    display: flex;
  }
}

@media (prefers-color-scheme: light) and (min-width: 1280px) {
  [data-settheme="light"] {
    display: none;
  }

  [data-settheme="dark"] {
    display: flex;
  }
}

@media (prefers-color-scheme: light) and (max-width: 1279.98px) {
  html:not([data-theme="dark"])
  .theme-switcher-wrapper
  [data-settheme="light"] {
    color: var(--cl-white);
  }
}

@media (min-width: 1280px) {
  [data-theme="dark"] [data-settheme="light"],
  [data-theme="light"] [data-settheme="dark"] {
    display: flex;
  }
}

@media (min-width: 1280px) {
  [data-theme="dark"] [data-settheme="dark"],
  [data-theme="light"] [data-settheme="light"] {
    display: none;
  }
}

@media (max-width: 1279.98px) {
  [data-theme="light"] .theme-switcher-wrapper [data-settheme="light"] {
    color: var(--cl-white);
  }
}

[data-theme="dark"] {
  --header-cat-height: 7.8rem;
  --overlay: rgb(0, 0, 0, 0.7);
  --bg: var(--cl-black);
  --bg-gray: #3b3b3b;
  --text: var(--cl-white);
  --text-secondary: #ececec;
  --text-light: var(--cl-gray);
  --primary: var(--cl-green);
  --primary-hover: var(--cl-green-hover);
  --primary-active: var(--cl-green);
  --secondary: var(--cl-green);
  --secondary-hover: var(--cl-green-hover);
  --disabled: var(--cl-gray-light);
  --inverted: var(--cl-black);
  --error: var(--cl-red);
  --border-color: var(--cl-gray-300);
  --border-color-light: var(--cl-gray-200);
  --placeholder: var(--text-secondary);
  --header-color: var(--text);
  --header-ico-color: currentColor;
  --header-top-color: var(--cl-white);
  --header-top-control-color: var(--cl-white);
  --header-top-bg: var(--gr-header);
  --logo-filter: grayscale(1) brightness(5);
  --header-plate-bg: transparent;
  --searchbox-placeholder: var(--cl-white);
  --searchbox-color: var(--cl-white);
  --searchbox-bg: rgba(255, 255, 255, 0.12);
  --searchbox-border: rgba(255, 255, 255, 0.2);
  --searchbox-placeholder-focus: var(--cl-text);
  --searchbox-color-focus: var(--cl-text);
  --searchbox-bg-focus: rgba(255, 255, 255, 1);
  --searchbox-border-focus: rgba(255, 255, 255, 1);
  --searchbox-btn-color: var(--input-color);
  --searchbox-btn-color-focus: var(--cl-text-light);
  --hcatsub-color: var(--cl-text);
  --hcatsub-border: var(--bg);
  --hcatsub-bg: var(--cl-white);
  --suggest-link-color: var(--text);
  --mobnav-bg: var(--cl-black);
  --mobnav-color: var(--cl-gray);
  --mobnav-inverted: var(--cl-black);
  --mobnav-primary: var(--primary);
  --swiper-theme-color: var(--secondary);
  --swiper-arrow-bg: var(--bg-gray);
  --swiper-disabled: var(--cl-gray-300);
  --filter-bg: var(--cl-black);
  --filter-block-bg: #1f2229;
  --filter-input-bg: var(--cl-gray-light);
  --filter-input-color: var(--cl-text);
  --filter-color: var(--text);
  --filter-color-secondary: var(--cl-text-light);
  --filter-label-color: var(--cl-text-light);
  --btnpill-color: var(--text);
  --btnpill-bg: #0071ff;
  --btnpill-bg-hover: #0560d0;
  --btnpill2-color: var(--text);
  --btnpill2-bg: #0071ff;
  --btnpill2-bg-hover: #0560d0;
  --form-check-border: var(--cl-text-light);
  --form-check-disabled: var(--cl-text-light);
  --tag-color: var(--text);
  --tag-color-hover: var(--text);
  --tag-color-active: var(--cl-white);
  --tag-bg: #1f2229;
  --tag-border: #3b3b3b;
  --tag-more-bg: #1f2229;
  --tag-more-bg-hover: #3b3b3b;
  --sort-select-bg: #1f2229;
  --sort-select-bg-hover: #3b3b3b;
  --tabs-trigger: rgba(255, 255, 255, 0.5);
  --tabs-trigger-primary: var(--text);
  --tag-lightborder: transparent;
  --tag-darkborder: var(--border-color);
  --lastnews-bg: #3b3b3b;
  --tooltip-bg: #3b3b3b;
  --postarticle-bg: #3b3b3b;
  --table-compare-bg: #3b3b3b;
  --art-plates-bg: #3b3b3b;
}

@media (max-width: 1279.98px) {
  [data-theme="dark"] .theme-switcher-wrapper {
    transform: translateY(-2rem);
  }

  [data-theme="dark"] .theme-switcher-wrapper::after {
    content: attr(data-dark);
  }

  [data-theme="dark"] .theme-switcher-wrapper::before {
    left: 50%;
    right: 0;
    transition-delay: 0.1s, 0s;
  }

  [data-theme="dark"] .theme-switcher-wrapper [data-settheme="dark"] {
    color: var(--cl-white);
    pointer-events: none;
  }
}

:root {
  --ico-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none' viewBox='0 0 12 10'%3E%3Cpath fill='%2372BF42' d='m.5 5.05.94-.82c1.1.5 1.8.88 3.04 1.72A25.94 25.94 0 0 1 11.19.5l.31.67C9.14 3.1 7.42 5.28 4.94 9.5A45.8 45.8 0 0 0 .5 5.05Z'/%3E%3C/svg%3E");
  --arr-ch-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-width='2' d='m5 1 9 9-9 9'/%3E%3C/svg%3E");
  --round40-vk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3E%3Cpath fill='%2372BF42' d='M20.71 25.42c-5.46 0-8.58-3.75-8.71-10h2.74c.09 4.58 2.1 6.53 3.7 6.93v-6.93h2.58v3.95c1.58-.17 3.24-1.97 3.8-3.95h2.58a7.63 7.63 0 0 1-3.5 4.98 7.9 7.9 0 0 1 4.1 5.02h-2.84a4.94 4.94 0 0 0-4.14-3.57v3.57h-.3Z'/%3E%3C/svg%3E");
  --round40-tg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3E%3Cpath fill='%2372BF42' fill-rule='evenodd' d='M25.38 14.92c-.4.01-1.05.25-4.12 1.67l-6.44 3.07c-.51.24-.79.46-.82.69-.04.42.51.56 1.2.8.57.2 1.32.44 1.72.45.36 0 .75-.15 1.2-.5 3-2.24 4.55-3.38 4.65-3.4.08-.02.17-.04.23.02.07.06.07.18.06.21-.06.26-2.88 3.1-3.05 3.3-.62.7-1.33 1.14-.24 1.94.95.69 1.5 1.13 2.47 1.83.61.45 1.1.98 1.75.91.3-.03.6-.33.75-1.25.37-2.16 1.09-6.85 1.25-8.78.02-.17 0-.38-.02-.48a.56.56 0 0 0-.15-.34.69.69 0 0 0-.44-.14Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --round40-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3E%3Cpath stroke='%2372BF42' stroke-width='2' d='m21.43 17.22-4.14-4.16a2.19 2.19 0 0 0-3.1 0l-1.55 1.56a2.2 2.2 0 0 0 0 3.12l4.14 4.15m1.8 1.73 4.13 4.15c.85.86 2.24.86 3.1 0l1.55-1.55a2.2 2.2 0 0 0 0-3.12l-4.14-4.15m-.07 4.54-6.63-6.34'/%3E%3C/svg%3E");
  --round40-fav: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3E%3Cpath stroke='%2372BF42' stroke-width='2' d='M15.5 13.7h9a1 1 0 0 1 1 1v9.94a1 1 0 0 1-1.5.87l-2.48-1.46a3 3 0 0 0-3.04 0l-2.47 1.46a1 1 0 0 1-1.51-.87V14.7a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  --round40-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3E%3Cpath fill='%2372BF42' d='m11.75 20.5 1.41-1.24c1.65.76 2.7 1.33 4.55 2.58a38.92 38.92 0 0 1 10.08-8.17l.46 1c-3.53 2.92-6.12 6.17-9.85 12.5a68.7 68.7 0 0 0-6.65-6.68Z'/%3E%3C/svg%3E");
}

.btn-round40.js_copy .js_copy_text,
.cat-toggle,
.catalog__filter-check,
.header-toggle,
.pills__input,
.radiocheck__input,
.tags__showmore-check,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.artcard2__tags-list,
.article__tags-list,
.arttrands__list,
.bnrs2__list,
.bnrs__list,
.breadcrumbs__list,
.cattabs,
.compare__info-list,
.credit__conditions-list,
.credit__needs-list,
.delivery__features,
.features,
.fnav__list,
.fsocial,
.hcat__list,
.hcatsublist,
.hnav__list,
.howto__list,
.hsocial,
.infobox__list,
.kindaselect__list,
.locations,
.mobcat__list,
.mobcat__sublist,
.mobnav__list,
.offers__list,
.ordspecs__list,
.overselect__list,
.pagination__list,
.pills__list,
.prodinfolist,
.prop-card__info-list,
.pspecs,
.searchsuggest__items-list,
.social,
.specs__list,
.steps,
.suggest__items-list,
.tabs__select,
.tags__list,
.tb-list-plates,
.tradein__list,
.ul-plates,
.ul-special,
.ul_reset {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  display: block;
  gap: initial;
}

.artcard2__tags-list > *,
.article__tags-list > *,
.arttrands__list > *,
.bnrs2__list > *,
.bnrs__list > *,
.breadcrumbs__list > *,
.cattabs > *,
.compare__info-list > *,
.credit__conditions-list > *,
.credit__needs-list > *,
.delivery__features > *,
.features > *,
.fnav__list > *,
.fsocial > *,
.hcat__list > *,
.hcatsublist > *,
.hnav__list > *,
.howto__list > *,
.hsocial > *,
.infobox__list > *,
.kindaselect__list > *,
.locations > *,
.mobcat__list > *,
.mobcat__sublist > *,
.mobnav__list > *,
.offers__list > *,
.ordspecs__list > *,
.overselect__list > *,
.pagination__list > *,
.pills__list > *,
.prodinfolist > *,
.prop-card__info-list > *,
.pspecs > *,
.searchsuggest__items-list > *,
.social > *,
.specs__list > *,
.steps > *,
.suggest__items-list > *,
.tabs__select > *,
.tags__list > *,
.tb-list-plates > *,
.tradein__list > *,
.ul-plates > *,
.ul-special > *,
.ul_reset > * {
  display: block;
}

.artcard2__tags-list > :before,
.article__tags-list > :before,
.arttrands__list > :before,
.bnrs2__list > :before,
.bnrs__list > :before,
.breadcrumbs__list > :before,
.cattabs > :before,
.compare__info-list > :before,
.credit__conditions-list > :before,
.credit__needs-list > :before,
.delivery__features > :before,
.features > :before,
.fnav__list > :before,
.fsocial > :before,
.hcat__list > :before,
.hcatsublist > :before,
.hnav__list > :before,
.howto__list > :before,
.hsocial > :before,
.infobox__list > :before,
.kindaselect__list > :before,
.locations > :before,
.mobcat__list > :before,
.mobcat__sublist > :before,
.mobnav__list > :before,
.offers__list > :before,
.ordspecs__list > :before,
.overselect__list > :before,
.pagination__list > :before,
.pills__list > :before,
.prodinfolist > :before,
.prop-card__info-list > :before,
.pspecs > :before,
.searchsuggest__items-list > :before,
.social > :before,
.specs__list > :before,
.steps > :before,
.suggest__items-list > :before,
.tabs__select > :before,
.tags__list > :before,
.tb-list-plates > :before,
.tradein__list > :before,
.ul-plates > :before,
.ul-special > :before,
.ul_reset > :before {
  display: none;
}

.actions__item,
.amount__control,
.artshero__slider-arrow,
.artstats__item:is(button),
.btn,
.btn-copy,
.btn-credit-text,
.btn-link,
.btn-pill,
.btn-pill2,
.btn-round40,
.btn_reset,
.burger,
.filter__block-trigger,
.filter__title,
.form__input-clear,
.form__input-eye,
.hcatsub__back,
.hcontrols__item,
.header__location-city,
.kindaselect__btn,
.locations__location,
.mainslider__slider-arrow,
.mobcat__close,
.mobcat__subclose,
.mobnav__control,
.overselect__btn,
.pills__pill-text,
.popup__close,
.prodslider__arrow,
.prop-card__delete,
.searchbox__btn,
.slider__arrow,
.suggest__item-text,
.tabs__select-trigger,
.tags__tag,
.textoverflow__trigger {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: 0 0;
  cursor: pointer;
  padding: 0;
  box-shadow: none;
  text-align: left;
  color: inherit;
}

.m-nowrap {
  white-space: nowrap;
}

#show-filter:focus-visible ~ * .catalog__filter-close,
#show-filter:focus-visible ~ * .catalog__filter-trigger,
#viewtype-grid:focus-visible ~ * .viewtype,
#viewtype-list:focus-visible ~ * .viewtype,
.btn:focus-visible,
.header-toggle:focus-visible ~ * .header__toggle-trigger,
.kindaselect:focus-visible,
.overselect:focus-visible,
.pills__input:focus-visible ~ .pills__pill-text,
.radiocheck__input:focus-visible ~ .radiocheck__text,
.tags__showmore-check:focus-visible ~ * .tags__tag_more,
.tags__tag:focus-visible {
  outline: var(--fv-width, 0.2rem) solid var(--btn-bg, var(--text));
  outline-offset: var(--fv-offset, 0.4rem);
}

.m-aic {
  display: flex;
  align-items: center;
}

.actions__item,
.amount__control,
.artshero__slider-arrow,
.artshero__slider-pagination .swiper-pagination-bullet,
.breadcrumbs__link,
.btn-copy,
.catalog__filter-close,
.filter__block-trigger,
.fsocial__link,
.hcat__link,
.hsocial__link,
.lastnews__item-more,
.m-extend,
.popup__close,
.prop-card__delete,
.social__link,
.theme-switcher,
.viewtype__trigger {
  position: relative;
}

.actions__item::before,
.amount__control::before,
.artshero__slider-arrow::before,
.artshero__slider-pagination .swiper-pagination-bullet::before,
.breadcrumbs__link::before,
.btn-copy::before,
.catalog__filter-close::before,
.filter__block-trigger::before,
.fsocial__link::before,
.hcat__link::before,
.hsocial__link::before,
.lastnews__item-more::before,
.m-extend::before,
.popup__close::before,
.prop-card__delete::before,
.social__link::before,
.theme-switcher::before,
.viewtype__trigger::before {
  content: "";
  position: absolute;
  inset: var(--extend-size, -0.8rem);
}

.actions__item,
.artshero__slider-pagination .swiper-pagination-bullet,
.breadcrumbs__link,
.hcat__link,
.lastnews__item-more,
.prop-card__delete,
.viewtype__trigger {
  --extend-size: -0.4rem;
}

.m-hasico {
  display: inline-flex;
  align-items: center;
  gap: 0 0.7rem;
}

.m-hasico svg {
  margin-block: -0.4rem;
}

.m-overflow-hidden {
  overflow: hidden !important;
}

.hcontrols__item[data-counter]::before,
.hnav__link[data-counter]::before,
.mobnav__control[data-counter]::before {
  content: attr(data-counter);
  min-width: 1.8rem;
  height: 1.8rem;
  box-sizing: border-box;
  border-radius: 4rem;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cl-white);
  background-color: var(--primary);
}

.text-light {
  color: var(--text-secondary);
}

.text-accent,
.text-highlight {
  color: var(--primary);
}

.text-center {
  text-align: center !important;
}

.row {
  position: relative;
}

[class*=" col-"],
[class^="col-"] {
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}

.row {
  --gridgap-n: calc(-1 * var(--gridgap));
  width: auto;
  margin-left: calc(var(--gridgap-n) / 2) !important;
  margin-right: calc(var(--gridgap-n) / 2) !important;
  display: flex;
  flex-wrap: wrap;
}

.row_vgap {
  gap: var(--gridgap) 0 !important;
}

.row_extragap {
  --gridgap: min(calc(var(--sidegap) * 2), 5rem);
}

[class*=" col-"],
[class^="col-"] {
  padding-left: calc(var(--gridgap) / 2);
  padding-right: calc(var(--gridgap) / 2);
  width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.prefix-1 {
  margin-left: 8.3333333333%;
}

.prefix-2 {
  margin-left: 16.6666666667%;
}

.prefix-3 {
  margin-left: 25%;
}

.prefix-4 {
  margin-left: 33.3333333333%;
}

.prefix-5 {
  margin-left: 41.6666666667%;
}

.prefix-6 {
  margin-left: 50%;
}

.prefix-7 {
  margin-left: 58.3333333333%;
}

.prefix-8 {
  margin-left: 66.6666666667%;
}

.prefix-9 {
  margin-left: 75%;
}

.prefix-10 {
  margin-left: 83.3333333333%;
}

.prefix-11 {
  margin-left: 91.6666666667%;
}

.suffix-1 {
  margin-right: 8.3333333333%;
}

.suffix-2 {
  margin-right: 16.6666666667%;
}

.suffix-3 {
  margin-right: 25%;
}

.suffix-4 {
  margin-right: 33.3333333333%;
}

.suffix-5 {
  margin-right: 41.6666666667%;
}

.suffix-6 {
  margin-right: 50%;
}

.suffix-7 {
  margin-right: 58.3333333333%;
}

.suffix-8 {
  margin-right: 66.6666666667%;
}

.suffix-9 {
  margin-right: 75%;
}

.suffix-10 {
  margin-right: 83.3333333333%;
}

.suffix-11 {
  margin-right: 91.6666666667%;
}

.push-1 {
  left: 8.3333333333%;
}

.push-2 {
  left: 16.6666666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.3333333333%;
}

.push-5 {
  left: 41.6666666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.3333333333%;
}

.push-8 {
  left: 66.6666666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.3333333333%;
}

.push-11 {
  left: 91.6666666667%;
}

.pull-1 {
  left: -8.3333333333%;
}

.pull-2 {
  left: -16.6666666667%;
}

.pull-3 {
  left: -25%;
}

.pull-4 {
  left: -33.3333333333%;
}

.pull-5 {
  left: -41.6666666667%;
}

.pull-6 {
  left: -50%;
}

.pull-7 {
  left: -58.3333333333%;
}

.pull-8 {
  left: -66.6666666667%;
}

.pull-9 {
  left: -75%;
}

.pull-10 {
  left: -83.3333333333%;
}

.pull-11 {
  left: -91.6666666667%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.prefix-0 {
  margin-left: 0;
}

.suffix-0 {
  margin-right: 0;
}

.push-0 {
  left: 0;
}

.pull-0 {
  left: 0;
}

.nogrid {
  left: auto;
  right: auto;
  margin: 0;
  flex: 0 0 100%;
  max-width: none;
  order: 0;
}

@media all and (min-width: 576px) {
  .row {
    --gridgap-n: calc(-1 * var(--gridgap));
    width: auto;
    margin-left: calc(var(--gridgap-n) / 2) !important;
    margin-right: calc(var(--gridgap-n) / 2) !important;
    display: flex;
    flex-wrap: wrap;
  }

  .row_vgap {
    gap: var(--gridgap) 0 !important;
  }

  .row_extragap {
    --gridgap: min(calc(var(--sidegap) * 2), 5rem);
  }

  [class*=" col-"],
  [class^="col-"] {
    padding-left: calc(var(--gridgap) / 2);
    padding-right: calc(var(--gridgap) / 2);
    width: 100%;
  }

  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .prefix-sm-1 {
    margin-left: 8.3333333333%;
  }

  .prefix-sm-2 {
    margin-left: 16.6666666667%;
  }

  .prefix-sm-3 {
    margin-left: 25%;
  }

  .prefix-sm-4 {
    margin-left: 33.3333333333%;
  }

  .prefix-sm-5 {
    margin-left: 41.6666666667%;
  }

  .prefix-sm-6 {
    margin-left: 50%;
  }

  .prefix-sm-7 {
    margin-left: 58.3333333333%;
  }

  .prefix-sm-8 {
    margin-left: 66.6666666667%;
  }

  .prefix-sm-9 {
    margin-left: 75%;
  }

  .prefix-sm-10 {
    margin-left: 83.3333333333%;
  }

  .prefix-sm-11 {
    margin-left: 91.6666666667%;
  }

  .suffix-sm-1 {
    margin-right: 8.3333333333%;
  }

  .suffix-sm-2 {
    margin-right: 16.6666666667%;
  }

  .suffix-sm-3 {
    margin-right: 25%;
  }

  .suffix-sm-4 {
    margin-right: 33.3333333333%;
  }

  .suffix-sm-5 {
    margin-right: 41.6666666667%;
  }

  .suffix-sm-6 {
    margin-right: 50%;
  }

  .suffix-sm-7 {
    margin-right: 58.3333333333%;
  }

  .suffix-sm-8 {
    margin-right: 66.6666666667%;
  }

  .suffix-sm-9 {
    margin-right: 75%;
  }

  .suffix-sm-10 {
    margin-right: 83.3333333333%;
  }

  .suffix-sm-11 {
    margin-right: 91.6666666667%;
  }

  .push-sm-1 {
    left: 8.3333333333%;
  }

  .push-sm-2 {
    left: 16.6666666667%;
  }

  .push-sm-3 {
    left: 25%;
  }

  .push-sm-4 {
    left: 33.3333333333%;
  }

  .push-sm-5 {
    left: 41.6666666667%;
  }

  .push-sm-6 {
    left: 50%;
  }

  .push-sm-7 {
    left: 58.3333333333%;
  }

  .push-sm-8 {
    left: 66.6666666667%;
  }

  .push-sm-9 {
    left: 75%;
  }

  .push-sm-10 {
    left: 83.3333333333%;
  }

  .push-sm-11 {
    left: 91.6666666667%;
  }

  .pull-sm-1 {
    left: -8.3333333333%;
  }

  .pull-sm-2 {
    left: -16.6666666667%;
  }

  .pull-sm-3 {
    left: -25%;
  }

  .pull-sm-4 {
    left: -33.3333333333%;
  }

  .pull-sm-5 {
    left: -41.6666666667%;
  }

  .pull-sm-6 {
    left: -50%;
  }

  .pull-sm-7 {
    left: -58.3333333333%;
  }

  .pull-sm-8 {
    left: -66.6666666667%;
  }

  .pull-sm-9 {
    left: -75%;
  }

  .pull-sm-10 {
    left: -83.3333333333%;
  }

  .pull-sm-11 {
    left: -91.6666666667%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .prefix-sm-0 {
    margin-left: 0;
  }

  .suffix-sm-0 {
    margin-right: 0;
  }

  .push-sm-0 {
    left: 0;
  }

  .pull-sm-0 {
    left: 0;
  }

  .nogrid-sm {
    left: auto;
    right: auto;
    margin: 0;
    flex: 0 0 100%;
    max-width: none;
    order: 0;
  }
}

@media all and (min-width: 768px) {
  .row {
    --gridgap-n: calc(-1 * var(--gridgap));
    width: auto;
    margin-left: calc(var(--gridgap-n) / 2) !important;
    margin-right: calc(var(--gridgap-n) / 2) !important;
    display: flex;
    flex-wrap: wrap;
  }

  .row_vgap {
    gap: var(--gridgap) 0 !important;
  }

  .row_extragap {
    --gridgap: min(calc(var(--sidegap) * 2), 5rem);
  }

  [class*=" col-"],
  [class^="col-"] {
    padding-left: calc(var(--gridgap) / 2);
    padding-right: calc(var(--gridgap) / 2);
    width: 100%;
  }

  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .prefix-md-1 {
    margin-left: 8.3333333333%;
  }

  .prefix-md-2 {
    margin-left: 16.6666666667%;
  }

  .prefix-md-3 {
    margin-left: 25%;
  }

  .prefix-md-4 {
    margin-left: 33.3333333333%;
  }

  .prefix-md-5 {
    margin-left: 41.6666666667%;
  }

  .prefix-md-6 {
    margin-left: 50%;
  }

  .prefix-md-7 {
    margin-left: 58.3333333333%;
  }

  .prefix-md-8 {
    margin-left: 66.6666666667%;
  }

  .prefix-md-9 {
    margin-left: 75%;
  }

  .prefix-md-10 {
    margin-left: 83.3333333333%;
  }

  .prefix-md-11 {
    margin-left: 91.6666666667%;
  }

  .suffix-md-1 {
    margin-right: 8.3333333333%;
  }

  .suffix-md-2 {
    margin-right: 16.6666666667%;
  }

  .suffix-md-3 {
    margin-right: 25%;
  }

  .suffix-md-4 {
    margin-right: 33.3333333333%;
  }

  .suffix-md-5 {
    margin-right: 41.6666666667%;
  }

  .suffix-md-6 {
    margin-right: 50%;
  }

  .suffix-md-7 {
    margin-right: 58.3333333333%;
  }

  .suffix-md-8 {
    margin-right: 66.6666666667%;
  }

  .suffix-md-9 {
    margin-right: 75%;
  }

  .suffix-md-10 {
    margin-right: 83.3333333333%;
  }

  .suffix-md-11 {
    margin-right: 91.6666666667%;
  }

  .push-md-1 {
    left: 8.3333333333%;
  }

  .push-md-2 {
    left: 16.6666666667%;
  }

  .push-md-3 {
    left: 25%;
  }

  .push-md-4 {
    left: 33.3333333333%;
  }

  .push-md-5 {
    left: 41.6666666667%;
  }

  .push-md-6 {
    left: 50%;
  }

  .push-md-7 {
    left: 58.3333333333%;
  }

  .push-md-8 {
    left: 66.6666666667%;
  }

  .push-md-9 {
    left: 75%;
  }

  .push-md-10 {
    left: 83.3333333333%;
  }

  .push-md-11 {
    left: 91.6666666667%;
  }

  .pull-md-1 {
    left: -8.3333333333%;
  }

  .pull-md-2 {
    left: -16.6666666667%;
  }

  .pull-md-3 {
    left: -25%;
  }

  .pull-md-4 {
    left: -33.3333333333%;
  }

  .pull-md-5 {
    left: -41.6666666667%;
  }

  .pull-md-6 {
    left: -50%;
  }

  .pull-md-7 {
    left: -58.3333333333%;
  }

  .pull-md-8 {
    left: -66.6666666667%;
  }

  .pull-md-9 {
    left: -75%;
  }

  .pull-md-10 {
    left: -83.3333333333%;
  }

  .pull-md-11 {
    left: -91.6666666667%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .prefix-md-0 {
    margin-left: 0;
  }

  .suffix-md-0 {
    margin-right: 0;
  }

  .push-md-0 {
    left: 0;
  }

  .pull-md-0 {
    left: 0;
  }

  .nogrid-md {
    left: auto;
    right: auto;
    margin: 0;
    flex: 0 0 100%;
    max-width: none;
    order: 0;
  }
}

@media all and (min-width: 992px) {
  .row {
    --gridgap-n: calc(-1 * var(--gridgap));
    width: auto;
    margin-left: calc(var(--gridgap-n) / 2) !important;
    margin-right: calc(var(--gridgap-n) / 2) !important;
    display: flex;
    flex-wrap: wrap;
  }

  .row_vgap {
    gap: var(--gridgap) 0 !important;
  }

  .row_extragap {
    --gridgap: min(calc(var(--sidegap) * 2), 5rem);
  }

  [class*=" col-"],
  [class^="col-"] {
    padding-left: calc(var(--gridgap) / 2);
    padding-right: calc(var(--gridgap) / 2);
    width: 100%;
  }

  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .prefix-lg-1 {
    margin-left: 8.3333333333%;
  }

  .prefix-lg-2 {
    margin-left: 16.6666666667%;
  }

  .prefix-lg-3 {
    margin-left: 25%;
  }

  .prefix-lg-4 {
    margin-left: 33.3333333333%;
  }

  .prefix-lg-5 {
    margin-left: 41.6666666667%;
  }

  .prefix-lg-6 {
    margin-left: 50%;
  }

  .prefix-lg-7 {
    margin-left: 58.3333333333%;
  }

  .prefix-lg-8 {
    margin-left: 66.6666666667%;
  }

  .prefix-lg-9 {
    margin-left: 75%;
  }

  .prefix-lg-10 {
    margin-left: 83.3333333333%;
  }

  .prefix-lg-11 {
    margin-left: 91.6666666667%;
  }

  .suffix-lg-1 {
    margin-right: 8.3333333333%;
  }

  .suffix-lg-2 {
    margin-right: 16.6666666667%;
  }

  .suffix-lg-3 {
    margin-right: 25%;
  }

  .suffix-lg-4 {
    margin-right: 33.3333333333%;
  }

  .suffix-lg-5 {
    margin-right: 41.6666666667%;
  }

  .suffix-lg-6 {
    margin-right: 50%;
  }

  .suffix-lg-7 {
    margin-right: 58.3333333333%;
  }

  .suffix-lg-8 {
    margin-right: 66.6666666667%;
  }

  .suffix-lg-9 {
    margin-right: 75%;
  }

  .suffix-lg-10 {
    margin-right: 83.3333333333%;
  }

  .suffix-lg-11 {
    margin-right: 91.6666666667%;
  }

  .push-lg-1 {
    left: 8.3333333333%;
  }

  .push-lg-2 {
    left: 16.6666666667%;
  }

  .push-lg-3 {
    left: 25%;
  }

  .push-lg-4 {
    left: 33.3333333333%;
  }

  .push-lg-5 {
    left: 41.6666666667%;
  }

  .push-lg-6 {
    left: 50%;
  }

  .push-lg-7 {
    left: 58.3333333333%;
  }

  .push-lg-8 {
    left: 66.6666666667%;
  }

  .push-lg-9 {
    left: 75%;
  }

  .push-lg-10 {
    left: 83.3333333333%;
  }

  .push-lg-11 {
    left: 91.6666666667%;
  }

  .pull-lg-1 {
    left: -8.3333333333%;
  }

  .pull-lg-2 {
    left: -16.6666666667%;
  }

  .pull-lg-3 {
    left: -25%;
  }

  .pull-lg-4 {
    left: -33.3333333333%;
  }

  .pull-lg-5 {
    left: -41.6666666667%;
  }

  .pull-lg-6 {
    left: -50%;
  }

  .pull-lg-7 {
    left: -58.3333333333%;
  }

  .pull-lg-8 {
    left: -66.6666666667%;
  }

  .pull-lg-9 {
    left: -75%;
  }

  .pull-lg-10 {
    left: -83.3333333333%;
  }

  .pull-lg-11 {
    left: -91.6666666667%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .prefix-lg-0 {
    margin-left: 0;
  }

  .suffix-lg-0 {
    margin-right: 0;
  }

  .push-lg-0 {
    left: 0;
  }

  .pull-lg-0 {
    left: 0;
  }

  .nogrid-lg {
    left: auto;
    right: auto;
    margin: 0;
    flex: 0 0 100%;
    max-width: none;
    order: 0;
  }
}

@media all and (min-width: 1280px) {
  .row {
    --gridgap-n: calc(-1 * var(--gridgap));
    width: auto;
    margin-left: calc(var(--gridgap-n) / 2) !important;
    margin-right: calc(var(--gridgap-n) / 2) !important;
    display: flex;
    flex-wrap: wrap;
  }

  .row_vgap {
    gap: var(--gridgap) 0 !important;
  }

  .row_extragap {
    --gridgap: min(calc(var(--sidegap) * 2), 5rem);
  }

  [class*=" col-"],
  [class^="col-"] {
    padding-left: calc(var(--gridgap) / 2);
    padding-right: calc(var(--gridgap) / 2);
    width: 100%;
  }

  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .prefix-xl-1 {
    margin-left: 8.3333333333%;
  }

  .prefix-xl-2 {
    margin-left: 16.6666666667%;
  }

  .prefix-xl-3 {
    margin-left: 25%;
  }

  .prefix-xl-4 {
    margin-left: 33.3333333333%;
  }

  .prefix-xl-5 {
    margin-left: 41.6666666667%;
  }

  .prefix-xl-6 {
    margin-left: 50%;
  }

  .prefix-xl-7 {
    margin-left: 58.3333333333%;
  }

  .prefix-xl-8 {
    margin-left: 66.6666666667%;
  }

  .prefix-xl-9 {
    margin-left: 75%;
  }

  .prefix-xl-10 {
    margin-left: 83.3333333333%;
  }

  .prefix-xl-11 {
    margin-left: 91.6666666667%;
  }

  .suffix-xl-1 {
    margin-right: 8.3333333333%;
  }

  .suffix-xl-2 {
    margin-right: 16.6666666667%;
  }

  .suffix-xl-3 {
    margin-right: 25%;
  }

  .suffix-xl-4 {
    margin-right: 33.3333333333%;
  }

  .suffix-xl-5 {
    margin-right: 41.6666666667%;
  }

  .suffix-xl-6 {
    margin-right: 50%;
  }

  .suffix-xl-7 {
    margin-right: 58.3333333333%;
  }

  .suffix-xl-8 {
    margin-right: 66.6666666667%;
  }

  .suffix-xl-9 {
    margin-right: 75%;
  }

  .suffix-xl-10 {
    margin-right: 83.3333333333%;
  }

  .suffix-xl-11 {
    margin-right: 91.6666666667%;
  }

  .push-xl-1 {
    left: 8.3333333333%;
  }

  .push-xl-2 {
    left: 16.6666666667%;
  }

  .push-xl-3 {
    left: 25%;
  }

  .push-xl-4 {
    left: 33.3333333333%;
  }

  .push-xl-5 {
    left: 41.6666666667%;
  }

  .push-xl-6 {
    left: 50%;
  }

  .push-xl-7 {
    left: 58.3333333333%;
  }

  .push-xl-8 {
    left: 66.6666666667%;
  }

  .push-xl-9 {
    left: 75%;
  }

  .push-xl-10 {
    left: 83.3333333333%;
  }

  .push-xl-11 {
    left: 91.6666666667%;
  }

  .pull-xl-1 {
    left: -8.3333333333%;
  }

  .pull-xl-2 {
    left: -16.6666666667%;
  }

  .pull-xl-3 {
    left: -25%;
  }

  .pull-xl-4 {
    left: -33.3333333333%;
  }

  .pull-xl-5 {
    left: -41.6666666667%;
  }

  .pull-xl-6 {
    left: -50%;
  }

  .pull-xl-7 {
    left: -58.3333333333%;
  }

  .pull-xl-8 {
    left: -66.6666666667%;
  }

  .pull-xl-9 {
    left: -75%;
  }

  .pull-xl-10 {
    left: -83.3333333333%;
  }

  .pull-xl-11 {
    left: -91.6666666667%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .prefix-xl-0 {
    margin-left: 0;
  }

  .suffix-xl-0 {
    margin-right: 0;
  }

  .push-xl-0 {
    left: 0;
  }

  .pull-xl-0 {
    left: 0;
  }

  .nogrid-xl {
    left: auto;
    right: auto;
    margin: 0;
    flex: 0 0 100%;
    max-width: none;
    order: 0;
  }
}

@media all and (min-width: 1600px) {
  .row {
    --gridgap-n: calc(-1 * var(--gridgap));
    width: auto;
    margin-left: calc(var(--gridgap-n) / 2) !important;
    margin-right: calc(var(--gridgap-n) / 2) !important;
    display: flex;
    flex-wrap: wrap;
  }

  .row_vgap {
    gap: var(--gridgap) 0 !important;
  }

  .row_extragap {
    --gridgap: min(calc(var(--sidegap) * 2), 5rem);
  }

  [class*=" col-"],
  [class^="col-"] {
    padding-left: calc(var(--gridgap) / 2);
    padding-right: calc(var(--gridgap) / 2);
    width: 100%;
  }

  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .prefix-xxl-1 {
    margin-left: 8.3333333333%;
  }

  .prefix-xxl-2 {
    margin-left: 16.6666666667%;
  }

  .prefix-xxl-3 {
    margin-left: 25%;
  }

  .prefix-xxl-4 {
    margin-left: 33.3333333333%;
  }

  .prefix-xxl-5 {
    margin-left: 41.6666666667%;
  }

  .prefix-xxl-6 {
    margin-left: 50%;
  }

  .prefix-xxl-7 {
    margin-left: 58.3333333333%;
  }

  .prefix-xxl-8 {
    margin-left: 66.6666666667%;
  }

  .prefix-xxl-9 {
    margin-left: 75%;
  }

  .prefix-xxl-10 {
    margin-left: 83.3333333333%;
  }

  .prefix-xxl-11 {
    margin-left: 91.6666666667%;
  }

  .suffix-xxl-1 {
    margin-right: 8.3333333333%;
  }

  .suffix-xxl-2 {
    margin-right: 16.6666666667%;
  }

  .suffix-xxl-3 {
    margin-right: 25%;
  }

  .suffix-xxl-4 {
    margin-right: 33.3333333333%;
  }

  .suffix-xxl-5 {
    margin-right: 41.6666666667%;
  }

  .suffix-xxl-6 {
    margin-right: 50%;
  }

  .suffix-xxl-7 {
    margin-right: 58.3333333333%;
  }

  .suffix-xxl-8 {
    margin-right: 66.6666666667%;
  }

  .suffix-xxl-9 {
    margin-right: 75%;
  }

  .suffix-xxl-10 {
    margin-right: 83.3333333333%;
  }

  .suffix-xxl-11 {
    margin-right: 91.6666666667%;
  }

  .push-xxl-1 {
    left: 8.3333333333%;
  }

  .push-xxl-2 {
    left: 16.6666666667%;
  }

  .push-xxl-3 {
    left: 25%;
  }

  .push-xxl-4 {
    left: 33.3333333333%;
  }

  .push-xxl-5 {
    left: 41.6666666667%;
  }

  .push-xxl-6 {
    left: 50%;
  }

  .push-xxl-7 {
    left: 58.3333333333%;
  }

  .push-xxl-8 {
    left: 66.6666666667%;
  }

  .push-xxl-9 {
    left: 75%;
  }

  .push-xxl-10 {
    left: 83.3333333333%;
  }

  .push-xxl-11 {
    left: 91.6666666667%;
  }

  .pull-xxl-1 {
    left: -8.3333333333%;
  }

  .pull-xxl-2 {
    left: -16.6666666667%;
  }

  .pull-xxl-3 {
    left: -25%;
  }

  .pull-xxl-4 {
    left: -33.3333333333%;
  }

  .pull-xxl-5 {
    left: -41.6666666667%;
  }

  .pull-xxl-6 {
    left: -50%;
  }

  .pull-xxl-7 {
    left: -58.3333333333%;
  }

  .pull-xxl-8 {
    left: -66.6666666667%;
  }

  .pull-xxl-9 {
    left: -75%;
  }

  .pull-xxl-10 {
    left: -83.3333333333%;
  }

  .pull-xxl-11 {
    left: -91.6666666667%;
  }

  .order-xxl-first {
    order: -1;
  }

  .order-xxl-last {
    order: 13;
  }

  .order-xxl-1 {
    order: 1;
  }

  .order-xxl-2 {
    order: 2;
  }

  .order-xxl-3 {
    order: 3;
  }

  .order-xxl-4 {
    order: 4;
  }

  .order-xxl-5 {
    order: 5;
  }

  .order-xxl-6 {
    order: 6;
  }

  .order-xxl-7 {
    order: 7;
  }

  .order-xxl-8 {
    order: 8;
  }

  .order-xxl-9 {
    order: 9;
  }

  .order-xxl-10 {
    order: 10;
  }

  .order-xxl-11 {
    order: 11;
  }

  .order-xxl-12 {
    order: 12;
  }

  .prefix-xxl-0 {
    margin-left: 0;
  }

  .suffix-xxl-0 {
    margin-right: 0;
  }

  .push-xxl-0 {
    left: 0;
  }

  .pull-xxl-0 {
    left: 0;
  }

  .nogrid-xxl {
    left: auto;
    right: auto;
    margin: 0;
    flex: 0 0 100%;
    max-width: none;
    order: 0;
  }
}

.grid::before {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  box-sizing: border-box;
  max-width: 160rem;
  transform: translateX(-50%);
  z-index: 10001;
  content: "";
  pointer-events: none;
  --grid-color: rgb(0 255 0 / 0.042);
  --grid-side-left: var(--sidegap);
  --grid-side-right: var(--sidegap);
  --grid-gutter: var(--gridgap);
  --grid-columns: 4;
  --grid-column-width: calc(
      (100% - var(--grid-gutter) * var(--grid-columns)) / var(--grid-columns)
  );
  border: solid transparent;
  border-width: 0 calc(var(--grid-side-right) - var(--grid-gutter) / 2) 0 calc(var(--grid-side-left) - var(--grid-gutter) / 2);
  background-image: repeating-linear-gradient(
      to right,
      transparent 0,
      transparent calc(var(--grid-gutter) / 2),
      var(--grid-color) calc(var(--grid-gutter) / 2),
      var(--grid-color) calc(var(--grid-column-width) + var(--grid-gutter) / 2),
      transparent calc(var(--grid-column-width) + var(--grid-gutter) / 2),
      transparent calc(var(--grid-column-width) + var(--grid-gutter))
  );
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .grid::before {
    --grid-columns: 8;
  }
}

@media (min-width: 992px) {
  .grid::before {
    --grid-columns: 12;
  }
}

.m-0 {
  margin: 0 !important;
}

.m-8 {
  margin: 0.8rem !important;
}

.m-n-8 {
  margin: -n- 0.8rem !important;
}

.m-16 {
  margin: 1.6rem !important;
}

.m-n-16 {
  margin: -n-1 0.6rem !important;
}

.m-24 {
  margin: 2.4rem !important;
}

.m-n-24 {
  margin: -n-2 0.4rem !important;
}

.m-32 {
  margin: 3.2rem !important;
}

.m-n-32 {
  margin: -n-3 0.2rem !important;
}

.m-40 {
  margin: 4rem !important;
}

.m-n-40 {
  margin: -n-4rem !important;
}

.m-48 {
  margin: 4.8rem !important;
}

.m-n-48 {
  margin: -n-4 0.8rem !important;
}

.m-56 {
  margin: 5.6rem !important;
}

.m-n-56 {
  margin: -n-5 0.6rem !important;
}

.m-64 {
  margin: 6.4rem !important;
}

.m-n-64 {
  margin: -n-6 0.4rem !important;
}

.m-72 {
  margin: 7.2rem !important;
}

.m-n-72 {
  margin: -n-7 0.2rem !important;
}

.m-80 {
  margin: 8rem !important;
}

.m-n-80 {
  margin: -n-8rem !important;
}

.m-10 {
  margin: 1rem !important;
}

.m-n-10 {
  margin: -1rem !important;
}

.m-20 {
  margin: 2rem !important;
}

.m-n-20 {
  margin: -2rem !important;
}

.m-30 {
  margin: 3rem !important;
}

.m-n-30 {
  margin: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-8 {
  margin-top: 0.8rem !important;
}

.mt-n-8 {
  margin-top: -n- 0.8rem !important;
}

.mt-16 {
  margin-top: 1.6rem !important;
}

.mt-n-16 {
  margin-top: -n-1 0.6rem !important;
}

.mt-24 {
  margin-top: 2.4rem !important;
}

.mt-n-24 {
  margin-top: -n-2 0.4rem !important;
}

.mt-32 {
  margin-top: 3.2rem !important;
}

.mt-n-32 {
  margin-top: -n-3 0.2rem !important;
}

.mt-40 {
  margin-top: 4rem !important;
}

.mt-n-40 {
  margin-top: -n-4rem !important;
}

.mt-48 {
  margin-top: 4.8rem !important;
}

.mt-n-48 {
  margin-top: -n-4 0.8rem !important;
}

.mt-56 {
  margin-top: 5.6rem !important;
}

.mt-n-56 {
  margin-top: -n-5 0.6rem !important;
}

.mt-64 {
  margin-top: 6.4rem !important;
}

.mt-n-64 {
  margin-top: -n-6 0.4rem !important;
}

.mt-72 {
  margin-top: 7.2rem !important;
}

.mt-n-72 {
  margin-top: -n-7 0.2rem !important;
}

.mt-80 {
  margin-top: 8rem !important;
}

.mt-n-80 {
  margin-top: -n-8rem !important;
}

.mt-10 {
  margin-top: 1rem !important;
}

.mt-n-10 {
  margin-top: -1rem !important;
}

.mt-20 {
  margin-top: 2rem !important;
}

.mt-n-20 {
  margin-top: -2rem !important;
}

.mt-30 {
  margin-top: 3rem !important;
}

.mt-n-30 {
  margin-top: -3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-8 {
  margin-right: 0.8rem !important;
}

.mr-n-8 {
  margin-right: -n- 0.8rem !important;
}

.mr-16 {
  margin-right: 1.6rem !important;
}

.mr-n-16 {
  margin-right: -n-1 0.6rem !important;
}

.mr-24 {
  margin-right: 2.4rem !important;
}

.mr-n-24 {
  margin-right: -n-2 0.4rem !important;
}

.mr-32 {
  margin-right: 3.2rem !important;
}

.mr-n-32 {
  margin-right: -n-3 0.2rem !important;
}

.mr-40 {
  margin-right: 4rem !important;
}

.mr-n-40 {
  margin-right: -n-4rem !important;
}

.mr-48 {
  margin-right: 4.8rem !important;
}

.mr-n-48 {
  margin-right: -n-4 0.8rem !important;
}

.mr-56 {
  margin-right: 5.6rem !important;
}

.mr-n-56 {
  margin-right: -n-5 0.6rem !important;
}

.mr-64 {
  margin-right: 6.4rem !important;
}

.mr-n-64 {
  margin-right: -n-6 0.4rem !important;
}

.mr-72 {
  margin-right: 7.2rem !important;
}

.mr-n-72 {
  margin-right: -n-7 0.2rem !important;
}

.mr-80 {
  margin-right: 8rem !important;
}

.mr-n-80 {
  margin-right: -n-8rem !important;
}

.mr-10 {
  margin-right: 1rem !important;
}

.mr-n-10 {
  margin-right: -1rem !important;
}

.mr-20 {
  margin-right: 2rem !important;
}

.mr-n-20 {
  margin-right: -2rem !important;
}

.mr-30 {
  margin-right: 3rem !important;
}

.mr-n-30 {
  margin-right: -3rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-8 {
  margin-bottom: 0.8rem !important;
}

.mb-n-8 {
  margin-bottom: -n- 0.8rem !important;
}

.mb-16 {
  margin-bottom: 1.6rem !important;
}

.mb-n-16 {
  margin-bottom: -n-1 0.6rem !important;
}

.mb-24 {
  margin-bottom: 2.4rem !important;
}

.mb-n-24 {
  margin-bottom: -n-2 0.4rem !important;
}

.mb-32 {
  margin-bottom: 3.2rem !important;
}

.mb-n-32 {
  margin-bottom: -n-3 0.2rem !important;
}

.mb-40 {
  margin-bottom: 4rem !important;
}

.mb-n-40 {
  margin-bottom: -n-4rem !important;
}

.mb-48 {
  margin-bottom: 4.8rem !important;
}

.mb-n-48 {
  margin-bottom: -n-4 0.8rem !important;
}

.mb-56 {
  margin-bottom: 5.6rem !important;
}

.mb-n-56 {
  margin-bottom: -n-5 0.6rem !important;
}

.mb-64 {
  margin-bottom: 6.4rem !important;
}

.mb-n-64 {
  margin-bottom: -n-6 0.4rem !important;
}

.mb-72 {
  margin-bottom: 7.2rem !important;
}

.mb-n-72 {
  margin-bottom: -n-7 0.2rem !important;
}

.mb-80 {
  margin-bottom: 8rem !important;
}

.mb-n-80 {
  margin-bottom: -n-8rem !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}

.mb-n-10 {
  margin-bottom: -1rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.mb-n-20 {
  margin-bottom: -2rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.mb-n-30 {
  margin-bottom: -3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-8 {
  margin-left: 0.8rem !important;
}

.ml-n-8 {
  margin-left: -n- 0.8rem !important;
}

.ml-16 {
  margin-left: 1.6rem !important;
}

.ml-n-16 {
  margin-left: -n-1 0.6rem !important;
}

.ml-24 {
  margin-left: 2.4rem !important;
}

.ml-n-24 {
  margin-left: -n-2 0.4rem !important;
}

.ml-32 {
  margin-left: 3.2rem !important;
}

.ml-n-32 {
  margin-left: -n-3 0.2rem !important;
}

.ml-40 {
  margin-left: 4rem !important;
}

.ml-n-40 {
  margin-left: -n-4rem !important;
}

.ml-48 {
  margin-left: 4.8rem !important;
}

.ml-n-48 {
  margin-left: -n-4 0.8rem !important;
}

.ml-56 {
  margin-left: 5.6rem !important;
}

.ml-n-56 {
  margin-left: -n-5 0.6rem !important;
}

.ml-64 {
  margin-left: 6.4rem !important;
}

.ml-n-64 {
  margin-left: -n-6 0.4rem !important;
}

.ml-72 {
  margin-left: 7.2rem !important;
}

.ml-n-72 {
  margin-left: -n-7 0.2rem !important;
}

.ml-80 {
  margin-left: 8rem !important;
}

.ml-n-80 {
  margin-left: -n-8rem !important;
}

.ml-10 {
  margin-left: 1rem !important;
}

.ml-n-10 {
  margin-left: -1rem !important;
}

.ml-20 {
  margin-left: 2rem !important;
}

.ml-n-20 {
  margin-left: -2rem !important;
}

.ml-30 {
  margin-left: 3rem !important;
}

.ml-n-30 {
  margin-left: -3rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.my-0 {
  margin-block: 0rem !important;
}

.my-8 {
  margin-block: 0.8rem !important;
}

.my-n-8 {
  margin-block: -n-0 0.8rem !important;
}

.my-16 {
  margin-block: 1.6rem !important;
}

.my-n-16 {
  margin-block: -n-1 0.6rem !important;
}

.my-24 {
  margin-block: 2.4rem !important;
}

.my-n-24 {
  margin-block: -n-2 0.4rem !important;
}

.my-32 {
  margin-block: 3.2rem !important;
}

.my-n-32 {
  margin-block: -n-3 0.2rem !important;
}

.my-40 {
  margin-block: 4rem !important;
}

.my-n-40 {
  margin-block: -n-4rem !important;
}

.my-48 {
  margin-block: 4.8rem !important;
}

.my-n-48 {
  margin-block: -n-4 0.8rem !important;
}

.my-56 {
  margin-block: 5.6rem !important;
}

.my-n-56 {
  margin-block: -n-5 0.6rem !important;
}

.my-64 {
  margin-block: 6.4rem !important;
}

.my-n-64 {
  margin-block: -n-6 0.4rem !important;
}

.my-72 {
  margin-block: 7.2rem !important;
}

.my-n-72 {
  margin-block: -n-7 0.2rem !important;
}

.my-80 {
  margin-block: 8rem !important;
}

.my-n-80 {
  margin-block: -n-8rem !important;
}

.my-10 {
  margin-block: 1rem !important;
}

.my-n-10 {
  margin-block: -1rem !important;
}

.my-20 {
  margin-block: 2rem !important;
}

.my-n-20 {
  margin-block: -2rem !important;
}

.my-30 {
  margin-block: 3rem !important;
}

.my-n-30 {
  margin-block: -3rem !important;
}

.my-auto {
  margin-block: auto !important;
}

.mx-0 {
  margin-inline: 0rem !important;
}

.mx-8 {
  margin-inline: 0.8rem !important;
}

.mx-n-8 {
  margin-inline: -n-0 0.8rem !important;
}

.mx-16 {
  margin-inline: 1.6rem !important;
}

.mx-n-16 {
  margin-inline: -n-1 0.6rem !important;
}

.mx-24 {
  margin-inline: 2.4rem !important;
}

.mx-n-24 {
  margin-inline: -n-2 0.4rem !important;
}

.mx-32 {
  margin-inline: 3.2rem !important;
}

.mx-n-32 {
  margin-inline: -n-3 0.2rem !important;
}

.mx-40 {
  margin-inline: 4rem !important;
}

.mx-n-40 {
  margin-inline: -n-4rem !important;
}

.mx-48 {
  margin-inline: 4.8rem !important;
}

.mx-n-48 {
  margin-inline: -n-4 0.8rem !important;
}

.mx-56 {
  margin-inline: 5.6rem !important;
}

.mx-n-56 {
  margin-inline: -n-5 0.6rem !important;
}

.mx-64 {
  margin-inline: 6.4rem !important;
}

.mx-n-64 {
  margin-inline: -n-6 0.4rem !important;
}

.mx-72 {
  margin-inline: 7.2rem !important;
}

.mx-n-72 {
  margin-inline: -n-7 0.2rem !important;
}

.mx-80 {
  margin-inline: 8rem !important;
}

.mx-n-80 {
  margin-inline: -n-8rem !important;
}

.mx-10 {
  margin-inline: 1rem !important;
}

.mx-n-10 {
  margin-inline: -1rem !important;
}

.mx-20 {
  margin-inline: 2rem !important;
}

.mx-n-20 {
  margin-inline: -2rem !important;
}

.mx-30 {
  margin-inline: 3rem !important;
}

.mx-n-30 {
  margin-inline: -3rem !important;
}

.mx-auto {
  margin-inline: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-8 {
  padding: 0.8rem !important;
}

.p-16 {
  padding: 1.6rem !important;
}

.p-24 {
  padding: 2.4rem !important;
}

.p-32 {
  padding: 3.2rem !important;
}

.p-40 {
  padding: 4rem !important;
}

.p-48 {
  padding: 4.8rem !important;
}

.p-56 {
  padding: 5.6rem !important;
}

.p-64 {
  padding: 6.4rem !important;
}

.p-72 {
  padding: 7.2rem !important;
}

.p-80 {
  padding: 8rem !important;
}

.p-10 {
  padding: 1rem !important;
}

.p-20 {
  padding: 2rem !important;
}

.p-30 {
  padding: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-8 {
  padding-top: 0.8rem !important;
}

.pt-16 {
  padding-top: 1.6rem !important;
}

.pt-24 {
  padding-top: 2.4rem !important;
}

.pt-32 {
  padding-top: 3.2rem !important;
}

.pt-40 {
  padding-top: 4rem !important;
}

.pt-48 {
  padding-top: 4.8rem !important;
}

.pt-56 {
  padding-top: 5.6rem !important;
}

.pt-64 {
  padding-top: 6.4rem !important;
}

.pt-72 {
  padding-top: 7.2rem !important;
}

.pt-80 {
  padding-top: 8rem !important;
}

.pt-10 {
  padding-top: 1rem !important;
}

.pt-20 {
  padding-top: 2rem !important;
}

.pt-30 {
  padding-top: 3rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-8 {
  padding-right: 0.8rem !important;
}

.pr-16 {
  padding-right: 1.6rem !important;
}

.pr-24 {
  padding-right: 2.4rem !important;
}

.pr-32 {
  padding-right: 3.2rem !important;
}

.pr-40 {
  padding-right: 4rem !important;
}

.pr-48 {
  padding-right: 4.8rem !important;
}

.pr-56 {
  padding-right: 5.6rem !important;
}

.pr-64 {
  padding-right: 6.4rem !important;
}

.pr-72 {
  padding-right: 7.2rem !important;
}

.pr-80 {
  padding-right: 8rem !important;
}

.pr-10 {
  padding-right: 1rem !important;
}

.pr-20 {
  padding-right: 2rem !important;
}

.pr-30 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-8 {
  padding-bottom: 0.8rem !important;
}

.pb-16 {
  padding-bottom: 1.6rem !important;
}

.pb-24 {
  padding-bottom: 2.4rem !important;
}

.pb-32 {
  padding-bottom: 3.2rem !important;
}

.pb-40 {
  padding-bottom: 4rem !important;
}

.pb-48 {
  padding-bottom: 4.8rem !important;
}

.pb-56 {
  padding-bottom: 5.6rem !important;
}

.pb-64 {
  padding-bottom: 6.4rem !important;
}

.pb-72 {
  padding-bottom: 7.2rem !important;
}

.pb-80 {
  padding-bottom: 8rem !important;
}

.pb-10 {
  padding-bottom: 1rem !important;
}

.pb-20 {
  padding-bottom: 2rem !important;
}

.pb-30 {
  padding-bottom: 3rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-8 {
  padding-left: 0.8rem !important;
}

.pl-16 {
  padding-left: 1.6rem !important;
}

.pl-24 {
  padding-left: 2.4rem !important;
}

.pl-32 {
  padding-left: 3.2rem !important;
}

.pl-40 {
  padding-left: 4rem !important;
}

.pl-48 {
  padding-left: 4.8rem !important;
}

.pl-56 {
  padding-left: 5.6rem !important;
}

.pl-64 {
  padding-left: 6.4rem !important;
}

.pl-72 {
  padding-left: 7.2rem !important;
}

.pl-80 {
  padding-left: 8rem !important;
}

.pl-10 {
  padding-left: 1rem !important;
}

.pl-20 {
  padding-left: 2rem !important;
}

.pl-30 {
  padding-left: 3rem !important;
}

.py-0 {
  padding-block: 0rem !important;
}

.py-8 {
  padding-block: 0.8rem !important;
}

.py-16 {
  padding-block: 1.6rem !important;
}

.py-24 {
  padding-block: 2.4rem !important;
}

.py-32 {
  padding-block: 3.2rem !important;
}

.py-40 {
  padding-block: 4rem !important;
}

.py-48 {
  padding-block: 4.8rem !important;
}

.py-56 {
  padding-block: 5.6rem !important;
}

.py-64 {
  padding-block: 6.4rem !important;
}

.py-72 {
  padding-block: 7.2rem !important;
}

.py-80 {
  padding-block: 8rem !important;
}

.py-10 {
  padding-block: 1rem !important;
}

.py-20 {
  padding-block: 2rem !important;
}

.py-30 {
  padding-block: 3rem !important;
}

.px-0 {
  padding-inline: 0rem !important;
}

.px-8 {
  padding-inline: 0.8rem !important;
}

.px-16 {
  padding-inline: 1.6rem !important;
}

.px-24 {
  padding-inline: 2.4rem !important;
}

.px-32 {
  padding-inline: 3.2rem !important;
}

.px-40 {
  padding-inline: 4rem !important;
}

.px-48 {
  padding-inline: 4.8rem !important;
}

.px-56 {
  padding-inline: 5.6rem !important;
}

.px-64 {
  padding-inline: 6.4rem !important;
}

.px-72 {
  padding-inline: 7.2rem !important;
}

.px-80 {
  padding-inline: 8rem !important;
}

.px-10 {
  padding-inline: 1rem !important;
}

.px-20 {
  padding-inline: 2rem !important;
}

.px-30 {
  padding-inline: 3rem !important;
}

.js_slidedown_content {
  display: none;
}

.js_input_clear,
.js_popup_close,
.js_scrollto,
.js_slidedown_trigger {
  cursor: pointer;
}

.p404__title {
  font-size: 8rem;
  font-weight: 500;
  line-height: 1.172;
  margin: 0;
}

@media (min-width: 768px) {
  .p404__title {
    font-size: 12rem;
  }
}

.mainslider__title,
.product__price {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.172;
  margin: 0;
}

.contact__photo-title,
.h0 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 0.967;
  margin: 0;
}

.section__hero-title {
  font-size: 3rem;
  font-weight: 400;
  line-height: 0.967;
  margin: 0;
}

@media (min-width: 1280px) {
  .section__hero-title {
    font-size: 5.4rem;
    font-weight: 500;
    line-height: 1.1667;
  }
}

.credit__head-title,
.section__bigtitle,
.section__hero_extra .section__hero-title {
  font-size: 3rem;
  font-weight: 400;
  line-height: 0.967;
  margin: 0;
}

@media (min-width: 768px) {
  .credit__head-title,
  .section__bigtitle,
  .section__hero_extra .section__hero-title {
    font-size: 4rem;
    font-weight: 500;
    line-height: 0.967;
  }
}

.howto .howto__title,
.infobox__title {
  font-size: 3rem;
  font-weight: 400;
  line-height: 0.967;
  margin: 0;
}

@media (min-width: 768px) {
  .howto .howto__title,
  .infobox__title {
    font-size: 4rem;
    font-weight: 400;
    line-height: 0.967;
  }
}

.textblock h2 {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.16;
  margin: 0;
}

@media (min-width: 768px) {
  .textblock h2 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 0.967;
  }
}

.artcard__title,
.article__bottom,
.articles-description-title,
.articles2__category-title,
.articles2__grid-section-title,
.arttrands__title,
.bnrs2__title,
.bnrs__title,
.brandhead__title,
.cart-prodcard__price-current,
.checkout__order-price,
.container .page-head__title,
.h1,
.hcatsub__title,
.infobox__item-title,
.lastnews__title,
.poll__title,
.section__title,
.slider__title_big.slider__title,
.specials__textbox b,
.subscribe__title,
.textblock h3,
.total__price,
h1,
h2.tb-feature {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.16;
  margin: 0;
}

.textblock h1 {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}

.credit__needs-title {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.16;
  margin: 0;
}

@media (min-width: 768px) {
  .credit__needs-title {
    font-size: 4rem;
    font-weight: 400;
    line-height: 0.967;
  }
}

.catalog__title,
.popup__title,
.slidernewof__title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

@media (min-width: 768px) {
  .catalog__title,
  .popup__title,
  .slidernewof__title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.16;
  }
}

.specials__textbox {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

@media (min-width: 768px) {
  .specials__textbox {
    font-size: 3rem;
    font-weight: 400;
    line-height: 0.967;
  }
}

.h2-lg-h1 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

@media (min-width: 992px) {
  .h2-lg-h1 {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.16;
  }
}

.tabs__select-trigger {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.1875;
  margin: 0;
}

@media (min-width: 768px) {
  .tabs__select-trigger {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.16;
  }
}

.account__order-title,
.account__orders-title,
.amount__control,
.catalog__filter-title,
.checkout__list-title,
.checkoutform__title,
.contact__text-block,
.container .prod-card__title,
.delivery__fetures-item,
.deliveryinfo__title,
.h2,
.helpnote,
.hnav__item_cattrigger .hnav__link,
.lastnews__item-title,
.mainslider__lead,
.order__title,
.prodcard__discount,
.prodcard__price,
.prodtextblock h2,
.prodtextblock h3,
.tb-quote-blue,
.tb-quote-gray,
.textblock blockquote:not(.tb-quote-gray):not(.tb-quote-blue),
.textblock h4,
.total__amount,
.tradein__icon-title-wrap,
.ul-plates,
h2,
table.table-compare th {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

.article__content.textblock,
.articles-description,
.bnrs2__text,
.bnrs__text,
.delivery__table-title,
.h3,
.popup__products-title,
.prodtextblock h3,
.slider__title,
.tb-quote-gray__text,
h3 {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.167;
  margin: 0;
}

.p404__subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.1875;
  margin: 0;
}

@media (min-width: 768px) {
  .p404__subtitle {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.167;
  }
}

.tabs__tab-title {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.167;
  margin: 0;
}

@media (min-width: 768px) {
  .tabs__tab-title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.16;
  }
}

.cart-prodcard__name {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.167;
  margin: 0;
}

@media (min-width: 768px) {
  .cart-prodcard__name {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
  }
}

.amount__input,
.arttrands__item-title,
.catalog__subtitle,
.compare__info-title,
.credit__needs-item,
.fnav__link,
.h4,
.header__phone-link,
.howto__item,
.howto__item-title,
.lastnews__item-more,
.mobcat__link,
.mobcat__sublink,
.mobcat__subtitle,
.mobcat__title,
.prop-card__info-title,
.specs__title,
.steps__text,
.tb-list-plates,
.textblock time,
.theme-switcher-wrapper::after,
.ul-special > li,
h4,
table.table-compare td {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.1875;
  margin: 0;
}

.artcard2__title,
.btn,
.delivery-table,
.kindaselect__btn,
.overselect__btn,
.pagination__link,
.s-subscribe .subscribe {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.1875;
}

.btn,
.delivery-table,
.kindaselect__btn,
.overselect__btn,
.s-subscribe .subscribe {
  font-weight: 300;
}

.account-prodcard__amount,
.account-prodcard__name,
.account-prodcard__price-current,
.account__order-head-total,
.article__tools time,
.artstats,
.b1,
.breadcrumbs__item,
.cart__sticky-total,
.cartplate__label,
.cartplate__price,
.cartplate__product,
.cartplate__quantity,
.cattabs__name,
.checkout-prodcard__name,
.checkout-prodcard__price-current,
.compare__holder,
.credit__conditions-title,
.deliveryinfo__label,
.deliveryinfo__val,
.features,
.features_notes,
.filter__field,
.filter__item-text,
.filter__title,
.footer,
.footer__by,
.footer__copy,
.form__alert,
.form__helper,
.form__input,
.form__label,
.form__overlabel,
.hcatsublist__link,
.header,
.header__address-text,
.header__credits,
.header__location-city,
.header__phone-text,
.hnav__link,
.howto__item-txt,
.howto__item::before,
.howto__text,
.infobox__item-text,
.location-guess__city,
.location-guess__qu,
.locations__location,
.order-prodcard__amount,
.order-prodcard__name,
.order-prodcard__price-current,
.order__head-total,
.ordspecs__item,
.ordspecs__title,
.paypics__caption,
.pills__pill-text,
.poll__options .radiocheck__text,
.poll__result,
.prodcard__moreinfo-title,
.prodcard__moreinfo-val,
.prodcard__name,
.prodinfolist__item,
.prodtextblock,
.product__options-label,
.prop-card__info-list:first-child,
.prop-card__title,
.pspecs__item,
.pspecs__val,
.radiocheck__text,
.section__subtitle,
.steps__text::before,
.subscribe,
.suggest__item-text,
.tags__label,
.tags_lg .tags__tag,
.tags_md .tags__tag,
.tb-caption,
.tb-quote-gray__pos,
.textblock,
.textblock .plate,
.time-select,
.total__title,
body,
table.table-compare .table-compare__label,
table.table-compare small {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.143;
}

.breadcrumbs__item,
.cattabs__name,
.compare__holder,
.features,
.footer,
.footer__by,
.footer__copy,
.form__alert,
.form__helper,
.form__input,
.form__overlabel,
.header,
.header__address-text,
.header__credits,
.header__location-city,
.header__phone-text,
.hnav__link,
.location-guess__qu,
.pills__pill-text,
.prodcard__moreinfo-title,
.prodcard__name,
.product__options-label,
.pspecs__item,
.section__subtitle,
.subscribe,
.tags__label,
.tags_lg .tags__tag,
.tags_md .tags__tag,
.tb-caption,
.time-select {
  font-weight: 300;
}

.account-prodcard__price-current,
.account__order-head-total,
.cartplate__price,
.checkout-prodcard__price-current,
.credit__conditions-title,
.features_notes,
.filter__item-text,
.filter__title,
.order-prodcard__price-current,
.order__head-total,
.ordspecs__title,
.poll__options .radiocheck__text,
.poll__result,
.prodcard__moreinfo-val,
.pspecs__val,
.tb-quote-gray__pos {
  font-weight: 500;
}

.article__author,
.arttrands__item-date,
.checkout-prodcard__amount,
.filter__search-input,
.hcat__link {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.154;
}

.checkout-prodcard__amount,
.filter__search-input,
.hcat__link {
  font-weight: 300;
}

.btn-pill,
.btn-pill2,
.cart-prodcard__controls,
.cart-prodcard__id,
.cartplate__product,
.cartplate__quantity,
.catalog__filter-trigger,
.filter__field-label,
.filter__item-text-howmany,
.footer__note,
.form__note,
.hastooltip__tooltip,
.hcontrols__item[data-counter]::before,
.header__phone-small,
.hnav__link[data-counter]::before,
.mobnav__control[data-counter]::before,
.prodinfolist__item.m-special,
.product__note,
.sort__select,
.specs__item,
.table-default,
.tags__tag,
.textblock table,
.tradein__item {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.167;
}

.artcard2__date,
.artcard2__stats,
.artcard2__tags-list,
.article__tags-list {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.167;
}

@media (min-width: 768px) {
  .artcard2__date,
  .artcard2__stats,
  .artcard2__tags-list,
  .article__tags-list {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.154;
  }
}

.btn-pill,
.btn-pill2,
.footer__note,
.form__note,
.header__phone-small,
.prodinfolist__item.m-special,
.product__note,
.sort__select,
.specs__item,
.table-default,
.tags__tag,
.textblock table,
.tradein__item {
  font-weight: 300;
}

.mobnav__control,
.pills__pill-smalltext,
.prodcard__status {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.182;
}

.filter__selected {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.172;
}

.account__order-title,
.account__orders-title,
.amount__control,
.amount__input,
.artcard__title,
.article__bottom,
.article__content.textblock,
.articles-description,
.articles-description-title,
.articles2__category-title,
.articles2__grid-section-title,
.arttrands__item-title,
.arttrands__title,
.bnrs2__text,
.bnrs2__title,
.bnrs__text,
.bnrs__title,
.brandhead__title,
.cart-prodcard__price-current,
.catalog__filter-title,
.catalog__subtitle,
.checkout__list-title,
.checkout__order-price,
.checkoutform__title,
.compare__info-title,
.contact__text-block,
.container .page-head__title,
.container .prod-card__title,
.credit__needs-item,
.delivery__fetures-item,
.delivery__table-title,
.deliveryinfo__title,
.fnav__link,
.h1,
.h2,
.h3,
.h4,
.hcatsub__title,
.header__phone-link,
.helpnote,
.hnav__item_cattrigger .hnav__link,
.howto__item,
.howto__item-title,
.infobox__item-title,
.lastnews__item-more,
.lastnews__item-title,
.lastnews__title,
.mainslider__lead,
.mobcat__link,
.mobcat__sublink,
.mobcat__subtitle,
.mobcat__title,
.order__title,
.poll__title,
.popup__products-title,
.prodcard__discount,
.prodcard__price,
.prodtextblock h2,
.prodtextblock h3,
.prop-card__info-title,
.section__title,
.slider__title,
.slider__title_big.slider__title,
.specials__textbox b,
.specs__title,
.steps__text,
.subscribe__title,
.tb-list-plates,
.tb-quote-blue,
.tb-quote-gray,
.tb-quote-gray__text,
.textblock blockquote:not(.tb-quote-gray):not(.tb-quote-blue),
.textblock h3,
.textblock h4,
.textblock time,
.theme-switcher-wrapper::after,
.total__amount,
.total__price,
.tradein__icon-title-wrap,
.ul-plates,
.ul-special > li,
h1,
h2,
h2.tb-feature,
h3,
h4,
table.table-compare td,
table.table-compare th {
  font-family: var(--font-family);
}

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

html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: var(--header-height);
}

html.popup_lock {
  overflow: hidden;
}

body,
html {
  width: 100%;
  box-sizing: border-box;
}

body {
  background-color: var(--bg);
  min-width: 360px;
  color: var(--text);
}

button,
input,
select,
textarea {
  font-family: inherit;
}

p {
  margin: 0;
}

p + p {
  margin-top: 1.143em;
}

a {
  color: var(--link-color, var(--primary));
  text-decoration: underline;
  transition: color 0.3s,
  text-decoration-color 0.3s;
}

a:hover {
  color: var(--link-color-hover, var(--primary-hover));
}

a svg {
  stroke: currentColor;
}

.footer a {
  text-decoration-color: transparent;
}

.footer a:hover {
  text-decoration-color: currentColor;
}

ol,
ul {
  margin: 3rem 0;
  padding: 0;
  padding-left: 1.2em;
  display: grid;
  gap: 1rem;
}

img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

svg:not([class]) {
  fill: none;
  stroke: currentColor;
  width: 1.8rem;
  height: 1.8rem;
}

.ico {
  fill: none;
  stroke: currentColor;
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
}

.ico_fill {
  fill: currentColor;
  stroke: none;
}

.ico.ico_15 {
  width: 1.5rem;
  height: 1.5rem;
}

.ico.ico_20 {
  width: 2rem;
  height: 2rem;
}

b,
strong {
  font-weight: 700;
}

.main-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  box-sizing: border-box;
  transition: padding 0.2s;
  overflow-x: clip;
}

.main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.article__bottom,
.article__content,
.inside-wrapper,
.inside-wrapper-md,
.inside-wrapper-sm,
.inside-wrapper-xs,
.postarticle__inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 160rem;
  padding: 0 var(--iw-sidegap);
  box-sizing: border-box;
}

.inside-wrapper .article__bottom:not(.m-save-sidegaps),
.inside-wrapper .article__content:not(.m-save-sidegaps),
.inside-wrapper .inside-wrapper-md:not(.m-save-sidegaps),
.inside-wrapper .inside-wrapper-sm:not(.m-save-sidegaps),
.inside-wrapper .inside-wrapper-xs:not(.m-save-sidegaps),
.inside-wrapper .inside-wrapper:not(.m-save-sidegaps),
.inside-wrapper .postarticle__inner:not(.m-save-sidegaps),
.section__hero_extra .article__bottom:not(.m-save-sidegaps),
.section__hero_extra .article__content:not(.m-save-sidegaps),
.section__hero_extra .inside-wrapper-md:not(.m-save-sidegaps),
.section__hero_extra .inside-wrapper-sm:not(.m-save-sidegaps),
.section__hero_extra .inside-wrapper-xs:not(.m-save-sidegaps),
.section__hero_extra .inside-wrapper:not(.m-save-sidegaps),
.section__hero_extra .postarticle__inner:not(.m-save-sidegaps) {
  --iw-sidegap: 0rem;
}

.section__hero:not(.section__hero_extra) .article__bottom,
.section__hero:not(.section__hero_extra) .article__content,
.section__hero:not(.section__hero_extra) .inside-wrapper,
.section__hero:not(.section__hero_extra) .inside-wrapper-md,
.section__hero:not(.section__hero_extra) .inside-wrapper-sm,
.section__hero:not(.section__hero_extra) .inside-wrapper-xs,
.section__hero:not(.section__hero_extra) .postarticle__inner {
  --iw-sidegap: 2rem;
}

@media (min-width: 768px) {
  .section__hero:not(.section__hero_extra) .article__bottom,
  .section__hero:not(.section__hero_extra) .article__content,
  .section__hero:not(.section__hero_extra) .inside-wrapper,
  .section__hero:not(.section__hero_extra) .inside-wrapper-md,
  .section__hero:not(.section__hero_extra) .inside-wrapper-sm,
  .section__hero:not(.section__hero_extra) .inside-wrapper-xs,
  .section__hero:not(.section__hero_extra) .postarticle__inner {
    --iw-sidegap: 2.5rem;
  }
}

@media (min-width: 1280px) {
  .section__hero:not(.section__hero_extra) .article__bottom,
  .section__hero:not(.section__hero_extra) .article__content,
  .section__hero:not(.section__hero_extra) .inside-wrapper,
  .section__hero:not(.section__hero_extra) .inside-wrapper-md,
  .section__hero:not(.section__hero_extra) .inside-wrapper-sm,
  .section__hero:not(.section__hero_extra) .inside-wrapper-xs,
  .section__hero:not(.section__hero_extra) .postarticle__inner {
    --iw-sidegap: 5rem;
  }
}

.inside-wrapper-md {
  max-width: calc(114rem + var(--iw-sidegap) * 2);
}

.inside-wrapper-sm {
  max-width: calc(75rem + var(--iw-sidegap) * 2) !important;
}

.article__bottom,
.article__content,
.inside-wrapper-xs,
.postarticle__inner {
  max-width: calc(65rem + var(--iw-sidegap) * 2);
}

.helpnote {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
  color: var(--text-secondary);
}

@media (min-width: 768px) {
  .helpnote {
    flex-direction: row;
    align-items: center;
  }
}

.helpnote a {
  text-decoration: none;
}

.helpnote__text {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.35em;
}

@media (max-width: 1279.98px) {
  .helpnote__text {
    flex-direction: column;
  }
}

.helpnote__social {
  flex-shrink: 0;
}

body:not(.cancopy) .js_copy {
  display: none !important;
}

.section {
  position: relative;
  padding: 2rem 0;
}

.section:has(.slider_prod) {
  padding-bottom: 4rem;
  margin-bottom: -2rem;
}

.section__controls {
  margin-bottom: 2rem;
}

.section__head {
  margin-bottom: 4rem;
}

.section__head:has(.section__bigtitle) {
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .section__head:has(.section__bigtitle) {
    padding-top: 2rem;
  }
}

@media (min-width: 1280px) {
  .section__head:has(.section__bigtitle) {
    margin-bottom: 9rem;
  }
}

@media (max-width: 767.98px) {
  .section__head:has(.status-mb) {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 2.4rem;
    align-items: start;
  }

  .section__head:has(.status-mb) > * {
    word-break: break-word;
  }

  .section__head:has(.status-mb) > :not(.status-mb, .section__subtitle) {
    grid-column: span 2;
  }

  .section__head:has(.status-mb) .status-mb {
    grid-column: 2/3;
  }

  .section__head:has(.status-mb) .section__subtitle + .status-mb {
    max-width: 50vw;
  }
}

.section__title + * {
  margin-top: 1rem;
}

.section__title[data-counter]::after {
  content: attr(data-counter);
  color: var(--text-secondary);
  margin-left: 0.2em;
}

.section__bigtitle + * {
  margin-top: 1rem;
}

.section__bigtitle.text-highlight {
  font-weight: 400;
}

.section__subtitle {
  color: var(--text-secondary);
}

.section__hero {
  position: relative;
  min-height: 21.5rem;
  box-sizing: border-box;
  margin: 0 0 3rem;
  display: flex;
  align-items: flex-end;
  padding: 2rem 0;
}

@media (min-width: 768px) {
  .section__hero {
    min-height: 28.6rem;
    padding: 2.5rem 0;
  }
}

@media (min-width: 1280px) {
  .section__hero {
    min-height: 41.6rem;
    margin-bottom: 7rem;
    padding: 5rem 0;
  }
}

.section__hero_extra {
  align-items: flex-start;
  min-height: 34.4rem;
  margin: 0 0 3rem;
  padding: 0.6rem 0;
}

@media (min-width: 768px) {
  .section__hero_extra {
    min-height: 43.8rem;
    margin: 0 0 5rem;
  }
}

@media (min-width: 1280px) {
  .section__hero_extra {
    min-height: 54.6rem;
    margin: 0 0 7rem;
    padding: 5rem 0;
  }
}

.section__hero_extra .section__hero-pic::after {
  display: none;
}

@media (max-width: 1599.98px) {
  .section__hero_extra .section__hero-pic {
    right: var(--sidegap-n);
    left: var(--sidegap-n);
    border-radius: 0;
  }
}

.section__hero_extra .section__hero-title {
  color: var(--cl-text);
}

.section__hero-pic {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg-gray);
  overflow: hidden;
  border-radius: var(--br);
}

.section__hero-pic::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
      180deg,
      rgba(28, 42, 80, 0.026) 56.68%,
      rgba(28, 42, 80, 0.2) 100%
  );
}

.section__hero-pic_rightside .section__hero-pic-img {
  -o-object-position: 92% 50%;
  object-position: 92% 50%;
}

.section__hero-pic-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: var(--heropic-op-x, 50%) var(--heropic-op-y, 50%);
  object-position: var(--heropic-op-x, 50%) var(--heropic-op-y, 50%);
}

.section__hero-title {
  position: relative;
  color: var(--cl-white);
}

.section__smallhero {
  position: relative;
  height: 17.4rem;
  box-sizing: border-box;
  margin: 0 0 0.5rem;
}

@media (min-width: 992px) {
  .section__smallhero {
    height: 27.8rem;
  }

  @supports (aspect-ratio: 1390/278) {
    .section__smallhero {
      aspect-ratio: 1390/278;
      height: auto;
    }
  }
}

@media (max-width: 1599.98px) {
  .section__smallhero {
    margin-inline: var(--sidegap-n);
    border-radius: 0;
    width: auto;
  }
}

.section__smallhero-pic {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--cl-white);
  overflow: hidden;
  border-radius: var(--br);
}

.section__smallhero-pic-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: var(--smallheropic-op-x, 50%) var(--smallheropic-op-y, 50%);
  object-position: var(--smallheropic-op-x, 50%) var(--smallheropic-op-y, 50%);
}

.table-default {
  width: 100%;
  border-collapse: collapse;
  display: table;
  width: auto;
  max-width: none;
  overflow-x: visible;
}

.table-default tr {
  background-color: var(--bg);
}

.table-default tr:nth-child(2n) {
  background-color: var(--bg-gray);
}

.table-default td,
.table-default th {
  padding: 1rem 2rem;
}

.table-default td ~ *,
.table-default th ~ * {
  padding-left: 0.5rem;
}

.table-default td:not([align]),
.table-default th:not([align]) {
  text-align: left;
}

.table-default th {
  vertical-align: middle;
  font-weight: 400;
}

.table-default.m-firstcol-center td:first-child:not([align]),
.table-default.m-firstcol-center th:first-child:not([align]) {
  text-align: center;
}

.table-default.m-firstcol-right td:first-child:not([align]),
.table-default.m-firstcol-right th:first-child:not([align]) {
  text-align: right;
}

.table-default.m-firstcol-left td:first-child:not([align]),
.table-default.m-firstcol-left th:first-child:not([align]) {
  text-align: left;
}

.table-default.m-notfirstcol-center td ~ :not([align]),
.table-default.m-notfirstcol-center th ~ :not([align]) {
  text-align: center;
}

.table-default.m-notfirstcol-right td ~ :not([align]),
.table-default.m-notfirstcol-right th ~ :not([align]) {
  text-align: right;
}

.table-default.m-notfirstcol-left td ~ :not([align]),
.table-default.m-notfirstcol-left th ~ :not([align]) {
  text-align: left;
}

.table-default.m-lastcol-center td:not([align]):last-child,
.table-default.m-lastcol-center th:not([align]):last-child {
  text-align: center;
}

.table-default.m-lastcol-left td:not([align]):last-child,
.table-default.m-lastcol-left th:not([align]):last-child {
  text-align: left;
}

.table-default.m-lastcol-right td:not([align]):last-child,
.table-default.m-lastcol-right th:not([align]):last-child {
  text-align: right;
}

.searchbox ~ .table-wrapper table tr:nth-child(2n) {
  background-color: var(--bg);
}

.searchbox ~ .table-wrapper table tr:nth-child(odd) {
  background-color: var(--bg-gray);
}

.textblock {
  --tb-gap: 3rem;
  --tb-gap-mid: 3rem;
  --tb-gap-small: 2rem;
  margin-inline: auto;
}

.textblock:after {
  content: "";
  display: table;
  clear: both;
}

.textblock p {
  margin: 0;
}

.textblock p + :not(br) {
  margin-top: var(--tb-gap);
}

.textblock p + ol,
.textblock p + ul {
  margin-top: var(--tb-gap-mid);
}

.textblock * + p,
.textblock p + p {
  margin-top: var(--tb-gap-small);
}

.textblock h1 {
  margin: 0 0 5rem;
}

.textblock h1 + .article__author,
.textblock h1 + time {
  margin-top: -4.5rem;
}

.textblock * + .h1,
.textblock * + h1 {
  margin-top: 5rem;
}

.textblock time {
  color: var(--text-secondary);
  display: block;
  margin: 0 0 5rem;
}

.textblock h2 {
  margin: 0 0 3rem;
}

.textblock h2 a {
  text-decoration: none !important;
}

.textblock h3 {
  margin: 0 0 2rem;
}

.textblock h3 a {
  text-decoration: none !important;
}

.textblock h4 {
  margin: 0 0 1rem;
}

.textblock h4 a {
  text-decoration: none !important;
}

.textblock h4 + p {
  margin-top: 1rem;
}

.textblock h4 + ol,
.textblock h4 + ul {
  margin-top: 1.5rem;
}

.textblock * + h2,
.textblock * + h3 {
  margin-top: var(--tb-gap);
}

.textblock * + h4,
.textblock p + h4 {
  margin-top: 3rem;
}

.textblock > ol,
.textblock > ul {
  margin-block: 3rem;
}

.textblock > ol:last-child,
.textblock > ul:last-child {
  margin-bottom: 0;
}

.textblock p img,
.textblock p picture,
.textblock > img,
.textblock > picture {
  margin-block: var(--tb-gap);
  margin-inline: auto;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: var(--br);
}

.textblock p img:last-child,
.textblock p picture:last-child,
.textblock > img:last-child,
.textblock > picture:last-child {
  margin-bottom: 0;
}

.textblock p img img,
.textblock p picture img,
.textblock > img img,
.textblock > picture img {
  margin-block: 0;
}

.textblock p img:has(+ .mt-0),
.textblock p picture:has(+ .mt-0),
.textblock > img:has(+ .mt-0),
.textblock > picture:has(+ .mt-0) {
  margin-bottom: 2rem;
}

.textblock p img,
.textblock p picture {
  margin-block: 0;
}

.textblock p:has(+ .mt-0) {
  margin-bottom: 2rem;
}

.textblock > .row > * > img,
.textblock > .row > * > picture,
.textblock > .row > * > picture img {
  border-radius: var(--br);
}

.textblock * + .paypics {
  margin-top: 1.5rem;
}

.textblock .row {
  margin-block: var(--tb-gap);
  gap: 1rem 0;
}

.textblock .row:first-child {
  margin-top: 0;
}

.textblock .row:last-child {
  margin-bottom: 0;
}

.textblock .row > * > img,
.textblock .row > * > picture {
  margin: 0;
}

.textblock .textblock__pics {
  margin-inline: var(--sidegap-n);
  padding-inline: var(--sidegap);
  margin-block: var(--tb-gap) 5rem;
  padding-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(var(--artpics-cols, 2), 1fr);
  gap: var(--gridgap);
  overflow: auto;
}

.textblock .textblock__pics:last-child {
  margin-bottom: 0;
}

.textblock .textblock__pics > img,
.textblock .textblock__pics > picture {
  margin: 0;
  min-width: 22rem;
  border-radius: var(--br);
}

.textblock table {
  width: 100%;
  border-collapse: collapse;
}

.textblock table tr {
  background-color: var(--bg);
}

.textblock table tr:nth-child(2n) {
  background-color: var(--bg-gray);
}

.textblock table td,
.textblock table th {
  padding: 1rem 2rem;
}

.textblock table td ~ *,
.textblock table th ~ * {
  padding-left: 0.5rem;
}

.textblock table td:not([align]),
.textblock table th:not([align]) {
  text-align: left;
}

.textblock table th {
  vertical-align: middle;
  font-weight: 400;
}

.textblock table.m-firstcol-center td:first-child:not([align]),
.textblock table.m-firstcol-center th:first-child:not([align]) {
  text-align: center;
}

.textblock table.m-firstcol-right td:first-child:not([align]),
.textblock table.m-firstcol-right th:first-child:not([align]) {
  text-align: right;
}

.textblock table.m-firstcol-left td:first-child:not([align]),
.textblock table.m-firstcol-left th:first-child:not([align]) {
  text-align: left;
}

.textblock table.m-notfirstcol-center td ~ :not([align]),
.textblock table.m-notfirstcol-center th ~ :not([align]) {
  text-align: center;
}

.textblock table.m-notfirstcol-right td ~ :not([align]),
.textblock table.m-notfirstcol-right th ~ :not([align]) {
  text-align: right;
}

.textblock table.m-notfirstcol-left td ~ :not([align]),
.textblock table.m-notfirstcol-left th ~ :not([align]) {
  text-align: left;
}

.textblock table.m-lastcol-center td:not([align]):last-child,
.textblock table.m-lastcol-center th:not([align]):last-child {
  text-align: center;
}

.textblock table.m-lastcol-left td:not([align]):last-child,
.textblock table.m-lastcol-left th:not([align]):last-child {
  text-align: left;
}

.textblock table.m-lastcol-right td:not([align]):last-child,
.textblock table.m-lastcol-right th:not([align]):last-child {
  text-align: right;
}

.textblock table td,
.textblock table th {
  min-width: 8rem;
}

.textblock .table-wrapper {
  margin-inline: var(--sidegap-n);
  padding-inline: var(--sidegap);
  max-width: calc(100% + var(--sidegap) * 2);
}

.textblock > .table-wrapper,
.textblock > table {
  margin-block: var(--tb-gap-small);
}

.textblock > .table-wrapper:last-child,
.textblock > table:last-child {
  margin-bottom: 0;
}

.textblock .h1 + .table-wrapper,
.textblock .h1 + table,
.textblock .h2 + .table-wrapper,
.textblock .h2 + table,
.textblock .h3 + .table-wrapper,
.textblock .h3 + table,
.textblock .h4 + .table-wrapper,
.textblock .h4 + table,
.textblock h1 + .table-wrapper,
.textblock h1 + table,
.textblock h2 + .table-wrapper,
.textblock h2 + table,
.textblock h3 + .table-wrapper,
.textblock h3 + table,
.textblock h4 + .table-wrapper,
.textblock h4 + table {
  margin-top: 3rem;
}

.textblock blockquote:not(.tb-quote-gray):not(.tb-quote-blue) {
  display: block;
  position: relative;
  max-width: 35.4rem;
  margin: 30px auto;
  padding: 3.3rem 1.7rem;
  text-align: center;
}

.textblock blockquote:not(.tb-quote-gray):not(.tb-quote-blue):after,
.textblock blockquote:not(.tb-quote-gray):not(.tb-quote-blue):before {
  content: "";
  display: block;
  position: absolute;
  left: 1rem;
  right: 1rem;
  height: 2.3rem;
  background: radial-gradient(
      circle 2.3rem at center,
      var(--primary) 0.15rem,
      var(--bg) 0.15rem,
      var(--bg) 1.15rem,
      transparent 1.15rem
  ),
  linear-gradient(
      to bottom,
      var(--bg) 1.1rem,
      var(--primary) 1.2rem,
      var(--bg) 1.2rem
  );
  background-size: 2.3rem 2.3rem,
  100% 100%;
  background-repeat: no-repeat;
  background-position: center, center;
}

.textblock blockquote:not(.tb-quote-gray):not(.tb-quote-blue):before {
  top: 0;
}

.textblock blockquote:not(.tb-quote-gray):not(.tb-quote-blue):after {
  bottom: 0;
}

.textblock .plate {
  padding: 2rem 1.5rem;
  background-color: var(--bg-gray);
  border-radius: var(--br);
  max-width: none;
}

.textblock .plate::after,
.textblock .plate::before {
  display: none;
}

.textblock .plate > p {
  max-width: 65.4rem;
  margin-inline: auto;
}

.textblock .plate + * {
  margin-top: 3rem;
}

@media (min-width: 768px) {
  .textblock .plate {
    padding: 4rem 3.2rem;
  }

  .textblock .plate + * {
    margin-top: 5rem;
  }
}

.textblock * + .plate {
  margin-top: 3rem;
}

@media (min-width: 992px) {
  .textblock * + .plate {
    margin-top: 5rem;
  }
}

.textblock .hugetext {
  display: block;
  margin: 3rem auto;
  text-align: center;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
}

.textblock .hugetext__highlight {
  font-size: 6rem;
  color: var(--primary);
}

.textblock video {
  margin: 2rem auto;
  display: block;
  max-width: 100%;
  max-height: 95vh;
  max-height: 95dvh;
}

.textblock hr {
  margin-block: var(--tb-gap-mid) !important;
  border: none;
  border-top: 1px solid var(--border-color);
  max-width: 36rem;
  width: 100%;
  margin-inline: auto;
}

.m-h370 {
  display: block;
  height: 37rem;
}

.m-h260 {
  display: block;
  height: 26rem;
}

.m-h260 img,
.m-h370 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 992px) {
  .companystats .hugetext {
    margin-top: 0;
  }
}

.m-highlight-headings h1,
.m-highlight-headings h2 {
  color: var(--primary);
}

.articles-description {
  padding: 0 0 2rem;
  margin: 3rem 0 3rem;
  border-bottom: 1px solid var(--border-color);
}

.articles-description ol {
  margin: 0;
  color: var(--secondary);
  --link-color: var(--secondary);
  --link-color-hover: var(--secondary-hover);
}

.articles-description ol * {
  text-decoration: none;
}

.articles-description-title {
  margin: 0 0 2rem;
}

.prodtextblock {
  max-width: 75rem;
}

.prodtextblock p {
  margin: 0;
}

.prodtextblock * + p,
.prodtextblock p + * {
  margin-top: 1.5rem;
}

.prodtextblock p + p {
  margin-top: 1.143em;
}

.prodtextblock h2,
.prodtextblock h3 {
  margin: 0;
}

.prodtextblock h2 + *,
.prodtextblock h3 + * {
  margin-top: 1.5rem;
}

.prodtextblock h2 + p,
.prodtextblock h3 + p {
  margin-top: 1rem;
}

.prodtextblock * + h2,
.prodtextblock * + h3 {
  margin-top: 3rem;
}

.paypics {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.paypics:has(.paypics__figure) {
  gap: 2.4rem 5rem;
}

* + .paypics,
.paypics + * {
  margin-top: 1.5rem;
}

.paypics__pic {
  height: 3rem;
  flex-shrink: 0;
}

.paypics__pic img {
  height: 100%;
  width: auto;
}

.paypics__figure {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 0.5rem 1.5rem;
  flex-wrap: wrap;
}

.paypics__caption {
  margin: 0;
  padding: 0;
}

.ul-special {
  display: flex;
  flex-direction: column;
  gap: 2.5rem 5rem;
}

@media (min-width: 768px) {
  .ul-special {
    flex-direction: row;
  }
}

.ul-special > li {
  position: relative;
  padding-left: 1.8rem;
}

.ul-special > li::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--primary);
  position: absolute;
  left: 0;
  top: 0.6rem;
  display: block;
}

@media (min-width: 768px) {
  .ul-special > li {
    flex: 1;
  }
}

.table-wrapper {
  max-width: 100%;
  overflow: auto;
  scrollbar-width: thin;
  box-sizing: border-box;
}

body .table-wrapper table {
  display: table;
  width: auto;
  max-width: none;
  overflow-x: visible;
}

.table-wrapper.table-wrapper_wide {
  box-sizing: border-box;
  max-width: calc(100vw - var(--scrollbar-width, var(--sidegap)));
  width: calc(100vw - var(--scrollbar-width, var(--sidegap)));
  transform: translateX(calc(-50% + var(--sidegap)));
  left: 50%;
  position: relative;
}

.table-wrapper.table-wrapper_wide table {
  margin-inline: auto;
}

.table-wrapper.table-wrapper_wide:has(.table-compare) {
  padding-inline: calc(var(--sidegap) - 0.5rem);
}

.delivery-table {
  max-height: 28.4rem;
  overflow: auto;
  scrollbar-width: thin;
  border: 1px solid var(--border-color);
  position: relative;
  border-radius: 0.5rem;
}

.delivery-table table {
  width: 100%;
  border-collapse: collapse;
}

.delivery-table table tr {
  background-color: var(--bg);
}

.delivery-table table tr:nth-child(2n) {
  background-color: var(--bg-gray);
}

.delivery-table table td,
.delivery-table table th {
  padding: 1rem 2rem;
}

.delivery-table table td ~ *,
.delivery-table table th ~ * {
  padding-left: 0.5rem;
}

.delivery-table table td:not([align]),
.delivery-table table th:not([align]) {
  text-align: left;
}

.delivery-table table th {
  vertical-align: middle;
  font-weight: 400;
}

.delivery-table table.m-firstcol-center td:first-child:not([align]),
.delivery-table table.m-firstcol-center th:first-child:not([align]) {
  text-align: center;
}

.delivery-table table.m-firstcol-right td:first-child:not([align]),
.delivery-table table.m-firstcol-right th:first-child:not([align]) {
  text-align: right;
}

.delivery-table table.m-firstcol-left td:first-child:not([align]),
.delivery-table table.m-firstcol-left th:first-child:not([align]) {
  text-align: left;
}

.delivery-table table.m-notfirstcol-center td ~ :not([align]),
.delivery-table table.m-notfirstcol-center th ~ :not([align]) {
  text-align: center;
}

.delivery-table table.m-notfirstcol-right td ~ :not([align]),
.delivery-table table.m-notfirstcol-right th ~ :not([align]) {
  text-align: right;
}

.delivery-table table.m-notfirstcol-left td ~ :not([align]),
.delivery-table table.m-notfirstcol-left th ~ :not([align]) {
  text-align: left;
}

.delivery-table table.m-lastcol-center td:not([align]):last-child,
.delivery-table table.m-lastcol-center th:not([align]):last-child {
  text-align: center;
}

.delivery-table table.m-lastcol-left td:not([align]):last-child,
.delivery-table table.m-lastcol-left th:not([align]):last-child {
  text-align: left;
}

.delivery-table table.m-lastcol-right td:not([align]):last-child,
.delivery-table table.m-lastcol-right th:not([align]):last-child {
  text-align: right;
}

.delivery-table .searchbox {
  position: sticky;
  top: 0;
  border-bottom: 1px solid var(--bg-gray);
}

.delivery-table .rouble {
  color: var(--text-secondary);
}

.ul-plates {
  display: grid;
  gap: 2rem;
}

@media (min-width: 768px) {
  .ul-plates_cols {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}

.ul-plates > li {
  position: relative;
  background-color: var(--bg-gray);
  padding: 2.5rem;
  padding-left: 4.3rem;
  border-radius: var(--br);
}

.ul-plates > li::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--primary);
  position: absolute;
  left: 2.5rem;
  top: 3.3rem;
}

table.table-compare {
  border-spacing: 1rem 0.5rem;
  border-collapse: separate;
}

table.table-compare td,
table.table-compare th {
  width: 21.2rem;
  min-width: 21.2rem;
}

table.table-compare th {
  padding: 0 0 0.5rem;
  background: center;
}

table.table-compare td {
  background-color: var(--table-compare-bg);
  padding: 1rem;
  border-radius: var(--br);
}

table.table-compare * + p {
  margin-top: 0.5rem;
}

table.table-compare img {
  border-radius: var(--br);
  max-height: 18.6rem;
  max-width: 100%;
}

@supports selector(:has(*)) {
  table.table-compare img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: none;
  }
}

table.table-compare td:has(> img) {
  padding: 0;
  height: 18.6rem;
}

.gridgallery {
  margin-block: 2rem;
  box-sizing: border-box;
  max-width: calc(128rem - var(--sidegap) * 2);
  width: calc(100vw - var(--sidegap) * 2);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-auto-rows: auto;
  gap: 2rem;
}

.gridgallery + .gridgallery {
  margin-top: 10rem;
}

.gridgallery__item {
  position: relative;
}

.gridgallery.m-3x-v {
  grid-template-columns: repeat(2, 1fr);
}

.gridgallery.m-3x-v .gridgallery__item:nth-child(3n + 1) {
  grid-column: span 2;
}

.gridgallery.m-3x-v .gridgallery__item:nth-child(3n + 3) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.gridgallery.m-3x-h {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767.98px) {
  .gridgallery.m-3x-h .gridgallery__item:nth-child(3n + 1) {
    grid-column: span 2;
  }

  .gridgallery.m-3x-h .gridgallery__item:nth-child(3n + 3) img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media (min-width: 768px) {
  .gridgallery.m-3x-h {
    grid-template-columns: 2.12fr 1fr;
  }

  .gridgallery.m-3x-h .gridgallery__item:nth-child(3n + 1) {
    grid-row: span 2;
  }

  .gridgallery.m-3x-h .gridgallery__item:nth-child(3n + 1) img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
  }
}

.gridgallery.m-5x {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 767.98px) {
  .gridgallery.m-5x .gridgallery__item {
    grid-column: span 2;
  }

  .gridgallery.m-5x .gridgallery__item:first-child {
    order: -1;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(4),
  .gridgallery.m-5x .gridgallery__item:nth-child(5) {
    order: -1;
    grid-column: auto;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5) img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media (min-width: 768px) {
  .gridgallery.m-5x {
    grid-template-columns: 1.26fr 1.26fr 2fr;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 1) {
    grid-row: span 8;
    grid-column: 1/3;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 2) {
    grid-row: span 6;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 3) {
    grid-row: span 6;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 4) {
    grid-row: span 4;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 5) {
    grid-row: span 4;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 1) img {
    position: absolute;
  }

  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 1) img,
  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 4) img,
  .gridgallery.m-5x .gridgallery__item:nth-child(5n + 5) img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.gridgallery img {
  border-radius: var(--br);
}

.gridgallery.m-corners img {
  border-radius: var(--br) var(--br) 0 0;
}

.gridgallery.m-corners.m-3x-h .gridgallery__item:nth-child(3n + 1) img,
.gridgallery.m-corners.m-3x-v .gridgallery__item:nth-child(3n + 1) img {
  border-radius: var(--br) 0 0 var(--br);
}

.gridgallery.m-corners.m-5x .gridgallery__item:nth-child(5n + 1) img {
  border-radius: var(--br) 0 0 var(--br);
}

.tb-feature {
  position: relative;
  padding-left: 2.6rem;
}

.tb-feature::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180.89deg, #7fbb5a -41.8%, #1175cb 150.72%);
}

body .tb-feature + img {
  margin-top: 1rem;
}

h2.tb-feature {
  padding: 0 0 1.6rem;
  margin-bottom: 1rem;
}

h2.tb-feature + * {
  margin-top: 1rem;
}

h2.tb-feature::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  height: 0.6rem;
  width: auto;
  background: linear-gradient(-90deg, #7fbb5a -41.8%, #1175cb 150.72%);
}

.tb-quote-gray {
  margin-block: var(--tb-gap-mid);
  background-color: var(--cl-gray);
  color: var(--cl-text);
  padding: 2rem 2.5rem;
  border-radius: var(--br);
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.tb-quote-gray + .tb-quote-blue,
.tb-quote-gray + .tb-quote-gray {
  margin-top: -2rem;
}

.tb-quote-gray p + p {
  margin: 0;
}

.tb-quote-gray__author {
  color: var(--cl-text-light);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 9.6rem;
  box-sizing: border-box;
  position: relative;
  text-align: right;
  align-self: flex-start;
}

.tb-quote-gray__author::before {
  content: "";
  display: block;
  width: 8.6rem;
  height: 0.1rem;
  background-color: currentColor;
  position: absolute;
  left: 0;
  top: 0.6em;
}

@media (max-width: 767.98px) {
  .tb-quote-gray__author {
    padding-left: 4.2rem;
  }

  .tb-quote-gray__author::before {
    width: 3.2rem;
  }
}

.tb-quote-blue {
  margin-block: var(--tb-gap-mid);
  box-sizing: border-box;
  padding: 2rem 2.5rem 2rem 6.7rem;
  border-radius: var(--br);
  background-color: var(--cl-blue);
  color: var(--cl-white);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tb-quote-blue + .tb-quote-blue,
.tb-quote-blue + .tb-quote-gray {
  margin-top: -2rem;
}

.tb-quote-blue::before {
  content: "";
  display: block;
  width: 2.8rem;
  height: 1.8rem;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 2.5rem;
  transform: translateY(-50%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 2.8rem 1.8rem;
  mask-size: 2.8rem 1.8rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18' fill='none' viewBox='0 0 28 18'%3E%3Cpath stroke='%23fff' d='M7.6 8.3 1.65 2.18a1 1 0 0 1 .72-1.7H18.3a1 1 0 0 1 .71.3l7.31 7.5a1 1 0 0 1 0 1.4l-7.3 7.5a1 1 0 0 1-.72.3H2.37a1 1 0 0 1-.72-1.7L7.6 9.7a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18' fill='none' viewBox='0 0 28 18'%3E%3Cpath stroke='%23fff' d='M7.6 8.3 1.65 2.18a1 1 0 0 1 .72-1.7H18.3a1 1 0 0 1 .71.3l7.31 7.5a1 1 0 0 1 0 1.4l-7.3 7.5a1 1 0 0 1-.72.3H2.37a1 1 0 0 1-.72-1.7L7.6 9.7a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E");
}

* + .tb-caption,
.tb-caption {
  margin-top: 1rem !important;
}

:has(+ .tb-caption) {
  margin-bottom: 1rem !important;
}

.tb-list-plates {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.tb-list-plates li {
  padding: 1rem;
  border-radius: var(--br);
  background-color: var(--art-plates-bg);
  position: relative;
  display: flex;
  align-items: center;
}

.hastooltip {
  position: relative;
  color: var(--secondary);
  cursor: pointer;
}

.hastooltip__tooltip {
  position: absolute;
  top: calc(100% + 0.5em);
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--tooltip-bg);
  color: var(--text);
  padding: 1rem;
  border-radius: var(--br);
  box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.15);
  z-index: 42;
  transition-property: opacity, visibility;
  transition-duration: var(--transition-duration, 0.3s);
  width: -moz-max-content;
  width: max-content;
  max-width: 28rem;
  color: var(--text);
  cursor: default;
  opacity: 0;
  visibility: hidden;
  transition-delay: var(--transition-delay, 0.4s);
}

.hastooltip:hover .hastooltip__tooltip,
.hastooltip__tooltip[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  transition-delay: var(--transition-delay, 0s);
}

.hastooltip:focus-visible .hastooltip__tooltip {
  opacity: 1;
  visibility: visible;
  transition-delay: var(--transition-delay, 0s);
}

.hastooltip__tooltip.m-overflow-right {
  left: auto;
  right: -1rem;
  transform: translateX(0);
}

.hastooltip__tooltip.m-overflow-left {
  left: -1rem;
  right: auto;
  transform: translateX(0);
}

.btn {
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 1.5rem 1.9rem;
  height: 5rem;
  border-radius: var(--br);
  border: 1px solid var(--btn-border, transparent);
  color: var(--btn-color, var(--cl-white)) !important;
  background-color: var(--btn-bg, var(--cl-gray-300));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none !important;
  transition-property: background-color, border, color;
  transition-duration: 0.3s;
  transition-timing-function: var(--easing);
  max-width: 100%;
  outline: 0;
  box-shadow: none;
}

.btn svg {
  width: 1.8rem;
  height: 1.8rem;
}

.btn:hover {
  --btn-border: var(--btn-border-hover, transparent);
  --btn-color: var(--btn-color-hover, var(--cl-white));
  --btn-bg: var(--btn-bg-hover, var(--primary));
}

.btn:focus {
  --btn-border: var(--btn-border-hover, transparent);
  --btn-color: var(--btn-color-hover, var(--cl-white));
  --btn-bg: var(--btn-bg-hover, var(--primary));
}

.btn:active {
  --btn-border: var(--btn-border-active, transparent);
  --btn-color: var(--btn-color-active, var(--cl-white));
  --btn-bg: var(--btn-bg-active, var(--primary));
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  pointer-events: none;
  --btn-border: var(--btn-border-disabled, var(--disabled));
  --btn-color: var(--btn-color-disabled, var(--cl-text));
  --btn-bg: var(--btn-bg-disabled, var(--disabled));
}

.btn_cta {
  --btn-border: transparent;
  --btn-color: var(--cl-white);
  --btn-bg: var(--primary);
  --btn-border-hover: transparent;
  --btn-color-hover: var(--cl-white);
  --btn-bg-hover: var(--primary-hover);
  --btn-border-active: transparent;
  --btn-color-active: var(--cl-white);
  --btn-bg-active: var(--primary-active);
  --btn-border-disabled: transparent;
  --btn-color-disabled: var(--cl-text);
  --btn-bg-disabled: var(--disabled);
}

.btn_orange {
  --btn-border: transparent;
  --btn-color: var(--cl-white);
  --btn-bg: var(--cl-orange);
  --btn-border-hover: transparent;
  --btn-color-hover: var(--cl-white);
  --btn-bg-hover: var(--cl-orange-hover);
  --btn-border-active: transparent;
  --btn-color-active: var(--cl-white);
  --btn-bg-active: var(--cl-orange-active);
  --btn-border-disabled: transparent;
  --btn-color-disabled: var(--cl-text);
  --btn-bg-disabled: var(--disabled);
}

.btn_light {
  --btn-border: transparent;
  --btn-color: var(--cl-green);
  --btn-bg: var(--cl-gray-light);
  --btn-border-hover: transparent;
  --btn-color-hover: var(--cl-green);
  --btn-bg-hover: var(--cl-gray);
  --btn-border-active: transparent;
  --btn-color-active: var(--cl-green);
  --btn-bg-active: var(--cl-gray);
  --btn-border-disabled: transparent;
  --btn-color-disabled: var(--cl-text);
  --btn-bg-disabled: var(--disabled);
}

.btn_light.btn_sm {
  font-size: 1.4rem;
}

.btn_outline {
  --btn-border: var(--cl-gray);
  --btn-color: var(--text);
  --btn-bg: transparent;
  --btn-border-hover: var(--primary);
  --btn-color-hover: var(--text);
  --btn-bg-hover: transparent;
  --btn-border-active: var(--primary-primary);
  --btn-color-active: var(--text);
  --btn-bg-active: transparent;
  --btn-border-disabled: var(--cl-gray);
  --btn-color-disabled: var(--text);
  --btn-bg-disabled: var(--disabled);
}

.btn_sm {
  padding: 0.9rem 1.4rem;
  height: 3.8rem;
}

.btn_md {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  height: 4.6rem;
}

.btn_nexttoinput {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn_notext {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  min-width: 4.5rem;
}

.cartplate__btn,
.prodcard__btn,
.slidernewof .btn {
  padding: 0.9rem 1.4rem;
  height: 3.8rem;
}

.btn-link {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: var(--primary);
  transition: 0.3s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  flex-shrink: 0;
}

.btn-link_text {
  color: var(--text);
}

.btn-link_tdu {
  text-decoration: underline;
}

.btn-link:hover {
  color: var(--primary-hover);
}

.btn-link_orange {
  color: var(--cl-orange);
}

.btn-link_orange:hover {
  color: var(--cl-orange-hover);
}

.btn-pill {
  padding: 0.5rem 1rem;
  border-radius: 4rem;
  color: var(--btnpill-color);
  background-color: var(--btnpill-bg);
  transition: background 0.3s,
  color 0.3s;
  text-decoration: none;
  display: inline-flex;
}

.btn-pill:focus,
.btn-pill:hover {
  color: var(--btnpill-color);
  background-color: var(--btnpill-bg-hover);
}

.btn-pill_cta {
  color: var(--cl-white);
  background-color: var(--secondary);
}

.btn-pill_cta:focus,
.btn-pill_cta:hover {
  color: var(--cl-white);
  background-color: var(--secondary-hover);
}

.btn-pill_large {
  padding: 0.8rem 1rem;
  border-radius: var(--br);
}

.btn-pill2 {
  padding: 0.5rem 0.7rem;
  border-radius: 1rem;
  color: var(--btnpill2-color);
  background-color: var(--btnpill2-bg);
  transition: background 0.3s,
  color 0.3s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
}

.btn-pill2:focus,
.btn-pill2:hover {
  color: var(--btnpill2-color);
  background-color: var(--btnpill2-bg-hover);
}

.btn-pill2_cta {
  color: var(--cl-white);
  background-color: var(--secondary);
}

.btn-pill2_cta:focus,
.btn-pill2_cta:hover {
  color: var(--cl-white);
  background-color: var(--secondary-hover);
}

.btn-pill2_large {
  padding: 0.8rem 1rem;
  border-radius: var(--br);
}

.btn-round40 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  position: relative;
  color: var(--primary);
  border: 1px solid currentColor;
  box-sizing: border-box;
  transition: color 0.3s;
}

.btn-round40:focus,
.btn-round40:hover {
  color: var(--primary-hover);
}

.btn-round40:active {
  color: var(--primary-active);
}

.btn-round40::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--round40-vk);
  mask-image: var(--round40-vk);
  -webkit-mask-size: 4rem auto;
  mask-size: 4rem auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
}

.btn-round40.m-vk::before {
  -webkit-mask-image: var(--round40-vk);
  mask-image: var(--round40-vk);
}

.btn-round40.m-tg::before {
  -webkit-mask-image: var(--round40-tg);
  mask-image: var(--round40-tg);
}

.btn-round40.m-link::before {
  -webkit-mask-image: var(--round40-link);
  mask-image: var(--round40-link);
}

.btn-round40.m-fav::before {
  -webkit-mask-image: var(--round40-fav);
  mask-image: var(--round40-fav);
}

.btn-round40 svg {
  max-width: none;
  width: 4rem;
  height: 4rem;
  fill: currentColor;
  stroke: none;
}

.btn-round40.m-copy-success::before {
  -webkit-mask-image: var(--round40-tick);
  mask-image: var(--round40-tick);
}

.header-toggle {
  position: fixed;
}

@media (max-width: 1279.98px) {
  .header-toggle:checked ~ .header {
    background-color: var(--bg);
    transition-delay: 0s;
    box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.1);
    overflow: auto;
    position: fixed;
    pointer-events: auto;
  }

  .header-toggle:checked ~ * .header__bottom,
  .header-toggle:checked ~ * .header__nav {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
  }

  .header-toggle:checked ~ * .header__top {
    height: auto;
  }

  .header-toggle:checked ~ * .header__top-inner-wrapper {
    grid-template-rows: 1fr;
    transition-delay: 0s;
  }
}

@media (min-width: 1280px) {
  .header-toggle:checked ~ * .hnav {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 1279.98px) {
  body:not(.hidesearchfield) .header-toggle:checked ~ * .searchsuggest {
    display: none;
  }

  body:not(.hidesearchfield) .header-toggle:checked ~ * .header__searchbox {
    padding: 0;
    max-height: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
  }

  .header-toggle:checked ~ * .location-guess {
    height: 0;
    border-width: 0;
    transition-delay: 0s;
  }

}

.header {
  background-color: var(--bg);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 43;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  --link-color: var(--header-color);
  --link-color-hover: var(--header-color);
  color: var(--header-color);
}

.header a {
  text-decoration: none;
}

@media (max-width: 1279.98px) {
  .header {
    background-color: transparent;
    transition: background 0.2s 0.2s;
    overscroll-behavior: contain;
    pointer-events: auto;
  }
}

/* Keep header pinned height on mobile; avoid fullscreen takeover */
@media (max-width: 1279.98px) {
  .header {
  }
}

.header__nav {
  order: 2;
}

@media (max-width: 1279.98px) {
  .header__nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
  }
}

@media (min-width: 1280px) {
  .header__nav {
    order: -1;
  }
}

@media (max-width: 1279.98px) {
  .header__nav-inner {
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
  }
}

.header__credits {
  display: flex;
  justify-content: space-between;
  padding-top: 5rem;
}

@media (min-width: 1280px) {
  .header__credits {
    display: none;
  }
}

@media (max-width: 1279.98px) {
  .header__credits {
    display: none;
  }
}

.header__top {
  --link-color: var(--header-top-color);
  --link-color-hover: var(--header-top-color);
  color: var(--header-top-color);
  background: var(--header-top-bg);
  box-sizing: border-box;
  position: relative;
  pointer-events: auto;
}

@media (min-width: 1280px) {
  .header__top {
    order: -2;
    display: grid;
    align-content: center;
    z-index: 5;
  }
}

@media (min-width: 1280px) {
  .header__top-wrapper {
    height: var(--header-top-height);
    display: grid;
    align-content: center;
    position: static;
  }
}

.header__top-holder {
  display: grid;
  grid-template-columns: [start] 1fr min-content [end];
  grid-template-rows: var(--header-top-height) auto;
  align-items: center;
}

@media (max-width: 1279.98px) {
  .header__top-holder {
    position: relative;
    grid-template-columns: [start] min-content 1fr min-content [end];
  }
}

@media (min-width: 1280px) {
  .header__top-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.header__logo {
  display: block;
  height: 100%;
  width: 80px;
}

@media (max-width: 1279.98px) {
  .header__logo {
    margin: auto;
  }
}

.header__logo-img {
  height: 100%;
}

.header__call {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 3.8rem;
  margin-left: -0.8rem;
  margin-right: 1.7rem;
}

@media (min-width: 1280px) {
  .header__call {
    display: none !important;
  }
}

.header__call-ico {
  width: 2.4rem;
  height: 2.4rem;
  fill: none;
  stroke: var(--header-top-control-color);
}

@media (max-width: 1279.98px) {
  .header__top-inner-wrapper {
    order: 2;
    grid-column: start/end;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.2s 0.2s;
  }
}

@media (min-width: 1280px) {
  .header__top-inner-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1279.98px) {
  body:not(.hidesearchfield) .header__top-inner-wrapper {
    /*min-height: var(--header-search-height);*/
  }
}


@media (max-width: 1279.98px) {
  .header__top-inner {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: [start] 1fr auto 1fr [end];
  }
}

@media (max-width: 1279.98px) {
  .header__top-inner {
    gap: 0;
    grid-template-columns: [start] 1fr [end];
  }

  .header__top-inner > * + :not(.header__location) {
    margin-top: 2rem;
  }
}

@media (min-width: 1280px) {
  .header__top-inner {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem 2.5rem;
  }

  .header__top-inner::before {
    content: "";
    width: 0;
    height: 0;
    opacity: 0;
  }
}

.header__searchbox {
  flex: 1;
}

@media (max-width: 1279.98px) {
  body:not(.hidesearchfield) .header__searchbox {
    grid-column: start/end;
    transition-property: padding, margin, max-height, opacity, visibility;
    transition-duration: 0.3s;
    transition-delay: 0.2s;
    height: var(--header-search-height);
    max-height: var(--header-search-height);
    overflow: hidden;
    position: absolute;
    width: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  .header__searchbox {
    grid-column: start/end;
    padding-top: 1.5rem;
  }
}

@media (max-width: 1279.98px) {
  .header__searchbox {
    padding-top: 0.5rem;
  }
}

@media (min-width: 1280px) {
  .header__searchbox {
    max-width: 35rem;
  }
}

@media (min-width: 1280px) and (max-width: 1349.98px) {
  .header__searchbox {
    max-width: 5.4rem;
  }

  .header__searchbox .searchbox {
    width: 100%;
    transition: width 0.3s;
  }

  .header__searchbox .searchbox__input {
    transition: padding 0.3s;
  }

  .header__searchbox:focus-within .searchbox {
    width: 35rem;
  }

  .header__searchbox:not(:focus-within) .searchbox__input {
    padding-inline: 0 !important;
    font-size: 0;
  }

  .header__searchbox:not(:focus-within) .searchbox__btn {
    pointer-events: none;
  }

  .header__searchbox:not(:focus-within) .form__input-clear {
    display: none;
  }
}

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

@media (max-width: 1279.98px) {
  .header__location {
    padding-top: 2rem;
  }

  html:not([data-theme="dark"]) .header__location {
    padding-bottom: 2rem;
  }
}

.header__location-city {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.header__location-city::after {
  content: "";
  width: 0;
  height: 0;
  border: solid;
  border-width: 0.4rem 0.3rem 0;
  border-color: currentColor transparent;
}

@media (max-width: 1279.98px) {
  .header__location-city {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.143;
  }
}

@media (max-width: 1279.98px) {
  .header__address {
    order: 2;
    margin-top: 1rem !important;
  }

  .header__address:empty,
  .header__address:not(:has(.header__address-link)) {
    display: none;
  }
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  .header__address {
    justify-content: center;
  }
}

@media (min-width: 1280px) {
  .header__address {
    max-width: 32rem;
  }

  .header__address:empty,
  .header__address:not(:has(.header__address-link)) {
    display: none;
  }
}

.header__address-link {
  display: flex;
  align-items: center;
}

.header__address-ico {
  width: 1.8rem;
  height: 1.8rem;
  fill: var(--header-ico-color);
  stroke: none;
  flex-shrink: 0;
  transform: translate(-0.2rem, -0.2rem);
  margin: -0.5rem 0;
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  .header__address-ico {
    transform: translate(-0.2rem, 0);
  }
}

@media (max-width: 1279.98px) {
  .header__address-ico {
    display: none;
  }
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  .header__phone {
    text-align: right;
  }
}

.header__phone-link {
  white-space: nowrap;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.3em;
}

@media (max-width: 1279.98px) {
  .header__phone-link {
    align-items: baseline;
  }

  .header__phone-link,
  .header__phone-link * {
    padding: 0;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.1176;
  }
}

.header__phone-small {
  padding: 0.1em 0;
}

@media (max-width: 1279.98px) {
  .header__phone {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.5em;
    align-items: baseline;
  }
}

@media (max-width: 1279.98px) {
  .header__phone-text {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.1875;
  }
}

@media (min-width: 1280px) {
  .header__address-text,
  .header__phone-text {
    display: none;
  }
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  .header__social {
    order: 2;
    margin-left: auto;
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 1279.98px) {
  .header__social {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .header__controls {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  .header__controls {
    grid-column: span 2;
  }
}

@media (max-width: 1279.98px) {
  .header__controls {
    order: 3;
    padding-bottom: 0;
    height: 3rem;
  }

  html[data-theme="dark"] .header__controls {
    margin-top: 4rem !important;
  }
}

.header__burger {
  margin-left: auto;
}

@media (max-width: 1279.98px) {
  .header__bottom,
  .header__nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
  }
}

.header__bottom {
  position: relative;
}

.header__bottom .inside-wrapper {
  position: static;
}

@media (max-width: 1279.98px) {
  .header__bottom {
    display: none;
  }
}

.header__cat {
  padding: 2.5rem 0;
}

@media (min-width: 1280px) {
  .header__cat {
    padding: 3rem 0;
  }
}

@media (min-width: 1280px) {
  .header__cat {
    padding: 1.5rem 0;
  }
}

.header .hsocial__link-ico {
  fill: var(--header-ico-color);
}

@media (max-width: 1279.98px) {
  .hnav {
    padding-top: 2.5rem;
    border-top: 1px solid var(--border-color);
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1280px) {
  .hnav {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    padding: 2.5rem 3rem;
    box-shadow: var(--bs15);
    background-color: var(--bg);
    transform: translateY(-1rem);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s,
    visibility 0.3s,
    transform 0.3s;
  }
}

@media (max-width: 1279.98px) {
  .hnav {
    border: none;
    padding-top: 2rem;
  }
}

.hnav__list {
  display: grid;
  gap: 2rem;
}

@media (min-width: 1280px) and (max-width: 1279.98px) {
  .hnav__list {
    display: grid;
    gap: 2rem 2.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .hnav__list {
    gap: 1.5rem;
  }
}

@media (max-width: 1279.98px) {
  .hnav__list {
    gap: 0;
  }
}

.hnav__item_cattrigger .hnav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hnav__item_cattrigger .hnav__link::after {
  content: "";
  margin-right: 0.7rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: var(--arr-ch-right);
  mask-image: var(--arr-ch-right);
}

@media (min-width: 1280px) {
  .hnav__item_cattrigger {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .hnav__item + .hnav__item {
    border-top: 1px solid var(--border-color);
  }
}

@media (min-width: 1280px) {
  .hnav__link {
    font-weight: 400;
  }
}

@media (max-width: 1279.98px) {
  .hnav__link {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.1875;
    text-decoration: none !important;
    color: inherit !important;
    padding: 0.8rem 0;
    display: flex;
    height: 5rem;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    gap: 2.4rem;
    flex: 1;
    position: relative;
  }
}

.hnav__link[data-counter] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}

.hnav__link[data-counter]::before {
  order: 2;
  margin: -0.4rem 0;
  translate: 0 -0.1rem;
}

.hsocial {
  display: flex;
  gap: 2rem;
}

@media (min-width: 1280px) {
  .hsocial {
    gap: 3rem;
  }
}

.hsocial__item {
  display: flex;
  flex-shrink: 0;
}

@media (min-width: 1280px) {
  .hsocial__item_hideme {
    display: none;
  }
}

.hsocial__link {
  display: block;
}

.hsocial__link-ico {
  width: 2rem;
  height: 2rem;
  stroke: none;
  fill: currentColor;
}

.hsocial__link-ico_stroke {
  stroke: currentColor;
  fill: none;
}

.location-guess {
  height: var(--header-location-guess-height);
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--bg-gray);
  border: 0 solid var(--border-color);
  pointer-events: auto;
  flex-shrink: 0;
  transition: height 0.2s,
  border 0.2s;
  box-sizing: border-box;
}

.location-guess.m-active {
  border-width: 0.1rem 0;
  transition-delay: 0.2s;
}

.location-guess__inner {
  display: flex;
  align-items: center;
  gap: 0.8rem 3rem;
}

.location-guess__options {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-weight: 400;
}

.hcontrols {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

@media (max-width: 1279.98px) {
  .hcontrols {
    justify-content: space-between;
  }
}

.hcontrols__item {
  align-items: center;
  gap: 0.6rem;
  flex-shrink: 0;
}

.hcontrols__item:not(.theme-switcher) {
  display: flex;
}


.hcontrols__item[data-counter] {
  position: relative;
}

.hcontrols__item[data-counter]::before {
  position: absolute;
  top: -0.8rem;
  right: -2.6rem;
  transform: translate(-50%);
}

.hcontrols__ico {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--header-ico-color);
}

.hcontrols__ico .ico {
  width: 100%;
  height: 100%;
}

.footer {
  padding: 2rem 0;
  --footer-color: var(--text);
  --link-color: var(--footer-color);
  --link-color-hover: var(--footer-color);
  color: var(--footer-color);
  position: relative;
  transition: margin 0.3s;
}

@media (max-width: 1279.98px) {
  .footer {
    margin-bottom: var(--mobnav-height);
  }
}

.footer__inner {
  padding: 5rem 0 0;
  border-top: 0.2rem solid var(--border-color);
}

.footer__top {
  display: flex;
  flex-direction: column;
  gap: 5rem var(--gridgap);
}

@media (min-width: 1280px) {
  .footer__top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.footer__navsoc {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  flex: 1;
}

@media (min-width: 768px) {
  .footer__navsoc {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
  }
}

@media (min-width: 1280px) {
  .footer__navsoc {
    gap: var(--gridgap);
  }
}

.footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 3rem 5rem;
  margin: 5rem 0 0;
}

@media (min-width: 768px) {
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .footer__note {
    flex: 1;
  }
}

.fnav {
  --fnav-gap: 3rem;
  display: flex;
  flex-direction: column;
  gap: var(--fnav-gap);
}

@media (min-width: 768px) {
  .fnav {
    --fnav-gap: 1.5rem 3rem;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex: 1;
  }

  .fnav::after {
    content: "";
    width: 0;
    height: 0;
    opacity: 0;
  }
}

@media (min-width: 1280px) {
  .fnav {
    justify-content: center;
  }

  .fnav::after {
    display: none;
  }
}

.fnav__list {
  display: flex;
  flex-direction: column;
  gap: var(--fnav-gap);
}

.fnav__item {
  display: flex;
}

.fnav__link {
  white-space: nowrap;
}

.fsocial {
  display: flex;
  gap: 1.8rem;
}

@media (min-width: 768px) {
  .fsocial {
    padding: 0.6rem 0;
  }
}

.fsocial__item {
  display: flex;
  flex-shrink: 0;
}

.fsocial__link {
  display: block;
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);
}

.fsocial__link-ico {
  width: 1.8rem;
  height: 1.8rem;
  stroke: none;
  fill: currentColor;
}

@media (max-width: 767.98px) {
  .main:has(.cart__sticky) ~ .footer {
    margin-bottom: calc(var(--mobnav-height) + 5.8rem);
  }
}

@media (max-width: 991.98px) {
  .main:has(.product__sticky) ~ .footer {
    margin-bottom: 5.8rem;
  }
}

@media (max-width: 767.98px) {
  .main:has(.product__sticky) ~ .footer {
    margin-bottom: calc(var(--mobnav-height) + 5.8rem);
  }
}

.s-subscribe__inner {
  border-bottom: 0.2rem solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 2rem 3rem;
}

@media (min-width: 768px) {
  .s-subscribe__inner {
    padding-block: 5rem 6rem;
  }
}

.s-subscribe .subscribe {
  max-width: 85rem;
}

.subscribe {
  display: flex;
  flex-direction: column;
  gap: 3rem var(--gridgap);
  flex: 1;
}

@media (min-width: 768px) {
  .subscribe {
    flex-direction: row;
  }

  .subscribe > * {
    flex: 1;
  }
}

.subscribe__title {
  margin: 0 0 1rem;
}

.postarticle .subscribe {
  flex-direction: column;
  gap: 1.5rem;
}

.postarticle .subscribe .form__input-holder {
  max-width: 35rem;
}

::-moz-placeholder {
  opacity: 1;
  color: var(--placeholder);
}

::placeholder {
  opacity: 1;
  color: var(--placeholder);
}

.form {
  position: relative;
}

.form__row {
  position: relative;
}

.form__row + * {
  margin-top: 2rem;
}

.form__row + .form__row_extragap {
  margin-top: 3rem;
}

.form__row + .form__row_smallgap {
  margin-top: 1rem;
}

.form__row + .form__row_middlegap {
  margin-top: 1.5rem;
}

.form__row_sepa {
  border-bottom: 1px solid var(--border-color);
}

.form__row_wide {
  flex: 1;
}

@media (max-width: 1279.98px) {
  .form__row_wide {
    flex: auto;
    width: 100% !important;
  }
}

.form__row_short {
  width: 13.3rem !important;
}

.form__row_full {
  width: 100% !important;
}

.form__input-holder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form__input-holder .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  order: 2;
}

.form__input-holder .btn ~ .form__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form__input-holder .btn ~ .form__input-clear {
  right: 4.5rem;
}

:disabled ~ .form__input-holder .btn {
  display: none;
}

.form__input-holder textarea ~ .btn {
  align-self: stretch;
  height: auto;
}

.form__input-holder .form__input:has(~ .btn_cta):not(:-moz-placeholder-shown) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form__input-holder .form__input:has(~ .btn_cta):not(:placeholder-shown) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form__input-holder .form__input:-moz-placeholder-shown ~ .btn_cta {
  display: none;
}

.form__input-holder .form__input:placeholder-shown ~ .btn_cta {
  display: none;
}

.form__input-multi {
  display: flex;
  gap: 1rem;
}

.form__codeinput {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  outline: 0;
  width: 5rem;
  height: 6rem;
  box-sizing: border-box;
  background: var(--bg);
  border-radius: var(--br);
  border: 1px solid var(--border-color);
  text-align: center;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 3rem;
  color: var(--primary);
}

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

.form__label {
  display: block;
  margin: 0 0 1.5rem;
}

.form__label_special {
  color: var(--text-secondary);
  margin: 0 0 1rem;
}

.form__overlabel {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  color: var(--placeholder);
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  transition: transform 0.3s,
  font-size 0.3s;
  transform-origin: 0 50%;
}

input:not(:-moz-placeholder-shown):not([type="hidden"]) ~ .form__overlabel {
  transform: translateY(calc(-50% - 0.9rem)) scale(0.7857);
}

.m-filled ~ .form__overlabel,
.m-focused ~ .form__overlabel,
input:focus ~ .form__overlabel,
input:not(:placeholder-shown):not([type="hidden"]) ~ .form__overlabel {
  transform: translateY(calc(-50% - 0.9rem)) scale(0.7857);
}

@media (max-width: 767.98px) {
  input:not(:-moz-placeholder-shown):not([type="hidden"]) ~ .form__overlabel {
    transform: translateY(calc(-50% - 1rem)) scale(0.7857);
  }

  .m-filled ~ .form__overlabel,
  .m-focused ~ .form__overlabel,
  input:focus ~ .form__overlabel,
  input:not(:placeholder-shown):not([type="hidden"]) ~ .form__overlabel {
    transform: translateY(calc(-50% - 1rem)) scale(0.7857);
  }
}

textarea ~ .form__overlabel {
  translate: none;
  top: 2.3rem;
}

textarea:not(:-moz-placeholder-shown) ~ .form__overlabel {
  transform: translateY(-1.8rem);
  font-size: 1.1rem;
  right: 2rem;
  isolation: isolate;
}

textarea:focus ~ .form__overlabel,
textarea:not(:placeholder-shown) ~ .form__overlabel {
  transform: translateY(-1.8rem);
  font-size: 1.1rem;
  right: 2rem;
  isolation: isolate;
}

textarea:not(:-moz-placeholder-shown) ~ .form__overlabel::before {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: 0;
  right: 0;
  height: 1.9rem;
  z-index: -1;
  background-color: var(--input-bg, var(--bg-gray));
}

textarea:focus ~ .form__overlabel::before,
textarea:not(:placeholder-shown) ~ .form__overlabel::before {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: 0;
  right: 0;
  height: 1.9rem;
  z-index: -1;
  background-color: var(--input-bg, var(--bg-gray));
}

.form__input {
  color: var(--input-color, var(--text));
  display: block;
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  padding: 1.6rem 2rem;
  height: 5rem;
  background-color: var(--input-bg, var(--bg-gray));
  border: 1px solid var(--input-border, transparent);
  border-radius: var(--br);
  outline: 0;
  transition-property: color, border;
  transition-duration: 0.3s;
}

@media (max-width: 767.98px) {
  .form__input {
    font-size: 1.6rem;
  }

  .form__input:not(textarea) {
    line-height: 1;
  }
}

.form__input_haslabel {
  padding-top: 2.4rem;
  padding-bottom: 0.9rem;
}

.form__input_haslabel::-moz-placeholder {
  opacity: 0;
  color: transparent;
}

.form__input_haslabel::placeholder {
  opacity: 0;
  color: transparent;
}

.form__input_haslabel.form__input_md {
  padding-top: 2.2rem;
  padding-bottom: 0.7rem;
}

@media (max-width: 767.98px) {
  .form__input_haslabel {
    padding-top: 2.2rem;
  }

  .form__input_haslabel.form__input_md {
    padding-top: 2rem;
  }
}

.form__input_md {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  height: 4.6rem;
}

.is-error .form__input {
  --input-border: var(--error);
}

.form__input:not(:-moz-placeholder-shown) {
  padding-right: 2.8rem;
}

.form__input.m-filled,
.form__input:not(:placeholder-shown) {
  padding-right: 2.8rem;
}

.lang-selector {
  height: auto;
  width: auto;
}

.form__textarea {
  min-height: 4.6rem;
  height: 10rem;
  max-height: 18rem;
  resize: vertical;
}

.form__textarea.js_textarea {
  height: 4.6rem;
}

.form__input-clear {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1.9rem;
  cursor: pointer;
  width: 3.8rem;
  height: 3.8rem;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
  color: var(--font-light);
}

.form__input-clear::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1.8rem 1.8rem;
  mask-size: 1.8rem 1.8rem;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%238F97AC' stroke-linecap='round' stroke-linejoin='round' d='m5.25 5.25 7.5 7.5M5.25 12.75l7.5-7.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%238F97AC' stroke-linecap='round' stroke-linejoin='round' d='m5.25 5.25 7.5 7.5M5.25 12.75l7.5-7.5'/%3E%3C/svg%3E");
}

input:not(:-moz-placeholder-shown):not(:disabled):not([type="hidden"])
~ .form__input-clear,
textarea:not(:-moz-placeholder-shown):not(:disabled) ~ .form__input-clear {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.m-filled:not(:disabled) ~ .form__input-clear,
input:not(:placeholder-shown):not(:disabled):not([type="hidden"])
~ .form__input-clear,
textarea:not(:placeholder-shown):not(:disabled) ~ .form__input-clear {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.form__input-eye {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -1.9rem;
  cursor: pointer;
  width: 3.8rem;
  height: 3.8rem;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
  color: var(--font-light);
  display: flex;
  align-items: center;
  justify-content: center;
}

input:not(:-moz-placeholder-shown):not([type="hidden"]) ~ .form__input-eye {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.m-filled ~ .form__input-eye,
input:not(:placeholder-shown):not([type="hidden"]) ~ .form__input-eye {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.form__note a {
  text-decoration: underline;
}

* + .form__note {
  margin-top: 1rem;
}

.form__alert {
  display: none;
  margin: 0.5rem 0 0 2rem;
  color: var(--error);
  transform: scale(0);
  transition: 0.3s;
}

.radiocheck ~ .form__alert {
  margin-left: 2.5rem;
}

.is-error .form__alert {
  transform: scale(1);
  display: block;
}

.form__helper {
  margin: 1rem 0 0 2rem;
}

.form__helper_special {
  color: var(--text-secondary);
  margin: 1rem 0 0;
}

.form__btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.form__btns .btn {
  flex: 1;
}

.radiocheck {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: var(--text);
  transition: color 0.3s;
}

.radiocheck:focus .radiocheck__text::before,
.radiocheck:focus-within .radiocheck__text::before,
.radiocheck:hover .radiocheck__text::before {
  border-color: var(--primary);
}

.radiocheck:has(:disabled) {
  cursor: default;
  pointer-events: none;
}

.radiocheck__input:focus-visible ~ .radiocheck__text {
  --fv-width: 0.1rem;
  --fv-offset: -0.1rem;
}

.radiocheck__text {
  display: block;
  position: relative;
  padding-left: 2.5rem;
  color: currentColor;
  min-height: 1.8rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 2rem;
}

.radiocheck__text a {
  text-decoration: none;
}

.radiocheck__text::after,
.radiocheck__text::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  border: 0.15rem solid var(--form-check-border);
  width: 1.6rem;
  height: 1.6rem;
  transition: border 0.3s;
}

.radiocheck__text::after {
  border-color: transparent;
  opacity: 0;
  border: none;
  transition: opacity 0.3s;
  background-position: 50%;
  background-size: 1.2rem 1rem;
  background-repeat: no-repeat;
  background-image: var(--ico-tick);
}

:checked ~ .radiocheck__text::after {
  opacity: 1;
}

.is-error .radiocheck__text::before {
  border-color: var(--error);
}

.radiocheck_small .radiocheck__text {
  padding-left: 2.2rem;
}

.radiocheck_small .radiocheck__text::before {
  width: 1rem;
  height: 1rem;
  border-width: 1px;
  left: 0.5rem;
}

.radiocheck_small .radiocheck__text::after {
  background-size: 0.7rem auto;
}

:disabled ~ .radiocheck__text {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

:disabled ~ .radiocheck__text,
:disabled ~ .radiocheck__text * {
  color: var(--form-check-disabled);
}

.radiocheck_radio .radiocheck__text::before {
  border-radius: 50%;
}

.radiocheck_radio .radiocheck__text::after {
  background: var(--primary);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: none;
  left: 0.7rem;
}

.pills__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.pills__item {
  display: flex;
}

.pills__pill {
  position: relative;
  display: flex;
}

.pills__input:focus-visible ~ .pills__pill-text {
  --btn-bg: var(--primary);
}

.pills__pill-text {
  color: var(--_pill-color, var(--text));
  background-color: var(--_pill-bg, var(--bg-gray));
  box-sizing: border-box;
  padding: 0.9rem 1.9rem;
  border: 1px solid var(--_pill-border, transparent);
  border-radius: var(--br);
  text-decoration: none !important;
  transition: border 0.3s,
  background-color 0.3s,
  color 0.3s;
}

.pills_alt .pills__pill-text {
  --_pill-bg: var(--bg);
  --_pill-bg-active: var(--bg);
  --_pill-border: var(--border-color);
  --_pill-border-hover: var(--primary);
  --_pill-border-active: var(--primary);
  --_pill-color-active: var(--text);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.7rem 1.9rem;
  min-height: 5rem;
}

.pills__pill-text:focus,
.pills__pill-text:hover {
  --_pill-border: var(--_pill-border-hover, var(--primary));
}

:checked ~ .pills__pill-text {
  --_pill-color: var(--_pill-color-active, var(--cl-white));
  --_pill-border: var(--_pill-border-active, transparent);
  --_pill-bg: var(--_pill-bg-active, var(--primary));
  --_pill-color-secondary: var(--cl-white);
  --_pill-border: var(--_pill-border-active, var(--primary));
}

.pills__pill-smalltext {
  color: var(--text-secondary);
  display: block;
  margin: 0 0 0.5rem;
  transition: color 0.3s;
}

.kindaselect {
  position: relative;
  cursor: pointer;
  outline: 0;
  border-radius: var(--br);
}

.kindaselect:focus-visible {
  --btn-bg: var(--primary);
}

.kindaselect::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  background-size: 1.8rem 1.8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%238F97AC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 6.75 9 11.25l-4.5-4.5'/%3E%3C/svg%3E");
  transition: transform 0.2s;
}

.kindaselect__input {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.kindaselect.m-active::after,
.kindaselect:focus-visible::after {
  transform: translateY(-50%) scaleY(-1);
}

.kindaselect.m-active .kindaselect__input,
.kindaselect:focus-visible .kindaselect__input {
  border-radius: var(--br) var(--br) 0 0;
}

.kindaselect.m-active .kindaselect__dropdown,
.kindaselect:focus-visible .kindaselect__dropdown {
  opacity: 1;
  visibility: visible;
}

.kindaselect__dropdown {
  position: absolute;
  background-color: var(--input-bg, var(--bg-gray));
  z-index: 3;
  top: 100%;
  left: 0;
  right: 0;
  overflow: auto;
  max-height: 23.4rem;
  scrollbar-width: thin;
  border-radius: 0 0 var(--br) var(--br);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  box-shadow: 0 0.3rem 0.2rem -0.1rem var(--bg);
}

.kindaselect__btn {
  width: 100%;
  padding: 1rem 2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.3s;
  gap: 2rem;
  outline: 0;
}

.kindaselect__btn:focus,
.kindaselect__btn:hover {
  background-color: var(--border-color);
}

.kindaselect__price .rouble {
  color: var(--text-secondary);
}

.time-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  border: 1px solid var(--border-color);
  background-color: var(--bg);
  border-radius: var(--br);
  color: var(--text);
  box-sizing: border-box;
  padding: 0.7rem 1.9rem 0.7rem 4.8rem;
  min-height: 5rem;
  transition: border-color 0.3s;
  outline: 0;
  width: auto;
  background-position: 2rem 50%;
  background-repeat: no-repeat;
  background-size: 1.8rem 1.8rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%2372bf42' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M9 16.63A6.87 6.87 0 1 0 9 2.88a6.87 6.87 0 0 0 0 13.75Z'/%3E%3Cpath stroke-linecap='round' d='M8.91 5.76v4.13l2.91 2.91M1.5 3.38 4.12 1.5M16.5 3.38 13.87 1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.time-select.m-active,
.time-select:focus,
.time-select:hover {
  border-color: var(--primary);
}

.time-select:not(.m-active) {
  max-width: 17rem;
}

.time-select option {
  font-size: 1.4rem;
}

.overselect {
  position: relative;
  cursor: pointer;
  outline: 0;
  border-radius: var(--br);
  min-width: 22rem;
}

.overselect:focus-visible {
  --btn-bg: var(--primary);
}

.overselect__select {
  opacity: 1;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.overselect.m-active .overselect__dropdown,
.overselect:focus-visible .overselect__dropdown {
  opacity: 1;
  visibility: visible;
}

.overselect__dropdown {
  position: absolute;
  background-color: var(--input-bg, var(--bg-gray));
  z-index: 3;
  top: calc(100% + 0.4rem);
  left: 0;
  width: auto;
  min-width: 100%;
  overflow: auto;
  max-height: 23.4rem;
  scrollbar-width: thin;
  border-radius: var(--br);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  box-shadow: 0 0.3rem 0.2rem -0.1rem var(--bg);
}

.overselect__btn {
  width: 100%;
  padding: 1rem 2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.3s;
  gap: 2rem;
  outline: 0;
  white-space: nowrap;
}

.overselect__btn:focus,
.overselect__btn:hover {
  background-color: var(--border-color);
}

* + .pagination,
.pagination + * {
  margin-top: 2rem;
}

.pagination + .pagination {
  margin-top: 5.6rem;
}

@media (min-width: 768px) {
  .pagination {
    padding: 0 2.1rem;
  }
}

.pagination__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.2rem;
  min-height: 8rem;
}

.pagination__item {
  cursor: default;
}

.pagination__item.m-current .pagination__link {
  min-width: 4rem;
  padding: 0 0.4rem;
  background: var(--bg-gray);
  cursor: default;
}

.pagination__item.m-current .pagination__link,
.pagination__item.m-current .pagination__link:focus,
.pagination__item.m-current .pagination__link:hover {
  color: var(--text);
}

@media (max-width: 767.98px) {
  .pagination__item.m-hideme {
    display: none;
  }
}

.pagination__item.m-disabled,
.pagination__item[disabled] {
  pointer-events: none;
  opacity: 0.25;
}

.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br);
  color: var(--text);
  text-decoration: none !important;
  min-width: 4rem;
  height: 4rem;
  box-sizing: border-box;
  padding: 0 0.4rem;
}

.pagination__link.m-disabled,
.pagination__link[disabled] {
  pointer-events: none;
  opacity: 0.25;
}

@media (max-width: 767.98px) {
  .pagination__link {
    min-width: 0;
    padding: 0;
  }
}

.breadcrumbs {
  padding-top: 1rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

body:not(.mousable) .breadcrumbs__list {
  margin-inline: var(--sidegap-n);
  padding-inline: var(--sidegap);
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-wrap: nowrap;
  overflow: auto;
}

body:not(.mousable) .breadcrumbs__list::-webkit-scrollbar {
  display: none;
}

.breadcrumbs__item {
  color: var(--cl-text-light);
  white-space: nowrap;
  display: flex;
  align-items: baseline;
}

.breadcrumbs__item:not(:last-child) {
  padding-right: 0.3em;
}

.breadcrumbs__item:not(:last-child)::after {
  content: "/";
  display: inline-block;
  margin-left: 0.3em;
}

.breadcrumbs__link {
  text-decoration: none;
  --link-color: var(--cl-blue);
  --link-color-hover: var(--cl-blue-hover);
}

.social {
  display: flex;
  gap: 3rem;
}

.social__item {
  display: flex;
  flex-shrink: 0;
}

.social__link {
  display: block;
  --link-color: var(--text);
  --link-color-hover: var(--primary-hover);
}

.social__link-ico {
  width: 2.5rem;
  height: 2.5rem;
  stroke: none;
  fill: currentColor;
}

.searchbox {
  position: relative;
}

.searchbox__input-holder {
  position: relative;
}

.searchbox__input {
  padding-right: 7.8rem !important;
}

.searchbox__btn {
  position: absolute;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.3s;
  color: var(--text-secondary);
}

.searchbox__btn:not(button):not(a):not(label) {
  cursor: default;
}

.searchbox__btn-ico {
  width: 1.8rem;
  height: 1.8rem;
  fill: none;
  stroke: currentColor;
}

.searchbox .form__input-clear {
  right: 4.8rem;
}

.searchbox .form__input-clear::after {
  content: "";
  width: 1px;
  height: 1.8rem;
  background-color: var(--border-color);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
  transition: 0.2s 0.2s;
}

input:not(:-moz-placeholder-shown):not([type="hidden"])
~ .searchbox
.form__input-clear::after {
  opacity: 1;
  visibility: visible;
}

.m-filled ~ .searchbox .form__input-clear::after,
input:not(:placeholder-shown):not([type="hidden"])
~ .searchbox
.form__input-clear::after {
  opacity: 1;
  visibility: visible;
}

.searchbox_search {
  --placeholder: var(--searchbox-placeholder);
  --input-color: var(--searchbox-color);
  --input-bg: var(--searchbox-bg);
  --input-border: var(--searchbox-border);
}

.searchbox_search .form__input-clear,
.searchbox_search .searchbox__btn {
  color: var(--searchbox-btn-color);
}

.searchbox_search .searchbox__input:focus,
.searchbox_search:focus-within .searchbox__input {
  --placeholder: var(--searchbox-placeholder-focus);
  --input-color: var(--searchbox-color-focus);
  --input-bg: var(--searchbox-bg-focus);
  --input-border: var(--searchbox-border-focus);
}

.searchbox_search .searchbox__input:focus ~ .form__input-clear,
.searchbox_search .searchbox__input:focus ~ .searchbox__btn,
.searchbox_search:focus-within .searchbox__input ~ .form__input-clear,
.searchbox_search:focus-within .searchbox__input ~ .searchbox__btn {
  color: var(--searchbox-btn-color-focus);
}

.searchbox__suggest {
  position: absolute;
  top: calc(100% + 0.2rem);
  left: 0;
  right: 0;
  padding-top: 0.2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem);
  transition-property: opacity, visibility, transform;
  transition-duration: 0.3s;
  z-index: 5;
}

.searchbox__suggest.m-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.searchbox_plain .searchbox__input {
  background-color: var(--bg);
  border-radius: 0;
}

.suggest__content {
  border-radius: var(--br);
  box-shadow: var(--bs15);
  background-color: var(--bg);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  max-height: min(40vh, 25rem);
}

.suggest__item {
  display: flex;
  transition: background 0.3s;
}

.suggest__item.m-active,
.suggest__item:hover {
  background-color: var(--bg-gray);
}

.suggest__item-text {
  flex: 1;
  text-decoration: none;
  color: var(--text);
  display: block;
  padding: 1.3rem 1.6rem;
}

.suggest__item-text span {
  color: var(--primary);
}

.locations {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}

* + .locations,
.locations + * {
  margin-top: 3rem;
}

@media (min-width: 768px) {
  .locations {
    -moz-column-count: 3;
    column-count: 3;
  }
}

.locations__item {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  display: flex;
  margin-bottom: 1.5rem;
}

.locations__location {
  transition: color 0.3s;
  color: var(--text);
}

.locations__location:hover {
  color: var(--primary);
}

.searchsuggest {
  pointer-events: auto;
  position: absolute;
  top: calc(var(--header-top-height) + var(--header-search-height-fixed));
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem);
  transition-property: opacity, visibility, transform;
  transition-duration: 0.3s;
  z-index: 4;
  box-shadow: var(--bs15);
  background-color: var(--bg);
  overflow: auto;
  height: calc(
      100vh - var(--header-top-height) - var(--header-search-height-fixed)
  );
  height: calc(
      100dvh - var(--header-top-height) - var(--header-search-height-fixed)
  );
  display: flex;
  flex-direction: column;
}

@media (max-width: 767.98px) {
  .searchsuggest {
    box-shadow: none;
    height: calc(
        100vh - var(--header-top-height) - var(--header-search-height-fixed) -
        var(--mobnav-height)
    );
    height: calc(
        100dvh - var(--header-top-height) - var(--header-search-height-fixed) -
        var(--mobnav-height)
    );
  }
}

@media (min-width: 1280px) {
  .searchsuggest {
    height: auto;
    top: var(--header-top-height);
    max-height: calc(100vh - var(--header-top-height));
    max-height: calc(100svh - var(--header-top-height));
  }
}

.searchsuggest.m-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.searchsuggest__inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 132rem;
}

@media (min-width: 768px) {
  .searchsuggest__content {
    flex: 1;
    display: grid;
    grid-template-columns: 33.3rem 1fr;
  }
}

.searchsuggest__items {
  padding: 2.5rem 0;
  box-sizing: border-box;
}

.searchsuggest__items-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (max-width: 767.98px) {
  .searchsuggest__items-list {
    gap: 0;
  }
}

.searchsuggest__item {
  display: flex;
}

@media (max-width: 767.98px) {
  .searchsuggest__item + .searchsuggest__item {
    border-top: 1px solid var(--border-color);
  }
}

.searchsuggest__item-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--suggest-link-color);
}

.searchsuggest__item-link:hover {
  color: var(--suggest-link-color-hover);
}

@media (max-width: 767.98px) {
  .searchsuggest__item-link {
    padding: 0.5rem 0;
  }
}

.searchsuggest__item-pic {
  display: block;
  height: 6rem;
  width: 6rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  background-color: var(--cl-white);
}

@media (max-width: 767.98px) {
  .searchsuggest__item-pic {
    width: 4rem;
    height: 4rem;
  }
}

.searchsuggest__item-img {
  width: 5rem;
  height: 5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .searchsuggest__item-img {
    width: 3rem;
    height: 3rem;
  }
}

.searchsuggest__items-btns {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

@media (max-width: 767.98px) {
  .searchsuggest__items-btns {
    margin-top: 0.5rem;
  }
}

.searchsuggest__tags {
  padding: 2.5rem 0;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .searchsuggest__tags {
    padding: 2.5rem;
    border-left: 1px solid var(--border-color-light);
  }
}

@media (min-width: 992px) {
  .searchsuggest__tags {
    max-width: 35.3rem;
  }
}

.searchsuggest__tags .tags__list {
  gap: 1.5rem;
}

.burger {
  display: block;
  position: relative;
  box-sizing: content-box;
  width: 3.8rem;
  height: 3.8rem;
  margin-right: -0.8rem;
  margin-left: 1.7rem;
  cursor: pointer;
  color: var(--header-top-control-color);
  z-index: 2;
}

.burger span,
.burger:after,
.burger:before {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 1.8rem;
  width: 2.2rem;
  height: 0.2rem;
  background: currentColor;
  transition: all 0.3s;
}

.burger span {
  transition: all 0.3s 0.1s;
}

.burger:before {
  top: 1rem;
}

.burger:after {
  top: auto;
  bottom: 1rem;
}

#header-toggle:checked ~ * .burger[for="header-toggle"] span,
.burger.m-active span {
  transform: translate(-50%);
  width: 0;
  opacity: 0;
  transition-delay: 0s;
}

#header-toggle:checked ~ * .burger[for="header-toggle"]:before,
.burger.m-active:before {
  transform: rotate(45deg);
  top: 1.8rem;
}

#header-toggle:checked ~ * .burger[for="header-toggle"]:after,
.burger.m-active:after {
  bottom: 1.8rem;
  transform: rotate(-45deg);
}

.hcat {
  position: static;
}

.hcat__list {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1279.98px) {
  .hcat__list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2.5rem 0;
  }
}

@media (max-width: 991.98px) {
  .hcat__list {
    grid-template-columns: repeat(auto-fit, minmax(14.3rem, 1fr));
  }
}

.hcat__item {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.hcat__link {
  --extend-size: -0.4vw;
  display: block;
  text-align: center;
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
  min-width: 5rem;
  padding: 0 0.7rem;
  box-sizing: border-box;
}

@media (min-width: 1600px) {
  .hcat__link {
    --extend-size: -1.6rem;
  }
}

.hcat__link_thin {
  min-width: 4rem;
}

.hcat__link-ico {
  flex-shrink: 0;
  display: block;
  margin: 0 auto 1rem;
  height: 2.3rem;
  width: auto;
  stroke: none;
}

.hcat__link-ico,
.hcat__link-ico path {
  fill: var(--hcat-ico-color, var(--secondary));
}

.hcat__sub {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--bg);
  box-sizing: border-box;
  padding: 3rem 0;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility, transform;
  transition-duration: 0.3s;
}

@media (max-width: 1279.98px) {
  .hcat__sub {
    height: 0;
    overflow: hidden;
    padding: 0;
  }
}

@media (min-width: 1280px) {
  .hcat__sub {
    top: calc(100% - 1.5rem);
    padding-top: 4.5rem;
    box-shadow: var(--bs15a);
    pointer-events: none;
    transform: translateY(2rem);
    transition-delay: 0.2s;
  }
}

@media (max-width: 1279.98px) {
  .hcat__item.m-active .hcat__sub {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: auto;
    padding: 3rem 0;
  }
}

@media (min-width: 1280px) {
  .hcat__item:hover .hcat__sub {
    transition-delay: 0.2s;
    opacity: 1;
    visibility: visible;
    z-index: 3;
    pointer-events: auto;
    transform: translateY(0);
  }
}

.hcatsub__inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1280px) {
  .hcatsub__inner {
    display: grid;
    grid-template-columns: auto min-content;
    align-items: start;
  }
}

.hcatsub__cat {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.hcatsub__head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1280px) {
  .hcatsub__head {
    display: none;
  }
}

.hcatsub__back {
  color: var(--primary);
}

.hcatsub__products {
  --card-min-width: 23.2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: 1rem;
}

.hcatsub__products .prodcard {
  min-width: var(--card-min-width);
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .hcatsub__products .prodcard:first-child:last-child {
    max-width: calc(50% - 0.5rem);
  }
}

@media (max-width: 991.98px) {
  .hcatsub__products .prodcard:nth-child(3) ~ .prodcard {
    display: none;
  }
}

@media (min-width: 1280px) and (max-width: 1599.98px) {
  .hcatsub__products {
    grid-template-columns: repeat(2, 1fr);
  }

  .hcatsub__products .prodcard:nth-child(2) ~ .prodcard {
    display: none;
  }
}

@media (min-width: 1280px) {
  .hcatsub__products {
    --card-min-width: 25.5rem;
  }
}

@media (min-width: 1600px) {
  .hcatsub__products {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  .hcatsub__products {
    display: none !important;
  }
}

.hcatsublist {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(22.8rem, 1fr));
}

@media (min-width: 1280px) {
  .hcatsublist__item_all {
    display: none;
  }
}

.hcatsublist__link {
  color: var(--hcatsub-color);
  border: 1px solid var(--hcatsub-border);
  background-color: var(--hcatsub-bg);
  text-decoration: none !important;
  display: flex;
  align-items: center;
  padding: 0.4rem 1rem 0.4rem 2.5rem;
  gap: 1em;
  border-radius: var(--br);
  min-height: 6.2rem;
  box-sizing: border-box;
}

.hcatsublist__link:hover {
  color: var(--primary);
}

.hcatsublist__item_brand .hcatsublist__link {
  padding: 0.4rem 1rem;
  justify-content: center;
}

.hcatsublist__pic {
  width: 5rem;
  height: 5rem;
  margin-left: -1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hcatsublist__pic-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  font-size: 0.8rem;
  word-break: break-word;
}

.hcatsublist__brandpic {
  display: block;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hcatsublist__brandpic-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

#basket_line_ajax_container:has(.cartplate.m-active) ~ .footer {
  margin-bottom: var(--cartplate-height);
}

.cartplate {
  --cartplate-control-h: 3.8rem;
  --cartplate-color: var(--text-light);
  --cartplate-color-accent: var(--cl-white);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 42;
  background: var(--gr-header);
  color: var(--cartplate-color);
  transition-property: transform, opacity, visibility;
  transition-duration: 0.3s;
}

.cartplate:not(.m-active) {
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1279.98px) {
  .cartplate {
    display: none;
  }
}

@media (min-width: 768px) {
  .cartplate.m-active ~ .footer {
    margin-bottom: var(--cartplate-height);
  }
}

.cartplate__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  min-height: var(--cartplate-height);
  box-sizing: border-box;
}

.cartplate__btn {
  border-radius: 0 var(--br) var(--br) 0;
}

@media (min-width: 768px) {
  .cartplate__btn {
    margin-right: 2.5rem;
  }
}

.cartplate__text {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  flex-wrap: nowrap;
  min-width: 0;
}

@media (min-width: 768px) {
  .cartplate__text {
    flex-wrap: nowrap;
  }
}

.cartplate__info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  gap: 1rem;
  min-width: 0;
  background-color: var(--cl-white);
  height: var(--cartplate-control-h);
  padding: 0.4rem 2rem;
  box-sizing: border-box;
  align-items: center;
  border-radius: var(--br) 0 0 var(--br);
}

@media (max-width: 575.98px) {
  .cartplate__info {
    padding: 0.1rem 0.8rem;
    gap: 0.4rem;
  }
}

.cartplate__product,
.cartplate__quantity {
  color: var(--cartplate-color-accent);
}

.cartplate__product {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

@media (max-width: 767.98px) {
  .cartplate__product {
    display: none;
  }
}

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

.cartplate__quantity {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

@media (min-width: 768px) {
  .cartplate__quantity {
    display: none;
  }
}

.cartplate__product,
.cartplate__quantity {
  color: var(--cl-text-light);
}

.cartplate__label {
  white-space: nowrap;
}

.cartplate__price {
  color: var(--cl-text);
  white-space: nowrap;
}

.mobnav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 44;
  display: flex;
  justify-content: center;
  background-color: var(--mobnav-bg);
  height: var(--mobnav-height);
  box-sizing: border-box;
  border-top: 1px solid var(--border-color);
  box-sizing: border-box;
}

@media (min-width: 1280px) {
  .mobnav {
    display: none !important;
  }
}

.mobnav__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  padding: 0.8rem var(--sidegap);
}

.mobnav__item {
  --_mobnav-color: var(--mobnav-color);
  min-width: 6rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mobnav__item.m-active {
  --_mobnav-color: var(--mobnav-primary);
}

.mobnav__control {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.2rem;
  text-decoration: none !important;
  transition: color 0.3s;
  position: relative;
}

.mobnav__control,
.mobnav__control:hover {
  color: var(--_mobnav-color);
}

.mobnav__control[data-counter] {
  position: relative;
}

.mobnav__control[data-counter]::before {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  transform: translate(-50%);
  margin-left: 1.4rem;
}

.mobnav__ico {
  width: 2.8rem;
  height: 2.8rem;
  fill: none;
  stroke: currentColor;
}

.cat-toggle {
  position: fixed;
}

.cat-toggle:checked ~ * .mobnav__control[for="cat-toggle"] {
  --_mobnav-color: var(--mobnav-primary);
}

.cat-toggle:not(:checked) ~ .mobcat {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50%);
  pointer-events: none;
}

@media (min-width: 1280px) {
  .cat-toggle {
    display: none !important;
  }
}

.mobcat {
  position: fixed;
  left: 0;
  right: 0;
  bottom: var(--mobnav-height);
  top: 0;
  background: var(--mobnav-bg);
  z-index: 46;
  transition-property: opacity, visibility, transform;
  transition-duration: 0.3s;
}

@media (min-width: 1280px) {
  .mobcat {
    display: none !important;
  }
}

.mobcat__close,
.mobcat__subclose {
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--secondary);
}

.mobcat__close svg,
.mobcat__subclose svg {
  width: 1.8rem;
  height: 1.8rem;
}

.mobcat__close {
  left: auto;
  right: 0;
}

@media (min-width: 768px) {
  .mobcat__close {
    right: calc(var(--sidegap) / 2);
  }
}

.mobcat__holder {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.mobcat__head,
.mobcat__subhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6rem;
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  background: var(--mobnav-bg);
  z-index: 2;
  text-align: center;
  padding: 1rem 6rem;
  box-sizing: border-box;
}

.mobcat__subtitle,
.mobcat__title {
  font-weight: 500;
  flex: 1;
}

.mobcat__list,
.mobcat__sublist {
  position: static;
  padding: 0 var(--sidegap);
}

.mobcat__item,
.mobcat__subitem {
  position: static;
  display: flex;
}

.mobcat__item + .mobcat__item,
.mobcat__item + .mobcat__subitem,
.mobcat__subitem + .mobcat__item,
.mobcat__subitem + .mobcat__subitem {
  border-top: 1px solid var(--border-color);
}

.mobcat__item {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.mobcat__link,
.mobcat__sublink {
  text-decoration: none !important;
  color: inherit !important;
  padding: 0.8rem 0;
  display: flex;
  height: 5rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  flex: 1;
  position: relative;
}

.mobcat__link {
  grid-area: 1/1/2/2;
}

.mobcat__item:has(.mobcat__sub) .mobcat__link::after {
  content: "";
  margin-right: 0.7rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: var(--arr-ch-right);
  mask-image: var(--arr-ch-right);
}

.mobcat__sub {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--mobnav-bg);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition-property: opacity, visibility, transform;
  transition-duration: 0.3s;
}

.mobcat__item.m-active .mobcat__sub {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.mobcat__subhead::before {
  content: "";
  width: 6rem;
  height: 6rem;
  color: var(--secondary);
  background-color: currentColor;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%23A3A3A3' fill-rule='evenodd' d='M5.31 1.02c.36.36.36.94 0 1.3L3.96 3.66h8.18a6.8 6.8 0 1 1 0 13.58H4.5a.92.92 0 0 1 0-1.83h7.64a4.96 4.96 0 0 0 4.96-5.15l.91-.04-.91.04a4.96 4.96 0 0 0-4.96-4.77H3.96l1.35 1.35a.92.92 0 1 1-1.3 1.3l-2.9-2.92a.92.92 0 0 1 0-1.3L4 1.03a.92.92 0 0 1 1.3 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%23A3A3A3' fill-rule='evenodd' d='M5.31 1.02c.36.36.36.94 0 1.3L3.96 3.66h8.18a6.8 6.8 0 1 1 0 13.58H4.5a.92.92 0 0 1 0-1.83h7.64a4.96 4.96 0 0 0 4.96-5.15l.91-.04-.91.04a4.96 4.96 0 0 0-4.96-4.77H3.96l1.35 1.35a.92.92 0 1 1-1.3 1.3l-2.9-2.92a.92.92 0 0 1 0-1.3L4 1.03a.92.92 0 0 1 1.3 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media (max-width: 1279.98px) {
  .theme-switcher-wrapper {
    transition: transform 0.2s;
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 3rem;
    padding: 0.6rem 0.8rem;
    gap: 1.8rem;
    border-radius: 4rem;
    background-color: var(--cl-gray);
    color: var(--primary);
    isolation: isolate;
  }

  .theme-switcher-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 4rem;
    background-color: var(--primary);
    transition-property: left, right;
    transition-duration: 0.2s;
    transition-delay: 0s, 0.1s;
  }

  .theme-switcher-wrapper::after {
    content: attr(data-light);
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(1rem, -50%);
    white-space: nowrap;
    color: var(--text);
  }
}

@media (max-width: 1279.98px) {
  .theme-switcher {
    -webkit-tap-highlight-color: transparent;
    transition: color 0.2s;
  }

  .theme-switcher .hcontrols__ico {
    stroke: currentColor;
  }

  .theme-switcher[data-settheme="light"]::before {
    right: -5rem;
  }

  .theme-switcher[data-settheme="dark"]::before {
    left: -5rem;
  }
}

.btn-copy {
  flex-shrink: 0;
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  color: var(--text-secondary);
  transition: color 0.3s;
}

.btn-copy:focus,
.btn-copy:hover {
  color: var(--primary);
}

.hascopytooltip {
  position: relative;
}

.hascopytooltip .js_copy_text {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translate(0.5rem, 1.5rem);
  padding: 0.8rem;
  border-radius: 0.4rem;
  box-shadow: var(--bs15);
  background-color: var(--bg);
  color: var(--text-secondary);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
}

.hascopytooltip.m-copy-success .js_copy_text {
  transform: translate(0.5rem, 0.5rem);
  opacity: 1;
  visibility: visible;
}

.hero:not(section + section) {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 1280px) {
  .brandhead + .hero {
    padding-top: 0;
  }
}

.mainslider {
  --mainslider-mpb: 0;
  --mainslider-br: var(--br);
  position: relative;
  box-sizing: content-box;
  padding-bottom: var(--mainslider-mpb);
  border-radius: var(--mainslider-br);
  overflow: hidden;
  width: 100%;
  height: 23rem;
  height: clamp(23rem, 61.46vw, 30rem);
}

@media (min-width: 768px) {
  .mainslider {
    height: 37rem;
    height: clamp(23rem, 32vw, 37rem);
  }
}

@media (min-width: 2560px) {
  .mainslider {
    height: 14.4535vw;
  }
}

@media (min-width: 2560px) {
  .mainslider {
    height: 14.4535vw;
  }
}

.productlist .mainslider {
  grid-column: start/end;
  margin: 0;
}

.hero .mainslider {
  --mainslider-br: 0;
}

.mainslider__subslider {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--bg-gray);
}

.mainslider__slider {
  position: relative;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--bg-gray);
}

.mainslider__slide {
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mainslider__slide-link {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: var(--mainslider-mpb);
  left: 0;
  text-decoration: none !important;
}

.swiper-slide-active .mainslider__slide-link {
  pointer-events: auto;
}

.mainslider__slide-link:focus-visible {
  box-shadow: inset 0 0 1.4rem 0.3rem var(--primary);
}

.mainslider__slide-pic {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--mainslider-br);
}

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

.mainslider__slider-controls {
  position: absolute;
  z-index: 4;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  height: 6.4rem;
  background-color: var(--bg);
  border-radius: var(--br);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 27.5rem;
}

@media (min-width: 768px) {
  .mainslider__slider-controls {
    opacity: 0;
    transition: opacity 0.3s;
  }

  .mainslider:hover .mainslider__slider-controls {
    opacity: 1;
  }

  .mainslider:has(:focus-visible) .mainslider__slider-controls {
    opacity: 1;
  }
}

@media (max-width: 767.98px) {
  .mainslider__slider-controls {
    display: none;
  }
}

.mainslider__slider-arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  transform: none;
  width: 5.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: var(--br);
  background-color: var(--bg);
  color: var(--swiper-theme-color);
  z-index: 20 !important;
}

.mainslider__slider-arrow svg {
  width: 1.5rem;
  height: 2.6rem;
  fill: none;
  stroke: currentColor;
}

@media (max-width: 767.98px) {
  .mainslider__slider-arrow {
    display: none;
  }
}

.mainslider__slider-pagination {
  --swiper-pagination-bullet-size: 0.4rem;
  --swiper-pagination-bullet-inactive-opacity: 1;
  position: static;
  transform: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90px;
}

.mainslider__slider-pagination .swiper-pagination-bullet {
  background-color: #bdbdbd;
  cursor: pointer;
  opacity: 1;
  margin: 0;
}

.mainslider__slider-pagination .swiper-pagination-bullet:hover {
  background-color: #9e9e9e;
}

.mainslider__slider-pagination .swiper-pagination-bullet-active {
  background-color: #757575;
}

.mainslider__text-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 160rem;
  padding: 2.4rem var(--sidegap);
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 2;
  color: grey;
  mix-blend-mode: difference;
  filter: brightness(1.75);
}

@media (max-width: 767.98px) {
  .mainslider__text-holder {
    display: none;
  }
}

@media (min-width: 992px) {
  .mainslider__text-holder {
    padding: 4rem var(--sidegap);
  }
}

.mainslider__text {
  width: 32rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

@media (min-width: 992px) {
  .mainslider__text {
    gap: 1.6rem;
  }
}

.mainslider__title {
  font-weight: 700;
}

.mainslider__note {
  position: relative;
  max-width: 22rem;
  padding-top: 1.5rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  box-sizing: border-box;
  border-top: 1px solid #505050;
}

.mainslider__note:empty {
  display: none;
}

.swiper-creative .swiper-slide {
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.slidernewof,
.sliderprod {
  overflow: hidden;
}

@supports (overflow-x: clip) {
  .slidernewof,
  .sliderprod {
    overflow-x: clip;
    overflow-y: visible;
  }
}

.slider {
  margin: 0 calc(-1 * var(--gridgap) / 2);
}

.slider__controls {
  display: flex;
  align-items: center;
  gap: 0;
}

@media (min-width: 1280px) {
  .slider__controls_alt {
    position: absolute;
    top: calc(50% + 1.8rem);
    right: 0;
    left: 0;
    z-index: 3;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transition: opacity 0.3s;
  }
}

@media (max-width: 767.98px) {
  .slider__controls {
    display: none;
  }
}

.slider:hover .slider__controls {
  opacity: 1;
}

@media (min-width: 1280px) {
  .slider__controls_alt .slider__arrow {
    border-radius: var(--br);
    background-color: var(--swiper-theme-color);
    color: var(--cl-white);
    transition: background 0.3s;
  }

  .slider__controls_alt .slider__arrow.swiper-button-disabled {
    background-color: var(--swiper-disabled);
    color: var(--cl-white);
    pointer-events: none;
  }
}

.slider_prod {
  overflow: visible;
}

.slider_prod .slider__slide {
  height: auto;
}

.slider_prod .slider__slide .prodcard {
  width: 27rem;
  height: 100%;
}

@media (max-width: 767.98px) {
  .slider_prod:not(.swiper-initialized) {
    margin-inline: 0;
    padding-inline: 0;
  }

  .slider_prod:not(.swiper-initialized) .slider__head {
    padding-inline: 0;
  }

  .slider_prod:not(.swiper-initialized) .swiper-wrapper {
    box-sizing: border-box;
    width: auto;
    margin-inline: var(--sidegap-n);
    padding-inline: calc(var(--sidegap) - var(--gridgap) / 2);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .slider_prod:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }

  .slider_prod:not(.swiper-initialized).m-over-hidden .swiper-wrapper {
    overflow: hidden;
  }
}

.slider_newof {
  overflow: visible;
  margin: 0;
}

.slider_newof .slider__head {
  padding-left: var(--sidegap);
}

@media (min-width: 768px) {
  .slider_newof .slider__head {
    padding-left: 0;
  }
}

@media (max-width: 1279.98px) {
  .slider_newof .slider__controls {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .slider_newof {
    margin: 0 var(--sidegap-n);
  }

  .inside-banner-slider {
    padding: 0;
  }
}

.slider__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 1.5rem;
  gap: 1.5rem 4rem;
  padding: 0 calc(var(--gridgap) / 2);
}

.slider__title {
  margin: 0;
}

.slider__tags {
  width: 100%;
}

.slider__slide {
  width: auto;
  padding: 0 calc(var(--gridgap) / 2);
  box-sizing: border-box;
}

.slider__arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  transform: none;
  width: 4.2rem;
  height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: var(--swiper-arrow-bg);
  color: var(--swiper-theme-color);
  transition: background 0.3s,
  color 0.3s;
}

.slider__arrow.swiper-button-disabled {
  color: var(--swiper-disabled);
  pointer-events: none;
}

.slider__arrow svg {
  width: 1rem;
  height: 1.6rem;
  fill: none;
  stroke: currentColor;
}

.slidernewof__slide {
  padding: 0 1px 0 0;
  width: auto !important;

  @media (max-width: 768px) {
    width: 75% !important;
  }
}

.slidernewof__item {
  display: block;
  position: relative;
  text-decoration: none !important;
}

.slidernewof__item,
.slidernewof__item:focus,
.slidernewof__item:hover {
  color: var(--cl-text);
}

.slidernewof__pic {
  display: block;
  position: relative;
  width: 58.5rem;
  max-width: 86vw;
  aspect-ratio: 585/340;
}

.slidernewof__pic-img {
  width: 100%;
  height: auto;
}

.slidernewof__content {
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  width: 45%;
}

@media (min-width: 768px) {
  .slidernewof__content {
    gap: 1.4rem;
  }
}

.slidernewof__title {
  display: block;
  min-height: 4.8rem;
}

@media (min-width: 768px) {
  .slidernewof__title {
    min-height: 8.7rem;
  }
}

.offers__list {
  display: grid;
  gap: 1.5rem 2.4rem;
}

@media (min-width: 1280px) {
  .offers__list {
    grid-template-columns: 1fr 1fr;
  }
}

.offers__item {
  display: flex;
}

.offers__link {
  display: flex;
  width: 100%;
}

.offers__pic {
  display: block;
  width: 100%;
  height: auto;
}

.offers__pic-img {
  display: block;
  width: 100%;
  height: auto;
}

.bnrs__list {
  display: grid;
  gap: 0.1rem;
}

@media (min-width: 1280px) {
  .bnrs__list {
    grid-template-columns: 1fr 1fr 27.3rem;
  }
}

.bnrs__item {
  display: flex;
  position: relative;
}

.bnrs__link {
  position: relative;
  display: flex;
  width: 100%;
}

.bnrs__link,
.bnrs__link:focus,
.bnrs__link:hover {
  color: var(--cl-text);
}

.bnrs__pic {
  display: block;
  width: 100%;
  height: 34.3rem;
}

.bnrs__pic-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 40% 80%;
  object-position: 40% 80%;
}

@media (min-width: 768px) {
  .bnrs__pic-img {
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
  }
}

@media (min-width: 1280px) {
  .bnrs__pic-img {
    -o-object-position: 20% 70%;
    object-position: 20% 70%;
  }
}

.bnrs__item_special .bnrs__pic-img {
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.bnrs__content {
  position: absolute;
  top: 3rem;
  left: 2.5rem;
  right: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bnrs__text {
  max-width: 32.5rem;
  text-shadow: 1px 1px var(--cl-white);
}

@media (min-width: 768px) {
  .bnrs__text {
    max-width: 45rem;
  }
}

@media (min-width: 1280px) {
  .bnrs__text {
    max-width: 42rem;
  }
}

.bnrs__title {
  text-shadow: 1px 1px var(--cl-white);
}

.bnrs__item_special .bnrs__title {
  text-align: center;
  padding-top: 2rem;
  text-shadow: none;
}

.bnrs2__list {
  display: grid;
  gap: 0.1rem;
}

@media (min-width: 768px) {
  .bnrs2__list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1280px) {
  .bnrs2__list {
    grid-template-columns: 1fr 1fr 37.8rem;
  }
}

.bnrs2__item {
  --_bnrs2-pi: 3rem;
  --_bnrs2-pb: 2.5rem;
  display: flex;
  position: relative;
  --link-color: var(--cl-text);
  --link-color-hover: var(--cl-text);
}

@media (max-width: 991.98px) {
  .bnrs2__item {
    --_bnrs2-pi: 3rem;
    --_bnrs2-pb: 3rem;
  }
}

@media (max-width: 575.98px) {
  .bnrs2__item {
    --_bnrs2-pi: 1.5rem;
    --_bnrs2-pb: 3rem;
  }
}

.bnrs2__item_cert {
  --_bnrs2-op-y: 100%;
}

@media (max-width: 575.98px) {
  .bnrs2__item_cert {
    --_bnrs2-title-mw: 60%;
    --_bnrs2-jc: flex-start;
    --_bnrs2-op-x: 40%;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .bnrs2__item_cert {
    grid-column: span 2;
  }
}

.bnrs2__item_tradein {
  --_bnrs2-op-x: 25%;
}

@media (max-width: 575.98px) {
  .bnrs2__item_tradein {
    --_bnrs2-pb: 4rem;
  }
}

.bnrs2__item_repair {
  color: var(--cl-white);
  background-color: var(--cl-black);
  --link-color: var(--cl-white);
  --link-color-hover: var(--cl-white);
  --_bnrs2-jc: center;
  --_bnrs2-pi: 4rem;
  --_bnrs2-title-mw: 14rem;
}

@media (max-width: 575.98px) {
  .bnrs2__item_repair {
    --_bnrs2-pi: 3rem;
  }
}

.bnrs2__link {
  position: relative;
  display: flex;
  width: 100%;
}

.bnrs2__pic {
  display: block;
  width: 100%;
  height: 36rem;
  position: relative;
}

@media (min-width: 576px) {
  .bnrs2__pic {
    height: 42rem;
  }
}

@media (min-width: 1280px) {
  .bnrs2__pic {
    height: 30.6rem;
  }
}

.bnrs2__pic-img,
.bnrs2__pic-video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: var(--_bnrs2-op-x, 50%) var(--_bnrs2-op-y, 50%);
  object-position: var(--_bnrs2-op-x, 50%) var(--_bnrs2-op-y, 50%);
}

.bnrs2__content {
  position: absolute;
  bottom: var(--_bnrs2-pb);
  left: var(--_bnrs2-pi);
  right: var(--_bnrs2-pi);
  top: var(--_bnrs2-pb);
  display: flex;
  flex-direction: column;
  justify-content: var(--_bnrs2-jc, flex-end);
  gap: 1rem;
}

.bnrs2__title {
  max-width: var(--_bnrs2-title-mw, none);
}

.bnrs2__text {
  max-width: var(--_bnrs2-text-mw, 25rem);
}

.productlist {
  position: relative;
  display: grid;
  grid-template-columns:
    [start] repeat(
      var(--productlist-cols, 1),
      var(--productlist-col-width, 1fr)
    )
    [end];
  gap: 2rem;
}

.productlist + .productlist {
  margin-top: 2rem;
}

@media (min-width: 576px) {
  .productlist {
    --productlist-cols: auto-fill;
    --productlist-col-width: minmax(var(--prodcard-width, 25rem), 1fr);
  }
}

@media (min-width: 992px) {
  .catalog .productlist {
    --productlist-cols: 4;
    --productlist-col-width: 1fr;
  }
}

@media (min-width: 1280px) {
  .productlist {
    --productlist-cols: 5;
    --productlist-col-width: 1fr;
  }
}

.productlist .mainslider {
  order: -1;
}

.productlist .mainslider ~ .prodcard:nth-child(2),
.productlist .mainslider ~ .prodcard:nth-child(3),
.productlist .mainslider ~ .prodcard:nth-child(4) {
  order: -2;
}

.productlist .mainslider ~ .prodcard:nth-child(5) {
  order: -2;
}

@media (min-width: 768px) {
  .productlist .mainslider ~ .prodcard:nth-child(6),
  .productlist .mainslider ~ .prodcard:nth-child(7) {
    order: -2;
  }
}

@media (min-width: 992px) {
  .productlist .mainslider ~ .prodcard:nth-child(8),
  .productlist .mainslider ~ .prodcard:nth-child(9) {
    order: -2;
  }
}

@media (min-width: 1280px) {
  .productlist .mainslider ~ .prodcard:nth-child(10),
  .productlist .mainslider ~ .prodcard:nth-child(11),
  .productlist .mainslider ~ .prodcard:nth-child(12),
  .productlist .mainslider ~ .prodcard:nth-child(13) {
    order: -2;
  }
}

.prodcard {
  position: relative;
  padding: 1rem 2rem 2rem;
  box-sizing: border-box;
  border: 1px solid var(--prodcard-border);
  background-color: var(--prodcard-bg);
  color: var(--prodcard-color);
  border-radius: var(--br);
  display: flex;
  flex-direction: column;
  min-width: 0;
  transition: box-shadow 0.3s;
  min-width: 20rem;
  container-type: inline-size;
}

@media (min-width: 768px) {
  .prodcard:focus-within,
  .prodcard:hover {
    box-shadow: var(--bs15);
  }
}

.prodcard.m-outofstock > * {
  transition: opacity 0.2s;
  opacity: 0.5;
}

.prodcard.m-outofstock:focus-within > *,
.prodcard.m-outofstock:hover > * {
  opacity: 1;
}

.prodcard.m-outofstock .prodcard__btn {
  width: 100%;
}

.prodcard.m-outofstock .prodcard__actions::after {
  display: none;
}

.prodcard.m-outofstock .prodcard__pic {
  height: 23.4rem;
}

.prodcard.m-outofstock .prodcard__name {
  margin-bottom: 0.5rem;
}

.prodcard.m-outofstock .actions {
  min-height: 0;
}

.prodcard.m-outofstock .prodcard__bottom {
  align-items: center;
}

.prodcard__pic {
  position: relative;
  height: 25.2rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 0 0 1.8rem;
}

.prodcard__img-triggers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -0.8rem;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
  transition: opacity 0.2s;
}

.prodcard__img-trigger {
  flex: 1 1 0;
  z-index: 1;
  position: relative;
}

.prodcard:hover .prodcard__img-triggers,
.touchable .prodcard__img-triggers {
  opacity: 1;
}

.prodcard__img-dots {
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem 0.7rem;
  z-index: 2;
  pointer-events: none;
}

.prodcard:has(.prodcard__image:first-child:last-child) .prodcard__img-dots {
  display: none;
}

.prodcard__img-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  transition: background 0.3s;
  background-color: var(--prodcard-border);
}

.prodcard__img-dot.m-active {
  background-color: var(--primary);
}

.prodcard__img-holder {
  position: absolute;
  top: 0;
  right: -1rem;
  bottom: 0;
  left: -1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodcard__image {
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.prodcard__image.m-active {
  display: flex;
}

.prodcard__image-img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  margin: 0 auto;
}

@container (width < 21rem) {
  .prodcard__middle {
    margin-inline: -0.5rem;
  }
}

.prodcard__name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  color: var(--prodcard-color);
  text-decoration: none;
  margin: 0 0 0.8rem;
}

.prodcard__name:focus,
.prodcard__name:hover {
  color: var(--cl-blue);
}

.prodcard__moreinfo {
  display: none;
}

@media (min-width: 1280px) {
  .prodcard__moreinfo {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
}

.prodcard__moreinfo-row {
  display: flex;
  gap: 1rem;
  align-items: center;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.prodcard__moreinfo-row:not(:last-child) {
  margin-bottom: 1rem;
}

.prodcard__moreinfo-title {
  color: var(--prodcard-color-second);
}

.prodcard__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.8rem 0.4rem;
  flex: 1;
  align-items: flex-end;
}

@container (width < 21rem) {
  .prodcard__bottom {
    margin-inline: -0.5rem;
  }
}

.prodcard__price {
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  gap: 0.3em;
}

@container (width < 21rem) {
  .prodcard__price {
    gap: 0.2em;
    font-size: 1.9rem;
  }
}

.prodcard__discount {
  color: var(--primary);
}

@container (width < 22rem) {
  .prodcard__discount {
    font-size: 1.4rem !important;
  }
}

.prodcard__status {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  white-space: normal;
  max-width: 11rem;
  color: var(--prodcard-color-status);
}

.prodcard__status.m-yes {
  color: var(--primary);
}

.prodcard__status.m-yes::before {
  content: "";
  width: 1.2rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask-size: 1.2rem 1rem;
  mask-size: 1.2rem 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--ico-tick);
  mask-image: var(--ico-tick);
  flex: none;
}

.prodcard__actions {
  flex: 1;
  flex-wrap: wrap;
}

.prodcard__actions::after,
.prodcard__actions::before {
  content: "";
  width: 0;
  height: 0;
}

@container (width < 25rem) {
  .prodcard__actions {
    justify-content: space-around !important;
    max-width: 7rem;
  }

  .prodcard__actions::after,
  .prodcard__actions::before {
    display: none;
  }
}

.prodcard__btn-text-nw {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@container (width < 21rem) {
  .prodcard__btn {
    padding-inline: 0.8rem;
  }
}

.prodcard__btn-text {
  display: none;
}

.actions {
  --prodcard-actions-color: var(--prodcard-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.8rem;
  box-sizing: border-box;
}

.actions__holder {
  flex-shrink: 0;
  position: relative;
}

.actions__holder:has(:focus) {
  z-index: 1;
}

.actions__tooltip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 1.2rem);
  white-space: nowrap;
  background-color: var(--cl-white);
  border-radius: 0.5rem;
  box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.15);
  padding: 1.1rem 1.4rem;
  text-align: center;
  text-decoration: none;
  --link-color: var(--cl-text);
  transition-property: transform, opacity, visibility;
  transition-duration: 0.3s;
}

.actions__tooltip:not(.m-active) {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 1.6rem);
}

#viewtype-list:checked
~ *
.actions__holder
+ .actions__holder
.actions__tooltip,
.m-outofstock .actions__holder + .actions__holder .actions__tooltip {
  right: -3rem;
  left: auto;
  transform: translateX(0);
}

.actions__item {
  color: var(--prodcard-actions-color);
  transition: color 0.3s;
  flex-shrink: 0;
}

.actions__item.m-active,
.actions__item:hover {
  --prodcard-actions-color: var(--primary);
}

.actions__item-ico {
  width: 1.8rem;
  height: 1.8rem;
  fill: none;
  stroke: currentColor;
}

.actions__item_compare .actions__item-ico {
  fill: currentColor;
  stroke: none;
}

.actions__item_like.m-active .actions__item-ico {
  fill: currentColor;
}

@media (min-width: 768px) {
  #viewtype-list:checked ~ * .productlist {
    grid-template-columns: [start] 1fr [end];
  }

  #viewtype-list:checked ~ * .productlist .prodcard {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    padding: 2rem;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__top {
    align-self: center;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__pic {
    width: 21.6rem;
    height: 15.7rem;
    flex-shrink: 0;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__middle {
    flex: 1;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__name {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.9rem;
    margin: 0 0 2.5rem;
    display: block;
  }
}

@media (min-width: 768px) and (min-width: 1280px) {
  #viewtype-list:checked ~ * .productlist .prodcard__name {
    margin-bottom: 3.7rem;
  }
}

@media (min-width: 768px) {
  #viewtype-list:checked ~ * .productlist .prodcard__moreinfo {
    display: block;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__bottom {
    min-width: 14rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    flex: 0;
    align-items: flex-end;
    justify-content: space-between;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__actions {
    order: -1;
    flex: 0;
    padding: 0.5rem 0;
    gap: 4.8rem;
    min-height: 0;
    --prodcard-actions-color: var(--prodcard-color-second);
  }

  #viewtype-list:checked ~ * .productlist .prodcard__actions::after,
  #viewtype-list:checked ~ * .productlist .prodcard__actions::before {
    display: none;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__statusprice {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__btn {
    align-self: flex-end;
    min-width: 11.5rem;
    width: -moz-min-content;
    width: min-content;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__btn.btn_gray {
    font-size: 1.3rem;
    line-height: 1.1;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__btn.btn_gray,
  #viewtype-list:checked
  ~ *
  .productlist
  .prodcard__btn.btn_gray
  .prodcard__btn-text-nw {
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
  }

  #viewtype-list:checked ~ * .productlist .prodcard__btn-text {
    display: block;
  }
}

.catalog {
  position: relative;
  --filter-pad: 1.5rem;
  --filter-pad-top: 2rem;
  --filter-width: 100%;
}

@media (min-width: 576px) {
  .catalog {
    --filter-width: 30rem;
  }
}

@media (min-width: 768px) {
  .catalog {
    --filter-pad: 2rem;
  }
}

@media (min-width: 1280px) {
  .catalog {
    display: grid;
    grid-template-columns: 1fr calc(30rem - var(--sidegap));
    gap: 2.5rem;
  }
}

.catalog__filter-check {
  position: fixed;
}

.catalog__filter {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 47;
  background: var(--overlay);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  display: flex;
  justify-content: flex-end;
}

.catalog__filter form {
  display: block;
  position: relative;
  height: 100%;
}

@media (max-width: 575.98px) {
  .catalog__filter form {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .catalog__filter {
    position: relative;
    background: 0 0;
    left: auto;
    top: auto;
    height: auto;
    right: auto;
    z-index: auto;
    opacity: 1;
    visibility: visible;
    order: 2;
    top: -2rem;
    margin-right: var(--sidegap-n);
    background-color: var(--filter-bg);
  }
}

.catalog__filter-overlay-trigger {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 1280px) {
  .catalog__filter-overlay-trigger {
    display: none;
  }
}

.catalog__filter-inner {
  position: relative;
  background-color: var(--filter-bg);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s;
  padding: var(--filter-pad-top) var(--filter-pad) var(--filter-pad);
  box-sizing: border-box;
  width: var(--filter-width);
}

@media (max-width: 1279.98px) {
  .catalog__filter-inner {
    overflow: auto;
  }
}

@media (min-width: 1280px) {
  .catalog__filter-inner {
    width: var(--filter-width);
    height: auto;
    transform: none;
  }
}

.catalog #show-filter:checked ~ .catalog__filter {
  opacity: 1;
  visibility: visible;
}

.catalog #show-filter:checked ~ .catalog__filter .catalog__filter-inner {
  transform: translateX(0);
}

.catalog__filter-trigger {
  cursor: pointer;
  display: block;
  position: relative;
  color: var(--primary);
  transition: color 0.3s;
}

.catalog__filter-trigger:hover {
  color: var(--primary-hover);
}

@media (min-width: 1280px) {
  .catalog__filter-trigger {
    display: none;
  }
}

.catalog__filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: calc(-1 * var(--filter-pad-top)) 0 1.5rem;
  padding: var(--filter-pad-top) 0 1rem;
  gap: 1.5rem;
  background: inherit;
  position: sticky;
  top: calc(-1 * var(--filter-pad-top));
  z-index: 2;
}

@media (min-width: 1280px) {
  .catalog__filter-head {
    top: auto;
    position: relative;
  }
}

@media (min-width: 1280px) {
  .catalog__filter-reset {
    order: 2;
  }
}

.catalog__filter-title {
  margin: 0;
  flex: 1;
}

.catalog__filter-close {
  width: 1.8rem;
  height: 1.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1280px) {
  .catalog__filter-close {
    display: none;
  }
}

.catalog__filter-close-ico {
  width: 1.8rem;
  height: 1.8rem;
  fill: none;
  stroke: var(--text);
}

.catalog__filter-body {
  flex: 1;
}

.catalog__filter-foot {
  padding: var(--filter-pad) 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  position: sticky;
  bottom: calc(-1 * var(--filter-pad));
  margin: 0 0 calc(-1 * var(--filter-pad));
  z-index: 2;
}

@media (min-width: 1280px) {
  .catalog__filter-foot {
    bottom: 0;
    display: none;
  }
}

.catalog__head {
  display: flex;
  flex-direction: column;
  gap: 2.5rem 2rem;
  margin: 0 0 3.5rem;
}

@media (max-width: 767.98px) {
  .catalog__head {
    gap: 1rem 2rem;
    margin: 0 0 1rem;
  }
}

@media (min-width: 1280px) {
  .catalog__head {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.catalog__head-top {
  display: flex;
  gap: 0.5rem 2rem;
}

@media (max-width: 767.98px) {
  .catalog__head-top {
    flex-direction: column;
  }
}

.catalog__title-holder {
  min-width: 9.2rem;
}

.catalog__title + * {
  margin-top: 1rem;
}

.catalog__title_search {
  color: var(--text-secondary);
}

.catalog__title-highlight {
  color: var(--text);
  word-break: break-word;
}

.catalog__subtitle {
  color: var(--text-secondary);
}

.catalog__tags {
  flex: 1;
  min-width: 20.3rem;
  align-self: flex-start;
  display: flex;
  align-items: center;
  min-height: 2.9rem;
}

@media (max-width: 767.98px) {
  .catalog__tags {
    flex: 0;
    width: 100%;
    overflow: auto;
    margin: 0.5rem var(--sidegap-n) -0.8rem;
    padding: 0 var(--sidegap);
    padding-bottom: 0.8rem;
    margin-inline: var(--sidegap-n);
    padding-inline: var(--sidegap);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .catalog__tags::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .catalog .tags__list {
    flex-wrap: nowrap;
  }

  .catalog .tags__tag {
    white-space: nowrap;
  }
}

.catalog__sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  flex-shrink: 0;
}

.catalog__sort-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 2rem;
}

.container .page-head {
  margin: 0 0 2.4rem;
}

.container .catalog__list {
  display: grid;
  gap: 0 2.4rem;
}

@media (min-width: 768px) {
  .container .catalog__list {
    gap: 2.4rem;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  }
}

.container .catalog__item {
  position: relative;
  display: flex;
}

@media (max-width: 767.98px) {
  .container .catalog__item {
    border-top: 1px solid var(--border-color);
    box-sizing: border-box;
    padding: 2.4rem 0;
  }
}

@media (min-width: 768px) {
  .container .catalog__item {
    max-height: 59rem;
    overflow: hidden;
  }

  .container .catalog__item:hover {
    z-index: 2;
    flex-direction: column;
    overflow: visible;
  }

  .container .catalog__item:hover .prod-card {
    border-color: var(--primary);
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
  }
}

.container .prod-card {
  --link-color: var(--text);
  width: 100%;
  box-sizing: border-box;
  flex: 1;
  border-radius: var(--br);
  transition-property: border-color, box-shadow;
  transition-duration: 0.3s;
}

@media (min-width: 768px) {
  .container .prod-card {
    border: 1px solid var(--border-color);
    padding: 2.4rem 1.6rem;
    box-sizing: border-box;
    background-color: var(--bg);
  }
}

.container .prod-card a {
  text-decoration: none;
}

.container .prod-card__pict {
  height: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.6rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: var(--br);
  background-color: var(--cl-white);
}

@media (min-width: 768px) {
  .container .prod-card__pict {
    height: 24rem;
  }
}

.container .prod-card__pict picture {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .prod-card__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.container .prod-card__desc {
  margin: 0 0 2.4rem;
}

.container .prod-card__title {
  text-align: center;
}

.container .prod-card ul {
  margin: 0;
}

.filter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.filter__block {
  position: relative;
  padding: 1.9rem 2.4rem;
  border-radius: var(--br);
  background-color: var(--filter-block-bg);
  color: var(--filter-color);
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
  transition: border 0.2s;
}

.filter__block.m-highlight {
  border-color: var(--primary);
}

.filter__search {
  padding: 0;
}

.filter__search-input {
  border-radius: var(--br);
  border: none;
  padding: 1.9rem 2.4rem;
  background-color: var(--filter-block-bg);
  color: var(--filter-color);
  outline: 0;
}

.filter__block-trigger {
  --extend-size: -2rem -2.4rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  padding-right: 1.4rem;
}

.filter__block.m-active .filter__block-trigger {
  --extend-size: -2rem -2.4rem -0.7rem;
}

.filter__block-trigger::after {
  content: "";
  background-color: var(--cl-gray-300);
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-mask-size: 0.8rem 0.5rem;
  mask-size: 0.8rem 0.5rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%23676767' d='m1 .5 3 3 3-3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%23676767' d='m1 .5 3 3 3-3'/%3E%3C/svg%3E");
}

.filter__title {
  margin: 0;
}

.filter__selected {
  border-radius: 50%;
  background-color: var(--primary);
  color: var(--inverted);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -0.8rem 0;
  flex-shrink: 0;
  text-align: center;
}

.filter__content-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition-property: grid-template-rows, padding;
  transition-duration: 0.2s;
}

.filter__block.m-active .filter__content-wrapper {
  grid-template-rows: 1fr;
  padding-top: 1rem;
}

.filter__content {
  overflow: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
}

.filter__block.js_toggle:not(.m-active) .filter__content {
  visibility: hidden;
  opacity: 0;
}

.filter__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.1rem;
}

.filter__field-holder {
  position: relative;
}

.filter__field-holder + .filter__field-holder::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 0.3rem;
  width: 0.5rem;
  height: 1px;
  background-color: var(--cl-gray-300);
}

.filter__field-label {
  color: var(--filter-label-color);
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.filter__field-label ~ .filter__field {
  padding-left: 3rem;
}

.filter__field {
  background-color: var(--filter-input-bg);
  outline: 0;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 1.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  height: 4.8rem;
  color: var(--filter-input-color);
}

@media (max-width: 767.98px) {
  .filter__field {
    font-size: 1.6rem;
    line-height: 1;
  }
}

.filter__items {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin: -0.3rem 0;
  max-height: calc(2.8rem * var(--filter-items-max, 8));
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #cdcdcd transparent;
}

.filter__items::-webkit-scrollbar {
  width: 0.6rem;
}

.filter__items::-webkit-scrollbar-track {
  background: 0 0;
}

.filter__items::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 0.3rem;
}

.filter__items::-webkit-scrollbar-thumb:hover {
  background-color: #c3c3c3;
}

.filter__item {
  display: flex;
  cursor: pointer;
  padding: 0.3rem 0;
}

.filter__item-text {
  color: var(--filter-color);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.filter__item-text-howmany {
  color: var(--filter-color-secondary);
}

.range__slider {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  margin-top: 1rem;
}

.range .noUi-target {
  background: 0 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.range .noUi-handle {
  border: none;
  border-radius: 0.3rem;
  background: var(--primary);
  box-shadow: none;
  cursor: grab;
}

.range .noUi-handle::after,
.range .noUi-handle::before {
  display: none;
}

.range .noUi-handle::before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  background: 0 0;
  border: none;
  box-shadow: none;
  outline: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.range .noUi-horizontal {
  height: 0.8rem;
}

.range .noUi-horizontal .noUi-handle {
  width: 0.8rem;
  height: 0.8rem;
  right: -0.4rem;
  top: 0;
}

.range .noUi-connects {
  background: 0 0;
  width: auto;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}

.range .noUi-connects:before {
  content: "";
  height: 0.2rem;
  position: absolute;
  top: 0.3rem;
  left: 0;
  right: 0;
  background-color: var(--border-color);
}

.range .noUi-connect {
  background: 0 0;
}

.range .noUi-connect:before {
  content: "";
  height: 0.2rem;
  position: absolute;
  top: 0.3rem;
  left: 0;
  right: 0;
  background: var(--primary);
  opacity: 1;
}

.viewtype {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.viewtype__trigger {
  width: 1.6rem;
  height: 1.6rem;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}

.viewtype__trigger_grid .viewtype__trigger-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Crect width='5' height='5' x='1.5' y='1.5' fill='%239DBD49' rx='2'/%3E%3Crect width='5' height='5' x='9.5' y='1.5' fill='%239DBD49' rx='2'/%3E%3Crect width='5' height='5' x='1.5' y='9.5' fill='%239DBD49' rx='2'/%3E%3Crect width='5' height='5' x='9.5' y='9.5' fill='%239DBD49' rx='2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Crect width='5' height='5' x='1.5' y='1.5' fill='%239DBD49' rx='2'/%3E%3Crect width='5' height='5' x='9.5' y='1.5' fill='%239DBD49' rx='2'/%3E%3Crect width='5' height='5' x='1.5' y='9.5' fill='%239DBD49' rx='2'/%3E%3Crect width='5' height='5' x='9.5' y='9.5' fill='%239DBD49' rx='2'/%3E%3C/svg%3E");
}

.viewtype__trigger_list .viewtype__trigger-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23DDE1E6' d='M0 2h2v2H0zM4 2h12v2H4zM0 7h2v2H0zM0 12h2v2H0zM4 7h12v2H4zM4 12h12v2H4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23DDE1E6' d='M0 2h2v2H0zM4 2h12v2H4zM0 7h2v2H0zM0 12h2v2H0zM4 7h12v2H4zM4 12h12v2H4z'/%3E%3C/svg%3E");
}

.viewtype__trigger:hover .viewtype__trigger-ico {
  background-color: var(--primary);
}

.viewtype__trigger-ico {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--cl-gray-200);
  position: relative;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  transition: background 0.3s;
}

#viewtype-list:not(:checked)
~ *
.viewtype__trigger_grid
.viewtype__trigger-ico {
  background-color: var(--primary);
}

#viewtype-list:checked ~ * .viewtype__trigger_list .viewtype__trigger-ico {
  background-color: var(--primary);
}

.sort__select-holder {
  position: relative;
  color: var(--text);
}

.sort__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: var(--sort-select-bg);
  border-radius: var(--br);
  color: var(--text);
  box-sizing: border-box;
  padding: 0.8rem 3rem 0.8rem 1rem;
  height: 3rem;
  transition: all 0.3s;
  display: block;
  width: 100%;
  cursor: pointer;
  outline: 0;
}

.sort__select:focus,
.sort__select:hover {
  background-color: var(--sort-select-bg-hover);
}

.sort__select option {
  font-size: 1.4rem;
}

.sort__select option:not(:checked) {
  background-color: var(--bg);
}

.sort__ico {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s;
  background-color: currentColor;
  -webkit-mask-size: 1rem 0.8rem;
  mask-size: 1rem 0.8rem;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none' viewBox='0 0 10 8'%3E%3Cpath stroke='%231C2A50' d='M4.55 7H0m7.27-3H0m10-3H0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none' viewBox='0 0 10 8'%3E%3Cpath stroke='%231C2A50' d='M4.55 7H0m7.27-3H0m10-3H0'/%3E%3C/svg%3E");
  pointer-events: none;
}

.sort:has([data-ico="asc"]:checked) .sort__ico {
  transform: scaleY(-1);
}

.tags {
  position: relative;
}

@media (max-width: 991.98px) {
  body:not(.mousable) .tags_donowrap .tags__list {
    flex-wrap: nowrap;
    overflow: auto;
    margin-inline: var(--sidegap-n);
    padding-inline: var(--sidegap);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  body:not(.mousable) .tags_donowrap .tags__list::-webkit-scrollbar {
    display: none;
  }

  body:not(.mousable) .tags_donowrap .tags__label,
  body:not(.mousable) .tags_donowrap .tags__tag {
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .tags__showmore-check:not(:checked)
  ~ *
  .tags__item:nth-child(8)
  ~ :not(.tags__item_more) {
    display: none;
  }
}

@media (min-width: 768px) {
  .tags__showmore-check:checked ~ * .tags__item_more {
    display: none;
  }
}

.tags__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tgas-gap, 0.3rem);
}

.tags__item {
  display: flex;
}

.tags__tag {
  color: var(--_tag-color, var(--tag-color));
  background-color: var(--_tag-bg, var(--tag-bg));
  box-sizing: border-box;
  padding: var(--tag-pad, 0.4rem 0.9rem);
  border: 1px solid var(--_tag-border, var(--tag-border));
  border-radius: var(--br);
  text-decoration: none !important;
  transition: border 0.3s,
  background-color 0.3s,
  color 0.3s;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.tags__tag:focus,
.tags__tag:hover {
  --_tag-color: var(--_tag-color-hover, var(--tag-color-hover));
  --_tag-border: var(--_tag-border-hover, var(--primary));
  --_tag-bg: var(--_tag-bg-hover, var(--tag-bg));
}

.tags__tag.m-active {
  --_tag-color: var(--_tag-color-active, var(--tag-color-active));
  --_tag-border: var(--_tag-border-active, var(--primary));
  --_tag-bg: var(--_tag-bg-active, var(--tag-bg));
}

.tags__tag_more {
  --_tag-border: transparent;
  --_tag-bg: var(--tag-more-bg);
  --_tag-border-active: transparent;
  --_tag-bg-active: var(--tag-more-bg-hover);
}

@media (max-width: 767.98px) {
  .tags__tag_more {
    display: none;
  }
}

.tags__tag:focus-visible {
  --btn-bg: var(--primary);
}

.tags__color {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: var(--tc-color);
}

.tags__color_lightborder {
  border: 1px solid var(--tag-lightborder);
}

.tags__color_darkborder {
  border: 1px solid var(--tag-darkborder);
}

.tags_md {
  --tgas-gap: 1rem;
  --tag-pad: 0.9rem 1.9rem;
  --_tag-border: transparent;
  --_tag-bg: var(--bg-gray);
  --_tag-border-hover: var(--primary);
  --_tag-bg-hover: var(--bg-gray);
  --_tag-border-active: transparent;
  --_tag-bg-active: var(--primary);
  --_tag-color-active: var(--cl-white);
}

.tags_lg {
  --tgas-gap: 1rem;
  --tag-pad: 1.1rem 1.9rem;
  --_tag-border: var(--border-color-light);
  --_tag-bg: transparent;
  --_tag-border-hover: var(--secondary);
  --_tag-border-active: var(--secondary);
  --_tag-bg-active: transparent;
}

.tags_lg .tags__tag.m-active {
  --_tag-color: var(--cl-white);
  --_tag-bg-active: var(--secondary);
}

.product {
  position: relative;
  display: grid;
  gap: 1rem;
  align-items: start;
}

@media (max-width: 767.98px) {
  .section__head + .product {
    margin-top: -2rem;
  }
}

@media (min-width: 992px) {
  .product {
    gap: 5rem;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1600px) {
  .product {
    grid-template-columns: 50rem 1fr 41.8rem;
  }
}

.product__photo {
  min-width: 0;
}

.product__about {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 992px) and (max-width: 1599.98px) {
  .product__about {
    grid-column: span 2;
  }
}

@media (max-width: 1599.98px) {
  .product__about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

@media (max-width: 991.98px) {
  .product__about {
    display: none;
  }
}

.product__info {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (max-width: 1599.98px) {
  .product__descr {
    order: -1;
  }
}

.product__controls {
  border: 1px solid var(--border-color);
  border-radius: var(--br);
}

@media (min-width: 1600px) {
  .product__controls {
    order: 3;
  }
}

.product__controls-box {
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product__controls-box + .product__controls-box {
  border-top: 1px solid var(--border-color);
}

@media (min-width: 768px) {
  .product__controls-box {
    padding: 2rem 2.5rem;
  }
}

.product__price {
  white-space: nowrap;
}

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

.product__buy-btn {
  flex: 1;
}

.product__options {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product__options-label {
  margin: 0 0 0.5rem;
}

.product__control-btns {
  display: flex;
  gap: 2rem;
}

.product__control-btns .btn {
  flex: 1;
}

.product__note {
  padding: 2rem;
  background-color: var(--border-color);
  max-width: var(--prod-tech-maxw);
  box-sizing: border-box;
}

* + .product__note,
.product__note + * {
  margin-top: 3rem;
}

@media (min-width: 768px) {
  * + .product__note,
  .product__note + * {
    margin-top: 5rem;
  }
}

.prodinfolist {
  padding: 1rem 0;
  display: grid;
  gap: 1.2rem;
}

.prodinfolist a {
  text-decoration: none;
}

.prodinfolist__item {
  display: flex;
}

.prodinfolist__item.m-special {
  margin-top: 1rem;
}

.prodinfolist__item.m-special a {
  color: var(--secondary);
}

.pspecs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

* + .pspecs,
.pspecs + * {
  margin-top: 1rem;
}

.pspecs__item {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}

.pspecs__name {
  color: var(--text-secondary);
}

.prodslider {
  background-color: var(--cl-white);
  border-radius: var(--br);
  overflow: hidden;
  padding-top: 1.6rem;
  margin-top: -1.6rem;
}

@media (max-width: 767.98px) {
  .prodslider__slider {
    padding-bottom: 2.4rem;
  }
}

.prodslider__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodslider__pic {
  display: block;
  height: 45rem;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .prodslider__pic {
    height: 50rem;
  }
}

.prodslider__pic-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.prodslider__thumbs-wrapper {
  position: relative;
  width: 100%;
  margin: 2rem auto;
  padding: 2rem;
  height: 11rem;
  box-sizing: border-box;
  padding: 2rem 7rem;
}

@media (max-width: 767.98px) {
  .prodslider__thumbs-wrapper {
    display: none;
  }
}

.prodslider__arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.prodslider__arrow {
  pointer-events: auto;
  width: 6.4rem;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.prodslider__arrow.swiper-button-disabled {
  opacity: 0.2;
}

.prodslider__arrow-ico {
  width: 1.5rem;
  height: 2.6rem;
  stroke: var(--secondary);
  fill: none;
}

.prodslider__slider-pagination {
  --swiper-pagination-bottom: 1rem;
  --swiper-pagination-top: auto;
  --swiper-pagination-bullet-horizontal-gap: 0.8rem;
  --swiper-pagination-bullet-size: 0.4rem;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--cl-gray);
}

@media (min-width: 768px) {
  .prodslider__slider-pagination {
    display: none !important;
  }
}

.thumbs__slide {
  cursor: pointer;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thumbs__pic {
  display: inline-block;
  width: auto;
  height: 7rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: 1rem;
  border: 1px solid transparent;
  transition: border 0.2s;
}

.swiper-slide-thumb-active .thumbs__pic {
  border-color: var(--cl-gray);
}

.thumbs__pic-img {
  width: auto;
  height: 100%;
}

.tabs__tags {
  display: flex;
  justify-content: center;
  margin: 0 0 2rem;
}

.tabs__select {
  margin: 0 var(--sidegap-n) 2rem;
  position: relative;
  display: flex;
  gap: 1.5rem;
  overflow: auto;
  padding: 0 var(--sidegap) 1rem;
  scrollbar-width: thin;
}

@media (min-width: 1280px) {
  .tabs__select {
    gap: 3rem;
  }
}

.tabs__select-item {
  display: flex;
}

@media (max-width: 991.98px) {
  .tabs__select-item_acc {
    display: none;
  }
}

@media (min-width: 992px) {
  .tabs__select-item_acc {
    order: -1;
  }
}

@media (max-width: 991.98px) {
  .tabs__select-item_about {
    order: -1;
  }
}

.tabs__select-trigger {
  color: var(--tabs-trigger);
  display: block;
  white-space: nowrap;
  transition: color 0.3s;
}

@media (min-width: 992px) and (max-width: 1279.98px) {
  .tabs__select-trigger {
    font-size: clamp(2rem, 2.2vw, 2.5rem);
  }
}

.tabs__select-trigger.m-active,
.tabs__select-trigger:hover {
  color: var(--tabs-trigger-primary);
}

.tabs__tabs {
  position: relative;
}

.tabs__tab:not(.m-active) {
  position: absolute;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 991.98px) {
  .tabs__tab_acc {
    position: relative !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    margin-top: 4rem;
  }
}

@media (max-width: 767.98px) {
  .tabs__tab_acc .productlist {
    display: flex;
    overflow: auto;
    margin-inline: var(--sidegap-n);
    padding-inline: var(--sidegap);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .tabs__tab_acc .productlist::-webkit-scrollbar {
    display: none;
  }

  .tabs__tab_acc .prodcard {
    min-width: 27rem;
  }
}

.tabs__tab-title {
  display: none;
  margin: 0 0 1.5rem;
}

@media (min-width: 768px) {
  .tabs__tab-title {
    margin-bottom: 3rem;
  }
}

@media (max-width: 991.98px) {
  .tabs__tab_acc .tabs__tab-title {
    display: block;
  }
}

* + .acclist__tags,
.acclist__tags + * {
  margin-top: 3rem;
}

.acclist__tags + .acclist__tags {
  margin-top: 1.5rem;
}

.textoverflow__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--textoverlow-rows, 8);
}

@media (min-width: 768px) {
  .textoverflow__text {
    display: block;
    -webkit-line-clamp: initial;
  }
}

.textoverflow.m-expanded .textoverflow__text {
  display: block;
  -webkit-line-clamp: initial;
}

.textoverflow__trigger {
  margin-top: 1em;
  display: none;
}

.textoverflow__trigger::before {
  content: attr(data-show);
}

@media (min-width: 768px) {
  .textoverflow__trigger {
    display: none;
  }
}

.textoverflow.m-expanded .textoverflow__trigger::before {
  content: attr(data-hide);
}

.textoverflow.m-expandable .textoverflow__trigger {
  display: flex;
}

.amount {
  display: flex;
  align-items: center;
  height: 4.5rem;
  width: 7.2rem;
  position: relative;
  flex-shrink: 0;
}

.amount::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1.1rem;
  height: 1px;
  width: 1.6rem;
  transform: translateX(-50%);
  background-color: var(--border-color);
}

.amount__input {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  color: var(--text);
  display: block;
  box-sizing: border-box;
  border: none;
  background: 0 0;
  box-shadow: none;
  outline: 0;
  width: 100%;
  text-align: center;
  padding: 0 1.4rem;
}

.amount__control {
  font-weight: 300;
  position: absolute;
  top: 0.8rem;
  bottom: 0.8rem;
  width: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  color: var(--secondary);
}

.amount__control_minus {
  left: 0;
}

.amount__control_plus {
  right: 0;
}

.cart {
  display: grid;
  gap: 3rem 4rem;
}

@media (min-width: 992px) {
  .cart {
    align-items: start;
    grid-template-columns: 1fr 40rem;
  }
}

@media (min-width: 1600px) {
  .cart {
    gap: 3rem 10rem;
  }
}

.cart__list {
  display: grid;
  gap: 5rem;
  padding: 2rem 0;
}

.cart__controls {
  display: grid;
  gap: 3rem;
}

@media (min-width: 992px) {
  .cart__controls {
    position: sticky;
    top: 2rem;
  }
}

.cart__total {
  background-color: var(--bg-gray);
  padding: 2rem 1.5rem;
  border-radius: var(--br);
}

@media (min-width: 768px) {
  .cart__total {
    padding: 2rem;
  }
}

@media (min-width: 992px) {
  .cart__total {
    order: -1;
  }
}

.cart__sticky {
  position: fixed;
  z-index: 5;
  bottom: var(--mobnav-height);
  left: 0;
  right: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-direction: row;
  background-color: var(--bg);
  padding: 1rem var(--sidegap);
}

@media (min-width: 768px) {
  .cart__sticky {
    display: none;
  }
}

.cart__sticky-total {
  color: var(--text-secondary);
  white-space: nowrap;
}

.cart__sticky-price {
  font-weight: 800;
  font-size: 3rem;
  white-space: nowrap;
}

.cart__sticky-btns {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.cart__sticky-btns .btn {
  flex: 1;
  padding-inline: 0.4rem;
}

.cart-prodcard {
  display: grid;
  grid-template-columns: 9.5rem 8rem 1fr;
  align-items: start;
  gap: 1.5rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cart-prodcard {
    grid-template-columns: 9.5rem auto max-content;
  }
}

@media (min-width: 1280px) {
  .cart-prodcard {
    grid-template-columns: 9.5rem auto 12rem 14rem;
  }
}

@media (min-width: 1600px) {
  .cart-prodcard {
    grid-template-columns: 9.5rem auto 12rem 14rem max-content;
  }
}

.cart-prodcard__pic {
  display: block;
  grid-row: span 3;
  background-color: rgba(0, 255, 0, 0.1);
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cart-prodcard__pic {
    grid-row: span 2;
  }
}

@media (min-width: 1280px) {
  .cart-prodcard__pic {
    grid-row: span 2;
  }
}

@media (min-width: 1600px) {
  .cart-prodcard__pic {
    grid-row: auto;
  }
}

.cart-prodcard__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.5rem;
  height: 9.5rem;
  position: relative;
  padding: 0.5rem;
  margin: -0.5rem;
  background-color: var(--cl-white);
  border-radius: 0.4rem;
  box-sizing: content-box;
}

.cart-prodcard__image-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.cart-prodcard__info {
  grid-column: span 2;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cart-prodcard__info {
    grid-column: auto;
  }
}

@media (min-width: 1280px) {
  .cart-prodcard__info {
    grid-column: auto;
  }
}

.cart-prodcard__id {
  color: var(--text-secondary);
  margin: 0 0 1.5rem;
}

@media (min-width: 1280px) {
  .cart-prodcard__id {
    margin-bottom: 0.5rem;
  }
}

.cart-prodcard__name {
  text-decoration: none;
  color: var(--text);
}

.cart-prodcard__amount {
  display: flex;
  align-items: center;
  height: 4.5rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cart-prodcard__amount {
    order: 3;
    justify-content: flex-end;
  }
}

@media (min-width: 1280px) {
  .cart-prodcard__amount {
    justify-content: flex-end;
  }
}

.cart-prodcard__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  height: 4.5rem;
}

.cart-prodcard__price-current {
  white-space: nowrap;
  text-align: right;
}

.cart-prodcard__controls {
  grid-column: span 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  height: 4.5rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cart-prodcard__controls {
    grid-column: auto;
  }
}

@media (min-width: 1280px) {
  .cart-prodcard__controls {
    grid-column: auto;
  }
}

@media (min-width: 1600px) {
  .cart-prodcard__controls {
    padding-left: 5.2rem;
  }
}

.cart-prodcard__controls .btn-link svg {
  transition: stroke 0.3s;
}

.cart-prodcard__controls .btn-link:not(:hover, :focus) {
  color: var(--text-secondary);
}

.cart-prodcard__controls .btn-link:not(:hover, :focus) svg {
  stroke: var(--border-color);
}

.cart-prodcard_nocontrols .cart-prodcard__pic {
  grid-row: span 2;
}

@media (min-width: 768px) {
  .cart-prodcard_nocontrols {
    grid-template-columns: 9.5rem auto auto max-content !important;
  }

  .cart-prodcard_nocontrols .cart-prodcard__id {
    margin-bottom: 0.5rem;
  }

  .cart-prodcard_nocontrols .cart-prodcard__info {
    grid-column: auto !important;
  }

  .cart-prodcard_nocontrols .cart-prodcard__pic {
    grid-row: auto !important;
  }

  .cart-prodcard_nocontrols .cart-prodcard__amount {
    order: initial !important;
    justify-content: center;
  }

  .cart-prodcard_nocontrols .cart-prodcard__price {
    padding-left: 1.5rem;
  }
}

.total {
  display: grid;
  gap: 2.5rem;
}

.total__title {
  color: var(--text-secondary);
  margin: 0 0 0.4rem;
}

.total__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  flex-wrap: wrap;
}

.total__price {
  white-space: nowrap;
}

.total__btns {
  display: grid;
}

.checkout__inner {
  display: grid;
  gap: 5rem 4rem;
}

@media (min-width: 992px) {
  .checkout__inner {
    align-items: start;
    grid-template-columns: 1fr 40rem;
  }
}

@media (min-width: 1280px) {
  .checkout__inner {
    gap: 5rem 7rem;
  }
}

.checkout__controls {
  display: grid;
  gap: 3rem;
}

.checkout__list {
  display: grid;
  gap: 2.5rem;
  background-color: var(--bg-gray);
  padding: 2rem 1.5rem;
  border-radius: var(--br);
}

@media (min-width: 768px) {
  .checkout__list {
    padding: 2rem;
  }
}

.checkout__order {
  background-color: var(--bg-gray);
  padding: 2rem 1.5rem;
  border-radius: var(--br);
}

.checkout__order,
.checkout__order > form {
  display: grid;
  gap: 5rem;
}

@media (min-width: 768px) {
  .checkout__order {
    padding: 2rem;
  }
}

.checkout__order-total {
  display: grid;
  gap: 2.5rem;
}

.checkout__order-btns {
  display: grid;
  gap: 1.6rem;
}

.checkout__order-btns .btn {
  --btn-bg-disabled: var(--cl-gray);
}

.checkout-prodcard {
  display: grid;
  grid-template-columns: 7rem auto max-content;
  align-items: start;
  gap: 1.5rem;
}

.checkout-prodcard__pic {
  display: block;
  background-color: rgba(0, 255, 0, 0.1);
}

.checkout-prodcard__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  position: relative;
  padding: 0.5rem;
  margin: -0.5rem;
  background-color: var(--cl-white);
  border-radius: 0.4rem;
  box-sizing: content-box;
}

.checkout-prodcard__image-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.checkout-prodcard__name {
  text-decoration: none;
  color: var(--text);
}

.checkout-prodcard__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.checkout-prodcard__price-current {
  white-space: nowrap;
}

.checkout-prodcard__amount {
  margin-top: 0.5rem;
}

.deliveryinfo {
  display: grid;
  gap: 2rem;
}

.deliveryinfo__item {
  display: grid;
  gap: 1rem;
}

.deliveryinfo__label {
  color: var(--text-secondary);
}

.deliveryinfo__val {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.checkoutform {
  display: grid;
  gap: 5rem;
}

.checkoutform__section {
  display: grid;
  gap: 2.5rem;
}

.checkoutform__inputsgroup {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

@media (min-width: 1280px) {
  .checkoutform__inputsgroup {
    max-width: 85.8rem;
  }
}

.checkoutform__inputsgroup .form__row {
  margin: 0 !important;
  width: 26.6rem;
}

.checkoutform__text {
  max-width: 58.4rem;
}

.order {
  display: grid;
  gap: 3rem 7rem;
}

@media (min-width: 992px) {
  .order {
    align-items: start;
    grid-template-columns: 1fr 40rem;
  }
}

.order__info {
  display: grid;
  gap: 5rem;
}

.order__head {
  display: grid;
  gap: 2.5rem;
}

@media (min-width: 768px) {
  .order__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.order__head-title {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.order__title-date {
  white-space: nowrap;
  color: var(--text-secondary);
}

.order__head-total .rouble {
  color: var(--text-secondary);
}

.order__list {
  display: grid;
  gap: 2.5rem;
}

.order__controls {
  display: grid;
  gap: 3rem;
}

@media (min-width: 992px) {
  .order__controls {
    position: sticky;
    top: 2rem;
  }
}

.order__note {
  background-color: var(--bg-gray);
  padding: 2rem 1.5rem;
  border-radius: var(--br);
  display: grid;
  gap: 3rem;
}

@media (min-width: 768px) {
  .order__note {
    padding: 2rem;
  }
}

@media (max-width: 767.98px) {
  .order__note-btns {
    display: grid;
  }
}

.order-prodcard {
  display: grid;
  grid-template-columns: 7rem auto auto;
  align-items: start;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .order-prodcard {
    grid-template-columns: 7rem auto max-content 20%;
  }
}

@media (min-width: 992px) {
  .order-prodcard {
    grid-template-columns: 7rem auto max-content 20%;
  }
}

@media (min-width: 1280px) {
  .order-prodcard {
    grid-template-columns: 7rem auto max-content 25%;
  }
}

@media (min-width: 1600px) {
  .order-prodcard {
    grid-template-columns: 7rem auto max-content 35%;
  }
}

.order-prodcard__pic {
  display: block;
  grid-row: span 2;
  background-color: rgba(0, 255, 0, 0.1);
}

@media (min-width: 768px) {
  .order-prodcard__pic {
    grid-row: auto;
  }
}

.order-prodcard__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  position: relative;
  padding: 0.5rem;
  margin: -0.5rem;
  background-color: var(--cl-white);
  border-radius: 0.4rem;
  box-sizing: content-box;
}

.order-prodcard__image-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.order-prodcard__info {
  grid-column: span 2;
  min-width: 0;
}

@media (min-width: 768px) {
  .order-prodcard__info {
    grid-column: auto;
  }
}

.order-prodcard__name {
  text-decoration: none;
  color: var(--text);
}

.order-prodcard__amount {
  display: flex;
}

@media (min-width: 768px) {
  .order-prodcard__amount {
    justify-content: center;
    padding-left: 2.4rem;
    text-align: right;
  }
}

.order-prodcard__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.order-prodcard__price-current {
  white-space: nowrap;
}

.order-prodcard__price-current .rouble {
  color: var(--text-secondary);
}

.ordspecs {
  display: grid;
  gap: 2.5rem 3rem;
}

@media (min-width: 768px) {
  .ordspecs {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ordspecs__title {
  margin: 0 0 1rem;
}

.ordspecs__list {
  display: grid;
  gap: 1rem;
}

.account {
  display: grid;
  gap: 8rem 4rem;
}

@media (min-width: 992px) {
  .account {
    align-items: start;
    grid-template-columns: 28rem 1fr;
    grid-template-columns: clamp(28rem, 27vw, 31.58rem) 1fr;
  }
}

@media (min-width: 1280px) {
  .account {
    gap: 8rem 7rem;
    align-items: start;
    grid-template-columns: 31.5rem 1fr;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .account__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .account__form > .form__row {
    margin: 0 !important;
  }

  .account__form .form__row_sepa,
  .account__form .form__row_twocols {
    grid-column: span 2;
  }
}

.account__profile {
  display: grid;
  gap: 3rem;
}

.account__profile-btns {
  display: grid;
}

.account__orders {
  display: grid;
  gap: 3rem;
}

.account__orders-list {
  display: grid;
  gap: 3rem;
}

.account__orders-btns {
  display: grid;
}

.account__order {
  background-color: var(--bg-gray);
  border-radius: var(--br);
  padding: 2rem 1.5rem;
  display: grid;
  gap: 5rem;
}

@media (min-width: 768px) {
  .account__order {
    padding: 3rem 2.5rem;
  }
}

.account__order-head {
  display: grid;
  gap: 2.5rem;
}

@media (min-width: 768px) {
  .account__order-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.account__order-head-title {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.account__order-title-date {
  white-space: nowrap;
  color: var(--text-secondary);
}

.account__order-head-total .rouble {
  color: var(--text-secondary);
}

.account__order-list {
  display: grid;
  gap: 2.5rem;
}

.account-prodcard {
  display: grid;
  grid-template-columns: 7rem auto auto;
  align-items: start;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .account-prodcard {
    grid-template-columns: 7rem auto max-content 20%;
  }
}

@media (min-width: 992px) {
  .account-prodcard {
    grid-template-columns: 7rem auto max-content 20%;
  }
}

@media (min-width: 1280px) {
  .account-prodcard {
    grid-template-columns: 7rem auto max-content 25%;
  }
}

@media (min-width: 1600px) {
  .account-prodcard {
    grid-template-columns: 7rem auto max-content 35%;
  }
}

.account-prodcard__pic {
  display: block;
  grid-row: span 2;
  background-color: rgba(0, 255, 0, 0.1);
}

@media (min-width: 768px) {
  .account-prodcard__pic {
    grid-row: auto;
  }
}

.account-prodcard__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  position: relative;
  padding: 0.5rem;
  margin: -0.5rem;
  background-color: var(--cl-white);
  border-radius: 0.4rem;
  box-sizing: content-box;
}

.account-prodcard__image-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.account-prodcard__info {
  grid-column: span 2;
  min-width: 0;
}

@media (min-width: 768px) {
  .account-prodcard__info {
    grid-column: auto;
  }
}

.account-prodcard__name {
  text-decoration: none;
  color: var(--text);
}

.account-prodcard__amount {
  display: flex;
}

@media (min-width: 768px) {
  .account-prodcard__amount {
    justify-content: center;
    padding-left: 2.4rem;
    text-align: right;
  }
}

.account-prodcard__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.account-prodcard__price-current {
  white-space: nowrap;
}

.account-prodcard__price-current .rouble {
  color: var(--text-secondary);
}

.specs {
  display: grid;
  gap: 3rem;
  max-width: var(--prod-tech-maxw);
}

@media (min-width: 768px) {
  .specs {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .specs {
    gap: 5rem;
  }
}

.specs__title {
  margin: 0 0 1.5rem;
}

.specs__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.specs__item {
  display: flex;
  justify-content: space-between;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  align-items: flex-end;
}

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

.specs__val {
  flex: 1;
  display: flex;
  align-items: flex-end;
  text-align: right;
  justify-content: flex-end;
}

.specs__val::before {
  content: "";
  display: block;
  flex: 1;
  margin: 0 1rem;
  border-top: 1px dashed var(--text-secondary);
  transform: translateY(-0.2rem);
}

@media (max-width: 767.98px) {
  .specs__list {
    gap: 0;
  }

  .specs__item {
    gap: 1rem;
    align-items: flex-start;
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding: 1rem 0;
  }

  .specs__item + .specs__item {
    border-top: 1px solid var(--border-color);
  }

  .specs__name {
    color: var(--text-secondary);
  }

  .specs__val {
    font-weight: 500;
  }

  .specs__val::before {
    display: none;
  }
}

.features {
  display: grid;
  grid-template-columns: repeat(var(--fea-cols, 1), 1fr);
  gap: var(--fea-gap, 1rem);
}

@media (min-width: 768px) {
  .features {
    --fea-cols: 3;
  }
}

.features__item {
  background-color: var(--fea-bg, none);
  display: flex;
  flex-direction: var(--fea-direction, column);
  align-items: var(--fea-align-items, center);
  text-align: var(--fea-text-align, center);
  gap: var(--fea-item-gap, 1rem);
  padding: var(--fea-padding, 2rem);
  box-sizing: border-box;
  border-radius: var(--br);
}

.features__ico {
  width: auto;
  height: var(--fea-ico-size, 5rem);
  flex-shrink: 0;
}

.features__name {
  min-height: var(--fea-name-mh, 0);
  display: flex;
  align-items: center;
}

.features_ext {
  --fea-gap: 2rem;
  --fea-bg: var(--bg-gray);
  --fea-item-gap: 1.5rem;
  --fea-ico-size: 8rem;
}

@media (min-width: 768px) {
  .features_ext {
    --fea-gap: 3rem;
    --fea-item-gap: 2.4rem;
  }
}

.features_hor {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  --fea-gap: 2rem;
  --fea-item-gap: 2.5rem;
  --fea-bg: var(--bg-gray);
  --fea-ico-size: 8rem;
  --fea-direction: row;
  --fea-name-mh: var(--fea-ico-size);
  --fea-text-align: left;
}

@media (min-width: 768px) {
  .features_hor {
    --fea-cols: 2;
  }
}

@media (min-width: 992px) {
  .features_hor {
    --fea-gap: 3rem;
  }
}

.features_notes {
  --fea-bg: var(--bg-gray);
  --fea-gap: 2.5rem;
  --fea-item-gap: 1rem;
  --fea-ico-size: 8rem;
  --fea-align-items: flex-start;
  --fea-text-align: left;
  --fea-padding: 2rem 1.5rem;
}

@media (min-width: 768px) {
  .features_notes {
    --fea-cols: 3;
    --fea-padding: 2.5rem;
  }
}

.features_notes_special {
  --fea-item-gap: 1.5rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .features_notes_special {
    --fea-cols: 1;
  }
}

@media (min-width: 768px) {
  .features_notes_special {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
  }
}

.brandhead {
  padding: 5rem 0;
  display: flex;
  align-items: center;
}

.brandhead__inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
  text-align: center;
}

.brandhead__logo {
  height: 5rem;
}

.brandhead__logo-pic {
  display: block;
  height: 100%;
  width: auto;
}

.brandhead__logo-img {
  height: 100%;
  width: auto;
}

.cattabs {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.cattabs__item {
  display: flex;
  flex: 1;
  min-width: 16rem;
}

@media (min-width: 768px) {
  .cattabs__item {
    min-width: 20.4rem;
  }
}

.cattabs__link {
  flex: 1;
  display: flex;
  background-color: var(--bg-gray);
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
  gap: 2rem;
  color: var(--text);
  text-decoration: none !important;
  box-sizing: border-box;
}

.cattabs__link:focus,
.cattabs__link:hover {
  color: var(--hcat-ico-color, var(--secondary));
}

.cattabs__pic {
  height: 4.5rem;
}

.cattabs__ico {
  display: block;
  height: 100%;
  width: auto;
  stroke: none;
}

.cattabs__ico,
.cattabs__ico path {
  fill: var(--hcat-ico-color, var(--secondary));
}

.articles__tags {
  margin: 0 0 3rem;
}

.artcard {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--border-color);
  background-color: var(--bg);
  color: var(--text);
  border-radius: var(--br);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s,
  color 0.3s;
  text-decoration: none !important;
}

.slider .artcard {
  width: 32.8rem;
  height: 100%;
}

.artcard:focus,
.artcard:hover {
  box-shadow: var(--bs15);
  color: var(--text);
}

.artcard__pic {
  margin: -1px -1px 0;
  display: block;
  position: relative;
  height: 28rem;
  overflow: hidden;
  border-radius: var(--br) var(--br) 0 0;
}

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

.artcard__title {
  display: block;
  padding: 3rem 2rem;
  min-height: 5.7rem;
}

.artlist {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(var(--artlist-cols, 1), 1fr);
}

@media (min-width: 768px) {
  .artlist {
    --artlist-cols: 2;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .artlist .artcard.m-wide {
    grid-column: span 2;
  }
}

@media (min-width: 1280px) {
  .artlist {
    --artlist-cols: 3;
  }
}

@media (min-width: 1600px) {
  .artlist {
    --artlist-cols: 4;
  }

  .artlist .artcard.m-wide {
    grid-column: span 2;
  }
}

.article {
  padding: 0 0 3rem;
}

.section__head + .article {
  margin-top: -2rem;
}

.article__hero {
  display: block;
  background-color: var(--bg-gray);
  width: 100%;
  height: 22rem;
  overflow: hidden;
  border-radius: var(--br);
  margin: 0 0 3rem;
}

@media (min-width: 768px) {
  .article__hero {
    height: 35rem;
  }
}

@media (min-width: 1280px) {
  .article__hero {
    height: 41.6rem;
  }
}

@media (max-width: 1599.98px) {
  .article__hero {
    margin-inline: var(--sidegap-n);
    border-radius: 0;
    width: auto;
  }
}

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

.article__content.textblock {
  margin: 0 auto;
}

.article__content > div:not([class]) {
  padding: 2rem;
  box-sizing: border-box;
  background-color: var(--art-plates-bg);
  border-radius: var(--br);
  margin-block: var(--tb-gap-mid);
}

.article__content > div:not([class]) + div:not([class]) {
  margin-top: calc(var(--tb-gap-mid) * -1 + 1rem);
}

.article__bottom {
  margin-block: auto;
  --tb-gap: 3rem;
  margin-top: 3rem;
  padding-top: 3rem;
  position: relative;
}

.article__bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 36rem;
  max-width: 100%;
  height: 1px;
  background-color: var(--border-color);
}

.article__tags {
  flex: 1;
  display: flex;
  align-items: flex-end;
  align-self: flex-start;
  margin: 3rem 0 0.8rem;
}

@media (min-width: 576px) {
  .article__tags {
    margin: 3rem 0 2.7rem;
  }
}

@media (min-width: 992px) {
  .article__tags {
    margin: 5rem 0 3.2rem;
  }
}

.article__tags + * {
  margin-top: 0 !important;
}

.article__tags-list {
  --link-color: var(--text-secondary);
  --link-color-hover: var(--primary);
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.article__tags-list a {
  text-decoration: none;
}

.article__author {
  color: var(--text-secondary);
  margin: 0.5rem 0;
}

.article__tools {
  padding: 1rem 0 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.2rem 4rem;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 3rem;
}

.article__tools time {
  margin: 0;
  color: var(--text-secondary);
}

.article__info {
  display: flex;
  align-items: center;
  gap: 1.2rem 4rem;
  flex-wrap: wrap;
  padding: 0.5rem 0;
}

@media (max-width: 575.98px) {
  .article__info {
    flex: 1;
  }
}

.article__controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.postarticle {
  padding-top: 0;
}

.postarticle__inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.postarticle__item {
  padding: 3rem;
  box-sizing: border-box;
  background-color: var(--postarticle-bg);
  border-radius: var(--br);
  box-shadow: 0 3rem 9rem rgba(28, 44, 56, 0.1);
}

.articles2__hero {
  margin: 0 0 2rem;
}

.articles2__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.articles2__list .artcard2:not(.artcard2_wide) {
  flex: 1;
}

@media (max-width: 1279.98px) {
  .articles2__list .artcard2:nth-child(4) ~ * {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .articles2__list .artcard2:nth-child(3) ~ * {
    display: none;
  }
}

.articles2__grid {
  display: grid;
  gap: 2rem;
}

@media (min-width: 992px) {
  .articles2__grid {
    grid-template-columns: 1fr 32rem;
  }
}

.articles2__category-tags,
.articles2__grid-tags {
  flex: 1;
  min-width: 20.3rem;
  align-self: flex-start;
  display: flex;
  align-items: center;
  min-height: 2.9rem;
}

.articles2__category-tags .tags__tag,
.articles2__grid-tags .tags__tag {
  --tag-pad: 0.9rem;
}

.articles2__category-tags .tags__tag:not(:focus):not(:hover),
.articles2__grid-tags .tags__tag:not(:focus):not(:hover) {
  --_tag-color: var(--cl-text-light);
  --_tag-bg: transparent;
  --_tag-border: currentColor;
}

.articles2__category-tags .tags__tag_more:not(:focus):not(:hover),
.articles2__grid-tags .tags__tag_more:not(:focus):not(:hover) {
  --_tag-border: transparent;
  --_tag-bg: var(--tag-more-bg);
  --_tag-border-active: transparent;
  --_tag-bg-active: var(--tag-more-bg-hover);
}

@media (max-width: 767.98px) {
  .articles2__category-tags,
  .articles2__grid-tags {
    flex: 0;
    width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .articles2__category-tags::-webkit-scrollbar,
  .articles2__grid-tags::-webkit-scrollbar {
    display: none;
  }

  .articles2__category-tags .tags__list,
  .articles2__grid-tags .tags__list {
    flex-wrap: nowrap;
  }

  .articles2__category-tags .tags__tag,
  .articles2__grid-tags .tags__tag {
    white-space: nowrap;
  }
}

@media (max-width: 991.98px) {
  .articles2__grid-tags {
    order: -1;
  }
}

.articles2__grid-trands {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

@media (min-width: 992px) {
  .articles2__grid-trands {
    grid-column: 2;
    grid-row: span 2;
  }
}

.articles2__grid-sections {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (max-width: 991.98px) {
  .articles2__grid-sections {
    display: contents;
  }
}

.articles2__grid-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (max-width: 991.98px) {
  .articles2__grid-section:first-child {
    order: -1;
  }
}

.articles2__grid-section-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.articles2__category {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.articles2__category-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.articles2__category-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
}

.articles2__category-list:has(.artcard2:nth-child(3):last-child),
.articles2__category-list:has(.artcard2:nth-child(3n + 2):last-child),
.articles2__category-list:has(.artcard2:nth-child(6n):last-child) {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.articles2__category-list:has(.artcard2:nth-child(3):last-child) .artcard2,
.articles2__category-list:has(.artcard2:nth-child(3n + 2):last-child) .artcard2,
.articles2__category-list:has(.artcard2:nth-child(6n):last-child) .artcard2 {
  flex: 1;
  min-width: 31rem;
}

@media (min-width: 992px) {
  .articles2__category-list:has(.artcard2:nth-child(3):last-child) .artcard2,
  .articles2__category-list:has(.artcard2:nth-child(3n + 2):last-child)
  .artcard2,
  .articles2__category-list:has(.artcard2:nth-child(6n):last-child) .artcard2 {
    max-width: calc(50% - 0.5rem);
  }
}

.artcard2 {
  --link-color: var(--text);
  --link-color-hover: var(--text);
  --_artcard2-p: 1.2rem 1.4rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--br);
  overflow: hidden;
  min-width: 0;
  box-sizing: border-box;
  transition-property: box-shadow;
  transition-duration: var(--transition-duration, 0.3s);
}

@media (min-width: 768px) {
  .artcard2:focus-within,
  .artcard2:hover {
    box-shadow: var(--bs15);
  }
}

.slider .artcard2 {
  width: 27.2rem;
  height: 100%;
}

.artcard2 a {
  text-decoration: none;
}

.artcard2__pic {
  position: relative;
  width: 100%;
  height: 13.3rem;
  overflow: hidden;
  z-index: -1;
}

@supports (aspect-ratio: 178/100) {
  .artcard2__pic {
    height: auto;
    aspect-ratio: 178/100;
  }
}

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

.artcard2__content {
  padding: var(--_artcard2-p);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  box-sizing: border-box;
  border: 1px solid var(--border-color-light);
  border-top: none;
  border-radius: 0 0 var(--br) var(--br);
}

.artcard2__info {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: var(--text-secondary);
}

.artcard2__link::before {
  content: "";
  position: absolute;
  inset: 0;
}

.artcard2__tags {
  flex: 1;
  display: flex;
  align-items: flex-end;
  align-self: flex-start;
  margin-top: 0.7rem;
}

.artcard2__tags-list {
  --link-color: var(--secondary);
  --link-color-hover: var(--primary);
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.artcard2_wide {
  --_artcard2-p: 2rem 2.5rem;
  --link-color: var(--cl-white);
  flex: 1 1 100%;
  color: var(--cl-white);
  border: none;
}

.artcard2_wide .artcard2__pic::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.8) 100%
  );
}

.artcard2_wide .artcard2__content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: none;
  border-radius: 0;
}

.artcard2_wide .artcard2__info,
.artcard2_wide .artcard2__stats {
  color: inherit;
}

.artcard2_wide .artcard2__title {
  --link-color-hover: var(--cl-white);
}

.artcard2_wide .artcard2__stats {
  position: absolute;
  inset: var(--_artcard2-p);
  left: auto;
  top: auto;
  max-width: 10rem;
}

.artcard2_wide .artcard2__tags {
  padding-right: 10rem;
  flex-grow: 0;
}

.artcard2_wide .artcard2__tags-list {
  --link-color: var(--cl-white);
  --link-color-hover: var(--primary);
}

.artshero {
  --_artshero-p: 1.5rem;
}

@media (min-width: 768px) {
  .artshero {
    --_artshero-p: 2.5rem;
  }
}

.artshero__slider {
  background-color: var(--bg-gray);
  border-radius: var(--br);
  height: 36rem;
}

@media (min-width: 768px) {
  .artshero__slider {
    height: 46rem;
  }
}

@media (min-width: 992px) {
  @supports (aspect-ratio: 974/378) {
    .artshero__slider {
      height: auto;
      aspect-ratio: 974/378;
    }
  }
}

.artshero__slide {
  display: flex;
  flex-direction: column;
}

.artshero__slider-controls {
  position: absolute;
  z-index: 4;
  bottom: var(--_artshero-p);
  left: var(--_artshero-p);
  height: 2.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 16rem;
}

.artshero__slider-arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  transform: none;
  width: 1.5rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: var(--swiper-theme-color);
}

.artshero__slider-arrow svg {
  width: 1.5rem;
  height: 2.6rem;
  fill: none;
  stroke: currentColor;
}

.artshero__slider-arrow.swiper-button-lock {
  display: none;
}

.artshero__slider-pagination {
  --swiper-pagination-bottom: auto;
  --swiper-pagination-top: 50%;
  --swiper-pagination-bullet-horizontal-gap: 0.8rem;
  --swiper-pagination-bullet-size: 0.4rem;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--cl-gray-200);
  transform: translate(-50%, -50%) !important;
  pointer-events: none;
}

.artshero__slider-pagination > * {
  pointer-events: auto;
}

.artshero .artcard2 {
  color: var(--cl-white);
  --link-color: var(--cl-white);
  border-radius: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.artshero .artcard2__pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.artshero .artcard2__content {
  justify-content: flex-end;
  gap: 1rem;
  padding: var(--_artshero-p) var(--_artshero-p) 5rem;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.4) 100%
  );
  border: none;
  border-radius: 0;
}

@media (min-width: 768px) {
  .artshero .artcard2__content {
    padding-bottom: 8rem;
  }
}

.artshero .artcard2__info {
  color: inherit;
}

.artshero .artcard2__stats {
  display: none;
}

.artshero .artcard2__title {
  --link-color-hover: var(--cl-white);
}

.artshero .artcard2__tags {
  order: -1;
  margin: 0;
}

@media (min-width: 768px) {
  .artshero .artcard2__tags {
    margin: 0 0 2.2rem;
  }
}

.artshero .artcard2__tags-list {
  --link-color: var(--cl-white);
  --link-color-hover: var(--primary);
}

.arttrands {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 2rem 2.5rem 2.8rem;
  background-color: var(--trands-bg);
  border-radius: var(--br);
  color: var(--trands-color);
  --link-color: var(--trands-color);
  --link-color-hover: var(--trands-link-hover);
}

.arttrands__title {
  padding-right: 4rem;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 2.8rem 1.9rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='19' fill='none' viewBox='0 0 28 19'%3E%3Cpath stroke='%238F97AC' d='M0 11.86h9.38a1 1 0 0 1 .9.55l2.05 4.1a1 1 0 0 0 1.86-.19l3.3-12.25c.28-1 1.7-.98 1.94.02l1.88 7.51a1 1 0 0 0 .97.76h5.22'/%3E%3Ccircle cx='27' cy='12.58' r='1' fill='%238F97AC'/%3E%3C/svg%3E");
}

.arttrands__list {
  position: relative;
  overflow: clip;
  margin-bottom: -1rem;
  display: grid;
  gap: 1.2rem 1rem;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .arttrands__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.arttrands__item {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--trands-border);
  margin-bottom: -0.1rem;
  box-sizing: border-box;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .arttrands__item {
    padding-right: 1.6rem;
  }
}

@media (max-width: 991.98px) {
  .arttrands__item:nth-child(8) ~ * {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .arttrands__item:nth-child(7) ~ * {
    display: none;
  }
}

.arttrands__item-link {
  text-decoration: none;
}

.arttrands__item-link:hover {
  text-decoration: none;
}

.arttrands__item-title {
  color: var(--trands-link);
}

.arttrands__item-date {
  color: var(--trands-color-secondary);
}

.artstats {
  overflow: hidden;
  color: var(--text-secondary);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0 1rem;
}

.artstats__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.artstats__item::before {
  content: "";
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 1.1rem;
}

.artstats__item_views::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' fill='none' viewBox='0 0 16 11'%3E%3Cpath fill='%2372BF42' stroke='%2372BF42' d='M8 1.1a7.97 7.97 0 0 1 6.82 3.88c.24.39.24.87 0 1.25a7.97 7.97 0 0 1-13.64 0 1.2 1.2 0 0 1 0-1.24A7.97 7.97 0 0 1 8 1.1Zm0 .09a7.9 7.9 0 0 0-6.77 3.84c-.21.36-.21.8 0 1.15a7.9 7.9 0 0 0 13.54 0c.21-.35.21-.8 0-1.15A7.9 7.9 0 0 0 8 1.2Zm0 2.08c.54 0 1.05.19 1.46.53l.17.15c.38.39.62.9.67 1.43l.01.23c0 .62-.24 1.22-.68 1.65a2.3 2.3 0 0 1-3.26 0 2.35 2.35 0 0 1 1.4-3.98L8 3.27Zm.86.25a2.23 2.23 0 0 0-2.45.5A2.27 2.27 0 0 0 8 7.85a2.26 2.26 0 0 0 .86-4.34Z'/%3E%3C/svg%3E");
}

.artstats__item_likes::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' fill='none' viewBox='0 0 13 11'%3E%3Cpath fill='%2372BF42' stroke='%2372BF42' stroke-width='.5' d='M12.23 4.5c-.54-.6-1.7-.51-2.94-.42l-.66.05c.2-.74.21-1.83-.1-2.57C8.36 1.1 8.07.8 7.7.69 7.4.6 6.94.55 6.6.74c-.19.1-.3.26-.35.46C5.85 3.04 4.58 3.43 4 3.5a.3.3 0 0 0-.3-.3H.8a.3.3 0 0 0-.3.3v6.8c0 .17.13.3.3.3h2.9a.3.3 0 0 0 .3-.28c.2.11.44.17.69.17h5.6a1.4 1.4 0 0 0 1.38-1.1l.78-3.68c.11-.52.04-.92-.22-1.21Zm-8.82 5.52H1.09V3.8h2.32v6.22Zm8.46-4.43-.78 3.68a.81.81 0 0 1-.8.65h-5.6a.79.79 0 0 1-.64-.3.3.3 0 0 0-.05-.05V4.11c1.1-.12 2.43-.9 2.83-2.8l.06-.06c.13-.07.4-.07.62 0 .2.07.36.24.48.53.3.74.22 2-.06 2.53a.3.3 0 0 0 .01.29.3.3 0 0 0 .26.13c.37 0 .76-.03 1.14-.06.99-.08 2.1-.16 2.44.23.13.14.16.37.09.7Z'/%3E%3C/svg%3E");
}

.artstats__item-val {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compare {
  overflow: hidden;
}

.compare__holder {
  --compare-pt: 2rem;
  --compare-pb: 1.6rem;
  --compare-head: 5rem;
  --compare-head-m: 1.5rem;
  --compare-vgap: 3rem;
  --compare-hgap: var(--sidegap);
  --compare-side-col: 20rem;
  --compare-side-width: calc(var(--compare-side-col) + var(--compare-hgap));
  --compare-title-height: 3rem;
  --compare-item-height: 3.3rem;
  --compare-item-real-width: calc(50vw - var(--sidegap) * 1.5);
  --compare-item-width: calc(
      var(--compare-item-real-width) + var(--compare-hgap)
  );
  position: relative;
}

@media (min-width: 768px) {
  .compare__holder {
    --compare-hgap: 3rem;
    --compare-item-real-width: 25.6rem;
    --compare-title-height: 0rem;
  }
}

@media (min-width: 1600px) {
  .compare__holder {
    --compare-item-real-width: 28.5rem;
  }
}

.compare a {
  color: var(--secondary);
  text-decoration: none;
}

.compare__scrollplate {
  background-color: var(--bg);
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.06);
  padding: 3rem 0;
  z-index: 2;
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  width: 100vw;
  left: 50%;
  position: absolute;
  translate: -50% var(--compare-srollbar-correction, 0);
  transition: translate 0.3s 0.1s;
}

@supports (translate: 0 0) {
  .m-compare-fixed .compare__scrollplate {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 767.98px) {
  .compare__scrollplate-title {
    opacity: 0;
    visibility: hidden;
  }
}

.compare__controls {
  margin: 0 0 1rem;
}

.compare__inner {
  position: relative;
  display: grid;
  grid-template-columns: 0rem 1fr;
}

@media (min-width: 768px) {
  .compare__inner {
    grid-template-columns: var(--compare-side-width) 1fr;
  }
}

.compare__side {
  padding-top: calc(
      var(--compare-pt) + var(--compare-head) + var(--compare-head-m)
  );
  padding-bottom: var(--compare-pb);
  width: var(--compare-side-width);
}

@media (max-width: 767.98px) {
  .compare__info-item {
    white-space: nowrap;
  }
}

.compare__main {
  min-width: 0;
}

.compare__list {
  display: flex;
  margin-inline: var(--sidegap-n);
  padding-inline: var(--sidegap);
  padding-top: var(--compare-pt);
  padding-bottom: calc(
      var(--compare-pb) - var(--compare-srollbar-compensate, 0rem)
  );
  overflow: auto;
}

.compare__item {
  flex: 0 0 var(--compare-item-width);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.compare__item:last-child {
  --compare-hgap: 0;
  --compare-item-width: var(--compare-item-real-width);
}

.compare__card {
  display: flex;
  flex-direction: column;
}

.prop-card {
  --compare-prophead-side: -0.8rem;
  --compare-prophead-pic: 5rem;
}

@media (max-width: 767.98px) {
  .prop-card {
    --compare-prophead-side: -0.4rem;
  }
}

.prop-card__head {
  height: var(--compare-head);
  margin: 0 0 var(--compare-head-m);
  position: relative;
  z-index: 3;
  padding-right: 2rem;
  margin-right: var(--compare-hgap);
  display: flex;
  gap: 0.5rem;
  translate: 0 var(--compare-srollbar-correction, 0);
  transition: translate 0.3s 0.1s;
}

.prop-card__head::before {
  content: "";
  position: absolute;
  top: var(--compare-prophead-side);
  right: calc(
      100% - var(--compare-prophead-pic) + var(--compare-prophead-side)
  );
  bottom: var(--compare-prophead-side);
  left: var(--compare-prophead-side);
  border-radius: 0.5rem;
  background-color: var(--cl-white);
  z-index: -1;
  transition: right 0.2s;
}

.m-compare-fixed .prop-card__head::before {
  right: var(--compare-prophead-side);
}

.prop-card__delete {
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  top: -0.2rem;
  right: -0.2rem;
  width: 2rem;
  height: 2rem;
  -webkit-mask-size: 1.8rem 1.8rem;
  mask-size: 1.8rem 1.8rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23E3E9EC' stroke-linejoin='round' stroke-width='1.5' d='M4.13 4.45V15.5h9.75V4.45H4.12Z'/%3E%3Cpath stroke='%23E3E9EC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.7 7.7v4.23M10.3 7.7v4.23M2.5 4.45h13M7.47 1.5h3.08'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23E3E9EC' stroke-linejoin='round' stroke-width='1.5' d='M4.13 4.45V15.5h9.75V4.45H4.12Z'/%3E%3Cpath stroke='%23E3E9EC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.7 7.7v4.23M10.3 7.7v4.23M2.5 4.45h13M7.47 1.5h3.08'/%3E%3C/svg%3E");
}

.prop-card__pic {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--compare-prophead-pic);
  height: var(--compare-prophead-pic);
}

.prop-card__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.prop-card__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-word;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  height: 4.8rem;
}

.m-compare-fixed .prop-card__title {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767.98px) {
  .prop-card__title {
    font-size: 1.2rem;
    -webkit-line-clamp: 4;
    height: 5.5rem;
  }
}

.prop-card__info {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767.98px) {
  .prop-card__info-item::before {
    content: attr(title);
    display: block;
    color: var(--text-secondary);
    height: var(--compare-title-height);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    width: 1rem;
  }
}

.prop-card__info-title {
  opacity: 0;
  visibility: hidden;
}

.compare__info-title {
  width: calc(100vw - var(--sidegap) * 2);
  max-width: calc(calc(114rem + var(--iw-sidegap) * 2) - var(--sidegap) * 2);
  text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
  .compare__info-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(90vw - var(--sidegap) * 4);
  }
}

.prop-card__info-title {
  width: 1rem;
}

.compare__info-title,
.prop-card__info-title {
  white-space: nowrap;
  height: 3.7rem;
  overflow: hidden;
  box-sizing: border-box;
}

.compare__info-list,
.prop-card__info-list {
  padding-right: var(--compare-hgap);
  padding-bottom: 1rem;
  box-sizing: border-box;
}

.compare__info-list:not(:last-child),
.prop-card__info-list:not(:last-child) {
  border-bottom: 1px solid var(--bg-gray);
  margin-bottom: var(--compare-vgap);
}

.compare__info-item,
.prop-card__info-item {
  height: calc(var(--compare-item-height) + var(--compare-title-height));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.compare__info-item + .compare__info-item,
.compare__info-item + .prop-card__info-item,
.prop-card__info-item + .compare__info-item,
.prop-card__info-item + .prop-card__info-item {
  margin-top: 0.4rem;
}

.compare__info-list:first-child .compare__info-item:first-child,
.compare__info-list:first-child .prop-card__info-item:first-child,
.prop-card__info-list:first-child .compare__info-item:first-child,
.prop-card__info-list:first-child .prop-card__info-item:first-child {
  -webkit-line-clamp: 4;
}

@media (min-width: 768px) {
  .compare__info-list:first-child .compare__info-item:first-child,
  .compare__info-list:first-child .prop-card__info-item:first-child,
  .prop-card__info-list:first-child .compare__info-item:first-child,
  .prop-card__info-list:first-child .prop-card__info-item:first-child {
    -webkit-line-clamp: 3;
    --compare-item-height: 4.8rem;
  }
}

@media (max-width: 767.98px) {
  .compare__info-list:first-child
  .compare__info-item:first-child:is(.compare__info-item),
  .compare__info-list:first-child
  .prop-card__info-item:first-child:is(.compare__info-item),
  .prop-card__info-list:first-child
  .compare__info-item:first-child:is(.compare__info-item),
  .prop-card__info-list:first-child
  .prop-card__info-item:first-child:is(.compare__info-item) {
    opacity: 0;
  }

  .compare__info-list:first-child .compare__info-item:first-child::before,
  .compare__info-list:first-child .prop-card__info-item:first-child::before,
  .prop-card__info-list:first-child .compare__info-item:first-child::before,
  .prop-card__info-list:first-child .prop-card__info-item:first-child::before {
    display: none;
  }
}

.compare__info-list:last-child .compare__info-item:last-child,
.compare__info-list:last-child .prop-card__info-item:last-child,
.prop-card__info-list:last-child .compare__info-item:last-child,
.prop-card__info-list:last-child .prop-card__info-item:last-child {
  height: auto;
  overflow: visible;
  display: block;
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
}

.contact {
  display: grid;
  gap: 5rem;
}

.contact__info {
  display: grid;
  gap: 3rem;
}

@media (min-width: 1280px) {
  .contact__info {
    grid-template-columns: 39.5rem auto;
    gap: 5rem;
    min-height: 60rem;
  }
}

@media (min-width: 1600px) {
  .contact__info {
    grid-template-columns: 63.8rem auto;
  }
}

.contact__text {
  padding: 2rem 1.5rem;
  background-color: var(--bg-gray);
  border-radius: var(--br);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 3rem;
}

@media (min-width: 768px) {
  .contact__text {
    padding: 3rem;
  }
}

.contact__text-block p + p {
  margin-top: 1rem;
}

.contact__text-block a {
  text-decoration: none;
}

.contact__text-block b {
  font-weight: 500;
}

.contact__text-block-title {
  font-weight: 500;
  color: var(--text-secondary);
  margin: 0 0 1rem;
}

.contact__map {
  width: 100%;
  height: 40.7rem;
  position: relative;
  border-radius: var(--br);
  overflow: hidden;
}

.contact__map iframe,
.contact__map > div {
  width: 100%;
  height: 100%;
  border: none !important;
}

@media (min-width: 768px) {
  .contact__map {
    height: 51rem;
  }
}

@media (min-width: 1280px) {
  .contact__map {
    height: 100%;
  }
}

.contact__map-pic {
  display: block;
  width: 100%;
  height: 100%;
}

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

.contact__photo {
  padding: 2rem 1rem;
  background-color: var(--bg-gray);
  border-radius: var(--br);
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .contact__photo {
    padding: 3rem;
  }
}

.contact__photo-title {
  margin: 0 0 3rem;
}

@media (max-width: 767.98px) {
  .contact__photo-title {
    padding: 0 1rem;
  }
}

.steps {
  counter-reset: steps;
  display: grid;
  gap: 2rem;
}

@media (min-width: 768px) {
  .steps {
    grid-template-columns: repeat(auto-fit, minmax(58rem, 1fr));
  }
}

.steps__item {
  counter-increment: steps;
  background-color: var(--bg);
  border-radius: var(--br);
  box-sizing: border-box;
  padding: 2rem 1.5rem;
  display: grid;
  gap: 3rem;
}

@media (min-width: 768px) {
  .steps__item {
    padding: 3rem 2.5rem;
  }
}

@media (min-width: 1280px) {
  .steps__item {
    padding: 5rem;
  }
}

.steps__text {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 1.8rem;
}

.steps__text::before {
  content: counter(steps);
  display: block;
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ebebeb;
  color: #000;
}

.steps__pic {
  display: block;
  width: 100%;
  height: 62vw;
  overflow: hidden;
  border-radius: var(--br);
}

@media (min-width: 768px) {
  .steps__pic {
    height: 34.5rem;
  }
}

@media (min-width: 992px) {
  .steps__pic {
    height: 40.2rem;
  }
}

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

.specials {
  position: relative;
  padding: 0 0 36rem;
}

@media (min-width: 768px) {
  .specials {
    padding-bottom: 20rem;
  }
}

@media (min-width: 992px) {
  .specials {
    padding: 7rem 0 16rem;
  }
}

.specials__text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  box-sizing: border-box;
}

.specials__textbox {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.specials__textbox p {
  margin: 0 !important;
}

.specials__textbox b {
  font-weight: 500;
}

@media (min-width: 768px) {
  .specials__textbox b {
    font-size: 3.5rem;
  }
}

.specials__textbox_spec {
  max-width: 42.3rem;
}

@media (min-width: 768px) {
  .specials__textbox_spec {
    line-height: 1.23;
  }
}

.specials__bg {
  margin-inline: var(--sidegap-n);
  padding-inline: var(--sidegap);
  overflow: hidden;
  height: 34rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.specials__bg::before {
  content: "";
  width: 16.4rem;
  height: 16.4rem;
  background-color: var(--bg-gray);
  border-radius: 50%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-40%, 40%);
  box-shadow: 0 3rem 0 8rem var(--bg-gray),
  -28rem -4rem 0 0 var(--bg-gray);
}

@media (min-width: 768px) {
  .specials__bg::before {
    width: 20rem;
    height: 20rem;
    transform: translate(30%, 40%);
    box-shadow: -3rem 9rem 0 11rem var(--bg-gray),
    -46rem -1rem 0 0 var(--bg-gray);
  }
}

@media (min-width: 992px) {
  .specials__bg::before {
    transform: translate(70%, 55%);
    box-shadow: 6rem 8rem 0 12rem var(--bg-gray),
    -83rem 3rem 0 0 var(--bg-gray);
  }
}

@media (min-width: 1280px) {
  .specials__bg::before {
    transform: translate(50%, 70%);
    box-shadow: 6rem 8rem 0 14rem var(--bg-gray),
    -93rem 3rem 0 0 var(--bg-gray),
    56rem -13rem 0 -2rem var(--bg-gray);
  }
}

@media (min-width: 768px) {
  .specials__bg {
    height: 31rem;
  }
}

@media (min-width: 992px) {
  .specials__bg {
    height: 53rem;
    overflow: visible;
  }
}

@media (min-width: 1280px) {
  .specials__bg {
    height: 59rem;
  }
}

.specials__bg-pic {
  display: block;
  width: 49rem;
  height: 59rem;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -7%) scale(0.83);
  transform-origin: 50% 0%;
}

@media (min-width: 768px) {
  .specials__bg-pic {
    transform: translate(-16%, -7%) scale(0.9);
  }
}

@media (min-width: 992px) {
  .specials__bg-pic {
    transform: translate(0, 0) scale(0.9);
  }
}

@media (min-width: 1280px) {
  .specials__bg-pic {
    transform: translate(-7%, 0);
  }
}

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

.fivestar {
  display: block;
  width: 17rem;
  height: 3rem;
}

.howto {
  position: relative;
  padding: 2rem 1.5rem;
  box-sizing: border-box;
  background-color: var(--bg-gray);
  border-radius: 2rem;
}

.howto + *,
.textblock .howto + * {
  margin-top: 5rem;
}

@media (min-width: 992px) {
  .howto + *,
  .textblock .howto + * {
    margin-top: 9.5rem;
  }
}

@media (min-width: 768px) {
  .howto {
    padding: 3rem 2rem;
  }
}

@media (min-width: 1280px) {
  .howto {
    padding: 7rem;
  }
}

.howto__head {
  max-width: 75rem;
  margin: 0 auto 3rem;
}

.howto .howto__title {
  color: var(--primary);
  margin: 0 0 2.6rem;
}

.howto__text {
  text-wrap: balance;
}

.howto__list {
  counter-reset: howto;
  max-width: 75rem;
  margin-inline: auto;
  display: grid;
  gap: 1rem;
}

.howto__item {
  font-weight: 700;
  counter-increment: howto;
  gap: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--bg);
  border-radius: var(--br);
  box-sizing: border-box;
  padding: 2.5rem 1.5rem;
}

@media (min-width: 768px) {
  .howto__item {
    padding: 3rem 2.5rem;
  }
}

@media (min-width: 1280px) {
  .howto__item {
    padding: 5rem;
  }
}

.howto__item::before {
  content: counter(howto);
  display: block;
  display: block;
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ebebeb;
  color: #000;
}

@media (max-width: 767.98px) {
  .howto_mobcol .howto__item {
    flex-direction: column;
    gap: 3rem;
    align-items: stretch;
    padding: 2rem 1.5rem;
  }
}

.howto__item-text {
  flex: 1;
}

.howto__item-title {
  font-weight: 700;
}

* + .howto__item-txt {
  margin-top: 1rem;
}

.howto__item-pics .paypics {
  gap: 1.6rem;
}

.howto__item-pics .paypics__pic {
  height: 5rem;
}

.tradein {
  display: grid;
  gap: 3rem;
}

@media (min-width: 768px) {
  .tradein {
    gap: 5rem;
  }
}

@media (min-width: 1280px) {
  .tradein {
    gap: 7rem;
  }

  .section__head:has(.section__bigtitle) ~ .tradein {
    margin-top: -6rem;
  }
}

.tradein__pic {
  display: block;
  border-radius: var(--br);
  overflow: hidden;
}

@media (min-width: 1280px) {
  .tradein__pic {
    height: 37.4rem;
  }
}

.tradein__pic-img {
  width: 100%;
  height: auto;
}

@media (min-width: 1280px) {
  .tradein__pic-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
  }
}

.tradein__body {
  display: grid;
  gap: 2.5rem 5rem;
}

@media (min-width: 768px) {
  .tradein__body {
    gap: 5rem;
    grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr));
  }
}

@media (min-width: 1280px) {
  .tradein__body {
    gap: 7rem 5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.tradein__group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.tradein__icon-title-wrap {
  min-height: 3rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.tradein__icon {
  display: block;
  max-height: 3rem;
  width: auto;
}

.tradein__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.tradein__item {
  display: flex;
  justify-content: space-between;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  align-items: flex-end;
}

.arenda .tradein__item:first-child .tradein__cost::before {
  display: none;
}

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

.tradein__cost {
  flex: 1;
  display: flex;
  align-items: flex-end;
  text-align: right;
  justify-content: flex-end;
}

.tradein__cost::before {
  content: "";
  display: block;
  flex: 1;
  margin: 0 1rem;
  border-top: 1px dashed var(--text-secondary);
  transform: translateY(-0.2rem);
}

.tradein__cost .rouble {
  color: var(--text-secondary);
}

.tradein__cost + .tradein__cost {
  max-width: 30%;
  flex: auto;
}

.infobox {
  background-color: var(--bg-gray);
  border-radius: 2.5rem;
  padding: 3rem 1.5rem;
}

@media (min-width: 768px) {
  .infobox {
    padding: 3rem 2rem;
  }
}

@media (min-width: 1280px) {
  .infobox {
    padding: 5rem 4rem;
  }
}

.infobox__title {
  color: var(--primary);
  margin: 0 0 3rem;
}

@media (min-width: 768px) {
  .infobox__title {
    margin: 0 0 4.5rem;
  }
}

.infobox__list {
  display: grid;
  gap: 3rem;
}

@media (min-width: 768px) {
  .infobox__list {
    grid-template-columns: [start] repeat(auto-fit, minmax(50rem, 1fr)) [end];
  }
}

.infobox__item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-radius: var(--br);
  background: var(--bg);
  padding: 2rem 1.5rem;
}

@media (min-width: 768px) {
  .infobox__item {
    padding: 2.5rem;
  }
}

@media (min-width: 768px) {
  .infobox__item_fullwidth {
    grid-column: start/end;
  }
}

.infobox__item-btns {
  flex: 1;
  align-items: flex-end;
  flex-wrap: wrap;
  display: flex;
}

.delivery__top {
  margin-inline: var(--sidegap-n);
  padding-inline: var(--sidegap);
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 3rem;
}

@media (min-width: 1280px) {
  .delivery__top {
    padding-bottom: 6.4rem;
    min-height: 67.7rem;
  }
}

.delivery__top-bg {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(28%, 2.7rem);
}

@media (max-width: 1279.98px) {
  .delivery__top-bg {
    display: none;
  }
}

.delivery__top-bg-img {
  width: 57.7rem;
  height: auto;
}

.delivery__top-inner {
  display: grid;
  gap: 3rem;
}

@media (min-width: 1280px) {
  .delivery__top-inner {
    max-width: 73.7rem;
    gap: 9rem;
  }
}

@media (min-width: 1600px) {
  .delivery__top-inner {
    max-width: 84.7rem;
  }
}

.delivery__features {
  display: grid;
  gap: 2rem;
}

@media (min-width: 768px) {
  .delivery__features {
    grid-template-columns: repeat(3, 1fr);
  }
}

.delivery__fetures-item {
  padding: 2rem 1.5rem;
  border-radius: var(--br);
  background-color: var(--bg-gray);
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .delivery__fetures-item {
    padding: 2.5rem;
  }
}

.delivery__fetures-item .rouble {
  color: var(--text-secondary);
}

.delivery__table {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1280px) {
  .delivery__pay {
    margin-bottom: 5rem;
  }
}

.section:has(.credit) {
  overflow: hidden;
}

.credit__head {
  position: relative;
  margin: 0 0 3rem;
}

@media (min-width: 768px) {
  .credit__head {
    margin-bottom: 3.4rem;
  }
}

@media (min-width: 992px) {
  .credit__head {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 8rem;
  }
}

@media (min-width: 1280px) {
  .credit__head {
    margin-bottom: 8rem;
  }
}

.credit__head-bg-holder {
  margin-inline: var(--sidegap-n);
  padding-inline: var(--sidegap);
  display: block;
  position: relative;
  overflow: hidden;
  height: 110vw;
  max-height: 56rem;
  margin-top: -4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: -1;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .credit__head-bg-holder {
    margin-top: -11rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .credit__head-bg-holder {
    margin-top: -10rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-65%);
    max-height: none;
    height: 65.4rem;
  }
}

@media (min-width: 1280px) {
  .credit__head-bg-holder {
    margin-top: -17rem;
    transform: translateX(-71%);
  }
}

.credit__head-bg {
  display: block;
  width: 100%;
  height: 100%;
}

.credit__head-bg_abs {
  position: absolute;
  top: 0;
  left: 0;
}

.credit__head-bg-img {
  width: 100%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translateX(-7%);
}

@media (min-width: 576px) {
  .credit__head-bg-img {
    transform: translateX(-3%);
  }
}

@media (min-width: 992px) {
  .credit__head-content {
    grid-column: 3/4;
    margin-top: -6.8rem;
  }
}

@media (min-width: 1280px) {
  .credit__head-content {
    margin-top: -12.8rem;
  }
}

.credit__head-title {
  margin: 0 0 3.4rem;
}

@media (min-width: 992px) {
  .credit__head-title {
    margin-bottom: 6.9rem;
  }
}

.credit__head-text {
  display: grid;
  gap: 1.5rem 5.5rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .credit__head-text {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .credit__head-text {
    gap: 2.6rem;
  }
}

.credit__notes {
  margin: 0 0 3rem;
}

@media (min-width: 1280px) {
  .credit__notes {
    margin-bottom: 9.6rem;
  }
}

.credit__needs {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 35.5rem;
}

@media (min-width: 768px) {
  .credit__needs {
    padding-bottom: 8.7rem;
  }
}

@media (min-width: 1280px) {
  .credit__needs {
    padding-top: 0;
    padding-bottom: 10rem;
  }
}

.credit__needs-bg {
  display: block;
  position: absolute;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

.credit__needs-bg-img {
  display: block;
  height: 32.5rem;
  width: auto;
  aspect-ratio: 598/672;
}

@media (min-width: 992px) {
  .credit__needs-bg-img {
    height: 39vw;
  }
}

@media (min-width: 1280px) {
  .credit__needs-bg-img {
    height: 67.2rem;
  }
}

.credit__needs-title {
  color: var(--primary);
  margin: 0 0 3rem;
}

@media (min-width: 1280px) {
  .credit__needs-title {
    margin-bottom: 6.4rem;
  }
}

.credit__needs-list {
  display: grid;
  gap: 2.5rem;
  align-items: start;
}

@media (min-width: 768px) {
  .credit__needs-list {
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 5.5rem;
  }
}

@media (min-width: 992px) {
  .credit__needs-list {
    max-width: 96.7rem;
    margin-bottom: 8rem;
  }
}

.credit__needs-item {
  position: relative;
  padding-left: 7.5rem;
  min-height: 7rem;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .credit__needs-item {
    min-height: 0;
  }
}

.credit__needs-ico {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 5.5rem;
}

.credit__conditions {
  margin-top: 3rem;
  background-color: var(--bg-gray);
  border-radius: var(--br);
  padding: 2rem 1.5rem;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .credit__conditions {
    max-width: 40rem;
    padding: 3rem;
  }
}

@media (min-width: 992px) {
  .credit__conditions {
    max-width: 55.4rem;
  }
}

.credit__conditions-title {
  margin: 0 0 1rem;
}

.credit__conditions-list li {
  position: relative;
  padding-left: 1.8rem;
}

.credit__conditions-list li::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--text-light);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.credit__conditions-list li + * {
  margin-top: 1rem;
}

@media (min-width: 1600px) {
  .credit__howto {
    position: relative;
    isolation: isolate;
  }

  .credit__howto::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 50vw;
    background-color: inherit;
  }
}

.popup {
  --popinner-width: 80rem;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 0;
  z-index: 52;
  background-color: var(--overlay);
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.3s;
  transition-property: opacity, visibility;
  overscroll-behavior: contain;
}

.popup_wide {
  --popinner-width: 96rem;
}

.popup_tight {
  --popinner-width: 40rem;
}

.popup.m-active {
  opacity: 1;
  visibility: visible;
}

.popup__fadeclose {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.popup__inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: var(--bg);
  overflow: auto;
  padding: 3rem var(--sidegap);
  box-sizing: border-box;
  overscroll-behavior: contain;
}

@media (min-width: 768px) {
  .popup__inner {
    border-radius: var(--br);
    width: var(--popinner-width);
    max-width: calc(100% - var(--sidegap) * 2);
    height: auto;
    max-height: 95%;
    border: 1px solid var(--border-color);
  }
}

@media (min-width: 768px) {
  .popup__inner:has(.suggest) {
    overflow: visible;
    max-height: none;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .popup_wide .popup__inner {
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border: none;
  }
}

.popup__close {
  width: 1.8rem;
  height: 1.8rem;
  cursor: pointer;
  position: absolute;
  right: 2.5rem;
  top: 3rem;
  z-index: 3;
  color: var(--text);
  transition: color 0.3s;
  margin: 0 !important;
}

.popup__close:focus,
.popup__close:hover {
  color: var(--primary);
}

@media (max-width: 767.98px) {
  .popup__close {
    right: 1.7rem;
    top: 2.4rem;
  }
}

.popup__close-ico {
  width: 1.8rem;
  height: 1.8rem;
  stroke: currentColor;
  fill: none;
}

.popup__title {
  padding-right: 4rem;
  margin: 0 0 3rem;
  display: flex;
  align-items: flex-start;
  gap: 0 1.5rem;
}

.popup__title .btn-link:not(:hover) {
  color: var(--text-secondary);
}

.popup__added {
  display: grid;
  gap: 3rem;
}

.popup .cart-prodcard,
.popup__prodinfo {
  order: -1;
}

.popup__products {
  min-width: 0;
}

.popup__products .productlist {
  --productlist-cols: 3;
  --productlist-col-width: 1fr;
}

@media (max-width: 767.98px) {
  .popup__products .productlist {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    margin-inline: var(--sidegap-n);
    padding-inline: var(--sidegap);
  }

  body:not(.mousable) .popup__products .productlist {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  body:not(.mousable) .popup__products .productlist::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .popup__products .prodcard {
    min-width: 22rem;
  }
}

.popup__products-title {
  margin: 0 0 1.5rem;
}

.popup__products-tags {
  margin: 1.5rem 0;
}

.popup__prodinfo {
  display: grid;
  align-items: start;
  gap: 2rem 3rem;
}

@media (min-width: 768px) {
  .popup__prodinfo {
    grid-template-columns: max-content 1fr;
    padding: 0 0 2rem;
    border: solid var(--border-color);
    border-width: 0 0 1px;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .popup__prodinfo {
    border-width: 1px 0;
    padding: 2rem 0;
  }
}

.popup__prodbtns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 991.98px) {
  .popup__prodbtns {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .popup__prodbtns .btn {
    min-width: 31.5rem;
  }

  .popup__prodbtns .btn.btn_outline {
    order: -1;
  }
}

.popup__prodbtns-out {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .popup__prodbtns-out {
    position: sticky;
    margin-bottom: -3rem;
    bottom: -3rem;
    background-color: var(--bg);
    padding: 2rem 0;
    border-top: 1px solid var(--border-color);
    margin-inline: var(--sidegap-n);
    padding-inline: var(--sidegap);
  }
}

@media (min-width: 992px) and (min-height: 1000px) {
  .popup__prodbtns-out {
    padding: 3rem 0;
    margin-inline: 0;
  }
}

.popup__prodbtns-out-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2rem;
}

@media (min-width: 992px) {
  .popup__prodbtns-out-btns {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .popup__prodbtns-out {
    padding: 3rem 0;
    margin-top: -1rem;
    border: solid var(--border-color);
    border-width: 1px 0;
    order: -1;
  }

  .popup__prodbtns-out,
  .popup__prodbtns-out-btns {
    flex-direction: column-reverse;
    gap: 1.5rem;
  }

  .popup__prodbtns-out .btn {
    min-width: 31.5rem;
  }
}

.login {
  margin-top: 5rem;
}

.login__footer {
  margin-top: 5rem;
}

.lastnews {
  padding-block: 2.5rem;
  background-color: var(--lastnews-bg);
}

.lastnews__grid {
  display: grid;
  grid-template-columns: repeat(var(--_lastnews-cols, 1), 1fr);
  gap: 1rem;
}

@media (min-width: 768px) {
  .lastnews__grid {
    --_lastnews-cols: 2;
  }
}

@media (min-width: 1350px) {
  .lastnews__grid {
    --_lastnews-cols: 3;
  }
}

.lastnews__grid > * {
  min-height: 22rem;
}

.lastnews__head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
}

.lastnews__item {
  background-color: var(--bg);
  border-radius: var(--br);
  display: grid;
  grid-template-columns: min(50%, 24rem) 1fr;
}

.lastnews__item-pic {
  border-radius: var(--br);
  overflow: hidden;
  display: block;
}

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

.lastnews__item-content {
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}

.lastnews__item-more {
  text-decoration: none;
}

.lastnews__note {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
}

.poll,
.poll form {
  display: flex;
  flex-direction: column;
  gap: 3.4rem;
}

.poll:has(.poll__result),
.poll:has(.poll__result) form {
  gap: 1.6rem;
}

.poll__options {
  --form-check-border: var(--primary);
  display: flex;
  flex-direction: column;
}

.poll__btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.poll__btns .btn {
  flex: 1;
}

.poll__result {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.poll__result-item {
  display: flex;
  padding-bottom: 1.6rem;
  position: relative;
}

.poll__result-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--poll-result, 0%);
  height: 1px;
  background-color: var(--primary);
}

.poll__result-item-result {
  min-width: 3.7rem;
  color: var(--primary);
}

.poll__result-item-title {
  flex: 1;
}

.p404 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 7.5rem 0;
  overflow: hidden;
}

.p404__bg {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}

@media (min-width: 768px) {
  .p404__bg {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.p404__bg-pic {
  max-width: 39vw;
}

@media (min-width: 768px) {
  .p404__bg-pic {
    max-width: 33vw;
  }
}

@media (min-width: 992px) {
  .p404__bg-pic {
    max-width: 36vw;
  }
}

.p404__bg-pic img {
  display: block;
  width: 100%;
  height: auto;
}

.p404__bg-pic_left {
  transform: translate(-11%, -51%);
}

@media (min-width: 768px) {
  .p404__bg-pic_left {
    transform: translate(0, -38%);
  }
}

@media (min-width: 992px) {
  .p404__bg-pic_left {
    transform: translate(0, -35%);
  }
}

@media (min-width: 1280px) {
  .p404__bg-pic_left {
    transform: translate(0, -31%);
  }
}

.p404__bg-pic_left img {
  opacity: 0;
  visibility: hidden;
  animation: p404_left 2s 0.5s forwards;
}

.p404__bg-pic_right {
  transform: translate(19%, 0);
}

@media (min-width: 768px) {
  .p404__bg-pic_right {
    transform: translate(4%, 21%);
  }
}

@media (min-width: 992px) {
  .p404__bg-pic_right {
    transform: translate(3%, 40%);
  }
}

@media (min-width: 1280px) {
  .p404__bg-pic_right {
    transform: translate(0, 42%);
  }
}

.p404__bg-pic_right img {
  opacity: 0;
  visibility: hidden;
  animation: p404_right 2s 0.5s forwards;
}

.p404__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 3rem;
}

.p404__btns {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@keyframes p404_left {
  from {
    transform: translate(-100%, -15%);
    opacity: 0;
    visibility: hidden;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes p404_right {
  from {
    transform: translate(100%, 15%);
    opacity: 0;
    visibility: hidden;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 1280px) {
  .hcat__link-ico {
    height: 3.6rem;
    max-width: none;
  }
}

.prodcard__image-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.prodslider__pic {
  height: auto;
}

@media (min-width: 992px) {
  .prodslider__pic {
    height: auto;
  }
}

.prodslider__pic-img {
  max-height: 24.6rem;
}

@media (min-width: 768px) {
  .prodslider__pic-img {
    max-height: 45rem;
  }
}

@media (min-width: 992px) {
  .prodslider__pic-img {
    max-height: 50rem;
  }
}

.hcat__link::after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  background: var(--hcat-ico-color, var(--secondary));
  margin: 1rem auto -1.4rem;
  border-radius: 0.5rem;
  position: relative;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
}

@media (max-width: 1279.98px) {
  .hcat__link::after {
    display: none !important;
  }
}

.hcat__link:hover {
  color: var(--hcat-ico-color, var(--secondary)) !important;
}

.hcat__link:hover::after {
  width: 0.4rem;
  height: 0.4rem;
  margin: 1rem auto -1.4rem;
  opacity: 1;
  visibility: visible;
}

.product .btn-favorite.m-active svg {
  fill: currentColor;
}

.product .add-to-compare.m-active svg {
  fill: currentColor;
}

.product__addr {
  position: absolute;
  right: calc(100% + 3.5rem);
  top: 50%;
  width: 70rem;
  border-radius: var(--br);
  transform: translateY(-50%);
  box-shadow: 0 0.9rem 2.9rem rgba(0, 0, 0, 0.2);
  padding: 3rem;
  box-sizing: border-box;
  background-color: var(--bg);
  color: var(--text);
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform, right;
  transition-duration: 0.3s;
  z-index: 2;
  display: grid;
  gap: 1.5rem;
}

[data-theme="dark"] .product__addr {
  background-color: var(--bg-gray);
}

@media (max-width: 1349.98px) {
  .product__addr {
    padding: 2rem;
    top: 100%;
    max-width: 100%;
    width: 42rem;
    right: auto;
    left: 0;
    transform: translate(0, 3rem);
  }
}

.product-avail__item:hover .product__addr {
  opacity: 1;
  visibility: visible;
  right: calc(100% + 15px);
}

@media (max-width: 1349.98px) {
  .product-avail__item:hover .product__addr {
    right: auto;
    transform: translate(0, 0);
  }
}

.product-avail__item {
  position: relative;
}

.product__addr-line {
  font-size: 16px;
}

.product__addr-line + .product__addr-line {
  margin-top: 1.5rem;
}

.product__addr-title {
  font-weight: 700;
}

.product__addr-line--row {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.product__addr-line--row .product__addr-line {
  margin: 0;
}

@media (max-width: 1349.98px) {
  .product__addr-line--row {
    flex-direction: column;
  }
}

.product__arr-link-inner {
  text-align: right;
  margin-top: 1.2em;
  pointer-events: none;
  margin-top: -1.2em;
}

.product__arr-link-inner .product__addr-link {
  pointer-events: auto;
}

@media (max-width: 1349.98px) {
  .product__arr-link-inner {
    margin-top: 1.5rem;
  }
}

.compare__holder .tags__tag {
  --_tag-bg: var(--btn-bg, var(--cl-gray-300));
}

.compare__holder .tags__tag.m-active {
  --_tag-color: var(--_tag-color-active, var(--tag-color-active));
  --_tag-border: var(--_tag-border-active, var(--primary));
  --_tag-bg: var(--_tag-bg-active, var(--tag-bg));
}

.header__nav-inner.inside-wrapper,
.header__top .inside-wrapper {
  max-width: 192rem;
}

@media (max-width: 1279.98px) {
  .header__top-wrapper {
    transition: padding 0.2s linear;
    padding-bottom: 1rem;
  }

  html[data-theme="dark"] .header-toggle:checked ~ * .header__top-wrapper {
    padding-bottom: 2rem;
  }
}

@media (max-width: 1279.98px) {
  .header__controls {
    display: none;
  }
}

@media (min-width: 1280px) {
  .theme-switcher-wrapper_nav {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .theme-switcher-wrapper_nav {
    transform: none !important;
    margin-right: 11rem;
    align-self: center;
  }
}

@media (max-width: 1279.98px) {
  .header__burger {
    order: -3;
  }

  .header__burger .burger {
    margin: 0;
  }
}

@media (max-width: 1279.98px) {
  .header__logo {
    order: -2;
  }
}

@media (max-width: 1279.98px) {
  .header__call {
    order: -1;
    margin: 0;
  }
}

@media (max-width: 1279.98px) {
  .location-guess {
    order: 1;
  }
}

@media (max-width: 1279.98px) {
  .header__bottom {
    display: block;
    opacity: 1;
    visibility: visible;
    background-color: var(--bg);
    pointer-events: auto;
    overflow: auto;
    scrollbar-width: none;
    height: var(--header-cat-height);
    transition: height 0.2s,
    border 0.2s;
    transition-delay: 0.2s;
    flex-shrink: 0;
    margin-top: -1rem;
  }

  .header-toggle:checked ~ * .header__bottom {
    height: 0;
    border-width: 0;
    transition-delay: 0s;
    overflow: hidden;
  }

  .header__bottom .header__cat {
    padding-block: 1.5rem;
    margin-inline: -1rem;
  }

  .header__bottom .hcat__list {
    display: flex;
    gap: 1rem;
  }

  .header__bottom .hcat__item {
    min-width: 4rem;
  }

  .header__bottom .hcat__link br {
    display: none;
  }

  .header__bottom .hcat__link-ico {
    height: 2.3rem;
  }
}

@media (max-width: 767.98px) {
  .catalog .tags__tag {
    padding: 0.9rem;
  }

  .catalog .catalog__sort-right {
    display: contents;
  }

  .catalog .catalog__sort-left {
    order: 2;
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }

  .catalog .viewtype {
    order: 3;
  }

  .catalog .productlist {
    display: grid;
    grid-template-columns: [start] 1fr [end];
    gap: 0;
  }

  .catalog #viewtype-list:not(:checked) ~ * .productlist {
    grid-template-columns: [start] 1fr 1fr [end];
  }

  .catalog #viewtype-list:not(:checked) ~ * .productlist .prodcard {
    margin: 0 -1px -1px 0;
    padding: 2.8rem 1rem 1rem;
    min-width: 0;
  }

  .catalog #viewtype-list:not(:checked) ~ * .productlist .prodcard .btn {
    font-size: 1.3rem;
  }

  .catalog #viewtype-list:not(:checked) ~ * .productlist .prodcard__img-holder {
    left: 0;
    right: 0;
  }

  .catalog #viewtype-list:not(:checked) ~ * .productlist .prodcard__pic {
    height: 14rem;
  }

  .catalog
  #viewtype-list:not(:checked)
  ~ *
  .productlist
  .prodcard.m-outofstock
  .prodcard__bottom {
    align-items: flex-end;
  }

  .catalog
  #viewtype-list:not(:checked)
  ~ *
  .productlist
  .prodcard__btn.btn_cta:not(.btn_gray):has(.ico) {
    flex: 1;
    max-width: 4.8rem;
    min-width: 3.4rem;
  }

  .catalog #viewtype-list:not(:checked) ~ * .productlist .prodcard__actions {
    position: absolute;
    z-index: 5;
    top: 1rem;
    left: 1.6rem;
    right: 1.6rem;
    min-height: 1.8rem;
    width: auto;
    max-width: none;
    justify-content: space-between !important;
  }

  .catalog
  #viewtype-list:not(:checked)
  ~ *
  .productlist
  .prodcard__actions::after,
  .catalog
  #viewtype-list:not(:checked)
  ~ *
  .productlist
  .prodcard__actions::before {
    display: none !important;
  }

  .catalog
  #viewtype-list:not(:checked)
  ~ *
  .productlist
  .actions__item_like
  ~ .actions__tooltip {
    left: -3rem;
    right: auto;
    transform: translateX(0);
  }

  .catalog
  #viewtype-list:not(:checked)
  ~ *
  .productlist
  .actions__item_compare
  ~ .actions__tooltip {
    right: -3rem;
    left: auto;
    transform: translateX(0);
  }

  .catalog #viewtype-list:not(:checked) ~ * .productlist .mainslider {
    margin-top: 1px;
  }

  .catalog #viewtype-list:checked ~ * .productlist .prodcard {
    display: grid;
    align-items: center;
    grid-template-columns: 8rem 1fr;
    grid-template-rows: min-content 1fr;
    gap: 0.6rem 0.5rem;
    padding: 1rem 0;
    border-width: 0;
  }

  .catalog #viewtype-list:checked ~ * .productlist .prodcard:not(:first-child) {
    margin-top: 0.8rem;
  }

  [data-theme="dark"]
  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .prodcard {
    padding-inline: 0.4rem;
  }

  [data-theme="light"]
  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .prodcard {
    border-radius: 0;
  }

  [data-theme="light"]
  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .prodcard:not(:first-child) {
    border-top-width: 1px;
    margin-top: 0.5rem;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .mainslider
  + .prodcard:nth-child(2) {
    border-top-width: 0;
    margin-top: 0;
  }

  .catalog #viewtype-list:checked ~ * .productlist .prodcard__top {
    grid-row: span 2;
  }

  .catalog #viewtype-list:checked ~ * .productlist .prodcard__pic {
    height: 8.8rem !important;
    margin: 0;
  }

  .catalog #viewtype-list:checked ~ * .productlist .prodcard__img-holder {
    left: 0;
    right: 0;
  }

  .catalog #viewtype-list:checked ~ * .productlist .prodcard__name {
    margin: 0 !important;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.1875;
  }

  .catalog #viewtype-list:checked ~ * .productlist .actions {
    --prodcard-actions-color: var(--font-light);
  }

  .catalog #viewtype-list:checked ~ * .productlist .prodcard__bottom {
    min-width: 0;
    margin-bottom: -1rem;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .m-outofstock
  .prodcard__bottom {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 0.4rem 1rem;
    align-self: start;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .m-outofstock
  .prodcard__statusprice {
    display: none;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .m-outofstock
  .prodcard__btn {
    width: auto;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.9rem;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .m-outofstock
  .prodcard__actions {
    flex: 1;
    max-width: 4.6rem;
    justify-content: space-between;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .m-outofstock
  .prodcard__actions::before {
    display: none;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .m-outofstock
  .actions__tooltip {
    left: auto;
    right: 0;
    transform: none;
  }

  .catalog #viewtype-list:checked ~ * .productlist .mainslider {
    margin-block: 0.5rem 0;
  }

  [data-theme="dark"]
  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .mainslider {
    margin-block: 0.8rem 0;
  }
}

@media (max-width: 767.98px) and (min-width: 576px) {
  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .mainslider
  ~ .prodcard:nth-child(6) {
    border-width: 0;
  }
}

@media (max-width: 767.98px) and (max-width: 575.98px) {
  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .mainslider
  ~ .prodcard:nth-child(5) {
    border-width: 0;
  }
}

@media (max-width: 767.98px) {
  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .prodcard__bottom:has(.prodcard__status:not(.m-no)) {
    padding-top: 1.8rem;
    position: relative;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .prodcard__bottom:has(.prodcard__status:not(.m-no))
  .prodcard__statusprice {
    align-self: center;
  }

  .catalog
  #viewtype-list:checked
  ~ *
  .productlist
  .prodcard__status:not(.m-no) {
    position: absolute;
    top: 0;
    max-width: 100%;
  }

  .catalog .prodcard__status:not(.m-no) {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.182;
    background-color: var(--blue-new-01);
    color: var(--cl-blue);
    display: inline-flex;
    padding: 0.2rem 0.5rem 0.4rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
  }

  .catalog .prodcard__status:not(.m-no)::after,
  .catalog .prodcard__status:not(.m-no)::before {
    display: none;
  }
}

@media (max-width: 1279.98px) {
  .catalog__filter-trigger {
    background-color: var(--primary);
    color: var(--cl-white);
    padding: 0.8rem 1rem;
    border-radius: var(--br);
    position: relative;
    gap: 0.8rem;
    display: flex;
    align-items: center;
  }

  .catalog__filter-trigger:focus,
  .catalog__filter-trigger:hover {
    background-color: var(--primary-hover);
    color: var(--cl-white);
  }

  .catalog__filter-trigger::after {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    -webkit-mask-size: 1.4rem 1.4rem;
    mask-size: 1.4rem 1.4rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath stroke='%23fff' d='M2 .76v6.5m5-6.5v4.5m5-4.5v7.5m-10 1v4.5m5-6.5v6.5m5-3.5v3.5M0 9.26h4m1-4h4m1 5h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath stroke='%23fff' d='M2 .76v6.5m5-6.5v4.5m5-4.5v7.5m-10 1v4.5m5-6.5v6.5m5-3.5v3.5M0 9.26h4m1-4h4m1 5h4'/%3E%3C/svg%3E");
  }
}

.product__sticky {
  display: flex;
  flex-direction: column;
  gap: 1.5rem 1rem;
}

@media (max-width: 991.98px) {
  .product__sticky {
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: row;
    background-color: var(--bg);
    padding: 1rem var(--sidegap);
  }

  .product__sticky .product__price {
    font-size: 3rem;
    white-space: nowrap;
  }

  .product__sticky .product__btns {
    flex: 1;
    gap: 0.8rem;
  }

  .product__sticky .product__btns .btn ~ * {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .product__sticky {
    bottom: var(--mobnav-height);
  }
}

.product__btns_lg,
.product__btns_md {
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color);
}

@media (min-width: 768px) {
  .product__btns_md {
    display: none;
  }
}

@media (min-width: 992px) {
  .product__btns_lg {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .product__options .tags__tag {
    background-color: var(--bg-gray);
    color: var(--text);
    padding: 1.1rem 1.9rem;
  }

  .product__options .tags__tag.m-active {
    background-color: var(--bg-gray);
    color: var(--text);
    padding: 1rem 1.8rem;
    border-width: 0.2rem;
  }
}

.product__controls .btn_light {
  --btn-border: var(--border-color);
  --btn-color: var(--cl-text);
  --btn-bg: var(--cl-gray-light);
  --btn-border-hover: var(--border-color);
  --btn-color-hover: var(--cl-text);
  --btn-bg-hover: var(--cl-gray);
  --btn-border-active: var(--border-color);
  --btn-color-active: var(--cl-text);
  --btn-bg-active: var(--cl-gray);
  --btn-border-disabled: var(--border-color);
  --btn-color-disabled: var(--cl-text);
  --btn-bg-disabled: var(--disabled);
}

.product__controls .btn_light .ico {
  color: var(--cl-green);
}

@media (max-width: 767.98px) {
  .tight-prodcards .productlist {
    gap: 0;
  }

  .tight-prodcards .slider_prod:not(.swiper-initialized) .swiper-wrapper {
    padding-inline: var(--sidegap);
  }

  .tight-prodcards .slider__slide {
    padding-inline: 0;
  }

  .tight-prodcards .prodcard {
    padding: 1rem 1rem 2rem;
    width: 15.2rem !important;
    min-width: 15.2rem;
    margin-right: -1px;
  }

  .tight-prodcards .prodcard .prodcard__pic {
    height: 17.2rem;
  }

  .tight-prodcards .prodcard .prodcard__img-holder {
    left: 0;
    right: 0;
  }

  .tight-prodcards .prodcard .prodcard__bottom,
  .tight-prodcards .prodcard .prodcard__middle {
    margin-inline: 0;
  }

  .tight-prodcards .prodcard .prodcard__actions {
    display: none;
  }

  .tight-prodcards .prodcard .prodcard__btn:not(.btn_gray) {
    flex: 1;
    max-width: 4.8rem;
    margin-left: auto;
  }

  .tight-prodcards .prodcard .btn_gray {
    font-size: 1.2rem;
    padding-inline: 0.4rem;
  }

  .tight-prodcards .prodcard .prodcard__status.m-no {
    display: none;
  }

  .tight-prodcards .prodcard.m-outofstock .prodcard__bottom {
    align-items: flex-end;
  }

  .tight-prodcards .prodcard .prodcard__status {
    max-width: 9rem;
  }
}

@media (min-width: 768px) {
  .prodinfolist__item_md {
    display: none;
  }
}

@media (min-width: 992px) {
  .prodinfolist__item_lg {
    display: none;
  }
}

.btn-credit-text {
  color: var(--cl-orange);
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.btn-credit-text .ico {
  width: 1.8rem;
  height: 1.8rem;
}

.status-mb {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.182;
  background-color: var(--blue-new-01);
  color: var(--cl-blue);
  display: inline-flex;
  padding: 0.2rem 0.5rem 0.4rem;
  box-sizing: border-box;
  border-radius: 0.3rem;
}

* + .status-mb,
.status-mb + * {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .status-mb {
    display: none;
  }
}

/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible !important;
  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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-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: 0.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: 0.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: 50% !important;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-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:
    0.2s transform,
    0.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:
    0.2s transform,
    0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.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, 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, 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, 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: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-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;
}
.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 0.3s;
  transition: transform 0.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;
}


/* Start:/local/templates/main/components/bitrix/menu/top_menu/style.css?1750421354583*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(../images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}






/* End */


/* Start:/local/templates/main/components/bitrix/news.list/header__catalog_menu/style.css?1720382728150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/main/components/bitrix/sale.location.selector.search/street-search/style.css?16321841266484*/
/* absolute path to images is required to make crm-sale proxy work */

.bx-sls .dropdown-block {
/*	border: 1px solid #bdbdbd;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px #ebebeb;
	box-shadow: inset 0 1px 2px #ebebeb;
	font-size: 14px;
	padding: 0 22px 0 30px;
	position: relative;
	background-color: #fff;*/
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	background-color: #f0f0f0;
	border: 1px solid #f0f0f0;
	border-radius: 25px;
	padding: 13px 31px;
	padding-top: 7px;
	height: 52px;
}

.bx-sls .dropdown-arrow {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center;
	height: 100%;
	top: 0;
	right: 0;
	position: absolute;
	width: 22px;
}

.bx-sls .bx-ui-sls-container {
	overflow: hidden;
	min-height:25px;
}

.bx-sls .bx-ui-sls-pane {
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 3px #c7c7c7;
	box-shadow: 0 2px 3px #c7c7c7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	max-height: 200px;
	overflow-y: auto;
	left: 0;
	top: 35px;
	padding: 5px 5px 3px 5px;
	position: absolute;
	width: 100%;
}

.bx-sls .dropdown-active .bx-ui-sls-pane {
	display: block;
}

.bx-sls .bx-ui-sls-variants {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bx-sls .dropdown-item {
	border-radius: 2px;
	padding: 7px 4px 7px 10px;
	margin-bottom: 2px;
}

.bx-sls .dropdown-item:hover {
	background-color: #f1f3f5;
	cursor: pointer;
}

.bx-sls .dropdown-img {
	border: none;
	display: inline-block;
	height: 12px;
	margin: 3px 12px 0 0;
	vertical-align: top;
	width: 16px;
}

.bx-sls .dropdown-item-text {
	/*makeup:color: #212121;*/
	color: #aba8ac;
	display: inline-block;
	/*max-width: 220px;*/ /*silly limitation*/
	vertical-align: top;
}

.bx-sls .dropdown-item-text span{
	color: #25282c;
}

.bx-sls .dropdown-list-title {
	border-bottom: 1px solid #e5e5e5;
	height: 37px;
	line-height: 37px;
	padding-left: 8px;
}

.bx-sls .dropdown-icon {
	background: url(../images/lens.png) no-repeat center center;
	height: 14px;
	left: 10px;
	position: absolute;
	/*top: 10px;*/
	width: 14px;
	top: 18px;
}

.bx-sls .quick-locations{
	margin-bottom: 5px;
}
.bx-sls .quick-location-tag {
	background-color: #f2f5f8;
	border: 1px solid #cad3dc;
	border-radius: 3px;
	color: #1e55b9;
	display: inline-block;
	font-size: 15px;
	height: 27px;
	line-height: 26px;
	margin: 0 3px;
	padding: 0 14px;
	text-decoration: none;
	margin-bottom: 10px;
}
.bx-sls .quick-location-tag:hover{
	background-color: #fafafa;
}

.bx-sls .dropdown-fade2white{
	width: 46px;
	height: 31px;
	position: absolute;
	top: 2px;
	right: 0;

	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.bx-sls .bx-ui-sls-clear{
	background: url(../images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll;
	width: 30px;
	height: 30px;
	cursor: pointer;
	cursor: hand;
	margin-top: 2px;

	position: absolute;
	top: 9px;
	right: 0px;
	display: block;
}
.bx-sls .bx-ui-sls-clear:hover{
	background-position: 6px -3418px;
}

.bx-sls .bx-ui-sls-loader{
	background-image: url(../images/waiter-white.gif) !important;
	background-repeat: no-repeat !important;
	background-position: right -1px !important;

	width: 30px;
	height: 30px;

	position: absolute;
	top: 3px;
	right: 2px;
	display: none;
}

.bx-sls .bx-ui-sls-go-edit{
	display: none;
}

.bx-sls .bx-ui-sls-pane{
	max-height: 300px;
}

.bx-sls input::-ms-clear {
	display: none;
}

.bx-sls input[type="text"]{
	position: relative;
}

.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-route {
	position: absolute !important;
	top: 0;
	left: 0;

	color: #000 !important;

	opacity: 1 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;

	padding:0 22px 0 0 !important;
	background-position: right 1px;
	background-repeat: no-repeat;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 33px;
	width: 100%;
	outline: none;
	z-index:10;
}
.bx-sls .bx-ui-sls-route{
	color: #aba8ac !important;
	z-index:5;
}

.bx-sls .bx-ui-sls-pane{
	background-color: #fff;
	z-index: 999;
	border: 1px solid #87919c;
}

.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,
.bx-sls .bx-ui-sls-error{
	padding: 10px 10px;
}
.bx-sls .bx-ui-sls-error{
	color: #ff2222;
	padding-left: 30px;
	position: relative;
}
.bx-sls .bx-ui-sls-error div{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
	background: url(../images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll;
}
.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,
.bx-sls .bx-ui-sls-variant-active{
	background-color: #E0E8EA;
}

.adm-sls-edit-link{
	margin-top: 10px;
}

/* CSS-modes below: admin, public; */
.bx-admin-mode .bx-sls-go-edit{
	margin-left: 10px;
	display: none;
}

.bx-admin-mode .dropdown-block {
	border-color: #87919c #959ea9 #9ea7b1;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset;
	height: 25px;
}

.bx-sls.bx-admin-mode .bx-ui-sls-fake,
.bx-sls.bx-admin-mode .bx-ui-sls-route {
	height: 25px;
}

.bx-admin-mode .dropdown-icon {
	top: 7px;
}

.bx-admin-mode .dropdown-fade2white {
	height: 22px;
}

.bx-admin-mode .dropdown-fade2white {
	right: 1px;
}

.bx-admin-mode .bx-ui-sls-clear {
	background-position: 6px -3389px;
	height: 22px;
}

.bx-admin-mode .bx-ui-sls-clear:hover{
	background-position: 6px -3421px;
}

.bx-admin-mode .bx-ui-sls-loader {
	background-position: right -4px !important;
	height: 21px;
}

.bx-admin-mode .bx-ui-sls-pane {
	top: 27px;
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/cities_list/style.css?1724147780150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/main/components/bitrix/sale.basket.basket.line/basket_line/style.css?17249200094804*/
.bx-basket { }

.bx-basket-block {
	margin: auto;
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }

	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px }
}

@media (min-width: 768px) and (width <= 992px) {
	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 90px }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	.block-wrapper .bx-basket-fixed {
		padding-top: 0;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile {
		display: flex;
		justify-content: space-between;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
		padding-bottom: 0;
	}

	/*.bx-basket-fixed */
}

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }

/* End */


/* Start:/local/templates/main/template_styles.css?176174625423780*/
.inside-wrapper-sm.inside-empty-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 400px;
    justify-content: center;
}

.inside-wrapper-sm.inside-empty-wrap h2 {
    color: #8f97ac;
    font-size: 23px;
}

.inside-wrapper-sm.inside-empty-wrap .empty-icon {
    margin-bottom: 20px;
}

.inside-wrapper-sm.inside-empty-wrap .empty-icon svg {
    width: 50px;
    height: 50px;
}

.inside-wrapper-sm.inside-empty-wrap .helpnote__text-row {
    font-size: 15px;
    margin-top: 10px;
    text-align: center;
    color: #8f97ac;
}

.helpnote__social.fsocial .fsocial__item img,
.footer__social.fsocial .fsocial__link-ico {
    max-width: 20px;
    max-height: 20px;
    width: 20px;
    height: 20px;
}

.tags .is-active.tags__tag {
    background-color: #72bf42;
    color: #fff;
    border: 1px solid transparent;
}


.contact .contact__text-block .contact__text-block-map-link {
    color: #72bf42;
}

.catalog__filter-foot {
    display: flex !important;
    align-items: center;
}

.catalog__filter-foot.cl-active {
    bottom: 50px;
}

.ch-pass-wp {
    display: none;
}

.ch-pass-wp.is-active {
    display: block;
}

.ch-pass-init-wp.is-hide {
    display: none;
}

.delivery-wp {
    margin-top: 3rem;
}




.product-tab .product-tab__main {
    margin-top: 25px;
}

.user-content-styles--card {
    position: relative;
}

html:not([data-theme="light"]):not([data-theme=""]):not(:not([data-theme])) .user-content-styles--card:not(.expanded)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(15, 17, 23) 100%);
    pointer-events: none;
}

html[data-theme="light"] .user-content-styles--card:not(.expanded)::after,
html:not([data-theme]) .user-content-styles--card:not(.expanded)::after,
html[data-theme=""] .user-content-styles--card:not(.expanded)::after,
html[data-theme="null"] .user-content-styles--card:not(.expanded)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}



@media (min-width: 768px) {
    .ordspecs {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

.hcat__link:hover {
    color: #1175CB;
}

.hcat__link:hover::after {
    content: '';
    width: 4px;
    height: 4px;
    display: block;
    background: #1175CB;
    margin: 0px auto;
    margin-top: 10px;
    border-radius: 5px;
}

@media (max-width: 1024px) {
    .prodslider__pic-img {
        width: auto !important;
        height: auto !important;
    }
}

.prodcard.m-outofstock.pre-order>* {
    opacity: 1;
}

.prodcard.m-outofstock.pre-order .preorder-trigger {
    --btn-border: var(--btn-border-hover, transparent);
    --btn-color: var(--btn-color-hover, var(--cl-white));
    --btn-bg: var(--btn-bg-hover, var(--primary));
}

.form__alert_code {
    margin: .5rem 0 0 2rem;
    color: var(--error);
    transition: .3s;
}

@media (max-width: 767.98px) {
    div.header__bottom {
        overflow-x: auto;
        overflow-y: hidden;
    }

    button.actions__item:hover {
        --prodcard-actions-color: var(--prodcard-border);
    }

    button.actions__item.m-active {
        --prodcard-actions-color: var(--primary);
    }

    .sh-contact__link:not(:first-child) {
        opacity: 0;
        pointer-events: none;
        display: none;
    }

    .header__call.is-active .sh-contact__link:not(:last-child) {
        margin-bottom: 12px;
    }

    .sh-contact__link[data-soc-link="telegram"] {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzg4NzA3IDkuNjA3Mkw1LjQ1Nzk1IDExLjQ5OTJMNy40MjAwNiAxNy44MDkzQzcuNTQ1NiAxOC4yMTM1IDguMDM5OCAxOC4zNjI4IDguMzY3ODIgMTguMDk0N0wxMS4xOTM1IDE1Ljc5MTFDMTEuNDg5NyAxNS41NDk4IDExLjkxMTYgMTUuNTM3NyAxMi4yMjExIDE1Ljc2MjRMMTcuMzE3NiAxOS40NjI2QzE3LjY2ODUgMTkuNzE3NyAxOC4xNjU3IDE5LjUyNTQgMTguMjUzNyAxOS4xMDE0TDIxLjk4NzEgMS4xNDI3QzIyLjA4MzIgMC42Nzk1MjggMjEuNjI4MSAwLjI5MzEzNSAyMS4xODcxIDAuNDYzNzA4TDAuMzgyNzY3IDguNDg5MzhDLTAuMTMwNjQgOC42ODczOCAtMC4xMjYxNjYgOS40MTQyNiAwLjM4ODcwNyA5LjYwNzJaTTcuMTAzODQgMTAuNDkyTDE3LjAxMSA0LjM5MDE5QzE3LjE4OTEgNC4yODA4NSAxNy4zNzIzIDQuNTIxNjEgMTcuMjE5NCA0LjY2MzQzTDkuMDQzMDcgMTIuMjYzN0M4Ljc1NTY4IDEyLjUzMTIgOC41NzAyOSAxMi44ODkyIDguNTE3NzggMTMuMjc3OEw4LjIzOTI2IDE1LjM0MTlDOC4yMDIzOCAxNS42MTc1IDcuODE1MjUgMTUuNjQ0OCA3LjczOTIgMTUuMzc4MUw2LjY2ODAyIDExLjYxNDNDNi41NDUzNCAxMS4xODUgNi43MjQxMiAxMC43MjY0IDcuMTAzODQgMTAuNDkyWiIgZmlsbD0iIzFGNzVENyIvPgo8L3N2Zz4K);
    }

    .sh-contact__link[data-soc-link="whatsapp"] {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC43MDQ3IDMuMTk3MTRDMTYuNjQ2NSAxLjEzNjUyIDEzLjkwOTMgMC4wMDEyMDg0OSAxMC45OTMyIDBDNC45ODQyNCAwIDAuMDkzODU5OSA0Ljg5MDI1IDAuMDkxNDQyOSAxMC45MDA4QzAuMDkwNjM3MiAxMi44MjIxIDAuNTkyNTY2IDE0LjY5NzcgMS41NDY2MSAxNi4zNTFMMCAyMkw1Ljc3OTE2IDIwLjQ4NEM3LjM3MTU2IDIxLjM1MjYgOS4xNjQyOSAyMS44MTA0IDEwLjk4ODcgMjEuODEwOUgxMC45OTMzQzE3LjAwMTUgMjEuODEwOSAyMS44OTI0IDE2LjkyMDMgMjEuODk0NyAxMC45MDk1QzIxLjg5NTkgNy45OTY0OCAyMC43NjMgNS4yNTc2MyAxOC43MDQ3IDMuMTk3MTRaTTEwLjk5MzIgMTkuOTY5OUgxMC45ODk0QzkuMzYzNTYgMTkuOTY5MiA3Ljc2OTAyIDE5LjUzMjMgNi4zNzc2NCAxOC43MDY4TDYuMDQ2OTEgMTguNTEwNEwyLjYxNzQ3IDE5LjQxMDFMMy41MzI4NCAxNi4wNjY0TDMuMzE3MzIgMTUuNzIzNkMyLjQxMDI4IDE0LjI4MDkgMS45MzEzMSAxMi42MTM1IDEuOTMyMTIgMTAuOTAxNEMxLjkzNCA1LjkwNTY1IDUuOTk4ODQgMS44NDEyMSAxMC45OTY4IDEuODQxMjFDMTMuNDE3IDEuODQyMDIgMTUuNjkyMSAyLjc4NTcyIDE3LjQwMjcgNC40OTg0M0MxOS4xMTM0IDYuMjExMTMgMjAuMDU1IDguNDg3NjcgMjAuMDU0MiAxMC45MDg4QzIwLjA1MiAxNS45MDUgMTUuOTg3NSAxOS45Njk5IDEwLjk5MzIgMTkuOTY5OVpNMTUuOTYzMyAxMy4xODM2QzE1LjY5MSAxMy4wNDcyIDE0LjM1MTcgMTIuMzg4NCAxNC4xMDE5IDEyLjI5NzRDMTMuODUyNSAxMi4yMDY1IDEzLjY3MDYgMTIuMTYxMiAxMy40ODkyIDEyLjQzMzhDMTMuMzA3NiAxMi43MDY0IDEyLjc4NTYgMTMuMzIgMTIuNjI2NiAxMy41MDE3QzEyLjQ2NzcgMTMuNjgzNSAxMi4zMDg5IDEzLjcwNjQgMTIuMDM2NSAxMy41Njk5QzExLjc2NCAxMy40MzM2IDEwLjg4NjQgMTMuMTQ1OSA5Ljg0NTg5IDEyLjIxNzlDOS4wMzYxOSAxMS40OTU2IDguNDg5NTUgMTAuNjAzNiA4LjMzMDU3IDEwLjMzMUM4LjE3MTg1IDEwLjA1ODIgOC4zMjkyMiA5LjkyNDk4IDguNDUwMDcgOS43NzUxMkM4Ljc0NDk1IDkuNDA4OTUgOS4wNDAyMiA5LjAyNTA1IDkuMTMwOTkgOC44NDMzN0M5LjIyMTkgOC42NjE1NiA5LjE3NjM4IDguNTAyNDQgOS4xMDgxNyA4LjM2NjE1QzkuMDQwMjIgOC4yMjk4NiA4LjQ5NTQ2IDYuODg5MSA4LjI2ODUzIDYuMzQzNTNDOC4wNDcyNCA1LjgxMjYgNy44MjI4NiA1Ljg4NDMgNy42NTU1NSA1Ljg3NTk4QzcuNDk2ODQgNS44NjgwNSA3LjMxNTE2IDUuODY2NDQgNy4xMzM0OCA1Ljg2NjQ0QzYuOTUxOTQgNS44NjY0NCA2LjY1NjggNS45MzQ1MiA2LjQwNzA0IDYuMjA3MzdDNi4xNTc0MiA2LjQ4MDA5IDUuNDUzODEgNy4xMzg5OSA1LjQ1MzgxIDguNDc5NzVDNS40NTM4MSA5LjgyMDUxIDYuNDI5ODcgMTEuMTE1NyA2LjU2NjAzIDExLjI5NzZDNi43MDIxOCAxMS40Nzk0IDguNDg2ODYgMTQuMjMwNyAxMS4yMTkzIDE1LjQxMDVDMTEuODY5MiAxNS42OTE0IDEyLjM3NjUgMTUuODU4OCAxMi43NzIyIDE1Ljk4NDRDMTMuNDI0OCAxNi4xOTE3IDE0LjAxODQgMTYuMTYyNCAxNC40ODc5IDE2LjA5MjNDMTUuMDExMyAxNi4wMTQxIDE2LjA5OTMgMTUuNDMzMyAxNi4zMjY1IDE0Ljc5NzFDMTYuNTUzNCAxNC4xNjA4IDE2LjU1MzQgMTMuNjE1NSAxNi40ODUyIDEzLjUwMTdDMTYuNDE3MyAxMy4zODgxIDE2LjIzNTYgMTMuMzIgMTUuOTYzMyAxMy4xODM2WiIgZmlsbD0iIzFGNzVENyIvPgo8L3N2Zz4K);
    }

    .sh-contact__link {
        position: relative;
        display: block;
        width: 24px;
        height: 24px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        flex-shrink: 0;
        transition: 0.3s ease;
    }

    .header__call {
        flex-direction: column;
        position: relative;
        top: 0;
    }

    .header__call.is-active .sh-contact__link:not(:first-child) {
        opacity: 1;
        pointer-events: all;
        display: block;
    }

    .header__call.is-active {
        height: 131px;
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
        border-radius: 35px;
        top: 36px;
        z-index: 99999;
        background: #fff;
    }
}

@media (max-width: 767.98px) {
    div.catalog #viewtype-list:checked~* .productlist .prodcard {
        padding: 1.5rem 0;
    }

    div.catalog #viewtype-list:checked~* .productlist .prodcard__name {
        margin: 10px 0 !important;
    }
}

@media (max-width: 767.98px) {
    div.header__bottom {
        height: 7.8rem;
    }

    div.catalog #viewtype-list:checked~* .productlist .actions {
        padding: 0 15px;
    }

    div.catalog #viewtype-list:checked~* .productlist .prodcard__btn {
        padding: .9rem 2.4rem;
    }
}




.delivery__top-bg {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    top: 0px;
    transform: translate(28%, 2.7rem);
}


.section:has(.slider_prod) {
    padding-bottom: 0rem !important;
    margin-bottom: unset !important;
    padding-top: 1rem;
}

.slidernewof {
    padding-top: 1rem !important;
    padding-bottom: 0rem !important;
}

section.section.offers {
    padding-top: 0px;
    padding-bottom: 0px;
}

section.section.bnrs2 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  margin-top: 20px;
}


.bnrs2__item_cert .bnrs2__content {
    justify-content: center;
    flex-direction: column-reverse;
}

@media (min-width: 1278px) and (max-width: 1599.98px) {
    .bnrs2__item_cert .bnrs2__content {
        display: flex;
        justify-content: flex-end;
        flex-direction: column-reverse;
    }
}














@media (min-width: 768px) {
    .prodcard .prodcard__name {
        font-size: 1.4rem;
        /* font-weight: 500; */
        -webkit-line-clamp: 3;

    }

    .filter__block-trigger {
        font-size: 1.6rem;

    }

    .filter__title {
        font-size: 1.6rem !important;

    }

    .prodcard__bottom {
        align-content: flex-end;
    }


}

@media (max-width: 768px) {
    .catalog .prodcard__status:not(.m-no) {
        color: var(--primary) !important;
        background-color: unset !important;
    }

    .prodcard__price {
        /* font-size: 2.2rem !important;
        font-weight: 500 !important; */
    }



    .prodcard .prodcard__middle .prodcard__name {
        font-weight: 400;
        -webkit-line-clamp: 3;
    }

    .prodcard__bottom .prodcard__statusprice .prodcard__status.m-yes::before {
        display: block;
    }

    .catalog #viewtype-list:not(:checked)~* .productlist .prodcard__btn.btn_cta:not(.btn_gray):has(.ico) {
        max-width: 3.9rem !important;
    }

    .catalog #viewtype-list:not(:checked)~* .productlist .prodcard__actions {

        left: 1.0rem !important;
        right: 1.0rem !important;
    }

    .prodcard .prodcard__bottom {
        align-items: center;

    }

    .header .header__bottom .hcat__link-ico {
        height: 3.6rem;
        max-width: none;
    }

    .catalog #viewtype-list:checked~* .productlist .prodcard__bottom:has(.prodcard__status:not(.m-no)) .prodcard__statusprice {
        display: flex;
        flex-direction: column;
    }

    .catalog #viewtype-list:checked~* .productlist .prodcard__status:not(.m-no) {
        position: unset !important;
        top: unset !important;
        padding-left: 0px;

    }
}




@media (max-width: 767.98px) {
    .catalog #viewtype-list:not(:checked)~* .productlist {
        gap: 3px;
    }

    .catalog #viewtype-list:not(:checked)~* .productlist .prodcard {
        margin: 0 0px 0px 0 !important;
    }



    div.catalog #viewtype-list:checked~* .productlist .actions {
        padding: 0 0px;
        order: 1;
        max-width: 85px;
    }

    .catalog #viewtype-list:checked~* .productlist .prodcard__bottom:has(.prodcard__status:not(.m-no)) .prodcard__statusprice {
        align-self: center;
        order: 2;
    }

    .catalog .prodcard__status:not(.m-no) {
        /* display: none !important; */
        /* 26.05.25 */

    }

    .catalog #viewtype-list:not(:checked)~* .productlist .prodcard__btn.btn_cta:not(.btn_gray):has(.ico) {
        /* max-width: 7.5rem !important; */
        /* 26.05.25 */
    }



    div.catalog #viewtype-list:checked~* .productlist .prodcard__btn {
        padding: .9rem 1.4rem !important;
        order: 3;
    }

    div.catalog #viewtype-list:checked~* .productlist .prodcard__price {
        font-size: 2.2rem;
    }

    /* div.catalog #viewtype-list:checked~* .productlist  .prodcard__actions::after, .prodcard__actions::before {
            display: none;
        } */
    div.catalog #viewtype-list:checked~* .productlist .actions {
        padding: 0 1px !important;
    }



    [data-theme=light] .catalog #viewtype-list:checked~* .prodcard:not(:first-child) {
        border-top-width: 1px;
        margin-top: .0rem !important;
    }


    .catalog #viewtype-list:checked~* .productlist .prodcard__status:not(.m-no) {
        /* display: none; */
    }

    div.catalog #viewtype-list:checked~* .productlist .nal_status_list_style,
    div.catalog #viewtype-list:checked~* .productlist .nal_status_list_style .prodcard__status {
        display: none;
    }
}














.catalog #viewtype-list:not(:checked)~* .productlist .prodcard__actions {
    position: absolute;
    z-index: 5;
    top: 1rem;
    left: 1.6rem;
    right: 1.6rem;
    min-height: 1.8rem;
    width: auto;
    max-width: none;
    justify-content: space-between !important;
}

.catalog #viewtype-list:not(:checked)~* .prodcard__actions::after,
.catalog #viewtype-list:not(:checked)~* .prodcard__actions::before {
    display: none;
}

.catalog #viewtype-list:not(:checked)~* .prodcard__bottom {
    align-items: center;
}

.catalog #viewtype-list:not(:checked)~* .prodcard__status {
    /* display: none; */
}

.catalog #viewtype-list:checked~* .prodcard__status {
    /* display: none; */
    /* 26.05.25 */
}












.main-page.main .article__content,
.main-page.main .inside-wrapper,
.main-page.main .inside-wrapper-md,
.main-page.main .inside-wrapper-sm {
}

.header__bottom .inside-wrapper {
    max-width: 192rem;
}
.header__top .inside-wrapper{
max-width: 192rem;
}

#bx_651765591_1942 .hcat__link-ico,
#bx_651765591_1942 .hcat__link-ico path {
    fill: transparent;
}

#bx_651765591_1943 .hcat__link-ico,
#bx_651765591_1943 .hcat__link-ico path {
    fill: transparent;
    /* stroke: rgb(30 203 17); */
}

html:not([data-theme="light"]):not([data-theme=""]):not(:not([data-theme])) #bx_651765591_1942 .hcat__link-ico,
html:not([data-theme="light"]):not([data-theme=""]):not(:not([data-theme])) #bx_651765591_1942 .hcat__link-ico path {
    stroke: rgb(30 203 17);
}
html:not([data-theme="light"]):not([data-theme=""]):not(:not([data-theme])) #bx_651765591_1943 .hcat__link-ico,
html:not([data-theme="light"]):not([data-theme=""]):not(:not([data-theme])) #bx_651765591_1943 .hcat__link-ico path {
    stroke: rgb(30 203 17);
}

.catalog__head .tags__tag {
    padding: var(--tag-pad, .9rem .9rem);
}



@media (min-width: 1278px) and (max-width: 1599.98px) {
    .product {
        grid-template-columns: 51rem 1fr 38rem !important;
    }

    .product__controls {
        order: 3;
    }

    .product__about {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem !important;
        grid-column: span 1 !important;
    }

    .product__info .product__specs {
        order: 1;
    }

    .product__info .product__descr {
        order: 2;
    }
}
@media (min-width: 1278px) and (max-width: 1399.98px) {
    .product {
        grid-template-columns: 50rem 1fr 30rem !important;
    }
}
@media (min-width: 1278px) {
    .w100 {
        min-width:100%;
    }
}
@media (min-width: 768px) {
    .cart-prodcard_nocontrols .cart-prodcard__price {
		width: 165px;
	}
}
ul.pagination__list{
    max-width: 64%;
    margin: 0 auto;
}
div.pagination{
    margin-top:0;
}
.load_more {
    margin-top: 30px;
    padding: 10px 40px;
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: center;
}
/*  ///////// */

@media (min-width: 768px) {
    #viewtype-list:checked~* .productlist .prodcard .prodcard__price{
        font-size: 28px;
        line-height: 38px;
    }
}
div.prodcard.m-outofstock .prodcard__bottom{
    opacity: 1;
}

.cart-engraving-option {
    border-bottom: 1px solid #f0f0f0;
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1.2rem !important;
    margin-top: -5rem !important;
}

.cart__list .cart-engraving-option {
    width: 100%;
}

.engraving-checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.engraving-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
}

.engraving-checkbox {
    margin-right: 1rem;
}

.engraving-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    vertical-align: middle;
    margin-right: 0.8rem;
}

.engraving-checkbox:checked {
    background-color: #fff;
    border-color: #72bf42;
}

.engraving-checkbox:checked::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 4px;
    width: 5px;
    height: 10px;
    border: solid #72bf42;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.engraving-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    /* background: #f1f1f1; */
    color: #999999;
    border: 1px solid #999999;
    text-align: center;
    font-size: 14px;
    margin-left: 5px;
    cursor: help;
    position: relative;
}

.engraving-tooltip-content {
    /* display: none; */
    position: absolute;
    top: 25px;
    left: -20px;
    z-index: 1000;
    width: 300px;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    flex-direction: row-reverse;
    width: 450px;
    height: 140px;
    background: #edf3f5;
}

.engraving-tooltip-text {
    margin-bottom: 10px;
    font-size: 1.2rem;
    color: #000;
    height: inherit;
    padding: 20px;
}

.engraving-tooltip-image {
    text-align: center;
}

.engraving-tooltip-image img {
    max-width: 156px;
    height: -webkit-fill-available;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
}

/* Basket styles for engraving */
.cart-prodcard__prop--engraving {
    background-color: #f9f9f9;
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.prop-name {
    font-weight: 500;
    margin-right: 5px;
}

.basket-tooltip {
    z-index: 1100;
}

@media (max-width: 767.98px) {
    .engraving-tooltip-content {
        width: 20rem;
        left: 50px;
        flex-direction: column-reverse;
        align-items: center;
        height: auto;

    }

    .engraving-tooltip-image img {
        width: 20rem;
        max-width: unset;
        height: auto;
        border-bottom-left-radius: 0rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

    .basket-tooltip {
        left: 0;
        right: auto;
    }
}

/* Checkout engraving styles */
.checkout-prodcard__property {
    margin-top: 8px;
    font-size: 1.4rem;
    background-color: #f9f9f9;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
}

.checkout-prodcard__property-name {
    color: #72bf42;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .desktop-engraving {
        display: none !important;
    }

    .mobile-engraving {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .desktop-engraving {
        display: block !important;
    }

    .mobile-engraving {
        display: none !important;
    }
}
@media (min-width: 1366px) {
    span.bnrs2__title{
        max-width: 100%;
    }
}

.radiocheck__text.small_text{
    font-size: 1rem;
}
.radiocheck__text.small_text a{
    color:#81BF42;
}

.main-page.main .article__content,
.main-page.main .inside-wrapper,
.main-page.main .inside-wrapper-md,
.main-page.main .inside-wrapper-sm {
}

.header__bottom .inside-wrapper {
    max-width: 192rem;
}

.header__top .inside-wrapper {
    max-width: 192rem;
}

div.status-mb {
	display: inline-flex;
	margin-right:5px;
}

.specs__val .engraving-help-icon:hover .engraving-tooltip-content{
	display:flex !important;
	height: auto !important;
}
@media (max-width: 768px) {
	.specs__val .engraving-help-icon:hover .engraving-tooltip-content{
		left:-195px !important;
	}
}
.sliderprod .swiper-wrapper{
    padding-bottom:1px;
}
.product .engraving-checkbox-wrapper span{
    font-weight:bold;
}

.red-text {
    color: #D64849;
}
.product__cable-availability {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 5px;
    background: #FFFFFF;
    border: 1px solid #DDE1E6;
    border-radius: 10px;
    width: 100%;
    justify-content: space-around;
    order: 3;
}
.cable-availability_img {
    width: 37px;
    height: 28px;
}

.cable-availability_wrapper {
    display: flex;
    align-items: center;
    gap: 5px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.cable-availability_btn {
    padding: 10px !important;
    border-radius: 10px !important;
}

.product__cable-availability.second{
    display: none;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 5px;
    background: #FFFFFF;
    border: 1px solid #DDE1E6;
    border-radius: 10px;
    justify-content: space-around;
}

.product__cable-availability--popup{
    width: fit-content;
    order: -1;
}

@media (max-width: 991.98px) {
    .product__cable-availability.second {
        display: flex;
        width: auto;
    }
}/* CORE FIXES FOR REACT SWIPER */

.js_swiper_prod {
  width: 27rem;
}

.slider__slide.product_slide {
  width: 27rem !important;
}

.swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.swiper-slide {
  width: 100%;
  height: auto;
  flex-shrink: 0;
  display: block;
}

.mainslider__slide-img,
.mainslider__slide-pic,
.mainslider__slide-link,
.mainslider__slide {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainslider__slide-pic {
  width: 100%;
  height: 100%;
}

.mainslider__slide-img {
  width: 100%;
  height: 100%;
  display: block;
}


/* Start:/local/templates/main/components/bitrix/sale.basket.basket/basket/style.css?172401244951657*/
.symbol_ruble { font-family: 'rubleBitrix', Arial, sans-serif }

.basket-checkout-container {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	margin-bottom: 20px;
	padding: 15px 25px;
	border: 1px solid #e2dfdf;
	border-radius: 2px;
	background-color: #fff;
	opacity: 1;
	transition: opacity 250ms ease;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.basket-checkout-container.basket-checkout-container-fixed {
	position: fixed;
	top: 0;
	z-index: 100;
}

.basket-checkout-container.basket-checkout-container-fixed-hide {
	opacity: 0;
}

/*region Coupon*/
.basket-coupon-section {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.basket-coupon-block-field-description {
	color: #a1a1a1;
	font: 400 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-coupon-block-field {
	padding-right: 10px;
	min-width: 235px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.basket-coupon-block-coupon-btn {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	margin-top: -4px;
	padding: 0;
	width: 8px;
	height: 8px;
	border: none;
	border-right: 2px solid #8da3ad;
	border-bottom: 2px solid #8da3ad;
	border-radius: 0;
	background-color: transparent;
	content: "";
	cursor: pointer;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.basket-coupon-alert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	min-height: 0;
	width: 100%;
	font: 400 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: start;
	align-items: flex-start;
	/*justify-content: space-between;*/
}

.basket-coupon-text {
	position: relative;
	display: block;
	padding-left: 18px;
	word-break: break-all;
	word-break: break-word;
}

.text-muted .basket-coupon-text:after {
	position: absolute;
	top: 0;
	left: 2px;
	width: 6px;
	height: 10px;
	border-right: 2px solid #7ad500;
	border-bottom: 2px solid #7ad500;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.basket-coupon-alert .close-link {
	margin-left: 10px;
	border-bottom: 1px dotted;
	color: #3e86de;
	text-decoration: none;
	font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	opacity: 1;
	cursor: pointer;
	transition: 220ms ease all;
}

.basket-coupon-alert .close-link:hover { border-color: transparent; }

@media (max-width: 991px) {
	.basket-checkout-container {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}

	.basket-coupon-section {
		-ms-flex-order: 1;
		max-width: 100%;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}

	.basket-coupon-alert-section {
		-ms-flex-order: 2;
		margin-bottom: 15px;
		-webkit-box-ordinal-group: 3;
		order: 2;
	}

	.basket-coupon-block-field {
		padding-right: 0;
		min-width: 100%;
	}

	.basket-coupon-block-field .form-group {
		display: inline-block;
		margin-bottom: 10px;
		width: 100%;
	}

	.basket-coupon-block-field .form-control {
		display: block;
		width: 100%;
	}
}

/*endregion*/

/*region Checkout*/
.basket-checkout-section {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.basket-checkout-section-inner {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.basket-checkout-block { }

/**/
.basket-checkout-block-total {
	padding-top: 21px;
	padding-right: 10px;
	text-align: right;
}

.basket-checkout-block-total-inner {
	display: inline-block;
	max-width: 100%;
	text-align: left;
}

.basket-checkout-block-total-title {
	color: #2f3435;
	font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-checkout-block-total-description {
	color: #a1a1a1;
	font: 400 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**/
.basket-checkout-block-total-price {
	padding-left: 10px;
	text-align: right;
}

.basket-checkout-block-total-price-inner {
	position: relative;
	display: inline-block;
	padding-top: 17px;
	text-align: right;
}

.basket-coupon-block-total-price-current {
	margin-bottom: 7px;
	color: #2f3435;
	text-align: right;
	white-space: nowrap;
	font: 36px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	transition: 180ms text-shadow ease, 180ms color ease;
}

.basket-coupon-block-total-price-old {
	position: absolute;
	top: 3px;
	right: 0;
	color: #a1a1a1;
	text-align: right;
	font: 400 18px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-coupon-block-total-price-old:after {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
	background-size: 100% 100%;
	content: '';
}

.basket-coupon-block-total-price-difference {
	display: inline-block;
	padding: 5px 6px 6px;
	background: #d1ecf1;
	color: #179ebb;
	text-align: center;
	font: 400 13px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**/
.basket-checkout-block-btn {
	padding-top: 13px;
	padding-left: 15px;
	text-align: right;
}

.basket-btn-checkout {
	border-radius: 2px;
	font-weight: var(--ui-font-weight-bold);
	font-size: 16px;
}

.basket-notification-section { width: 100%; }

.basket-block-notification {
	position: relative;
	display: block;
	margin-top: 10px;
	padding: 8px 15px;
	min-width: 100%;
	width: 100%;
	border-radius: 1px;
	background-color: #edf8e0;
	color: #6a9997;
	font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-block-notification:after {
	position: absolute;
	top: -7px;
	right: 80px;
	width: 16px;
	height: 16px;
	background-color: #edf8e0;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@media (max-width: 991px) {
	.basket-checkout-block-btn {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.basket-checkout-section {
		-ms-flex-order: 3;
		-webkit-box-ordinal-group: 4;
		order: 3
	}

	.basket-notification-section {
		-ms-flex-order: 4;
		-webkit-box-ordinal-group: 5;
		order: 4
	}
}

@media (max-width: 580px) {
	.basket-checkout-block-btn {
		padding-left: 0;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
	}

	.basket-checkout-section-inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.basket-checkout-block-total { min-width: 150px; }

	.basket-checkout-block-total-price { text-align: right; }

	.basket-btn-checkout {
		margin: 10px 0;
		width: 100%
	}

	.basket-block-notification:after {
		top: -3px;
		right: auto;
		left: 50%;
		-webkit-transform: rotate(45deg) translateX(-50%);
		-ms-transform: rotate(45deg) translateX(-50%);
		transform: rotate(45deg) translateX(-50%);
	}
}

@media (max-width: 460px) {
	.basket-checkout-block {
		display: block;
		min-width: 100%;
		width: 100%;
	}

	.basket-checkout-block-total {
		text-align: left;
	}
}

/*endregion*/

/*region Basket item list wrapper*/
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
	margin-bottom: 15px;
	border: 1px solid #e2dfdf;
}

/*header*/
.basket-items-list-header {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
	padding: 13px 25px;
	border-bottom: 1px solid #e2dfdf;
	background: #f2f2f2;
	transition: 300ms padding ease;
	-webkit-box-align: center;
	align-items: center;
}

.basket-items-list-header.basket-items-list-header-fixed {
	position: fixed;
	top: 0;
	z-index: 99;
	margin-left: -1px;
	border: 1px solid #e2dfdf;
}

.basket-items-list-wrapper-light .basket-items-list-header { display: none !important; }

.basket-items-list-header-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: 300ms all ease;
	-o-text-overflow: ellipsis;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.basket-items-search-field + .basket-items-list-header-title { padding-left: 10px; }

.basket-items-search-field + .basket-items-list-header-filter {
	padding-left: 10px;
	text-align: right;
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.basket-items-search-field .form-control { z-index: 1; }

.basket-items-list-header-filter-item {
	margin-left: 5px;
	border-bottom: 1px dotted;
	color: #3e86de;
	text-decoration: none;
	font: var(--ui-font-weight-bold) 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
	transition: 220ms ease;
}

.basket-items-list-header-filter-item:hover {
	color: #2462de;
	text-decoration: none;
}

.basket-items-list-header-filter-item.active {
	border-bottom: none;
	color: #2f3435;
	text-decoration: none;
	cursor: default;
}

.basket-items-search-field {
	transition: 300ms all ease;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.basket-items-search-field .input-group-addon {
	white-space: nowrap;
	-ms-flex-wrap: wrap;
}

.basket-items-search-field button.close {
	position: relative;
	bottom: -1px;
	display: inline-block;
	float: none;
	line-height: 11px;
}

@media (max-width: 991px) {
	.basket-items-list-header { padding: 10px 9px 11px; }

	.basket-items-list-header-title {
		font-size: 12px;
		line-height: 15px;
	}
}

@media (max-width: 767px) {
	.basket-items-list-header {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal
	}

	.basket-items-search-field { width: 100%; }
}

/*endregion*/

.basket-items-list-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.basket-items-list-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
	opacity: .7;
	-webkit-animation-name: ShowOverlay;
	animation-name: ShowOverlay;
	-webkit-animation-duration: 200ms;
	animation-duration: 200ms;
}

@-webkit-keyframes ShowOverlay {
	0% { opacity: 0; }
	100% { opacity: .7; }
}

@keyframes ShowOverlay {
	0% { opacity: 0; }
	100% { opacity: .7; }
}

.basket-items-list {
	position: relative;
	padding: 0 25px;
}

.basket-items-list-table {
	width: 100%;
	border-collapse: collapse;
}

.basket-items-list-item-container { position: relative; }

.basket-items-list-item-container > td { border-top: 1px solid #f2f2f2; }

.basket-items-list-wrapper-compact .basket-items-list-item-container > td { padding-bottom: 12px; }

.basket-items-list-item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
	opacity: .7;
}

.basket-items-list-item-container.basket-items-list-item-container-gift,
.basket-items-list-item-container.basket-items-list-item-container-gift > td,
.basket-items-list .basket-items-list-item-container:first-child > td { border-top: none !important; }

@media (max-width: 767px) {
	.basket-items-list-item-container.basket-items-list-item-container-gift,
	.basket-items-list-item-container.basket-items-list-item-container-gift > td,
	.basket-items-list .basket-items-list-item-container:first-child > td {
		margin: 0;
		padding-top: 0;
		border-top: none !important;
	}
}

.basket-items-list-item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
	opacity: .7;
}

.basket-items-list-item-descriptions {
	-ms-flex-order: 1;
	padding-top: 20px;
	width: 100%;
	vertical-align: top;
	-webkit-box-ordinal-group: 2;
	order: 1;
}

.basket-items-list-item-descriptions-inner {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
}

/*region Image*/
.basket-item-block-image {
	position: relative;
	-ms-flex-order: 1;
	padding-right: 15px;
	padding-bottom: 10px;
	min-width: 48px;
	max-width: 148px;
	width: 100%;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
}

.basket-items-list-wrapper-compact .basket-item-block-image {
	display: block;
	padding-bottom: 0;
	min-width: 32px;
	max-width: 50px;
	width: auto;
	height: auto;
}

.basket-item-image-link {
	position: relative;
	display: inline-block;
}

.basket-item-image {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	transition: 300ms all ease;
}

.basket-items-list-wrapper-compact .basket-item-image {
	max-width: 50px;
	max-height: 50px;
}

.basket-item-image:hover { border-color: #ee9200; }

@media (max-width: 580px) {

	.basket-item-block-image {
		margin-top: 10px;
		margin-bottom: 15px;
		padding-right: 0;
		max-width: 100%;
		width: 100%;
	}

	.basket-item-image {
		margin: 10px auto 15px;
		padding-right: 0;
		max-width: 230px;
		max-height: 400px;
		width: auto;
		height: auto;
	}

	.basket-items-list-item-descriptions-inner {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}

	.basket-items-list-wrapper-compact .basket-item-block-image {
		margin-top: 0;
		padding-right: 10px;
	}

	.basket-items-list-wrapper-compact .basket-items-list-item-descriptions-inner {
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
	}

}

/*endregion*/

/*region lable*/

/*Label*/
.basket-item-label-text,
.basket-item-label-ring {
	position: absolute;
	z-index: 90;
	opacity: 1;
	transition: opacity 450ms ease;
}

.basket-items-list-wrapper-compact .basket-item-label-text,
.basket-items-list-wrapper-compact .basket-item-label-ring { display: none }

.basket-item-label-text span,
.basket-item-label-ring {
	display: inline-block;
	clear: both;
	margin-bottom: 2px;
	background: #f42c2c;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	transition: all 250ms ease;
}

.bx-red .basket-item-label-text span,
.bx-red .basket-item-label-ring { background-color: #fba90c; }

.basket-item-label-text > div,
.basket-item-label-ring > div { line-height: 0; }

/* TEXT */
.basket-item-label-text span {
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: var(--ui-font-weight-bold);
}

.basket-item-label-text.basket-item-label-small span {
	margin-bottom: 1px;
	padding: 2px 7px;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}

.basket-item-label-text.basket-item-label-big span {
	padding: 4px 10px;
	font-size: 12px;
	line-height: 17px;
}

@media (max-width: 767px) {
	.basket-item-label-text > div { line-height: 0; }

	.basket-item-label-text.basket-item-label-small span {
		margin-bottom: 1px;
		padding: 2px 7px;
		font-size: 11px;
		line-height: 14px;
	}

	.basket-item-label-text.basket-item-label-big span {
		margin-bottom: 1px;
		padding: 3px 12px;
		font-size: 13px;
		line-height: 16px;
	}
}

/*RING*/
.basket-item-label-ring {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	font-weight: var(--ui-font-weight-bold);
}

.basket-item-label-ring.basket-item-label-small {
	width: 40px;
	height: 40px;
	font-size: 13px;
	line-height: 40px;
}

.basket-item-label-ring.basket-item-label-big {
	width: 50px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
}

@media (max-width: 767px) {
	.basket-item-label-ring.basket-item-label-small {
		width: 24px;
		height: 24px;
		font-size: 8px;
		line-height: 24px;
	}

	.basket-item-label-ring.basket-item-label-big {
		width: 30px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
}

.basket-item-label-top { top: -2px; }

.basket-item-label-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.basket-item-label-center > div { text-align: center; }

.basket-item-label-left { left: -2px; }

.basket-item-label-left > div { text-align: left; }

.basket-item-label-bottom { bottom: -2px; }

.basket-item-label-middle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.basket-item-label-right { right: -2px; }

.basket-item-label-right > div { text-align: right; }

.basket-item-label-center.product-item-label-middle {
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

/*endregion*/

/*region Info*/
.basket-item-block-info {
	-ms-flex-order: 2;
	padding: 0;
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
	-webkit-box-ordinal-group: 3;
	order: 2;
}

@media (max-width: 580px) {
	.basket-item-block-info {
		-webkit-box-flex: 6;
		-ms-flex: 6;
		flex: 6;
	}
}

/*region Name*/
.basket-item-info-name,
.basket-item-info-name-link {
	margin: 0;
	padding: 0 20px 0 0;
	color: #2f3435;
	text-decoration: none;
	word-break: break-all;
	word-break: break-word;
	font: 16px/26px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	transition: 300ms all ease;
}

/*.basket-item-actions-remove + .basket-item-info-name {
	margin-right: 30px;
}*/

h2.basket-item-info-name {
	margin-bottom: 5px;
	padding-top: 0;
}

.basket-item-highlighted { background: #ff0; }

.basket-items-list-wrapper-compact .basket-item-info-name { margin-bottom: 5px }

.basket-item-info-name-link:hover {
	text-decoration: underline;
	cursor: pointer;
}

@media (max-width: 768px) {
	.basket-item-info-name,
	.basket-item-info-name-link {
		vertical-align: middle;
		font-size: 15px;
		line-height: 17px;
	}

	.basket-item-info-name { padding-top: 10px; }
}

/*endregion*/

.basket-item-block-common {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-order: 4;
	-ms-flex-pack: end;
	-ms-flex-align: start;
	-ms-flex: 2;
	-ms-flex-wrap: nowrap;
	-ms-flex-line-pack: baseline;
	flex-wrap: nowrap;
	-webkit-box-pack: end;
	-webkit-box-align: start;
	-webkit-box-ordinal-group: 5;
	-webkit-box-flex: 2;
	justify-content: flex-end;
	align-content: baseline;
	align-items: flex-start;
	flex: 2;
	order: 4;
}

.basket-items-list-wrapper-compact .basket-item-block-common {
	-ms-flex-pack: end;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.basket-item-block-common {
		padding: 5px 0;
		min-width: 100%;
	}

	.basket-items-list-wrapper .basket-item-block-common {
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
	}

	.basket-items-list-wrapper .basket-item-block-common > div {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.basket-items-list-wrapper-compact .basket-item-block-common {
		-ms-flex-pack: end;
		padding: 17px 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		justify-content: flex-end;
	}
}

@media (max-width: 460px) {
	.basket-items-list-wrapper .basket-item-block-common {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: end;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	/*.basket-item-price-old { right: 10px; }*/
	.basket-item-price-current { text-align: right; }
}

/*region Properties*/
.basket-item-block-properties {
	-webkit-box-flex: 5;
	-ms-flex: 5;
	flex: 5
}

.basket-item-property,
.basket-item-property-custom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	padding-bottom: 4px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.basket-items-list-wrapper-compact .basket-item-property,
.basket-items-list-wrapper-compact .basket-item-property-custom {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 10px;
	padding-bottom: 0;
	-ms-flex-line-pack: center;
	align-content: center;
}

.basket-item-property-name,
.basket-item-property-custom-name {
	margin-right: 5px;
	color: #a1a1a1;
	font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-property-value,
.basket-item-property-custom-value {
	color: #4a4a4a;
	font: var(--ui-font-weight-bold) 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*region Custom Column*/

.basket-item-property-custom { padding-right: 15px; }

.basket-item-property-custom-content { padding: 3px 0; }

.basket-item-property-custom.basket-item-property-custom-photo { display: block; }

.basket-item-property-custom-photo .basket-item-property-custom-value {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-ms-flex-align: stretch;
	min-height: 64px;
	word-spacing: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.basket-item-property-custom-photo .basket-item-property-custom-value span { display: inline-block; }

.basket-item-custom-block-photo-link {
	display: block;
	margin-right: 5px;
}

.basket-item-custom-block-photo-item {
	margin-right: 3px;
	width: auto;
	height: 64px;
	border: 1px solid #e4e4e4;
	transition: 300ms all ease;
}

.basket-item-custom-block-photo-item:hover { border-color: #ee9200; }

@media (max-width: 580px) {
	.basket-item-property-custom { padding-right: 0; }

	.basket-items-list-wrapper-compact .basket-item-property-custom { padding-right: 10px; }
}

/*endregion*/

/*scu*/
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-text,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-image,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-scu-color {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.basket-item-property.basket-item-property-scu-text,
.basket-item-property.basket-item-property-scu-image,
.basket-item-property.basket-item-scu-color { display: block; }

.basket-item-scu-list {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0;
	padding: 0;
	list-style: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.basket-item-scu-item,
.basket-item-scu-item.not-available:hover {
	position: relative;
	display: inline-block;
	margin: 2px 3px 3px 0;
	padding: 0;
	border: 1px solid #eeecef;
	cursor: pointer;
	transition: 300ms all ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.basket-item-scu-item:hover,
.basket-item-scu-item.selected,
.basket-item-scu-item.not-available:hover { border-color: #006cc0; }

.basket-item-scu-item.selected:hover { cursor: default }

.basket-item-scu-item.not-available:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%220%22%20stroke-width%3D%221%22%20stroke%3D%22%23a1a1a1%22/%3E%0A%3C/svg%3E);
	background-size: 100% 100%;
	content: '';
}

.basket-item-scu-item-inner {
	display: block;
	transition: 300ms all ease;
}

.basket-item-scu-item.not-available .basket-item-scu-item-inner { opacity: .5; }

.basket-item-scu-color .basket-item-scu-item-inner,
.basket-item-property-scu-image .basket-item-scu-item-inner {
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.basket-items-list-wrapper-compact .basket-item-scu-color .basket-item-scu-item-inner,
.basket-items-list-wrapper-compact .basket-item-property-scu-image .basket-item-scu-item-inner {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}

.basket-item-property-scu-text .basket-item-scu-item-inner {
	padding: 3px 5px;
	min-width: 30px;
	text-align: center;
	font: var(--ui-font-weight-bold) 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-items-list-wrapper-compact .basket-item-property-scu-text .basket-item-scu-item-inner {
	padding: 1px 2px;
	font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
	.basket-item-property-name,
	.basket-item-property-value { font-size: 11px; }
}

@media (max-width: 580px) {
	.basket-item-block-properties { margin-bottom: 10px; }

	.basket-items-list-wrapper-compact .basket-item-block-properties { margin-bottom: 0; }

	.basket-item-property-scu-image .basket-item-scu-item-inner,
	.basket-item-scu-color .basket-item-scu-item-inner {
		width: 20px;
		height: 20px;
		border: 1px solid #fff;
	}

	.basket-item-property-scu-text .basket-item-scu-item-inner {
		padding: 2px 3px;
		min-width: 25px;
		text-align: center;
		font: var(--ui-font-weight-bold) 11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

/*endregion*/

/*region Amount*/
.basket-items-list-item-amount {
	-ms-flex-order: 3;
	padding-top: 20px;
	vertical-align: top;
	-webkit-box-ordinal-group: 4;
	order: 3;
}

.basket-item-block-amount {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: end;
	-ms-flex-align: start;
	padding: 0 10px;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.basket-items-list-wrapper-compact .basket-item-block-amount {
	margin-bottom: 0;
	padding-bottom: 0;
}

.basket-item-amount-filed-block { position: relative; }

.basket-item-amount-filed,
.basket-item-block-amount.disabled .basket-item-amount-filed:hover {
	padding: 0;
	width: 60px;
	height: 28px;
	outline: none;
	border: 1px solid #e4e4e4;
	border-radius: 1px;
	vertical-align: middle;
	text-align: center;
	font: var(--ui-font-weight-bold) 18px/27px "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: 300ms all ease;
}

.basket-item-block-amount.disabled .basket-item-amount-filed { background-color: #f3f3f3; }

.basket-item-amount-filed:hover,
.basket-item-amount-filed:focus { border-color: #006cc0; }

.basket-item-amount-filed::-webkit-outer-spin-button,
.basket-item-amount-filed::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	margin: 0;
	-webkit-appearance: none; /* <-- Apparently some margin are still there even though it's hidden */
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.basket-item-amount-filed.basket-updated {
	-webkit-animation-name: basketAmountFiledUpdated;
	animation-name: basketAmountFiledUpdated;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
}

@-webkit-keyframes basketAmountFiledUpdated {
	0%, 100% { border-color: #e4e4e4; }
	50% { border-color: #ee9200; }
}

@keyframes basketAmountFiledUpdated {
	0%, 100% { border-color: #e4e4e4; }
	50% { border-color: #ee9200; }
}

.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
	position: relative;
	width: 28px;
	height: 28px;
	cursor: pointer;
	transition: 300ms all ease;
	-webkit-user-select: none;
}

.basket-item-amount-btn-plus:hover,
.basket-item-amount-btn-minus:hover { background-color: #efefef; }

.basket-item-block-amount.disabled .basket-item-amount-btn-plus,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus {
	background-color: transparent;
	cursor: default;
}

.basket-item-amount-btn-plus:before,
.basket-item-amount-btn-plus:after,
.basket-item-amount-btn-minus:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -5px;
	width: 10px;
	height: 2px;
	background-color: #979797;
	content: "";
	transition: 300ms all ease;
}

.basket-item-amount-btn-plus:hover:before,
.basket-item-amount-btn-plus:hover:after,
.basket-item-amount-btn-minus:hover:after { background-color: #535353; }

.basket-item-block-amount.disabled .basket-item-amount-btn-plus:before,
.basket-item-block-amount.disabled .basket-item-amount-btn-plus:after,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus:after { background-color: #f3f3f3; }

.basket-item-amount-btn-plus:before {
	margin-top: -5px;
	margin-left: -1px;
	width: 2px;
	height: 10px;
}

.basket-item-amount-field-description {
	position: absolute;
	top: calc(100% + 1px);
	right: 0;
	left: 0;
	color: #a1a1a1;
	text-align: center;
	font: italic 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 991px) {
	.basket-item-block-amount {
		position: relative;
		-ms-flex-pack: center;
		margin-bottom: 13px;
		-webkit-box-pack: center;
		justify-content: center;
	}

	.basket-item-amount-btn-plus,
	.basket-item-amount-btn-minus {
		border: 1px solid #e4e4e4;
		background-color: #f5f6f7;
	}

	.basket-item-amount-btn-plus {
		border-left: none;
		border-radius: 0 1px 1px 0;
	}

	.basket-item-amount-btn-minus {
		border-right: none;
		border-radius: 1px 0 0 1px;
	}
}

@media (max-width: 767px) {
	.basket-item-block-amount { padding-top: 19px; }
}

@media (max-width: 580px) {
	.basket-item-block-amount { padding-top: 0; }
}

/*endregion*/

/*region Price*/
.basket-items-list-item-price {
	-ms-flex-order: 4;
	padding-top: 0;
	vertical-align: top;
	-webkit-box-ordinal-group: 5;
	order: 4;
}

.basket-items-list-item-price-for-one {
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	order: 2
}

.basket-item-block-price {
	position: relative;
	padding-top: 20px;
	text-align: right;
	white-space: nowrap;
}

.basket-item-price-title {
	padding-top: 1px;
	color: #a1a1a1;
	text-align: right;
	font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-price-current {
	padding-top: 1px;
	color: #2f3435;
	vertical-align: bottom;
	line-height: 24px;
}

.basket-item-price-current-text {
	letter-spacing: -.33px;
	font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: 180ms text-shadow ease, 180ms color ease;
}

.basket-item-price-old {
	position: absolute;
	top: 5px;
	right: 0;
	color: #a1a1a1;
	vertical-align: middle;
	line-height: 15px;
}

.basket-item-price-old-text {
	position: relative;
	display: inline-block;
	font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-price-old-text:after {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
	background-size: 100% 100%;
	content: '';
}

.basket-item-price-difference {
	padding: 3px;
	max-width: 100%;
	background: #d1ecf1;
	color: #179ebb;
	text-align: center;
	white-space: normal;
	font: 400 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {

	.basket-items-list-item-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
	}

	.basket-items-list-item-descriptions { min-width: 100%; }
}

@media (max-width: 580px) {

	.basket-items-list-item-price {
		-ms-flex-order: 5;
		vertical-align: top;
		-webkit-box-ordinal-group: 6;
		order: 5;
	}

	.basket-items-list-item-price-for-one {
		-ms-flex-order: 4;
		-webkit-box-ordinal-group: 5;
		order: 4
	}

	.basket-item-block-price {
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 10px;
		min-width: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.basket-item-price-old { right: 10px; }

	.basket-items-list-item-amount {
		display: block;
		padding: 0 0 20px;
		min-width: 100%;
	}

	.basket-item-block-price {
		padding-right: 10px;
		padding-left: 10px;
	}

	.basket-items-list-item-price-for-one .basket-item-price-current { }

	.basket-items-list-wrapper-compact .basket-item-block-price {
		min-width: 0;
		text-align: right;
	}

	.basket-items-list-wrapper-compact .basket-item-block-price > div { text-align: right; }

	.basket-item-block-price .basket-item-price-difference {
		-ms-flex-order: 1;
		padding: 5px 6px 6px;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}

}

/*endregion*/

/*region Actions*/
.basket-items-list-item-remove {
	padding-top: 17px !important;
	vertical-align: top;
}

.basket-item-block-actions {
	position: relative;
	opacity: 0;
	transition: 300ms opacity ease;
}

.bx-touch .basket-item-block-actions,
.basket-items-list-item-container:hover .basket-item-block-actions { opacity: 1; }

.basket-item-actions-remove {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.basket-item-actions-remove:after,
.basket-item-actions-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 14px;
	background: #d0021b;
	content: '';
	transition: 300ms background-color ease;
}

.basket-item-actions-remove:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.basket-item-actions-remove:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.basket-item-actions-remove:hover:after,
.basket-item-actions-remove:hover:before { background-color: #7e000f; }

.basket-item-block-info .basket-item-actions-remove {
	position: absolute;
	top: -4px;
	right: 0;
}

.basket-items-list-wrapper-compact .basket-item-block-actions {
	position: relative;
	top: auto;
	right: auto;
	padding-left: 10px;
}

/*endregion*/

/*endregion*/

@media (max-width: 767px) {
	.basket-items-list-table,
	.basket-items-list-table thead,
	.basket-items-list-table tbody,
	.basket-items-list-table tr { display: block !important; }

	tr.basket-items-list-item-container {
		display: -ms-flexbox !important;
		display: -webkit-box !important;
		display: flex !important;
		-ms-flex-pack: center;
		-ms-flex-align: start;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #f2f2f2;
		-webkit-box-align: flex-start;
		align-items: flex-start;
		-webkit-box-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.basket-items-list-table tr.basket-items-list-item-container:first-child,
	.basket-items-list-table tbody tr.basket-items-list-item-container:first-child { border: none; }

	.basket-items-list .basket-items-list-item-container > td { border-top: none; }

	td.basket-items-list-item-amount,
	td.basket-items-list-item-price,
	td.basket-items-list-item-remove { display: inline-block; }

	td.basket-items-list-item-descriptions {
		padding-bottom: 10px;
		min-width: 100%;
	}

	td.basket-items-list-item-descriptions,
	td.basket-items-list-item-notification {
		display: block;
		padding-top: 0;
	}

	.basket-items-list-item-price { padding: 3px 0; }

	td.basket-items-list-item-remove { padding: 34px 0 0 !important; }
}

@media (max-width: 580px) {

	.basket-items-list-item-price .basket-item-block-price .basket-item-price-title { display: block; }

	td.basket-items-list-item-remove {
		display: block;
		padding: 0;
	}

	td.basket-items-list-item-remove {
		padding: 0 !important;
		text-align: center;
	}

	.basket-item-block-actions { display: inline-block; }
}

.basket-items-list-item-notification-inner {
	position: relative;
	transition: 220ms all ease;
}

/**/

.basket-items-list-item-container.basket-items-list-item-container-expend { display: table-row; }

.basket-items-list-item-container-expend .basket-items-list-item-removed-container {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	padding: 10px 0;
	border-radius: 2px;
	background-color: #e6f8fe;
	color: #333;
	text-align: center;
	transition: 300ms all ease;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.basket-items-list-item-container-expend .basket-items-list-item-removed-container div {
	padding: 0 10px;
	text-align: left;
}

@-webkit-keyframes ShowNote {
	0% { opacity: 0; }
	0%, 50% { background-color: #fff; }
	50%, 100% { opacity: 1; }
	100% { background-color: #e6f8fe; }
}

@keyframes ShowNote {
	0% { opacity: 0; }
	0%, 50% { background-color: #fff; }
	50%, 100% { opacity: 1; }
	100% { background-color: #e6f8fe; }
}

@media (max-width: 768px) {
	.basket-items-list-item-container-collapse .basket-items-list-item-removed-container {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}

	.basket-items-list-item-container-collapse .basket-items-list-item-removed-container div { text-align: center; }
}

.basket-items-list-item-container-collapse .basket-item-block-info,
.basket-items-list-item-container-collapse .basket-item-block-common,
.basket-items-list-item-container-collapse .basket-item-block-image { opacity: 0; }

.basket-items-list-item-container.basket-items-list-item-container-collapse > td > div {
	overflow: hidden;
	height: 80px;
	opacity: 0;
}

.basket-items-list-item-removed-block {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.basket-items-list-item-removed-block .faded {
	color: #ccc;
	cursor: default;
}

.basket-items-list-item-removed-anchor {
	border-bottom: 1px dashed;
	color: #333;
	font-weight: var(--ui-font-weight-bold);
}

.basket-items-list-item-clear-btn {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.basket-items-list-item-clear-btn:after,
.basket-items-list-item-clear-btn:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 14px;
	background: #d0021b;
	content: '';
	transition: 300ms background-color ease;
}

.basket-items-list-item-clear-btn:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.basket-items-list-item-clear-btn:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.basket-items-list-item-clear-btn:hover:after,
.basket-items-list-item-clear-btn:hover:before { background-color: #7e000f; }

.basket-items-list-item-double { margin: 10px 0; }

.basket-items-list-item-double > div {
	margin-bottom: 10px;
	padding: 5px 35px 5px 15px;
}

.basket-items-list-item-double-anchor,
.basket-items-list-item-double-anchor:visited {
	border-bottom: 1px dashed;
	color: #333;
	text-decoration: none;
}

.basket-items-list-item-double-anchor:hover { color: #23527c; }

.basket-items-list-item-warning-container { margin: 10px 0; }

.basket-items-list-item-warning-container > div {
	margin-bottom: 10px;
	padding: 5px 35px 5px 15px;
}

.basket-items-list-wrapper-compact .basket-items-list-item-container {
	-ms-flex-align: start;
	padding: 17px 0;
	-webkit-box-align: start;
	align-items: flex-start;
}

/*region Gifts*/
.basket-item-gifts-list-container {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #fceb9f;
	background: #fffef8;
}

.basket-item-gifts-list-container:after {
	position: absolute;
	top: -10px;
	left: 90px;
	display: block;
	width: 17px;
	height: 17px;
	background-color: #fceb9f;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.basket-item-gifts-list-title {
	padding: 12px 17px;
	background-color: #fceb9f;
	color: #5b5848;
	font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gifts-list { padding: 15px; }

.basket-items-list-gift-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	border-bottom: 1px solid #f3f2ed;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.basket-item-gifts-list .basket-items-list-gift-item:last-child { border-bottom: none; }

/*region Gift image*/
.basket-item-gift-image-container {
	padding: 10px 0;
	min-width: 48px;
	max-width: 100%;
	width: 168px;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.basket-item-gift-image-link { display: inline-block; }

.basket-item-gift-image {
	display: inline-block;
	max-width: 100%;
	max-height: 69px;
	width: auto;
	height: auto;
}

/*endregion*/

/*region Gift title*/
.basket-item-gift-title-container {
	padding: 5px 15px;
	width: 100%;
	-webkit-box-flex: 9;
	-ms-flex: 9;
	flex: 9;
}

.basket-item-gift-title-link {
	color: #333;
	font: 15px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	transition: 300ms all ease;
}

@media (max-width: 580px) {
	.basket-item-gift-title-link { font-size: 13px; }
}

/*endregion*/

/*region Gift price*/
.basket-item-gift-price-container {
	text-align: right;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.basket-item-gift-price-current {
	color: #2f3435;
	font: 400 22px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-old {
	color: #a1a1a1;
	text-decoration: line-through;
	font: 400 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-difference {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	padding: 5px 6px 6px;
	background: #e2f0cb;
	color: #525c69;
	text-align: center;
	text-transform: uppercase;
	font: var(--ui-font-weight-bold) 9px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-box-align: center;
	align-items: center;
}

@media (max-width: 580px) {
	.basket-items-list-gift-item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.basket-item-gift-price-container { min-width: 100%; }
}

/*endregion*/
/*endregion*/

/*region Gift-container*/
.basket-gifts-list-wrapper,
.basket-gifts-list-wrapper-compact {
	margin-bottom: 15px;
	border: 1px solid #e2dfdf;
}

.basket-gifts-list-header {
	padding: 18px 25px 20px;
	border-bottom: 1px solid #e2dfdf;
	background: #f2f2f2;
	font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: 300ms all ease;
}

.basket-clear {
	cursor: pointer;
	pointer-events: auto;
}

.basket-clear:after,
.basket-clear:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 14px;
	background: #a1a1a1;
	content: '';
	transition: 300ms background-color ease;
}

.basket-clear:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.basket-clear:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.basket-clear:hover:after,
.basket-clear:hover:before { background-color: #333; }

@media (max-width: 991px) {
	.basket-gifts-list-header {
		padding: 10px 9px 11px;
		font-size: 12px;
		line-height: 15px;
	}
}

.basket-gifts-list { padding: 0 25px; }

.basket-gifts-description-container {
	padding: 11px;
	color: #868d96;
	text-align: center;
	font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gifts-list-item-container {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	overflow: hidden;
	padding: 20px 0;
	border-top: 1px solid #f2f2f2;
	transition: 300ms all ease;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
}

.basket-gifts-list-item-container:first-child { border-top: none; }

.basket-gift-block-image {
	padding: 5px 15px 5px 0;
	min-width: 50px;
	max-width: 50px;
}

.basket-gift-image-link { display: inline-block; }

.basket-gift-image {
	display: inline-block;
	max-width: 100%;
	max-height: 168px;
	width: auto;
	height: auto;
	transition: 300ms all ease;
}

.basket-gift-block-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }

.basket-gift-info-name,
.basket-gift-info-name-link {
	margin: 0;
	padding: 0;
	color: #2f3435;
	text-decoration: none;
	font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	transition: 300ms all ease;
}

.basket-gift-info-name-link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.basket-gift-block-common {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
}

.basket-gift-item-select-btn-container {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	align-items: center;
}

.basket-gift-item-selected {
	padding: 0 10px;
	color: #b6bbbf;
	font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gift-item-select-btn-label {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 0;
	-webkit-box-align: center;
	align-items: center;
}

.basket-gift-item-select-input { display: none; }

.basket-gift-item-select-btn-radio {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border: 10px solid #fff;
	border-radius: 50%;
	background: #468ee5;
	-webkit-box-shadow: 0 0 0 1px #828b95;
	box-shadow: 0 0 0 1px #828b95;
	cursor: pointer;
	transition: 190ms all ease;
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-radio { border-width: 5px; }

.basket-gift-item-select-btn-text {
	text-transform: lowercase;
	font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.basket-gift-item-select-btn-checkbox {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	width: 19px;
	height: 19px;
	border: 1px solid #828b95;
	border-radius: 2px;
	background-color: #fff;
	cursor: pointer;
}

.basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-btn-checkbox:before {
	position: absolute;
	background-color: #fff;
	content: '';
	opacity: 0;
	transition: 190ms all ease;
}

.basket-gift-item-select-btn-checkbox:after {
	top: 5px;
	left: 5px;
	z-index: 15;
	width: 3px;
	height: 9px;
	border-radius: 1px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.basket-gift-item-select-btn-checkbox:before {
	top: -1px;
	left: 11px;
	z-index: 10;
	width: 5px;
	height: 17px;
	border: 1px solid #fff;
	border-radius: 2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:before {
	background-color: #468ee5;
	opacity: 1;
}

@media (max-width: 797px) {
	.basket-gift-item-select-btn-container {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: end;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	.basket-gift-item-selected {
		-ms-flex-order: 2;
		padding-right: 0;
		text-align: right;
		-webkit-box-ordinal-group: 3;
		order: 2;
	}

	.basket-gift-item-select-btn-label {
		-ms-flex-order: 1;
		text-align: right;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
}

.bx-step-opacity { transition: 500ms opacity ease; }

/*endregion*/

/*region not found*/
.basket-search-not-found {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 0;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.basket-search-not-found-icon {
	margin: 0 auto 80px;
	width: 180px;
	height: 180px;
	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22182px%22%20height%3D%22182px%22%20viewBox%3D%220%200%20182%20182%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.2%22%20fill%3D%22%23A7ABB0%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%2C70.5%20C17%2C40.9473747%2040.9473747%2C17%2070.5%2C17%20C100.052625%2C17%20124%2C40.9473747%20124%2C70.5%20C124%2C100.052625%20100.052625%2C124%2070.5%2C124%20C40.9473747%2C124%2017%2C100.052625%2017%2C70.5%20M178.408149%2C160.192955%20L129.280894%2C111.056302%20C129.216524%2C111.017683%20129.152154%2C110.991937%20129.100658%2C110.953317%20C136.979557%2C99.5348706%20141.614204%2C85.7220257%20141.614204%2C70.8020936%20C141.614204%2C31.6935917%20109.905496%2C0%2070.8071019%2C0%20C31.7087076%2C0%200%2C31.6935917%200%2C70.8020936%20C0%2C109.910596%2031.7087076%2C141.604187%2070.8071019%2C141.604187%20C85.7152154%2C141.604187%2099.5419113%2C136.969868%20110.948292%2C129.091526%20C110.999788%2C129.143019%20111.012662%2C129.220257%20111.064158%2C129.27175%20L160.204287%2C178.408403%20C164.993422%2C183.197199%20172.846573%2C183.197199%20177.635708%2C178.408403%20L178.408149%2C177.623143%20C183.197284%2C172.834347%20183.197284%2C164.981751%20178.408149%2C160.192955%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
	background-size: cover;
}

.basket-search-not-found-text {
	color: #c0c5ca;
	text-align: center;
	font: 30px/35px "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.bx-sbb-empty-cart-image{
	width:131px;
	height:116px;
	margin:50px auto 42px;
	background:url(/images/empty_cart.svg) no-repeat center;
	background-size:contain;
}
.bx-sbb-empty-cart-text{
	font-size:36px;
	text-align:center;
	color:#bababa;
	margin-bottom:42px;
}
.bx-sbb-empty-cart-desc{
	text-align:center;
	color:#000;
	font-size:16px;
	margin-bottom:42px;
}

.catalog-block-header{
	font-size:14px;
	font-weight: var(--ui-font-weight-bold);
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}
/* End */
/* /local/templates/main/components/bitrix/sale.basket.basket/basket/style.css?172401244951657 */
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
: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;
  /* Fix of Webkit flickering */
  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;
}
/* Auto Height */
.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);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .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-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}