/*Constant variables */
:root {
  --black: #343434;
  --sub-black: #383838;
  --super-black: #1a1a18;
  --white: #fff;
  --sub-white: #fff;
  --white-secondary: #fff;
  --grey: #f5f5f5;
  --sub-grey: #d9d9d9;
  /* --bg-color: #ffffff;
  --text-color: #343434;
  --bg-sub-color: #343434; */
}
body.dark_theme {
  --black: #fff;
  --sub-black: #fff;
  --super-black: #fff;
  --white: #484848;
  --sub-white: #383838;
  --white-secondary: #343434;
  --grey: #343434;
  --sub-grey: #7a7a7a;
  /* --bg-color: #484848;
  --text-color: #fff;
  --bg-sub-color: #fff; */
}
/* Constant variables end */

* {
  margin: 0;
  padding: 0;
  border: 0;
  /* додаємо за потреби */
  transition: all 0.3s ease 0s;
}

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

html {
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  box-shadow: none;
  background-color: transparent;
}

a:focus,
a:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  box-shadow: none;
  background-color: transparent;
}

nav,
header,
footer,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1.2;
  font-size: 13px;
  font-family: "Montserrat", Sans-serif;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
textarea,
select,
button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 100%;
  color: inherit;
  -webkit-appearance: none; /* вимикає деякі специфічні стилі Safari/Chrome */
  -moz-appearance: none; /* вимикає деякі специфічні стилі Firefox */
  appearance: none; /* вимикає загальні стилі */
  outline: none; /* вимикає обведення при фокусі */
  box-shadow: none; /* вимикає тінь при фокусі */
  border: none; /* вимикає рамку */
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
  box-shadow: none;
  /* -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent; 
  background-color: transparent; */
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  font-size: inherit;
  /* font-weight: 400; */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

a,
button {
  font-family: "Montserrat", Sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: var(--black);
}
/* Main styles */
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header {
  padding: 15px 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

main {
  flex: 1 1 auto;
  padding: 20px 0;
  color: var(--black);
}

p {
  margin-bottom: 15px;
}

.main {
  padding-top: 150px;
  background-color: var(--white);
  /* for main_bg-2 */
  position: relative;
  z-index: 1;
  /* overflow-x: clip; */
}

.lock {
  overflow: hidden;
}

h1 {
  font-size: 36px;
  font-weight: 700;
}

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

h3 {
  font-size: 20px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
  font-weight: 600;
}
section {
  margin-bottom: 64px;
}

.section {
  position: relative;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  /* margin: 0 auto 64px auto; */
  z-index: 1;
}

.btn {
  display: block;
  background: var(--black);
  border-radius: 4px;
  color: var(--sub-white);
  height: 35px;
  padding: 0 12px;
  white-space: nowrap;
  transition: all 0.2s ease;
  border: 1px solid var(--black);
}

/* .btn:hover {
  background: white;
  color: #383838;
  border: 1px solid #343434;
  box-shadow: 2px 2px 5px 0px #00000040;
} */
/* .btn:active {
  box-shadow: unset;
} */
/* Custom select main style */
.select {
  display: none;
}

.select_wrapper {
  position: relative;
  display: inline-block;
  display: flex;
  gap: 20px;
}

/* Стилізація блоку з поточним вибором */
.select_display {
  /* Базовий фон і рамка */
  background: #f8f7f7;
  box-shadow: 0px 1px 4px 0px #00000040 inset;
  border-radius: 4px;
  border: 1px solid #d9d9d9;

  /* Розмір шрифту, внутрішні відступи */
  font-size: 16px;
  padding: 8px 40px 8px 12px;
  background-size: 12px;
  line-height: 20px;

  /* Робимо ширину автоматичною або фіксованою, як вам зручно */
  width: auto;
  cursor: pointer;
  position: relative;
}

.select_display::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  position: absolute;
  top: 30%;
  right: 10px;
  display: inline-block;
}

/* Контейнер кастомних опцій */
.select_options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #f8f7f7;
  box-shadow: 0px 1px 4px 0px #00000040 inset;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  z-index: 100;
  font-size: 12px;
}

/* Стилізація кожного блоку-опції */
.option {
  padding: 8px 12px;
  cursor: pointer;
}

/* Ховер для опції */
/* .option:hover {
  background-color: #f0f0f0;
} */

/* Активна опція */
.option.active {
  background-color: #e0e0e0;
}
/* Custom select main style end */
/* Main styles end*/

/* Main styles dark theme */
.dark_theme .header_logo img,
.dark_theme .header_item_user_section img,
.dark_theme .advantages_item img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(214%)
    hue-rotate(81deg) brightness(120%) contrast(100%);
}
/* Main styles dark theme end */

/* Header */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: var(--white-secondary);
  color: var(--black);
  box-shadow: 0px 4px 4px 0px #00000040;
  font-size: 12px;
}

/* .dark_theme .header {
  background: #343434;
} */
/* не видаляти потрібно буде для моб.меню*/
/* .header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 40;
} */

/* не видаляти */
.header_body {
  position: relative;
  /* z-index: 2; */
  /* не видаляти */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  /* align-items: center; */
  /* не видаляти */
  /* display: grid;
	grid-template-columns: repeat(3, 1fr); */
  height: auto;
  width: 100%;
}

.header .fa-solid {
  color: var(--black);
}

.header_top,
.header_bottom {
  display: flex;
  justify-content: space-between;
}

.header_bottom {
  gap: 10px;
}

.header_list {
  display: none;
  flex-direction: column;
}
.header_menu.active .header_list {
  display: flex;
  background: var(--sub-white);
  padding-bottom: 16px;
}

.header_list li {
  padding: 8px 16px;
}
/* .header_list li:hover {
  background: #f5f5f5;
} */
.header_link {
  color: var(--black);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
.header_link i {
  display: none;
}

/* Header drop-down */
.dropdown {
  display: flex;
  width: 100%;
  position: relative;
  cursor: pointer;
  margin-right: 20px;
  /* z-index: 50; */
  z-index: 35;
}

/* Іконка chevron після номера */
.dropdown_menu:after {
  content: "\f078";
  /* Використовуємо Font Awesome */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 100%;
  /* right: -8%; */
  /* margin-left: 8px; */
  transition: transform 0.3s ease;
  display: inline-block;
}

.dropdown.no_arrow .dropdown_menu:after {
  display: none;
}

.dropdown.active:after {
  transform: rotate(180deg);
}

.dropdown_menu {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  position: absolute;
}

.dropdown_menu li {
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
}

/* Приховуємо всі номери крім першого */
.dropdown_menu li:not(.active) {
  display: none;
  /* padding: 0 8px 3px; */
  padding: 10px 20px;
  background: #FFF9EA;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 4px;
  position: absolute;
  top: 100%;
  /* left: -25%; */
  left: -13px;
  min-width: 70px;
}

.dropdown.active li {
  display: inline-block;
}

.dropdown.active .dropdown_menu {
  background: var(--white-secondary);
  border-radius: 5px;
}

/* Стиль для hover */
/* .dropdown_menu li:hover {
  background-color: #f1f1f1;
  border-radius: 5px;
}

.dropdown.no_arrow .dropdown_menu li:hover {
  background-color: inherit;
  cursor: default;
} */

.hidden {
  display: none;
}
/* Header drop-down end*/

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

.header_item_top {
  font-size: 13px;
  font-weight: 500;
  display: flex;
  gap: 40px;
}

.header_info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header_info a {
  font-weight: 400;
}

.header_item_top a {
  color: var(--black);
}

.header_item_top:last-child {
  font-weight: 400;
  /* text-transform: uppercase; */
}

.header_item_top .header_item > div {
  display: flex;
  align-items: center;
  position: relative;
}

.header_item_top .header_item > div i {
  align-self: flex-start;
  /* margin: 1px 2px; */
  font-size: 16px;
  /* margin-right: 8px; */
}

/* ************************ */
.header_item_working_hours  i{
  margin-right: 8px;
}
 .header_contact a{
  font-size: 16px;
  font-weight: 500;
  margin-right: 17px;
  white-space: nowrap;
 }
/* Базові стилі */
.dropdown_container {
  position: relative;
  cursor: pointer;
}
 
.dropdown_menu1 {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff9ea;
  border-radius: 4px;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 10px 12px;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

/* Відкритий стан */
.dropdown_container.open .dropdown_menu1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(5px);
}
.header_contact.open .dropdown_menu1 {
  transform: translateY(-10px);
  left: -10px;
}
/* Списки всередині */
.dropdown_list li {
  padding: 3px 0;
  font-size: 13px;
  color: #343434;
  white-space: nowrap;
}

/* Іконка chevron для всіх .dropdown_main */
.dropdown_main {
  /* display: block;
  margin-right: 5px; */
  position: relative;
}
.dropdown_main::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  display: inline-block;
  margin-left: 5px;
}

/* Hover на десктопі */
@media (min-width: 768px) {
  .dropdown_container:hover .dropdown_menu1 {
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
  }
  .header_contact:hover .dropdown_menu1 {
    transform: translateY(-10px);
    left: -10px;
  }
}



/* ********************* */

.header_working_hours_dropdown {
  /* width: 80px; */
}

.header_item_top .header_item .dropdown_menu {
  top: -7px;
  /* right: -7px; */
  /* left: 5px; */
}

.header_item_top .header_item .dropdown_menu:after {
  font-size: 9px;
  top: 1px;
  /* right: -8px; */
}

.header_item_top .header_item .dropdown_menu li {
  /* padding: 0 8px 3px; */
  /* padding: 3px 8px; */
}

.header_item_top .header_item .dropdown_menu li.active {
  padding: 0 8px 3px;
}

.header_currency_dropdown,
.header_settings_language_dropdown {
  width: 30px;
}

.header_settings_theme {
  margin-left: 20px;
}

.header_settings_theme i {
  height: 16px;
  width: 16px;
}

.header_settings_theme .fa-sun {
  color: #fab604;
}

/* Header bottom */
.menu_icon_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--black);
  border-radius: 4px;
  width: 44px;
  height: 40px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0; /* Забороняє зменшення в гнучкому контейнері */
}
.menu_icon_wrapper.active {
  z-index: 80;
}
.menu_icon_wrapper img {
  filter: brightness(0) invert(1);
  transition: all 0.3s ease;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 7px;
  position: relative;
  z-index: 69;
  /* max-width: 28px; */
}

.dark_theme .menu_icon_wrapper img {
  filter: brightness(0) invert(0);
}

/* .menu_icon_wrapper img:hover {
  filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(341deg) brightness(95%) contrast(89%);
}

.menu_icon_wrapper:hover {
  box-shadow: 2px 2px 5px 0px #00000040;
  background: white;
  border: 1px solid #383838;
} */
/* .menu_icon_wrapper:active {
  box-shadow: unset;
} */
.menu_icon_wrapper.active .menu_icon {
  z-index: 75;
}

.header_logo {
  flex: 0 0 110px;
  overflow: hidden;
  position: relative;
  z-index: 50;
  margin: 0 28px 0 38px;
}

.header_logo img {
  max-width: 110px;
  width: 100%;
}

.header_catalog_wrapper {
  height: 40px;
  width: auto;
  color: var(--white);
  border-radius: 4px;
  background: var(--black);
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #343434;
  transition: all 0.2s ease;
}

.header_catalog_name {
  text-transform: uppercase;
  height: 100%;
  width: 100%;
  padding-right: 25px;
  display: flex;
  align-items: center;
}

.header_catalog_icon {
  height: 100%;
  width: 100%;
  padding: 10px;
}

.header_catalog_icon img {
  position: relative;
  transition: all 0.3s ease;
  height: 100%;
  filter: brightness(0) invert(1);
  max-width: 25px;
}
.dark_theme .header_catalog_icon img {
  filter: brightness(0) invert(0);
}
/* .header_catalog_icon:hover img, */
/* .header_catalog_icon:active img {
  filter: brightness(0.4) invert(0);
} */

/* .header_catalog_wrapper:hover {
  box-shadow: 2px 2px 5px 0px #00000040;
  background: white;
  border: 1px solid #383838;
  color: #383838;
} */

/* .header_catalog_icon:hover + .header_catalog_name, */
/* .header_catalog_icon:active + .header_catalog_name {
  color: #383838;
} */

/* .header_catalog_wrapper:hover img, */
/* .header_catalog_wrapper:active img {
  filter: brightness(0.4) invert(0);
} */

/* .header_catalog_wrapper:active {
  box-shadow: unset;
  background: white;
  border: 1px solid #383838;
  color: #383838;
} */

/* Catalog menu */
.header_item_catalog {
  position: relative;
  z-index: 69;
}
.header_item_catalog.open {
  position: relative;
  z-index: 75;
}
.header_catalog_wrapper i {
  display: none;
}
.header_catalog_menu {
  position: relative;
}
.header_catalog_menu_wrapper {
  display: none;
  position: absolute;
  top: 58px;
  left: 0;
  background-color: #343434;
  color: #fff;
  width: 300px;
  border-radius: 4px;
}
.header_catalog_menu_wrapper.open {
  display: block;
  z-index: 70;
}
.header_overlay {
  display: none;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #34343499;
  z-index: 69;
  display: none;
}
.header_overlay.active {
  display: block;
  z-index: 70;
}
.header_catalog_menu {
  margin: 0;
  padding: 0;
  position: relative;
}
.header_catalog_menu_item > a {
  padding: 18px 34px;
  display: block;
  text-decoration: none;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_item_catalog .fa-solid {
  color: var(--white-secondary);
  font-size: 16px;
  margin-left: 10px;
}
.header_catalog_menu_item.open > a {
  background-color: #7a7a7a;
  border-radius: 4px;
}
.header_catalog_menu_item.open i {
  margin-right: -20px;
  margin-left: 20px;
}
.header_catalog_submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 200px;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  padding: 0 8px;
}
/* .header_catalog_submenu li:active {
  border: 1px solid #343434;
} */
/* .header_catalog_menu_item:hover > .header_catalog_submenu {
  display: block;
} */

.header_catalog_submenu li {
  background: var(--grey);
  border-radius: 4px;
  min-width: 170px;
  padding: 10px;
}
.header_catalog_submenu li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  height: 100%;
}
.header_catalog_submenu li a span {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  /* color: #1a1a18; */
  color: var(--super-black);
}
.header_catalog_submenu li a img {
  margin: auto;
}
/* Catalog menu end*/

.header_search {
  height: 40px;
  border: 1px solid #b4b4b4;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}

.header_search_input {
  padding-left: 15px;
}

.header_search_button {
  width: 48px;
  height: 40px;
  border-radius: 5px;
  background: var(--black);
  margin: -1px -1px 0 0;
  transition: all 0.2s ease;
}

.header_search_button .fa-solid.fa-magnifying-glass {
  font-size: 15px;
  color: var(--white);
}

/* .header_search_button:hover {
  background: white;
  box-shadow: 2px 2px 5px 0px #00000040;
  border: 1px solid #383838;
} */

/* .header_search_button:hover .fa-solid.fa-magnifying-glass {
  color: #383838;
} */

/* .header_search_button:active {
  box-shadow: unset;
} */

.header_contact_dropdown {
  /* width: 180px; */
}

.header_contact_dropdown_menu {
  /* top: -17px; */
  /* top: 0;
	transform: translateY(-50%); */
}

.header_contact_dropdown_menu:after {
  /* right: -10px;
  transform: translateY(65%); */
}

.header_contact_dropdown.active .header_contact_dropdown_menu {
  /* padding-bottom: 5px; */
}

.header_contact_dropdown_menu li {
  /* font-size: 16px;
  padding: 8px 16px; */
}

.header_contact_dropdown_menu li:not(.active) {
  /* padding: 3px 16px; */
}

.header_call_back {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--black);
}
/* .header_call_back:hover i {
  color: #383838;
} */

.fa-solid.fa-phone {
  color: var(--white-secondary);
  margin-right: 14px;
}

.header_user_section {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* .pc_icon:hover {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
} */

/* .pc_icon:active {
  filter: brightness(0) saturate(100%) invert(68%) sepia(3%) saturate(14%)
    hue-rotate(0deg) brightness(92%) contrast(90%);
} */
.mob_item {
  display: none;
}

.header_user_item {
  position: relative;
  font-size: 24px;
  color: var(--black);
}

.header_user_item img {
  display: block;
}

.header_item_count {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #f0b100;
  font-size: 11px;
  padding: 2px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  width: 17px;
}

.header_menu {
  display: none;
  position: absolute;
  top: 75px;
  left: 0;
  z-index: 81;
}
.header_menu.active {
  display: block;
  width: 230px;
}
.header_mob_menu_block {
  display: flex;
  background: var(--black);
  padding: 20px 16px;
  align-items: center;
  justify-content: space-between;
  color: var(--white);
  font-size: 13px;
  text-transform: uppercase;
}
.header_mob_menu_block .fa-solid {
  color: var(--white);
}
/* Header end */

/* Main */
.main_wrapper {
  display: flex;
  justify-content: end;
  max-width: 1440px;
  margin: auto;
  gap: 40px;
}
/*Navigation menu*/
.nav_section {
  position: sticky;
  top: 150px;
  height: 100%;
  z-index: 70;
}
.nav_menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 10px;
}
.nav_menu_wrapper {
  margin-right: 5px;
}
.nav_menu_item a {
  display: block;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  height: 76px;
  width: 76px;
  padding: 20px;
  background: var(--white-secondary);
  transition: all 0.2s ease;
}
/* .nav_menu_item a:hover {
  box-shadow: 2px 2px 5px 0px #00000040;
} */
/* .nav_menu_item a:active {
  box-shadow: unset;
} */
.nav_menu_item.active a {
  border: 1px solid #343434;
  color: var(--black);
  background: white;
}
.nav_menu_item.active a img {
  filter: brightness(0.4) invert(0);
}
.nav_menu_item a img {
  display: block;
  margin: auto;
  height: 100%;
}
/*Navigation menu end*/

/* Intro slider */
.swiper-container {
  overflow-x: hidden;
  overflow-y: auto;
}
.intro_slider {
  box-shadow: 1px 1px 20px 0px #00000040;
  border-radius: 20px;
}
.intro_slider_wrapper_img {
  text-align: center;
  height: 420px;
}
.intro_slider_wrapper_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* не видаляти */
  /* object-position: center; */
  object-position: 40% 60%;
  border-radius: 20px;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  color: #fab604;
  font-weight: 600;
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
  background: #fab604;
}
/* Intro slider end*/
.intro_text {
  position: absolute;
  top: 35%;
  left: 100px;
  z-index: 30;
  /* height: 100%; */
  width: 30%;
  color: #1a1a18;
}
.intro_text span {
  color: #fab604;
  white-space: nowrap;
}
/* Intro slider end */

/* Product section */
.product .container {
  position: relative;
  z-index: 1;
}
.main_bg-1 {
  position: absolute;
  z-index: -1;
  left: -130px;
  bottom: -200px;
}
.main_bg-1 img,
.main_bg-2 img,
.main_bg-3 img {
  opacity: 0.15;
}
.dark_theme .main_bg-1 img,
.dark_theme .main_bg-2 img,
.dark_theme .main_bg-3 img {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(261%)
    hue-rotate(298deg) brightness(120%) contrast(100%);
}
.product_block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  /* margin-bottom: ; */
}
.product_item {
  background: var(--grey);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding: 15px;
  height: auto;
  border-radius: 4px;
  gap: 5px;
  cursor: pointer;
  /* color: #1a1a18; */
  color: var(--super-black);
}

/* .product_item:hover {
  transform: scale(1.1);
  box-shadow: 2px 2px 5px 0px #00000040;
} */

/* .product_item:active {
  border: 1px solid #343434;
  box-shadow: unset;
  transform: unset;
} */

.product_item_img {
  margin: auto;
  overflow: hidden;
}
.product_item_img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.product_item_title {
  text-align: center;
}
/* Для 2-го та 4-го елементів у перших 4-х */
.product_block > *:nth-child(8n + 2),
.product_block > *:nth-child(8n + 4) {
  height: 290px;
}
/* Для 5-го та 7-го елементів у наступних 4-х */
.product_block > *:nth-child(8n + 5),
.product_block > *:nth-child(8n + 7) {
  height: 290px;
  margin-top: -90px;
}
/* Для 2-го, 4-го, 5-го та 7-го елементів у наступних 4-х */
.product_block > *:nth-child(8n + 1),
.product_block > *:nth-child(8n + 3),
.product_block > *:nth-child(8n + 6),
.product_block > *:nth-child(8n + 8) {
  height: 200px;
}

.loaded_more {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.loaded_more a {
  display: inline-block;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  color: var(--super-black);
}
.loaded_more a::before {
  content: url(../img/loaded-more.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 15px;
}
.dark_theme .loaded_more a::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%)
    hue-rotate(142deg) brightness(118%) contrast(100%);
}
/* .loaded_more a:hover {
  font-weight: 600;
} */
/* .loaded_more a:active {
  font-weight: 700;
} */
/* Product section end */

/* Suggestion section */
.subtitle {
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.subtitle h2 {
  width: fit-content;
  /* margin: 0 10px; */
  text-align: center;
  background: var(--white);
  display: flex;
  margin: auto;
  /* padding: 0 15px; */
}

.subtitle h2::before,
.subtitle h2::after {
  content: "";
  display: block;
  height: 4px;
  width: 4px;
  transform: rotate(45deg);
  background-color: #d9d9d9;
  /* margin: auto; */
}
.subtitle h2::before {
  margin: auto 10px auto auto;
}
.subtitle h2::after {
  margin: auto auto auto 10px;
}
.subtitle hr {
  border-top: 1.5px solid #d9d9d9;
  position: absolute;
  top: 46%;
  left: 0;
  width: 100%;
  z-index: -1;
}
.suggestion_slider .swiper-pagination {
  position: unset;
  margin-top: 15px;
}
.suggestion_item {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  background: var(--white-secondary);
}
.suggestion_item_img {
  display: block;
  padding: 10px;
  overflow: hidden;
}
.suggestion_item_img img {
  max-width: 100%;
  height: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.suggestion_item_info {
  border-top: 1px solid #d9d9d9;
  display: block;
  padding: 10px 15px;
}
.suggestion_item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: #b4b4b4;
  margin-bottom: 8px;
}
.suggestion_item_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.suggestion_item_left {
  color: #fab604;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}
.suggestion_item_left span {
  font-size: 24px;
}
/* Suggestion section end */

/* New Product section */
.new_product {
  min-height: 520px;
  overflow-x: clip;
  z-index: 2;
}
.slider_wrapper {
  position: absolute;
  top: 65px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.new_product .loaded_more {
  position: absolute;
  bottom: 0;
}
.product_card {
  border: 1px solid #a7a7a7aa;
  border-radius: 4px;
  background: var(--white-secondary);
}
.modal_product_title {
  margin-bottom: 30px;
}
.product_card_top {
  position: relative;
  /* height: 50%; */
}
.product_card_labels {
  position: absolute;
  top: 0;
  left: 0;
  /* right: 0;
	bottom: 0; */
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.product_card_labels_left {
  /* left: 0; */
  /* max-width: 72px; */
  font-size: 10px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  font-size: 10px;
}
.product_card_labels_right {
  /* display: flex; */
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}
.product_card_labels_right a {
  /* display: block; */
  display: flex;
  height: 36px;
  width: 36px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background: var(--white-secondary);
  transition: all 0.2s ease;
  padding: 5px;
}
/* .product_card_labels_right a:hover {
  border: 1px solid #343434;
  color: #343434;
} */
/* .product_card_labels_right a:active {
  border: 1px solid #d9d9d9;
} */

.product_card_labels_right a img {
  display: block;
  margin: auto;
  height: 100%;
  width: 20px;
}

/* .product_card_labels_right a:hover img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(3%) saturate(15%)
    hue-rotate(314deg) brightness(93%) contrast(75%);
} */

.product_card_like.active_like i {
  color: #fab604;
}
/* .product_card_like.active img{
	filter: brightness(0) saturate(100%) invert(61%) sepia(92%) saturate(833%) hue-rotate(2deg) brightness(106%) contrast(97%);
} */
.product_card_label_none {
  font-size: 10px;
  font-weight: 400;
  color: white;
  background: #b4b4b4;
  border-radius: 4px;
  padding: 0 5px;
  margin: 5px;
}

.product_card_label_new {
  background: #fab705;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  text-transform: uppercase;
  padding: 5px 10px;
  max-width: 72px;
}
.product_card_label_discount {
  background: #e83539;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  text-transform: uppercase;
  padding: 5px 10px;
  text-align: center;
  max-width: 72px;
  /* display: none; */
}
.product_card_label_discount span {
  font-size: 15px;
  font-weight: 600;
}
.product_card_img {
  /* width: 100%; */
  /* height: 100%; */
  overflow: hidden;
  height: 100%;
  /* max-height: 205px; */
  height: 185px;
  margin: auto;
}
.product_card_img img {
  display: block;
  object-fit: contain;
  /* width: 100%;
	height: 100%; */
  object-position: center;
  margin: auto;
}
.new_product_slider .swiper-pagination-bullet {
  background-color: #1a1a18;
  opacity: 0.9;
}
.new_product_slider .swiper-pagination-bullet-active {
  background-color: #f0b100;
  /* opacity: 0.2; */
}
.product_card_bottom {
  padding: 10px 20px 20px;
  height: 60%;
  /* height: 100%; */
}
.product_card_title {
  min-height: 20%;
}
.product_card_title a {
  display: inline-flex;
  flex-direction: column;
  /* display: block; */
  /* margin: auto; */
  font-size: 12px;
  font-weight: 700;
  margin: 5px auto 15px auto;
}
.product_card_title_block {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
}
.product_card_info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
}
.product_card_price_title {
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--super-black);
  margin-bottom: 3px;
}
.product_card_price {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 3px;
}

.product_card_price span {
  font-size: 16px;
}
.price_retail {
  color: #fab604;
}
.product_card_price_item {
  white-space: nowrap;
}
.price_retail.active_discount .product_card_price_item {
  color: #b4b4b4;
  text-decoration: line-through;
}
.price_wholesale {
  color: #b4b4b4;
}
.price_discount {
  display: none;
  color: #fab604;
}

.product_card_controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  /* height: 35px; */
}
.product_card_current {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 37px;
  box-sizing: border-box;
}
.dark_theme .product_card_current {
  border: 1px solid white;
}
.product_card_current span {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;
}
.product_card_btn_minus {
  background: #d9d9d9;
  color: #b4b4b4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dark_theme .product_card_btn_minus {
  color: white;
}
.product_card_btn_minus.active {
  background: var(--black);
  color: var(--sub-white);
}
.dark_theme .product_card_btn_minus.active {
}
.product_card_btn_plus {
  background: var(--black);
  color: var(--white-secondary);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.product_card_input_qty {
  width: 30%;
  min-width: 44%;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  -moz-appearance: textfield;
}
.product_card_input_qty::-webkit-outer-spin-button,
.product_card_input_qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.product_card_btn {
  text-transform: uppercase;
}
.product_card_btn i {
  font-size: 15px;
  margin-left: 3px;
}
.product_card_btn_buy,
.product_card_btn_cart.hidden {
  display: block;
}
.product_card_btn_buy.hidden,
.product_card_btn_cart {
  display: none;
}
.product_card_none {
  width: 100%;
  display: flex;
  justify-content: center;
}
.product_card_none_btn {
  max-width: 135px;
  white-space: normal;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  /* margin-top: 43px; */
}
.product_card_none_btn i {
  font-size: 20px;
}

.swiper-container.new_product_slider {
  overflow: hidden;
}
.product_card_details {
  max-height: 0;
  overflow: hidden;
}
.product_card_details ul {
  padding-top: 35px;
}
.product_card_details li {
  border-bottom: 1px solid #e7e7e7;
  padding: 9px 0;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  color: #7a7a7a;
  display: flex;
  justify-content: space-between;
}
.dark_theme .product_card_details li {
  color: white;
}
.product_card_details li span {
  color: var(--super-black);
  white-space: nowrap;
}
.main_bg-2 {
  position: absolute;
  z-index: -1;
  /* section new_product*/
  /* right: -250px;
	bottom: -100px; */
  /* main section */
  right: 9%;
  top: 42%;
}
/* New Product section end*/

/* Modal Quick view product */
/* Modal main styles */
.modal {
  display: none;
  position: fixed;
  z-index: 110;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.open {
  display: block;
}
.modal_wrapper {
  /* padding: 10% 0; */
  margin: 10% 0;
  width: 100%;
  height: calc(100% - 10%);
  overflow: auto;
}
.close {
  float: right;
  font-size: 43px;
  font-weight: 400;
  cursor: pointer;
  margin-right: 10px;
}
/* .close:hover, */
.close:focus {
  color: #d9d9d9;
}
/* Main modal styles end */
.modal .container {
  height: 100%;
  margin-top: -40px;
}
.modal_title {
  background: #343434;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.modal_content {
  border: 1px solid #d9d9d9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fff;
  padding: 30px 60px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 35% 65%;
  overflow: auto;
  /* height: 100%; */
  height: auto;
}

.product_img .product_card_labels {
  height: auto;
  width: 100%;
  max-width: 72px;
  flex-direction: column;
  font-size: 10px;
}
/* .modal_product_img .product_card_label_discount */
.product_img .product_card_label_discount {
  border-top-left-radius: 4px;
}
.product_img {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 15px;
  height: 365px;
  max-width: 355px;
  margin: auto auto 15px;
}
.main_product_img_wrapper {
  width: 100%;
  height: 100%;
}
.main_product_img_wrapper video,
.product_img_block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* обгортка для стрілок слайдера */
.swiper_wrapper {
  position: relative;
  width: calc(100% + 80px);
  margin-left: -40px;
}
.quick_product_card_slider {
  /* position: relative; */
  width: calc(100% - 80px);
  margin-left: 40px;
}
/* обгортка для стрілок слайдера */
.product_img_sm {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  cursor: pointer;
  margin: auto;
  /* border: 1px solid black; */
  position: relative;
  overflow: hidden;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 30px;
}
.modal_content_right {
  padding-left: 45px;
}
.product_content_right_top {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 35px;
  padding-bottom: 35px;
}
.product_content_right_bottom,
.product_content_right_top {
  display: grid;
  grid-template-columns: 49% 40%;
  gap: 60px;
}
.product_description_title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.product_status {
  display: block;
  background: #b5e670;
  border-radius: 4px;
  color: white;
  padding: 2px 6px;
  margin-bottom: 25px;
  width: 100px;
  text-align: center;
  white-space: nowrap;
}
.product_info_wrapper {
  display: flex;
  flex-direction: column;
}
.product_info_block {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product_info_price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product_info_price_pack {
  font-weight: 500;
  white-space: nowrap;
  margin-right: 10px;
  margin-bottom: 5px;
}
.product_info_price_unit {
  white-space: nowrap;
}
.product_info_amount {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.product_buy_block {
  display: flex;
  flex-direction: column;
}
.product_buy_article {
  color: #7a7a7a;
  font-weight: 500;
  text-align: end;
  margin-bottom: 40px;
}
.product_buy_btn_top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.product_card_like {
  color: #b4b4b4;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  width: 40px;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5.5px 6px;
  cursor: pointer;
}
/* .product_card_like:hover {
  border: 1px solid #343434;
}
.product_card_like:hover i {
  color: #343434;
}
.product_card_like.active_like:hover i {
  color: #fab604;
} */
.product_buy_btn_bottom {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.product_card_tel {
  border-radius: 4px;
  width: 50%;
  border: 1px solid #d9d9d9;
  color: #343434;
  font-weight: 600;
  box-shadow: 1px 1px 7px 0px #00000040 inset;
  text-align: center;
  background-color: #fff;
}
/* зміна стилів агента користувача */
.product_card_tel:-webkit-autofill,
.product_card_tel:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #343434 !important;
}
.product_card_tel:focus {
  border: 1px solid #d9d9d9;
  box-shadow: 1px 1px 7px 0px #00000040 inset !important;
}
.product_buy_btn_bottom .product_card_btn {
  text-transform: unset;
}
.product_details_list li {
  margin-bottom: 10px;
  position: relative;
  padding-right: 10px;
  display: grid;
  grid-template-columns: 60% 40%;
}
.product_details_list li span {
  display: flex;
  width: 100%;
  align-self: end;
}
.product_details_list li span:first-child::after {
  content: "";
  flex-grow: 1;
  border-bottom: 2px dashed #b4b4b4;
  margin-left: 10px;
  margin-right: 10px;
  transform: translateY(-25%);
}
/* Modal Quick view product end*/

/* Advantages section */
.advantages_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
  margin-top: 50px;
}
.advantages_item {
  display: grid;
  grid-template-rows: 70% 30%;
  gap: 15px;
  margin: auto;
  height: 150px;
  margin-bottom: 20px;
  position: relative;
}
.advantages_item_img {
  overflow: hidden;
}
.advantages_item::after {
  content: "";
  height: 91px;
  width: 91px;
  border-radius: 50%;
  background: #fff8e7;
  position: absolute;
  z-index: -1;
}
.dark_theme .advantages_item::after {
  background: #343434;
}
.advantages_item:nth-child(4n + 1):after {
  top: -10%;
  left: -10%;
}
.advantages_item:nth-child(4n + 2):after {
  top: -15%;
  left: 35%;
}
.advantages_item:nth-child(4n + 3):after {
  top: 15%;
  left: 45%;
}
.advantages_item:nth-child(4n + 4):after {
  top: 0;
  left: 33%;
}
.advantages_item_img img {
  display: block;
  margin: auto;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
.advantages_item p {
  text-align: center;
}
/* Advantages section end */

/* Blog section */
.blog_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.blog_item_img {
  display: block;
  overflow: hidden;
}
.blog_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog_item {
  border: 1px solid #a7a7a7aa;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  background: var(--white-secondary);
}
.blog_item_info {
  padding: 10px;
  color: var(--sub-black);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.blog_item_info_wrapper {
  margin-bottom: 10px;
}
.blog_item_info_title {
  font-weight: 600;
  margin-bottom: 5px;
}
.blog_item_info_text {
  max-height: 62px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.blog_item_info_more {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.blog_item_info_date {
  color: #fab604;
  font-weight: 600;
}
.blog_item_info_more a {
  font-size: 12px;
  text-decoration: underline;
  color: #343434;
}
/* .blog_item_info_more a:hover {
  color: #b4b4b4;
} */
.main_bg-3 {
  position: absolute;
  z-index: -1;
  left: -90px;
  bottom: -160px;
}
/* Blog section end*/

/* Reviews section */
.reviews_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.response {
  color: var(--sub-black);
  background: var(--white-secondary);
  border: 1px solid #a7a7a7aa;
  border-radius: 4px;
  padding: 20px 35px;
  display: grid;
  grid-template-columns: 53% 18% 23%;
  gap: 20px;
}
.response_item_left_info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.response_item_user {
  font-weight: 600;
}
.response_item_date {
  font-weight: 600;
  color: #fab604;
}
.response_item_img {
  overflow: hidden;
}
.response_item_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: auto;
}
.response_item_right_stars {
  color: #fab604;
  font-weight: 600;
  margin-bottom: 13px;
  white-space: nowrap;
}

.response_item_right_prod_name a {
  color: var(--sub-black);
  text-decoration: underline;
}
/* Reviews section end */

/* Map section */
.map_block {
  position: relative;
  width: 100%;
  padding-bottom: 43%;
  height: 0;
  overflow: hidden;
  border: 2px solid #d9d9d9;
  border-radius: 4px;
}

.map_block iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* Map section end */
/* Main end */

/* Catalog page */
.main h2 {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 12px;
}
.catalog .nav_section {
  margin-top: 40px;
}
.catalog_container {
  display: grid;
  grid-template-columns: 25% 70%;
  gap: 50px;
}
/* Filter sidebar */
.overlay {
  display: none;
}
.filter {
  margin-top: 40px;
}
.filter_title {
  background: #343434;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  padding: 13px 16px;
  border-radius: 4px;
}
.filter_title img {
  margin-right: 12px;
}
.filter_close_btn {
  display: none;
}
.filter_wrapper {
  padding: 10px 14px;
  border: 1px solid #b4b4b4;
  border-top: unset;
  border-radius: 0 0 4px 4px;
  margin-top: -3px;
}
.filter_section {
  border-bottom: 1px solid #b4b4b4;
  padding: 20px 0;
}
.filter_section_title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-left: 30px;
}
.filter_section_title span {
  color: #b5e670;
  font-weight: 13px;
  text-transform: lowercase;
}
.price_range_wrapper {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.price_min,
.price_max {
  width: 33%;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  padding: 6px 12px;
  color: #343434;
}
.price_range_divider {
  border-top: 1px solid #b4b4b4;
  width: 20px;
  transform: translateY(50%);
}
.slider_container {
  position: relative;
  height: 40px;
}
/* Фон слайдера */
.slider_track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 9px;
  width: 100%;
  background-color: #b4b4b4;
  border-radius: 2px;
}
/* Стилізація range */
.slider_container input[type="range"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  pointer-events: none; /* Робимо інпут невидимим для кліків, щоб звернення відбувалось через кастомні елементи, або прибираємо якщо потрібно */
}
/* Кастомізація повзунків */
.slider_container input[type="range"]::-webkit-slider-thumb {
  pointer-events: auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #b4b4b4;
  cursor: pointer;
  -webkit-appearance: none;
}
.slider_container input[type="range"]::-moz-range-thumb {
  pointer-events: auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #b4b4b4;
  cursor: pointer;
}
/* Забезпечуємо, що нижній повзунок не перетинається з верхнім */
.range_min {
  z-index: 2;
}
.range_max {
  z-index: 3;
}
/* Для браузерів на основі WebKit (Chrome, Safari, Opera) */
.price_range_wrapper input[type="number"]::-webkit-outer-spin-button,
.price_range_wrapper input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Для Firefox */
.price_range_wrapper input[type="number"] {
  -moz-appearance: textfield;
}
.filter_section label {
  display: flex;
  margin-bottom: 15px;
  color: #343434;
}
.filter_more {
  display: block;
  color: #343434;
  font-weight: 400;
  text-decoration: underline;
  margin-left: 30px;
  margin-top: 10px;
}
/* .filter_more:hover {
  text-decoration: none;
} */
.filter_btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin: 26px auto;
}
.catalog_intro {
  border-radius: 4px;
  box-shadow: 1px 1px 20px 0px #00000040;
  height: 100%;
  width: 100%;
  margin-bottom: 25px;
}
.catalog_intro img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
/* Checkbox main styles */
/* .filter_section input[type="checkbox"], */
input[type="radio"],
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  background-color: white;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
/* .filter_section input[type="checkbox"]:checked, */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background-color: white;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
}
/* .filter_section input[type="checkbox"]:checked::before, */

input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  transition: transform 0.3s ease;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 16px;
  color: black;
}
/* Checkbox main style end */
/* Filter sidebar end*/
.catalog_block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 60px;
}
.catalog_item a {
  display: block;
  border-radius: 4px;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 35px 15px;
  height: 100%;
}
.catalog_item span {
  text-align: center;
  margin-top: auto;
}
.catalog_product_sort_wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.catalog_products_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
}
.catalog_product_card {
  min-width: 0;
}
.catalog_products_wrapper .product_card,
.product_card_wrapper .product_card {
  position: relative;
  display: block;
  min-height: 390px;
  height: 100%;
}
.catalog_products_wrapper .product_card_details,
.product_card_wrapper .product_card_details {
  position: absolute;
  z-index: 101;
  left: 0;
  right: 0;
  background: white;
  margin-left: -1px;
  border: 1px solid #a7a7a7aa;
  border-top: unset;
  border-radius: 0 0 4px 4px;
  padding: 0 15px 25px 15px;
  width: calc(100% + 2px);
  box-sizing: border-box;
  display: none;
}
/* .catalog_products_wrapper .product_card_details,
.product_card_wrapper .product_card_details {
	position: absolute;
	z-index: 101;
	left: 0;
	right: 0;
	background: white;
	margin-left: -1px;
	border: 1px solid #a7a7a7aa;
	border-top: unset;
	border-radius: 0 0 4px 4px;
	padding: 0 15px 25px 15px;
	width: calc(100% + 2px);
	box-sizing: border-box;
	display: none;
} */
.catalog_filter_icon {
  display: none;
}
/* Catalog page end */

/* Product page */
.product_content {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 35% 65%;
  overflow: auto;
  height: auto;
  margin-bottom: 25px;
}
.product h2 {
  text-align: start;
}
.product .product_content_right,
.product .product_content_left {
  border-bottom: 1px solid #d9d9d9;
}
.product .swiper_wrapper {
  position: relative;
  width: calc(100% + 28px);
  margin-left: -14px;
}
.video_local {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.video_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.video_overlay img {
  object-fit: contain;
  width: 50%;
  height: 50%;
  margin: auto;
}
.product_content_right {
  margin-left: 50px;
}
.product_info_top_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.product_response {
  display: flex;
  align-items: center;
  gap: 20px;
}
.product_response_count {
  color: #7a7a7a;
  font-weight: 500;
  display: block;
}
.product_price_retail.active_discount .product_info_price {
  color: #b4b4b4;
  text-decoration: line-through;
}
.product_buy_pcs {
  color: #343434;
  font-size: 12px;
  font-weight: 600;
  margin: auto;
}
.product .product_buy_block {
  justify-content: space-between;
}
.product .product_content_right_top {
  padding-bottom: 25px;
  margin-bottom: 25px;
  margin-top: 21px;
}
.product .product_info_amount {
  margin-top: 20px;
}
.product_services_title {
  display: block;
  font-weight: 600;
  margin-bottom: 20px;
}
.product_services_item ul {
  margin-left: 24px;
  list-style-position: inside;
  margin-bottom: 25px;
}
.product_services_item ul li {
  font-size: 12px;
  list-style-type: disc;
  text-indent: -10px;
  padding-left: 10px;
}
.product_services_item ul li::marker {
  color: #fab604;
  font-size: 20px;
  margin-right: 10px;
}
.product_content:last-child > .product_content_left,
.product_content:last-child > .product_content_right {
  border-bottom: unset;
}
.accessories {
  z-index: 5;
}
.accessories h2,
.sale h2 {
  text-decoration: underline;
  text-transform: none;
  text-align: center;
}
.product_card_block {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 45px;
}
.product_card_wrapper {
  display: block;
  min-width: 0;
}
/* .catalog_products_wrapper .product_card_details,
.product_card_wrapper .product_card_details {
	position: absolute;
	z-index: 101;
	left: 0;
	right: 0;
	background: white;
	margin-left: -1px;
	border: 1px solid #a7a7a7aa;
	border-top: unset;
	border-radius: 0 0 4px 4px;
	padding: 0 15px 25px 15px;
	width: calc(100% + 2px);
	box-sizing: border-box;
	display: none;
} */
.similar {
  z-index: 4;
}
.sale_title {
  display: inline-flex;
}
.sale_title span {
  color: #b4b4b4;
  font-size: 24px;
  font-weight: 600;
  margin-left: 60px;
}
.sale {
  z-index: 3;
}
.hero_img {
  border-radius: 20px;
  max-height: 325px;
  width: 100%;
  height: 100%;
}
.hero_img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.reviews_btn {
  width: 220px;
  margin: auto;
  line-height: 35px;
  text-align: center;
  margin-top: 20px;
}
/* Основні стилі для попапу */
.popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  z-index: 105;
  transition: visibility 0s, opacity 0.3s ease;
}
.popup_content {
  background: #fff;
  padding: 40px 80px;
  border-radius: 30px;
  max-width: 900px;
  width: 100%;
  text-align: center;
}
.popup_title {
  font-size: 16px;
  font-weight: 600;
}
.popup_content form {
  margin-top: 30px;
}
.popup_form_group_top {
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.popup_form_name {
  width: 70%;
}
.popup_form_group {
  margin-bottom: 15px;
  text-align: left;
}
.popup_form_group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.popup_form_group input[type="text"],
.popup_form_group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 12px;
}
.star_filled {
  display: none;
}
.popup_response_rating {
  display: flex;
  gap: 4px;
  flex-direction: column;
  cursor: pointer;
  transition: color 0.2s;
}
.popup_response_rating_stars i {
  color: #b4b4b4;
  font-size: 20px;
}
.popup_response_rating_stars > .fa-solid {
  color: #fab604;
}
.popup_form_group textarea {
  resize: vertical;
}
.popup_btn {
  cursor: pointer;
  margin: 30px auto auto;
}
.popup_overlay.active {
  visibility: visible;
  opacity: 1;
}
.product .product_status {
  margin-bottom: 0;
}
.product .response_item_right_stars {
  margin-bottom: 0;
}
/* Product page end */

/* Shop cart page */
.shop_cart .container,
.order .container,
.account .container,
.catalog_container,
.shipping .container,
.blog .container,
.article .container,
.contacts .container {
  margin: 0 0 0 auto;
}
.main_content {
  width: 100%;
}
.shop_cart_min_sum {
  text-align: center;
  font-size: 14px;
  margin-bottom: 17px;
}
.shop_cart_min_sum span {
  font-weight: 700;
}
.shop_cart_product {
  display: grid;
  grid-template-columns: 15% 55% 30%;
  border: 7px solid #f8f7f7;
  border-radius: 4px;
  position: relative;
  margin-bottom: 20px;
}
.dark_theme .shop_cart_product {
  border: 7px solid #7a7a7a;
}
.shop_cart_product_img {
  border-radius: 4px;
  border-right: 7px solid #f8f7f7;
}
.dark_theme .shop_cart_product_img {
  border-right: 7px solid #7a7a7a;
}

.shop_cart_product_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fafafa;
}
.shop_cart_product_info {
  padding: 20px;
  margin-right: 200px;
  border-radius: 4px;
}
.shop_cart_product_title {
  color: var(--super-black);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}
.shop_cart_product_price {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.shop_cart_product_cost {
  font-size: 20px;
  font-weight: 500;
  margin-top: 6px;
}
.shop_cart_product_price_block .product_card_current {
  max-width: 105px;
}
.shop_cart_product_pcs {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
}
.shop_cart_price {
  padding: 20px;
  border-radius: 4px;
}
.shop_cart_price_title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 25px;
}
.shop_cart_trash {
  position: absolute;
  top: 20px;
  right: 24px;
  font-size: 18px;
  cursor: pointer;
}
/* .shop_cart_trash:hover i {
  font-size: 22px;
} */
/* .shop_cart_trash:active i {
  color: #7a7a7a;
  font-size: 18px;
} */
.shop_cart_total {
  width: 30%;
  font-size: 14px;
  margin-left: auto;
  padding: 20px;
}
.shop_cart_total_title {
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}
.shop_cart_total_info {
  margin: 25px 0 30px 0;
}
.shop_cart_total_info span {
  font-weight: 700;
}
/* .shop_progress_container {
  background-color: #D9D9D9;
  border-radius: 5px;
  height: 5px;
  overflow: hidden;
}

.shop_progress_bar {
  background-color: #343434;
  height: 100%;
  width: 0%;
  transition: width 0.3s ease;
} */
.shop_cart_buy_btn.no-active {
  background: #d9d9d9;
  color: white;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  pointer-events: none;
}
.shop_cart_more_btn {
  max-width: 176px;
  background: var(--white-secondary);
  margin-top: 10px;
  color: var(--black);
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
}
/* Shop cart page end*/

/* Order page */
.order h2 {
  text-align: start;
}
.order_wrapper {
  display: grid;
  grid-template-columns: 55% 40%;
  gap: 80px;
  margin-top: 30px;
}
.order_products_price {
  display: block;
  margin-bottom: 35px;
}
.order_products_price span {
  font-size: 20px;
}
.order_product {
  display: flex;
}
.order .shop_cart_product {
  grid-template-columns: 30% 70%;

  margin-bottom: 0;
}
.order .shop_cart_product_info {
  margin-right: 0;
}
.order .shop_cart_product_title {
  width: 90%;
}
.order .shop_cart_product_cost {
  font-size: 14px;
  font-weight: 600;
}
.order .shop_cart_product_img {
  max-width: 145px;
}
.order_correct {
  font-size: 14px;
  font-weight: 600;
  color: #fab604;
  text-align: end;
  display: block;
  margin-top: 10px;
}
/* .order_correct:active {
  text-decoration: underline;
} */
.order_form_block {
  margin-bottom: 40px;
}
.order_form_registered {
  display: flex;
  align-items: center;
  gap: 35px;
}
.order_form_login {
  display: none;
}
.order_form_login_row:first-child {
  margin-bottom: 40px;
}
.order_form_login_btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order_form_login_row {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 15px;
}
.order_form_login_row:last-child {
  gap: 23px;
}
.order_input_block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
/* main form styles */
.order label,
.order_form_block_title,
.account label {
  font-size: 12px;
  font-weight: 600;
}
.order label span,
.order_form_block_title span {
  color: #e83539;
}
.order input[type="text"],
.order input[type="tel"],
.order input[type="email"],
.order input[type="password"],
.order textarea,
.account input {
  box-shadow: 0px 1px 4px 0px #00000040 inset;
  border: 1px solid #d9d9d9;
  background: #f8f7f7;
  border-radius: 4px;
  height: 36px;
  padding: 0 10px;
}
/* main form styles end */
.order_login_btn {
  min-width: 125px;
}
.order_form_login_social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.order_form_social_icon {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #343434;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
/* .order_form_social_icon:hover {
  transform: scale(1.1);
} */
/* .order_form_social_icon:active {
  background: #7a7a7a;
} */
.order_form_social_icon .fa-facebook {
  color: #343434;
  background: white;
  font-size: 25px;
  margin-top: 2px;
}
/* .order_form_social_icon .fa-facebook:active {
  color: #7a7a7a;
} */
.order_form_registered_btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order_unregistered_user {
  position: relative;
}
.order_unregistered_info {
  position: absolute;
  right: -42px;
  bottom: 46px;
}
.order_unregistered_info_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1.5px solid #000000;
  width: 22px;
  height: 22px;
  background: white;
  color: #343434;
}
.order_unregistered_info_text {
  display: none;
  position: absolute;
  z-index: 10;
  top: -6px;
  left: 42px;
  width: 205px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff9ea;
  padding: 20px;
  font-weight: 600;
}
.order_form_item {
  margin-bottom: 18px;
  transition: all 0.3s ease 0.3s;
}
.order_form_sub_item {
  max-height: 0;
  overflow: hidden;
  margin: 12px 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 0.2s ease 0.2s;
}
.order_form_sub_item.active {
  max-height: 100%;
  overflow: visible;
}
.order_form_delivery_info.active {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 18px 25px;
}
.order_schedule {
  display: flex;
  gap: 7px;
}
.order_form_delivery_courier {
  /* display: flex; */
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 28px);
}
.order_form_sub_item .select_display {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
}
.order_form_sub_item .select_display::after {
  top: 8px;
}
.order_form_delivery_post {
  border: 7px solid #f8f7f7;
  border-radius: 4px;
  padding: 12px 6px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.order_form_divider {
  text-align: center;
  color: #b5e670;
  display: block;
}
.order_form_pay_item {
  margin-bottom: 18px;
}
.order_form_block_title {
  margin-bottom: 20px;
}
.order_form_checkboxes label {
  font-weight: 400;
}
.order_form_comment {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
.order_form_comment textarea {
  min-height: 135px;
  padding: 10px;
}
.order_form_checkboxes {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
  justify-content: center;
}
.order_form_offer_link {
  color: #e83539;
  text-decoration: underline;
  font-weight: 400;
}
.required_fields_note {
  margin: 0 0 30px 28px;
}
.required_fields_note span {
  color: #e83539;
}
.btn_checkout {
  margin: auto;
}
/* Order page end */

/* Order-thank page */
.order_thank_wrapper {
  margin-top: 60px;
}
.order_thank_wrapper h3 {
  text-align: center;
}
.order_thank_main {
  margin: 30px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 30px 0;
  display: grid;
  justify-content: center;
  gap: 100px;
  grid-template-columns: repeat(2, 1fr);
}
.order_thank_main ul:first-child {
  margin-left: auto;
}
.order_thank_main ul li:not(.order_thank_main ul li:last-child) {
  margin-bottom: 15px;
}
.order_thank_main h4 {
  display: block;
  margin-bottom: 24px;
}
.order_thank_main_btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  margin: auto auto 20px auto;
}
.order_thank_main_btns a img {
  margin-left: 10px;
}
/* Order-thank page end*/

/* User account page*/
.account .main_content {
  z-index: 75;
}
.account_nav ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
}
.account_nav_item a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border: 1px solid #d9d9d9;
  background: #f5f5f5;
  box-shadow: 1px 1px 10px 0px #00000040;
  color: #7a7a7a;
  height: 65px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
}
/* .account_nav_item a:hover {
  border: 1px solid #7a7a7a;
} */
/* .account_nav_item a:active {
  background: white;
} */
.account_nav_item.active a {
  background: white;
  color: var(--black);
}
.account_nav_item a span {
  text-align: center;
}
.account h3 {
  display: none;
  text-align: center;
  margin-top: 24px;
  font-size: 20px;
  text-transform: uppercase;
}
.account_nav_item a i {
  font-size: 22px;
}
/* Account order section */
.account_order_item {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.account_order_row {
  display: grid;
  grid-template-columns: 32% 13% 13% 15% 12% 17%;
  height: 60px;
  border-radius: 4px;
  padding: 0 20px;
}
.account_order_row:nth-child(2) {
  border: 1px solid #d9d9d9;
}
.account_order_row > div {
  display: flex;
  align-items: center;
  margin: 9px 0;
}
.account_order_item_details {
  margin: 0;
}
.account_order_row.open {
  height: auto;
}
.account_order_btns {
  justify-content: space-around;
}
.account_order_repeat_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 44px;
}
.account_order_show_btn.open i {
  transform: rotate(90deg);
}
.account_order_item_details {
  grid-column: span 6;
  max-height: 0;
  overflow: hidden;
}
.account_order_item_details.open {
  max-height: 100%;
  margin: 15px 0 25px 0;
}
.account_order_product_block {
  width: calc(100% - 20px);
}
.account_order_item .shop_cart_product {
  grid-template-columns: 15% 85%;
  margin-bottom: 0;
}
.account_order_item .shop_cart_product_info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
.account_order_item .shop_cart_product_title {
  margin-bottom: 0;
}
.account_order_item .shop_cart_product_cost {
  font-size: 14px;
  margin-top: 0;
}
.account_order_item:not(.account_order_item:first-child) .account_order_title {
  display: none;
}
.account_order_repeat_btn {
  position: relative;
}
.account_order_repeat_btn span {
  display: none;
  position: absolute;
  background: #fff9ea;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 13px 35px;
  color: var(--black);
  text-align: center;
  white-space: normal;
  top: -40px;
  left: 25px;
  z-index: 250;
}
.account_order_repeat_btn.visible span {
  display: block;
}
.account_order_repeat_btn i {
  font-size: 23px;
}
/* Account order section end */
/* User account selected section*/
.main.account {
  z-index: 99;
}
.account_product_card_like {
  color: #fab604;
  font-size: 22px;
  margin: 10px;
  cursor: pointer;
}
/* .account_product_card_like:hover {
  transform: scale(1.05);
} */
/* .account_product_card_like:active {
  transform: none;
} */
/* User account selected section end */
/* User account */
.account_user {
  margin-top: 45px;
}
.account_user_form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.account_form_row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  gap: 50px;
}
.account_form_group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.account_user_form_btn {
  margin-top: 14px;
}
/* User account end*/
/* User account end */

/* Shop cart small */
.overlay_shop_cart_header {
  justify-content: right;
}
.shop_cart_header h2 {
  text-align: center;
  text-transform: uppercase;
}
.overlay_shop_cart_header.open {
  visibility: visible;
  opacity: 1;
}
.shop_cart_header {
  width: 100%;
  max-width: 600px;
  background: white;
  height: 100%;
  min-height: 100vh;
  padding: 0 50px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.shop_cart_header_close {
  display: block;
  text-align: end;
  font-size: 25px;
  margin: 16px -30px;
  cursor: pointer;
}
/* .shop_cart_header_close i:hover {
  transform: scale(1.05);
} */
/* .shop_cart_header_close i:active {
  transform: scale(1);
  color: #7a7a7a;
} */
.shop_cart_header .shop_cart_block {
  margin-top: 25px;
}
.shop_cart_header .order_products_price {
  text-align: center;
}
.shop_cart_header .shop_cart_product {
  grid-template-columns: 30% 70%;
}

.shop_cart_header .shop_cart_product_info {
  margin-right: 0;
}
.shop_cart_header .shop_cart_product_title {
  width: 90%;
}
.shop_cart_header .shop_cart_total {
  width: 100%;
  text-align: end;
}
.shop_cart_header .shop_cart_total_info {
  text-align: center;
}
.shop_cart_header .shop_cart_total_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 50px 0;
}
.shop_cart_header .shop_cart_more_btn {
  margin-top: 0;
}
.shop_cart_empty_img {
  margin-bottom: 30px;
}
.shop_cart_empty_img img {
  margin: auto;
  display: block;
}
.shop_cart_empty_block h2 {
  font-weight: 400;
}
.shop_cart_empty_block > span {
  font-size: 14px;
  display: block;
  margin: 10px 0 30px 0;
  text-align: center;
}
.shop_cart_empty_btn {
  margin: auto;
  max-width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Shop cart small end */

/* Shipping page */
.shipping_item {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 1px 1px 10px 0px #00000040;
  color: #383838;
  padding: 25px 20px;
  margin: 30px auto;
  font-size: 14px;
  max-width: 1000px;
}
.shipping_item h3 {
  text-align: center;
}
.shipping_item ul {
  padding-left: 20px;
}
.shipping_item > ul > li {
  list-style: disc;
}
.shipping_item_delivery li ul {
  padding-left: 100px;
}
.shipping_item_delivery li ul li::marker {
  color: #fab705;
}
.shipping_item_pay > ul {
  margin-left: 11px;
}
.shipping_item_pay ul li {
  position: relative;
}
.shipping_item_pay ul li::before {
  content: "•";
  font-size: 14px;
  position: absolute;
  left: -12px;
  top: 0;
}
.shipping_item_pay > li {
  margin-bottom: 40px;
}
.shipping_item_pay li ul {
  margin: 10px 0 10px -25px;
}
.shipping_item_pay p {
  margin: 10px 0;
}
/* Shipping page end */

/* Article */
.article .section {
  max-width: 975px;
}
.article h2 {
  text-align: left;
  margin-bottom: 0;
}
.article_date {
  font-weight: 600;
}
.article_img {
  max-height: 675px;
  width: 100%;
  margin: 10px 0 30px 0;
}
.article_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.article_text {
  font-size: 14px;
  color: #383838;
}
.article_text ol {
  margin-left: 16px;
  margin-bottom: 30px;
}
.article_text p {
  margin-bottom: 30px;
}
.article_text h3,
.article_text h4 {
  display: block;
  margin-bottom: 10px;
}
.article_text ul {
  margin-left: 11px;
}
.article_text ul li {
  position: relative;
}
.article_text ul li::before {
  content: "•";
  font-size: 14px;
  position: absolute;
  left: -12px;
  top: 0;
}
.article_text_img {
  float: right;
  margin: 30px 0 30px 50px;
}
.btn_share {
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.btn_share i {
  display: inline-block;
  margin-right: 10px;
  font-size: 22px;
}
/* .btn_share:hover {
  font-weight: 600;
} */
/* .btn_share:active {
  font-weight: 700;
} */
/* Article end */

/* Contacts */
.contacts_block {
  margin-top: 35px;
}
.contacts_block .footer_contacts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  gap: 50px;
}
.contacts_block .footer_contacts_item::before {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 10px;
  display: inline-block;
}
.contacts_block .footer_contacts_tel::before {
  content: "\f095";
}
.contacts_block .footer_contacts_schedule::before {
  content: "\f017";
}
.contacts_block .footer_contacts_address::before {
  content: "\f3c5";
}
.contacts_block .footer_contacts_email::before {
  content: "\f0e0";
}
.contact_map {
  position: relative;
  width: 100%;
  padding-bottom: 43%;
  height: 0;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.contact_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* Contacts end */

/* Footer */
.footer {
  border-top: 4px solid var(--black);
  position: relative;
  z-index: 98;
  background: var(--white);
  color: var(--super-black);
}
.footer_top {
  background-image: url(../img/footer-bg.png);
  background-position: top;
  padding: 60px 0 25px 0;
  overflow: hidden;
  /* background-color: var(--white); */
}
.footer_logo img {
  max-width: 110px;
  width: 100%;
}
.dark_theme .footer_logo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(0%)
    hue-rotate(350deg) brightness(103%) contrast(100%);
}
.footer_logo_text {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--black);
  max-width: 190px;
  margin-top: 15px;
}
.footer_top .container {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.footer_top_item > li {
  display: flex;
  flex-direction: column;
  position: relative;
}
.footer_nav_menu li {
  gap: 20px;
}
.footer_nav_menu li {
  margin-bottom: 15px;
}
.footer_nav_menu a {
  text-transform: uppercase;
  font-size: 13px;
  color: var(--sub-black);
  font-weight: 400;
}
.footer_contacts {
  font-size: 16px;
  margin-left: 35px;
}
.footer_contacts_tel a {
  font-size: 16px;
  font-weight: 500;
}
.footer_contacts li {
  margin-bottom: 35px;
}
.footer_contacts_item::before {
  content: "";
  top: 3px;
  left: -35px;
  position: absolute;
}
.footer_contacts_tel::before {
  content: url(../img/footer-phone.svg);
}
.footer_contacts_schedule span {
  font-weight: 600;
}
.footer_contacts_schedule::before {
  content: url(../img/footer-schedule.svg);
  margin-right: 8px;
}
.footer_contacts_address::before {
  content: url(../img/footer-address.svg);
  margin-right: 8px;
}
.footer_contacts_email a {
  font-size: 16px;
  font-weight: 400;
}
.footer_contacts_email::before {
  content: url(../img/footer-email.svg);
  margin-right: 8px;
}
.footer_top_item_pay {
  display: flex;
  gap: 24px;
  position: absolute;
  left: 15px;
  bottom: 35px;
}
.footer_bottom {
  background: #343434;
  color: white;
  padding: 30px 0;
}
.footer_bottom a {
  color: white;
  font-weight: 400;
}
.footer_bottom_item {
  display: block;
  width: 100%;
  /* white-space: nowrap; */
}

.footer_bottom ul {
  display: flex;
  /* justify-content: end; */
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  /* width: 90%; */
}
.footer_bottom_item:last-child {
  width: 90%;
}

.footer_bottom .footer_item_social_icons {
  justify-content: end;
}
.footer_item_social a {
  display: flex;
  height: 40px;
  width: 40px;
  border-radius: 4px;
  background: white;
}
.footer_item_social i {
  font-size: 26px;
  color: #343434;
  display: block;
  margin: auto;
}
/* .footer_item_social:hover i {
  font-size: 30px;
} */
/* Footer end */

@media (hover: hover) {
  .btn:hover {
    background: var(--sub-white);
    color: var(--sub-black);
    border: 1px solid var(--black);
    box-shadow: 2px 2px 5px 0px #00000040;
  }
  /* Ховер для опції */
  .option:hover {
    background-color: #f0f0f0;
  }
  .header_list li:hover {
    background: var(--grey);
  }
  .dropdown_menu li:hover {
    /* background-color: var(--sub-grey);
    border-radius: 5px; */
  }
  .dropdown.no_arrow .dropdown_menu li:hover {
    background-color: inherit;
    cursor: default;
  }
  .header_info a:hover {
    font-weight: 600;
  }
  .dark_theme .header_info a:hover {
    color: #7a7a7a;
  }
  .menu_icon_wrapper img:hover {
    filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%)
      hue-rotate(341deg) brightness(95%) contrast(89%);
  }
  .menu_icon_wrapper:hover {
    box-shadow: 2px 2px 5px 0px #00000040;
    background: var(--white-secondary);
    border: 1px solid #383838;
  }
  .dark_theme .menu_icon_wrapper img:hover {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%)
      hue-rotate(275deg) brightness(98%) contrast(98%);
  }
  .dark_theme .btn:hover,
  .dark_theme .menu_icon_wrapper:hover,
  .dark_theme .header_catalog_wrapper:hover,
  .dark_theme .header_search_button:hover,
  .dark_theme .header_call_back:hover {
    border: 1px solid #7a7a7a;
  }
  .header_catalog_icon:hover img,
  .header_catalog_wrapper:hover img {
    filter: brightness(0.4) invert(0);
  }
  .dark_theme .header_catalog_icon:hover img,
  .dark_theme .header_catalog_wrapper:hover img {
    filter: brightness(0) invert(1);
  }
  .header_catalog_wrapper:hover {
    box-shadow: 2px 2px 5px 0px #00000040;
    background: var(--white-secondary);
    border: 1px solid #383838;
    color: var(--sub-black);
  }
  .header_catalog_icon:hover + .header_catalog_name {
    color: var(--sub-black);
  }
  /* .header_catalog_wrapper:hover img {
    filter: brightness(0.4) invert(0);
  } */
  /* .header_catalog_wrapper:hover img {
    filter: brightness(0.4) invert(0);
  } */
  .header_catalog_menu_item:hover > .header_catalog_submenu {
    display: block;
  }
  .header_catalog_submenu li:hover {
    transform: scale(1.05);
  }
  .header_search_button:hover {
    background: var(--white-secondary);
    box-shadow: 2px 2px 5px 0px #00000040;
    border: 1px solid var(--sub-black);
  }
  .header_search_button:hover .fa-solid.fa-magnifying-glass {
    color: var(--sub-black);
  }
  .header_call_back:hover {
    background: var(--white-secondary);
    box-shadow: 2px 2px 5px 0px #00000040;
    border: 1px solid var(--sub-black);
  }
  .header_call_back:hover i {
    color: var(--sub-black);
  }
  .pc_icon:hover {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .dark_theme .pc_icon:hover {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) brightness(0)
      saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(166deg)
      brightness(89%) contrast(85%);
  }
  .nav_menu_item a:hover {
    box-shadow: 2px 2px 5px 0px #00000040;
    background: white;
    border: 1px solid #d9d9d9;
  }
  .nav_menu_item a:hover img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(4%) saturate(25%)
      hue-rotate(25deg) brightness(98%) contrast(101%);
  }
  .product_item:hover {
    transform: scale(1.05);
    box-shadow: 2px 2px 5px 0px #00000040;
  }
  .loaded_more a:hover {
    font-weight: 600;
  }
  .dark_theme .loaded_more a:hover {
    color: #7a7a7a;
  }
  .dark_theme .loaded_more a:hover::before {
    filter: brightness(0) saturate(100%) invert(46%) sepia(75%) saturate(6%)
      hue-rotate(46deg) brightness(89%) contrast(89%);
  }
  .product_card_labels_right a:hover {
    border: 1px solid #343434;
    color: var(--black);
    background: white;
  }
  .product_card_labels_right a:hover img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(3%) saturate(15%)
      hue-rotate(314deg) brightness(93%) contrast(75%);
  }
  .dark_theme .product_card_labels_right a:hover img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(2%) saturate(9%)
      hue-rotate(337deg) brightness(97%) contrast(94%);
    /* filter: brightness(0) saturate(100%) invert(11%) sepia(3%) saturate(15%)
      hue-rotate(314deg) brightness(93%) contrast(75%); */
  }
  .close:hover {
    color: #d9d9d9;
  }
  .product_card_like:hover {
    border: 1px solid #343434;
  }
  .product_card_like:hover i {
    color: #343434;
  }
  .product_card_like.active_like:hover i {
    color: #fab604;
  }
  .blog_item_info_more a:hover {
    color: #b4b4b4;
  }
  .filter_more:hover {
    text-decoration: none;
  }
  .shop_cart_trash:hover i {
    font-size: 22px;
  }
  .order_form_social_icon:hover {
    transform: scale(1.1);
  }
  .account_nav_item a:hover {
    border: 1px solid #7a7a7a;
  }
  .account_product_card_like:hover {
    transform: scale(1.05);
  }
  .shop_cart_header_close i:hover {
    transform: scale(1.05);
  }
  .btn_share:hover {
    font-weight: 600;
  }
  .footer_item_social:hover i {
    font-size: 30px;
  }
  .footer_bottom_item:hover a {
    font-weight: 600;
    /* width: calc(100% + 5px); */
    /* transform: scale(1.025); */
  }
  .dark_theme .shop_cart_more_btn:hover {
    background: white;
    border: 1px solid #343434;
    color: #343434;
  }
}

.btn:active {
  box-shadow: unset;
  background: var(--white-secondary);
  border: 1px solid #383838;
  color: #383838;
}
.header_info a:active {
  font-weight: 800;
}
.dark_theme .header_info a:active {
  color: white;
}
.menu_icon_wrapper:active {
  box-shadow: unset;
  border: 1px solid var(--sub-black);
}
.header_catalog_icon:active img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(3%) saturate(15%)
    hue-rotate(314deg) brightness(93%) contrast(75%);
  /* filter: brightness(0.4) invert(0); */
}
.dark_theme .menu_icon_wrapper:active {
  /* border: 1px solid white; */
}
.dark_theme .header_catalog_wrapper:active,
.dark_theme .menu_icon_wrapper:active {
  background: #343434;
  border: 1px solid white;
  color: white;
}
.dark_theme .menu_icon_wrapper:active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(0%)
    hue-rotate(350deg) brightness(103%) contrast(100%);
}
.dark_theme .header_catalog_icon:active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%)
    hue-rotate(275deg) brightness(98%) contrast(98%);
}
.header_catalog_icon:active + .header_catalog_name {
  color: #383838;
}
.header_catalog_wrapper:active img {
  filter: brightness(0.4) invert(0);
}
.dark_theme .header_catalog_wrapper:active img {
  filter: brightness(0) invert(1);
}
.header_catalog_wrapper:active {
  box-shadow: unset;
  background: white;
  border: 1px solid #383838;
  color: #383838;
}
.dark_theme .header_catalog_wrapper:active {
  /* box-shadow: unset; */
  background: #383838;
  border: 1px solid #fff;
  color: #fff;
}
.header_catalog_submenu li:active {
  transform: scale(1);
  border: 1px solid #343434;
}
.dark_theme .header_catalog_wrapper:active,
.dark_theme .header_call_back:active {
  box-shadow: unset;
  /* background: white; */
  border: 1px solid white;
  color: white;
}
.dark_theme .header_call_back:active i {
  color: white;
}
.dark_theme .header_catalog_submenu li:active {
  border: 1px solid white;
  transform: scale(1);
}
.header_search_button:active {
  box-shadow: unset;
  background: var(--sub-white);
  border: 1px solid var(--sub-black);
  color: var(--sub-black);
}
.header_search_button:active .fa-solid.fa-magnifying-glass {
  color: var(--sub-black);
}
.dark_theme .header_search_button:active {
  border: 1px solid white;
}
/* .header_search_button:focus{
  background: var(--sub-black);
  border: 1px solid var(--sub-white);
  color: var(--sub-white);
}
.header_search_button:focus .fa-solid.fa-magnifying-glass{
  color: var(--sub-white);
} */
/* .dark_theme .header_call_back:active{

} */
.pc_icon:active {
  filter: brightness(0) saturate(100%) invert(68%) sepia(3%) saturate(14%)
    hue-rotate(0deg) brightness(92%) contrast(90%);
}
.dark_theme .pc_icon:active {
  filter: brightness(0) saturate(100%) invert(4%) sepia(5%) saturate(1773%)
    hue-rotate(22deg) brightness(97%) contrast(86%);
}
.nav_menu_item a:active {
  box-shadow: unset;
}
.product_item:active {
  border: 1px solid var(--black);
  background: var(--white-secondary);
}
.loaded_more a:active {
  font-weight: 700;
}
.dark_theme .loaded_more a:active {
  color: white;
}
.dark_theme .loaded_more a:active::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%)
    hue-rotate(142deg) brightness(118%) contrast(100%);
}
.product_card_labels_right a:active {
  border: 1px solid #d9d9d9;
  /* color: #343434; */
}
.dark_theme .product_card_btn:active {
  background: white;
  color: #343434;
  border: 1px solid #343434;
}
.shop_cart_trash:active i {
  color: #7a7a7a;
  font-size: 18px;
}

.order_correct:active {
  text-decoration: underline;
}
.order_form_social_icon:active {
  background: #7a7a7a;
}
.order_form_social_icon .fa-facebook:active {
  color: #7a7a7a;
}
.account_nav_item a:active {
  background: white;
}
.account_product_card_like:active {
  transform: none;
}
.shop_cart_header_close i:active {
  transform: scale(1);
  color: #7a7a7a;
}
.btn_share:active {
  font-weight: 700;
}
.footer_bottom_item:active a {
  font-weight: 800;
  /* width: 100%; */
  /* transform: scale(1.05); */
}
.footer_item_social:active i {
  font-size: 26px;
}
.dark_theme .footer_item_social:active i {
  color: #7a7a7a;
}
.dark_theme .shop_cart_more_btn:active {
  background: #343434;
  border: 1px solid white;
  color: white;
}

@media (hover: none) {
  /* .header_catalog_wrapper:hover {
    box-shadow: none;
    background: var(--black);
    border: none;
    color: white;
  }
  .header_catalog_wrapper:hover img {
    filter: brightness(0) invert(1);
  }
  .product_item:hover {
    transform: none;
    box-shadow: none;
  }
  .menu_icon_wrapper img:hover {
    filter: brightness(0) invert(1);
  }
  .menu_icon_wrapper:hover {
    box-shadow: none;
    background: var(--black);
    border: none;
  }
  .loaded_more a:hover {
    font-weight: unset;
  }
  .btn:hover {
    background: var(--black);
    color: white;
    border: unset;
    box-shadow: none;
  }
  .product_card_like:hover {
    border: 1px solid #d9d9d9;
  }
  .product_card_like:hover i {
    color: #b4b4b4;
  }
  .shop_cart_trash:hover i {
    font-size: 18px;
  }
  .order_form_social_icon:hover {
    transform: none;
  }
  .account_nav_item a:hover {
    border: 1px solid #d9d9d9;
  }
  .shop_cart_header_close i:hover {
    transform: none;
  }
  .btn_share:hover {
    font-weight: 400;
  } */
}

@media (max-width: 1500px) {
  .main_wrapper {
    gap: calc(10px + (40 - 10) * ((100vw - 1320px) / (1500 - 1320)));
  }
}

@media (max-width: 1320px) {
  .main_wrapper {
    gap: 10px;
    justify-content: center;
  }
  .main_content {
    flex: 1 1 auto;
    width: 90%;
  }
}

@media (max-width: 1199px) {
  section {
    margin-bottom: calc(34px + (64 - 34) * ((100vw - 320px) / (1200 - 320)));
  }
  h1 {
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1200 - 320)));
  }
  h2,
  .suggestion_item_left span,
  .sale_title span {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1200 - 320)));
  }
  h3 {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1200 - 320)));
  }
  h4,
  .suggestion_item_top {
    font-size: calc(11px + (16 - 11) * ((100vw - 320px) / (1200 - 320)));
  }
  .header_search_input {
    width: calc(75px + (145 - 75) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_search_button {
    width: calc(35px + (48 - 35) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_logo {
    margin-left: calc(10px + (38 - 10) * ((100vw - 768px) / (1200 - 768)));
    margin-right: calc(10px + (28 - 10) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_catalog_wrapper {
    padding-right: calc(10px + (25 - 10) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_contact a{
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
    margin-right:  calc(10px + (17 - 10) * ((100vw - 768px) / (1200 - 768)));; 
  }
  .header_contact_dropdown_menu li,
  .header_contact_dropdown_menu li:not(.active) {
    /* padding-left: calc(8px + (16 - 8) * ((100vw - 768px) / (1200 - 768)));
    padding-right: calc(8px + (16 - 8) * ((100vw - 768px) / (1200 - 768)));
    font-size: calc(12px + (16 - 12) * ((100vw - 768px) / (1200 - 768))); */
  }
  .header_contact_dropdown {
    /* width: calc(106px + (180 - 106) * ((100vw - 768px) / (1200 - 768)));
    left: calc(-9px + (0 - (-9)) * ((100vw - 768px) / (1200 - 768))); */
  }
  .header_call_back {
    padding-left: calc(9px + (19 - 9) * ((100vw - 768px) / (1200 - 768)));
    padding-right: calc(9px + (19 - 9) * ((100vw - 768px) / (1200 - 768)));
  }
  .fa-solid.fa-phone {
    margin-right: calc(9px + (14 - 9) * ((100vw - 768px) / (1200 - 768)));
  }
  .pc_icon {
    font-size: calc(17px + (29 - 17) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_user_section {
    gap: calc(8px + (15 - 8) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_item_top{
    gap: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));
  }
  .header_info {
    gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .header_settings_theme {
    margin-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .header_working_hours_dropdown {
    /* width: calc(68px + (80 - 68) * ((100vw - 320px) / (1200 - 320))); */
  }
  .header_catalog_wrapper {
    margin-left: 0;
  }
  .header_user_item:last-child .header_item_count {
    top: calc(-9px + (-14 - (-9)) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_catalog_menu_wrapper {
    width: calc(250px + (300 - 250) * ((100vw - 768px) / (1200 - 768)));
  }
  .header_catalog_submenu li {
    min-width: calc(150px + (170 - 150) * ((100vw - 768px) / (1200 - 768)));
  }
  .intro_text {
    left: calc(40px + (100 - 40) * ((100vw - 320px) / (1200 - 320)));
  }
  /* Для 2-го та 4-го елементів у перших 4-х */
  .product_block > *:nth-child(8n + 2),
  .product_block > *:nth-child(8n + 4) {
    height: calc(185px + (290 - 185) * ((100vw - 768px) / (1200 - 768)));
  }
  /* Для 5-го та 7-го елементів у наступних 4-х */
  .product_block > *:nth-child(8n + 5),
  .product_block > *:nth-child(8n + 7) {
    height: calc(185px + (290 - 185) * ((100vw - 768px) / (1200 - 768)));
    margin-top: calc(-55px + (-90 + 55) * ((100vw - 768px) / (1200 - 768)));
  }
  /* Для 2-го, 4-го, 5-го та 7-го елементів у наступних 4-х */
  .product_block > *:nth-child(8n + 1),
  .product_block > *:nth-child(8n + 3),
  .product_block > *:nth-child(8n + 6),
  .product_block > *:nth-child(8n + 8) {
    height: calc(130px + (200 - 130) * ((100vw - 768px) / (1200 - 768)));
  }
  .loaded_more a {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
  }
  .suggestion_item {
    height: calc(195px + (290 - 195) * ((100vw - 320px) / (1200 - 320)));
  }
  .product_card_img {
    height: calc(130px + (185 - 130) * ((100vw - 320px) / (1200 - 320)));
  }
  .advantages_item {
    height: calc(80px + (150 - 80) * ((100vw - 320px) / (1200 - 320)));
  }
  .advantages_item::after {
    height: calc(48px + (91 - 48) * ((100vw - 320px) / (1200 - 320)));
    width: calc(48px + (91 - 48) * ((100vw - 320px) / (1200 - 320)));
  }
  .product_img {
    height: calc(300px + (365 - 300) * ((100vw - 320px) / (1200 - 320)));
  }
  .catalog_container {
    gap: calc(25px + (50 - 25) * ((100vw - 320px) / (1200 - 320)));
  }
  .nav_menu_item a {
    height: calc(46px + (76 - 46) * ((100vw - 320px) / (1200 - 320)));
    width: calc(46px + (76 - 46) * ((100vw - 320px) / (1200 - 320)));
    padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .filter_btns {
    gap: calc(10px + (25 - 10) * ((100vw - 768px) / (1200 - 768)));
  }
  .catalog_products_wrapper,
  .product_card_wrapper {
    column-gap: calc(10px + (45 - 10) * ((100vw - 768px) / (1200 - 768)));
    row-gap: calc(30px + (45 - 30) * ((100vw - 768px) / (1200 - 768)));
  }
  .product_card_bottom {
    padding: calc(10px + (20 - 10) * ((100vw - 768px) / (1200 - 768)));
    padding-top: 0;
    padding-bottom: 20px;
  }
  .product_card_price_item {
    font-size: calc(8px + (12 - 8) * ((100vw - 768px) / (1200 - 768)));
  }
  .product_card_title a {
    font-size: calc(10px + (12 - 10) * ((100vw - 768px) / (1200 - 768)));
  }
  .product_card_price span {
    font-size: calc(12px + (16 - 12) * ((100vw - 768px) / (1200 - 768)));
  }
  .product_card_details ul {
    padding-top: calc(15px + (35 - 15) * ((100vw - 320px) / (1200 - 320)));
  }
  .product_card_details li {
    font-size: calc(10px + (12 - 10) * ((100vw - 768px) / (1200 - 768)));
    padding-top: calc(5px + (9 - 5) * ((100vw - 320px) / (1200 - 320)));
    padding-bottom: calc(5px + (9 - 5) * ((100vw - 320px) / (1200 - 320)));
  }
  .catalog_products_wrapper .product_card_details,
  .product_card_wrapper .product_card_details {
    padding-bottom: calc(10px + (25 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .product_card_block {
    gap: calc(15px + (45 - 15) * ((100vw - 320px) / (1200 - 320)));
  }
  .sale_title span {
    margin-left: calc(20px + (60 - 20) * ((100vw - 320px) / (1200 - 320)));
  }
  .product_card_title {
    min-height: calc(20% + (56 - 20) * ((100vw - 320px) / (1200 - 320)));
  }
  .shop_cart_product_info {
    margin-right: calc(10px + (200 - 10) * ((100vw - 768px) / (1200 - 768)));
  }
  .shop_cart_total {
    width: calc(50% + (30 - 50) * ((100vw - 768px) / (1200 - 768)));
  }
  .order_thank_wrapper {
    margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1200 - 320)));
  }
  .account_nav_item a {
    font-size: calc(12px + (16 - 12) * ((100vw - 768px) / (1200 - 768)));
    gap: calc(10px + (20 - 10) * ((100vw - 768px) / (1200 - 768)));
  }
  .account_order_item_details .shop_cart_product_info {
    margin-right: unset;
  }
}

@media (max-width: 1079px) {
  .product_content_right_bottom,
  .product_content_right_top {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px;
  }
  .product_info_price {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 8px;
  }
  .filter_btns {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .product_info_top_block {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .contacts_block .footer_contacts {
    /* display: grid; */
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
  }
}

@media (max-width: 991px) {
  .header_catalog_wrapper {
    margin-left: 20px;
  }
  .header_item_top {
    font-size: 11px;
  }
  .header_item_count {
    /* font-size: 11px; */
  }
  .header_catalog_menu_wrapper {
    left: 20px;
  }
  .product_item {
    padding: 13px;
  }
  .advantages_wrapper {
    gap: 50px;
  }
  .response {
    gap: 10px;
    padding: 25px 10px;
  }
  .response_item_right_stars {
    font-size: 11px;
  }
  .footer_top .container {
    flex-wrap: wrap;
  }
  .footer_top {
    padding: 15px 0;
  }
  .footer_top_logo {
    display: grid;
    grid-template-columns: 40% 60%;
    width: 100%;
  }
  .footer_top_item {
    margin-top: 15px;
  }
  .footer_nav_menu:nth-child(2),
  .footer_nav_menu:nth-child(3) {
    border-bottom: 1px solid #d9d9d9;
  }
  .footer_nav_menu:nth-child(2),
  .footer_nav_menu:nth-child(4) {
    width: 40%;
  }
  .footer_nav_menu:nth-child(3) {
    width: 60%;
  }
  .footer_contacts {
    width: calc(60% - 35px);
  }
  .footer_top_item_pay {
    position: unset;
    width: 100%;
    justify-content: space-around;
    border-top: 1px solid #d9d9d9;
    padding-top: 15px;
  }
  .footer_contacts li {
    margin-bottom: 20px;
  }
  .footer_nav_menu a {
    font-size: 10px;
  }
  .footer_contacts,
  .footer_contacts a {
    font-size: 12px;
  }
  .product_content_right_bottom {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
  }
  .product_content_right_top {
    gap: 10px;
    grid-template-columns: 40% 55%;
  }
  .product_card_price_title {
    font-size: 9px;
  }
  .product_card_controls {
    grid-template-columns: 1fr;
    width: 75%;
    margin: auto;
  }
  .product_card_none {
    margin-top: 43px;
  }
  .select_display {
    font-size: 14px;
  }
  .shop_cart_product {
    grid-template-columns: 20% 55% 25%;
  }
  .popup_content {
    width: 80%;
    padding: 40px 50px;
  }
  .product .product_content_right_bottom {
    flex-direction: row;
  }
  .order_wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .order .shop_cart_product {
    grid-template-columns: 20% 80%;
  }
  .order h2,
  .order_products_price {
    text-align: center;
  }
  .order_input_block:first-child input[type="password"] {
    width: 85%;
  }
  .order_unregistered_info {
    left: 43%;
    right: 0;
  }
  .contacts_block .footer_contacts,
  .contacts_block .footer_contacts a {
    width: 100%;
    font-size: 16px;
  }
  .contacts_block .footer_contacts li {
    margin-bottom: 40px;
  }
}

@media (max-width: 889px) {
  .header {
    font-size: 10px;
  }
  .header_item_count {
    font-size: 10px;
  }
  .header_user_item:last-child img {
    /* width: 32px; */
  }
  .product_item {
    padding: 11px;
  }
  .product_content_right_top {
    display: flex;
  }
  .modal_content {
    padding: 30px 40px;
  }
  .product_info_price {
    flex-direction: row;
    margin-bottom: 17px;
  }
  .product_buy_block {
    display: none;
  }
  .product .product_buy_block {
    display: flex;
  }
  .product_buy_btn {
    margin-bottom: 20px;
  }
  .product_buy_article {
    display: block;
    margin-bottom: 5px;
  }
  .product_img_sm {
    width: 70px;
    height: 75px;
  }
  .popup_form_name {
    width: 65%;
  }
  .product_info_top_block {
    flex-direction: row;
  }
  .product .product_content_right_bottom {
    /* flex-direction: column;
	gap: 0; */
    margin-left: -72%;
  }
  .product_services:first-child {
    width: 36%;
  }
  .shop_cart_product {
    grid-template-columns: 23% 55% 22%;
  }
  .article_text_img {
    margin-left: 10px;
  }
  .product_card_none_btn {
    gap: 4px;
  }
}

@media (max-width: 767px) {
  /* .main h1 {
    font-size: calc(23px + (35 - 23) * ((100vw - 320px) / (1200 - 320)));
  } */
  .container {
    padding: 0 20px;
  }
  .header {
    /* height: 85px; */
    font-size: 13px;
  }
  .header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-secondary);
    z-index: 40;
    height: 85px;
    box-shadow: 1px 1px 20px 0px #00000040;
  }
  /* .header::after {
		content: "";
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: gray;
		transition: all 0.3s ease 0s;
		overflow: auto;
		z-index: -1;
	}
	.header.active::after {
		left: 0;
	} */
  .header_mob_overlay {
    display: none;
    content: "";
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: gray;
    transition: all 0.3s ease 0s;
    overflow: auto;
    z-index: 10;
  }
  .header_mob_overlay.active {
    display: block;
    left: 0;
  }
  .header .container {
    /* height: 70px; */
  }
  .header_settings,
  .header_mob_menu,
  .header_search_button {
    position: fixed;
    z-index: 55;
  }
  .header_contact{
    position: fixed;
    z-index: 105;
  }
  .header_body {
    gap: 0;
  }

  .header_settings {
    right: 3%;
    top: 16px;
  }
  .header_mob_menu {
    top: 10px;
    left: 21px;
  }
  .header_mob_close_btn {
    cursor: pointer;
  }
  .header_contact {
    top: 60px;
    /* right: 4.5%; */
    right: 35px;
  }
  .header_contact.open .dropdown_menu1{
    transform: translateY(0);
  }
  .header_contact a{
    margin-right: 10px;
  }
  .header_contact_dropdown_menu:after {
    /* font-size: 10px;
    transform: translateY(50%);
    right: -15px; */
  }
  .header_settings_language_dropdown {
    width: 0;
  }
  .header_settings_language_dropdown.active {
    width: 30px;
  }
  .header_settings_language_dropdown_menu li {
    display: none;
  }
  .header_settings_language .dropdown_menu:after {
    margin-left: 5px;
  }
  .header_settings_language_dropdown_menu {

  }
  .header_settings_theme {
    margin-left: 16px;
  }
  .header_logo {
    margin: 0 20px;
  }
  .header_search_button {
    background: var(--white-secondary);
    top: 7px;
    right: 94px;
    margin-right: 0;
  }
  .header_search_button .fa-solid.fa-magnifying-glass {
    color: var(--black);
  }
  .header_body {
    height: 0;
    width: 100%;
    left: -100%;
  }
  .header_body.active {
    height: 100vh;
    width: 60%;
    background: white;
    top: 70px;
    left: -21px;
    z-index: 60;
  }
  .header_body.active .header_body_mob {
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: calc(100% - 85px);
    background-color: var(--white-secondary);
  }
  .header_body.active .header_list {
    display: flex;
    border-bottom: 1px solid #d9d9d9;
    margin: 0 22px;
  }
  .header_mob_menu_block {
    display: none;
  }
  .header_menu {
    position: static;
  }
  .header_mob_menu_block.active {
    display: flex;
    order: 1;
  }
  .header_currency_dropdown_menu li,
  .header_currency_dropdown_menu li:hover {
    background: var(--black);
    border-radius: unset;
  }
  .header_mob_menu_block span {
    text-transform: uppercase;
    color: var(--white-secondary);
  }
  .header_mob_menu_block .fa-solid.fa-xmark {
    color: var(--white-secondary);
    font-size: 21px;
  }
  .header_top {
    height: 20px;
  }
  .header_body.active .header_top {
    flex-direction: column;
    order: 3;
    height: auto;
  }
  .header_body.active .header_currency {
    display: flex;
    width: 80px;
  }
  .header_currency_dropdown_menu {
    width: 44px;
    /* margin-left: 10px; */
  }
  .header_item_currency {
    color: var(--white-secondary);
    font-size: 13px;
  }
  .fa-solid.fa-dollar-sign {
    color: var(--white-secondary);
    font-weight: 500;
  }
  .header_body.active .header_bottom {
    flex-direction: column;
    order: 2;
    gap: 0;
  }
  .header_body.active .header_item_catalog {
    margin: 11px auto;
  }
  .header_catalog_wrapper {
    padding: 10px 36px;
    margin-left: 0;
  }
  .header_body.active .header_search {
    border: none;
  }
  .header_body.active .header_item_search {
    height: 0;
  }
  .header_body.active .header_search_input {
    display: none;
  }
  .header_body.active .header_item_user_section {
    padding: 10px 5px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin: 0 22px;
  }
  .header_body.active .header_user_section {
    flex-direction: column;
    gap: 15px;
    width: 100%;
  }
  .pc_icon,
  .header_user_item img {
    display: none;
  }
  .mob_item {
    display: block;
  }
  .header_user_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .header_user_item_wrap {
    align-items: center;
    display: grid;
    grid-template-columns: 30px 90%;
    width: 100%;
  }
  .header_user_item_name,
  .header_info li a span {
    font-size: 13px;
    font-weight: 500;
  }
  .header_item_count {
    position: unset;
    /* color: var(--black); */
  }
  .header_body.active .header_item_info {
    width: 100%;
  }
  .header_body.active .header_info {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    padding: 10px 5px;
    margin: 0 22px;
    border-bottom: 1px solid #d9d9d9;
  }
  .header_top i,
  .header_bottom i {
    font-size: 20px;
  }
  .fa-solid.fa-phone.mob_item {
    color: var(--black);
    font-size: 20px;
  }
  .header_info li {
    width: 100%;
  }
  .header_info li a {
    display: grid;
    grid-template-columns: 30px 90%;
  }
  .header_body.active .header_item_working_hours {
    margin: 24px;
    font-size: 13px;
  }
  .header_item_call_back {
    justify-content: center;
    margin-bottom: 30px;
  }
  .header_call_back {
    padding: 8px 16px;
  }
  .fa-solid.fa-phone {
    margin-right: 10px;
  }
  .header_settings_language .dropdown_menu {
    /* right: -7px; */
  }
  .header_settings_language .dropdown {
    margin-right: 12px;
  }

  .header_contact .dropdown_menu {
    /* right: -25px; */
  }
  .header_contact_dropdown_menu li,
  .header_contact_dropdown_menu li:not(.active) {
    /* font-size: 12px; */
  }
  /* Catalog menu */
  .header_catalog_name {
    justify-content: center;
    padding-right: 0;
  }
  .header_catalog_icon {
    padding: 0 10px 0 0;
    flex-shrink: 0;
    width: auto;
  }
  .header_catalog_menu_item:hover > .header_catalog_submenu {
    display: none;
  }
  .header_catalog_menu_item > .header_catalog_submenu {
    position: static;
    left: auto;
    width: 100%;
  }
  .header_catalog_submenu {
    grid-template-columns: 1fr;
  }
  .header_catalog_submenu li {
    background: var(--white-secondary);
    width: 100%;
    padding: 8px 20px;
  }
  .header_catalog_submenu li a {
    display: inline-block;
  }
  .header_catalog_submenu li a span {
    font-size: 12px;
    font-weight: 400;
  }
  .header_catalog_submenu li a img {
    display: none;
  }
  .header_catalog_menu_item {
    margin: 0 20px;
  }
  .header_catalog_menu_item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
  }
  .header_catalog_menu_item > a,
  .header_catalog_menu_item.open > a {
    background-color: var(--white-secondary);
    border-radius: 4px;
    color: var(--black);
    padding: 16px 0;
  }
  .dark_theme .header_catalog_submenu li:active {
    border: none;
    transform: scale(1);
  }
  .header_catalog_submenu li:active a span {
    font-weight: 600;
  }
  .header_catalog_wrapper::after {
    content: none;
  }
  .header_item_catalog.open {
    position: absolute;
    z-index: 81;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    margin: 0 !important;
  }
  .header_catalog_wrapper.open {
    margin: auto;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 0;
    height: 70px;
  }
  .header_catalog_wrapper.open i {
    display: block;
  }
  .header_catalog_wrapper.open i:active {
    transform: scale(0.8);
  }
  .header_catalog_wrapper.open .header_catalog_icon {
    display: none;
  }
  .header_catalog_menu_wrapper.open {
    width: 100%;
    left: 0;
    background: var(--white-secondary);
    color: var(--black);
    border-radius: 0;
    height: calc(100vh - 145px);
    overflow: auto;
    padding-bottom: 50px;
    top: 65px;
  }
  .menu_icon_wrapper.active::after {
    /* content: none;
		display: none; */
  }
  .header_menu.active {
    width: 100%;
  }
  .header_link {
    text-transform: capitalize;
    display: grid;
    grid-template-columns: 30px 90%;
  }
  .header_link i {
    display: block;
  }
  .header_list li {
    padding: 10px 5px;
  }
  .header_list li:hover {
    background: unset;
  }
  .main {
    padding-top: 100px;
  }
  /* Catalog menu end*/
  .intro_text {
    top: 70%;
    width: 48%;
  }
  .product_block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product_block > *:nth-child(n) {
    margin-top: 0;
  }
  /* Для 1-го та 2-го елементів у наступних 4-х */
  .product_block > *:nth-child(4n + 1),
  .product_block > *:nth-child(4n + 2) {
    height: 130px;
  }
  /* Для 3-го та 4-го елементів у перших 4-х */
  .product_block > *:nth-child(4n + 3),
  .product_block > *:nth-child(4n + 4) {
    height: 185px;
  }
  .suggestion_item_left {
    font-size: 14px;
  }
  .product_card_title a {
    margin-top: 15px;
  }

  .advantages_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    margin-top: 30px;
  }
  .advantages_item:nth-child(4n + 1):after {
    top: -5%;
    left: 5%;
  }
  .advantages_item:nth-child(4n + 2):after {
    top: -15%;
    left: 45%;
  }
  .advantages_item:nth-child(4n + 4):after {
    top: 5%;
    left: 45%;
  }
  .blog_wrapper {
    grid-template-columns: 1fr;
  }
  .reviews_wrapper {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .response {
    padding: 20px 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: 78% 20%;
    gap: 20px;
  }

  .response_item_left {
    width: 75%;
  }
  .response_item_left_info {
    flex-direction: column;
    gap: 6px;
  }
  .response_item_img {
    width: 15%;
  }
  .response_item_right {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
  }
  .main_content {
    flex: unset;
    width: 100%;
  }
  .nav_menu {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
  }
  .nav_menu_item {
    box-shadow: 1px 1px 20px 0px #00000040;
  }
  .nav_section.active .nav_menu_item a {
    opacity: 0.6;
  }
  .nav_section {
    position: fixed;
    left: 0;
    top: 91%;
    right: 0;
    z-index: 101;
    transition: unset;
  }
  .footer_bottom > ul {
    flex-direction: column;
  }
  .main_wrapper {
    flex-direction: column;
  }
  .modal_wrapper {
    padding: 10% 0;
    overflow: hidden;
    height: calc(100% - 5%);
  }
  .modal_content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .modal.open .modal_content {
    height: 100%;
  }
  .swiper_wrapper {
    width: 100%;
    margin-left: 0;
  }
  .quick_product_card_slider {
    width: 100%;
    margin-left: 0;
  }
  .product_img_block {
    margin-bottom: 20px;
  }
  .modal_content_right {
    padding-left: 0;
  }
  .product_info_wrapper {
    width: 100%;
  }
  .product_buy_btn {
    align-self: center;
  }
  .intro_section .container {
    padding: 0;
  }
  .catalog .nav_section {
    margin-top: 0;
  }

  .filter_title {
    display: flex;
    align-items: center;
  }
  .filter_close_btn {
    display: block;
    margin-left: auto;
    cursor: pointer;
  }
  /* Стилізація для модального вікна */
  .filter {
    display: none;
    position: fixed;
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 111;
    border-radius: 4px;
    height: 80vh;
    overflow: hidden;
    width: 300px;
  }

  .filter_wrapper {
    height: 100%;
    overflow: auto;
    padding-bottom: 50px;
  }
  /* Стилізація для затемненого фону */
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 110;
  }
  /* Клас для відображення елементів */
  .active {
    display: block;
  }

  .catalog_container {
    grid-template-columns: 1fr;
  }
  .product_card_price_item {
    font-size: 11px;
  }
  .catalog_products_wrapper {
    gap: 20px;
  }
  .product_card_title a {
    font-size: 12px;
  }
  .product_card_price_title {
    font-size: 11px;
  }
  .product_card_price span {
    font-size: 16px;
  }
  .product_card_details li {
    font-size: 12px;
    padding: 9px 0;
  }
  .product_card_bottom {
    padding: 0 20px 20px;
  }
  .catalog_filter_icon {
    background: #343434;
    border-radius: 4px;
    display: flex;
    padding: 10px;
    cursor: pointer;
  }
  .catalog_product_sort_wrapper {
    flex-direction: column;
  }
  .catalog_product_sort_block {
    display: flex;
    gap: 15px;
  }
  .header_overlay {
    display: none;
    height: 0;
  }
  .popup_content {
    margin: 15% auto;
  }
  .popup_form_group_top {
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
  }
  .popup_form_name {
    width: 100%;
  }
  .product_card_block {
    grid-template-columns: repeat(2, 1fr);
  }
  .product_card_title {
    min-height: 28%;
  }
  .product_content {
    grid-template-columns: 1fr;
    overflow: hidden;
  }
  .product_content_left {
    min-width: 0;
  }
  .product .product_content_right {
    margin-left: 0;
  }
  .product .product_content_right_bottom {
    margin-left: 0;
  }
  .product_services:first-child {
    width: 50%;
  }
  .product_content:last-child {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .product .product_content_left {
    border-bottom: unset;
  }
  /* можливо прибрати */
  .header_catalog_icon:active + .header_catalog_name {
    color: #383838;
  }
  .header_catalog_wrapper:active img,
  .header_catalog_icon:active img,
  .header_catalog_icon:active img,
  .menu_icon_wrapper img:active {
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(271%)
      hue-rotate(207deg) brightness(96%) contrast(96%);
  }
  .product_buy_btn_top .product_card_btn.btn:active,
  .header_catalog_wrapper.open:active {
    background: var(--black);
    border: unset;
    color: white;
  }
  .loaded_more a:active {
    font-weight: 600;
  }
  /* можливо прибрати end*/
  .header_user_item:active,
  .header_user_item:active i,
  .header_info a:active,
  .header_info a:active i,
  .header_link:active,
  .header_link:active i {
    color: #7a7a7a;
    transform: scale(0.95);
  }
  .shop_cart_product {
    grid-template-columns: repeat(2, 1fr);
  }
  .shop_cart_product_info {
    grid-column: span 2;
    width: 100%;
    order: 1;
  }
  .shop_cart_product_img {
    order: 2;
    width: 150px;
  }
  .shop_cart_price {
    order: 3;
    margin-left: auto;
  }
  .shop_cart_trash {
    top: 11px;
    right: 11px;
  }
  .shop_cart_total {
    width: 100%;
    text-align: end;
  }
  .shop_cart_total_btns > .btn {
    margin: 10px auto;
  }
  .shop_cart_total_info {
    margin-bottom: 20px;
  }
  .shop_cart_product_title {
    width: 90%;
  }
  .shop_cart_trash:active i {
    /* color: #7a7a7a; */
    font-size: 16px;
  }
  .order .shop_cart_product_price {
    flex-direction: column-reverse;
    align-items: flex-end;
    width: 50%;
    margin-left: auto;
  }
  .order .shop_cart_product_img {
    max-width: 145px;
    margin-top: -90px;
  }
  .account_order_wrapper {
    margin-top: 24px;
  }
  .account_order_item:not(.account_order_item:first-child)
    .account_order_title {
    display: flex;
  }
  .account_order_item {
    display: block;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding-top: 10px;
  }

  .account_order_row {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .account_order_row:nth-child(2) {
    border: none;
  }
  .account_order_btns {
    grid-column: span 2;
    justify-content: space-between;
    gap: 10px;
    display: flex;
    flex-direction: row-reverse;
    /* order: 2; */
    padding: 10px 20px 20px 20px;
  }

  .account_order_item_details {
    grid-column: span 2;
    /* order: 1; */
    padding: 0 20px;
  }
  .account_order_product_block {
    width: 100%;
  }
  .account_order_repeat_btn span {
    display: inline-block;
    position: static;
    background: unset;
    border: 0;
    border-radius: unset;
    padding: 0;
    color: white;
    margin-right: 10px;
  }
  .account_order_repeat_btn span:active {
    color: #343434;
  }
  .account_order_repeat_btn {
    width: auto;
  }
  .account_order_show_btn {
    border: 1px solid #343434;
    border-radius: 4px;
    height: 40px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .account_order_show_btn i {
    transform: rotate(90deg);
  }
  .account_order_show_btn.open i {
    transform: rotate(270deg);
  }
  .account_order_item_details.open {
    margin: 15px 0;
  }
  .account_order_item .shop_cart_product {
    grid-template-columns: 30% 70%;
    margin-bottom: 0;
  }
  .account_order_item .shop_cart_product > div {
    order: 0;
  }
  .account_order_item .shop_cart_product_info {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }
  .account_order_item .shop_cart_product_cost {
    align-self: end;
    font-weight: 600;
  }
  .main.account {
    z-index: 1;
  }
  .account_selected .product_card {
    height: auto;
    position: static;
  }
  .account_selected .product_card_details {
    position: static;
    border: unset;
    padding: 0;
  }
  .account_form_row {
    flex-direction: column;
    gap: 15px;
  }
  .shop_cart_header .shop_cart_product_img {
    order: 0;
  }
  .shop_cart_header .shop_cart_product_info {
    order: 0;
    grid-column: 2;
  }
  .overlay_shop_cart_header {
    z-index: 98;
  }
  .shop_cart_header {
    padding-top: 75px;
  }
  .shop_cart_header .shop_cart_total_btns {
    flex-direction: column;
  }
  .shop_cart_header_close i:active {
    color: #7a7a7a;
    transform: scale(0.95);
  }
  .shipping_item_delivery li ul {
    padding-left: 0;
  }
  .shipping_item_delivery > li {
    margin-bottom: 15px;
  }
  .btn_share:active {
    font-weight: 700;
  }
  .article_text_img {
    float: none;
    margin: 30px auto;
    display: flex;
    justify-content: center;
  }
  .contacts_block .footer_contacts {
    grid-template-columns: 1fr;
    margin-left: 50px;
  }
  .footer_bottom_item {
    justify-items: center;
    text-align: center;
  }
}
/* 768 end */

@media (max-width: 600px) {
  .catalog_products_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .account_nav_item a span {
    display: none;
  }
  .account h3 {
    display: block;
  }
}

@media (max-width: 576px) {
  .header_catalog_wrapper {
    padding: 10px 32px;
  }
  .header_search_button {
    right: calc(85px + (94 - 85) * ((100vw - 320px) / (768 - 320)));
  }
  .header_body.active {
    width: calc(90% + (60 - 90) * ((100vw - 320px) / (768 - 320)));
  }
  /* Для 1-го та 2-го елементів у наступних 4-х */
  .product_block > *:nth-child(4n + 1),
  .product_block > *:nth-child(4n + 2) {
    height: calc(100px + (130 - 100) * ((100vw - 320px) / (768 - 320)));
  }
  /* Для 3-го та 4-го елементів у перших 4-х */
  .product_block > *:nth-child(4n + 3),
  .product_block > *:nth-child(4n + 4) {
    height: calc(150px + (185 - 150) * ((100vw - 320px) / (768 - 320)));
  }
  .product_card_price_title {
    font-size: calc(7px + (11 - 7) * ((100vw - 320px) / (768 - 320)));
  }
  .product_card_price {
    font-size: calc(8px + (12 - 8) * ((100vw - 320px) / (768 - 320)));
  }
  .product_card_price span {
    font-size: calc(11px + (16 - 11) * ((100vw - 320px) / (768 - 320)));
  }
  .product_card_controls {
    grid-template-columns: 1fr;
    max-width: 150px;
    margin: auto;
    justify-content: center;
  }
  .product_card_bottom {
    padding: calc(9px + (20 - 9) * ((100vw - 320px) / (768 - 320)));
    height: 50%;
  }
  .product_card_details li {
    font-size: 10px;
    padding: 6px 0;
  }
  .advantages_wrapper {
    gap: 40px;
  }
  .response {
    font-size: 10px;
    padding: 25px 15px;
  }
  .response_item_right_prod_name a {
    font-size: 10px;
    display: block;
    text-align: right;
  }
  .catalog_block {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog_item a {
    padding-top: calc(12px + (35 - 12) * ((100vw - 320px) / (768 - 320)));
    padding-bottom: calc(12px + (35 - 12) * ((100vw - 320px) / (768 - 320)));
  }
  .product_card_price_item {
    font-size: calc(8px + (11 - 8) * ((100vw - 320px) / (768 - 320)));
  }
  .popup_content {
    width: 90%;
    padding: 30px;
  }
  .product_card_title {
    min-height: 18%;
  }
  .shop_cart_product_img {
    width: calc(100px + (150 - 100) * ((100vw - 320px) / (768 - 320)));
  }
  .order_form_login_row {
    flex-direction: column;
    gap: 15px;
  }
  .order_form_login_row:last-child {
    flex-direction: row;
    justify-content: center;
  }
  .order_unregistered_info {
    bottom: 122px;
    left: 91%;
  }
  .order_unregistered_info_text {
    left: unset;
    right: 124%;
  }
  .order_thank_main {
    grid-template-columns: 1fr;
    gap: 35px;
    margin: 30px 0;
  }
  .order_thank_main ul:first-child {
    margin-left: 0;
  }

  .account_order_item .shop_cart_product_title {
    font-size: 11px;
  }
  .account_order_item .shop_cart_product_info {
    gap: 15px;
    padding: 10px;
  }
  .header_contact{
    right: 20px;
  }
}

@media (max-width: 479px) {
  .header_currency_dropdown_menu {
    margin-left: 5px;
  }
  .header_mob_menu_block.active {
    padding: 20px 15px;
  }
  .product_card_title a {
    font-size: 10px;
  }
  .advantages_wrapper {
    gap: 30px;
  }
  .nav_menu {
    gap: 5px;
  }
  .modal_content {
    padding: 20px 30px;
  }
  .product .product_content_right_bottom {
    flex-direction: column;
    gap: 0;
  }
  .product_services:first-child {
    width: 100%;
  }
  .shop_cart_product_title {
    font-size: 12px;
  }
  .account_order_item .shop_cart_product {
    grid-template-columns: 33% 65%;
    gap: 10px !important;
  }
}

@media (max-width: 374px) {
  .header_contact_dropdown_menu li,
  .header_contact_dropdown_menu li:not(.active) {
    /* font-size: 10px; */
  }
  .suggestion_item_left {
    font-size: 12px;
  }
  .advantages_wrapper {
    gap: 20px;
  }
  .modal_content {
    padding: 20px;
  }
  .catalog_products_wrapper {
    gap: 10px;
  }
  .popup_content {
    padding: 25px 15px;
  }
  .account_order_item .shop_cart_product {
    grid-template-columns: 40% 55%;
    gap: 10px !important;
  }
}

@media (max-width: 320px) {
}