/* inter-100 - latin_cyrillic */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}


@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/inter-v12-latin_cyrillic-100.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/inter-v12-latin_cyrillic-100.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/inter-v12-latin_cyrillic-100.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-100.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-100.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/inter-v12-latin_cyrillic-100.svg#Inter") format("svg");
  /* Legacy iOS */
}

/* inter-200 - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/inter-v12-latin_cyrillic-200.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/inter-v12-latin_cyrillic-200.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/inter-v12-latin_cyrillic-200.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-200.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-200.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/inter-v12-latin_cyrillic-200.svg#Inter") format("svg");
  /* Legacy iOS */
}

/* inter-300 - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/inter-v12-latin_cyrillic-300.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/inter-v12-latin_cyrillic-300.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/inter-v12-latin_cyrillic-300.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-300.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-300.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/inter-v12-latin_cyrillic-300.svg#Inter") format("svg");
  /* Legacy iOS */
}

/* inter-regular - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter-v12-latin_cyrillic-regular.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/inter-v12-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/inter-v12-latin_cyrillic-regular.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-regular.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-regular.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/inter-v12-latin_cyrillic-regular.svg#Inter") format("svg");
  /* Legacy iOS */
}

/* inter-500 - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter-v12-latin_cyrillic-500.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/inter-v12-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/inter-v12-latin_cyrillic-500.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-500.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-500.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/inter-v12-latin_cyrillic-500.svg#Inter") format("svg");
  /* Legacy iOS */
}

/* inter-600 - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter-v12-latin_cyrillic-600.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/inter-v12-latin_cyrillic-600.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/inter-v12-latin_cyrillic-600.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-600.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-600.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/inter-v12-latin_cyrillic-600.svg#Inter") format("svg");
  /* Legacy iOS */
}

/* inter-700 - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter-v12-latin_cyrillic-700.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/inter-v12-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/inter-v12-latin_cyrillic-700.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-700.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/inter-v12-latin_cyrillic-700.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/inter-v12-latin_cyrillic-700.svg#Inter") format("svg");
  /* Legacy iOS */
}

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

html {
  -webkit-text-size-adjust: 100%;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  font-size: 16px;
}

body {
  line-height: inherit;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  position: relative;
  min-height: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  font-family: "Inter", sans-serif;
  color: #182134;
}

body.overflow-hidden {
  overflow: hidden;
}

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

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

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

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
pre,
samp {
  font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

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

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

button,
select {
  text-transform: none;
}

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

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

summary {
  display: list-item;
}

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

fieldset {
  margin: 0;
}

fieldset,
legend {
  padding: 0;
}

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

textarea {
  resize: vertical;
}

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

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

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

h1 {
  font-size: 40px;
  font-weight: 600;
}

h2 {
  font-size: 32px;
  font-weight: 600;
}

p {
  line-height: 25px;
  margin-bottom: 30px;
  color: #9FA4B2;
}
.fancybox-slide--html .fancybox-close-small:hover,
.fancybox-slide--html .fancybox-close-small {
  background: none;
  box-shadow: none;
}
:root {
  --theme-green: #00998c;
  --theme-green-rgb: rgba(0, 153, 140, 0.4);
  --theme-tikkurila: #e4121f;
  --theme-tikkurila-rgb: rgba(228, 18, 31, 0.4);
  --theme-caparol: #906;
  --theme-caparol-rgb: rgba(153, 0, 102, 0.4);
  --theme-osmo: #3fa535;
  --theme-osmo-rgb: rgba(63, 165, 53, 0.4);
  --theme-dulux: #172667;
  --theme-dulux-rgb: rgba(23, 38, 103, 0.4);
  --theme-english: #091811;
  --theme-english-rgb: rgba(9, 24, 17, 0.4);
  --theme-stroyhit: #152c5d;
  --theme-stroyhit-rgb: rgba(21, 44, 93, 0.4);
  --theme-swisslake: #231f20;
  --theme-swisslake-rgb: rgba(35, 31, 32, 0.4);
  --theme-belinka: #94c11c;
  --theme-belinka-rgb: rgba(148, 193, 28, 0.4);
}


/* Theme swisslake */
.theme-swisslake [type=button],
.theme-swisslake [type=submit],
.theme-swisslake button,
.theme-swisslake a.button {
  background: var(--theme-swisslake);
}
.theme-swisslake .circle-item,
.theme-swisslake .tabs__content-description ul li::marker,
.theme-swisslake .aboot__text ul li::marker {
  color: var(--theme-swisslake);
}
.theme-swisslake  button:hover,
.theme-swisslake  .button:hover,
.theme-swisslake  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-swisslake-rgb);
}
.theme-swisslake .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-swisslake-rgb);
}
.theme-swisslake .small-banner__btn,
.theme-swisslake .btn-up {
  background: var(--theme-swisslake);
}
.theme-swisslake .item-buttons a {
  background: var(--theme-swisslake);
  border: 1px solid var(--theme-swisslake);
}
.theme-swisslake .series__buttons__outline {
  background: none;
}
.theme-swisslake .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-swisslake .blog p {
  color: #182134;
}

.theme-swisslake .blog ol li:before {
  color: var(--theme-swisslake);
}
.theme-swisslake .blog ul li:before {
  background: var(--theme-swisslake);
}


/* Theme belinka */
.theme-belinka [type=button],
.theme-belinka [type=submit],
.theme-belinka button,
.theme-belinka a.button {
  background: var(--theme-belinka);
}
.theme-belinka .circle-item,
.theme-belinka .tabs__content-description ul li::marker,
.theme-belinka .aboot__text ul li::marker {
  color: var(--theme-belinka);
}
.theme-belinka  button:hover,
.theme-belinka  .button:hover,
.theme-belinka  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-belinka-rgb);
}
.theme-belinka .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-belinka-rgb);
}
.theme-belinka .small-banner__btn,
.theme-belinka .btn-up {
  background: var(--theme-belinka);
}
.theme-belinka .item-buttons a {
  background: var(--theme-belinka);
  border: 1px solid var(--theme-belinka);
}
.theme-belinka .series__buttons__outline {
  background: none;
}
.theme-belinka .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-belinka .blog p {
  color: #182134;
}

.theme-belinka .blog ol li:before {
  color: var(--theme-belinka);
}
.theme-belinka .blog ul li:before {
  background: var(--theme-belinka);
}


/* Theme tikkurila */
.theme-tikkurila [type=button],
.theme-tikkurila [type=submit],
.theme-tikkurila button,
.theme-tikkurila a.button {
  background: var(--theme-tikkurila);
}
.theme-tikkurila .circle-item,
.theme-tikkurila .tabs__content-description ul li::marker,
.theme-tikkurila .aboot__text ul li::marker {
  color: var(--theme-tikkurila);
}
.theme-tikkurila  button:hover,
.theme-tikkurila  .button:hover,
.theme-tikkurila  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-tikkurila-rgb);
}
.theme-tikkurila .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-tikkurila-rgb);
}
.theme-tikkurila .small-banner__btn,
.theme-tikkurila .btn-up {
  background: var(--theme-tikkurila);
}
.theme-tikkurila .item-buttons a {
  background: var(--theme-tikkurila);
  border: 1px solid var(--theme-tikkurila);
}
.theme-tikkurila .series__buttons__outline {
  background: none;
}
.theme-tikkurila .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-tikkurila .blog p {
  color: #182134;
}

.theme-tikkurila .blog ol li:before {
  color: var(--theme-tikkurila);
}
.theme-tikkurila .blog ul li:before {
  background: var(--theme-tikkurila);
}

/* Theme caparol */
.theme-caparol [type=button],
.theme-caparol [type=submit],
.theme-caparol button,
.theme-caparol a.button {
  background: var(--theme-caparol);
}
.theme-caparol .circle-item,
.theme-caparol .tabs__content-description ul li::marker,
.theme-caparol .aboot__text ul li::marker {
  color: var(--theme-caparol);
}
.theme-caparol  button:hover,
.theme-caparol  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-caparol-rgb);
}
.theme-caparol .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-caparol-rgb);
}
.theme-caparol .small-banner__btn,
.theme-caparol .btn-up {
  background: var(--theme-caparol);
}
.theme-caparol .item-buttons a {
  background: var(--theme-caparol);
  border: 1px solid var(--theme-caparol);
}
.theme-caparol .series__buttons__outline {
  background: none;
}
.theme-caparol .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-caparol .blog p {
  color: #182134;
}

.theme-caparol .blog ol li:before {
  color: var(--theme-caparol);
}
.theme-caparol .blog ul li:before {
  background: var(--theme-caparol);
}

/* Theme osmo */
.theme-osmo [type=button],
.theme-osmo [type=submit],
.theme-osmo button,
.theme-osmo a.button {
  background: var(--theme-osmo);
}
.theme-osmo .circle-item,
.theme-osmo .tabs__content-description ul li::marker,
.theme-osmo .aboot__text ul li::marker {
  color: var(--theme-osmo);
}
.theme-osmo  button:hover,
.theme-osmo  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-osmo-rgb);
}
.theme-osmo .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-osmo-rgb);
}
.theme-osmo .small-banner__btn,
.theme-osmo .btn-up {
  background: var(--theme-osmo);
}
.theme-osmo .item-buttons a {
  background: var(--theme-osmo);
  border: 1px solid var(--theme-osmo);
}
.theme-osmo .series__buttons__outline {
  background: none;
}
.theme-osmo .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-osmo .blog p {
  color: #182134;
}

.theme-osmo .blog ol li:before {
  color: var(--theme-osmo);
}
.theme-osmo .blog ul li:before {
  background: var(--theme-osmo);
}

/* Theme dulux */
.theme-dulux [type=button],
.theme-dulux [type=submit],
.theme-dulux button,
.theme-dulux a.button {
  background: var(--theme-dulux);
}
.theme-dulux .circle-item,
.theme-dulux .tabs__content-description ul li::marker,
.theme-dulux .aboot__text ul li::marker {
  color: var(--theme-dulux);
}
.theme-dulux  button:hover,
.theme-dulux  a.button:hover {
  box-shadow: 0 6px 4px  var(--theme-dulux-rgb);
}
.theme-dulux .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-dulux-rgb);
}
.theme-dulux .small-banner__btn,
.theme-dulux .btn-up {
  background: var(--theme-dulux);
}
.theme-dulux .item-buttons a {
  background: var(--theme-dulux);
  border: 1px solid var(--theme-dulux);
}
.theme-dulux .series__buttons__outline {
  background: none;
}
.theme-dulux .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-dulux .blog p {
  color: #182134;
}

.theme-dulux .blog ol li:before {
  color: var(--theme-dulux);
}
.theme-dulux .blog ul li:before {
  background: var(--theme-dulux);
}

/* Theme english */
.theme-english [type=button],
.theme-english [type=submit],
.theme-english button,
.theme-english a.button {
  background: var(--theme-english);
}
.theme-english .circle-item,
.theme-english .tabs__content-description ul li::marker,
.theme-english .aboot__text ul li::marker {
  color: var(--theme-english);
}
.theme-english  button:hover,
.theme-english  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-english-rgb);
}
.theme-english .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-english-rgb);
}
.theme-english .small-banner__btn,
.theme-english .btn-up {
  background: var(--theme-english);
}
.theme-english .item-buttons a {
  background: var(--theme-english);
  border: 1px solid var(--theme-english);
}
.theme-english .series__buttons__outline {
  background: none;
}
.theme-english .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-english .blog p {
  color: #182134;
}

.theme-english .blog ol li:before {
  color: var(--theme-english);
}
.theme-english .blog ul li:before {
  background: var(--theme-english);
}
/* Theme stroyhit */
.theme-stroyhit [type=button],
.theme-stroyhit [type=submit],
.theme-stroyhit button,
.theme-stroyhit a.button {
  background: var(--theme-stroyhit);
}
.theme-stroyhit .circle-item,
.theme-stroyhit .tabs__content-description ul li::marker,
.theme-stroyhit .aboot__text ul li::marker {
  color: var(--theme-stroyhit);
}
.theme-stroyhit  button:hover,
.theme-stroyhit  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-stroyhit-rgb);
}
.theme-stroyhit .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-stroyhit-rgb);
}
.theme-stroyhit .small-banner__btn,
.theme-stroyhit .btn-up {
  background: var(--theme-stroyhit);
}
.theme-stroyhit .item-buttons a {
  background: var(--theme-stroyhit);
  border: 1px solid var(--theme-stroyhit);
}
.theme-stroyhit .series__buttons__outline {
  background: none;
}
.theme-stroyhit .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-stroyhit .blog p {
  color: #182134;
}

.theme-stroyhit .blog ol li:before {
  color: var(--theme-stroyhit);
}
.theme-stroyhit .blog ul li:before {
  background: var(--theme-stroyhit);
}

/*  theme-green */
.theme-green [type=button],
.theme-green [type=submit],
.theme-green button,
.theme-green a.button {
  background: var(--theme-green);
}
.theme-green .circle-item,
.theme-green .tabs__content-description ul li::marker,
.theme-green .aboot__text ul li::marker {
  color: var(--theme-green);
}

.theme-green  button:hover,
.theme-green  a.button:hover {
  box-shadow: 0 6px 4px var(--theme-green-rgb);
}
.theme-green .cookies-box .button:hover {
  box-shadow: 0 0 22px 2px var(--theme-green-rgb);
}
.theme-green .small-banner__btn,
.theme-green .btn-up {
  background: var(--theme-green);
}
.theme-green .item-buttons a {
  background: var(--theme-green);
  border: 1px solid var(--theme-green);
}
.theme-green .series__buttons__outline {
  background: none;
}
.theme-green .series__buttons__outline:hover {
  box-shadow: none;
}
.theme-green .blog p {
  color: #182134;
}

.theme-green .blog ol li:before {
  color: var(--theme-green);
}
.theme-green .blog ul li:before {
  background: var(--theme-green);
}
.header__burger.header__burger {
  background: none;
}
.header__burger.header__burger:hover {
  box-shadow: none;
}
.main-searchbox button {
  background: none;
}
.main-searchbox button:hover {
  box-shadow: none;
}
.blog ul {
  margin: 16px 0;
}
.blog ol {
  margin: 16px 0;
  counter-reset: my-counter;
}

.blog ol li {
  margin: 8px 0;
  counter-increment: my-counter;
}
.blog ol li:before {
  display: inline-block;
  vertical-align: middle;
  content: counter(my-counter) ". ";
  font-weight: 500;
  margin-right: 8px;
  color: #F9284C;
  line-height: normal;
}

.blog ul li {
  margin: 8px 0;
}
.blog ul li:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -3px;
  content: '';
  width: 10px;
  height: 1px;
  background: #F9284C;
}

a:hover {
  color: #F9284C;
}

[type=submit],
[type=button],
button,
a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F9284C;
  border-radius: 4px;
  color: #fff;
  height: 47px;
  padding: 10px 20px;
  border: none;
}

button:hover,
a.button:hover {
  box-shadow: 0px 6px 4px rgba(249, 40, 76, 0.4);
}
.button--full {
  width: 100%;
}
.btn-buy-wrapper {
  display: none;
}
@media (max-width: 992px) {
  .btn-buy-wrapper {
    display: block;
    position: fixed;
    bottom: 0;
    padding: 15px;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 10000;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
  }
}

.wrapper {
  max-width: 1260px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
}

.catalog__drop-down-menu {
  display: none;
}

.catalog__drop-down-menu.active {
  display: block;
  position: absolute;
  padding: 20px 24px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 100;
  border-radius: 0px 0px 8px 8px;
}

.catalog__drop-down-menu-items {
  display: none;
}

.catalog__drop-down-menu-item.active .catalog__drop-down-menu-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0;
}

.catalog__drop-down-menu-item.active img {
  transform: rotateX(180deg);
}

.catalog__drop-down-menu-item {
  padding: 10px 24px;
  cursor: pointer;
}

.catalog__drop-down-menu-items a {
  padding: 10px 0;
  font-size: 15px;
}

.catalog__button img {
  width: 20px;
  height: 20px;
}

.search__box img {
  width: 15px;
  height: 15px;
}

.header-top-contacts__text {
  font-size: 14px;
  margin-left: 15px;
}

.header-main-content {
  display: flex;
  align-items: center;
  height: 74px;
  position: relative;
}

.header-main-content__catalog {
  display: flex;
  align-items: center;
  margin-left: 100px;
  margin-right: 50px;
  flex-grow: 1;
}

.catalog__button span {
  margin-left: 10px;
  font-size: 16px;
}

.search {
  position: relative;
  flex-grow: 1;
}

.mob-search {
  display: none;
}

.search__box {
  margin-left: 15px;
  display: flex;
  align-items: center;
}

.search__box label {
  display: flex;
  position: absolute;
  left: 35px;
}

.search__box input {
  background: #F2F4F4;
  font-size: 16px;
  padding-left: 50px;
  height: 46px;
  border: none;
  border-radius: 4px;
  flex-grow: 1;
}

.search__box input::placeholder {
  color: #9FA4B2;
}

.header-main-content__cart {
  display: flex;
  align-items: center;
}

.cart-user,
.cart-shopping {
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.cart-phone {
  display: none;
}

.line {
  margin-left: 10px;
}

.cart-user span,
.cart-shopping span {
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: #F9284C;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 0;
  right: 3px;
  color: #fff;
}

.home {
  padding: 50px 0;
  position: relative;
  border-radius: 0px 0px 58px 58px;
}

.home__row {
  display: flex;
}

.main-banner {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 12px;
  margin-right: 20px;
  width: 100%;
  max-width: 100%;
}

.main-banner__back {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 12px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);
  opacity: .7;
}
.main-banner__img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("../img/home-1.jpg");
  background-repeat: no-repeat;
  border-radius: 12px;
  background-size: 100% 100%;
}
.main-banner__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px;
  width: 50%;
  color: #fff;
}

.main-banner__content h2 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
}

.main-banner__content p {
  font-size: 16px;
  line-height: 25px;
  margin-top: 20px;
  margin-bottom: 0;
  color: #fff;
}

.main-banner__content .icon__banner {
  height: 24px;
  margin-bottom: 25px;
}

.button-price {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.button-price__button {
  height: 48px;
  padding: 10px 40px;
}

.button-price__price {
  font-size: 24px;
  margin-left: 20px;
  font-weight: 600;
}
.small-banner {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  max-width: 380px;
  width: 100%;
  gap: 20px;
}

.small-banner__first,
.small-banner__second {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  height: 230px;
  border-radius: 12px;
  background-size: 100% 100%;
}

.small-banner__first {
  background-image: url("../img/home-2.jpg");
}

.small-banner__second {
  background-image: url("../img/home-3.jpg");
}

.small-banner__back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);
  opacity: .7;
}

.small-banner__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 35px 30px;
  width: 100%;
  line-height: 28px;
}

.small-banner__content .icon__banner {
  height: 24px;
  margin-bottom: 15px;
}

.small-banner__content h3 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
}
.small-banner__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 52px;
  height: 32px;
  background: #FA284D;
  border-radius: 27px;
}
.small-banner__price {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.header__submenu-lvl3.header__submenu-lvl3 {
  padding: 0;
  width: 100%;
  margin-top: 25px;
  margin-left: 0;
  display: none;
}
.header__submenu_paint .header__submenu-lvl3 {
  display: flex;
}
.header__submenu-lvl3.header__submenu-lvl3 li {
  width: 100%;
  max-width: 100%;
  flex: 100%;
}
.header__submenu-lvl3.header__submenu-lvl3 li a {
  color: #AFB3BE;
}
.header__submenu-lvl3.header__submenu-lvl3 li a:hover {
  color: #FB274D;
}
.header__submenu_tools ul {
  min-width: 160px;
}
.header__submenu_tools.header__submenu_tools ul {
  gap: 25px;
}
.header__ttl {
  display: none;
}
.main-menu__itm ul li ul {
  display: block;
  background: #fff;
  margin: 10px -15px 0;
  padding: 13px 30px;
}
.main-menu__itm ul li ul li a {
  color: #AFB3BE;
}
.header__submenu.is-active {
  display: block;
}
.header__submenu.is-active {
  z-index: 100;
}
.header__menu-item.is-active > a:before,
.header__menu-item.is-active > a:after {
  display: block;
}
@media (max-width: 991px) {
  .header__submenu-lvl3.header__submenu-lvl3 {
    margin-top: 15px;
  }
  .header__submenu-lvl3.header__submenu-lvl3,
  .header__submenu_tools.header__submenu_tools ul {
    column-gap: 15px;
    row-gap: 15px;
  }
}
.products,
.about,
.news,
.thank-you,
.not-page,
.contacts,
.blog,
.cart,
.catalog,
.product {
  position: relative;
}

.products {
  background: #F3F4F5;
  border-radius: 0px 0px 58px 58px;
}

.products__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.products__header h3 {
  font-size: 32px;
  font-weight: 500;
}

.arrows {
  display: flex;
  position: absolute;
  right: 9px;
  top: 79px;
}

.products .arrows {
  top: 0;
}

.swiper-products {
  overflow-y: hidden;
}

.swiper-products .swiper-wrapper {
  margin-top: 50px;
}

.swiper-one,
.swiper-two,
.swiper-three {
  display: none;
}

.swiper-one.active,
.swiper-two.active,
.swiper-three.active {
  display: block;
  overflow-y: hidden;
}

.swiper-button-prev,
.swiper-button-next {
  position: relative;
  width: 48px;
  height: 48px;
  margin-top: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
}

.swiper-products .swiper-horizontal>.swiper-pagination-bullets,
.swiper-products .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -6%;
  left: 35%;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -8%;
  left: 38%;
  display: none;
}

.arrows img {
  width: 48px;
  height: 48px;
}

.arrows .left {
  margin-right: 30px;
}

.products__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  row-gap: 70px;
}

.products__items__item {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 24px;
  border-radius: 8px;
}
.catalog__shop .products__items {
  margin-top: 30px;
}
.item-img {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% + 100px);
  object-fit: contain;
  margin: -90px 0 0 0;
  padding: 20px;
  z-index: 1;
}
.pict {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pict a {
  display: block;
  width: 100%;
  height: 100%;
}
.item-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: auto;
}
@media (max-width: 768px) {
  .item-actions {
    height: 30px;
  }
}
.pict {
  border-radius: 8px 8px 0 0;
}

.pict--color .item-img {
  margin-left: 40px;
}
.pict-circle {
  position: absolute;
  top: 15px;
  left: 24px;
  display: none;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 5.47px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.pict-circle:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 1) inset;
}
.pict-circle:after {
  position: absolute;
  content: '';
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 1) inset;
}
.pict-circle__bg {
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  box-shadow: 0px 10.93px 14.87px 0px rgba(0, 0, 0, 0.5) inset;
}
.item-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}

.item-price .item-price__name {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.item-price .item-price__price {
  font-size: 20px;
  font-weight: 500;
}
.item-icons img {
  width: 86px;
  height: 24px;
}

.item-icons img:last-child {
  margin-left: 5px;
}

.item-series {
  position: relative;
  z-index: 2;
  font-size: 12px;
  color: #404040;
  text-decoration: underline;
  margin-bottom: 10px;
}

.item-title {
  position: relative;
  z-index: 2;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.item-title.item-title a {
  color: #182134;
  text-decoration: none;
}
.item-title.item-title a:hover {
  color: #F9284C;
}
.item-attr {
  font-size: 12px;
  color: #404040;
  margin-bottom: 10px;
}

.item-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item-buttons--inner {
  margin-top: auto;
  padding-top: 20px;
}
.item-buttons button {
  padding: 5px 10px;
  height: 45px;
  font-size: 14px;
  border: 1px solid #F9284C;
}

.item-buttons .outline__button {
  border: 1px solid #000;
  background: none;
  color: #000;
}

.item-buttons .outline__button:hover {
  box-shadow: none;
  background: #182134;
  color: #fff;
}
.hidden {
  display: none !important;
}
.about {
  padding: 20px 0;
  position: relative;
  background-color: #fff;
  border-radius: 0px 0px 58px 58px;
}

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

.aboot__text {
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 45%;
}
.aboot__text.short {
  max-height: 880px;
  overflow: hidden;
}
.aboot__text.short::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px; /* Высота затемнения */
  background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  pointer-events: none; /* Чтобы клики проходили сквозь псевдоэлемент */
}
.aboot__text.full {
  padding-bottom: 50px;
}
.link-more {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 171px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  background: #ffffff;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 0px 0px 1px rgb(0 0 0 / 15%);
}
.aboot__text h5 {
  font-size: 12px;
  color: #9FA4B2;
  margin-bottom: 30px;
}

.aboot__text h3 {
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 30px;
}

.aboot__text h3 span {
  color: #F9294E;
}

.aboot__text p {
  font-size: 16px;
  margin-bottom: 30px;
  color: #182134;
}

.aboot__text ul {
  margin: 30px 0;
  padding-left: 17px;
  list-style: disc;
}

.aboot__text ul li {
  line-height: 25px;
}

.aboot__slider {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
}

.aboot__slider__item {
  display: flex;
  justify-content: space-between;
}

.aboot__slider__item:first-child {
  margin-bottom: 10px;
}

.aboot__slider__img {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.aboot__slider .arrows {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 8px;
}

.about-number {
  margin-top: 50px;
  margin-bottom: -80px;
  position: relative;
}

.about-number__row {
  display: flex;
  padding: 20px 60px;
  background-color: #F3F4F5;
  border: 4px solid #FFFFFF;
  border-radius: 8px;
  justify-content: space-between;
}

.about-number__col {
  display: flex;
}

.about-number__col img {
  width: 110px;
  height: 110px;
}

.about-number__text {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
}

.about-number__text h4 {
  font-size: 48px;
}

.about-number__text span {
  font-size: 16px;
  font-weight: 400;
}
.news {
  margin-top: 30px;
}
.series {
  padding: 50px 0;
  background: #F3F4F5;
  border-radius: 0 0 58px 58px;
}
.series--inner {
  padding-top: 110px;
}
.series__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.series__header h3 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 30px;
}

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

.series__buttons__items {
  display: flex;
}

.series__buttons__outline {
  padding: 10px 15px;
  background: none;
  border: 1px solid #182134;
  margin-right: 20px;
  font-size: 14px;
  color: #182134;
}

.series__buttons__outline:hover {
  background: #fff;
  border: 1px solid #fff;
  box-shadow: none;
}

.series__buttons__outline.active {
  background: #fff;
  border: 1px solid #fff;
}


.series__buttons__outline img {
  width: 19px;
  height: 19px;
  margin-right: 10px;
}

.series__row {
  display: none;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}

.series__row.active {
  display: grid;
}

.news__row {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}

.series__photo {
  position: relative;
  overflow: hidden;
}
.series__photo:before {
  position: absolute;
  content: '';
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background: #000;
  opacity: .2;
}
.series__photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.series__photo img:hover {
  opacity: .7;
}

.series__photo span {
  position: absolute;
  bottom: 20px;
  left: 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  z-index: 1;
}

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

.news__header h3 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 30px;
}

.news__header a {
  text-decoration: underline;
  font-size: 16px;
}

.news__photo {
  display: flex;
  flex-direction: column;
}

.news__photo img {
  border-radius: 8px;
  margin-bottom: 15px;
}

.news__photo span {
  font-size: 14px;
  color: #9FA4B2;
  padding: 0 20px;
}

.news__photo h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  border-bottom: 1px solid #9FA4B2;
  padding: 20px;
}

.text {
  padding-top: 70px;
  padding-bottom: 50px;
}

.text p {
  line-height: 22px;
}

footer {
  background: #182034;
}

.footer__row {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

.footer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #9FA4B2;
}

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

.footer__logo img {
  height: 40px;
  margin-right: 30px;
}

.footer__logo span {
  font-size: 14px;
  color: #9FA4B2;
  width: 40%;
}

.footer__socials a {
  margin-left: 10px;
}
.footer__socials a svg {
  width: 30px;
  height: 30px;
}
.footer__links {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #9FA4B2;
}

.footer__link {
  display: flex;
  align-items: flex-start;
}

.footer__links__ser,
.footer__links__cat,
.footer__links__shop {
  margin-right: 100px;
}

.footer__info {
  display: flex;
  flex-direction: column;
  width: 23%;
}

.footer__info h5,
.footer__info a,
.footer__info span {
  color: #fff;
  margin-bottom: 10px;
  line-height: 35px;
}

.footer__info h5 {
  font-size: 18px;
  margin-bottom: 20px;
}

.footer__info h5 a {
  text-decoration: none;
}

.footer__info a:hover {
  color: #F9284C;
}

.footer__info a {
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
  line-height: 21px;
}

.footer__info span {
  font-size: 14px;
}

.footer__links h4 {
  font-size: 14px;
  color: #9FA4B2;
  margin-bottom: 20px;
}

.footer__links ul {
  line-height: 35px;
}

.footer__links ul li a {
  font-size: 14px;
  color: #FFFFFF;
}

.footer__links ul li a:hover {
  color: #F9284C;
}

.footer__cop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #9FA4B2;
  padding: 30px 0;
}

.footer__a {
  text-decoration: underline;
}

.not-page__row {
  position: relative;
  background: url(../img/back-404.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  background-size: 100% 100%;
  height: 850px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.not-page__row-back {
  position: absolute;
  top: 275px;
}

.not-page__row-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: self-start;
}

.not-page__row-text p {
  width: 70%;
  color: #182134;
}

.not-page__row-text .button {
  font-size: 19px;
}

.thank-you__row {
  display: flex;
  position: relative;
}

.thank-you__row h1 {
  font-size: 32px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.contacts__row {
  display: flex;
  flex-direction: column;
}

.breadcrumbs {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.breadcrumbs li {
  color: #9FA4B2;
  font-size: 14px;
}

.breadcrumbs li a:after {
  content: '/';
  color: #9FA4B2;
  padding: 0 7px;
}

.address-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

.contacts__row h1,
.contacts__row h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.address-info h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

.address-info h5 {
  font-size: 16px;
  margin-bottom: 50px;
  text-decoration: underline;
}

.address-info h4 {
  font-size: 18px;
  margin-bottom: 50px;
}

.address-info ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.address-info ul li img {
  margin-right: 10px;
}

.address-info__right {
  margin-left: 100px;
}

.address-info__right img {
  border-radius: 8px;
  border: 1px solid #9FA4B2;
}

.address-form {
  display: flex;
  justify-content: space-between;
}

.address-form__left {
  margin-right: 55px;
}

.address-form__left form {
  display: flex;
  margin-bottom: 20px;
}

.address-form__input {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 30px;
}

.address-form__input input {
  height: 64px;
}

.address-form__input input,
textarea {
  background: #F2F4F4;
  border-radius: 8px;
  border: none;
  padding: 20px;
}

.submit {
  display: flex;
  justify-content: space-between;
}

.submit button {
  padding: 10px 30px;
}

.space {
  height: 80px;
}

.blog {
  padding-bottom: 20px;
}

.blog__row h1 {
  font-size: 32px;
  margin-bottom: 20px;
}
.blog h2 {
  margin-bottom: 20px;
}
.blog h3 {
  line-height: 1.3;
  font-size: 24px;
  font-weight: 500;
  margin: 20px 0 10px;
}
.blog__row span {
  font-size: 20px;
  color: #9FA4B2;
  margin-bottom: 12px;
}

.blog__row hr {
  margin-top: 12px;
  margin-bottom: 40px;
}

.blog__header {
  display: flex;
  margin-bottom: 70px;
}

.blog__header .image {
  flex: 1 1 auto;
}

.blog__header h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.blog__header-right {
  margin-left: 30px;
}

.blog__header-right ul {
  list-style: disc;
}

.blog__header-right ul li {
  margin-bottom: 16px;
  margin-left: 15px;
}

.blog__header-right .button {
  margin-top: 20px;
}

.blog__body {
  display: flex;
  justify-content: space-between;
}

.blog__body-left {
  width: 60%;
}

.blog__body-left h5 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 50px;
}

.blog__body-left h3 {
  margin-bottom: 20px;
  font-size: 24px;
}

.blog__body-left p {
  margin-bottom: 50px;
  line-height: 23px;
}

.blog__body-right img {
  margin-bottom: 20px;
  border-radius: 8px;
}

.blog__body-right h4 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #9FA4B2;
}

.cart__body {
  display: grid;
  grid-template-columns: 3fr 1.3fr;
  gap: 70px;
}

.cart__body h1,
.cart__body h2 {
  font-size: 24px;
  margin-bottom: 30px;
}

.cart__product {
  display: flex;
  position: relative;
  border-bottom: 1px solid #9FA4B2;
  margin-bottom: 50px;
}

.cart__product-info {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  width: 100%;
}

.cart__product-info h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  width: 60%;
}

.cart__product-add {
  display: flex;
  justify-content: space-between;
}

.select-block select {
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 6px 35px 6px 12px;
  border-radius: 4px;
  background: #F2F4F4;
  border: none;
  height: 36px;
  font-size: 14px;
  color: #2a2b2c;
}

.select-flex {
  display: flex;
}

.input__box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.input__box input {
  background: #F2F4F4;
  padding: 6px 12px;
  height: 36px;
  border: revert;
  border-radius: 4px;
  flex-grow: 1;
  max-width: 100px;
  margin-right: 20px;
  font-size: 14px;
  color: #9FA4B2;
}

.input__box .input__box__color {
  position: relative;
  margin-right: 20px;
  width: 36px;
  height: 36px;
  border-radius: 99px;
  display: none;
}

.input__box .input__box__color.active {
  display: inline-block;
}

.cart__product-attr {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cart__product-attr span {
  color: #9FA4B2;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.cart__product-attr__ser {
  font-size: 14px;
  text-decoration: underline;
  margin-top: 12px;
  font-weight: 600;
}

.cart__product-price {
  align-self: flex-end;
}

.cart__product-price span {
  font-size: 20px;
  font-weight: 600;
}

.cart__product .close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 10px;
}

.select-block {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.select-block-arrow,
.select-block-arrow-qnt {
  position: relative;
}

.select-block select {
  position: relative;
  margin-right: 20px;
}

.select-volume {
  font-size: 20px;
  font-weight: 600;
}

.select-block-arrow svg {
  position: absolute;
  right: 35px;
  top: 15px;
  pointer-events: none;
}

.select-block-arrow-qnt svg {
  position: absolute;
  right: 28px;
  top: 5px;
  pointer-events: none;
}

.select-block .select-color {
  width: 20px;
  height: 20px;
  background: #F9284C;
  border-radius: 50%;
}

.cart__support {
  padding: 32px 80px;
  background: #F2F4F4;
  border-radius: 8px;
  font-weight: 600;
  margin-bottom: 70px;
  text-align: center;
}

.cart__info {
  margin-bottom: 50px;
}

.cart__info-input {
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
}

.cart__info-input span {
  color: #9FA4B2;
}

.cart__info-data-user {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 60px;
}

.cart__info-data-user__input {
  display: flex;
  flex-direction: column;
}

.cart__info-data-user__input:last-child {
  display: none;
}

.cart__info-data-user__input label {
  font-weight: 600;
  margin-bottom: 12px;
}

.input-text,
.cart__info-data-user__input input {
  height: 55px;
  border-radius: 8px;
  border: none;
  background: #F2F4F4;
  padding: 10px 20px;
}

.cart__info-data-user__input input.error {
  border: solid red 1px;
}

.err_string {
  color: red;
}

.tabs {
  margin-bottom: 40px;
}

.tabs {
  padding-bottom: 12px;
  border-bottom: 3px solid #9FA4B2;
}

.tabs__button {
  margin-right: 30px;
  cursor: pointer;
  padding: 0 5px 14.5px 5px;
  font-weight: 500;
  color: #9FA4B2;
}
@media (max-width: 991px) {
  .tabs-wrap .tabs__button.tabs__button.tabs__button {
    height: auto;
    padding-bottom: 15px;
  }
}
.tabs__button.active,
.tabs__button:hover {
  color: #182134;
  font-weight: 500;
  border-bottom: 3px solid #182134;
}

.tabs__contents {
  margin-bottom: 70px;
}

.tabs__content.active {
  display: block;
}

.tabs__content {
  display: none;
}

.tabs__content-pickup {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tabs__content-pickup-left {
  width: 40%;
}

.tabs__content-pickup-left h4 {
  font-size: 18px;
}

.tabs__content-pickup-left h5 {
  margin-bottom: 15px;
}

.tabs__content-pickup-left h6 {
  margin-bottom: 35px;
}

.tabs__content-pickup-left .span {
  margin-bottom: 12px;
  font-weight: 400;
  text-decoration: underline;
}

.payment {
  margin-bottom: 60px;
}

.payment-change {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.payment-change input[type=radio] {
  visibility: hidden;
  position: absolute;
}

.payment-change input[type=radio]+label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  padding: 0 20px;
  border-radius: 8px;
  border: 1px solid #F2F4F4;
  cursor: pointer;
  height: 90px;
  text-align: center;
}

.payment-change input[type=radio]:hover+label {
  background: #F2F4F4;
}

.payment-change input[type=radio]:checked+label {
  background: #182131;
  color: #fff;
}

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

.cart__body-right h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

.total-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.total-price__price {
  font-size: 20px;
  font-weight: 600;
}

.total-final {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #9FA4B2;
  padding-top: 20px;
  margin-bottom: 40px;
}

.total-final h4 {
  font-size: 20px;
  font-weight: 600;
}

.total-final__price {
  font-size: 24px;
  font-weight: 600;
}

.attention {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.attention img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.attention span {
  line-height: 20px;
  color: #FF6161;
  font-size: 14px;
}

.cart__info label {
  display: flex;
}

.cart__info input[type=radio],
.cart__info input[type=checkbox],
input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}

.cart__info input[type=radio]+label:before,
.cart__info input[type=checkbox]+label:before,
input[type=checkbox]+label:before {
  height: 22px;
  width: 22px;
  margin-right: 10px;
  content: " ";
  display: inline-block;
  vertical-align: baseline;
  border: 1px solid #9FA4B2;
  border-radius: 4px;
}

input[type=checkbox]:checked+label:before {
  background: #182131;
  content: url("../img/check.svg");
  border: 1px solid #182131;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart__info input[type=radio]:checked+label:before,
.cart__info input[type=checkbox]:checked+label:before {
  border: 7.5px solid #182131;
  color: #fff;
  content: " ";
  background: #fff;
}

.cart__body label {
  display: flex;
  align-items: center;
}

.payment__buttons__checked span {
  font-size: 14px;
  color: #9FA4B2;
}

.tabs__content-delivery {
  display: flex;
  align-items: center;
}

.tabs__content-delivery-left {
  margin-right: 180px;
}

.tabs__content-delivery-left label {
  font-weight: 500;
  margin-bottom: 15px;
}

.tabs__content-delivery-left input {
  border: 1px solid #9FA4B2;
  height: 47px;
  border-radius: 8px;
  padding: 10px 30px;
}

.delivery-span {
  font-size: 14px;
  color: #9FA4B2;
  line-height: 19px;
  margin-top: 30px;
}

.tabs__content-delivery-right-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tabs__content-delivery-right-price h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
}

.tabs__content-delivery-right-price h5 {
  font-size: 24px;
  font-weight: 600;
}

.catalog {
  background: #F2F4F4;
}

.catalog .breadcrumbs {
  padding: 0;
}

.catalog__row {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 40px;
}

.catalog__shop-header {
  position: relative;
  display: flex;
  margin-bottom: 40px;
}

.catalog__shop-header img {
  position: absolute;
}


.catalog__shop-header h1 {
  color: #fff;
  margin-bottom: 8px;
  padding-top: 24px;
  padding-left: 70px;
  font-size: 28px;
  font-weight: 500;
}

.catalog__shop-header p {
  color: #fff;
  padding-left: 70px;
  line-height: 21px;
  width: 70%;
}

.catalog__shop-header-text {
  z-index: 2;
}

.catalog__filter {
  display: flex;
  margin-bottom: 42px;
}

.catalog__filter-item {
  height: 44px;
  padding: 10px 25px;
  background: #182134;
  border-radius: 35px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

.catalog__filter-item img {
  margin-left: 20px;
  cursor: pointer;
}

.catalog__filter-clear {
  height: 44px;
  padding: 10px 25px;
  border: 1px solid #182134;
  border-radius: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.catalog__qnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 90px;
}

.catalog__shop .products__items {
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 30px;
}

.catalog__text p {
  line-height: 22px;
}

.catalog__pagination {
  margin: 70px 0;
  display: flex;
  align-items: center;
}

.catalog__pagination ul {
  display: flex;
}

.catalog__pagination ul li a {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #182134;
  margin-right: 25px;
  height: 40px;
  width: 34px;
  cursor: pointer;
}

.catalog__pagination ul li a.active,
.catalog__pagination ul li a:hover {
  color: #fff;
  background: #182134;
}

.catalog__pagination img {
  margin-left: 10px;
}

.catalog__sidebar-filter {
  margin-bottom: 50px;
}

.catalog__sidebar-filter h4 {
  font-weight: 600;
  margin-bottom: 20px;
}

.catalog__sidebar-filter ul li {
  margin-bottom: 16px;
}

.catalog__sidebar-filter ul li label {
  display: flex;
  align-items: center;
}

.catalog__sidebar-filter ul li:hover label {
  color: #F9284C;
  cursor: pointer;
}

.catalog__sidebar-filter-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.catalog__sidebar-filter-price input {
  height: 44px;
  background: #F2F4F4;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #9FA4B2;
  width: 50%;
  text-align: center;
}

.catalog__sidebar-filter-price input:first-child {
  margin-right: 15px;
}

.catalog__mobile-filters {
  visibility: hidden;
  padding: 30px;
  position: relative;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  background-color: #fff;
}

.close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.catalog__mobile-filters .catalog__sidebar-filter-price {
  flex-direction: column;
  align-items: flex-start;
}

.catalog__mobile-filters .catalog__sidebar-filter-price input {
  width: 70%;
}

.catalog__mobile-filters .catalog__sidebar-filter-price input:first-child {
  margin-bottom: 15px;
  margin-right: 0;
}

.catalog__mobile-filters button {
  width: 90%;
  position: fixed;
  bottom: 2%;
  left: 5%;
}

.catalog__button-filter {
  display: none;
  margin-bottom: 30px;
}

.catalog__sidebar-filter ul {
  overflow: hidden;
}

.catalog__sidebar-filter .more {
  display: none;
}

.more.active {
  display: block;
  cursor: pointer;
}

.more.active.open img {
  transform: rotateX(180deg);
}

.viewed,
.alsobuy,
.product .recommended,
.detail .recommended {
  margin-bottom: 40px;
}

.viewed h3,
.alsobuy h3,
.recommended h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 65px;
}

.viewed .products__items__item,
.alsobuy .products__items__item,
.recommended .products__items__item {
  background: #F2F4F4;
}

.product_item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.product_item-image {
  width: calc(45% - 60px);
}
.product_item-image .swiper-slide img {
  display: block;
  margin: 0 auto;
}
.product_item h1 {
  font-size: 28px;
  margin-bottom: 10px;
}

.product_item h5 {
  font-size: 14px;
  margin-bottom: 20px;
  color: #9FA4B2;
  font-weight: 500;
}

.product_item-info-price {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.product_item-info-price span {
  font-size: 14px;
  font-weight: 500;
  color: #9FA4B2;
}

.product_item-info-price .price {
  font-size: 24px;
  font-weight: 600;
  margin: 0 11px;
}

.short-descroption {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 30px;

}

.product_item__product-select {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.product_item__product-select .reset {
  margin-left: 16px;
}
.product_item-info {
  width: 55%;
}
.product_item-info__top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
}
.product_item-info .stock {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.product_item-info .stock span {
  margin-left: 10px;
  font-size: 14px;
}

.product_item-info .delivery-sum {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

.product_item-info .delivery-sum a {
  margin-left: 10px;
  color: #9FA4B2;
  text-decoration: underline;
}

.product_item-info .delivery-sum a:hover {
  color: #F9284C;
}

.product_item-info__add-product {
  display: flex;
  align-items: center;
}

.product_item-info__add-product .block-prices {
  display: flex;
  align-items: center;
}

.product_item-info__add-product span {
  font-size: 14px;
  margin-right: 10px;
}

.product_item-info__add-product .price {
  font-size: 24px;
  font-weight: 600;
  margin-right: 10px;
}

.product_item-info__add-product button {
  margin-left: 50px;
}

.product_item-info__add-product .series__buttons__outline {
  margin-right: 0;
}

.product_item-info__add-product .series__buttons__outline:hover {
  background: #E6E9EA;
}

.tabs__content-description {
  width: 70%;
}

.tabs__content-description h4 {
  font-weight: 500;
  margin-bottom: 20px;
}

.tabs__content-description ul {
  list-style: disc;
}

.tabs__content-description ul li {
  color: #182134;
  margin-bottom: 15px;
  margin-left: 15px;
}
.tabs__content-description ul li::marker {

}
.tabs__content-description p {
  color: #182134;
}
.tabs__content-description p .circle-item {
  margin-left: -3px;
  margin-right: 4px;
}
.tabs__content-tech {
  width: 65%;
}

.tabs__content-tech-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-radius: 6px;
}

.tabs__content-tech-item:nth-child(odd) {
  background: #F2F4F4;
}

.tech-item-left,
.tech-item-right {
  width: 50%;
}

.tech-item-left {
  color: #9FA4B2;
}

.tech-item-right {
  font-weight: 500;
}

.tabs__content-reviews {
  display: flex;
  width: 90%;
}

.tabs__content-reviews-left {
  display: flex;
  flex-direction: column;
  margin-right: 37px;
}

.tabs__content-reviews-left__star {
  padding: 20px 30px;
  background: #F2F4F4;
  border-radius: 8px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabs__content-reviews-left__star img {
  margin-right: 25px;
}

.tabs__content-reviews-left__star span {
  font-size: 20px;
  color: #9FA4B2;
}

.tabs__content-reviews-left__percent {
  margin-bottom: 20px;
}

.percent-line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.percent-line__num {
  font-size: 20px;
  color: #9FA4B2;
  margin-right: 10px;
  width: 12px;
}

.percent-line__lin {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.percent-line__lin-dark,
.percent-line__lin-white {
  height: 6px;
  border-radius: 12px;
}

.percent-line__lin-dark {
  background: #182134;
  width: 370px;
}

.percent-line__lin-white {
  background: #F2F4F4;
}

.percent-line__per {
  font-size: 20px;
  font-weight: 500;
}

.tabs__content-reviews-left__button {
  display: flex;
  justify-content: flex-end;
}

.tabs__content-reviews-left__button button {
  background: none;
  color: #9FA4B2;
  border: 1px solid #9FA4B2;
}

.tabs__content-reviews-left__button button:hover {
  box-shadow: none;
  box-shadow: none;
  background: #182134;
  color: #fff;
}

.tabs__content-reviews-left__button button span {
  margin-left: 10px;
}

.tabs__content-reviews-right-review {
  padding: 35px 46px;
  background: #F2F4F4;
  border-radius: 8px;
  margin-bottom: 73px;
}

.tabs__content-reviews-right-review-stars {
  margin-bottom: 30px;
}

.tabs__content-reviews-right-review-stars img {
  margin-right: 10px;
}

.tabs__content-reviews-right-review-text h4 {
  font-size: 20px;
  margin-bottom: 20px;
}

.tabs__content-reviews-right__button {
  display: flex;
  justify-content: flex-end;
}

.overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  background-color: #000;
  transition: 0.2s ease-in 0.5s;
  z-index: 99;
}

.overlay.is-active {
  opacity: 0.7;
  visibility: visible;
  transition: 0.2s ease-in;
}

.modal {
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  border-radius: 8px;
  width: 550px;
  max-width: calc(100vw - 74px);
  max-height: calc(100vh - 74px);
  visibility: hidden;
  z-index: 1001;
  transition: all 0.7s cubic-bezier(0.27, -0.04, 0.81, -0.25) 0s;
  transform: translate(-50%, 110vh);
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
}

.modal.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
  transition: all 1s cubic-bezier(0.14, 1.08, 0.09, 1.11) 0s;
}

.modal__content {
  width: 100%;
  overflow: auto;
  padding: 40px;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 28px;
}

.modal__header h3 {
  font-size: 20px;
  font-weight: 500;
}

.modal__inputs {
  display: grid;
  gap: 30px;
  margin-bottom: 30px;
}

.modal__button button {
  width: 100%;
}

.modal__reviews-stars .rating__star {
  cursor: pointer;
}

.modal__reviews-stars .rating__star svg path:hover {
  fill: #FECB46;
  stroke: #FECB46;
}

.modal__reviews-stars .rating__star.fas svg path {
  fill: #FECB46;
  stroke: #FECB46;
}

@media (max-width: 1600px) {
  .main-banner__content {
    width: 55%;
  }

  .item-buttons {
    flex-direction: column;
  }

  .item-buttons button {
    margin-bottom: 10px;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 1260px) {
  .header-top-about ul li a {
    font-size: 15px;
    margin-right: 15px;
  }

  .header-top-contacts__text {
    font-size: 12px;
  }

  .header-top-contacts__address,
  .header-top-contacts__mail,
  .header-top-contacts__phone {
    margin-left: 15px;

  }

  .main-banner__content {
    width: 75%;
  }

  .products__items {
    grid-template-columns: repeat(3, 1fr);
  }

  .products__items .products__items__item:nth-child(4) {
    display: none;
  }

  .catalog__shop-header h1 {
    padding-top: 10px;
  }

  .catalog__shop-header p {
    width: 80%;
  }

  .thank-you__row {
    justify-content: center;
    align-items: center;
  }

  .thank-you__row h1 {
    font-size: 32px;
    position: absolute;
    justify-content: center;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 8px;
  }

  .blog__body-left {
    width: 50%;
  }

  .cart__body {
    grid-template-columns: 3fr 1fr;
  }
}

@media (max-width: 1160px) {
  .cart__product .image {
    width: 40%;
  }

  .catalog__shop .products__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .catalog__shop-header p {
    width: 100%;
  }

  .catalog__row {
    gap: 70px;
  }

  .catalog__shop-header p {
    font-size: 14px;
  }

  .tabs__content-reviews {
    width: 100%;
  }

  .product_item-info__add-product button {
    margin-left: 30px;
  }
}

@media (max-width: 992px) {
  .header-top-contacts__address {
    display: none;
  }

  .header-top-about ul li a {
    display: flex;
    align-items: center;
  }

  .catalog__button span {
    display: none;
  }

  .home__row {
    flex-direction: column;
  }

  .main-banner {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .main-banner__back img {
    width: 82%;
  }
.main-banner__img {
  background-size: cover;
}
  .small-banner {
    gap: 15px;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
  }
  .small-banner > * {
    flex: 1 0 0;
  }

  .products__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    row-gap: 70px;
  }

  .products__items .products__items__item:nth-child(3),
  .products__items .products__items__item:nth-child(4) {
    display: none;
  }

  .item-img {
    left: 0;
  }

  .aboot__row {
    flex-direction: column;
  }

  .aboot__text {
    width: 90%;
    margin-bottom: 30px;
  }

  .about-number__row {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }

  .about-number__col {
    justify-content: center;
    margin-bottom: 30px;
  }

  .footer__header {
    flex-direction: column;
  }

  .footer__logo {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .footer__logo img {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .footer__logo span {
    text-align: center;
  }

  .footer__links {
    flex-direction: column;
  }

  .footer__link {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-right: 0;
    gap: 25px;
    margin-bottom: 40px;
  }

  .footer__links__ser,
  .footer__links__cat,
  .footer__links__shop {
    margin-right: 0;
  }

  .footer__links h4,
  .footer__links ul li a {
    font-size: 13px;
  }

  .footer__info {
    width: 100%;
  }

  .footer__links ul {
    line-height: 30px;
  }

  .not-page__row {
    height: 550px;
  }

  .not-page__row-back {
    top: 32%;
  }

  .address-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .address-info__right {
    margin-left: 0;
    margin-top: 40px;
  }

  .address-info__right iframe {
    max-width: 100%;
    max-height: 100%;
  }

  .address-form {
    flex-direction: column;
  }

  .address-form__left {
    margin-right: 0;
  }

  textarea {
    width: 100%;
  }

  .submit {
    margin-bottom: 30px;
  }

  .blog__header,
  .blog__body {
    flex-direction: column;
  }

  .blog__header .image {
    margin-bottom: 30px;
  }

  .blog__header-right {
    margin-left: 0;
  }

  .blog__body-left {
    width: 100%;
  }

  .blog__body-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .cart__body {
    grid-template-columns: 1fr;
  }

  .cart__product-info h3 {
    font-size: 18px;
  }

  .cart__product-attr span {
    font-size: 14px;
  }

  .cart__product .image {
    width: 100%;
  }

  .cart__product-price span,
  .select-volume {
    font-size: 18px;
  }

  .catalog__filter-item,
  .catalog__filter-clear {
    font-size: 14px;
  }

  .catalog__row {
    grid-template-columns: 1fr;
    gap: 20px
  }

  .catalog .breadcrumbs {
    margin-bottom: 30px;
  }

  .catalog__sidebar-filters {
    display: none;
  }

  .catalog__button-filter {
    display: block;
    margin-bottom: 50px;
  }

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

  .filter span {
    font-size: 20px;
    margin-left: 7px;
    font-weight: 500;
  }

  .catalog__shop-header {
    margin-bottom: 70px;
  }

  .catalog__shop-header h1 {
    padding-top: 20px;
    margin-bottom: 20px;
    padding-left: 30px;
  }

  .catalog__shop-header p {
    margin-bottom: 0;
    line-height: 17px;
    padding-left: 30px;
    width: 90%;
  }

  .product_item-info__add-product {
    flex-direction: column;
    align-items: flex-start;
  }

  .product_item-info__add-product .block-prices {
    margin-bottom: 20px;
  }

  .product_item-info__add-product button {
    margin-left: 0;
    width: 100%;
  }

  .product_item-info__add-product .series__buttons__outline {
    margin-top: 20px;
  }

  .product_addittional .tabs {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    display: flex;
    padding-bottom: 0;
    border: none;
  }

  .product_addittional .tabs__button {
    white-space: nowrap;
    border-bottom: 3px solid #9FA4B2;
    margin-right: 0;
    padding-right: 40px;
    color: #9FA4B2;
  }

  .product_addittional .tabs__button.active,
  .product_addittional .tabs__button:hover {
    border-bottom: 3px solid #182134;
    color: #182134;
  }
}

@media (max-width: 900px) {
  .small-banner__first {

  }
}

@media (max-width: 850px) {
  .catalog__shop-header h1 {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .header {
    height: auto;
  }

  .header-top {
    display: none;
  }

  .header-top-contacts {
    justify-content: center;
  }

  .header-top-contacts__text {
    margin-left: 10px;
  }

  .cart-user,
  .cart-shopping {
    width: 27px;
    height: 27px;
    margin-right: 5px;
    margin-left: 0;
  }

  .cart-user span,
  .cart-shopping span {
    width: 13px;
    height: 13px;
    font-size: 8px;
    right: 0;
  }

  .line {
    display: none;
  }

  .header-top-about {
    display: none;
  }

  .header-main-content {
    height: auto;
    padding: 10px 0;
  }

  .catalog__button img {
    max-width: 20px;
  }

  .products__header h3 {
    font-size: 24px;
  }

  .arrows {
    display: none;
  }

  .small-banner__back img {
    width: 80%;
  }

  .main-banner__content {
    width: 90%;
  }

  .aboot__text p {
    margin-bottom: 20px;
  }

  .not-page__row {
    height: 400px;
  }

  .not-page__row-back {
    top: 30%;
  }

  .not-page__row-text h1 {
    font-size: 32px;
  }

  .not-page__row-text p {
    margin-bottom: 15px;
  }

  .not-page__row-text .button {
    font-size: 16px;
  }

  .space {
    height: 60px;
  }

  .cart__product {
    flex-direction: column;
  }



  .cart__product-add {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .cart__product-select {
    display: flex;
    flex-wrap: wrap;
  }

  .select-block {
    margin-right: 30px;
    margin-bottom: 10px;
    width: 100%;
  }

  .select-block select {
    margin-right: 10px;
  }

  .cart__info-data-user {
    grid-template-columns: 1fr;
  }

  .cart__body h1,
  .cart__body h2 {
    font-size: 21px;
  }

  .cart__info-input span {
    font-size: 14px;
  }

  .cart__info-data-user__input label {
    font-size: 14px;
  }

  .tabs__content-delivery {
    flex-direction: column;
    align-items: flex-start;
  }

  .tabs__content-delivery-right-price {
    align-items: flex-start;
  }

  .tabs__content-delivery-left {
    margin-right: 0;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }

  .tabs__content-pickup {
    flex-direction: column;
  }

  .tabs__content-pickup-left {
    width: 100%;
    margin-bottom: 40px;
  }

  .payment-change {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .payment-change input[type=radio]+label {
    font-size: 14px;
    height: 60px;
  }

  .payment__buttons {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .total-final h4,
  .total-price__price {
    font-size: 18px;
  }

  .total-final__price {
    font-size: 21px;
  }

  .attention span {
    font-size: 12px;
  }

  .payment__buttons button {
    order: 1;
    width: 100%;
    margin-bottom: 30px;
  }

  .payment__buttons .payment__buttons__checked {
    order: 2;
  }

  .cart__product-price {
    align-self: flex-start;
  }

  .cart__product-attr {
    margin-bottom: 30px;
  }

  .cart__product-price span {
    font-size: 19px;
  }

  .cart__support {
    font-size: 13px;
    padding: 20px 40px;
  }

  .select-block-arrow svg {
    right: 25px;
  }

  .select-block-arrow-qnt svg {
    right: 20px;
  }

  .payment__buttons__checked span {
    font-size: 12px;
  }

  .catalog__shop-header h1 {
    font-size: 22px;
    padding-top: 34px;
  }

  .catalog__shop-header p {
    display: none;
  }

  .catalog__filter {
    overflow: hidden;
    overflow-x: auto;
    flex-wrap: wrap;
  }

  .catalog__filter-item,
  .catalog__filter-clear {
    white-space: nowrap;
    flex: 0 0 auto;
    margin-bottom: 10px;
  }

  .catalog__filter-item img {
    margin-left: 10px;
  }

  .catalog__qnt span {
    font-size: 13px;
  }

  .product_item {
    flex-direction: column;
    align-items: center;
  }

  .product_item-image {
    margin-bottom: 30px;
  }

  .product_item-info,
  .product_item-image {
    width: 100%;
  }

  .tabs__content-description,
  .tabs__content-tech {
    width: 100%;
  }

  .tabs__content-reviews {
    flex-direction: column;
  }

  .tabs__content-reviews-left {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .tabs__content-reviews-right-review {
    margin-bottom: 40px;
    padding: 30px;
  }

  .modal {
    max-width: calc(100vw - 30px);
    max-height: calc(100vh - 24px);
  }

  .modal__content {
    padding: 30px 25px 15px;
  }
}

@media (max-width: 675px) {
  .catalog__button {
    height: 35px;
  }

  .search {
    display: none;
  }

  .header-main-content__catalog {
    justify-content: space-between;
    margin-left: 20px;
    margin-right: 15px;
  }

  .catalog__button span {
    display: block;
  }

  .mob-search {
    display: block;
  }

  .mob-search img {
    width: 25px;
    height: 25px;
    fill: #000;
  }

  .main-banner {
    height: 320px;
  }

  .small-banner__first,
  .small-banner__second {
    height: 170px;
  }

  .main-banner__content h2 {
    font-size: 25px;
  }

  .small-banner__content {
    width: 100%;
    padding: 20px 15px;
  }

  .small-banner__content .icon__banner {
    margin-bottom: 10px;
  }

  .small-banner__content h3 {
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 3px;
  }

  .small-banner__price {
    font-size: 14px;
  }

  .main-banner__content p {
    display: none;
  }

  .home,
  .products,
  .about,
  .news,
  .text,
  .contacts,
  .not-page,
  .thank-you,
  .blog,
  .cart,
  .catalog,
  .product {
    padding: 40px 0;
  }

  .button-price {
    flex-direction: column-reverse;
    align-items: flex-start
  }

  .button-price__price {
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .button-price__button {
    height: 45px;
  }

  .main-banner__content .icon__banner,
  .small-banner__content .icon__banner {
    height: 20px;
  }

  .item-img {
    left: 0;
  }

  .item-icons {
    margin-top: 120px;
  }

  .item-icons img {
    width: 70px;
  }

  .item-series {
    font-size: 12px;
  }

  .item-title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .item-attr {
    font-size: 12px;
  }

  .item-buttons {
    flex-direction: column;
  }

  .item-buttons button {
    margin-bottom: 10px;
    height: 40px;
    width: 100%;
  }

  .products__items__item {
    padding: 10px
  }

  .aboot__text h3 {
    font-size: 24px;
    line-height: 38px;
  }

  .aboot__text p,
  .aboot__text ul li {
    font-size: 14px;
    line-height: 22px;
  }

  .aboot__slider {
    display: none;
  }

  .about-number {
    margin-top: 0;
  }

  .about-number__col img {
    width: 80px;
    height: 80px;
  }

  .about-number__col {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .about-number__text {
    align-items: center;
    margin-left: 0;
  }

  .about-number__text h4 {
    font-size: 35px;
  }

  .about-number__text span {
    font-size: 14px;
  }

  .series__header {
    margin-bottom: 0;
  }

  .series__header h3 {
    font-size: 24px;
  }

  .series__buttons {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .series__buttons__items {
    overflow: hidden;
    overflow-x: auto;
  }

  .series__buttons__outline {
    height: 38px;
    margin-bottom: 15px;
    white-space: nowrap;
    padding-right: 35px;
    font-size: 13px;
  }

  .series__photo {
    margin: 0 auto;
  }

  .news__header h3 {
    font-size: 24px;
  }

  .news__header a {
    display: none;
  }

  .news__photo h4 {
    font-size: 18px;
  }

  .not-page__row {
    height: 320px;
  }

  .not-page__row-text h1 {
    font-size: 26px;
  }

  .not-page__row-text p {
    width: 100%;
    font-size: 14px;
  }

  .not-page__row-text .button {
    font-size: 15px;
  }

  .thank-you__row h1 {
    font-size: 24px;
  }

  .address-form__left form {
    flex-direction: column;
  }

  .address-form__input {
    margin-right: 0;
  }

  .address-form__input input {
    margin-bottom: 15px;
  }

  .address-form p {
    font-size: 14px;
  }

  .breadcrumbs {
    margin-bottom: 30px;
  }

  .blog__header-right ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .blog__header-right .button {
    font-size: 14px;
  }

  .blog__body-left p {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .blog__row h1 {
    font-size: 24px;
  }

  .blog__body-left h3 {
    font-size: 25px;
  }

  .blog__header {
    margin-bottom: 50px;
  }

  .blog__body-left h5 {
    margin-bottom: 30px;
  }

  .product_item h1 {
    font-size: 24px;
  }

  .product_item h5 {
    margin-bottom: 15px;
  }

  .product_item-info-price {
    margin-bottom: 20px;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: block;
  }
}

@media (max-width: 576px) {
  .header-main-content__logo img {
    width: 150px;
  }

  .mob-search {
    display: none;
  }

  .main-banner__back img {
    width: 120%;
  }

  .series__row,
  .news__row {
    grid-template-columns: 1fr;
  }

  .catalog__button span {
    display: none;
  }

  .header-main-content {
    justify-content: space-between;
  }

  .header-main-content__catalog {
    order: 2;
    justify-content: flex-end;
    margin-right: 0;
    flex-grow: 0;
    margin-left: 10px;
  }

  .header-main-content__cart {
    order: 1;
    margin-left: 5%;
  }

  .cart-phone {
    width: 23px;
    height: 23px;
    fill: #000;
    display: flex;
    margin-left: 10px;
  }

  .main-banner__content {
    width: 100%;
    padding: 30px;
  }

  .address-form__input input {
    height: 46px;
  }

  .submit {
    flex-direction: column;
  }

  .submit p {
    order: 2;
  }

  .submit button {
    order: 1;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
  }

  .catalog__shop-header {
    margin-bottom: 30px;
  }

  .catalog .breadcrumbs {
    margin-bottom: 10px;
  }

  .catalog__filter {
    margin-bottom: 30px;
  }

  .catalog__filter-item,
  .catalog__filter-clear {
    height: 30px;
  }

  .percent-line__lin-dark {
    width: 270px;
  }

  .tabs__content-reviews-left__star {
    padding: 20px;
  }

  .tabs__content-reviews-left__star img {
    margin-right: 8px;
  }

  .catalog__drop-down-menu.active {
    left: 0;
    width: 100%;
  }

  .item-img {
    left: 0;
  }

  .catalog__drop-down-menu-item {
    font-size: 15px;
    padding: 10px 20px;
  }

  .catalog__drop-down-menu-items a {
    font-size: 14px;
  }

  .tabs__content-tech-item {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .product_item__product-select {
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
  }

  .reset {
    width: 100%;
    margin-top: -5px;
  }

  .main-banner {
    height: 270px;
  }

  .small-banner__first,
  .small-banner__second {
    height: 160px;
  }

  .small-banner__content {
    padding: 15px 10px;
  }

  .small-banner__content h3 {
    font-size: 14px;
    line-height: 18px;
  }

  .main-banner__content .icon__banner,
  .small-banner__content .icon__banner {
    height: 17px;
  }

  .item-icons {
    margin-top: 150px
  }

  .products__items {
    grid-template-columns: 1fr;
    gap: 75px;
  }

  .item-img {

  }

  .footer__cop {
    flex-direction: column;
  }

  .footer__a {
    margin-top: 5px;
  }

  .not-page__row {
    height: 300px;
  }

  .catalog__shop .products__items {
    grid-template-columns: 1fr;
  }

  .catalog__shop-header h1 {
    padding-top: 15px;
  }
}
@media (max-width: 675px) {
  .products__items .item-icons {
    margin-top: 0;
  }
}
@media (min-width: 1600px) {
  .wrapper {
    max-width: 1330px;
  }
}

.reset {
  margin-top: -5px;
}



/* detail */

.detail {
  padding-top: 14px;

}

.detail .breadcrumbs {
  margin-bottom: 5px;

}

.detail__wrap {
  padding-top: 94px;
  padding-bottom: 48px;
  position: relative;
  background-color: #F2F4F3;
  margin-bottom: 49px;
}

.detail__wrap .bg {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 204px;
  background: #20BAB5;
  z-index: 0;
}

.detail__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}


.detail__flex {
  display: flex;
  gap: 40px;
}

.detail__main-pic {
  max-width: 400px;
  margin-bottom: 30px;
}
.detail__main-pic-slider {
  position: relative;
}
.detail__main-pic .swiper-slide {
  margin-bottom: 0;
}
.swiper-color-arrows {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.swiper-color-next,
.swiper-color-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.swiper-color-next {
  right: -24px;
}
.swiper-color-prev {
  left: -24px;
}
.swiper-button-disabled.swiper-color-next,
.swiper-button-disabled.swiper-color-prev {
  opacity: .1;
}

.swiper-color .swiper-slide {
  height: 290px;
}
@media (max-width: 768px) {
  .swiper-color-next {
    right: -15px;
  }
  .swiper-color-prev {
    left: -15px;
  }
}

.product-images {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.product-images__color {
  width: 60px;
  height: 60px;
  position: absolute;
  border: 2px solid #ffffff;
  bottom: 60px;
  left: 40px;
}
.detail__description {
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #646976;
}
.btn-select-color {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 194px;
  height: 36px;
  margin-right: 20px;
  margin-bottom: 5px;
  border-radius: 4px;
  background: #212121;
}
.btn-select-color__icon {
  display: flex;
  width: 21px;
  height: 20px;
  color: #000;
}
.btn-select-color__icon svg {
  width: 100%;
  height: 100%;
}
.btn-select-color__text {
  font-size: 14px;
  color: #ffffff;
}
.btn-show-result {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  border-radius: 12px 12px 0 0;
  background: #F9284C;
  height: 28px;
  width: 113px;
  border: 0;
  cursor: pointer;
  transition: all .2s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
}
.btn-show-result.is-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 992px) {
  .btn-show-result {
    display: none;
  }
}
.address-info-modal {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: 35px 50px;
  z-index: 100;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #ffffff;
  top: 110%;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 20px 0 rgba(11, 10, 69, 0.15);
  transition: opacity 0.5s;
  color: #000;
}
.address-info-modal.is-active {
  opacity: 1;
  visibility: visible;
}
.address-info-modal__item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #A09091;
}
.address-info-modal__item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.flex-address {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 116px;
  margin-bottom: 30px;
  position: relative;
}
.address-shop {
  color: #182134;
  font-size: 20px;
  line-height: 29px;
  font-weight: 600;
}
.shop-schedule {
  color: #646976;
  font-size: 16px;
}
.metro-stations {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.metro-station {
  display: flex;
  gap: 15px;
}

.metro-station img {
  width: 30px;
}

.metro-station span {
  font-size: 16px;
  color: #646976;
}

.detail__main-pic>img {
  width: 100%;
}
.phone-socials {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.flex-metro {
  display: flex;
  justify-content: space-between;
}
.detail__buy {
font-size: 14px;
width: 100%;
max-width: 336px;
margin-top: 19px;
background: #FFFFFF;
border-radius: 4px;
}
@media (min-width: 993px) {
  .detail__buy {
    min-width: 336px;
  }
}

.detail__wr {
  padding: 42px;
  padding-top: 0;
}
@media (max-width: 767px) {
  .detail__wr {
    padding: 20px;
  }
}
.detail__intro {
padding-top: 160px;
max-width: 40%;
}

.detail__article {
font-size: 14px;
margin-bottom: 12px;
color: #646976;
display: block;
}

.detail__title {
font-weight: 600;
font-size: 30px;
line-height: 130%;
margin-bottom: 9px;

color: #182134;
}

.detail__text,
.detail__text p {
font-size: 14px;
line-height: 24px;
color: #182134;
}

.detail__mini-pic {
font-size: 23px;
padding: 20px;
display: flex;
align-items: center;
}


.detail__select {
margin-bottom: 14px;
position: relative;
}

.detail__select > select {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 12px 25px 12px 13px;
  height: 44px;
  appearance: none;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.detail__select:after {
content: '';
display: inline-block;
width: 36px;
height: 100%;
background: url(../img/arrow-select.svg) no-repeat center center;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
/* <-- */
}

.detail__select:last-child {
  margin-bottom: 15px;
}

.detail__size {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 18px;
}

.detail__txt {
  margin-bottom: 29px;
  display: block;
}


.detail__count {
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.count {
  display: flex;
  align-items: center;
  gap: 3px;
}

.count__input {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  text-align: center;
}

.count__plus,
.count__minus {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  background: #D9D9D9;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}

.count__minus.disabled {
  opacity: 0.3;
}

.detail__count>span:first-child {
  width: 20%;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
}

.detail__count>span:nth-child(2) {
  font-weight: 500;
  color: #000;
}

.detail__count {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

.detail__paint {
  display: flex;
  max-width: 177px;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  cursor: pointer;
}

.detail__paint::after {
  content: url(../img/arrow_c.svg);
}

.detail__addtopcat {
  width: 100%;
}

.detail__addtopcat:disabled {
  background: #182134;
  opacity: 0.4;
}


.detail__addtopcat:disabled:hover {
  box-shadow: none;
}

.detail__show-text {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #182033;
  border-radius: 4px;
  margin-top: 22px;
}


.detail__slider {
  display: flex;
  align-items: center;
  gap: 4px;
}



.detail__slide>img {
  object-fit: cover;
  display: block;
}


.detail__tabs {
  display: flex;
  position: relative;
  margin-bottom: 47px;
}

.detail__tabs::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646976;
}

.detail__content {
  display: none;
}

.detail__content.open {
  display: block;
}

.detail__tabs>li {
  margin-right: 20px;
  padding-bottom: 24px;
  color: #A1A7B5;
  cursor: pointer;
  position: relative;
}

.detail__tabs>li.open {
  color: #242B3D;
}

.detail__tabs>li.open::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #182033;
  z-index: 2;
}

.detail__body {
  padding-bottom: 42px;
}

.detail__tlt {
  font-size: 20px;
  margin-bottom: 33px;
}

.detail__list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;

}

.detail__list>li {
  /*margin-bottom: 20px;*/
}

.detail__list>li>a {
    display: inline-block;
  padding: 12px 19px;
  border: 1px solid #182033;
  border-radius: 4px;
  color: #171F32;
  white-space: wrap;
  text-decoration: none;
}

.detail__addtopcat {
  background-color: rgba(24, 33, 52, 1)
}

.detail__link-back {
  position: relative;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  z-index: 1;
}

.detail__link-back.light-background {
  color: #FFFFFF;
}

.detail__link-back .dark-background {
  color: #000000;
}

.product__colors {
  margin-bottom: 15px;
}
.colors__name {
  font-weight: 600;
}
.header__menu a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header__menu a svg {
  flex: 0 0 auto;
}
/* swiper */

.swiper-left {
  width: 36px;
  min-width: 36px;
  height: 36px;
  background: url(../img/slide_arrow.svg) no-repeat 0 0;
  transform: rotate(-180deg);
}

.swiper-right {
  width: 36px;
  min-width: 36px;
  height: 36px;
  background: url(../img/slide_arrow.svg) no-repeat 0 0;

}

.swiper-arrows {
  display: flex;
}

.products__items .swiper-slide {
  padding-top: 22px;

}


/* calculat */

.calculat {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 30%);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10;
  padding: 11px;

}

.calculat.open {
  display: flex;
}

.calculat__wrap {
  background-color: #fff;
  border-radius: 12px;
  padding: 22px 51px;
  width: 100%;
  max-width: 822px;
}

.calculat__row {
  display: flex;
  gap: 50px;
  margin-bottom: 33px;
}

.calculat__row:last-child {
  margin-bottom: 0;
}

.calculat__title {
  font-size: 24px;
  font-weight: 600;
}

.calculat__price {
  color: #FA284D;
  font-size: 29px;
}

.calculat__input {
  padding: 12px 13px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  width: 161px;
  height: 44px;
  color: rgba(24, 33, 52, 0.4);
}

.calculat__label {
  margin-bottom: 10px;
  font-weight: 500;
  display: block;
}

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

.calculat__back {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/back.svg) no-repeat 0 0;
  cursor: pointer;
}

@media (max-width: 992px) {


  .detail__head {
    flex-direction: column;
  }

  .detail__buy {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 90px;
  }


}

@media (max-width: 768px) {
  .detail__flex {
    flex-direction: column;
    gap: 20px;
  }

  .detail__main-pic {
    max-width: 100%;
    margin-bottom: 0;
  }
  .detail__wrap {
    padding-top: 64px;
    margin-bottom: 75px;
  }
  .detail__intro {
    max-width: 100%;
    padding-top: 0;
  }

  .detail__intro {
    flex-direction: column-reverse;
    display: flex;
  }

  .calculat__row {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }


}

@media (max-width: 576px) {

  .detail__list>li>a,
  .detail__tabs>li {
    font-size: 14px;

  }

  .detail__list>li {
    margin-bottom: 11px;
  }

}




/* product calc */

.product_item-calc {
  margin-bottom: 24px;
}

.product_item-row {
  display: flex;
  gap: 10px;

}

.product_item-tlt {
  margin-bottom: 15px;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.product_item-int {
  height: 36px;
  text-align: center;
  padding: 0 16px;
  border: 1px solid #646976;
  border-radius: 4px;
  max-width: 140px;
  font-size: 14px;
}

.product_item-col:nth-child(1) .product_item-int {
  max-width: 129px;
}

.product_item-col:nth-child(2) .product_item-int {
  max-width: 105px;
}

.product_item-col:nth-child(3) .product_item-int {
  max-width: 134px;
}

.product_item-col {
  display: flex;
  align-items: center;
  gap: 19px;
}

.product_item-out {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 3px 10px;
  gap: 10px;

  width: 50px;
  height: 36px;
  color: rgba(250, 40, 77, 1);
  border: 1px solid #646976;
  border-radius: 4px;
}

.product_item-thumbs .swiper-slide {
  background-color: rgba(217, 217, 217, 1);
  padding: 11px;
  cursor: pointer;
  border: 2px solid transparent;
}

.product_item-thumbs .swiper-slide-thumb-active {
  border-color: currentColor;
}

.product_item-prev,
.product_item-next {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  z-index: 20;
}

.product_item-next {
  transform: rotate(0);
  left: unset;
  right: 0;
}


.product_item__fullscreen {
  width: 56px;
  height: 56px;
  background: url(../img/button-fullscreen.svg) no-repeat 0 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
}

.product_item-thumbs {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .address-info-modal {
    display: none;
  }

}
@media (max-width: 479px){
  .product_item__product-select {
    gap: 15px;
  }
  .product_item__product-select .select-block {
    margin-bottom: 0;
  }
  .product_item__product-select .reset {
    margin-left: 0;
    margin-top: 0;
  }
  .product_item__product-select .btn-select-color {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {


  .product_item-row {
    flex-direction: column;
  }

  .product_item-col {
    justify-content: space-between;
    gap: 5px;
  }

  .product_item-col>.product_item-col {
    width: 33.333%;

  }

  .product_item-int {
    max-width: calc(100% - 10px) !important;
  }

}


/* select-color */

.select-color {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  align-items: flex-start;
  justify-content: center;
  overflow-y: scroll;
  z-index: 1000;
  padding: 11px;
}

.select-color.open {
  display: flex;
}

.select-color__wrap {
  background: rgba(245, 245, 245, 1);
  padding: 28px 33px;
  max-width: 1042px;
  position: relative;

}



.select-color__title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 16px;
}

.select-color__sort {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;

}

.select-color__sort>li>a {
  height: 48px;
  padding: 0 19px;
  border: 1px solid #182033;
  height: 48px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  color: rgba(36, 43, 61, 1);
  text-decoration: none;
}


.select-color__sort>li>a:hover,
.select-color__sort>li.active>a {
  background-color: #fff;
  border: 1px solid #fff;
}

.select-color__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 740px;
  margin-bottom: 40px;
}

.select-color__input {
  height: 47px;
  color: rgba(172, 176, 188, 1);
  background: #FFFFFF url(../img/search_input.svg) no-repeat 22px center;
  border-radius: 4px;
  padding-left: 51px;
}

.select-color__body {
  background-color: #fff;
  padding: 40px 36px;
}

.select-color__tlt {
  text-align: center;
  letter-spacing: 0.27em;
  text-transform: uppercase;
  font-size: 24px;
  color: #242B3D;
  margin-bottom: 10px;
  text-align: center;
  display: block;
}

.select-color__opt {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.select-color__color {
  display: flex;
  align-items: center;
  margin-right: 94px;
}

.select-color__color>span {
  width: 142px;
  height: 48px;
  margin-right: 12px;
}

.select-color__opt button {
  background: #182033;
}

.select-color__txt {
  margin-top: 35px;
  font-size: 14px;
  line-height: 20px;
  color: #9FA4B2;
  display: block;
}

.select-color__scroll {
  position: relative;
  height: 8px;
  background-color: #D9D9D9;
  display: block;
  margin-top: 33px;
}

.select-color__scroll::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #9FA4B2;
}

.select-color__close {
  position: absolute;
  right: 34px;
  top: 28px;
  cursor: pointer;
}

.podborki {
  margin-bottom: 40px;
}

.podborki a {
  background-color: #F2F4F3;
}

@media (max-width: 576px) {
  .select-color__wrap {
    max-width: 100%;
    padding-bottom: 100px;
  }

  .select-color__body {
    padding: 0;
    background: none;
  }

  .select-color__title {
    font-size: 24px;
  }

  .select-color__sort {
    gap: 5px;
  }

  .select-color__opt {
    flex-direction: column;
  }

  .select-color__color {
    margin-right: 0;
    margin-bottom: 11px;
  }

  .select-color__opt button {
    background: #182033;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 66px);
  }

  .select-color__color {

    flex-direction: column;
        background: #fff;
        width: 50%;
        gap: 10px;
        padding-bottom: 8px;
  }

  .select-color__color>span {
    width: 100%;
    margin-right: 0;
  }
  .no-mobile{
    display: none;
  }

}
.btn-up {
  right:  5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  padding: 0;
  position: fixed;
  display: flex;
  align-self: center;
  justify-content: center;
  background: #F9284C;
  border: none;
  border-radius: 4px;
  color: #FFF;
  z-index: 90;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  &.is-active {
    visibility: visible;
    opacity: 1;
  }
}
.btn-up svg {
  stroke: currentColor;
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
.btn-up:hover svg {
  transform: rotate(-90deg) translateX(15%);
}
.button-with-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.mb-sm {
  margin-bottom: 10px;
}
.modal-w900.modal-w900 {
  max-width: 900px;
}
@media (min-width: 992px) {
  .btn-up {
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
  }
}
.cart__product-info .input__box input{
 margin: 0;
  width: 100%;
  max-width: 100%;
}
.fancybox-bg.fancybox-bg {
  background: #ffffff;
}

.catalog__shop ul li,
.catalog__shop ol li {
  position: relative;
  margin-bottom: 10px;
}
.catalog__shop ul li:before,
.catalog__shop ol li:before {

  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
  margin-right: 10px;
}
.catalog__shop ul li:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #F9284C;
  border-radius: 50%;
}
.catalog__shop ol {
  counter-reset: section;
  list-style-type: none;
}
.catalog__shop ol li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
  margin-top: 0;
  color: #F9284C;
}
.catalog__shop {
  margin-bottom: 40px;
}
.catalog__shop p {
  color: #182134;
}
.bx-pagination {
  margin: 30px 0 0;
}
.bx-pagination .bx-pagination-container ul li:before {
  display: none;
}
.bx-pagination .bx-pagination-container ul li {
  margin-bottom: 0;
}
.search-content a {
  text-decoration: underline;
  color: #F9284C;
}

.bx-filter-parameters-box-container {
  padding-bottom: 0;
  margin-bottom: 20px;
}

.header__under-logo-text {
  margin: 5px 0;
  font-size: 14px;
}
.header__logo-box {
  padding: 10px 0;
}

#site-tc .header__logo img,
#site-cc .header__logo img,
#site-dc .header__logo img {
  max-height: 80px;
}

.header__wrapper_btm.header__wrapper_btm  {
  align-items: stretch;
  justify-content: flex-start;
}
.header__btns.header__btns {
  align-items: center;
}

.header__menu.header__menu {
  align-items: center;
  height: auto;
}

.header.header {
  height: auto;
}

.header__menu > li {
  height: 100%;
}

.header__burger.header__burger {
  top: 50%;
  transform: translateY(-50%);
}

.main-menu.main-menu {
  top: 100%;
}

.palette-block-grid--empty.palette-block-grid--empty {
  display: block;
  font-size: 16px;
  margin-top: 45px;
}

.palette-block-grid--empty a {
  text-decoration: underline;
  color: #F9284C;
}
@media (max-width: 767px) {
  #site-tc .header__logo img,
  #site-cc .header__logo img,
  #site-dc .header__logo img {
    max-height: 55px;
  }
}


.cookies-box {
  z-index: 89;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #182134;
  position: fixed;
  padding: 20px 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition-property: visibility, opactiy;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}

.cookies-box:not(.is-show) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.cookies-box.has-btn {
  bottom: 77px;
}
.cookies-box .button {
  transition: all .2s;
}
.cookies-box .button:hover {
  box-shadow: 0 0 22px 2px #dfb1b9;
}

@media (min-width: 768px) {
  .cookies-box {
    background-color: transparent;
  }
}
@media (min-width: 993px) {
  .cookies-box.has-btn {
    bottom: 0;
  }
}

.cookies-box .in {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

@media (max-width: 767px) {
  .cookies-box {
    background: #ffffff;
    font-size: 12px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
  }
  .cookies-box .button {
    height: 35px;
  }
}
@media (min-width: 768px) {
  .cookies-box .in {
    background: #ffffff;
    position: relative;
    border-radius: 14px;
    padding: 12px 34px 12px 25px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
  }
}
@media (max-width: 675px) {
  .detail .breadcrumbs {
    margin-top: 20px;
  }
}
.cookies-box .close {
  padding: 0;
  outline: none;
  box-shadow: none;
  margin: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
}

@media (min-width: 768px) {
  .cookies-box .close {
    right: 8px;
    top: 8px;
  }
}

.cookies-box .btns {
  display: flex;
  gap: 10px;
}

@media (min-width: 768px) {
  .cookies-box .btns {
    margin-left: auto;
    gap: 12px;
  }
}

.cookies-box .btns .btn {
  flex: 1 0 0;
}

.bx-pag-all {
  display: none !important;
}