@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #131414;
  padding: 0.2em 0;
}

* {
  box-sizing: border-box;
}

.reset_block {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reset_row_form {
  flex: 0 1 415px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 23px;
  margin: 80px 0;
  padding: 40px;
}

.panel-heading {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 25px;
}

.reset_form {
  display: flex;
  margin: 0 0 25px;
  width: 100%;
  flex-wrap: wrap;
}

.reset_confirm_button {
  text-align: center;
  margin: 30px 0 0;
}

.control-label {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
}

.col-md-6 {
  width: 100%;
  height: 35px;
  background-color: #ffffff;
  border: 1px solid #cecece;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.form-control {
  border: none;
  outline: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 12px;
  display: flex;
  align-items: center;
  color: #131414;
  font-size: 14px;
}

.btn-primary {
  outline: none;
  border: none;
  color: #ffffff;
  background-color: #00c595;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 40px;
  border-radius: 100px;
  text-decoration: none;
  opacity: 0.85;
  margin: 0 0 25px;
}

/* media width */
/* width */
/* height */
/* colors */
/* font-sizes */
/* font-weight */
/* border-radius */
/* padding */
/* margin */
/* line-height */
/* letter-spacing */
/* modal */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  /*width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;*/
  width: auto;
  box-shadow: 2px 2px 15px -4px rgba(0, 0, 0, 0.85);
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background-color: white;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  /* top: 1px; */
}

.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  top: 6px;
  background: no-repeat center/30% url("/images/icons/icon-arrow-right-black-2.svg");
  transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-next {
  right: 5px;
  top: 6px;
  background: no-repeat center/30% url("/images/icons/icon-arrow-right-black-2.svg");
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0.2em 2.4em;
  line-height: 1em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 0.9em;
  /*margin: 1px 0;*/
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 50%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  /* border: 1px solid #c5c5c5; */
}

.ui-widget-content {
  /* border: 1px solid #dddddd; */
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  /*border: 1px solid #dddddd;
  background: #2a9d8f;*/
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  /* border: 1px solid #c5c5c5; */
  background: #ffffff;
  font-weight: normal;
  color: rgb(0, 0, 0);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 11px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  /*border: 1px solid #cccccc;*/
  background: #e7e6e6;
  font-weight: normal;
  color: rgba(19, 20, 20, 0) 0;
  /*filter: brightness(1.5);*/
}

.ui-datepicker-prev.ui-datepicker-prev-hover {
  /* background-repeat: no-repeat;
  background-position: center;*/
  left: 5px;
  background: no-repeat center/40% url("/images/icons/icon-arrow-right-black-2.svg");
}

.ui-datepicker-next.ui-datepicker-next-hover {
  /* background-repeat: no-repeat;
  background-position: center;*/
  right: 5px;
  background: no-repeat center/40% url("/images/icons/icon-arrow-right-black-2.svg");
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  /* border: 1px solid #25cda4; */
  background: #25cda4;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #25cda4;
  background: #25cda4;
  /*border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;*/
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

/* .ui-widget-header .ui-icon {
  background-image: url('/images/icons/icon-arrow-right-black-2.svg');
} */
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 10px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 10px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 10px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 10px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: table;
  margin: 0 auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.header__top,
.header__middle {
  display: flex;
  align-items: center;
  height: 44px;
  background-color: #4a5759;
  position: relative;
}

.header__middle_scroll {
  display: flex;
  position: fixed;
  top: -120px;
  width: 100%;
  transition: 1s;
}

.header__middle_scroll.fixed {
  display: flex;
  position: fixed;
  transition: 0.8s;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.header__middle_menu .phone_numbers a {
  text-decoration: none;
  color: white;
  padding: 7px 10px 7px 10px;
}

.header__middle_menu ul .phone_numbers a::before {
  content: none;
}

.header__bottom {
  display: none;
  align-items: center;
  height: 58px;
  background-color: #ffffff;
  border-radius: 0px 0px 23px 23px;
}

.header__top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header__top span,
.header__middle span {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #ffffff;
}

.header__middle.header__message {
  background-color: red;
  text-align: center;
  width: 100%;
  display: flex;
}

.header__middle.header__message span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

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

.header__middle .li_product_name span {
  font-size: 15px;
}

.header__bottom span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #131414;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
}

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

.header__address__point {
  position: relative;
  display: inline-block;
}

.header__address__point span {
  padding: 0 30px 0 20px;
}

.header__address__point span::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 2px;
  width: 13px;
  height: 13px;
  background-image: url(/images/icons/icon-map-point-white.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.header__address__point span a {
  color: white;
  text-decoration: none;
}

.header__opening_hours {
  max-width: 435px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__opening_hours .weekdays {
  position: relative;
}

.header__opening_hours .tooltip_text {
  position: absolute;
  display: none;
  width: 270px;
  background-color: #434e50;
  color: #ffffff;
  text-align: center;
  line-height: 1.5;
  padding: 15px;
  border-radius: 6px;
  z-index: 10;
  top: 22px;
  left: -10px;
}

.header__opening_hours .weekdays .tooltip_text::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #434e50 transparent;
}

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

.header__tel_dropdown {
  position: relative;
  display: inline-block;
}

.header__tel_dropdown:hover .dropdown_content {
  display: block;
}

.header__tel_dropdown span {
  padding-left: 40px;
  text-decoration: none;
  color: white;
}

.header__tel_dropdown span::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 20px;
  width: 12px;
  height: 6px;
  background-image: url(/images/icons/icon-arrow.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.header__messengers {
  display: flex;
  justify-content: space-between;
  max-width: 50px;
  flex: 0 0 50px;
  width: 100%;
}

.header__messengers_item a:hover span {
  opacity: 0.65;
}

.header__lang_changer {
  display: flex;
  max-width: 60px;
  height: 20px;
  width: 100%;
  justify-content: space-around;
  border: 1px solid #ffffff;
  border-radius: 39px;
}

.header__lang_changer a {
  text-decoration: none;
  display: flex;
}

.header__lang_changer a:hover span {
  background-color: #ffffff;
  color: #9d9d9d;
}

.header__lang_changer span {
  padding: 0 3px;
  border-radius: 39px;
}

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

.header__lang_changer_item .lang_active {
  background-color: #ffffff;
  color: #9d9d9d;
  padding: 0 3px 0 3px;
  border-radius: 39px;
}

.header__lang_changer_item a,
.header__lang_changer_item a:active,
.header__lang_changer_item a:visited {
  text-decoration: none;
}

.header__theme_changer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 40px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 39px;
  cursor: pointer;
}

.dark_theme,
.light_theme {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(/images/icons/moon.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.light_theme {
  background-image: url(/images/icons/sun.svg);
  filter: brightness(0);
}

.header__logo a {
  display: block;
  margin: 4px 0;
}

.header__middle_menu {
  max-width: 1040px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.header__middle_menu nav {
  width: 100%;
  display: flex;
  /* min-width: 400px; */
}

.header__middle_menu ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 700px;
  flex-wrap: wrap;
}

.header__middle_menu .header__form_search ul {
  justify-content: flex-start;
}

.header__middle_menu ul a {
  position: relative;
  text-decoration: none;
  padding: 7px 10px 7px 40px;
  display: flex;
}

.header__middle_menu ul a:hover {
  background-color: #434e50;
  /* border-radius: 3px; */
}

/* New catalog btn */
.header__middle_menu ul .catalogue {
  position: relative;
  text-decoration: none;
  padding: 7px 10px 7px 40px;
  display: flex;
  cursor: pointer;
  background-color: #00c595;
  border-radius: 10px;
}

.dark .header__middle_menu ul .catalogue {
  filter: saturate(0.24);
}

.header__middle_menu ul .catalogue span {
  font-size: 16px;
}

.header__middle_menu ul .catalogue:hover {
  background-color: rgba(0, 197, 148, 0.8705882353);
}

.header__middle_menu ul .catalogue::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/burger_point.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 5px;
  filter: invert(1);
}

/* New catalog btn */
.header__middle_menu ul a::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-goods.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  left: 12px;
  top: 5px;
}
.header__middle_menu li {
  display: flex;
  align-items: center;
}

.open_menu_search_name li {
  width: 100%;
}

.header__middle_menu li .icon_repair::before {
  background-image: url(/images/icons/icon-repair.svg);
  left: 12px;
  top: 4px;
}

.icon_repair {
  background-color: rgba(0, 197, 149, 0.5803921569);
  border-radius: 10px;
}

.dark .icon_repair:hover {
  background-color: rgba(0, 197, 149, 0.8);
}

.dark .icon_repair {
  filter: saturate(0.24);
}

.product_menu_cat li .icon_repair::before,
.product_menu li .icon_repair::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-repair.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  left: 16px;
  top: 9px;
  filter: invert(1);
  opacity: 0.6;
}

.header__middle_menu ul .icon_repair:hover {
  background-color: rgba(0, 197, 149, 0.8);
  /* border-radius: 3px; */
}

.header__middle_menu li .icon_faq::before {
  background-image: url(/images/icons/icon-faq.svg);
  left: 12px;
  top: 4px;
}

.header__middle_menu li .icon_useful_article::before {
  background-image: url(/images/icons/icon-useful-article.svg);
  left: 12px;
  top: 5px;
}

.header__user_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  max-width: 200px;
  width: 100%;
}

.header__lang_changer_tablet,
.header__theme_changer_tablet {
  display: none;
}

.header__search {
  display: none;
}

.header__comparison:hover {
  cursor: pointer;
}

.header__user path,
.header__comparison path,
.header__cart path,
.header__search path {
  fill: currentColor;
  color: white;
}

.header__goods_menu {
  display: flex;
  align-items: center;
  max-width: 900px;
  width: 100%;
}

.header__goods_menu nav {
  width: 100%;
}

.header__goods_menu ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header__goods_menu ul a {
  text-decoration: none;
  padding: 0 10px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  margin: 0 10px 0 0;
}

.header__goods_menu ul a:hover {
  background: #00c595;
}

.header__goods_menu ul a:hover span {
  color: #ffffff;
}

.header__goods_menu ul a.submenu__link {
  padding: 4px 20px;
  height: auto;
}

.header__goods_menu ul .trade_in {
  display: none;
}

.header__goods_menu ul .trade_in a {
  background: #00c595;
  border-radius: 8px;
}

.header__goods_menu ul .trade_in a span {
  color: #ffffff;
}

.header__goods_menu .li_product_name {
  position: relative;
}

.header__goods_menu .li_product_name:hover .submenu {
  display: block;
}

.header__goods_menu .submenu {
  position: absolute;
  display: none;
  top: 32px;
  left: 0px;
  width: 215px;
  background-color: #ffffff;
  box-shadow: 0px -2px 17px -5px rgba(0, 0, 0, 0.2);
  z-index: 200;
  border-radius: 8px;
}

.header__goods_menu .submenu .submenu__item:first-child .submenu__link {
  border-radius: 8px 8px 0 0;
}

.header__goods_menu .submenu .submenu__item:last-child .submenu__link {
  border-radius: 0px 0px 8px 8px;
}

header .input_row {
  display: flex;
  max-width: 320px;
  width: 100%;
  position: relative;
}

header .input {
  display: flex;
  position: relative;
  width: 100%;
  background-color: #f0f0f2;
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #f0f0f2;
  height: 27px;
  margin: 0 5px 0 0;
}

header input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 8px 16px 8px 35px;
  display: flex;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  font-size: 14px;
  letter-spacing: 0.015rem;
}

header textarea {
  display: flex;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  font-size: 14px;
  letter-spacing: 0.015rem;
}

.header__form_search {
  max-width: 320px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 20px 0 40px;
}
.header__form_search form {
  width: 100%;
}
.header__form_search .sub_btn {
  border: none;
  outline: none;
  padding: 5px 12px;
  background: #00c595;
  border-radius: 0px 10px 10px 0px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #ffffff;
}
.header__form_search input::placeholder {
  color: rgba(74, 87, 89, 0.5);
}
.header__form_search .search_icon {
  position: absolute;
  top: 6px;
  left: 10px;
  width: 16px;
  height: 16px;
  background-image: url(/images/icons/icon-search.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.header__form_search .open_menu_search {
  position: absolute;
  display: none;
  width: 100%;
  max-width: 450px;
  flex-wrap: wrap;
  z-index: 1000;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 5px;
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);
}
.header__form_search .open_menu_search.active {
  display: flex;
}
.header__form_search .open_menu_search_name, .header__form_search .open_menu_search_categories {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px 10px;
  max-height: 240px;
  overflow-y: scroll;
}
.header__form_search .open_menu_search_name li, .header__form_search .open_menu_search_categories li {
  align-self: flex-start;
}
.header__form_search .open_menu_search_name li:hover, .header__form_search .open_menu_search_categories li:hover {
  cursor: pointer;
  background-color: #131414;
  border-radius: 10px;
}

.header__form_search .open_menu_search .open_menu_search_name p,
.header__form_search .open_menu_search .open_menu_search_name ul,
.header__form_search .open_menu_search .open_menu_search_categories p,
.header__form_search .open_menu_search .open_menu_search_categories ul {
  width: 100%;
}

.header__form_search .open_menu_search .open_menu_search_name p li,
.header__form_search .open_menu_search .open_menu_search_name ul li,
.header__form_search .open_menu_search .open_menu_search_categories p li,
.header__form_search .open_menu_search .open_menu_search_categories ul li {
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 600;
}

.header__form_search .open_menu_search .open_menu_search_name p li span,
.header__form_search .open_menu_search .open_menu_search_name ul li span,
.header__form_search .open_menu_search .open_menu_search_categories p li span,
.header__form_search .open_menu_search .open_menu_search_categories ul li span {
  font-weight: 400;
  color: black;
  opacity: 0.3;
}

.header__form_search .open_menu_search .open_menu_search_name p,
.header__form_search .open_menu_search .open_menu_search_categories p {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.3;
}

.header__form_search .open_menu_search .open_menu_search_name .categories_search li,
.header__form_search .open_menu_search .open_menu_search_categories .categories_search li {
  padding: 8px 0 8px 30px;
  position: relative;
}

.header__form_search .open_menu_search .open_menu_search_name .search_icon_categories,
.header__form_search .open_menu_search .open_menu_search_categories .search_icon_categories {
  position: absolute;
  top: 8px;
  left: 7px;
  width: 16px;
  height: 16px;
  background-image: url(/images/icons/icon-search.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.header__form_search .open_menu_search .open_menu_search_categories {
  display: none;
}

.background_search {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background-color: red;
  background: transparent;
}

.background_search.active {
  display: flex;
}

.header__burger_icon {
  display: none;
}

.mobile_menu_block {
  display: none;
}

.header__cart {
  position: relative;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

main {
  display: flex;
  flex: 1;
}

h2 {
  margin: 0 0 15px;
}
h2 a {
  color: #131414;
  text-decoration: none;
}

.product_breadcumbs {
  display: flex;
  width: 100%;
  align-self: flex-start;
  margin: 20px 0 0;
}

.breadcrumbs ol {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.breadcrumbs ol a {
  text-decoration: none;
  color: #495053;
}
.breadcrumbs ol span {
  padding: 0 8px;
  font-weight: 400;
  font-size: 14px;
  font-family: "Rubik";
}
.breadcrumbs ol li + li::before {
  color: #495053;
  content: "/";
  font-size: 14px;
  font-family: "Rubik";
}

.order_placement .checkbox_row {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 10px;
}
.order_placement .checkbox_row__item {
  display: flex;
  margin-right: 30px;
}
.order_placement .checkbox_row__item label {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0 5px;
}
.order_placement .checkbox_row__item input[type=checkbox] {
  margin-right: 10px;
}
.order_placement .checkbox_row__item.hidden {
  display: none;
}
.order_placement .checkbox_row__footnote {
  font-size: 14px;
  font-weight: 400;
  color: rgba(74, 87, 89, 0.5);
  margin-top: 10px;
}
.order_placement .recipient .checkbox_row_recipient,
.order_placement .order_placement .checkbox_row_recipient {
  display: none;
}
.order_placement .label {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
}
.order_placement .input {
  width: 100%;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #cecece;
  border-radius: 5px;
  height: 35px;
  position: relative;
}
.order_placement .form_row {
  display: flex;
  margin: 20px 0 0;
}
.order_placement .form_row.two_inputs {
  justify-content: space-between;
}
.order_placement .form_row__item {
  width: calc(50% - 10px);
}
.order_placement .form_row__item input {
  width: 100%;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 14px;
}
.order_placement .form_block {
  display: flex;
  margin-top: 20px;
}
.order_placement .form_block__item {
  width: 100%;
  height: auto;
}
.order_placement .other_person, .order_placement .deliverty, .order_placement .solo_pickup {
  display: none;
}
.order_placement .other_person.active, .order_placement .deliverty.active, .order_placement .solo_pickup.active {
  display: block;
}
.order_placement .solo_pickup .form_row__item {
  width: 100%;
}
.order_placement .form_row__item_2 {
  display: none;
  margin-top: 20px;
}
.order_placement .delivery_methods_and_payment {
  font-size: 24px;
  font-weight: 500;
  margin-top: 40px;
}
.order_placement .payment_methods, .order_placement .recipient {
  font-size: 18px;
  font-weight: 400;
  margin-top: 50px;
}
.order_placement .delivery_methods {
  font-size: 18px;
  font-weight: 400;
  margin-top: 20px;
}
.order_placement .total {
  margin-top: 60px;
  display: flex;
}
.order_placement .total .total__text, .order_placement .total .total__sum {
  flex: 0 1 50%;
}
.order_placement .total .total__text {
  font-size: 16px;
  font-weight: 600;
}
.order_placement .total .total__sum {
  text-align: right;
}
.order_placement .total .total__sum_uah {
  font-size: 36px;
  font-weight: 600;
}
.order_placement .total .total__sum_usd {
  display: none;
  font-size: 24px;
  font-weight: 400;
  color: #5b5b5b;
  margin-top: 15px;
}
.order_placement .data_processing a {
  text-decoration: none;
  color: #00c595;
}
.order_placement .form_submit {
  text-align: right;
}
.order_placement .form_sub_btn {
  outline: none;
  border: none;
  color: #ffffff;
  background-color: #00c595;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 38px;
  border-radius: 100px;
  margin-top: 40px;
}

.cart {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 40px;
}
.cart__left {
  flex: 0 1 calc(50% - 4px);
  background-color: #ffffff;
  margin-right: 8px;
  border-radius: 23px;
  padding: 30px;
  align-self: start;
}
.cart__left_title {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 30px;
}
.cart__left_group {
  width: 100%;
}
.cart__left_group_item {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  background-color: #f0f0f2;
  border-radius: 23px;
  margin-bottom: 15px;
  justify-content: flex-end;
}
.cart__left_group_item:last-child {
  margin-bottom: 0;
}
.cart__right {
  flex: 0 1 calc(50% - 4px);
  background-color: #ffffff;
  border-radius: 23px;
  padding: 30px;
}
.cart__right h3 {
  font-size: 18px;
  font-weight: 500;
}
.cart__goods_img {
  flex: 0 1 120px;
  display: flex;
  align-items: flex-start;
}
.cart__goods_img img {
  width: 100%;
  border-radius: 8px;
}
.cart__goods_price {
  position: relative;
  flex: 0 1 90px;
}
.cart__brief_description {
  flex: 0 1 calc(100% - 210px);
  padding: 0 30px;
}
.cart__item_name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
}
.cart__item_description {
  display: flex;
  flex-wrap: wrap;
}
.cart__item_description_object {
  display: flex;
  margin: 0 10px 10px 0;
  font-size: 14px;
  font-weight: 500;
}
.cart__item_description span {
  padding: 5px 10px;
  color: #ffffff;
  background-color: #00c595;
  border-radius: 5px;
}
.cart__price_uah, .cart__price_usd {
  width: 100%;
  text-align: right;
}
.cart__price_uah {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 8px;
}
.cart__price_usd {
  display: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #5b5b5b;
}
.cart__delete_item {
  width: 100%;
  text-align: right;
  position: relative;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
}
.cart__delete_wrapper {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #b20000;
  padding: 3px;
  cursor: pointer;
  max-width: 130px;
  flex: 0 0 100px;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.cart__delete_wrapper::before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon-delete.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 20px;
  left: 14px;
  bottom: 12px;
}

.cart__left_add_device {
  text-align: center;
}

.add_device {
  width: 100%;
  outline: none;
  border: none;
  padding: 20px 0px;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 500;
}
.add_device:hover {
  opacity: 0.65;
}

.cart__right_header {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.cart__right_header a {
  display: flex;
  text-decoration: none;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  background-color: #00c595;
  padding: 10px 20px;
  border-radius: 5px;
  /* font-family: "Rubik"; */
}

.cart__right_header a:hover {
  opacity: 0.65;
}

.cart__right_title {
  font-size: 25px;
  font-weight: 500;
  margin-right: 40px;
}

.deliverty {
  position: relative;
}

.nova-poshta {
  position: absolute;
  background-color: #fff;
  border-right: 15px;
  top: 60px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  box-shadow: 0 5px 17px -5px rgba(0, 0, 0, 0.35);
  border-radius: 14px;
  max-height: 193px;
  overflow-y: auto;
}
.nova-poshta .office {
  position: relative;
  width: 100%;
  padding: 9px 16px;
  font-size: 14px;
  border-bottom: 1px solid rgba(206, 206, 206, 0.4117647059);
}
.nova-poshta .office:hover {
  cursor: pointer;
  color: #00c595;
}

.item__product_img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.blog {
  width: 100%;
}
.blog .block_title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 20px;
}
.blog .main_breadcrumb {
  padding: 0 8px 0 0;
}
.blog h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.57325;
}

.blog_tags {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 680px) {
  .blog_tags {
    gap: 8px;
  }
}

.blog_tag_item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 13px 6px;
  color: #4a5759;
  font-size: 15px;
  border-radius: 13px;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1px solid #4a5759;
  text-decoration: none;
  line-height: 1;
}
@media screen and (max-width: 680px) {
  .blog_tag_item {
    height: 30px;
    min-width: 60px;
    padding: 4px 8px;
    margin: 0 0 16px;
    font-size: 14px;
  }
}
.blog_tag_item:hover {
  color: #FFFFFF;
  background-color: #00c595;
  transform: translateY(-4px);
  border: 1px solid #00c595;
}
.blog_tag_item.active {
  background-color: #4a5759;
  color: #ffffff;
}

.blog_cards_container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

.blog_card_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  width: calc((100% - 32px) / 3);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.15), 0 -5px 6px -17px rgba(0, 0, 0, 0.15);
  transition: width 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .blog_card_item {
    width: calc((100% - 16px) / 2);
  }
}
@media screen and (max-width: 680px) {
  .blog_card_item {
    width: 100%;
  }
}
.blog_card_item:hover .blog_card_img img {
  transform: scale(1.1);
}

.blog_card_tag {
  position: absolute;
  top: 16px;
  left: 0px;
  padding: 4px 8px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 0 8px 8px 0;
  background: #788898;
  transition: transform 0.4s ease;
  z-index: 100;
}
.blog_card_tag:hover {
  transform: translateY(-2px);
}

.blog_card_link {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  z-index: 99;
}

.blog_card_img {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  overflow: hidden;
  transition: height 0.4s ease;
}
@media screen and (max-width: 1200px) {
  .blog_card_img {
    height: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .blog_card_img {
    height: 250px;
  }
}
@media screen and (max-width: 680px) {
  .blog_card_img {
    height: 200px;
  }
}
.blog_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.4s ease;
}

.blog_card_wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  min-height: 160px;
  padding: 16px;
  gap: 16px;
  background-color: #fff;
}

.blog_card_meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.blog__card_date {
  font-size: 14px;
  color: #131414;
}
@media screen and (max-width: 680px) {
  .blog__card_date {
    font-size: 14px;
  }
}

@media screen and (max-width: 680px) {
  .blog__card_views {
    width: 16px;
  }
}

.blog__card_views,
.current_article_views {
  position: relative;
  text-align: right;
  font-size: 14px;
  color: #131414;
}
@media screen and (max-width: 680px) {
  .blog__card_views,
  .current_article_views {
    font-size: 14px;
  }
}
.blog__card_views::before,
.current_article_views::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -21px;
  width: 20px;
  height: 16px;
  background-image: url("/images/icons/icon-eye.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 74%;
  transform: translate(0, -50%);
  z-index: 1;
}
@media screen and (max-width: 680px) {
  .blog__card_views::before,
  .current_article_views::before {
    left: -10px;
    width: 18px;
    font-size: 16px;
  }
}

.blog_card_title h2, .blog_card_title h3 {
  font-size: 20px;
  line-height: 141%;
  color: #131414;
}
@media screen and (max-width: 680px) {
  .blog_card_title h2, .blog_card_title h3 {
    font-size: 16px;
  }
}

.blog__pagination {
  margin: 40px 0 65px 0;
}
.blog__pagination ul {
  display: flex;
  justify-content: center;
}
.blog__pagination ul li {
  margin: 0 35px 0 0;
}
.blog__pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background: #ffffff;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(19, 20, 20, 0) 0;
  text-align: center;
}
.blog__pagination a:hover {
  background-color: rgba(0, 197, 149, 0.2392156863);
}
.blog__pagination .pagination_prev span {
  display: block;
  width: 10px;
  height: 16px;
  background: url("/images/icons/icon-arrow-left-black.svg");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.blog__pagination .pagination_next {
  margin-right: 0;
}
.blog__pagination .pagination_next span {
  display: block;
  width: 10px;
  height: 16px;
  background: url("/images/icons/icon-arrow-right-black.svg");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.pagination_item {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
}
.pagination_item a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #131414;
  text-decoration: none;
}
.pagination_item:hover a {
  color: #119BE9;
}

.pg_article {
  justify-content: center;
  gap: 45px;
}
.pg_article .section__breadcrumbs {
  margin: 0 0 40px;
}
.pg_article aside {
  width: 300px;
  margin: 50px 0 0 0;
}
@media screen and (max-width: 1245px) {
  .pg_article aside {
    width: 100%;
  }
}

.article_container {
  display: table;
  max-width: 882px;
  flex: 0 0 882px;
  padding: 0;
  margin: 50px 0 0 0;
}

.blog_double_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 30px;
}

.blog_double_left,
.blog_double_right {
  width: calc(50% - 10px);
}
.blog_double_left img,
.blog_double_right img {
  max-width: 100%;
}

.current_article_meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.current_article_views {
  font-size: 14px;
}
.current_article_views::before {
  left: -20px;
}
.current_article_tag {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  font-size: 14px;
  color: #ffffff;
  border-radius: 8px;
  background: #788898;
  transition: transform 0.4s ease;
  z-index: 100;
  text-decoration: none;
}
.current_article_tag:hover {
  transform: translateY(-2px);
}
.current_article__publication_date {
  margin: 0 17px 0 0;
}

.blog_aside_cards {
  position: sticky;
  top: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 1245px) {
  .blog_aside_cards {
    flex-direction: row;
  }
}
.blog_aside_cards .blog_card_item {
  width: 100%;
  align-self: auto;
}
@media screen and (max-width: 1245px) {
  .blog_aside_cards .blog_card_item {
    width: calc((100% - 16px) / 2);
    align-self: stretch;
  }
}
@media screen and (max-width: 680px) {
  .blog_aside_cards .blog_card_item {
    width: 100%;
  }
}
.blog_aside_cards .blog_card_img {
  height: 200px;
}
@media screen and (max-width: 1245px) {
  .blog_aside_cards .blog_card_img {
    height: 250px;
  }
}
.blog_aside_cards .blog_card_wrapper {
  min-height: auto;
}
@media screen and (max-width: 1245px) {
  .blog_aside_cards .blog_card_wrapper {
    min-height: 160px;
  }
}

.tradein_page_header {
  padding: 30px 0 10px;
  text-align: center;
}
.tradein_page_header h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}
.tradein_page_header p {
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
}

.discount_device {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 12px;
}

.discount_device_image {
  width: 120px;
  height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.discount_device_name {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.discount_params_list {
  width: 100%;
  margin-bottom: 12px;
}

.discount_params_list li {
  font-size: 14px;
  color: #555;
  padding: 4px 0;
  border-bottom: 1px solid #eee;
}

.discount_params_list li:last-child {
  border-bottom: none;
}

.tradein_menu .model_select input[type=text] {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  color: black;
}
.tradein_menu .model_select input[type=text]::placeholder {
  color: #aaa;
  font-weight: 400;
}

.tradein_menu .select_tradein div {
  cursor: pointer;
  transition: background-color 0.15s;
}
.tradein_menu .select_tradein div:hover {
  background-color: #f5f5f5;
}
.tradein_menu .select_tradein div.selected {
  background-color: #e8fff9;
  color: #00c595;
  font-weight: 600;
}

.guide_content--centered {
  justify-content: center;
}

.tradein-group-label {
  font-size: 13px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 14px 0 4px;
}

.tradein-group {
  margin-bottom: 4px;
}

.tradein_contact_faq {
  background-color: white;
  border-radius: 23px;
  width: 100%;
  padding: 40px;
}

.tradein_contact_faq_inner {
  max-width: 780px;
  margin: 0 auto;
}

.tradein_telegram_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  background-color: #e8fff9;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 40px;
}

.tradein_telegram_icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #26a5e4;
  background-image: url(/images/icons/icon-telegram.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}

.tradein_telegram_text {
  flex: 1 1 300px;
}

.tradein_telegram_text h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}

.tradein_telegram_text p {
  font-size: 15px;
  color: #555;
}

.tradein_telegram_btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00c595;
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 28px;
  border-radius: 100px;
  text-decoration: none;
  white-space: nowrap;
}

.tradein_faq_title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.tradein_faq_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tradein_faq_item {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 16px 20px;
}

.tradein_faq_item summary {
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tradein_faq_item summary::-webkit-details-marker {
  display: none;
}

.tradein_faq_item summary::after {
  content: "+";
  color: #00c595;
  font-size: 22px;
  font-weight: 400;
  margin-left: 12px;
}

.tradein_faq_item[open] summary::after {
  content: "−";
}

.tradein_faq_item p {
  font-size: 15px;
  color: #555;
  margin-top: 12px;
  line-height: 1.5;
}

.widget_block {
  display: grid;
  width: 100%;
  padding: 14px 20px 10px;
  margin: 20px 0;
  border-radius: 16px;
  border: 8px solid #ABE7D8;
  background: #FFF;
}
.widget_block .product_item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0 0;
}
.widget_block .product_name {
  font-family: "Rubik";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.3px;
  text-align: left;
  color: #131414;
}
.widget_block .product_row__sku {
  margin: 0 0 5px;
}
.widget_block .product_row__price {
  margin: 0 0 5px;
}
.widget_block .product_row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.widget_block .product_row .item__product_code {
  margin: 0;
}
.widget_block .product_row .product_chars {
  position: relative;
  text-decoration: underline;
  z-index: 1;
}
.widget_block .product_row .item__product_code {
  font-size: 14px;
}
.widget_block .product_row .buy_variants {
  margin-right: 20px;
}
.widget_block .product_row .item__buy .buy_btn {
  padding: 0 20px 0 45px;
  width: auto;
  display: flex;
  position: relative;
  align-items: center;
}
.widget_block .product_row .item__buy .buy_btn::before {
  left: 14px;
}
.widget_block .product_image {
  display: inline-flex;
  width: 273px;
  height: 273px;
  padding: 25px;
}
.widget_block .product_image img {
  object-fit: contain;
}
.widget_block .product_info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

.widget_swiper img {
  width: auto !important;
}
.widget_swiper .swiper-button-next,
.widget_swiper .swiper-button-prev {
  top: 25px;
  width: 35px;
  height: 35px;
  background-color: #ABE7D8;
  border-radius: 100%;
}
.widget_swiper .swiper-button-next::after,
.widget_swiper .swiper-button-prev::after {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("/images/icons/icon-play-next.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 1px;
}
.widget_swiper .swiper-button-prev {
  left: auto;
  right: 55px;
}
.widget_swiper .swiper-button-prev::after {
  background-image: url("/images/icons/icon-play-prev.svg");
  background-position: -1px;
}

.widget_title {
  display: inline-flex;
  font-family: "Rubik";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.3px;
  text-transform: uppercase;
  color: #57CFB1;
}

.products_wrapper {
  display: flex;
}

.product_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
}

.product_chars {
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #03C595;
}

.item__product_code {
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #131414;
}

.product_price_uah {
  font-family: "Roboto";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #131414;
}

.product_price_usd {
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #8D8D8D;
  margin: 0 0 -3px;
}

.product_stock {
  font-size: 14px;
  padding: 1px 8px;
  background-color: #cecece;
  border-radius: 4px;
  font-weight: 600;
}
.product_stock.in_stock {
  background-color: #00c595;
  color: #fff;
}
.product_stock.preorder {
  background-color: #b3d4fc;
  color: #0a4ea6;
}

.page__search {
  overflow-x: hidden;
  /* Адаптація для планшетів */
  /* Адаптація для мобільних пристроїв */
}
.page__search .info__group {
  gap: 4px;
}
.page__search .info__group_item {
  margin: 0;
}
.page__search .new_goods__slider, .page__search .blog_cards_slider {
  position: relative;
  width: 100%;
}
.page__search .new_goods__slider-container, .page__search .blog_cards_container {
  flex-wrap: nowrap;
  transition: transform 0.3s ease;
  will-change: transform;
  cursor: grab;
  touch-action: pan-y;
}
.page__search .new_goods__group, .page__search .blog_card_item {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.5s ease;
  will-change: transform;
  gap: 8px;
  cursor: grab;
  touch-action: pan-y;
  transition: transform 0.3s ease;
}
.page__search .blog_card_item {
  flex: 0 0 calc((100% - 32px) / 3);
}
.page__search .new_goods__group_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  flex: 0 0 calc((100% - 24px) / 4);
  min-width: calc((100% - 24px) / 4);
  min-height: 515px;
  padding: 20px 20px;
  background-color: #ffffff;
  transition: all 0.35s ease-out;
  z-index: 1;
  box-sizing: border-box;
}
.page__search .slider-prev, .page__search .slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ddd;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: all 0.3s ease;
}
.page__search .slider-prev:hover, .page__search .slider-next:hover {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.page__search .slider-prev {
  left: 15px;
}
.page__search .slider-next {
  right: 15px;
}
.page__search .slider-prev.disabled, .page__search .slider-next.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  box-shadow: none;
}
@media (max-width: 1024px) {
  .page__search .new_goods__group_item {
    flex: 0 0 calc((100% - 16px) / 3);
    min-width: calc((100% - 16px) / 3);
  }
  .page__search .blog_card_item {
    flex: 0 0 calc((100% - 8px) / 2);
    min-width: calc((100% - 8px) / 2);
  }
}
@media (max-width: 768px) {
  .page__search .new_goods__group_item, .page__search .blog_card_item {
    flex: 0 0 calc((100% - 8px) / 2);
    min-width: calc((100% - 8px) / 2);
  }
}
@media (max-width: 480px) {
  .page__search .blog_card_item {
    flex: 0 0 100%;
    min-width: 100%;
  }
}

.sms-verification-popup {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transform: translate(0, -50%);
  container: sms-wrap/inline-size;
  z-index: 1000;
}
.sms-verification-popup.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sms-verification-popup.active .popup-content {
  opacity: 1;
  transform: translateY(0);
}

.popup-content {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  max-width: 400px;
  width: 90%;
  margin: 20px;
  padding: 30px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Анімація для плавного з'явлення */
  transform: translateY(-20px);
  opacity: 0;
  cursor: default;
  transition: all 0.3s ease;
}
@container sms-wrap (max-width: 480px) {
  .popup-content {
    padding: 16px;
  }
}

.popup-header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.popup-header h3 {
  font-size: 22px;
}

.popup-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 16px;
}

.code-inputs {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.code-input {
  width: 45px;
  height: 50px;
  text-align: center;
  font-size: 1.2rem;
  border: 2px solid #ddd;
  border-radius: 4px;
  transition: all 0.3s;
}
@container sms-wrap (max-width: 480px) {
  .code-input {
    width: 40px;
    height: 40px;
  }
}
.code-input:focus {
  border-color: #2196F3;
  outline: none;
}
.code-input.error {
  border-color: #ff4444;
  animation: shake 0.4s;
}
.code-input.success {
  border-color: #4CAF50;
  background-color: rgba(76, 175, 80, 0.1);
  animation: successPulse 3s ease-in-out;
}
.code-input.disable {
  opacity: 0.3;
  border-color: #4CAF50;
  background-color: rgba(76, 175, 80, 0.1);
  pointer-events: none;
}
.code-input.filled {
  background-color: #f0f0f0;
  transform: scale(1.05);
}
.code-input.filled:focus {
  transform: scale(1);
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-3px);
  }
}
@keyframes successPulse {
  0% {
    border-color: #ccc;
    background-color: transparent;
  }
  50% {
    border-color: #4CAF50;
    background-color: rgba(76, 175, 80, 0.1);
  }
  100% {
    border-color: #4CAF50;
    background-color: rgba(76, 175, 80, 0.1);
  }
}
.resend-code {
  background: none;
  border: none;
  color: #2196F3;
  cursor: pointer;
  padding: 5px;
  margin-top: 10px;
}
.resend-code:disabled {
  color: #999;
  cursor: not-allowed;
}

.timer {
  color: #666;
  margin: 10px 0;
}

.error-message {
  display: none;
  color: #ff4444;
  margin-top: 10px;
  font-size: 0.9em;
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

.sms-verification-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.sms-verification-loading.active {
  display: flex;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  aspect-ratio: 4;
  --circle: no-repeat radial-gradient(circle closest-side,#4a5759 90%,#0000);
  background: var(--circle) 0% 50%, var(--circle) 50% 50%, var(--circle) 100% 50%;
  background-size: 33.3333333333% 100%;
  animation: l7 1s infinite linear;
}

@keyframes l7 {
  33% {
    background-size: 33.3333333333% 0%, 33.3333333333% 100%, 33.3333333333% 100%;
  }
  50% {
    background-size: 33.3333333333% 100%, 33.3333333333% 0%, 33.3333333333% 100%;
  }
  66% {
    background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0%;
  }
}
.header_search {
  cursor: pointer;
}

.header_search_menu {
  position: fixed;
  top: 0; /* Динамічно встановлюється через JS як сума висот .header__top та .header__middle */
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-height: 100dvh;
  height: auto;
  z-index: -1;
  background: #fafafc;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-20px) scaleY(0.95);
  transform-origin: top;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), visibility 0.4s ease;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ACADBC transparent;
  scrollbar-face-color: #ACADBC;
  scrollbar-track-color: transparent;
}

.header_search_menu::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

.header_search_menu::-webkit-scrollbar-thumb {
  width: 2px;
  background: #ACADBC;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.header_search_menu.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) scaleY(1);
  z-index: 9999;
}

.header_search_menu.active .open_menu_search,
.header_search_menu.active .quick_links {
  opacity: 1;
  transform: translateY(0);
}

.header_search_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 1440px;
  width: 100%;
  height: 100%;
  padding: 40px;
}
@media screen and (max-width: 680px) {
  .header_search_container {
    padding: 16px;
  }
}

.header_search_container form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.header_search_container .input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  height: 40px;
  background-color: transparent;
  border: 1px solid transparent;
  position: relative;
}

.header_search_container input {
  position: relative;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  color: #1d1d1f;
  background: none;
  border: none;
  outline: none;
  width: 100%;
}

.header_search_container .clear-input {
  display: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.header_search_container .clear-input.active {
  display: block;
  opacity: 1;
}

.open_menu_search {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s, height 0.3s ease 0.3s;
}

.open_menu_search.active {
  opacity: 1;
  visibility: visible;
  height: auto;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease, height 0.3s ease;
}

.open_menu_search .search-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  height: 0;
  overflow: hidden;
}

.open_menu_search .search-section.active {
  opacity: 1;
  transform: translateY(0);
  height: auto;
}

.open_menu_search .search-section.active ul li {
  opacity: 1;
  transform: translateY(0);
}
.open_menu_search .search-section.active ul li.inactive_product {
  color: #9d9d9d;
}

.open_menu_search .search-section.hidden {
  display: none;
}

.open_menu_search .search-section-label {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e73;
}

.open_menu_search ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 210px;
  width: 100%;
}

.open_menu_search ul li {
  padding: 0 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #1d1d1f;
  opacity: 0;
  cursor: pointer;
  transform: translateY(5px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.open_menu_search ul li:nth-child(1) {
  transition-delay: 0.05s;
}

.open_menu_search ul li:nth-child(2) {
  transition-delay: 0.1s;
}

.open_menu_search ul li:nth-child(3) {
  transition-delay: 0.15s;
}

.open_menu_search ul li:nth-child(4) {
  transition-delay: 0.2s;
}

.open_menu_search ul li:nth-child(5) {
  transition-delay: 0.25s;
}

.open_menu_search ul li:hover {
  color: #000;
  text-decoration: underline;
}

.quick_links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s;
}

.quick_links_label {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e73;
}

.quick_links_list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.quick_links_list a {
  padding: 0 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #333336;
  text-decoration: none;
}
.quick_links_list a:hover {
  color: #000;
  text-decoration: underline;
}

.background_search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: rgba(232, 232, 237, 0.4);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.32s cubic-bezier(0.4, 0, 0.6, 1) 80ms, visibility 0.32s step-end 80ms;
  z-index: 999;
}
.background_search.active {
  visibility: visible;
  opacity: 1;
  display: flex;
  transition: opacity 0.32s cubic-bezier(0.4, 0, 0.6, 1) 80ms, visibility 0.32s step-start 80ms;
}

.dropdown_content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 180px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: 1;
}

.dropdown_content a {
  display: block;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  padding: 8px 10px;
  text-decoration: none;
  color: #9d9d9d;
  font-weight: 500;
  border-radius: 8px;
}

.dropdown_content a:hover {
  background-color: #00c595;
  color: #ffffff;
}

.mob_close {
  position: relative;
  display: flex;
  justify-self: flex-end;
  width: 100%;
}

.in_mob_close {
  font-size: 16px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.msg_icon {
  display: flex;
  width: 20px;
  height: 20px;
}

.wu_icon {
  background-image: url(/images/icons/icon-whatsapp.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.viber_icon {
  background-image: url(/images/icons/icon-viber.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.telegram_icon {
  background-image: url(/images/icons/icon-telegram.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.fbm_icon {
  background-image: url(/images/icons/instagram-logo.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.product_menu_cat li,
.product_menu li {
  width: 100%;
}

.product_menu_cat li .icon_repair,
.product_menu li .icon_repair {
  background-color: #00c595;
}

.icon_repair_mob {
  background-color: #4a5759;
  border-bottom: 2px solid rgba(0, 197, 149, 0.5803921569);
  border-radius: 0;
}

.product_menu_cat .repair_link,
.product_menu .repair_link {
  margin: 15px 0 0 0;
  border-top: 1px solid rgba(128, 128, 128, 0.5803921569);
  padding: 15px 0 0;
}

.product_menu_cat .repair_link span {
  font-size: 15px;
}

.product_menu_cat li .icon_repair span,
.product_menu li .icon_repair span {
  padding: 0 0 0 48px;
}

.ub_icon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}

.ub_icon.icon_comparison {
  width: auto;
  height: auto;
}

.logged path {
  fill: currentColor;
  color: #00c595;
}

.goods_counter {
  display: none;
  position: absolute;
  background-color: #00c595;
  color: #ffffff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: -6px;
  right: -9px;
  justify-content: center;
  align-items: center;
}

.goods_counter.active {
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.count {
  position: absolute;
  background-color: #00c595;
  color: #ffffff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: -6px;
  right: -9px;
  display: none;
  justify-content: center;
  align-items: center;
}

.count.active {
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.submenu__link {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 0;
}

.submenu__title {
  width: calc(100% - 50px);
  flex: calc(100% - 50px);
  display: flex;
}

.submenu__title span {
  font-size: 15px;
  line-height: 1.22;
}

.has_new div {
  position: relative;
}

.has_new div::after {
  content: "New";
  position: absolute;
  top: 3px;
  right: -33px;
  color: red;
  font-size: 11px;
}

.dbl_height span {
  position: relative;
}

.dbl_height div {
  position: initial;
}

.submenu__img {
  width: 28px;
  height: 28px;
  margin-right: 20px;
  text-align: center;
}

.submenu__img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

/* description for goods start */
.section-chess .block_images {
  width: 50%;
  display: flex;
  justify-content: center;
}

.section-chess .block_text {
  width: 50%;
}

/* description for goods end */
/* popup cart design start */
.popup_cart {
  display: none;
}

.popup_cart.active {
  display: flex;
  position: absolute;
  flex-wrap: wrap;
  right: 0;
  top: 40px;
  background-color: white;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  padding: 10px 20px;
  width: 300px;
  z-index: 100;
}

.popup_cart_center {
  display: none;
}

.modal_cart_list {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}

.modal_cart_list.active {
  display: flex;
}

.in_modal_cart_list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup_cart_center {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  background-color: white;
  border-radius: 15px;
  width: 400px;
  z-index: 100;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.35);
  padding: 25px 25px 15px;
  justify-content: center;
}

.cart_empty_top {
  text-align: center;
  width: 100%;
}

.cart_empty_center {
  text-align: center;
  width: 100%;
  margin: 0 0 20px;
  font-size: 20px;
}

.cart_empty_href {
  text-decoration: none;
  background-color: #00c595;
  color: white;
  padding: 10px 20px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  border-radius: 5px;
}

.cart_close_area {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.15);
}

/* popup cart design start  */
footer {
  background-color: #4a5759;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.footer__container {
  max-width: 1440px;
  width: 100%;
  padding: 20px 40px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__logo a {
  display: block;
}

.footer__logo a img {
  width: 153px;
  height: 55px;
}

.footer__menu ul li a {
  text-decoration: none;
}

.footer__menu ul li a:hover {
  opacity: 0.65;
}

.footer__menu ul li a span {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #ffffff;
  line-height: 2;
}

.footer__address_and_oh {
  align-self: start;
}

.footer__address_and_oh span {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #ffffff;
  line-height: 2;
}

.footer__tel_and_messengers {
  align-self: start;
}

.footer__tel_and_messengers .footer__tel {
  margin-bottom: 7px;
}

.footer__tel_and_messengers .footer__tel a {
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #ffffff;
  line-height: 2;
}

.footer__tel_and_messengers .footer__tel a:hover {
  opacity: 0.65;
}

.footer__tel_and_messengers .footer__tel span {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #ffffff;
  line-height: 2;
}

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

.footer__messengers_item a:hover span {
  opacity: 0.65;
}

.mob_search {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #fafafa;
  border-radius: 50%;
  border: 1px solid #00c595;
  z-index: 1000;
  transition: 0.3s;
  cursor: pointer;
}

.mob_search::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/icon-search.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}

.mob_search.disabled {
  display: none;
}

.mobile_search_block {
  display: none;
}

.footer__copyright {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 0 10px;
  color: white;
  width: 100%;
  font-size: 14px;
  font-weight: 100;
}

.fixed_footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

/* Новий дизайн меню  */
.product_menu {
  display: flex;
  width: 300px;
  margin: 50px 20px 0 0;
  background-color: white;
  border-radius: 23px;
  height: auto;
  box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, 0.2);
}

.product_menu nav {
  width: 100%;
  padding: 20px;
  position: relative;
}

.product_menu ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.product_menu ul a {
  position: relative;
  text-decoration: none;
  padding: 0 10px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  color: #131414;
}

.product_menu ul a:hover {
  background: #00c595;
  transition: 0.6s;
}

.product_menu ul a:hover span {
  color: #ffffff;
}

.product_menu ul a.submenu__link {
  padding: 4px 20px;
  height: auto;
}

.product_menu ul .trade_in {
  display: none;
}

.product_menu ul .trade_in a {
  background: #00c595;
  border-radius: 8px;
}

.product_menu ul .trade_in a span {
  color: #ffffff;
}

.product_menu .li_product_name {
  width: 100%;
}

.product_menu a {
  min-height: 36px;
  width: 100%;
}

.product_menu .li_product_name a::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-down-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  height: 10px;
  top: 12px;
  left: 235px;
  transform: rotate(-90deg);
}

.product_menu .submenu__item a::before {
  content: none;
}

.product_menu .li_product_name:hover .submenu {
  display: block;
}

.product_menu .submenu {
  position: absolute;
  display: none;
  top: 0;
  left: 280px;
  width: 300px;
  padding: 20px;
  min-height: 400px;
  background-color: #ffffff;
  box-shadow: 2px 6px 14px -4px rgba(0, 0, 0, 0.2);
  z-index: 200;
  border-radius: 8px;
}

.product_menu_mob {
  display: none;
}

/* Новий дизайн меню  */
/* Новий дизайн меню для інших сторінок */
.product_menu_other {
  position: absolute;
  display: none;
  top: 44px;
  left: 0;
  z-index: 100;
}

.product_menu_other.active {
  display: flex;
}

.product_menu_other span {
  color: #131414;
}

.product_menu_cat {
  display: flex;
  width: 300px;
  margin: 0;
  background-color: white;
  border-radius: 23px;
  height: auto;
  box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, 0.2);
}

.product_menu_cat nav {
  width: 100%;
  padding: 20px;
  position: relative;
}

.product_menu_cat ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.product_menu_cat ul a {
  text-decoration: none;
  padding: 0 10px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  color: #131414;
}

.product_menu_cat ul a:hover {
  background: #00c595;
  transition: 0.6s;
}

.product_menu_cat ul a:hover span {
  color: #ffffff;
}

.product_menu_cat ul a.submenu__link {
  padding: 4px 20px;
  height: auto;
}

.product_menu_cat ul .trade_in {
  display: none;
}

.product_menu_cat ul .trade_in a {
  background: #00c595;
  border-radius: 8px;
}

.product_menu_cat ul .trade_in a span {
  color: #ffffff;
}

.product_menu_cat .li_product_name {
  width: 100%;
}

.product_menu_cat a {
  min-height: 36px;
  width: 100%;
}

.header__middle_menu .product_menu_cat .li_product_name a::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-down-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  height: 10px;
  top: 12px;
  left: 235px;
  transform: rotate(-90deg);
}

.header__middle_menu .product_menu_cat .submenu__item a::before {
  content: none;
}

.product_menu_cat .li_product_name:hover .submenu {
  display: block;
}

.product_menu_cat .submenu {
  position: absolute;
  display: none;
  top: 0;
  left: 280px;
  width: 300px;
  padding: 20px;
  min-height: 400px;
  background-color: #ffffff;
  box-shadow: 2px 6px 14px -4px rgba(0, 0, 0, 0.2);
  z-index: 200;
  border-radius: 8px;
}

.product_menu_mob {
  display: none;
}

.for_modal_background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 40%;
}

.for_modal_background.active {
  display: flex;
}

.background_color {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 600;
}

/* Новий дизайн меню для інших сторінок */
.slider {
  height: 400px;
  width: calc(100% - 320px);
  border-radius: 23px;
  overflow: hidden;
}

.slider__item {
  position: relative;
  max-width: 1360px;
  width: 100%;
  height: 400px;
  border-radius: 23px;
}

.slider__text_block {
  padding: 30px 50px 30px;
  position: relative;
  z-index: 10;
}

.slider__title {
  font-family: "Rubik", sans-serif, sans-serif;
  font-size: 2.35rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
  color: #ffffff;
}

.slider__text {
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  color: #ffffff;
}

.slider__link {
  position: absolute;
  width: 100%;
  bottom: 25px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}

.slider__link a {
  position: relative;
  text-decoration: none;
  color: #2997ff;
  padding: 0 20px 0 0;
  z-index: 100;
}

.slider__link a::before {
  position: absolute;
  content: "";
  background-image: url("/images/icons/icon-link-arrow.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 7px;
  height: 12px;
  top: 4px;
  right: 5px;
}

.slider__link a:hover {
  text-decoration: underline;
}

.slider__whole_block_link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.slider__whole_block_link a {
  display: table;
  width: 100%;
  height: 100%;
}

.slider_text_item {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 40px;
  z-index: 99;
}
.slider_text_item p {
  padding: 0;
  margin: 0;
}
.slider_text_item.top_left {
  justify-content: flex-start;
  align-items: flex-start;
}
.slider_text_item.top_right {
  justify-content: flex-end;
  align-items: flex-start;
}
.slider_text_item.top_center {
  justify-content: center;
  align-items: flex-start;
}
.slider_text_item.bottom_left {
  justify-content: flex-start;
  align-items: flex-end;
}
.slider_text_item.bottom_right {
  justify-content: flex-end;
  align-items: flex-end;
}
.slider_text_item.bottom_center {
  justify-content: center;
  align-items: flex-end;
}
.slider_text_item.center_left {
  justify-content: flex-start;
  align-items: center;
}
.slider_text_item.center_right {
  justify-content: flex-end;
  align-items: center;
}
.slider_text_item.center {
  justify-content: center;
  align-items: center;
}

.slider_text {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.slider_head,
.slider_subhead {
  display: inline-flex;
  width: 100%;
}

.advertising__group {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 1440px;
}

.advertising__item {
  flex: 0 0 calc((100% - 24px) / 4);
  height: 334px;
  margin-right: 8px;
  border-radius: 23px 0 0 23px;
  position: relative;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: calc((100% - 24px) / 4);
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.25);
  /* border: 1px solid #ddd; */
}

.advertising__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: 23px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(244, 245, 247, 0), rgba(223, 227, 228, 0.776));
}

.advertising__item a {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  z-index: 50;
}

.advertising__item:nth-child(2) {
  background-size: 90% auto;
  background-position: top;
  /* border-radius: 0; */
  background-repeat: no-repeat;
}

.advertising__item:nth-child(2)::before {
  /* border-radius: 0; */
}

.advertising__item:nth-child(3) {
  background-position: 50% 30%;
  background-repeat: no-repeat;
  /* border-radius: 0; */
}

.advertising__item:nth-child(3)::before {
  /* border-radius: 0; */
}

.advertising__item:last-child {
  margin-right: 0;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  /* border-radius: 0 23px 23px 0; */
}

.advertising__item:last-child::before {
  /* border-radius: 0 23px 23px 0; */
}

.advertising__text_block {
  width: 100%;
  position: absolute;
  padding: 0 50px;
  bottom: 20px;
}

.advertising__text {
  font-size: 19px;
  text-align: center;
  color: #000000;
  font-family: "Rubik", sans-serif;
  line-height: 1.57325;
  font-weight: 400;
}

.slide_img {
  display: flex;
  position: absolute;
  z-index: 1;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.in_modal_favorite_list .favorite_list__quantity {
  margin: 0;
  padding: 8px 16px;
  color: #019b76;
  font-weight: 500;
}

.in_modal_favorite_list .favorite_list__quantity:hover {
  cursor: pointer;
}

.favorite_list__content h2 {
  margin: 0 0 25px;
}

.favorite_list__content .input_row,
.favorite_list__content .input {
  width: 100%;
}

.favorite_list__content input {
  border: none;
  border-bottom: 1px solid #ddeded;
  padding: 8px 16px;
  width: 100%;
}

.mob_products {
  display: table;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 700;
  background-color: #fff;
}

.mob_products.active {
  display: table;
}

.in_mob_products {
  display: flex;
  flex-wrap: wrap;
}

.in_mob_products .li_product_name {
  width: 50%;
  flex: 0 0 50%;
  display: table;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px;
  align-items: flex-start;
  align-self: flex-start;
}

.in_mob_products .li_product_name span {
  width: 100%;
  display: table;
  text-align: center;
  justify-content: center;
}

.in_mob_products .li_product_name img {
  display: table;
  width: 60%;
  margin: 0 auto;
}

.prod_cat_list,
.in_pct {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.prod_cat_list .submenu {
  display: none;
  position: fixed;
  z-index: 600;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  flex-wrap: wrap;
  background-color: #fff;
  align-items: flex-start;
  align-self: flex-start;
  flex-direction: column;
  padding: 40px 0;
}

.prod_cat_list .submenu.active {
  display: flex;
}

.prod_cat_list .submenu__item {
  width: calc(100% - 40px);
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dedede;
  margin: 0 auto;
}

.prod_cat_list .submenu__link {
  text-decoration: none;
  color: #131414;
  padding: 10px;
  position: relative;
}

.prod_cat_list .submenu__link::after {
  content: "";
  width: 11px;
  height: 20px;
  position: absolute;
  background-image: url("/images/icons/icon-arrow-right-black.svg");
  background-position: center;
  background-size: 80%;
  top: 16px;
  right: 5px;
  z-index: 1;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.close_mob_prod {
  position: absolute;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  top: 12px;
  right: 15px;
  z-index: 700;
  background-size: 50%;
  background-image: url("/images/icons/icon-cross-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 2px solid #dedede;
}

.in_pct {
  padding: 40px 0;
}

.homepage .slider {
  opacity: 0;
}

.homepage .slider.show {
  opacity: 1;
}

.new_goods .section_name {
  margin-bottom: 30px;
}

.new_goods .section_name h2 {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
}

.new_goods__group {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.new_goods__group_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 calc((100% - 32px) / 4);
  width: calc((100% - 24px) / 4);
  min-height: 515px;
  padding: 20px 20px;
  background-color: #ffffff;
  transition: all 0.35s ease-out;
  z-index: 1;
}
.new_goods__group_item:hover {
  transform: scale(1.05);
  box-shadow: 2px 2px 15px -4px rgba(0, 0, 0, 0.85);
  z-index: 10;
}
.new_goods__group_item.for_search:hover {
  box-shadow: 2px 2px 15px -4px rgba(0, 0, 0, 0.85);
  z-index: 10;
}

.new_goods__img {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
  text-align: center;
  height: 242px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__img .new_goods__cut_price {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -13px;
}

.new_goods__img img {
  height: 242px;
  width: auto;
  border-radius: 15px;
}

.new_goods__product_name {
  text-align: start;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  height: 48px;
  position: relative;
  margin: 0 0 10px;
  padding: 0 20px;
}

.new_goods__product_name h3 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.new_goods__price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 20px;
  padding: 0 20px;
}

.new_goods__price_uah {
  font-size: 22px;
  font-weight: 600;
  margin-right: 18px;
}

.new_goods__price_usd {
  display: none;
  font-size: 16px;
  font-weight: 300;
  color: #5b5b5b;
  position: relative;
  bottom: -1px;
}

.new_goods__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 100;
  width: 100%;
}

.new_goods__buy .ng_icon {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.new_goods__buy .ng_favorite,
.new_goods__buy .ng_compare {
  background-image: url("/images/icons/icon-favorite.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__buy .ng_compare {
  background-image: url("/images/icons/icon-comparison-green.svg");
}

.new_goods__buy .ng_compare.active {
  background: url("/images/icons/icon-checked-comparison.svg");
}

.new_goods__buy .buy_btn {
  border: none;
  outline: none;
  padding: 8px 35px;
  background-color: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

.new_goods__buy .ng_favorite:hover {
  background-image: url("/images/icons/icon-favorite-hover.svg");
}

.new_goods__buy .ng_favorite.active {
  background-image: url("/images/icons/icon-favorite-active.svg");
}

.new_goods__buy .ng_favorite.active:hover {
  background-image: url("/images/icons/icon-favorite-active.svg");
}

.new_goods__characteristics {
  display: none;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px;
}

.new_goods__characteristics div {
  margin: 0 15px 10px 0;
}

.new_goods__compare span:hover {
  opacity: 0.65;
}

.new_goods__buy_btn .buy_btn:hover {
  background-color: #019b76;
}

.new_goods__screen_size {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-screeen-size.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__ram {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-RAM.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__broadband {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-broadband.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__fast_charge {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-fast-charge.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__screen_resolution {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-screen-resolution.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__lens_angle {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-lens-angle.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.new_goods__whole_block_link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.new_goods__whole_block_link a {
  display: flex;
  width: 100%;
  height: 100%;
}

.new_goods__whole_block_link a:visited,
.new_goods__whole_block_link a:focus,
.new_goods__whole_block_link a:focus-visible {
  outline: none;
}

.new_goods__link_all {
  display: flex;
  justify-content: center;
}

.new_goods__link_all a {
  position: relative;
  text-decoration: none;
  padding-right: 20px;
}

.new_goods__link_all a span {
  font-size: 16px;
  color: #9d9d9d;
}

.new_goods__link_all a::before {
  position: absolute;
  content: "";
  background-image: url("/images/icons/icon-arrow-right.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 6px;
  height: 9px;
  right: 0;
  top: 4px;
}

.info {
  margin-bottom: 50px;
}

.info .section_name {
  margin-bottom: 30px;
}

.info .section_name h2 {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
}

.info__group {
  display: flex;
  flex-wrap: wrap;
}

.info__group_item {
  flex: 0 0 calc((100% - 8px) / 2);
  height: 400px;
  margin: 0 8px 8px 0;
  max-width: 1440px;
  width: calc((100% - 8px) / 2);
  position: relative;
}

.info__group_item:nth-child(2),
.info__group_item:nth-child(4) {
  margin-right: 0;
}

.info__group_item a {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.info__text_block {
  padding: 20px 60px;
  width: 100%;
}

.info__title h3 {
  font-size: 25px;
  font-weight: 600;
  color: #131414;
  text-align: center;
  line-height: 1.3;
}

.info__text {
  margin-top: 15px;
  text-align: center;
  display: none;
}

.info__text span {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}

.brand_models {
  margin: 65px 0;
  overflow: hidden;
  scrollbar-width: none;
}
.brand_models::-webkit-scrollbar {
  display: none;
}

.brand_models .section_name {
  margin-bottom: 30px;
}

.brand_models .section_name h2 {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
}

.brand_models__link_all {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.brand_models__link_all a {
  position: relative;
  text-decoration: none;
  padding-right: 20px;
}

.brand_models__link_all a span {
  font-size: 16px;
  color: #9d9d9d;
}

.brand_models__link_all a::before {
  position: absolute;
  content: "";
  background-image: url("/images/icons/icon-arrow-right.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 6px;
  height: 9px;
  right: 0;
  top: 4px;
}

.brand_models__group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.brand_models__group_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 0 0 calc((100% - 24px) / 4);
  width: calc((100% - 24px) / 4);
  max-width: 1440px;
  min-height: 515px;
  padding: 20px 20px;
  background-color: #ffffff;
  transition: all 0.35s ease-in-out;
  z-index: 1;
}
.brand_models__group_item:hover {
  transform: scale(1.05);
  box-shadow: 2px 2px 15px -4px rgba(0, 0, 0, 0.85);
  z-index: 10;
}
.brand_models__group_item:first-child {
  border-radius: 23px 0 0 23px;
}
.brand_models__group_item:last-child {
  border-radius: 0 23px 23px 0;
}
.brand_models__group_item .swiper-slide {
  height: auto;
}
.brand_models__group_item .swiper-slide:hover {
  transform: scale(1);
  box-shadow: none;
}

.brand_models__img {
  position: relative;
  width: 100%;
  height: 242px;
  margin: 0 auto;
  text-align: center;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__img img {
  height: 242px;
  width: auto;
  border-radius: 15px;
}

.brand_models__cut_price {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -13px;
}

.brand_models__product_name {
  text-align: start;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
  padding: 0 20px;
}

.brand_models__product_name h3 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.brand_models__price {
  display: flex;
  justify-content: flex-start;
  /* margin-top: auto; */
  align-items: center;
  flex-wrap: wrap;
  padding: 0 20px;
}

.brand_models__price_uah {
  font-size: 18px;
  font-weight: 600;
  margin-right: 18px;
}

.brand_models__price_usd {
  display: none;
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.brand_models__favorite span:hover {
  background-image: url("/images/icons/icon-favorite-active.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__compare span:hover {
  opacity: 0.65;
}

.brand_models__characteristics {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px;
  display: none;
}

.brand_models__characteristics div {
  margin: 0 15px 10px 0;
}

.brand_models__screen_size {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-screeen-size.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__ram {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-RAM.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__broadband {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-broadband.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__fast_charge {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-fast-charge.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__screen_resolution {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-screen-resolution.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__lens_angle {
  width: 30px;
  height: 30px;
  background-image: url("/images/icons/icon-lens-angle.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__whole_block_link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
}

.brand_models__whole_block_link a {
  display: flex;
  width: 100%;
  height: 100%;
}

.buy_btn {
  border: none;
  outline: none;
  padding: 8px 35px;
  background-color: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

.buy_btn:hover {
  background-color: #019b76;
}

.brand_models__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
  position: relative;
  flex-wrap: wrap;
  z-index: 100;
  width: 100%;
  /* padding: 0 30px; */
}

.brand_models__buy .ng_icon {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.brand_models__buy .ng_favorite,
.brand_models__buy .ng_compare {
  background-image: url("/images/icons/icon-favorite.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.brand_models__buy .ng_compare {
  background-image: url("/images/icons/icon-comparison-green.svg");
}

.brand_models__buy .ng_compare.active {
  background-image: url("/images/icons/icon-checked-comparison.svg");
}

.brand_models__group,
.swiper-wrapper {
  width: 100%;
}

.swiper-container {
  width: 100%;
  height: 540px;
}

.new_goods__group_item_one_block:nth-child(1) {
  border-radius: 23px;
}

.new_goods__group_item_one_line:first-child {
  border-radius: 23px 0 0 23px;
}

.new_goods__group_item_one_line:last-child {
  border-radius: 0 23px 23px 0;
}

.new_goods__group_item_five_blocks:first-child {
  border-radius: 23px 0 0 0;
}

.new_goods__group_item_five_blocks:nth-child(4) {
  border-radius: 0 23px 0 0;
}

.new_goods__group_item_five_blocks:nth-last-child(2) {
  border-radius: 0 0 23px 0;
}

.new_goods__group_item_five_blocks:last-child {
  border-radius: 0 0 23px 23px;
}

.new_goods__group_item_six_blocks:first-child {
  border-radius: 23px 0 0 0;
}

.new_goods__group_item_six_blocks:nth-child(4) {
  border-radius: 0 23px 0 0;
}

.new_goods__group_item_six_blocks:nth-last-child(3) {
  border-radius: 0 0 23px 0;
}

.new_goods__group_item_six_blocks:nth-last-child(2) {
  border-radius: 0 0 0 23px;
}

.new_goods__group_item_six_blocks:last-child {
  border-radius: 0 0 23px 0;
}

.new_goods__group_item_seven_blocks:first-child {
  border-radius: 23px 0 0 0;
}

.new_goods__group_item_seven_blocks:nth-child(4) {
  border-radius: 0 23px 0 0;
}

.new_goods__group_item_seven_blocks:nth-last-child(4) {
  border-radius: 0 0 23px 0;
}

.new_goods__group_item_seven_blocks:nth-last-child(3) {
  border-radius: 0 0 0 23px;
}

.new_goods__group_item_seven_blocks:last-child {
  border-radius: 0 0 23px 0;
}

.new_goods__group_item_two_line:first-child {
  border-radius: 23px 0 0 0;
}

.new_goods__group_item_two_line:nth-child(4) {
  border-radius: 0 23px 0 0;
}

.new_goods__group_item_two_line:nth-last-child(4) {
  border-radius: 0 0 0 23px;
}

.new_goods__group_item_two_line:last-child {
  border-radius: 0 0 23px 0;
}

.one_item {
  border-radius: 23px;
}

.one_item::before {
  border-radius: 23px;
}

.two_item:first-child {
  border-radius: 23px 0 0 23px;
}

.two_item:first-child::before {
  border-radius: 23px 0 0 23px;
}

.two_item:last-child {
  border-radius: 0 23px 23px 0;
}

.two_item:last-child::before {
  border-radius: 0 23px 23px 0;
}

.three_item:first-child {
  border-radius: 23px 0 0 23px;
}

.three_item:first-child::before {
  border-radius: 23px 0 0 23px;
}

.three_item:nth-child(2) {
  border-radius: 0;
}

.three_item:nth-child(2)::before {
  border-radius: 0;
}

.three_item:last-child {
  border-radius: 0 23px 23px 0;
}

.three_item:last-child::before {
  border-radius: 0 23px 23px 0;
}

.three_item_two_row:first-child {
  border-radius: 23px 0 0 23px;
}

.three_item_two_row:first-child::before {
  border-radius: 23px 0 0 23px;
}

.three_item_two_row:nth-child(2) {
  border-radius: 0 23px 23px 0;
}

.three_item_two_row:nth-child(2)::before {
  border-radius: 0 23px 23px 0;
}

.three_item_two_row:last-child {
  border-radius: 0 0 23px 23px;
}

.three_item_two_row:last-child::before {
  border-radius: 0 0 23px 23px;
}

.four_item:first-child {
  border-radius: 23px 0 0 23px;
}

.four_item:first-child::before {
  border-radius: 23px 0 0 23px;
}

.four_item:nth-child(2) {
  border-radius: 0 0 0 0;
}

.four_item:nth-child(2)::before {
  border-radius: 0 0 0 0;
}

.four_item:nth-child(3) {
  border-radius: 0 0 0 0;
}

.four_item:nth-child(3)::before {
  border-radius: 0 0 0 0;
}

.four_item:last-child {
  border-radius: 0 23px 23px 0;
}

.four_item:last-child::before {
  border-radius: 0 23px 23px 0;
}

.four_item_two_row:first-child {
  border-radius: 23px 0 0 0;
}

.four_item_two_row:first-child::before {
  border-radius: 23px 0 0 0;
}

.four_item_two_row:nth-child(2) {
  border-radius: 0 23px 0 0;
}

.four_item_two_row:nth-child(2)::before {
  border-radius: 0 23px 0 0;
}

.four_item_two_row:nth-child(3) {
  border-radius: 0 0 0 23px;
}

.four_item_two_row:nth-child(3)::before {
  border-radius: 0 0 0 23px;
}

.four_item_two_row:last-child {
  border-radius: 0 0 23px 0;
}

.four_item_two_row:last-child::before {
  border-radius: 0 0 23px 0;
}

.blog {
  width: 100%;
}

.blog h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.57325;
  margin: 0 0 50px 0;
}

.blog__ai_subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.57325;
}

.blog__ai_subtitle p {
  padding: 0 130px 0;
}

.blog__top_article {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 700px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 80px 80px;
  position: relative;
  border-radius: 23px 23px 0 0;
  margin-bottom: 8px;
}

.blog__top_article h2 {
  font-size: 2.3rem;
  max-width: 650px;
  padding: 0 30px;
}

.blog__articles {
  margin-bottom: 8px;
}

.blog__sa_item_blog:nth-child(1) {
  border-radius: 0;
}

.blog__sa_item_blog:nth-child(2) {
  border-radius: 0;
}

.blog__ta_title,
.blog__ta_subtitle {
  text-align: center;
  color: #131414;
}

.blog__ta_title {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.57325;
  margin: 0 0 20px 0;
}

.blog__ta_subtitle {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.57325;
}

.blog__whole_block_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.blog__whole_block_link a {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.blog__whole_block_link a:link,
.blog__whole_block_link a:visited {
  text-decoration: none;
}

.blog__articles_group,
.blog__sa_group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.blog__small_articles .blog__sa_group {
  justify-content: space-between;
}

.blog__small_articles h2 {
  padding: 0 30px 0;
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog__articles_item {
  flex: 0 1 calc(50% - 4px);
  height: 400px;
  padding: 16px 30px 30px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blog__articles_item:first-child {
  margin: 0 8px 0 0;
}

.blog__ai_title,
.blog__ai_subtitle,
.blog__sa_title,
.blog__sa_subtitle {
  text-align: center;
}

.blog__ai_title {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.57325;
  margin: 0 0 10px 0;
}

.blog__ai_title h2 {
  padding: 0 10px 0;
  max-width: 7600px;
  margin: 0 auto;
}

.blog__sa_item {
  flex: 0 1 calc(50% - 4px);
  height: 400px;
  padding: 16px 30px 30px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blog__sa_title {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.57325;
  margin: 0 0 10px 0;
}

.blog__sa_subtitle {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.57325;
}

.blog__pagination {
  margin: 40px 0 65px 0;
}

.blog__pagination ul {
  display: flex;
  justify-content: center;
}

.blog__pagination ul li {
  margin: 0 35px 0 0;
}

.blog__pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background: #ffffff;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}

.blog__pagination a:hover {
  filter: brightness(0.8);
}

.blog__pagination .pagination_prev span {
  display: block;
  width: 10px;
  height: 16px;
  background: url("/images/icons/icon-arrow-left-black.svg");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.blog__pagination .pagination_next {
  margin-right: 0;
}

.blog__pagination .pagination_next span {
  display: block;
  width: 10px;
  height: 16px;
  background: url("/images/icons/icon-arrow-right-black.svg");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.current_article__main_img {
  border-radius: 13px 13px 0 0;
}

.current_article__main_img img {
  width: 100%;
  height: auto;
  border-radius: 13px 13px 0 0;
}

.current_article__main {
  padding: 30px 80px;
  background-color: #ffffff;
  border-radius: 0 0 13px 13px;
}

.current_article__title {
  font-weight: 500;
  line-height: 1.57325;
  margin: 0 0 15px 0;
}

.current_article__title h1 {
  font-size: 30px;
}

.current_article__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.57325;
  margin: 0 0 15px 0;
}

.current_article__publication_date span {
  display: table;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57325;
  color: #495053;
}

.current_article__text_block,
.current_article__video_block {
  margin: 20px 0 0 0;
}

.current_article__text_subtitle,
.current_article__video_subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.57325;
  margin: 0 0 15px 0;
}

.current_article__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.57325;
  margin: 0 0 15px 0;
}

.current_article__text_img img {
  width: 100%;
  height: auto;
}

.current_article {
  border-radius: 23px;
  width: 100%;
}

.blog__sa_group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

aside .blog__sa_item {
  flex: 0 0 100%;
  position: relative;
  margin: 0 0 25px 0;
  border-radius: 9px;
  overflow: hidden;
  background-color: #fff;
  height: auto;
  padding: 0;
}

aside .blog__sa_item:last-child {
  margin: 0;
}

aside .blog__sa_item .blog__whole_block_link {
  position: relative;
}

aside .blog__small_articles {
  position: sticky;
  top: 50px;
}

aside .blog__sa_title {
  margin: 0;
}

aside .blog__sa_title h2 {
  font-size: 1.35rem;
}

.blog__whole_block_link {
  background-color: transparent;
}

.blog__whole_block_link a {
  display: flex;
  flex-wrap: wrap;
  color: #131414;
  text-decoration: none;
}

.blog__whole_block_link a:link,
.blog__whole_block_link a:visited {
  text-decoration: none;
}

.blog__sa_title,
.blog__sa_subtitle {
  text-align: left;
}

.blog__sa_title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.57325;
  padding: 10px 15px;
}

.current_article__text_block h2,
.current_article__text_block h3,
.current_article__text_block h4 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.57325;
  margin: 40px 0 15px;
}

.current_article__text_block p,
.current_article__text_block ul li,
.current_article__text_block ol li {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.57325;
  margin: 0 0 15px;
}

.current_article__text_block p .img {
  width: 100%;
  height: auto;
}

.current_article__text_block figure {
  margin: 15px 0 0;
}

.current_article__text_block a {
  text-decoration: none;
  color: #00c595;
  font-weight: 500;
}

.current_article__text_block a:hover {
  opacity: 0.65;
}

.current_article__text_block ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
}

.blog_aside_img {
  width: 100%;
}

.blog_aside_img img {
  width: 100%;
}

.catalog .section__title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.catalog .fc__current_value {
  line-height: 1.22;
}

.catalog .buy_btn:hover {
  opacity: 0.65;
}

.catalog__characteristics {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px;
}

.catalog__characteristics div {
  margin: 0 15px 10px 0;
}

.catalog__characteristics .catalog__screen_size,
.catalog__characteristics .catalog__ram,
.catalog__characteristics .catalog__broadband,
.catalog__characteristics .catalog__fast_charge,
.catalog__characteristics .catalog__screen_resolution,
.catalog__characteristics .catalog__lens_angle {
  width: 30px;
  height: 30px;
  background: url(/images/icons/icon-screeen-size.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.catalog__characteristics .catalog__ram {
  background: url(/images/icons/icon-RAM.svg);
}

.catalog__characteristics .catalog__broadband {
  background: url(/images/icons/icon-broadband.svg);
}

.catalog__characteristics .catalog__fast_charge {
  background: url(/images/icons/icon-fast-charge.svg);
}

.catalog__characteristics .catalog__screen_resolution {
  background: url(/images/icons/icon-screen-resolution.svg);
}

.catalog__characteristics .catalog__lens_angle {
  background: url(/images/icons/icon-lens-angle.svg);
}

.catalog__price_uah {
  font-size: 18px;
  font-weight: 600;
  margin-right: 18px;
}

.catalog__price_usd {
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.catalog__whole_block_link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.catalog__whole_block_link a {
  display: flex;
  width: 100%;
  height: 100%;
}

.catalog__favorite span:hover {
  background: url(/images/icons/icon-favorite-active.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.catalog__compare span:hover {
  opacity: 0.65;
}

.catalog__group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.catalog__group_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 0 0 calc((100% - 24px) / 4);
  min-height: 340px;
  padding: 20px 20px;
  background-color: #ffffff;
  transition: all 0.35s ease-in-out;
  z-index: 1;
}

.catalog__group_item:hover {
  transform: scale(1.05);
  box-shadow: 2px 2px 15px -4px rgba(0, 0, 0, 0.85);
  z-index: 10;
}

.catalog__group_item:first-child {
  border-radius: 23px 0 0 0;
}

.catalog__group_item:nth-child(4n) {
  border-radius: 0 23px 23px 0;
}

.catalog__group_item:nth-child(5) {
  border-radius: 0 0 0 23px;
}

.catalog__group_item:last-child {
  border-radius: 0 0 23px 0;
}

.catalog__group_item .catalog__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
  position: relative;
  z-index: 100;
}

.catalog__group_item .catalog__buy .ng_icon {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.catalog__group_item .catalog__buy .ng_favorite {
  background: url(/images/icons/icon-favorite.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.catalog__group_item .catalog__buy .ng_compare {
  background: url(/images/icons/icon-comparison-green.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.catalog__group_item .catalog__buy .buy_btn {
  border: none;
  outline: none;
  padding: 5px 46px;
  background: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

.catalog__group_item .section_name {
  margin-right: 50px;
}

.catalog__group_item .section_name h2 {
  font-weight: 600;
  font-size: 30px;
}

.catalog__group_item .catalog__link_all {
  display: none;
  justify-content: center;
}

.catalog__group_item .catalog__link_all a {
  position: relative;
  text-decoration: none;
  padding: 0 13px 0 0;
}

.catalog__group_item .catalog__link_all a span {
  font-size: 16px;
  color: #9d9d9d;
}

.catalog__group_item .catalog__link_all a::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-right.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 7px;
  height: 11px;
  right: 0;
  top: 4px;
  opacity: 0.5;
}

.catalog__price {
  display: flex;
  justify-content: center;
  margin-top: auto;
  align-items: center;
}

.catalog__product_name {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  margin-top: auto;
}

.catalog__cut_price {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -13px;
}

.catalog__img {
  width: 100%;
  height: 242px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.catalog__img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

#slider-range.ui-widget-content {
  background-color: rgba(0, 197, 149, 0.4392156863);
}

#slider-range .ui-slider-handle {
  background-color: #00c595;
  width: 21px;
  height: 21px;
}

.catalog_sorted {
  width: 100%;
}

.catalog_sorted .section__title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.catalog_sorted .section_name {
  margin-right: 50px;
}

.catalog_sorted .section_name h1 {
  font-weight: 600;
  font-size: 30px;
}

.catalog_sorted .section__cp_field {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 15px;
}

.catalog_sorted .btn_param {
  position: relative;
  outline: none;
  padding: 10px 20px;
  background: transparent;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid #00c595;
  background: #00c595;
  color: #ffffff;
  z-index: 10;
}

.catalog_sorted .btn_param_close {
  position: absolute;
  background-image: url(/images/icons/icon-cross-white.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  top: 0;
  right: 0;
  z-index: 20;
  cursor: pointer;
}

.catalog_sorted .catalog_sorted__filter .filter_sort {
  padding: 20px 40px;
  background-color: #ffffff;
  border-radius: 23px 23px 0 0;
  margin-bottom: 8px;
}

.catalog_sorted .catalog_sorted__filter .filter_sort__title,
.catalog_sorted .catalog_sorted__filter .filter_conditions__title {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}

.catalog_sorted .catalog_sorted__filter .filter_conditions__title {
  margin-bottom: 10px;
}

.catalog_sorted .catalog_sorted__filter .filter_sort__title {
  margin-bottom: 20px;
}

.catalog_sorted .catalog_sorted__filter .filter_sort__condition {
  font-weight: 400;
  font-size: 16px;
  position: relative;
  width: 100%;
}

.catalog_sorted .catalog_sorted__filter .filter_conditions {
  padding: 20px 40px;
  background-color: #ffffff;
  border-radius: 0 0 23px 23px;
}

.catalog_sorted .catalog_sorted__filter .filter_conditions > .catalog_sorted__buy_btn {
  display: none;
}

.catalog_sorted .catalog_sorted__filter .filter_condition {
  padding: 0;
  margin: 0 0 25px;
}

.catalog_sorted .catalog_sorted__filter .filter_condition__title {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}

.catalog_sorted .catalog_sorted__filter .filter_condition__title::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-down-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
  top: 3px;
  right: 0;
  transform: rotate(180deg);
  transition: 0.3s;
}

.catalog_sorted .catalog_sorted__filter .filter_condition__title.collapsible::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-down-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
  top: 3px;
  right: 0;
  transform: rotate(0deg);
}

.catalog_sorted .catalog_sorted__filter .filter_condition__values {
  display: none;
}

.catalog_sorted .catalog_sorted__filter #slider-range {
  margin-top: 5px;
}

.catalog_sorted .catalog_desc {
  width: 100%;
  padding: 40px 90px;
  background-color: #ffffff;
  border-radius: 23px;
  display: flex;
  flex-wrap: wrap;
  margin: 65px 0 0 0;
}

.catalog_sorted .catalog_desc .section_name {
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
}

.catalog_sorted .catalog_desc .section_name::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-down-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 10px;
  top: 8px;
  right: 0;
  transform: rotate(180deg);
  transition: 0.8s;
  cursor: pointer;
}

.catalog_sorted .catalog_desc .section_name.active::before {
  transform: rotate(0deg);
}

.catalog_sorted .catalog_desc .section_text {
  display: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 40px;
}

.catalog_sorted .section__chosen_param {
  display: none;
}

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

.catalog_sorted .filter_condition__value .buy_btn {
  position: absolute;
  right: 0;
}

.catalog_sorted .item_desc__all_info p::before {
  transform: rotate(0deg);
  top: 2px;
}

.catalog_sorted .item_desc__all_info p.active::before {
  transform: rotate(-90deg);
}

.pagination_nav,
.blog_pagination {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.catalog_sorted__screen_size,
.catalog_sorted__ram,
.catalog_sorted__broadband,
.catalog_sorted__fast_charge,
.catalog_sorted__screen_resolution,
.catalog_sorted__lens_angle {
  width: 30px;
  height: 30px;
  background: url(/images/icons/icon-screeen-size.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.catalog_sorted__ram {
  background: url(/images/icons/icon-RAM.svg);
}

.catalog_sorted__broadband {
  background: url(/images/icons/icon-broadband.svg);
}

.catalog_sorted__fast_charge {
  background: url(/images/icons/icon-fast-charge.svg);
}

.catalog_sorted__screen_resolution {
  background: url(/images/icons/icon-screen-resolution.svg);
}

.catalog_sorted__lens_angle {
  background: url(/images/icons/icon-lens-angle.svg);
}

.catalog_sorted__price_uah {
  font-size: 18px;
  font-weight: 600;
  margin-right: 18px;
}

.catalog_sorted__price_usd {
  display: none;
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.catalog_sorted__img {
  width: 100%;
  height: 242px;
  position: relative;
  text-align: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 0 50px;
}

.catalog_sorted__cut_price {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -13px;
}

.catalog_sorted__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* margin-top: 25px; */
  position: relative;
  z-index: 250;
  height: 34px;
}

.catalog_sorted__buy .ng_icon {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.ng_favorite,
.ng_compare {
  background-image: url(/images/icons/icon-favorite.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.ng_compare {
  background-image: url(/images/icons/icon-comparison-green.svg);
}

.ng_compare.active {
  background-image: url(/images/icons/icon-checked-comparison.svg);
}

.catalog_sorted__favorite span:hover {
  background-image: url(/images/icons/icon-favorite-active.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.catalog_sorted__compare span:hover {
  opacity: 0.65;
}

.catalog_sorted__product_name {
  text-align: start;
  font-size: 16px;
  line-height: 1.5;
  height: 96px;
  position: relative;
  margin: 0 0 10px;
  padding: 0 20px;
}

.catalog_sorted__product_name.is_new::after {
  content: "New";
  position: absolute;
  color: red;
  font-size: 13px;
  top: -28px;
  right: 0;
  left: 20px;
  margin: 0 0 10px;
}

.catalog_sorted__product_name h3 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

/* remove blue color in safari iPhone start  */
a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}

/* remove blue color in safari iPhone end  */
.catalog_sorted__price {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 0 0 20px;
  padding: 0 20px;
  height: 18px;
}

.catalog_sorted__characteristics {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px;
  display: none;
}

.catalog_sorted__characteristics div {
  margin: 0 15px 10px 0;
}

.catalog_sorted__whole_block_link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 200;
}

.catalog_sorted__whole_block_link a {
  display: flex;
  width: 100%;
  height: 100%;
}

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

.catalog_sorted__group_item {
  flex: 0 1 calc((100% - 16px) / 3);
  min-height: 515px;
  background-color: #ffffff;
  padding: 20px 20px;
  margin-bottom: 8px;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  transition: all 0.35s ease-out;
  z-index: 1;
}

.catalog_sorted__group_item.not_stock .catalog_sorted__img {
  filter: grayscale(100%);
}

.catalog_sorted__group_item.not_stock .buy_btn {
  background-color: #acacac;
}

.catalog_sorted__group_item.not_stock .buy_btn:hover {
  background-color: #acacac;
}

.catalog_sorted__group_item.expecting .catalog_sorted__img {
  filter: grayscale(100%);
}

.catalog_sorted__group_item.expecting .buy_btn {
  background-color: #acacac;
}

.catalog_sorted__group_item.expecting .buy_btn:hover {
  background-color: #acacac;
}

.catalog_sorted__group_item:hover {
  transform: scale(1.05);
  box-shadow: 2px 2px 15px -4px rgba(0, 0, 0, 0.85);
  z-index: 10;
}

.catalog_sorted__group_item:nth-child(3n) {
  margin-right: 0;
}

.catalog_sorted__link_all {
  display: flex;
  justify-content: center;
}

.catalog_sorted__link_all a {
  position: relative;
  text-decoration: none;
  padding-right: 20px;
}

.catalog_sorted__link_all a span {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #9d9d9d;
}

.catalog_sorted__link_all a::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-right.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 6px;
  height: 9px;
  right: 0;
  top: 4px;
}

.section__cp_value_group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.section__cp_value_item {
  position: relative;
}

.sorted_goods_container {
  max-width: 1360px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}

.catalog_sorted__filter {
  flex: 0 1 334px;
  align-self: start;
  padding: 0 8px 0 0;
}

.catalog_sorted__filtered_items {
  position: relative;
  z-index: 1;
  flex: 0 1 calc(100% - 334px);
}

.catalog_sorted__pagination,
.blog__pagination {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.catalog_sorted__pagination ul,
.blog__pagination ul {
  display: flex;
  justify-content: center;
}
.catalog_sorted__pagination ul li,
.blog__pagination ul li {
  margin-right: 35px;
  margin-bottom: 8px;
}
.catalog_sorted__pagination ul li a,
.blog__pagination ul li a {
  color: #131414;
}
.catalog_sorted__pagination ul li.disabled,
.blog__pagination ul li.disabled {
  opacity: 0.5;
}
.catalog_sorted__pagination ul li.disabled span,
.blog__pagination ul li.disabled span {
  color: gray;
}
.catalog_sorted__pagination ul li.active a,
.blog__pagination ul li.active a {
  color: #00c595;
}
.catalog_sorted__pagination ul a,
.catalog_sorted__pagination ul span,
.blog__pagination ul a,
.blog__pagination ul span {
  text-decoration: none;
  background: #ffffff;
  padding: 0;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #131414;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.catalog_sorted__pagination ul a:hover,
.blog__pagination ul a:hover {
  color: #00c595;
}
.catalog_sorted__pagination .pagination_prev a,
.blog__pagination .pagination_prev a {
  padding: 9px 14px;
}
.catalog_sorted__pagination .pagination_prev span,
.blog__pagination .pagination_prev span {
  display: block;
  width: 15px;
  height: 17px;
  background: url(/images/icons/icon-arrow-left-black.svg);
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.catalog_sorted__pagination .pagination_next,
.blog__pagination .pagination_next {
  margin-right: 0;
}
.catalog_sorted__pagination .pagination_next a,
.blog__pagination .pagination_next a {
  padding: 9px 14px;
}
.catalog_sorted__pagination .pagination_next span,
.blog__pagination .pagination_next span {
  display: block;
  width: 15px;
  height: 17px;
  background: url(/images/icons/icon-arrow-right-black.svg);
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.filter_condition__value {
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 15px;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.filter_condition__value:last-child {
  margin: 0;
}
.filter_condition__value .fc__current_value {
  padding: 0 0 0 20px;
}
.filter_condition__value.disabled {
  font-weight: 400;
  font-size: 14px;
  color: #a5abac;
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
  cursor: auto;
}
.filter_condition__value.disabled::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-unchecked-gray.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
}

.filter_sort__condition_value {
  border: none;
  width: 100%;
  background-color: #ffffff;
  cursor: pointer;
  padding: 5px 10px;
}

.filter_sort__condition_value input {
  margin: 0 5px 0 0;
}

.filter_sort__condition_value:hover {
  background-color: #00c595;
  color: #ffffff;
}

.filter_sort__condition_group {
  border: 1px solid #d7d6d6;
  position: absolute;
  display: none;
  background-color: #ffffff;
  z-index: 10;
  width: 100%;
  top: 18px;
  flex-wrap: wrap;
  border-radius: 12px;
}

.filter_sort__condition_group.active {
  display: flex;
}

.filter_sort__condition_item {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.filter_sort__condition_item:first-child {
  border-radius: 12px 12px 0 0;
}

.filter_sort__condition_item:last-child {
  border-radius: 0 0 12px 12px;
}

.filter_sort__condition_current {
  padding: 2px 0 2px 10px;
  position: relative;
}

.filter_sort__condition_current::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-down-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 10px;
  top: 3px;
  right: 0;
  transform: rotate(180deg);
  transition: 0.8s;
  cursor: pointer;
}

.filter_sort__condition_current.active::before {
  transform: rotate(0deg);
}

.filter_sort__condition_current input {
  margin: 0 5px 0 0;
}

.goods_quantity {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.goods_quantity::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-unchecked.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
}
.goods_quantity.checked::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-checked.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
}

.btn_filter {
  font-size: 13px;
  border-radius: 4px;
  padding: 4px 11px;
  top: -6px;
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.25);
}

.fc__current_quantity {
  margin: 0 0 0 2px;
}

.section__chosen_param .btn_filter {
  margin: 10px 0 0;
}

.filter_conditions .catalog_sorted__buy_btn {
  margin: 15px 0 0;
}

.filter_condition__values ul {
  padding: 15px 0 0;
}

.filter_condition__values input {
  width: 100%;
}

.catalog_sorted__group_item_one_block:nth-child(1) {
  border-radius: 23px;
}

.catalog_sorted__group_item_one_line:first-child {
  border-radius: 23px 0 0 23px;
}

.catalog_sorted__group_item_one_line:last-child {
  border-radius: 0 23px 23px 0;
}

.catalog_sorted__group_item_four_blocks:first-child {
  border-radius: 23px 0 0 0;
}

.catalog_sorted__group_item_four_blocks:nth-child(3) {
  border-radius: 0 23px 0 0;
}

.catalog_sorted__group_item_four_blocks:nth-last-child(2) {
  border-radius: 0 0 23px 0;
}

.catalog_sorted__group_item_four_blocks:last-child {
  border-radius: 0 0 23px 23px;
}

.catalog_sorted__group_item_five_blocks:first-child {
  border-radius: 23px 0 0 0;
}

.catalog_sorted__group_item_five_blocks:nth-child(3) {
  border-radius: 0 23px 23px 0;
}

.catalog_sorted__group_item_five_blocks:nth-child(4) {
  border-radius: 0 0 0 23px;
}

.catalog_sorted__group_item_five_blocks:last-child {
  border-radius: 0 0 23px 0;
}

.catalog_sorted__group_item_eight_blocks:first-child {
  border-radius: 23px 0 0 0;
}

.catalog_sorted__group_item_eight_blocks:nth-child(3) {
  border-radius: 0 23px 0 0;
}

.catalog_sorted__group_item_eight_blocks:nth-last-child(3) {
  border-radius: 0 0 23px 0;
}

.catalog_sorted__group_item_eight_blocks:nth-last-child(2) {
  border-radius: 0 0 0 23px;
}

.catalog_sorted__group_item_eight_blocks:last-child {
  border-radius: 0 0 23px 0;
}

.catalog_sorted__group_item_two_line:first-child {
  border-radius: 23px 0 0 0;
}

.catalog_sorted__group_item_two_line:nth-child(3) {
  border-radius: 0 23px 0 0;
}

.catalog_sorted__group_item_two_line:nth-last-child(3) {
  border-radius: 0 0 0 23px;
}

.catalog_sorted__group_item_two_line:last-child {
  border-radius: 0 0 23px 0;
}

.item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 35px;
}
.item__left {
  flex: 0 1 40%;
  margin-right: 30px;
  order: 1;
}
.item__right {
  flex: 0 1 calc(60% - 40px);
  order: 2;
}

.item__view,
.item__left_guarantee,
.item__ordering {
  background-color: #ffffff;
  width: 100%;
  padding: 40px 50px;
  border-radius: 23px;
}

.item_price_name {
  margin: 0 0 3px;
}

.item__view {
  margin-bottom: 35px;
}

.item__product_img {
  width: 100%;
  height: 296px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px 0;
}

.item__product_img:hover {
  cursor: pointer;
}

.item__product_img img {
  width: 100%;
  height: 100%;
  /* max-width: 250px; */
  object-fit: contain;
}

.qb_info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 25px;
}

.item__all_char {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.item__all_char_text {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: rgba(73, 80, 83, 0.5);
  margin: 30px;
  margin-bottom: 30px;
}

.item__left_group.hidden {
  display: none;
}

.item__left_object {
  /* flex: 0 0 calc((100% - 30px) / 4);
  width: calc((100% - 30px) / 4); */
  /* margin: 0 10px 20px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px;
  border-radius: 6px;
  border: 1px solid transparent; */
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.item__left_object img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item__left_object:hover {
  cursor: pointer;
  border: 1px solid #dedede;
}

.item__left_guarantee_object {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 1.5;
}

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

.first_item {
  position: relative;
}

.first_item::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-shield.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: -40px;
  top: 2px;
}

.second_item {
  position: relative;
}

.second_item::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-truck.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: -40px;
  top: 2px;
}

.third_item {
  position: relative;
}

.third_item::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-tradein-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: -40px;
  top: 2px;
}

.item__ordering_name {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.12;
}

.item__product_code {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 20px 0;
}

.item__price {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
}

.item__price_uah {
  font-size: 24px;
  font-weight: 600;
  margin-right: 25px;
}

.item__price_usd {
  display: none !important;
  font-size: 18px;
  font-weight: 400;
  color: #aeaeae;
  display: flex;
  align-self: stretch;
  align-items: flex-end;
}

.item__payment_method {
  margin-bottom: 10px;
}

.show_condition {
  font-size: 16px;
  font-weight: 400;
  margin: 10px;
}

.chose_condition {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px;
}

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

.chose_condition .condition {
  display: flex;
}

.chose_condition .btn_cc {
  border: 2px solid #c4c4c4;
  outline: none;
  padding: 5px 12px;
  background: transparent;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  color: #131414;
}

.chose_condition .cc_active {
  border: 1px solid #00c595;
  background: white;
  color: #00c595;
}

.chose_condition a {
  text-decoration: none;
}

.item__buy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.item__buy .ng_icon {
  display: block;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.item__buy .ng_favorite {
  background-image: url(/images/icons/icon-favorite.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.item__buy .ng_favorite.active {
  background-image: url(/images/icons/icon-favorite-active.svg);
}

.item__buy .ng_favorite.active span:hover {
  background-image: url(/images/icons/icon-favorite-active.svg);
}

.item__buy .ng_compare {
  background-image: url(/images/icons/icon-comparison-green.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.item__buy .ng_compare.active {
  background-image: url(/images/icons/icon-checked-comparison.svg);
}

.item__buy .buy_btn {
  position: relative;
  border: 2px solid #00c595;
  outline: none;
  padding: 0 0 0 30px;
  height: 44px;
  background: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  width: 100%;
}

.item__buy .buy_btn::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-cart-white.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  left: 17px;
  top: 9px;
}

.item__buy .item__favorite span:hover {
  background-image: url(/images/icons/icon-favorite-hover.svg);
}

.item__buy .item__compare span:hover {
  opacity: 0.65;
}

.item__compare {
  margin: 0 20px 0 0;
}

.item__buy .item__buy_btn .buy_btn:hover {
  opacity: 0.65;
}

.item__buy_btn {
  max-width: 200px;
  width: 100%;
  margin: 0;
}

.quick_buy_btn,
.preorder_btn {
  border: 2px solid #00c595;
  outline: none;
  padding: 0;
  height: 44px;
  background: transparent;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  color: #00c595;
}

.quick_buy_btn:hover,
.preorder_btn:hover {
  background: #00c595;
  color: #ffffff;
}

.quick_buy_btn br {
  display: none;
}

.item__quick_buy_btn {
  max-width: 260px;
  width: 100%;
}

.item__color_picker {
  margin-bottom: 30px;
}

.item__color_picker .condition a {
  display: block;
  padding: 4px;
  border: 1px solid transparent;
}

.item__color_picker .condition a:hover {
  border: 1px solid #00c595;
  border-radius: 50%;
}

.item__color_picker .condition .color_picker_active {
  border: 1px solid #00c595;
  border-radius: 50%;
}

.item__memory_capacity,
.item__ram,
.item__cpu {
  margin-top: 25px;
}

.tech_info {
  width: 100%;
  padding: 40px 90px;
  background-color: #ffffff;
  border-radius: 23px;
  display: flex;
  flex-wrap: wrap;
  margin: 65px 0;
}

.tech_info__title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 40px;
}

.tech_info__text_group {
  display: flex;
  width: 100%;
}

.tech_info__text {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.tech_info__text_item {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 10px);
  flex-direction: column;
}

.tech_info__text_item:nth-child(2n+1) {
  border-right: 1px solid #ececec;
  padding: 0 90px 30px 0;
}

.tech_info__text_item:nth-child(2n+2) {
  padding: 0 0 30px 90px;
}

.tech_info__text_item .tech_info__value {
  line-height: 1.3em;
}

.tech_info__field {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.tech_info__value {
  font-size: 16px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  color: #606060;
}

.tech_info__value p {
  margin: 0 0 10px;
  line-height: 1.32;
}

.tech_info__value ul {
  padding: 0 0 0 20px;
  list-style-type: disc;
}

.tech_info__value ul li {
  margin: 0 0 10px;
}

.tech_info__link {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.tech_info__link span {
  position: relative;
  text-decoration: none;
  color: #131414;
  font-size: 16px;
  font-weight: 400;
  padding: 0 20px 0 0;
  cursor: pointer;
}

.tech_info__link span::before {
  position: absolute;
  content: "";
  background-image: url("/images/icons/icon-arrow-right-black-2.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 10px;
  height: 13px;
  right: 0;
  top: 5px;
  transform: rotate(90deg);
}

.tech_info__link span.active::before {
  transform: rotate(-90deg);
}

.modal_quick_buy,
.modal_preorder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal_quick_buy.active,
.modal_preorder.active {
  display: flex;
}

.modal_quick_buy .form_block__item,
.modal_preorder .form_block__item {
  height: auto;
}

.modal_quick_buy .form_sub_btn,
.modal_preorder .form_sub_btn {
  margin: 0;
}

.modal_quick_buy .form_submit,
.modal_preorder .form_submit {
  margin: 40px 0 0 0;
}

.quick_buy__form_container {
  position: relative;
  flex: 0 1 650px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 23px;
  padding: 40px;
  z-index: 700;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.quick_buy .form_block {
  margin: 0 0 15px;
}

.quick_buy__close {
  position: absolute;
  display: block;
  background-image: url(/images/icons/icon-cross.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  top: 20px;
  right: 25px;
  cursor: pointer;
}

.quick_buy__title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.quick_buy__close_area {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.8;
  z-index: 600;
}

.quick_buy {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.quick_buy a {
  text-decoration: none;
  color: #00c595;
}

.quick_buy a:hover {
  opacity: 0.65;
}

.buy_success {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buy_success__content {
  flex: 0 1 600px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 23px;
  margin: 80px 0;
  padding: 40px;
}

.place_order_number {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}

.order_number_emphasize {
  color: #00c595;
}

.managers_will_contact_msg {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 0 0;
}

.item_desc {
  width: 100%;
  padding: 40px 90px;
  background-color: #ffffff;
  border-radius: 23px;
  display: flex;
  flex-wrap: wrap;
  margin: 65px 0 0 0;
}

.item_desc .section_name {
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 0;
}

.item_desc .section_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.item_desc .section_text p {
  margin: 0 0 15px;
}

.item_desc .section_text h3 {
  font-weight: 600;
  margin: 30px 0 10px;
}

.item_desc .section_text h3:first-child {
  margin: 0 0 10px;
}

.item_desc .section_text h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 15px;
}

.item_desc__all_info {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  margin: 0 auto;
}

.item_desc__all_info span {
  position: relative;
  padding: 0 20px 0 0;
  cursor: pointer;
}

.item_desc__all_info span::before {
  position: absolute;
  content: "";
  background-image: url("/images/icons/icon-arrow-right-black-2.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 9px;
  height: 10px;
  top: 7px;
  right: 0;
  transform: rotate(90deg);
  transition: 0.8s;
  cursor: pointer;
}

.item_desc__all_info span.active::before {
  transform: rotate(-90deg);
}

/* Мои новые правила для картинок */

.item_desc .section_text img,
.current_article__text_block img {
  max-width: 100% !important;
  height: auto !important;
}
.item_desc .section_text iframe,
.item_desc .section_text video,
.current_article__text_block iframe,
.current_article__text_block video {
  max-width: 100%;
}
.item_desc .section_text iframe,
.current_article__text_block iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.item_desc .section_text table,
.current_article__text_block table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.item_desc .section_text,
.current_article__text_block {
  overflow-wrap: anywhere;
}

/* конец блока */

.modal_cart_add {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 800;
}

.modal_cart_add.active {
  display: flex;
}

.cart_add {
  position: relative;
  flex: 0 1 600px;
  background-color: #ffffff;
  border-radius: 23px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  z-index: 1000;
}

.cart_add__group {
  padding: 0 20px;
}

.cart_add__item {
  display: flex;
  margin: 40px 0 0 0;
}

.cart_add__product_img {
  flex: 0 1 50%;
  padding: 0 20px;
}

.cart_add__product_img img {
  width: 100%;
  height: auto;
}

.cart_add__product_char {
  flex: 0 1 50%;
  padding: 0 0 0 20px;
  display: flex;
  align-items: center;
}

.in_cart_add__product_char {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.cart_add__actions {
  padding: 0 20px;
  display: flex;
}

.cart_add__actions a {
  display: block;
  text-decoration: none;
}

.cart_add__continue_buy {
  flex: 0 1 50%;
  text-align: center;
  margin: 40px 10px 20px 0;
}

.cart_add__continue_buy a {
  color: #131414;
  padding: 10px;
  background-color: #d7d6d6;
  border-radius: 8px;
}

.cart_add__continue_buy a:hover {
  opacity: 0.65;
  cursor: pointer;
}

.cart_add__place_order {
  flex: 0 1 50%;
  text-align: center;
  margin: 40px 0 20px 10px;
}

.cart_add__place_order a {
  position: relative;
  color: #ffffff;
  padding: 10px 15px;
  background-color: #00c595;
  border-radius: 8px;
}

.cart_add__place_order a:hover {
  opacity: 0.65;
}

.cart_add__success {
  position: relative;
  text-align: center;
  color: #ffffff;
  background-color: #00c595;
  font-size: 20px;
  font-weight: 700;
  padding: 20px 0;
  border-radius: 23px 23px 0 0;
}

.cart_add__success::before {
  position: absolute;
  content: "";
  background-image: url("/images/icons/icon-done.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: 135px;
  top: 20px;
}

.cart_add__product_name {
  font-size: 1.55rem;
  font-weight: 600;
  margin: 0 0 15px;
  line-height: 1.22;
}

.cart_add__product_price {
  margin: 0;
  display: flex;
  align-items: center;
}

.cart_add__price_usd {
  display: none;
  margin: 5px 0 0 10px;
  font-size: 15px;
  color: #9d9d9d;
}

.cart_add__quantity {
  margin: 20px 0 0 0;
}

.cart_add__price_uah {
  font-size: 1.35rem;
  font-weight: 600;
}

.cart_add__close {
  position: absolute;
  display: block;
  background-image: url("/images/icons/icon-cross-dark-gray.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  top: 20px;
  right: 25px;
  cursor: pointer;
  filter: brightness(500%);
}

.cart_add__close_area {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.8;
  z-index: 900;
}

.hidden {
  display: none;
}

.payment_types {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  z-index: 100;
}

.payment_types .item__price {
  margin: 0 0 20px;
  flex-wrap: wrap;
  width: calc((100% - 40px) / 3);
  flex: 0 0 calc((100% - 40px) / 3);
}

.payment_types .item__price:nth-child(3) {
  margin: 0;
}

.payment_types .item__price_uah,
.payment_types .item__price_usd {
  font-size: 13px;
  font-weight: 400;
  opacity: 0.75;
  line-height: 1.22;
}

.payment_types span {
  display: flex;
  width: 100%;
}

.prod_counter {
  display: flex;
  max-width: 90px;
  width: 100%;
  flex: 0 0 90px;
  outline: none;
  height: 34px;
  background: #00c595;
  border-radius: 54px;
}

.in_prod_counter {
  display: flex;
  width: 100%;
}

.btn_act {
  width: 30px;
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
}

.btn_act span::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: none;
}

.cart_add__product_number {
  width: 100%;
  margin: 5px 0 0;
}

.btn_act span::selection {
  color: #fff;
  background: none;
}

.more {
  width: 30px;
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.cart__delete_wrapper::before {
  left: 14px;
  bottom: 8px;
}

.input_prod_counter {
  width: 30px;
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: transparent;
  background: none;
  text-align: center;
  color: #ffffff;
}

.buy_variants {
  max-width: 130px;
  position: relative;
  width: 100%;
}

.buy_variants:hover .payment_types {
  display: flex;
}

.page_product .item {
  flex-wrap: nowrap;
}

.item__left_chars {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.item__left_chars .chose_condition:hover,
.item__left_chars .condition:hover,
.item__left_chars .btn_cc:hover {
  cursor: default;
}

.inn_ilc {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  align-self: flex-start;
}

.inn_ilc .condition_switcher {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.inn_ilc h2 {
  width: 100%;
  text-align: center;
  margin: 0 0 15px;
}

.show_all_chars {
  display: flex;
  justify-content: center;
  width: 100%;
}

.show_all_chars .hide {
  display: none;
  width: 100%;
  justify-content: center;
}

.show_all_chars .show {
  display: flex;
  width: 100%;
  justify-content: center;
}

.show_all_chars {
  margin: 0;
}

.show_all_chars.active {
  margin: 15px 0 0;
}

.show_all_chars.active .hide {
  display: flex;
}

.show_all_chars.active .show {
  display: none;
}

.show_all_chars span {
  width: 100%;
  text-align: center;
  color: #00c595;
  font-size: 14px;
}

.show_all_chars span:hover {
  cursor: pointer;
  color: #007d5f;
}

.inn_ilc .item__color_picker {
  width: 100%;
  max-width: 540px;
  padding: 0 15px;
  margin: 0 auto 15px;
  display: none;
  transition: all 2s ease;
}

.inn_ilc {
  transition: all 1s ease;
  height: 110px;
  overflow: hidden;
  align-content: flex-start;
}

.inn_ilc.active {
  transition: all 1.5s ease;
  height: 340px;
}

.inn_ilc .item__color_picker.active {
  display: flex;
}

.inn_ilc .item__color_picker:nth-child(2) {
  display: flex;
}

.inn_ilc .item__color_picker:nth-child(3) {
  display: flex;
}

.inn_ilc .item__color_picker:last-child {
  margin: 0 auto;
}

.inn_ilc .chose_condition,
.inn_ilc .show_condition {
  margin: 0;
}

.inn_ilc .chose_condition {
  flex: 1 1 240px;
  padding: 0 0 0 10px;
  margin: 0;
}

.inn_ilc .show_condition {
  flex: 0 0 160px;
}

.inn_ilc .chose_condition .condition {
  margin: 0;
}

.inn_ilc .chose_condition .btn_cc,
.inn_ilc .chose_condition .btn_cc:hover {
  border: 1px solid transparent;
  background: transparent;
  color: #131414;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}

.item__ordering_name.is_new {
  position: relative;
  padding: 25px 0 0;
}

.item__ordering_name.is_new::after {
  content: "New";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  color: red;
}

.cond_color a {
  max-width: 40px;
}

.cond_color img {
  border-radius: 50%;
  width: 100%;
}

.chose_condition .cond_color img {
  width: 30px;
  height: 30px;
}

.complect {
  margin-bottom: 0;
}

.complect .show_completc {
  font-size: 16px;
  font-weight: 400;
  margin: 10px;
}

.complect .chose_complect ul {
  list-style: unset;
  margin: 0 25px;
}

.complect .chose_complect ul li {
  padding: 0 25px 10px 0;
}

.compare {
  width: 100%;
}

.compare .section_name {
  margin-bottom: 50px;
}

.compare .section_name h1 {
  font-weight: 500;
  font-size: 24px;
}

.compare .condition_switcher .condition_status {
  text-transform: lowercase;
}

.compare .condition_switcher .show_condition {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
}

.compare .condition_switcher .chose_condition {
  margin-bottom: 50px;
  display: flex;
}

.compare .condition_switcher .chose_condition .cc_all {
  margin-right: 20px;
}

.compare .condition_switcher .chose_condition .btn_cc {
  border: 1px solid #9d9d9d;
  outline: none;
  padding: 10px 20px;
  background: transparent;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #131414;
}

.compare .condition_switcher .chose_condition .cc_active {
  border: 1px solid #00c595;
  background: #00c595;
  color: #ffffff;
}

.compare__group {
  width: 100%;
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  overflow-x: auto;
}

.compare_massage {
  display: flex;
  justify-content: center;
  width: auto;
  flex-wrap: wrap;
}

.compare_massage p {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  width: 600px;
  line-height: normal;
  margin: 0 0 20px;
}

.tomain_btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.compare_massage a {
  text-decoration: none;
  background-color: #00c595;
  color: white;
  padding: 10px 20px;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  border-radius: 5px;
}

.compare__group_item {
  width: calc((100% - 32px) / 4);
  flex: 0 0 calc((100% - 32px) / 4);
}

.compare__group_item:first-child .compare__common_description {
  border-radius: 23px 0 0 0;
}
.compare__group_item:last-child .compare__common_description {
  border-radius: 0 23px 0 0;
}

.compare__common_description {
  position: relative;
  flex: 0 1 334px;
  min-height: 515px;
  background-color: #ffffff;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
  /* z-index: 100; */
}

.compare__common_description .compare__img {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
  text-align: center;
  height: auto;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__img img {
  height: 100%;
  width: 100%;
  border-radius: 15px;
}

.compare__common_description .compare__product_name {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 0 15px 0;
}

.compare__common_description .compare__price {
  display: flex;
  justify-content: space-around;
}

.compare__common_description .compare__price .compare__price_uah {
  font-size: 18px;
  font-weight: 600;
}

.compare__common_description .compare__price .compare__price_usd {
  display: none;
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.compare__common_description .compare__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
}

.compare__common_description .compare__buy .ng_icon {
  display: block;
  width: 20px;
  height: 20px;
}

.compare__common_description .compare__buy .ng_favorite,
.compare__common_description .compare__buy .ng_compare {
  background: url(/images/icons/icon-favorite.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__buy .ng_compare {
  background: url(/images/icons/icon-comparison-green.svg);
}

.compare__common_description .compare__buy .ng_compare.active {
  background: url(/images/icons/icon-checked-comparison.svg);
}

.compare__common_description .compare__buy .buy_btn {
  border: none;
  outline: none;
  padding: 8px 35px;
  background-color: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

.compare__common_description .compare__buy .compare__favorite a:hover span {
  background: url(/images/icons/icon-favorite-active.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__buy .compare__compare a:hover span {
  opacity: 0.65;
}

.compare__common_description .compare__characteristics {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
  display: none;
}

.compare__common_description .compare__characteristics .ng_char {
  display: block;
  width: 30px;
  height: 30px;
}

.compare__common_description .compare__characteristics .ng_screen_size {
  background: url(/images/icons/icon-screeen-size.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__characteristics .ng_ram {
  background: url(/images/icons/icon-RAM.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__characteristics .ng_broadband {
  background: url(/images/icons/icon-broadband.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__characteristics .ng_fast_charge {
  background: url(/images/icons/icon-fast-charge.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__characteristics .ng_screen_resolution {
  background: url(/images/icons/icon-screen-resolution.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__characteristics .ng_lens_angle {
  background: url(/images/icons/icon-lens-angle.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.compare__common_description .compare__stock {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
}

.compare__common_description .compare__stock span {
  position: absolute;
  top: 265px;
  left: 35px;
}

.compare__common_description .compare__close_icon {
  position: absolute;
  top: 18px;
  right: 20px;
  height: 16px;
  width: 16px;
  background: url(/images/icons/icon-cross.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.compare__detail_description {
  position: relative;
  flex: 0 1 334px;
  background-color: #ffffff;
  padding: 30px 27px;
}

.compare__detail_description .compare__dd_item {
  margin-bottom: 30px;
}

.compare__detail_description .compare__field {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
}

.compare__detail_description .compare__value {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.contacts {
  width: 100%;
}

.contacts .block_title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 50px;
}

.contacts .block_title .block_title__breadcrumbs {
  display: none;
}

.contacts .block_title__name {
  margin-right: 50px;
}

.contacts .block_title__name h1 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 30px;
}

.contacts .contacts__address {
  display: flex;
}

.contacts .contacts__address_left {
  flex: 0 1 33.33%;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 23px 0 0 23px;
}

.contacts .contacts__address_right {
  flex: 0 1 66.66%;
  padding: 0;
  background-color: #ffffff;
  border-radius: 0 23px 23px 0;
}

.contacts .contacts__address_title {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 600;
}

.contacts .contacts__field {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.57325;
}

.contacts .contacts__field:last-child {
  color: #495053;
}

.contacts .contacts__general_info {
  margin-top: 15px;
}

.contacts .contacts__oh_title,
.contacts .contacts__phone_title,
.contacts .contacts__email_title {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.contacts .weekdays,
.contacts .saturday,
.contacts .sunday,
.contacts .contacts__phone_field,
.contacts .contacts__email_field {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.57325;
}

.contacts .weekdays,
.contacts .contacts__phone_field:nth-child(2),
.contacts .contacts__email_field {
  margin-top: 15px;
}

.contacts .saturday,
.contacts .sunday,
.contacts .contacts__phone_field {
  margin-top: 5px;
}

.contacts .contacts__opening_hours,
.contacts .contacts__phone,
.contacts .contacts__email {
  margin-top: 30px;
}

.contacts .contacts__email_field a {
  text-decoration: none;
  color: #131414;
}

.contacts .contacts__oh_title {
  position: relative;
  padding-left: 40px;
}

.contacts .contacts__oh_title::before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon-clock.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: 0;
  top: -3px;
}

.contacts .contacts__phone_title {
  position: relative;
  padding-left: 40px;
}

.contacts .contacts__phone_title::before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon-phone.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: 0;
  top: -3px;
}

.contacts .contacts__email_title {
  position: relative;
  padding-left: 40px;
}

.contacts .contacts__email_title::before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon-mail.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: 0;
  top: -3px;
}

.contacts .contacts__map {
  width: 100%;
  height: 100%;
}

.contacts .contacts__map iframe {
  border-radius: 0 23px 23px 0;
}

.contacts .contacts__how_to_find {
  margin-top: 65px;
}

.contacts .contacts__htf_title {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.contacts .contacts__htf_img_group {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 30px;
}
.contacts .contacts__htf_img_item {
  flex: 0 1 calc(50% - 4px);
  margin-right: 8px;
}
.contacts .contacts__htf_img_item:last-child {
  margin-right: 0;
}
.contacts .contacts__htf_img_item img {
  width: 100%;
  height: auto;
  border-radius: 23px;
}

.faq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 40px;
}

.faq #tabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.faq .block_title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}

.faq .block_title__name {
  margin-right: 50px;
}

.faq .block_title__name h1 {
  font-weight: 600;
  font-size: 30px;
}

.faq__left {
  flex: 0 1 334px;
  padding: 0 20px;
  margin: 0 8px 0 0;
}

.faq__right {
  flex: 0 1 calc(100% - 342px);
  display: flex;
  flex-wrap: wrap;
}

.faq__nav a {
  display: table;
  position: relative;
  text-decoration: none;
  font-family: "Rubik", sans-serif;
  color: #6c6c6d;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.57325;
}

.faq__nav a:hover {
  color: #00c595;
}

.faq__nav a:hover::before {
  position: absolute;
  content: "";
  background-color: #00c595;
  border-radius: 0 4px 4px 0;
  width: 8px;
  height: 26px;
  left: -17px;
  top: 0;
}

.faq__nav .faq__nav_active {
  position: relative;
  color: #00c595;
}

.faq__nav .faq__nav_active::before {
  position: absolute;
  content: "";
  background-color: #00c595;
  border-radius: 0 4px 4px 0;
  width: 8px;
  height: 26px;
  left: -17px;
  top: 0;
}

.faq__nav li {
  margin-bottom: 15px;
}

.faq__nav li:last-child {
  margin-bottom: 0;
}

.faq__info_block {
  flex: 0 1 100%;
}

.faq__info_block h2 {
  margin: 0 0 20px;
}

.faq__info_block h3 {
  margin: 0 0 15px;
}

.faq__info_block ul {
  padding: 0 0 0 20px;
  list-style-type: disc;
}

.faq__info_block li {
  margin: 0 0 15px;
  font-size: 16px;
}

.faq__info_block ol {
  padding: 0 0 0 20px;
  list-style-type: decimal;
}

.faq__info_block p {
  margin: 0 0 15px;
}

.faq__info_block p a {
  margin: 0 0 15px;
}

.faq__ib_item_title {
  font-weight: 500;
  line-height: 1.22;
  position: relative;
}

.faq__ib_item_title h2 {
  font-size: 20px;
}

.faq__ib_item_title h2:hover {
  cursor: pointer;
}

.faq__ib_item_title::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-cross-grey.svg);
  width: 16px;
  height: 16px;
  right: 0;
  top: 0;
  cursor: pointer;
  transform: rotate(45deg);
  transition: 0.5s;
}

.faq__ib_item_title.active::before {
  transform: rotate(180deg);
}

.faq__ib_item_text {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.57325;
  margin: 20px 0 0 0;
  padding: 0;
  display: none;
}

.faq__ib_item {
  padding: 30px;
  background-color: #ffffff;
  border-radius: 23px;
  margin: 0 0 25px;
}

.faq__ib_item:first-child .faq__ib_item_title::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-cross-grey.svg);
  width: 16px;
  height: 16px;
  right: 0;
  top: 0;
  cursor: pointer;
  transform: rotate(0deg);
  transition: 0.5s;
}

.faq__ib_item:first-child .faq__ib_item_title.active::before {
  transform: rotate(-135deg);
}

.faq__ib_item:first-child .faq__ib_item_text {
  display: block;
}

.faq__ib_item_text a {
  text-decoration: none;
  color: #00c595;
  font-weight: 500;
}

.terms {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 40px;
}

.terms .terms__left {
  flex: 0 1 334px;
  padding: 0 20px;
}

.terms .terms__right {
  flex: 0 1 calc(100% - 334px);
  display: flex;
  flex-wrap: wrap;
}

.terms .block_title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}

.terms .block_title__name {
  margin-right: 50px;
}

.terms .block_title__name h1 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 30px;
}

.terms .terms__nav a {
  display: block;
  position: relative;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  color: rgba(74, 87, 89, 0.5);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.57325;
}

.terms .terms__nav a:hover {
  color: #00c595;
}

.terms .terms__nav a:hover::before {
  position: absolute;
  content: "";
  background-color: #00c595;
  border-radius: 0 4px 4px 0;
  width: 8px;
  height: 48px;
  left: -17px;
  top: 0;
}

.terms .terms__nav .terms__nav_active {
  position: relative;
  color: #00c595;
}

.terms .terms__nav .terms__nav_active::before {
  position: absolute;
  content: "";
  background-color: #00c595;
  border-radius: 0 4px 4px 0;
  width: 8px;
  height: 48px;
  left: -17px;
  top: 0;
}

.terms .terms__nav li {
  margin-bottom: 15px;
}

.terms .terms__nav li:last-child {
  margin-bottom: 0;
}

.terms .terms__info_block {
  flex: 0 1 676px;
}

.terms .terms__ib_ul {
  list-style: inside;
  list-style-type: disc;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.57325;
}

.terms h2 {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}

.terms .terms__ib_item_title {
  margin-bottom: 30px;
}

.terms p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.57325;
  margin-bottom: 15px;
}

.terms .terms__ib_item_text a {
  text-decoration: none;
  color: #00c595;
}

.terms .terms__ib_item {
  margin-bottom: 50px;
}

.cabinet_login {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cabinet_login a {
  text-decoration: none;
  color: #00c595;
}

.cabinet_login a:hover {
  opacity: 0.65;
}

.cabinet_history__order_date {
  text-transform: lowercase;
}

.cabinet_login__form_container {
  flex: 0 1 415px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 23px;
  margin: 80px 0;
  padding: 40px;
}

.cabinet_login__form_container .form_sub_btn {
  outline: none;
  border: none;
  color: #ffffff;
  background-color: #00c595;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 40px;
  border-radius: 100px;
  text-decoration: none;
  opacity: 0.85;
  margin: 0 0 25px;
}

.wl_title_save {
  content: "";
  width: 18px;
  height: 18px;
  top: 4px;
  right: -25px;
  background-color: #00c595;
  background-image: url("/images/icons/icon-arrow-right-white.svg");
  transform: rotate(90deg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 43%;
  position: absolute;
  border-radius: 4px;
  display: none;
}

.wl_title_save.active {
  display: flex;
}

.wl_title_save:hover {
  cursor: pointer;
}

.form_block {
  display: flex;
  margin: 0 0 25px;
  width: 100%;
  flex-wrap: wrap;
}

.form_block .form_block__item {
  width: 100%;
}

.form_block .form_block__item .input {
  width: 100%;
  height: 35px;
  background-color: #ffffff;
  border: 1px solid #cecece;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.form_block .form_block__item input {
  border: none;
  outline: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 12px;
  display: flex;
  align-items: center;
  color: #131414;
  font-size: 14px;
}

.form_block .form_block__item .label {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
}

.form_sub_btn {
  outline: none;
  border: none;
  color: #ffffff;
  background-color: #00c595;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 40px;
  border-radius: 100px;
}

.form_sub_btn:hover {
  opacity: 0.65;
}

.cabinet_login__form_title {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 25px;
}

.form_block.link label {
  margin: 0 15px 0 0;
}

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

.form_submit {
  text-align: center;
  margin: 30px 0 0;
}

.form_reminder {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.label__link {
  font-size: 14px;
  font-weight: 500;
}

.checkbox_row {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
}

.checkbox_row .checkbox_row__item {
  display: flex;
  margin-right: 30px;
}

.checkbox_row .checkbox_row__item label {
  font-size: 14px;
  font-weight: 500;
}

.checkbox_row .checkbox_row__item input[type=checkbox] {
  margin-right: 10px;
}

.black a {
  color: #131414;
  font-size: 18px;
  font-weight: 500;
}

.black a:hover {
  opacity: 0.65;
}

.gray p {
  color: #9d9d9d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.form_reminder__text.gray {
  margin: 10px 0 0 0;
  text-align: left;
}

.cabinet {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}

.cabinet__left_part {
  flex: 0 0 334px;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 23px;
  align-self: flex-start;
}

.cabinet__left_part a {
  position: relative;
  padding: 5px 0 5px 40px;
  text-decoration: none;
  color: #131414;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

.cabinet__left_part a::before {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.cabinet__left_part a:link,
.cabinet__left_part a:visited {
  color: #131414;
}

.cabinet__left_part a:hover {
  color: #00c595;
}

.cabinet__left_part li {
  margin: 0 0 15px 0;
}

.cabinet__left_part li:last-child {
  margin: 0;
}

.nav_trade_in {
  display: none;
}

.nav_trade_in a::before {
  background-size: 76% auto;
}

.nav_compare a::before {
  background-size: 100% auto;
}

.nav_personal_data a::before {
  background-image: url("../images/icons/icon-user-menu.svg");
  background-size: 100%;
}

.nav_personal_data:hover a::before {
  background-image: url("../images/icons/icon-user-menu-hover.svg");
}

.nav_personal_data.active a {
  color: #00c595;
}

.nav_personal_data.active a::before {
  background-image: url("../images/icons/icon-user-menu-hover.svg");
}

.nav_cart a::before {
  background-image: url("../images/icons/icon-shopping-cart-menu.svg");
  background-size: 100% auto;
  left: -1px;
}

.nav_cart:hover a::before {
  background-image: url("../images/icons/icon-shopping-cart-menu-hover.svg");
}

.nav_cart.active a {
  color: #00c595;
}

.nav_cart.active a::before {
  background-image: url("../images/icons/icon-shopping-cart-menu-hover.svg");
  background-size: 100% auto;
}

.nav_trade_in a::before {
  background-image: url("../images/icons/icon-tradein-menu.svg");
  background-size: 70% auto;
}

.nav_trade_in:hover a::before {
  background-image: url("../images/icons/icon-tradein-menu-hover.svg");
}

.nav_trade_in.active a {
  color: #00c595;
}

.nav_trade_in.active a::before {
  background-image: url("../images/icons/icon-tradein-menu-hover.svg");
  background-size: 100% auto;
}

.nav_history a::before {
  background-image: url("../images/icons/icon-history-menu.svg");
  background-size: 90% auto;
}

.nav_history:hover a::before {
  background-image: url("../images/icons/icon-history-menu-hover.svg");
}

.nav_history.active a {
  color: #00c595;
}

.nav_history.active a::before {
  background-image: url("../images/icons/icon-history-menu-hover.svg");
  background-size: 100% auto;
}

.nav_wish_list a::before {
  background-image: url("../images/icons/icon-whish-added-menu.svg");
  background-size: 90% auto;
}

.nav_wish_list:hover a::before {
  background-image: url("../images/icons/icon-whish-added-menu-hover.svg");
}

.nav_wish_list.active a {
  color: #00c595;
}

.nav_wish_list.active a::before {
  background-image: url("../images/icons/icon-whish-added-menu-hover.svg");
  background-size: 100% auto;
}

.nav_compare a::before {
  background-image: url("../images/icons/icon-compare-menu.svg");
  background-size: 100% auto;
}

.nav_compare:hover a::before {
  background-image: url("../images/icons/icon-compare-menu-hover.svg");
}

.nav_compare.active a {
  color: #00c595;
}

.nav_compare.active a::before {
  background-image: url("../images/icons/icon-compare-menu-hover.svg");
  background-size: 100% auto;
}

.nav_viewed a::before {
  background-image: url("../images/icons/icon-eye-menu.svg");
  background-size: 90% auto;
}

.nav_viewed:hover a::before {
  background-image: url("../images/icons/icon-eye-menu-hover.svg");
}

.nav_viewed.active a {
  color: #00c595;
}

.nav_viewed.active a::before {
  background-image: url("../images/icons/icon-eye-menu-hover.svg");
  background-size: 100% auto;
}

.nav_logout a::before {
  background-image: url("../images/icons/icon-logout.svg");
  background-size: 80% auto;
}

.nav_logout:hover a::before {
  background-image: url("../images/icons/icon-logout-hover.svg");
}

.nav_logout.active a {
  color: #00c595;
}

.nav_logout.active a::before {
  background-image: url("../images/icons/icon-logout-hover.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.cabinet__right_part {
  flex: 0 1 calc(100% - 334px);
  padding: 0 0 0 30px;
  display: flex;
  margin: 0 0 65px 0;
  flex-wrap: wrap;
}

.personal_data,
.cabinet_cart,
.cabinet_history,
.cabinet_history_item,
.cabinet__wish_lists,
.cabinet_trade_in {
  flex: 0 0 100%;
  background-color: #ffffff;
  border-radius: 23px;
  padding: 30px;
}

.contact_details__name,
.contact_details__last_name,
.contact_details__email,
.contact_details__phone,
.contact_ad__name,
.contact_ad__gender,
.contact_ad__language,
.cda__city,
.cda__address {
  display: flex;
  margin: 0 0 25px;
}

.contact_details__delivery_address {
  display: flex;
  flex-wrap: wrap;
}

.contact_details__data_field,
.contact_ad__data_field,
.cda__data_field {
  flex: 0 1 100%;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  color: #495053;
  margin: 0 0 5px 0;
  flex-wrap: wrap;
}

.contact_details__data_field,
.cda__data_field,
.contact_ad__data_field {
  flex: 0 1 200px;
  margin: 0 40px 0 0;
}

.contact_details__data_value,
.cda__data_value,
.contact_ad__data_value {
  flex: 0 1 calc(100% - 240px);
}

.contact_details__title,
.contact_ad__title,
.cda__title,
.cpb__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 30px 0;
}

.edit_value {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon-edit-value.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.delete_address {
  display: block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-image: url("../images/icons/icon-delete-address.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 20px;
  position: relative;
  top: -1px;
}

.contact_details__data_value,
.contact_ad__data_value,
.cda__data_value {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 400;
}

.contact_details__data_value .chose_condition,
.contact_ad__data_value .chose_condition,
.cda__data_value .chose_condition {
  margin: 0;
}

.contact_details__data_add {
  margin-top: 10px;
  width: 100%;
  color: #00c595;
}

.contact_details__data_add span {
  cursor: pointer;
}

.contact_details__data_add span:hover {
  filter: brightness(0.6);
}

.chose_condition {
  display: flex;
}

.chose_condition .condition {
  margin-right: 20px;
  margin-bottom: 10px;
}

.chose_condition .btn_cc {
  border: 1px solid #c4c4c4;
  outline: none;
  padding: 5px 10px;
  background: transparent;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #131414;
  margin: 0 5px 0 0;
  cursor: pointer;
}

.chose_condition .btn_cc:hover {
  border: 1px solid #00c595;
  background: white;
  color: #009d76;
}

.chose_condition .cc_active {
  border: 1px solid #00c595;
  background: white;
  color: #009d76;
}

.contact_ad__gender .contact_ad__data_field,
.contact_ad__language .contact_ad__data_field {
  align-self: center;
}

.contact_additional_data {
  margin: 50px 0 0 0;
}

.contact_additional_data .form_submit {
  margin: 0;
}

.contact_additional_data .form_sub_btn {
  margin: 25px 0 25px 0;
}

.row_password {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 30px;
}

.row_password .contact_details__data_field {
  align-items: center;
}

.row_password .form_block {
  margin: 0;
}

.contact_pass_block {
  display: flex;
  flex-wrap: wrap;
}

.contact_pass_block .input {
  max-width: 320px;
}

.contact_pass_block label {
  font-size: 18px;
}

.contact_pb__item {
  margin: 0 40px 0 0;
}

.contact_pb__item a {
  text-decoration: none;
  color: #00c595;
  font-size: 18px;
  font-weight: 400;
}

.contact_pb__item a:link,
.contact_pb__item a:visited {
  color: #00c595;
}

.contact_pb__item a:hover {
  filter: brightness(0.6);
}

.cabinet_cart__title,
.cabinet_history__title,
.cabinet_hi__title,
.cabinet_trade_in__title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
}

.cabinet_cart__group,
.cabinet_history__group {
  width: 100%;
}

.cabinet_cart__group_item,
.cabinet_history__item,
.cabinet__wl_item,
.cabinet_trade_in__item {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  background-color: #f0f0f2;
  border-radius: 23px;
  margin-bottom: 15px;
}

.cabinet_cart__group_item:last-child,
.cabinet_history__item:last-child,
.cabinet__wl_item:last-child,
.cabinet_trade_in__item:last-child {
  margin-bottom: 0;
}

.cabinet_cart__group_item {
  border-radius: 0;
  margin: 0 0 7px;
}

.cabinet_cart__group_item:nth-child(1) {
  border-radius: 23px 23px 0 0;
}

.cabinet_cart__group_item:nth-last-child(1) {
  border-radius: 0 0 23px 23px;
  margin: 0;
}

.cabinet_cart__group_item.one_item {
  border-radius: 23px;
}

.cabinet_cart__goods_img {
  flex: 0 1 120px;
  height: 100%;
  align-self: center;
  padding: 10px;
  background-color: #fff;
  border-radius: 12px;
}

.cabinet_cart__goods_img img {
  height: auto;
  width: 100%;
  border-radius: 8px;
}

.cabinet_cart__brief_description {
  flex: 0 1 calc(100% - 210px);
  padding: 0 30px;
}

.cabinet_cart__item_name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
}

.cabinet_cart__item_description {
  display: flex;
  flex-wrap: wrap;
}

.cabinet_cart__item_description .cabinet_cart__item_description_value {
  display: flex;
  margin: 0 10px 10px 0;
  font-size: 14px;
  font-weight: 500;
}

.cabinet_cart__item_description span {
  padding: 5px 10px;
  color: #ffffff;
  background-color: #00c595;
  border-radius: 5px;
}

.cabinet_cart__goods_price {
  position: relative;
  flex: 0 1 90px;
}

.cabinet_cart__price_uah,
.cabinet_cart__price_usd,
.cabinet_cart__delete_item {
  width: 100%;
  text-align: right;
}

.cabinet_cart__price_uah {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 8px;
}

.cabinet_cart__price_usd {
  display: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #5b5b5b;
}

.cabinet_cart__delete_item {
  position: absolute;
  bottom: 0;
  right: 0;
}

.cabinet_cart__delete_wrapper {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #b20000;
  padding: 3px;
  cursor: pointer;
  opacity: 0.75;
}

.cabinet_cart__delete_wrapper::before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon-delete.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 20px;
  left: 10px;
  bottom: 0;
  transition: 0.15s;
}

.cabinet_cart__delete_wrapper:hover {
  opacity: 1;
  cursor: pointer;
}

.total {
  margin-top: 60px;
  display: flex;
}

.total .total__text,
.total .total__sum {
  flex: 0 1 50%;
}

.total .total__sum {
  text-align: right;
}

.total .total__sum_uah {
  font-size: 36px;
  font-weight: 600;
}

.total .total__sum_usd {
  font-size: 24px;
  font-weight: 400;
  color: #5b5b5b;
  margin-top: 15px;
}

.total .total__text {
  font-size: 16px;
  font-weight: 600;
}

.form_submit {
  text-align: center;
}

.form_sub_btn {
  outline: none;
  border: none;
  color: #ffffff;
  background-color: #00c595;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 40px;
  border-radius: 100px;
  text-decoration: none;
  opacity: 0.85;
}

.form_sub_btn:hover {
  opacity: 1;
}

.cabinet_history__order_prop,
.cabinet_trade_in__order_props {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  color: #5b5b5b;
}

.cabinet_trade_in__order_number,
.cabinet_history__order_number {
  flex: 0 0 250px;
}

.cabinet_history__order_date,
.cabinet_trade_in__order_date {
  flex: 0 0 150px;
}

.cabinet_history__order_number a {
  text-decoration: none;
  color: #00c595;
  pointer-events: none;
}

.cabinet_history__order_status,
.cabinet_trade_in__order_status {
  flex: 0 0 200px;
  display: flex;
  justify-content: flex-end;
}

.order_in_processing {
  color: #2d60e2;
}

.order_done {
  color: #00c595;
}

.order_cancel {
  color: rgba(74, 87, 89, 0.5019607843);
}

.cabinet_history__img {
  width: 75px;
  height: 75px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
}

.cabinet_history__img_more_goods {
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(74, 87, 89, 0.5);
  border-radius: 23px;
  font-size: 24px;
  font-weight: 400;
}

.cabinet_history__order_detail {
  display: flex;
  width: 100%;
  margin: 20px 0 0 0;
}

.cabinet_history__img_group {
  display: flex;
  align-items: center;
  flex: 0 1 calc(100% - 200px);
}

.cabinet_history__img {
  margin: 0 20px 0 0;
}

.cabinet_history__total {
  flex: 0 1 200px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.cabinet_history__total_price {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.cabinet_history__goods_quantity {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}

.cabinet_history__total_price_usd {
  display: none;
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.cabinet_history__total_price_uah {
  font-size: 16px;
  font-weight: 500;
}

.cabinet_history__pagination {
  margin: 40px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.cabinet_history__pagination ul {
  display: flex;
  justify-content: center;
}

.cabinet_history__pagination ul li {
  margin-right: 35px;
}

.cabinet_history__pagination ul a {
  display: block;
  text-decoration: none;
  background: #ffffff;
  padding: 9px 16px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #131414;
}

.cabinet_history__pagination ul .pagination_prev a {
  position: relative;
  padding-left: 40px;
  font-size: 15px;
}

.cabinet_history__pagination ul .pagination_prev a:before {
  content: " ";
  width: 8px;
  height: 12px;
  position: absolute;
  left: 16px;
  top: 13px;
  background: url(../images/icons/icon-arrow-left-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_history__pagination ul .pagination_next {
  margin-right: 0;
}

.cabinet_history__pagination ul .pagination_next a {
  position: relative;
  padding-right: 40px;
  font-size: 15px;
}

.cabinet_history__pagination ul .pagination_next a:before {
  content: " ";
  width: 8px;
  height: 12px;
  position: absolute;
  right: 16px;
  top: 13px;
  background: url(../images/icons/icon-arrow-right-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_hi__order_number {
  font-size: 18px;
  font-weight: 400;
}

.history_details {
  display: flex;
  width: 100%;
}

.history_details .history_details__left {
  flex: 0 1 200px;
}

.history_details .history_details__right {
  flex: 0 1 calc(100% - 200px);
  padding: 0 0 0 50px;
}

.history_details .history_details__operation_date,
.history_details .history_details__operation_status {
  font-size: 14px;
  font-weight: 400;
  color: #5b5b5b;
}

.history_details .history_details__operation_date {
  margin: 0 0 10px 0;
}

.history_details .history_details__status_item {
  padding: 0 0 0 15px;
  margin: 0 0 20px 0;
}

.history_details .history_details__status_item:first-child {
  position: relative;
}

.history_details .history_details__status_item:first-child::before {
  content: " ";
  width: 5px;
  height: 43px;
  position: absolute;
  left: 0;
  top: -2px;
  background-color: #00c595;
  border-radius: 13px;
  z-index: 10;
}

.history_details .operation_done {
  color: #00c595;
}

.history_details .history_details__status {
  position: relative;
}

.history_details .history_details__status::before {
  content: " ";
  width: 5px;
  height: 215px;
  position: absolute;
  left: 0;
  top: -2px;
  background-color: #c4c4c4;
  border-radius: 13px;
}

.history_details .history_details__order_info {
  font-size: 14px;
  font-weight: 400;
  margin: 30px 0 0 0;
}

.history_details .history_details__delivery_terms {
  padding: 0 0 0 25px;
  position: relative;
  margin: 0 0 15px 0;
}

.history_details .history_details__delivery_terms::before {
  content: " ";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -3px;
  background: url(../images/icons/icon-shipment-side.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.history_details .history_details__client_name {
  padding: 0 0 0 25px;
  position: relative;
  margin: 0 0 15px 0;
}

.history_details .history_details__client_name::before {
  content: " ";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -4px;
  background: url(../images/icons/icon-user-side.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.history_details .history_details__client_phone {
  padding: 0 0 0 25px;
  position: relative;
  margin: 0 0 15px 0;
}

.history_details .history_details__client_phone::before {
  content: " ";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -3px;
  background: url(../images/icons/icon-phone-side.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.history_details .history_details__client_email {
  padding: 0 0 0 25px;
  position: relative;
  margin: 0 0 15px 0;
}

.history_details .history_details__client_email::before {
  content: " ";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -3px;
  background: url(../images/icons/icon-mail-side.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.history_details .history_details__client_payment {
  padding: 0 0 0 25px;
  position: relative;
  margin: 0 0 15px 0;
}

.history_details .history_details__client_payment::before {
  content: " ";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -3px;
  background: url(../images/icons/icon-payment2-side.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.history_details .history_details__list_header {
  display: flex;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #5b5b5b;
}

.history_details .history_details__product_field {
  flex: 0 1 calc(100% - 300px);
}

.history_details .history_details__price_field,
.history_details .history_details__quantity_field,
.history_details .history_details__sum_field {
  flex: 0 1 100px;
  text-align: center;
}

.history_details .history_details__list_item {
  display: flex;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin: 20px 0 0 0;
}

.history_details .history_details__product_value {
  flex: 0 1 calc(100% - 300px);
  display: flex;
}

.history_details .history_details__product_img {
  width: 75px;
  height: 75px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.history_details .history_details__price_usd,
.history_details .history_details__sum_usd {
  color: #5b5b5b;
  text-align: right;
}

.history_details .history_details__price_uah,
.history_details .history_details__sum_uah {
  text-align: right;
}

.history_details .history_details__price_value,
.history_details .history_details__quantity_value,
.history_details .history_details__sum_value {
  flex: 0 1 100px;
}

.history_details .history_details__list_group {
  margin: 25px 0 0 0;
}

.history_details .history_details__quantity_value {
  text-align: center;
}

.history_details .history_details__price_usd,
.history_details .history_details__sum_usd {
  margin: 10px 0 0 0;
}

.history_details .history_details__product_name {
  padding: 0 0 0 15px;
}

.history_details .history_details__total_quantity {
  text-align: right;
  font-size: 18px;
  font-weight: 400;
}

.history_details .history_details__total_sum {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 20px 0 0 0;
}

.history_details .history_details__total_sum_usd {
  margin: 0 20px 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.history_details .history_details__total_sum_uah {
  font-size: 24px;
  font-weight: 500;
}

.history_details .history_details__total {
  margin: 50px 0 0 0;
}

.btn_add_list {
  outline: none;
  border: none;
  color: #ffffff;
  background-color: #00c595;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 5px;
  margin-top: 20px;
}

.btn_add_list:hover {
  opacity: 0.65;
}

.cabinet__wl_title {
  font-size: 36px;
  font-weight: 600;
}

.wl_title_edit {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon-edit-value.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.cabinet__wl_props {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.cabinet__wl_props_title {
  font-size: 24px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.cabinet__wl_delete_wrapper {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #b20000;
  padding: 3px;
  cursor: pointer;
}

.cabinet__wl_delete_wrapper::before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon-delete.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 20px;
  left: -20px;
  bottom: 0;
}

.cabinet__wl_img_group {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c4c4c4;
  width: 100%;
  padding: 0 0 20px 0;
}

.cabinet__wl_img {
  width: 75px;
  height: 75px;
  margin: 0 20px 0 0;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet__wl_detail {
  margin: 20px 0 0 0;
  width: 100%;
}

.btn_buy_all {
  outline: none;
  border: none;
  color: #ffffff;
  background-color: #00c595;
  font-size: 16px;
  font-weight: 700;
  padding: 11px 30px;
  border-radius: 44px;
}

.btn_buy_all:hover {
  opacity: 0.65;
}

.cabinet__wl_total {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}

.cabinet__wl_total_price {
  flex: 0 1 200px;
  display: flex;
  flex-wrap: wrap;
}

.cabinet__wl_price {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.cabinet__wl_quantity {
  font-size: 16px;
  font-weight: 400;
  text-align: right;
  width: 100%;
  margin-bottom: 10px;
}

.cabinet__wl_price_usd {
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
  text-align: right;
  margin-right: 15px;
}

.cabinet__wl_price_uah {
  display: none;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
}

.cabinet__wl_total_buy {
  margin-left: 30px;
}

.cabinet__wl_add_list {
  margin-bottom: 20px;
  justify-content: flex-end;
  display: flex;
}

.cabinet_trade_in__db_title,
.cabinet_trade_in__dс_title {
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
  margin-bottom: 15px;
}

.cabinet_trade_in__order_props {
  margin-bottom: 30px;
}

.cabinet_trade_in__db_group,
.cabinet_trade_in__dс_group {
  display: flex;
  width: 100%;
}

.cabinet_trade_in__db_img,
.cabinet_trade_in__dс_img {
  width: 75px;
  height: 75px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_trade_in__db_price,
.cabinet_trade_in__dс_price {
  flex: 0 1 100px;
}

.cabinet_trade_in__device_buy,
.cabinet_trade_in__device_change {
  width: 100%;
}

.cabinet_trade_in__db_name,
.cabinet_trade_in__dс_name {
  flex: 0 1 calc(100% - 175px);
  padding: 0 0 0 20px;
  font-size: 16px;
  font-weight: 400;
}

.cabinet_trade_in__db_price_uah,
.cabinet_trade_in__db_price_usd,
.cabinet_trade_in__dс_price_uah,
.cabinet_trade_in__dс_price_usd {
  text-align: right;
}

.cabinet_trade_in__db_price_uah,
.cabinet_trade_in__dс_price_uah {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.cabinet_trade_in__db_price_usd,
.cabinet_trade_in__dс_price_usd {
  font-size: 16px;
  font-weight: 500;
  color: #5b5b5b;
}

.cabinet_trade_in__footnote {
  font-size: 14px;
  font-weight: 400;
  color: #5b5b5b;
  margin: 10px 0 0 0;
}

.cabinet_trade_in__device_change {
  margin: 20px 0 0 0;
}

.cabinet_trade_in__surcharge {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.trade_in_program {
  width: 100%;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}

.cabinet_trade_in__surcharge_total {
  display: flex;
  margin-top: 15px;
}

.cabinet_trade_in__st_usd {
  margin-right: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.cabinet_trade_in__st_uah {
  font-size: 16px;
  font-weight: 500;
}

.cabinet_compare {
  width: 100%;
}

.cabinet_compare__title {
  width: 100%;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 23px;
  font-size: 36px;
  font-weight: 600;
}

.cabinet_compare .compare__group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cabinet_compare .compare__group_item {
  margin-right: 8px;
  flex: 0 1 326px;
}

.cabinet_compare .compare__group_item:first-child .compare__common_description {
  border-radius: 23px 0 0 0;
}

.cabinet_compare .compare__group_item:first-child .compare__detail_description {
  border-radius: 0 0 0 23px;
}

.cabinet_compare .compare__group_item:last-child {
  margin-right: 0;
}

.cabinet_compare .compare__group_item:last-child .compare__common_description {
  border-radius: 0 23px 0 0;
}

.cabinet_compare .compare__group_item:last-child .compare__detail_description {
  border-radius: 0 0 23px 0;
}

.cabinet_compare .condition_switcher {
  margin-top: 30px;
}

.cabinet_compare .condition_switcher .show_condition {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
}

.cabinet_compare .condition_switcher .chose_condition {
  margin-bottom: 50px;
  display: flex;
}

.cabinet_compare .condition_switcher .chose_condition .cc_all {
  margin-right: 20px;
}

.cabinet_compare .condition_switcher .chose_condition .btn_cc {
  border: 1px solid #9d9d9d;
  outline: none;
  padding: 10px 20px;
  background: transparent;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #131414;
}

.cabinet_compare .condition_switcher .chose_condition .cc_active {
  border: 1px solid #00c595;
  background: #00c595;
  color: #ffffff;
}

.cabinet_compare .compare__common_description {
  position: relative;
  flex: 0 1 334px;
  min-height: 515px;
  background-color: #ffffff;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: inset 0 -5px 5px -5px #d3d3d3;
}

.cabinet_compare .compare__common_description .compare__img {
  width: 242px;
  height: 242px;
  margin: 0 auto;
}

.cabinet_compare .compare__common_description .compare__img img {
  height: 100%;
  width: auto;
}

.cabinet_compare .compare__common_description .compare__product_name {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
}

.cabinet_compare .compare__common_description .compare__price {
  display: flex;
  justify-content: space-around;
  margin-top: auto;
}

.cabinet_compare .compare__common_description .compare__price .compare__price_uah {
  font-size: 18px;
  font-weight: 600;
}

.cabinet_compare .compare__common_description .compare__price .compare__price_usd {
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.cabinet_compare .compare__common_description .compare__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
}

.cabinet_compare .compare__common_description .compare__buy .ng_icon {
  display: block;
  width: 20px;
  height: 20px;
}

.cabinet_compare .compare__common_description .compare__buy .ng_favorite {
  background: url(../images/icons/icon-favorite.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__buy .ng_compare {
  background: url(../images/icons/icon-comparison-green.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__buy .buy_btn {
  border: none;
  outline: none;
  padding: 5px 46px;
  background-color: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.cabinet_compare .compare__common_description .compare__buy .compare__favorite a:hover span {
  background: url(../images/icons/icon-favorite-active.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__buy .compare__compare a:hover span {
  opacity: 0.65;
}

.cabinet_compare .compare__common_description .compare__characteristics {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
}

.cabinet_compare .compare__common_description .compare__characteristics .ng_char {
  display: block;
  width: 30px;
  height: 30px;
}

.cabinet_compare .compare__common_description .compare__characteristics .ng_screen_size {
  background: url(../images/icons/icon-screeen-size.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__characteristics .ng_ram {
  background: url(../images/icons/icon-RAM.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__characteristics .ng_broadband {
  background: url(../images/icons/icon-broadband.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__characteristics .ng_fast_charge {
  background: url(../images/icons/icon-fast-charge.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__characteristics .ng_screen_resolution {
  background: url(../images/icons/icon-screen-resolution.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__characteristics .ng_lens_angle {
  background: url(../images/icons/icon-lens-angle.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_compare .compare__common_description .compare__stock {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
}

.cabinet_compare .compare__common_description .compare__stock span {
  position: absolute;
  top: 265px;
  left: 35px;
}

.cabinet_compare .compare__common_description .compare__close_icon {
  position: absolute;
  top: 18px;
  right: 20px;
  height: 16px;
  width: 16px;
  background: url(../images/icons/icon-cross.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.cabinet_compare .compare__detail_description {
  position: relative;
  flex: 0 1 334px;
  background-color: #ffffff;
  padding: 30px 27px;
}

.cabinet_compare .compare__detail_description .compare__dd_item {
  margin-bottom: 30px;
}

.cabinet_compare .compare__detail_description .compare__field {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
}

.cabinet_compare .compare__detail_description .compare__value {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.cabinet_wish_lists_item {
  width: 100%;
}

.cabinet_wish_lists_item .cabinet_wli__title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 23px;
  margin-bottom: 30px;
}

.cabinet_wish_lists_item .cabinet_wli__delete {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #b20000;
  padding: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.cabinet_wish_lists_item .cabinet_wli__delete::before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon-delete.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: -20px;
  bottom: 9px;
}

.cabinet_wish_lists_item .cabinet_wli__edit {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon-edit-value.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
  position: relative;
  top: -4px;
}

.cabinet_wish_lists_item .cabinet_wli__name {
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
}

.cabinet_wish_lists_item .cabinet_wli__group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cabinet_wish_lists_item .cabinet_wli__group_item {
  margin: 0 8px 8px 0;
  flex: 0 1 326px;
}

.cabinet_wish_lists_item .cabinet_wli__group_item:first-child .cabinet_wli__common_description {
  border-radius: 23px 0 0 0;
}

.cabinet_wish_lists_item .cabinet_wli__group_item:last-child .cabinet_wli__common_description {
  border-radius: 0 0 23px 0;
}

.cabinet_wish_lists_item .cabinet_wli__group_item:nth-child(3n) {
  margin-right: 0;
}

.cabinet_wish_lists_item .cabinet_wli__group_item:nth-child(3) .cabinet_wli__common_description {
  border-radius: 0 23px 0 0;
}

.cabinet_wish_lists_item .cabinet_wli__common_description {
  position: relative;
  flex: 0 1 334px;
  min-height: 515px;
  background-color: #ffffff;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__img {
  width: 242px;
  height: 242px;
  margin: 0 auto;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__img img {
  height: 100%;
  width: auto;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__product_name {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__price {
  display: flex;
  justify-content: space-around;
  margin-top: auto;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__price .cabinet_wli__price_uah {
  font-size: 18px;
  font-weight: 600;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__price .cabinet_wli__price_usd {
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
  position: relative;
  z-index: 20;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy .ng_icon {
  display: block;
  width: 20px;
  height: 20px;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy .ng_favorite {
  background: url(../images/icons/icon-favorite.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy .ng_compare {
  background: url(../images/icons/icon-comparison-green.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy .buy_btn {
  border: none;
  outline: none;
  padding: 5px 46px;
  background: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy .buy_btn:hover {
  opacity: 0.65;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy .cabinet_wli__favorite a:hover span {
  background: url(../images/icons/icon-favorite-active.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__buy .cabinet_wli__compare a:hover span {
  opacity: 0.65;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics .ng_char {
  display: block;
  width: 30px;
  height: 30px;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics .ng_screen_size {
  background: url(../images/icons/icon-screeen-size.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics .ng_ram {
  background: url(../images/icons/icon-RAM.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics .ng_broadband {
  background: url(../images/icons/icon-broadband.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics .ng_fast_charge {
  background: url(../images/icons/icon-fast-charge.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics .ng_screen_resolution {
  background: url(../images/icons/icon-screen-resolution.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__characteristics .ng_lens_angle {
  background: url(../images/icons/icon-lens-angle.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .compare__stock {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .compare__stock span {
  position: absolute;
  top: 265px;
  left: 35px;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__close_icon {
  position: absolute;
  top: 18px;
  right: 20px;
  height: 16px;
  width: 16px;
  background: url(../images/icons/icon-cross.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 20;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__whole_block_link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.cabinet_wish_lists_item .cabinet_wli__common_description .cabinet_wli__whole_block_link a {
  display: flex;
  width: 100%;
  height: 100%;
}

.cabinet_viewed {
  width: 100%;
}

.cabinet_viewed .cabinet_viewed__title {
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-weight: 600;
  width: 100%;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 23px;
  margin-bottom: 30px;
}

.cabinet_viewed .btn_ca {
  border: 2px solid #c4c4c4;
  outline: none;
  padding: 10px 20px;
  background: transparent;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #131414;
}

.cabinet_viewed .btn_ca:hover {
  opacity: 0.65;
}

.cabinet_viewed .cabinet_viewed__group {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 20px 0;
}

.cabinet_viewed .cabinet_viewed__group_item {
  margin: 0 8px 8px 0;
  flex: 0 1 326px;
}

.cabinet_viewed .cabinet_viewed__group_item:first-child .cabinet_viewed__common_description {
  border-radius: 23px 0 0 0;
}

.cabinet_viewed .cabinet_viewed__group_item:last-child .cabinet_viewed__common_description {
  border-radius: 0 0 23px 0;
}

.cabinet_viewed .cabinet_viewed__group_item:nth-child(3n) {
  margin-right: 0;
}

.cabinet_viewed .cabinet_viewed__group_item:nth-child(3) .cabinet_viewed__common_description {
  border-radius: 0 23px 0 0;
}

.cabinet_viewed .cabinet_viewed__common_description {
  position: relative;
  flex: 0 1 334px;
  min-height: 515px;
  background-color: #ffffff;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__img {
  width: 242px;
  height: 242px;
  margin: 0 auto;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__img img {
  height: 100%;
  width: auto;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__product_name {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__price {
  display: flex;
  justify-content: space-around;
  margin-top: auto;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__price .cabinet_viewed__price_uah {
  font-size: 18px;
  font-weight: 600;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__price .cabinet_viewed__price_usd {
  font-size: 16px;
  font-weight: 400;
  color: #5b5b5b;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
  position: relative;
  z-index: 20;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy .ng_icon {
  display: block;
  width: 20px;
  height: 20px;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy .ng_favorite {
  background: url(../images/icons/icon-favorite.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy .ng_compare {
  background: url(../images/icons/icon-comparison-green.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy .buy_btn {
  border: none;
  outline: none;
  padding: 5px 46px;
  background: #00c595;
  border-radius: 54px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy .buy_btn:hover {
  opacity: 0.65;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy .cabinet_viewed__favorite a:hover span {
  background: url(../images/icons/icon-favorite-active.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__buy .cabinet_viewed__compare a:hover span {
  opacity: 0.65;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 25px;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics .ng_char {
  display: block;
  width: 30px;
  height: 30px;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics .ng_screen_size {
  background: url(../images/icons/icon-screeen-size.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics .ng_ram {
  background: url(../images/icons/icon-RAM.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics .ng_broadband {
  background: url(../images/icons/icon-broadband.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics .ng_fast_charge {
  background: url(../images/icons/icon-fast-charge.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics .ng_screen_resolution {
  background: url(../images/icons/icon-screen-resolution.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__characteristics .ng_lens_angle {
  background: url(../images/icons/icon-lens-angle.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabinet_viewed .cabinet_viewed__common_description .compare__stock {
  font-size: 14px;
  font-weight: 500;
  color: #ba0000;
}

.cabinet_viewed .cabinet_viewed__common_description .compare__stock span {
  position: absolute;
  top: 265px;
  left: 35px;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__close_icon {
  position: absolute;
  top: 18px;
  right: 20px;
  height: 16px;
  width: 16px;
  background: url(../images/icons/icon-cross.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 20;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__whole_block_link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.cabinet_viewed .cabinet_viewed__common_description .cabinet_viewed__whole_block_link a {
  display: flex;
  width: 100%;
  height: 100%;
}

.personal_data_mobile {
  display: none;
  position: fixed;
  justify-content: center;
  top: 44px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 100;
}

.personal_data_mobile.active {
  display: flex;
}

.personal_data_mobile .cabinet__left_part {
  align-self: flex-start;
}

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

.contact_details__name .form_block {
  margin: 0;
  width: 100%;
}

.cda__city {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.cda__city .form_block {
  margin: 0;
  width: 100%;
}

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

.contact_details__last_name .form_block {
  margin: 0;
  width: 100%;
}

.cda__address {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.cda__address .form_block {
  margin: 0;
  width: 100%;
}

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

.contact_details__email .form_block {
  margin: 0;
  width: 100%;
}

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

.contact_details__phone .form_block {
  margin: 0;
  width: 100%;
}

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

.contact_ad__name .form_block {
  margin: 0;
}

.contact_details .form_block .input {
  border: 1px solid #cecece;
  position: relative;
}

.contact_details .form_block .input:hover {
  border: 1px solid #00c595;
}

.contact_delivery_address .form_block .input {
  border: 1px solid #cecece;
}

.contact_delivery_address .form_block .input:hover {
  border: 1px solid #00c595;
}

.personal_data:nth-child(2) {
  margin: 40px 0 0 0;
}

.input {
  position: relative;
}

::placeholder {
  color: #b3b3b3;
}

.cabinet_login__form_container .form_reminder__text {
  margin: 0 0 10px;
}

.cabinet_login__form_container .form_reminder__text a {
  font-size: 13px;
}

.alert-success,
.help-block {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  line-height: 1.2;
  background-color: #00c595;
  color: white;
  border-radius: 10px;
  margin-bottom: 20px;
  width: 100%;
}

.container {
  position: relative;
  max-width: 1440px;
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.tradein_all {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.tradein_info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

/* "Як проходить Trade-in" — 4-step block (ported from service.applefun.com.ua) */
.tradein-steps {
  width: 100%;
  padding: 60px 20px;
  background: #f8f9fb;
}

.tradein-steps__container {
  max-width: 1100px;
  margin: 0 auto;
}

.tradein-steps__subtitle {
  text-align: center;
  font-size: 17px;
  color: #666;
  margin: 0 0 48px;
}

.tradein-steps__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.tradein-step {
  background: #fff;
  border-radius: 16px;
  padding: 28px 22px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tradein-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.tradein-step__number {
  width: 48px;
  height: 48px;
  margin: 0 auto 18px;
  background-color: #00c595;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tradein-step__title {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 10px;
  line-height: 1.3;
}

.tradein-step__text {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  margin: 0;
}

@media (max-width: 900px) {
  .tradein-steps__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .tradein-steps {
    padding: 40px 16px;
  }
  .tradein-steps__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .tradein-step {
    padding: 22px 18px;
  }
}
.top_content {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 23px;
  width: 100%;
  max-width: 1360px;
  height: 600px;
  margin-bottom: 60px;
}

.top_content_image {
  position: absolute;
  display: flex;
  background-image: url(/images/tradein/image_tradein.png);
  background-size: auto;
  border-radius: 23px;
  filter: brightness(0.5);
  width: 100%;
  max-width: 1360px;
  height: 600px;
  z-index: 10;
}

.top_content_text {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  width: 100%;
  height: 100px;
  z-index: 100;
}

.top_content_text h1 {
  font-size: 36px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #ffffff;
  width: 100%;
}

.top_content_text p {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  width: 100%;
}

.guide_content {
  position: relative;
  display: flex;
  width: 70%;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 60px;
}

.block_guide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.background_tradein {
  display: flex;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.background_tradein_choose {
  background-color: #00c595;
  mask-image: url(/images/tradein/image_tradein_buy.png);
  -webkit-mask-image: url(/images/tradein/image_tradein_buy.png);
}

.background_tradein_specify {
  background-color: #00c595;
  mask-image: url(/images/tradein/image_tradein_exchange.png);
  -webkit-mask-image: url(/images/tradein/image_tradein_exchange.png);
}

.background_tradein_submit {
  background-color: #00c595;
  mask-image: url(/images/tradein/tradein_document.svg);
  -webkit-mask-image: url(/images/tradein/tradein_document.svg);
  mask-size: 60px;
  -webkit-mask-size: 60px;
}

.text_tradein {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  height: 100px;
}

.text_tradein h3 {
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #00c595;
  width: 100%;
}

.text_tradein .text_tradein_info {
  display: flex;
  align-items: flex-start;
  height: 100%;
}

.text_tradein .text_tradein_info p {
  font-size: 18px;
  font-weight: 400;
}

.block_guide_arrow {
  display: flex;
}

.block_guide_arrow svg {
  width: 100px;
}

.tradein_buy,
.tradein_exchange,
.tradein_application {
  background-color: white;
  border-radius: 23px;
  width: 100%;
}

.tradein_buy,
.tradein_exchange {
  margin-bottom: 50px;
}

.tradein_application {
  margin-bottom: 25px;
}

.tradein_name {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 40px;
}

.tradein_name .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background-color: #00c595;
  color: white;
  font-size: 36px;
  border-radius: 50%;
  margin-right: 10px;
}

.tradein_name h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  margin: 0;
}

.tradein_choice {
  position: relative;
  display: flex;
  justify-content: start;
  margin: 0 40px 40px;
}

.tradein_choice ul {
  display: flex;
}

.tradein_choice .navigation_select {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  text-align: center;
  margin-right: 20px;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.tradein_choice .navigation_select_icon {
  width: 110px;
  height: auto;
  object-fit: contain;
  margin-bottom: 8px;
}

.tradein_choice .navigation_select span {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  height: 42px;
  padding: 10px 20px;
  color: black;
  font-size: 18px;
  font-weight: 600;
}

.tradein_choice .hiden {
  display: none;
}

.tradein_choice .choice_select span {
  border: 0;
  background-color: #00c595;
  color: white;
}

.tradein_menu {
  position: relative;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0 40px;
  margin-bottom: 40px;
}

.tradein_menu .tradein_menu_right {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-self: flex-start;
  align-content: flex-start;
  height: 100%;
  border: 1px solid #c4c4c4;
}

.tradein_menu .tradein_menu_left {
  border-radius: 5px 0 0 5px;
  max-width: 480px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  height: fit-content;
}

.tradein_menu .select_menu {
  display: flex;
  flex-wrap: wrap;
  margin-right: 40px;
  justify-content: space-between;
}

.tradein_menu .model_select,
.tradein_menu .memory_capacity_select,
.tradein_menu .memory_select,
.tradein_menu .internet_select,
.tradein_menu .year_select,
.tradein_menu .watch_select {
  width: 100%;
  height: fit-content;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
  margin-bottom: 20px;
  color: black;
  font-size: 16px;
  font-weight: 600;
}

.tradein_menu .arrow {
  position: relative;
}

.tradein_menu .arrow::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-arrow-down-black.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 10px;
  top: 4px;
  left: 385px;
  cursor: pointer;
}

.tradein_menu .select_tradein {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 200px;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
  margin-bottom: 20px;
  color: black;
  font-size: 16px;
  font-weight: 400;
  overflow-y: scroll;
}

.tradein_menu .select_tradein div {
  padding: 10px 20px;
  width: 100%;
}

.tradein_menu .tradein_menu_right {
  border-radius: 0 5px 5px 0;
  max-width: 720px;
  width: 100%;
}

.tradein_menu .tradein_menu_name {
  display: flex;
  align-self: flex-start;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
}

.tradein_menu_search {
  position: relative;
  display: flex;
  align-self: flex-start;
  width: 100%;
}

.tradein_menu_search form {
  width: 100%;
  padding: 0 30px;
}

.tradein_menu_search form .input_row {
  position: relative;
  display: flex;
  width: 100%;
}

.tradein_menu_search form .input_row .input {
  display: flex;
  position: relative;
  width: 100%;
  background-color: #f0f0f2;
  border-radius: 10px 0 0 10px;
  border: 1px solid #f0f0f2;
  height: 34px;
  margin: 0 5px 0 0;
}

.tradein_menu_search form .input_row .input input {
  position: relative;
  width: 100%;
  border: 0;
  background-color: transparent;
  padding: 8px 16px 8px 35px;
  font-size: 14px;
}

.tradein_menu_search .sub_btn {
  border: none;
  outline: none;
  padding: 8px 25px;
  background: #00c595;
  border-radius: 0 10px 10px 0;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color: #ffffff;
}

.tradein_menu_search .search_icon {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-image: url(/images/icons/icon-search.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.tradein_menu_search_menu_buy {
  height: 285px;
}

.tradein_menu_search_menu_exchange {
  height: 600px;
}

.tradein_menu_search_menu_buy,
.tradein_menu_search_menu_exchange {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 15px 30px 0;
}

.tradein_menu_search_menu_buy .search_menu_scroll,
.tradein_menu_search_menu_exchange .search_menu_scroll {
  position: relative;
  overflow-y: scroll;
  height: 100%;
}

.tradein_menu_search_menu_buy .search_menu_scroll::-webkit-scrollbar,
.tradein_menu_search_menu_exchange .search_menu_scroll::-webkit-scrollbar {
  width: 5px;
}

.tradein_menu_search_menu_buy .search_menu_scroll::-webkit-scrollbar-track,
.tradein_menu_search_menu_exchange .search_menu_scroll::-webkit-scrollbar-track {
  border: 0;
  border-radius: 40px;
  padding: 2px 0;
  background-color: #f0f0f0;
}

.tradein_menu_search_menu_buy .search_menu_scroll::-webkit-scrollbar-thumb,
.tradein_menu_search_menu_exchange .search_menu_scroll::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: #00c595;
  border: 1px solid #00c595;
}

.tradein_menu_search_menu_buy .search_menu_list,
.tradein_menu_search_menu_exchange .search_menu_list {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
  cursor: pointer;
}

.tradein_menu_search_menu_buy span,
.tradein_menu_search_menu_exchange span {
  border-radius: 5px;
  width: 100%;
  height: 40px;
  align-items: center;
  display: flex;
  padding: 5px 10px;
}

.tradein_menu_search_menu_buy .search_menu_list_select,
.tradein_menu_search_menu_exchange .search_menu_list_select {
  background-color: #00c595;
  color: white;
}

.tradein_menu_device {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  padding: 0 0 20px 20px;
}

.device_images {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 0 10px;
}

.device_image {
  background-image: url(/images/tradein/image_tradein_buy.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  width: 180px;
  height: 180px;
}

.device_image_exchange {
  background-image: url(/images/tradein/image_tradein_exchange.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  width: 180px;
  height: 180px;
}

.device_feature {
  display: flex;
  flex-wrap: wrap;
  width: 150px;
}

.device_feature .icon {
  display: flex;
  position: relative;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  margin: 10px;
}

.device_feature .one {
  background-image: url(/images/tradein/face_id_tradein.svg);
}

.device_feature .two {
  background-image: url(/images/tradein/fast_charge_tradein.svg);
}

.device_feature .three {
  background-image: url(/images/tradein/screeen_size_tradein.svg);
}

.device_feature .four {
  background-image: url(/images/tradein/slowmo_camera_tradein.svg);
}

.device_feature .five {
  background-image: url(/images/tradein/ram_tradein.svg);
}

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

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

.device_names,
.device_names_buy {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0 30px;
}

.device_names .device_name,
.device_names_buy .device_name {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
}

.device_names .device_name .device_name_main,
.device_names_buy .device_name .device_name_main {
  display: flex;
  align-self: flex-start;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
}

.device_names .device_name .device_name_about,
.device_names_buy .device_name .device_name_about {
  display: flex;
  align-self: flex-start;
  color: #00c595;
  cursor: pointer;
}

.device_names .device_price,
.device_names_buy .device_price {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}

.device_names .device_price .device_price_main,
.device_names_buy .device_price .device_price_main {
  display: flex;
  align-self: flex-end;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 10px;
}

.device_names .device_price .device_price_ua,
.device_names_buy .device_price .device_price_ua {
  display: flex;
  align-self: flex-end;
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 10px;
}

.device_names .device_price .device_price_us,
.device_names_buy .device_price .device_price_us {
  display: flex;
  align-self: flex-end;
  font-size: 24px;
  font-weight: 300;
}

.device_price_rating {
  padding: 20px 0 0;
}

.rating_text_start,
.rating_text_end {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}

.rating_text_end {
  color: #495053;
}

.price_rating {
  padding: 10px 0;
  border-bottom: 1px solid #c4c4c4;
  position: relative;
  display: flex;
  align-items: center;
}

.price_rating .price_block {
  display: flex;
  position: relative;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 105px;
  padding: 10px 5px;
  cursor: pointer;
  flex-shrink: 0;
}

.price_rating .price_description {
  display: flex;
  position: relative;
  padding: 0 30px 0 10px;
  font-size: 14px;
}

.price_rating .price_block_select {
  background-color: #00c595;
  color: white;
  border: none;
}

.price_rating .info_icon {
  background-image: url(/images/tradein/tradein_info.svg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 0;
  cursor: pointer;
}

/* Trade-in: characteristic values rendered as selectable buttons (no price text) */
.tradein-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 8px;
}

.tradein-group .price_rating {
  padding: 0;
  border-bottom: none;
}

.tradein-group .price_block {
  max-width: none;
  min-width: 90px;
  padding: 10px 16px;
  white-space: normal;
  text-align: center;
}

.tradein-price-display {
  margin: 16px 0 10px;
  padding: 20px 24px;
  border: 1px solid #00c595;
  border-radius: 12px;
  background: #f2fbf8;
  text-align: center;
}

.tradein-price-display h3 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  color: #495053;
}

.tradein-price-box {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
}

.tradein-price-value {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
  color: #00c595;
}

.tradein-price-currency {
  font-size: 22px;
  font-weight: 600;
  color: #00c595;
}

.tradein-price-hint {
  margin: 10px 0 0;
  font-size: 13px;
  color: #6b7376;
}

.rating_text_green a {
  display: flex;
  align-items: center;
  text-decoration-line: none;
}

.rating_text_green a span {
  color: #00c595;
  padding: 10px 10px;
}

.document_icon {
  background-image: url(/images/tradein/tradein_document.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.application_choice_price,
.application_choice_discount,
.application_choice_surcharge {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
}

.tradein_application_choice {
  display: flex;
  position: relative;
  justify-content: center;
  margin: 0 40px 40px;
}

.application_choice_price,
.application_choice_discount,
.application_choice_surcharge {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 20px;
}

.application_choice_price {
  flex: 0 0 calc(40% - 40px);
  display: none;
}

.application_choice_discount,
.application_choice_surcharge {
  flex: 0 0 30%;
}

.application_choice_price,
.application_choice_discount {
  margin-right: 20px;
}

.tradein_application_choice .application_choice_discount {
  flex: 0 0 40%;
  margin-right: 0;
}

.choice_price_head {
  display: flex;
  align-self: flex-start;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
}

.choice_price_content {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.price_content_image {
  background-image: url(/images/tradein/image_tradein_buy.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
}

.price_content_name {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-content: space-between;
  width: 225px;
}

.price_content_name .content_name {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
}

.price_content_name .content_price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.price_content_name .content_price .content_price_ua {
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 10px;
}

.price_content_name .content_price .content_price_us {
  font-size: 24px;
  font-weight: 400;
}

.price_content_button {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #00c595;
  border-radius: 5px;
  padding: 20px;
  margin: 20px 40px;
}

.price_content_button .price_content_button_ua {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: white;
}

.price_content_button .price_content_button_us {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: white;
}

.tradein_application_text1 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  margin: 0 40px 40px;
  font-weight: 400;
  font-size: 18px;
}

.tradein_application_form {
  margin: 0 40px 40px;
}

.tradein_application_form form {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}

.tradein_application_form form .application_form_name,
.tradein_application_form form .application_form_email,
.tradein_application_form form .application_form_phone {
  margin-right: 40px;
  flex: 0 0 25%;
}

.tradein_application_form form .application_form_name .form_name,
.tradein_application_form form .application_form_name .form_email,
.tradein_application_form form .application_form_name .form_phone,
.tradein_application_form form .application_form_email .form_name,
.tradein_application_form form .application_form_email .form_email,
.tradein_application_form form .application_form_email .form_phone,
.tradein_application_form form .application_form_phone .form_name,
.tradein_application_form form .application_form_phone .form_email,
.tradein_application_form form .application_form_phone .form_phone {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
}

/* Inputs mirror the checkout form (.order_placement .input) */
.tradein_application_form form .application_form_name input,
.tradein_application_form form .application_form_email input,
.tradein_application_form form .application_form_phone input {
  width: 100%;
  height: 35px;
  padding: 0 12px;
  background-color: #ffffff;
  border: 1px solid #cecece;
  border-radius: 5px;
  outline: none;
  font-size: 14px;
}

.tradein_application_form form input.is-invalid {
  border-color: #e0322d;
}

.tradein-required {
  color: #e0322d;
  margin-left: 3px;
}

.tradein-input-error {
  min-height: 16px;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.2;
  color: #e0322d;
}

.tradein-input-error:empty {
  min-height: 0;
  margin-top: 0;
}

.tradein_application_form form .form_button {
  border: none;
  border-radius: 25px;
  background-color: #00c595;
  color: white;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 600;
}

.tradein_application_text2 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  margin: 0 40px 40px;
}

.tradein_application_text2 .application_text2_head {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
}

.tradein_application_text2 .text2_description {
  display: flex;
  flex: 0 0 50%;
}

.tradein_application_text2 .text2_description .description_text {
  padding: 20px 0;
}

.tradein_application_text2 .text2_description .application_text2_description_left {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0 20px 0 250px;
}

.tradein_application_text2 .text2_description .application_text2_description_right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0 250px 0 20px;
}

.tradein_application_text2 .application_text2_description_left,
.tradein_application_text2 .application_text2_description_right {
  list-style: disc;
}

.tradein_application_terms a {
  display: flex;
  justify-content: center;
  text-decoration: none;
  color: #00c595;
}

.tradein_application_terms {
  margin-bottom: 40px;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

body {
  background: #f0f0f2;
  font-family: "Roboto", sans-serif;
}

body.overflow {
  overflow: hidden;
}

section {
  margin-top: 50px;
}

p {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik", sans-serif;
}

strong {
  font-weight: 600;
}

body.preload {
  overflow: hidden;
  position: relative;
}
body.preload::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  z-index: 9998;
  transition: opacity 0.6s ease-out;
}
body.preload::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(243, 243, 243, 0.3);
  border-top: 3px solid #4a5759;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: spin 1s ease-in-out infinite;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(74, 87, 89, 0.2);
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
    opacity: 0.8;
  }
}
/* .slider, */
.advertising,
.new_goods,
.info,
.brand_models,
.catalog {
  width: 100%;
}

.modal_comparison_list,
.modal_favorite_list {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}

.modal_comparison_list.active,
.modal_favorite_list.active {
  display: flex;
}

.in_modal_comparison_list,
.in_modal_favorite_list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

.comparison_list__content,
.favorite_list__content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #f4f4f4;
}

.comparison_list__content:last-child,
.favorite_list__content:last-child {
  border-bottom: 1px solid transparent;
}

.comparison_list__link,
.favorite_list__link {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.comparison_list__link a,
.favorite_list__link a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  color: #131414;
  text-decoration: none;
  padding: 10px 50px 10px 0;
  justify-content: space-between;
}

.comparison_list__link a:hover,
.favorite_list__link a:hover {
  color: #00c595;
}

.comparison_list__quantity,
.favorite_list__quantity {
  margin: 0 0 0 10px;
}

.comparison_list__close_area,
.favorite_list__close_area {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.15);
}

.comparison_list__title h2,
.favorite_list__title h2 {
  font-weight: 500;
  margin: 0 0 10px;
}

.comparison_list__list_delete {
  position: absolute;
  width: 15px;
  height: 18px;
  background-color: red;
  content: "X";
  color: #ffffff;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  margin: 0;
  transform: translate(-50%, -50%);
  border-radius: 3px;
}

.comparison_list__list_delete:hover {
  cursor: pointer;
  background-color: darkred;
}

.comparison_list,
.favorite_list {
  max-width: 460px;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 100;
  padding: 25px 25px 15px;
}

.props_icons {
  width: 30px;
  height: 30px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.ui-datepicker .ui-widget .ui-widget-content .ui-helper-clearfix .ui-corner-all {
  border: 5px solid #3d3d3d;
  border-radius: 5px;
  position: absolute;
  display: table;
  left: 635px;
  top: 849px;
}

thead th {
  font-size: 11px;
}

.catalog__link_all {
  display: none;
  text-align: center;
}

.catalog__link_all a {
  text-decoration: none;
  color: #5b5b5b;
}

.hidden {
  display: none;
}

.item__all_char_text {
  display: none;
}

::placeholder {
  color: #707070;
}

.slick-slide img {
  width: 100%;
  border-radius: 23px;
  height: 100%;
  object-fit: contain;
}

.mob_filt_sort,
.in_mfs {
  display: none;
  width: 100%;
}

.mob_filt_sort {
  margin: 0 0 25px;
}

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

.sort_btn_wrap,
.filt_btn_wrap {
  display: flex;
  width: calc((100% - 8px) / 2);
}

.sort_btn_wrap {
  display: none;
}

.filt_btn_wrap {
  width: 100%;
}

.in_sort_btn_wrap,
.sort_btn,
.in_filt_btn_wrap,
.filt_btn {
  width: 100%;
  display: flex;
}

.sort_btn,
.filt_btn {
  align-items: center;
  align-self: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 16px 0;
}

.sort_btn span,
.filt_btn span {
  position: relative;
}

.sort_btn span::before,
.filt_btn span::before {
  content: "";
  position: absolute;
  left: -33px;
  top: -2px;
  width: 21px;
  height: 21px;
  background-image: url("/images/icons/sort.svg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.filt_btn span::before {
  background-image: url("/images/icons/filter.svg");
}

.fltr__mobile_close {
  display: none;
  position: absolute;
  z-index: 300;
  content: "";
  width: 21px;
  height: 21px;
  right: 30px;
  top: 15px;
  background-image: url("/images/icons/icon-cross-grey.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.custom_agreement {
  padding: 60px;
  background-color: white;
  border-radius: 13px;
  margin: 80px 0;
}

.custom_agreement .custom_agreement_name {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.57325;
  margin: 0 0 15px 0;
}

.custom_agreement .custom_agreement_group {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.57325;
  margin: 0 0 15px;
}

.custom_agreement .custom_agreement_group li {
  margin: 15px 0;
}

.custom_agreement .custom_agreement_group ol {
  margin: 15px 0;
}

.custom_agreement .custom_agreement_group a {
  color: black;
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.item__all_char .swiper {
  max-width: 364px;
  width: 100%;
  height: 100%;
}

.item__all_char .swiper-wrapper {
  align-items: center;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  border-radius: 8px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.main_swiper .swiper-slide img {
  object-fit: fill;
}

.modal_gallery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.modal_gallery.active {
  display: flex;
}

.in_modal_gallery {
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 10;
}

.gallery {
  max-width: 738px;
  height: 738px;
  display: flex;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  z-index: 100;
}

.in_gallery {
  max-width: 100%;
  height: 100%;
  display: flex;
}

.gallery .swiper-button-prev {
  left: 10px;
}

.close_modal_gallery {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  color: grey;
  font-size: 28px;
  font-weight: 400;
  z-index: 100;
  cursor: pointer;
}

.close_modal_gallery::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/icon-cross-dark-gray.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  left: 2px;
  top: 2px;
}

.close_modal_gallery:hover {
  cursor: pointer;
}

.gallery .swiper-button-next {
  right: 15px;
}

.gallery .swiper {
  padding: 50px;
}

.btn_cc span {
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 1.222;
  flex-wrap: wrap;
}

.guarantee_switcher .btn_cc span {
  display: block;
  font-size: 12px;
}

.guar_val {
  width: 100%;
  font-size: 11px;
}

.pc_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.phone_header {
  display: none;
}

.blog__sa_item_blog:nth-child(odd) {
  margin: 0 5px 10px 0;
}

.blog__sa_item_blog:nth-child(even) {
  margin: 0 0 10px 0;
}

.header__middle_menu ul {
  flex-wrap: nowrap;
}

.header__middle_menu .product_menu_cat ul {
  flex-wrap: wrap;
}

.header__middle_scroll .header__tel {
  display: none;
}

.item__left .item__view .item__ordering {
  display: none;
}

.item__view .swiper-slide {
  height: 101px;
}

/* .header__top.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
} */
/* .header__middle.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
} */
.header_guarantee.not_stock,
.header_guarantee.expecting,
.header_guarantee.in_stock {
  display: flex;
}

.header_guarantee.in_stock .header_guarantee_text,
.header_guarantee.not_stock .header_guarantee_text,
.header_guarantee.expecting .header_guarantee_text {
  border-radius: 8px;
  background-color: #dedede;
  padding: 8px 16px;
  color: #5e5e5e;
}

.header_guarantee.expecting .header_guarantee_text {
  background-color: #8be9ff;
  color: #030b13;
}

.header_guarantee.in_stock .header_guarantee_text {
  background-color: #00c595;
  color: #fff;
}

.header_guarantee_text {
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0 0;
}

.guar_val {
  font-size: 12px;
}

.header__user_block.mob {
  display: none;
}

.header__bottom.mob {
  display: none;
}

.page_404 {
  background-color: #ffffff;
  margin: 0 !important;
}

.page_404 main {
  display: flex;
  height: 100%;
}

.error_page {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 100%;
  padding: 80px 0;
}

.error_page h1 {
  text-align: center;
  padding: 45px 0;
  font-size: 28px;
  width: 100%;
}

.error_page a {
  width: 100%;
  display: table;
  text-align: center;
  padding: 0;
  font-size: 19px;
  color: #61bb97;
}

.error_page img {
  display: flex;
  max-width: 600px;
  width: 100%;
  border-radius: 25px;
}

@media screen and (max-width: 1366px) {
  .header__address__point {
    display: flex;
    justify-content: center;
  }
  .header__address__point span {
    padding: 0 0 0 20px;
  }
  .container {
    padding: 0 10px;
  }
  .footer__container {
    padding: 40px 20px;
  }
  .header__address {
    max-width: 190px;
  }
  .header__opening_hours {
    max-width: 360px;
    /* margin: 20px 0 0 20px; */
  }
  .article_container {
    display: flex;
  }
  .header__opening_hours {
    max-width: 450px;
  }
  .catalogue_li {
    margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 1265px) {
  .header__middle_menu .faq_li {
    display: none;
  }
  .header__middle_scroll .header__tel {
    display: flex;
    width: auto;
    min-width: 166px;
  }
  .header__middle_scroll .header__tel_dropdown span {
    font-size: 14px;
  }
  .header__middle_menu ul .header__tel a::before {
    content: none;
  }
  .header__middle_menu ul .header__tel a {
    padding: 7px 10px 7px 10px;
  }
  .header__middle_scroll .dropdown_content {
    min-width: auto;
    left: 34px;
    width: max-content;
    top: 20px;
  }
  .header__middle_scroll .phone_numbers {
    display: none;
  }
}
@media screen and (max-width: 1240px) {
  .item__buy {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .item__quick_buy_btn {
    margin: 0;
    width: 50%;
  }
  .item__compare,
  .item__favorite {
    display: flex;
    width: 25%;
    justify-content: flex-end;
  }
  .prod_counter,
  .buy_variants {
    margin: 15px 0 0;
    width: 50%;
  }
  .buy_variants {
    max-width: none;
    display: flex;
    justify-content: flex-end;
  }
  .product_row .buy_variants {
    margin: 0 20px 0 0;
  }
  .product_row .item__compare,
  .product_row .item__favorite {
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .catalog__group_item {
    width: calc((100% - 24px) / 4);
  }
  .brand_models__group_item.swiper-slide:nth-child(2n+2), .brand_models__group_item.swiper-slide:nth-child(2n+1) {
    border-radius: 0;
  }
  .brand_models__group_item.swiper-slide:first-child {
    border-radius: 23px 0 0 23px;
  }
  .brand_models__group_item.swiper-slide:last-child {
    border-radius: 0px 23px 23px 0px;
  }
  .brand_models__group_item {
    flex: 0 1 calc((100% - 8px) / 2);
  }
  .compare__group_item:first-child .compare__common_description {
    border-radius: 23px 0 0 0;
  }
  .compare__group_item:last-child .compare__common_description {
    border-radius: 0 23px 0 0;
  }
  .brand_models__group_item:first-child {
    border-radius: 23px 0 0 0;
  }
  .brand_models__group_item:nth-child(2n+1) {
    border-radius: 0 0 0 23px;
  }
  .brand_models__group_item:nth-child(2n+2) {
    border-radius: 0 23px 0 0;
  }
  .brand_models__group_item:last-child {
    border-radius: 0 0 23px 0;
  }
  .compare__group_item {
    width: calc((100% - 33px) / 3);
    flex: 0 0 calc((100% - 32px) / 3);
  }
  .header__address__point {
    display: flex;
    justify-content: center;
  }
  .header__opening_hours {
    max-width: 400px;
  }
  .header__goods_menu ul a {
    padding: 0 2px;
  }
  .header__address__point span {
    padding: 0 0 0 20px;
  }
  .header__form_search {
    margin: 0 20px;
  }
  .item__quick_buy_btn,
  .buy_variants {
    max-width: 200px;
  }
  .item__quick_buy_btn button,
  .buy_variants button {
    font-size: 15px;
  }
  .item__buy_btn {
    margin: 0;
  }
  .li_product_name a,
  .li_product_name a:visited {
    text-decoration: none;
  }
}
@media screen and (max-width: 1115px) {
  .header__middle_menu li .icon_repair::before,
  .header__middle_menu li .icon_useful_article::before,
  .header__middle_menu li .icon_faq::before {
    top: 10px;
  }
  .header__middle_menu li a span {
    width: 90%;
  }
}
@media screen and (max-width: 1100px) {
  .item__buy {
    flex-wrap: wrap;
    /* justify-content: flex-end; */
  }
  .item__favorite,
  .item__compare {
    margin: 0;
  }
  .item__quick_buy_btn {
    /* margin: 0 25px 0 0; */
  }
  .prod_counter {
    /* margin: 0 0 15px; */
  }
  .catalog_sorted__group_item,
  .new_goods__group_item {
    flex: 0 1 calc((100% - 16px) / 2);
  }
  .catalog_sorted__group_item:nth-child(2n+1) {
    margin: 0 8px 8px 0;
  }
  .catalog_sorted__group_item:nth-child(2n+2) {
    margin: 0 0 8px 0;
  }
  .group_item_mobile_one:first-child {
    border-radius: 23px;
  }
  .group_item_mobile_two:first-child {
    border-radius: 23px 0 0 23px;
  }
  .group_item_mobile_two:last-child {
    border-radius: 0 23px 23px 0;
  }
  .group_item_mobile_three:first-child {
    border-radius: 23px 0 0 0;
  }
  .group_item_mobile_three:nth-child(2) {
    border-radius: 0 23px 0 0;
  }
  .group_item_mobile_three:nth-last-child(2) {
    border-radius: 0 0 23px 0;
  }
  .group_item_mobile_three:last-child {
    border-radius: 0 0 23px 23px;
  }
  .group_item_mobile_four:first-child {
    border-radius: 23px 0 0 0;
  }
  .group_item_mobile_four:nth-child(2) {
    border-radius: 0 23px 0 0;
  }
  .group_item_mobile_four:nth-last-child(2) {
    border-radius: 0 0 0 23px;
  }
  .group_item_mobile_four:last-child {
    border-radius: 0 0 23px 0;
  }
  .group_item_mobile_more:first-child {
    border-radius: 23px 0 0 0;
  }
  .group_item_mobile_more:nth-child(2) {
    border-radius: 0 23px 0 0;
  }
  .group_item_mobile_more:nth-last-child(2) {
    border-radius: 0 0 23px 0;
  }
  .group_item_mobile_more:last-child {
    border-radius: 0 0 23px 23px;
  }
  .header__opening_hours {
    max-width: 380px;
  }
  .header__messengers {
    max-width: 90px;
    /* margin: 20px 0 0 20px; */
  }
  .catalog_sorted__group_item .catalog_sorted__img {
    max-height: 210px;
  }
  .product_row .item__compare,
  .product_row .item__favorite {
    margin: 0 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  header {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  /*
  Перенесення з 835 на 1024 початок
    */
  .catalog_sorted__product_name {
    padding: 0 10px;
  }
  .catalog_sorted__product_name.is_new::after {
    left: 10px;
  }
  .catalog_sorted__price {
    padding: 0 10px;
  }
  .catalog .section__title {
    margin: 30px 0;
  }
  .catalog_sorted .section__title {
    margin: 0;
  }
  .sorted_goods_container {
    margin-top: 30px;
  }
  .catalog_sorted {
    width: 100%;
    margin: 0;
    display: table;
  }
  .product_breadcumbs {
    margin: 30px 0 0;
  }
  .item__buy {
    justify-content: space-between;
  }
  .page_product .item {
    flex-wrap: wrap;
    order: 2;
  }
  .item_desc {
    order: 3;
  }
  .brand_models {
    order: 4;
  }
  .info {
    order: 5;
  }
  .catalog_sorted__group_item {
    min-height: 465px;
  }
  .breadcrumbs li {
    margin: 0 0 5px;
    line-height: 1.57325;
  }
  .prod_counter {
    margin: 0 25px 0 0;
  }
  .compare__group_item {
    width: calc((100% - 32px) / 2);
    flex: 0 0 calc((100% - 32px) / 2);
  }
  .catalog_sorted__filter {
    flex: 0 1 280px;
  }
  .catalog_sorted__filtered_items {
    flex: 0 1 calc(100% - 280px);
  }
  .catalog_sorted__filtered_items .pagination {
    flex-wrap: wrap;
  }
  .catalog_sorted__pagination .pagination {
    flex-wrap: wrap;
  }
  .catalog_sorted__group_item .catalog_sorted__img {
    max-height: 180px;
    /* max-width: 180px; */
    margin: 0 0 20px;
  }
  .compare__common_description {
    padding: 40px 20px;
  }
  aside .blog__sa_item {
    height: 350px;
  }
  .article_container {
    display: flex;
  }
  .mob_search {
    bottom: 60px;
    right: 60px;
  }
  .quick_buy_btn {
    white-space: nowrap;
    width: auto;
    padding: 0 15px;
  }
  .item {
    margin-top: 30px;
  }
  .item__buy {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .item__quick_buy_btn {
    margin: 0 20px 0 0;
    width: auto;
  }
  .item__compare,
  .item__favorite {
    display: flex;
    width: auto;
    justify-content: flex-end;
  }
  .prod_counter,
  .buy_variants {
    margin: 0 15px 0 0;
    width: 100%;
  }
  .buy_variants {
    max-width: 200px;
    display: flex;
    justify-content: flex-end;
  }
  /*
  Перенесення з 835 на 1024 кінець
  */
  .header__middle_scroll {
    display: none;
  }
  .faq,
  .catalog_sorted,
  .blog {
    margin-top: 0;
  }
  .header_search {
    display: flex;
  }
  .container {
    padding: 44px 10px;
  }
  .header__container {
    padding: 0px 20px;
  }
  .section__title {
    flex-wrap: wrap;
  }
  .catalog_sorted .section_name {
    display: flex;
    width: 100%;
    margin: 0 0 15px;
  }
  .section__breadcrumbs {
    display: flex;
    width: 100%;
  }
  .product_menu {
    display: none;
  }
  .slider {
    width: 100%;
  }
  .msg_icon {
    width: 25px;
    height: 25px;
  }
  header {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1000;
  }
  .header__top,
  .header__middle_menu {
    display: none;
  }
  .header__bottom.mob.active {
    display: flex;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .header__bottom .header__container {
    justify-content: center;
    padding: 0px 20px 0 20px;
  }
  .header__bottom.mob .input_row {
    max-width: 450px;
  }
  .header__bottom.mob .input {
    height: 34px;
  }
  .header__bottom.mob .search_icon {
    top: 8px;
    left: 10px;
    width: 20px;
    height: 20px;
  }
  .header__bottom.mob .sub_btn {
    padding: 8px 25px;
    font-size: 15px;
  }
  .header__form_search {
    margin: 0;
  }
  .header__middle {
    width: 100%;
    top: 0;
    left: 0;
  }
  .header__burger_icon {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/images/icons/icon-burger-menu.svg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    cursor: pointer;
  }
  .header__user_block {
    max-width: 300px;
  }
  .header__user_block.mob {
    display: flex;
    justify-content: flex-start;
  }
  .header__lang_changer_tablet,
  .header__theme_changer_tablet {
    display: flex;
  }
  .header__theme_changer_tablet {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 40px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 39px;
    cursor: pointer;
  }
  .header__lang_changer_tablet {
    max-width: 62px;
    height: 20px;
    width: 100%;
    justify-content: space-around;
    border: 1px solid #ffffff;
    border-radius: 39px;
    align-items: center;
  }
  .header__lang_changer_tablet a {
    display: flex;
  }
  .header__theme_changer_mobile,
  .header__lang_changer_mobile {
    display: none;
  }
  .mob_menu_nav .header__address__point span {
    padding: 0;
  }
  .header__address__point span::after {
    content: none;
    position: absolute;
    top: 3px;
    left: 33px;
    width: 14px;
    height: 14px;
    background-image: url("/images/icons/icon-map-point-white.svg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile_menu_block {
    display: flex;
    position: fixed;
    top: 42px;
    left: -1000px;
    background-color: #4a5759;
    width: calc(100% - 50px);
    height: 100%;
    z-index: 700;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #ffffff;
    border-top: 1px solid white;
    overflow: scroll;
    transition: 1s;
    max-width: 380px;
  }
  .mobile_menu_block .header__messengers {
    margin: 20px auto 0;
    max-width: 100px;
  }
  .dark_theme,
  .light_theme {
    width: 14px;
    height: 14px;
  }
  .mobile_menu_block.active {
    /* display: flex; */
    left: 0;
    transition: 0.6s;
  }
  .header__mobile_container {
    position: relative;
    max-width: 300px;
    width: 100%;
    height: 100%;
    margin: 20px auto;
    display: table;
  }
  .header__mobile_close,
  .footer__mobile_close,
  .personal_data_mobile__close {
    position: absolute;
    top: 70px;
    right: 50px;
    width: 18px;
    height: 18px;
    background-image: url("/images/icons/icon-cross-grey.svg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .header__mobile_close {
    top: 40px;
    right: 50px;
  }
  .header__mobile_nav {
    margin: 20px 0 0 0;
  }
  .header__mobile_nav ul {
    text-align: center;
    list-style: none;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
  }
  .header__mobile_menu {
    border-top: 1px solid white;
    margin: 0 20px 0 20px;
    padding: 10px 0 0;
  }
  .header__mobile_menu_withicon {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: start;
  }
  .header__mobile_menu_withicon a,
  .header__mobile_menu_withicon .mob_show_catalogue {
    text-decoration: none;
    display: block;
    padding: 14px 0 14px 30px;
    color: #ffffff;
    position: relative;
    font-size: 16px;
  }
  .header__mobile_menu_withicon .icon_comparison {
    text-decoration: none;
    display: block;
    padding: 14px 0 14px 30px;
    color: #ffffff;
    position: relative;
    font-size: 16px;
  }
  .header__mobile_menu_withicon .icon_comparison::before {
    position: absolute;
    content: "";
    background-image: url("/images/icons/icon-comparison.svg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 12px;
  }
  .header__mobile_menu_withicon a::before,
  .header__mobile_menu_withicon .mob_show_catalogue::before {
    position: absolute;
    content: "";
    /* background-image: url('/images/icons/icon-goods.svg'); */
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 12px;
  }
  .header__mobile_menu_withicon .mob_show_catalogue {
    padding: 0;
  }
  .header__mobile_menu_withicon .mob_show_catalogue::before {
    display: none;
  }
  /* Нове меню для моб версії замість посилання на коталог Start  */
  .header__mobile_menu_withicon .mob_catalog_menu {
    text-decoration: none;
    display: block;
    padding: 14px 0 14px 30px;
    color: #ffffff;
    position: relative;
    font-size: 16px;
  }
  .header__mobile_menu_withicon .mob_show_catalogue {
    text-decoration: none;
    display: block;
    color: #ffffff;
    position: relative;
    font-size: 16px;
  }
  .header__mobile_menu_withicon .mob_catalog_menu::before,
  .header__mobile_menu_withicon .mob_show_catalogue::before {
    position: absolute;
    content: "";
    background-image: url("/images/icons/icon-goods.svg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 12px;
  }
  .product_menu_mob {
    display: flex;
    position: fixed;
    top: 42px;
    left: -1000px;
    background-color: #4a5759;
    height: 100%;
    z-index: 700;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #ffffff;
    border-top: 1px solid white;
    overflow-y: scroll;
    transition: 1s;
    max-width: 350px;
    padding: 0 20px;
  }
  .dark .product_menu_mob {
    background-color: #222;
  }
  .product_menu_mob.active {
    left: 0;
    transition: 0.6s;
  }
  .product_menu_mob .mob_menu_nav {
    position: relative;
    max-width: 300px;
    width: 100%;
    height: calc(100% - 100px);
    margin: 50px auto 40px;
    display: table;
  }
  .product_menu_mob .mob_menu_nav nav {
    margin: 0 0 20px;
  }
  .mob_menu_nav .header__messengers {
    margin: 20px 20px 0 20px;
  }
  .product_menu_mob .sub_menu_nav {
    position: relative;
    max-width: 300px;
    width: 100%;
    height: calc(100% - 100px);
    margin: 40px auto 20px 50px;
    display: table;
  }
  .product_menu_mob .submenu_mob {
    position: fixed;
    top: 42px;
    left: -1000px;
    background-color: #4a5759;
    width: calc(100% - 50px);
    height: 100%;
    z-index: 701;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #ffffff;
    border-top: 1px solid white;
    overflow: scroll;
    transition: 1s;
    max-width: 350px;
  }
  .dark .product_menu_mob .submenu_mob {
    background-color: #222;
  }
  .dark .submenu {
    background-color: #222;
  }
  .dark .li_product_name:hover .submenu {
    box-shadow: none;
  }
  .product_menu_mob .submenu {
    display: flex;
    flex-wrap: wrap;
  }
  .product_menu_mob .submenu_mob.active {
    left: 0;
  }
  .product_menu_mob .li_product_name {
    height: 40px;
    display: flex;
    font-size: 1.2rem;
    margin: 0 0 10px 20px;
  }
  .product_menu_mob .submenu__img {
    width: 34px;
    height: 34px;
  }
  .product_menu_mob .submenu__img img {
    filter: invert(1);
  }
  .dark .product_menu_mob .submenu__img img {
    filter: invert(0);
  }
  .product_menu_mob .sub_btn {
    height: 40px;
    display: flex;
    margin: 0 0 10px;
    width: 100%;
    align-items: center;
    padding: 0 0 0 30px;
  }
  .product_menu_mob .sub_btn::before {
    position: absolute;
    content: "";
    background-image: url(/images/icons/icon-arrow-down-black.svg);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 10px;
    top: 15px;
    left: 2px;
    transform: rotate(90deg);
    filter: invert(1);
  }
  .product_main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }
  .product_menu_mob .submenu__item {
    height: 40px;
    display: flex;
    margin: 0 0 10px;
    width: 100%;
  }
  .submenu__item a {
    font-size: 1.2rem;
    text-decoration: none;
    color: white;
  }
  .product_menu_mob .menu_close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon-cross-grey.svg);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  /* Нове меню для моб версії замість посилання на коталог Start  */
  .header__mobile_nav ul li .icon_repair::before {
    background-image: url("/images/icons/icon-repair.svg");
    left: 0px;
    top: 12px;
  }
  .header__mobile_nav ul li .icon_faq::before {
    background-image: url("/images/icons/icon-faq.svg");
    left: 0px;
    top: 12px;
  }
  .header__mobile_nav ul li .icon_useful_article::before {
    background-image: url("/images/icons/icon-useful-article.svg");
    left: 0px;
    top: 12px;
  }
  .header__address {
    display: table;
    font-size: 14px;
    text-align: start;
    line-height: 1.5;
    max-width: 100%;
    margin: 20px 20px 0 20px;
  }
  .header__opening_hours {
    display: table;
    max-width: 300px;
    font-size: 14px;
    line-height: 1.5;
    /* margin: 20px auto 0; */
  }
  .mob_menu_nav .header__opening_hours {
    margin: 20px 20px 0 20px;
  }
  .header__opening_hours .weekdays,
  .header__opening_hours .saturday,
  .header__opening_hours .sunday {
    text-align: start;
  }
  .header__mobile_tel {
    margin: 20px 0 0 20px;
  }
  .header__mobile_tel .header__mobile_tel_item {
    text-align: start;
    color: #ffffff;
    font-size: 14px;
  }
  .header__mobile_tel .header__mobile_tel_item a {
    text-decoration: none;
    color: #ffffff;
    line-height: 1.5;
  }
  .mobile_search_block {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    padding: 44px 0 0;
    font-size: 14px;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 700;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #131410;
    border-top: 1px solid white;
  }
  .mobile_search_block .footer__mob_messengers {
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    max-width: 110px;
    width: 100%;
  }
  .mobile_search_block.active {
    display: flex;
  }
  .mobile_search_block .input_row {
    display: flex;
    max-width: 450px;
    width: 100%;
    position: relative;
  }
  .mobile_search_block .input {
    display: flex;
    position: relative;
    width: 100%;
    background-color: #f0f0f0;
    border-radius: 10px 0px 0px 10px;
    border: 1px solid #fafafa;
    height: 35px;
    margin-right: 10px;
  }
  .mobile_search_block input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 8px 16px 8px 35px;
  }
  .mobile_search_block input {
    display: flex;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: 14px;
    letter-spacing: 0.015rem;
  }
  .mobile_search_block textarea {
    display: flex;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: 14px;
    letter-spacing: 0.015rem;
  }
  .mobile_search_block .wu_icon {
    background-image: url(/images/icons/icon-whatsapp_black.svg);
    background-size: 90% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 90%;
  }
  .mobile_search_block .viber_icon {
    background-image: url(/images/icons/icon-viber_black.svg);
    background-size: 90% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 90%;
  }
  .mobile_search_block .telegram_icon {
    background-image: url(/images/icons/icon-telegram_black.svg);
    background-size: 90% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 90%;
  }
  .mobile_search_block .fbm_icon {
    background-image: url(/images/icons/instagram-logo.svg);
    filter: brightness(40%);
    background-size: 90% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 90%;
  }
  .footer__mobile_container {
    position: relative;
    max-width: 300px;
    width: 100%;
    height: 450px;
    margin: 20px 0 0 0;
  }
  .footer__mob_opening_hours,
  .footer__mob_address {
    text-align: center;
    line-height: 1.5;
  }
  .footer__mob_address {
    margin: 60px 0 0 0;
  }
  .footer__mobile_tel_item {
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
  }
  .footer__mobile_tel_item a {
    color: #131414;
    text-decoration: none;
  }
  .footer__mob_opening_hours,
  .footer__mobile_tel {
    margin: 20px 0 0 0;
  }
  .header__form_search {
    max-width: 450px;
    width: 100%;
  }
  .footer__form_search {
    margin: 25px 0 0 0;
  }
  .footer__form_search .submit .sub_btn {
    border: none;
    outline: none;
    padding: 8px 25px;
    background: #00c595;
    border-radius: 0px 10px 10px 0px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #ffffff;
  }
  .footer__form_search input::placeholder {
    color: rgba(74, 87, 89, 0.5);
  }
  .footer__form_search .search_icon {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-image: url("/images/icons/icon-search.svg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mob_search {
    display: none;
  }
  .mob_search {
    bottom: 60px;
    right: 60px;
  }
  .advertising__item {
    flex: 0 1 calc((100% - 8px) / 2);
    margin: 0 8px 8px 0;
    height: 500px;
  }
  .advertising__item:nth-child(2n) {
    border-radius: 0 23px 23px 0;
    margin-right: 0;
  }
  .advertising__item:last-child {
    border-radius: 0 0 23px 23px;
  }
  .advertising__item:last-child::before {
    border-radius: 0 0 23px 23px;
  }
  .new_goods__group_item {
    flex: 0 1 calc((100% - 8px) / 2);
  }
  .brand_models__group_item {
    flex: 0 1 calc((100% - 8px) / 2);
  }
  .catalog__group_item {
    flex: 0 1 calc((100% - 8px) / 2);
  }
  .item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
    flex-direction: row;
  }
  .item__right {
    display: flex;
    flex: 0 1 100%;
    order: 3;
  }
  .product_breadcumbs {
    order: 1;
  }
  .item_desc {
    margin: 20px 0 0 0;
  }
  .item__left {
    flex: 0 1 100%;
    margin: 0 0 30px;
    order: 2;
  }
  .item__left > .item__ordering {
    display: none;
  }
  .item__ordering {
    margin: 0 0 15px 0;
    padding: 40px;
  }
  .item__ordering_name {
    font-size: 32px;
    font-weight: 600;
    margin: 20px 0 20px 0;
    line-height: 1.12;
  }
  .item__view {
    margin: 0 0 15px 0;
  }
  .cabinet .cabinet__left_part {
    display: none;
  }
  .cabinet .cabinet__right_part {
    flex: 0 1 100%;
    padding: 0;
    margin: 10px 0 15px 0;
  }
  .cabinet .contact_details__data_field,
  .cabinet .contact_ad__data_field {
    flex: 0 1 100%;
    margin: 0 0 5px 0;
  }
  .cabinet .contact_details__data_value,
  .cabinet .contact_ad__data_value {
    flex: 0 1 100%;
  }
  .cabinet .btn_cc {
    padding: 8px;
  }
  .article_container {
    flex: 0 1 100%;
    width: 100%;
    padding: 20px;
    margin: 50px 0 0 0;
  }
  .current_article__main_img {
    border-radius: 13px 13px 0 0;
    /* background-color: #131414000; */
  }
  .current_article__main_img img {
    width: 100%;
    height: auto;
    border-radius: 13px 13px 0 0;
  }
  .current_article__main {
    padding: 30px 50px;
    background-color: #ffffff;
    border-radius: 0 0 13px 13px;
  }
  aside {
    display: flex;
    flex: 0 1 100%;
    height: 380px;
    margin: 40px 10px 0 20px;
    padding: 0 0 0 0;
  }
  .blog__sa_group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }
  .blog__sa_item {
    flex: 0 1 100%;
    height: 350px;
    padding: 30px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  }
  .blog__sa_item:hover {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.12), 0 2px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .cart__left {
    flex: 0 1 100%;
    background-color: #ffffff;
    margin-right: 0;
    border-radius: 23px;
    padding: 30px;
    align-self: start;
  }
  .cart__right {
    flex: 0 1 100%;
    background-color: #ffffff;
    border-radius: 23px;
    padding: 30px;
    margin: 20px 0 0 0;
  }
  .cart__right h3 {
    font-size: 18px;
    font-weight: 500;
  }
  .blog .blog__top_article_blog {
    width: 100%;
    height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px;
    position: relative;
  }
  .blog .blog__articles_group_blog,
  .blog .blog__sa_group_blog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1024px;
  }
  .blog .blog__articles_item_blog {
    flex: 0 1 calc(50% - 4px);
    height: 400px;
    padding: 30px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 1024px;
  }
  .blog .blog__articles_item_blog:first-child {
    margin: 0 8px 0 0;
  }
  .blog .blog__sa_item_blog {
    flex: 0 1 calc(50% - 4px);
    height: 400px;
    padding: 30px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 8px 0;
    max-width: 1024px;
  }
  .blog .blog__sa_item_blog:nth-child(3),
  .blog .blog__sa_item_blog:nth-child(6) {
    margin-right: 0;
  }
  .blog .blog__pagination {
    margin: 0;
  }
  .blog .blog__ta_title {
    font-family: "Inter", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 15px 0;
  }
  .blog .blog__ai_title {
    font-family: "Inter", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 10px 0;
  }
  .blog .blog__ai_title h2 {
    padding: 0 10px 0;
  }
  .blog .blog__sa_title {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 10px 0;
  }
  .blog .blog__sa_subtitle {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
  aside .blog__sa_item {
    margin: 0;
  }
  .compare__group_item {
    width: calc((100% - 32px) / 3);
    flex: 0 0 calc((100% - 32px) / 3);
  }
  aside .blog__sa_item {
    flex: 0 0 49%;
    /* padding: 0 20px; */
    height: 380px;
  }
  .cda__city,
  .cda__address {
    flex-wrap: nowrap;
  }
  .cda__city .cda__data_field,
  .cda__address .cda__data_field {
    flex: 0 1 100%;
    margin: 0 5px 0 0;
  }
  .cda__city .cda__data_value,
  .cda__address .cda__data_value {
    flex: 0 1 100%;
  }
  .item_desc,
  .tech_info {
    padding: 40px;
  }
  .tech_info__text_item {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 10px);
    flex-direction: column;
    word-break: break-word;
  }
  .tech_info__text_item:nth-child(2n+1) {
    border-right: 1px solid #ececec;
    padding: 0 30px 30px 0;
  }
  .tech_info__text_item:nth-child(2n+2) {
    padding: 0 0 30px 30px;
  }
  .tech_info {
    order: 4;
  }
}
@media screen and (max-width: 835px) {
  .catalog_sorted__product_name {
    padding: 0 10px;
  }
  .catalog_sorted__product_name.is_new::after {
    left: 10px;
  }
  .catalog_sorted__price {
    padding: 0 10px;
  }
  .catalog .section__title {
    margin: 30px 0;
  }
  .catalog_sorted .section__title {
    margin: 0;
  }
  .sorted_goods_container {
    margin-top: 30px;
  }
  .catalog_sorted {
    width: 100%;
    margin: 0;
    display: table;
  }
  .product_breadcumbs {
    margin: 30px 0 0;
  }
  .item__buy {
    justify-content: space-between;
  }
  .page_product .item {
    flex-wrap: wrap;
    order: 2;
  }
  .item_desc {
    order: 3;
  }
  .brand_models {
    order: 4;
  }
  .info {
    order: 5;
  }
  .catalog_sorted__group_item {
    min-height: 465px;
  }
  .breadcrumbs li {
    margin: 0 0 5px;
    line-height: 1.57325;
  }
  .prod_counter {
    margin: 0 25px 0 0;
  }
  .compare__group_item {
    width: calc((100% - 32px) / 2);
    flex: 0 0 calc((100% - 32px) / 2);
  }
  .catalog_sorted__filter {
    flex: 0 1 280px;
  }
  .catalog_sorted__filtered_items {
    flex: 0 1 calc(100% - 280px);
  }
  .catalog_sorted__filtered_items .pagination {
    flex-wrap: wrap;
  }
  .catalog_sorted__pagination .pagination {
    flex-wrap: wrap;
  }
  .catalog_sorted__group_item .catalog_sorted__img {
    max-height: 180px;
    /* max-width: 180px; */
    margin: 0 0 20px;
  }
  .compare__common_description {
    padding: 40px 20px;
  }
  aside .blog__sa_item {
    height: 350px;
  }
  .article_container {
    display: flex;
  }
  .mob_search {
    bottom: 60px;
    right: 60px;
  }
  .quick_buy_btn {
    white-space: nowrap;
    width: auto;
    padding: 0 15px;
  }
  .item {
    margin-top: 30px;
  }
  .catalog_sorted__buy .buy_btn {
    padding: 8px 15px;
  }
}
@media screen and (max-width: 768px) {
  main {
    display: initial;
    height: auto;
  }
  .li_product_name a {
    color: #fff;
    text-decoration: none;
  }
  .header__container {
    padding: 0 20px;
  }
  .item__left_chars {
    margin: 30px 0 0;
  }
  .header__message {
    display: none;
    height: auto;
  }
  .header__middle.header__message span {
    font-size: 15px;
    line-height: 1.24;
  }
  .header__mobile_close {
    right: 23px;
  }
  .item__ordering {
    margin: 0px 0 15px 0;
  }
  .container {
    padding: 44px 10px;
  }
  .footer__container {
    padding: 40px 10px;
  }
  .info__text_block {
    padding: 30px;
  }
  .advertising__item {
    height: 410px;
  }
  .footer__mobile_close {
    right: 30px;
    top: 60px;
  }
  .header__mobile_close {
    right: 30px;
    top: 30px;
  }
  /*
  .item .item__left_object:nth-child(4) {
    margin-right: 0;
  } */
  .personal_data_mobile .personal_data_mobile__close {
    right: 23px;
  }
  .info__group_item {
    border-radius: 9px;
    overflow: hidden;
  }
  .mob_search {
    bottom: 60px;
    right: 60px;
  }
  .show_all_chars {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 30px;
  }
  .item__buy {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .item__quick_buy_btn {
    margin: 0;
    width: 50%;
  }
  .item__compare,
  .item__favorite {
    display: flex;
    width: 25%;
    justify-content: flex-end;
  }
  .prod_counter,
  .buy_variants {
    margin: 15px 0 0;
    width: 50%;
  }
  .prod_counter {
    margin: 15px 20px 0 0;
    width: 50%;
  }
  .buy_variants {
    max-width: none;
    display: flex;
    justify-content: flex-end;
  }
  .error_page {
    padding: 80px 0 36px;
  }
  .product_row .buy_variants {
    margin: 0 10px 0 0;
  }
  .product_row .item__compare,
  .product_row .item__favorite {
    margin: 0 10px 0;
  }
  .blog_double_row {
    flex-wrap: wrap;
  }
  .blog_double_left,
  .blog_double_right {
    width: 100%;
  }
}
@media screen and (max-width: 680px) {
  .header__lang_changer_tablet,
  .header__theme_changer_tablet {
    display: none;
  }
  .blog__pagination ul {
    gap: 10px;
  }
  .blog__pagination ul li {
    margin: 0;
  }
  .blog__pagination ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #ffffff;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #131414;
    text-align: center;
  }
  .product_item {
    flex-wrap: wrap;
  }
  .product_item .product_image {
    width: 100%;
    height: 242px;
    justify-content: center;
  }
  .product_item .product_row {
    width: 100%;
  }
  .product_item .product_row .buy_variants {
    width: auto;
  }
  .product_item .item__buy {
    justify-content: flex-start;
    width: 100%;
  }
  .product_item .item__buy_btn {
    margin: 0;
  }
  .mob_filt_sort {
    display: flex;
  }
  .catalog_sorted__filter {
    display: none;
  }
  .catalog_sorted__filter.mob_shown {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 100;
    padding: 50px 0 0;
  }
  .catalog_sorted__filter #btn_filter {
    width: 100%;
  }
  .catalog_sorted .catalog_sorted__filter .filter_sort {
    border-radius: 0;
    margin-bottom: 1px;
  }
  .catalog_sorted .catalog_sorted__filter .filter_conditions {
    border-radius: 0;
    padding: 20px 40px 50px;
  }
  .catalog_sorted__filtered_items,
  .catalog_sorted__group,
  .new_goods__group,
  .compare__group {
    width: 100%;
    flex: 0 0 100%;
  }
  .catalog_sorted__group_item,
  .new_goods__group_item,
  .compare__group_item,
  .brand_models__group_item {
    flex: 0 0 calc((100% - 8px) / 2);
    width: calc((100% - 8px) / 2);
  }
  .catalog_sorted__buy {
    justify-content: space-evenly;
    gap: 16px;
    flex-wrap: wrap;
    height: auto;
  }
  .catalog_sorted__price {
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
  }
  .catalog_sorted__buy {
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 600px) {
  /* description for goods start */
  .section-chess {
    flex-wrap: wrap;
  }
  .section-chess .block_images {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .section-chess .block_text {
    width: 100%;
  }
  .section-chess.reverse {
    flex-direction: column-reverse;
  }
  /* description for goods end */
  .mob_menu_nav .header__messengers {
    margin: 0 auto 0 0;
  }
  .dark_theme,
  .light_theme {
    width: 21px;
    height: 21px;
  }
  .pc_header {
    display: none;
  }
  .header__form_search .open_menu_search .open_menu_search_name p li,
  .header__form_search .open_menu_search .open_menu_search_name ul li {
    padding: 10px 15px;
  }
  .header__bottom {
    width: 100%;
  }
  .header__bottom.active {
    display: flex;
  }
  .header__bottom .header__container {
    width: 100%;
  }
  .header__bottom .header__goods_menu {
    display: none;
  }
  .phone_header {
    display: flex;
    flex: 0 0 100%;
    justify-content: space-between;
  }
  .contacts .block_title {
    margin-top: 25px;
  }
  .article_container {
    flex: 0 1 100%;
    width: 100%;
    padding: 0;
    margin: 15px auto 0;
  }
  .btn_act,
  .more,
  .input_prod_counter {
    width: 53px;
    flex: 0 0 53px;
  }
  .cart {
    margin-top: 15px;
  }
  .order_placement .checkbox_row .checkbox_row__item {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .order_placement .checkbox_row .checkbox_row__item:last-child {
    margin: 0;
  }
  .catalog__group_item:nth-child(4n) {
    border-radius: 0;
  }
  .footer__container {
    padding: 0 10px;
  }
  .prod_counter {
    max-width: 160px;
    flex: 0 0 160px;
    order: 2;
    margin: 0 0 25px;
  }
  .gallery {
    max-width: 450px;
    height: 450px;
  }
  .gallery .swiper {
    padding: 30px;
  }
  .advertising__item {
    flex: 0 1 calc(50% - 8px);
    margin: 0 8px 8px 0;
    height: 300px;
    background-position: center top;
    background-size: auto 100%;
  }
  .advertising__item::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.09), rgba(244, 245, 247, 0.56), #dfe3e4);
  }
  .advertising__text_block {
    padding: 0 15px;
  }
  .new_goods__group_item {
    padding: 20px;
  }
  .new_goods__group_item.group_item_mobile_four {
    border-radius: 23px;
  }
  .new_goods__group_item .new_goods__price .new_goods__price_uah {
    width: 100%;
    margin: 0 0 7px;
    text-align: start;
    font-size: 18px;
  }
  .new_goods__group_item .new_goods__img {
    height: 220px;
    margin: 0;
  }
  .new_goods__group_item .new_goods__img img {
    width: 100%;
    height: auto;
  }
  .new_goods__group_item .new_goods__buy_btn {
    margin: 10px 0 0 0;
  }
  .brand_models__buy {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 25px;
    position: relative;
    z-index: 100;
  }
  .brand_models__buy .brand_models__buy_btn {
    margin-top: 10px;
  }
  .brand_models__group_item {
    flex: 0 0 100%;
    border-radius: 23px;
    gap: 8px;
  }
  .brand_models__group_item:first-child, .brand_models__group_item:nth-child(2n+1), .brand_models__group_item:nth-child(2n+2) {
    border-radius: 23px;
  }
  .brand_models__group_item.group_item_mobile_four {
    border-radius: 23px;
  }
  .group_item_mobile_four {
    border-radius: 23px;
  }
  .brand_models__price .brand_models__price_uah {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
  }
  .brand_models__price .brand_models__price_uah {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
  }
  .brand_models__buy {
    padding: 0;
    max-width: 320px;
    margin: 25px auto 0;
    width: 100%;
    align-items: center;
  }
  .brand_models__buy_btn {
    margin: 0;
  }
  .catalog {
    margin: 0;
  }
  .catalog h1 {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 30px;
  }
  .catalog__group_item {
    flex: 0 0 100%;
    min-height: 300px;
  }
  .catalog__group_item:first-child {
    border-radius: 0;
  }
  .catalog__group_item:nth-child(2) {
    border-radius: 0;
  }
  .catalog__group_item:last-child {
    border-radius: 0;
  }
  .catalog__group_item .catalog__img {
    height: 220px;
  }
  .catalog__group_item .catalog__img img {
    width: 100%;
  }
  .info__group_item {
    flex: 0 1 100%;
    margin: 0 0 8px 0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 40px;
  }
  footer {
    height: auto;
  }
  .footer__container {
    display: block;
  }
  .footer__logo {
    margin: 20px 0 0 0;
    text-align: center;
  }
  .footer__menu {
    margin: 20px 0 0 0;
    text-align: center;
  }
  .footer__address_and_oh {
    margin: 20px 0 0 0;
    text-align: center;
  }
  .footer__tel_and_messengers {
    margin: 20px 0;
    text-align: center;
  }
  .footer__tel_and_messengers .footer__messengers {
    justify-content: center;
  }
  .footer__tel_and_messengers .footer__messengers_item {
    margin: 0 5px 0 5px;
  }
  .slider__text_block {
    padding: 25px 30px 0;
  }
  .slider__text {
    font-size: 16px;
  }
  .slider__title {
    font-size: 1.75rem;
  }
  .catalog .section_name h2 {
    font-size: 24px;
  }
  .catalog_sorted .section_name {
    margin: 0 0 15px;
  }
  .form_sub_btn.reg {
    padding: 15px 36px;
  }
  .contact_details__name,
  .contact_details__last_name,
  .contact_details__email,
  .contact_details__phone,
  .contact_details__delivery_address {
    flex-wrap: wrap;
  }
  .contact_details__name .contact_details__data_field,
  .contact_details__last_name .contact_details__data_field,
  .contact_details__email .contact_details__data_field,
  .contact_details__phone .contact_details__data_field,
  .contact_details__delivery_address .contact_details__data_field {
    flex: 0 1 100%;
    margin: 0 0 5px 0;
  }
  .contact_ad__name,
  .contact_ad__gender,
  .contact_ad__language {
    flex-wrap: wrap;
  }
  .contact_ad__name .contact_ad__data_field,
  .contact_ad__gender .contact_ad__data_field,
  .contact_ad__language .contact_ad__data_field {
    flex: 0 0 100%;
    margin: 0 0 5px 0;
  }
  .contact_ad__language .chose_condition {
    flex-wrap: wrap;
  }
  .contact_pass_block .input {
    max-width: 100%;
  }
  .cabinet_cart__group_item:nth-last-child(1) {
    border-radius: 10px;
    margin: 0;
  }
  .cabinet_cart__brief_description {
    flex: 0 1 100%;
    order: 2;
    padding: 0;
  }
  .cabinet_cart__goods_img {
    flex: 0 1 100%;
    height: 120px;
    order: 1;
    text-align: center;
    margin: 0 0 15px;
  }
  .cabinet_cart__goods_img img {
    height: 100%;
    width: auto;
  }
  .cabinet {
    margin-top: 10px;
  }
  .cabinet_cart__goods_price {
    flex: 0 1 100%;
    order: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .cabinet_cart__goods_price .cabinet_cart__price_uah,
  .cabinet_cart__goods_price .cabinet_cart__price_usd {
    flex: 0 1 100%;
  }
  .cabinet_cart__delete_item {
    position: static;
    flex: 0 1 100px;
    margin: 20px 0 0 0;
  }
  .cart__delete_item .prod_counter {
    margin: 0;
  }
  .cabinet_history__order_detail {
    flex-wrap: wrap;
  }
  .cabinet_history__img_group {
    flex: 0 1 100%;
    flex-wrap: wrap;
  }
  .cabinet_history__total {
    flex: 0 1 100%;
  }
  .cabinet_history__order_number,
  .cabinet_history__order_date,
  .cabinet_history__order_status {
    flex: 0 1 33.3333333333%;
  }
  .cabinet_history__order_date {
    text-align: right;
  }
  .cabinet__wl_img_group {
    flex-wrap: wrap;
  }
  .cabinet__wl_total {
    flex-wrap: wrap;
  }
  .fltr__mobile_close {
    display: none;
  }
  .fltr__mobile_close.active {
    display: flex;
    top: 66px;
    right: 38px;
    width: 18px;
    height: 18px;
  }
  .filter_conditions .catalog_sorted__buy_btn {
    display: none;
  }
  .catalog_sorted .catalog_sorted__filter .filter_conditions > .catalog_sorted__buy_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background-color: rgba(242, 242, 242, 0.9490196078);
  }
  .catalog_sorted .catalog_sorted__filter .filter_conditions > .catalog_sorted__buy_btn .btn_filter {
    font-size: 16px;
    padding: 10px 30px;
  }
  .catalog_sorted__price_uah,
  .new_goods__price_uah,
  .brand_models__price_uah,
  .compare__price_uah {
    font-size: 20px;
  }
  .catalog .section_name h2 {
    font-size: 18px;
  }
  .catalog .breadcrumbs ul span {
    font-size: 14px;
  }
  .form_reminder__text a {
    display: block;
    margin-top: 10px;
  }
  .form_sub_btn.reg {
    padding: 15px 12px;
  }
  .form_sub_btn.send {
    padding: 15px 72px;
  }
  .personal_data .form_sub_btn {
    padding: 10px 60px;
  }
  .contact_ad__gender .chose_condition {
    flex-wrap: wrap;
  }
  .cabinet_cart .form_sub_btn {
    padding: 15px 30px;
  }
  .cabinet_cart .total__sum_uah {
    font-size: 24px;
  }
  .cabinet_cart .total__sum_usd {
    font-size: 18px;
  }
  .catalog .section_name h2 {
    font-size: 13px;
  }
  .catalog .breadcrumbs ul span {
    padding: 5px 8px;
    font-size: 16px;
    font-weight: 400;
  }
  .catalog .breadcrumbs ul a {
    padding: 0;
  }
  .catalog .catalog__group .catalog__group_item {
    min-height: 250px;
  }
  .form_sub_btn {
    padding: 15px 70px;
  }
  .form_sub_btn.reg {
    padding: 15px 15px;
    font-size: 18px;
  }
  .catalog_sorted .section__cp_field {
    font-weight: 600;
    font-size: 20px;
    margin: 25px 0 20px;
  }
  .form_sub_btn.send {
    padding: 15px 46px;
  }
  .personal_data .form_sub_btn {
    padding: 10px 20px;
    margin: 0 0 20px 0;
  }
  .item {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 30px;
    flex-direction: column-reverse;
  }
  .item__left,
  .item__right {
    flex-wrap: wrap;
    display: flex;
  }
  .item__left {
    order: 1;
  }
  .item__right {
    order: 2;
  }
  .item__view,
  .item__left_guarantee,
  .item__ordering {
    width: 100%;
    padding: 10px 13px;
  }
  .item__ordering_name {
    font-size: 24px;
  }
  .item__ordering_name h1 {
    text-align: center;
  }
  .item__left_guarantee_object {
    padding: 0px 0 0 50px;
  }
  .item__buy {
    flex-wrap: wrap;
  }
  .chose_condition {
    display: flex;
    flex-wrap: wrap;
  }
  .chose_condition .condition {
    margin: 5px;
  }
  .chose_condition .condition .btn_cc {
    margin: 0px;
  }
  .item__quick_buy_btn,
  .item__compare,
  .item__favorite,
  .item__buy_btn {
    width: calc(50% - 8px);
  }
  .item__quick_buy_btn {
    order: 1;
    width: 100%;
    max-width: 1920px;
    margin: 0;
  }
  .quick_buy_btn br {
    display: none;
  }
  .item__buy_btn {
    order: 3;
    margin: 0 0 25px;
  }
  .buy_variants {
    order: 3;
    max-width: 1200px;
    display: flex;
    width: 100%;
    margin: 0;
    max-width: 160px;
  }
  .buy_variants .item__buy_btn {
    width: 100%;
  }
  .item__compare {
    display: flex;
    order: 5;
    justify-content: center;
    margin: 0 8px 0 0;
  }
  .payment_types {
    width: 100%;
    margin: 0 0 20px;
  }
  .item__favorite {
    display: flex;
    order: 6;
    justify-content: center;
    margin: 0 8px 0 0;
  }
  .quick_buy_btn {
    height: 50px;
    padding: 0 15px;
    margin: 0 0 25px;
    width: 100%;
  }
  .item__buy .buy_btn {
    margin: 0;
  }
  .item__buy .buy_btn::before {
    position: absolute;
    content: "";
    background-image: url(../images/icons/icon-cart-white.svg);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 25px;
    top: 10px;
  }
  .item__product_img {
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: 0 auto 20px;
  }
  .item__product_img img {
    width: 100%;
    height: auto;
    border-radius: 15px;
  }
  .item__all_char_text {
    margin: 5px auto;
  }
  /* .item__left_object,
  .item__left_object:nth-child(3),
  .item__left_object:nth-child(4),
  .item__left_object:last-child {
      max-width: initial;
      width: 20%;
      margin: 0 5px 10px 5px;
    } */
  .item__ordering {
    padding: 10px 0 20px;
    margin: 0;
    z-index: 1;
    position: relative;
  }
  .item > .item__right {
    display: none;
    width: 100%;
  }
  .item__left .item__view .item__ordering {
    display: block;
  }
  .item > .item__right .item__ordering {
    padding: 20px;
    margin-top: 5px;
  }
  .item__all_char .swiper {
    max-width: 310px;
  }
  .catalog_sorted {
    margin: 25px 0 0;
  }
  .product_breadcumbs {
    order: 1;
    justify-content: flex-start;
    margin: 25px 0 0 0;
  }
  .header__opening_hours {
    margin: 20px 0 0 20px;
  }
  .header__address__point {
    /* max-width: 230px; */
    width: 100%;
    margin: 0 auto 0;
  }
  .header__address__point span {
    /* padding-left: 20px; */
    width: 100%;
    text-align: start;
    padding: 0;
  }
  .header__address__point span::after {
    content: none;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 14px;
    height: 14px;
    background-image: url(/images/icons/icon-map-point-white.svg);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
  }
  .header__lang_changer_mobile {
    display: flex;
    max-width: 100px;
    width: 100%;
    justify-content: space-around;
    border: 1px solid #ffffff;
    border-radius: 39px;
    margin: 20px 0 0 20px;
    padding: 11px 8px;
  }
  .header__lang_changer_mobile a {
    text-decoration: none;
    color: #ffffff;
    display: flex;
  }
  .header__lang_changer_mobile span {
    padding: 0 1px 0 1px;
    border-radius: 39px;
  }
  .header__lang_changer_mobile .lang_active {
    text-decoration: underline;
    background: transparent;
    color: #ffffff;
  }
  .cart__left_group_item {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .cart__goods_img {
    flex: 0 1 90px;
  }
  .cart__brief_description,
  .cart__goods_price {
    flex: 0 1 calc(100% - 90px);
    padding: 0 0 0 20px;
    align-items: flex-start;
    display: flex;
    align-self: flex-start;
    flex-wrap: wrap;
  }
  .cart__brief_description .cart__price_uah,
  .cart__brief_description .cart__price_usd,
  .cart__goods_price .cart__price_uah,
  .cart__goods_price .cart__price_usd {
    justify-content: flex-start;
    text-align: left;
  }
  .cart__brief_description .cart__delete_item,
  .cart__goods_price .cart__delete_item {
    width: 90px;
  }
  .cart__delete_wrapper {
    justify-content: flex-start;
    display: flex;
    padding: 0 0 0 34px;
    margin: 0 10px 0 0;
  }
  .cart__left {
    flex: 0 0 100%;
    padding: 30px 20px;
  }
  .cart__right_header {
    flex-wrap: wrap;
  }
  .cart__right {
    flex: 100%;
    padding: 30px 20px;
    margin: 50px 0 0;
  }
  .cart__right h1 {
    margin: 0 0 20px;
  }
  .cart__right .two_inputs,
  .cart__right .total {
    flex-wrap: wrap;
  }
  .cart__right .two_inputs .total__sum,
  .cart__right .two_inputs .total__text,
  .cart__right .total .total__sum,
  .cart__right .total .total__text {
    flex: 0 0 100%;
    justify-content: flex-end;
    text-align: right;
    margin: 0 0 10px;
  }
  .cart__right .form_row__item {
    width: 100%;
  }
  .cart__right .form_block {
    margin-top: 0;
  }
  .other_person .form_row__item,
  .two_inputs .form_row__item {
    margin: 0 0 20px;
  }
  .other_person {
    margin: 0 0 25px;
  }
  .current_article__main_img {
    border-radius: 13px 13px 0 0;
  }
  .current_article__main_img img {
    width: 100%;
    height: auto;
    border-radius: 13px 13px 0 0;
  }
  .current_article__main {
    padding: 30px 16px;
    background-color: #ffffff;
    border-radius: 0 0 13px 13px;
  }
  .brand_models {
    margin: 30px 0;
    overflow-x: hidden;
    overflow: hidden; /* Забирає прокрутку повністю */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
  .brand_models::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  aside {
    display: flex;
    flex: 0 1 100%;
    height: auto;
    margin: 0 0 20px 0;
  }
  .blog__sa_group {
    display: table;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .blog__sa_group .blog__sa_item {
    margin: 0 0 20px;
  }
  .blog__sa_item {
    flex: 0 1 100%;
    height: 300px;
    padding: 30px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 20px 8px 20px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  }
  .blog__sa_item:hover {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.12), 0 2px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .blog .blog__top_article_blog {
    width: 100%;
    height: 340px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    position: relative;
    margin: 0 0 16px;
  }
  .blog .blog__articles_group_blog,
  .blog .blog__sa_group_blog {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 8px 0;
    min-width: 355px;
  }
  .blog .blog__articles_item_blog {
    flex: 0 1 100%;
    height: 340px;
    padding: 30px 0;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 1920px;
  }
  .blog .blog__articles_item_blog:first-child {
    margin: 0 0 8px 0;
  }
  .blog .blog__sa_item_blog {
    flex: 0 1 100%;
    height: 340px;
    padding: 15px 30px 0;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 8px 0;
    max-width: 1920px;
  }
  .blog .blog__sa_item_blog:nth-child(3),
  .blog .blog__sa_item_blog:nth-child(6) {
    margin-right: 0;
  }
  .blog .blog__pagination {
    margin: 0;
  }
  .blog .blog__ta_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 15px 0;
  }
  .blog .blog__ai_title {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
  }
  .blog .blog__ai_title h2 {
    padding: 0 10px 0;
  }
  .blog .blog__sa_title {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    padding: 0;
  }
  .blog .blog__sa_title h2 {
    padding: 0;
  }
  .blog .blog__sa_subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
  .blog .blog__top_article h2 {
    font-size: 1.3rem;
  }
  .contact_details__data_field,
  .cda__data_field,
  .contact_ad__data_field,
  .contact_details__data_value,
  .contact_ad__data_value,
  .cda__data_value {
    width: 100%;
    flex: 0 0 100%;
  }
  .contact_details__data_field,
  .cda__data_field,
  .contact_ad__data_field {
    margin: 0 0 5px;
  }
  .cabinet__right_part {
    order: 1;
  }
  .cabinet .cabinet__left_part {
    display: flex;
    order: 2;
    flex: 0 0 100%;
  }
  .advertising__text {
    font-size: 17px;
    font-weight: 600;
  }
  .new_goods__buy {
    justify-content: space-around;
  }
  .new_goods__favorite,
  .brand_models__favorite {
    margin: 0 10px 0 0;
  }
  .new_goods__compare,
  .brand_models__compare {
    margin: 0 0 0 10px;
  }
  .item__price {
    justify-content: center;
  }
  .payment_types .item__price {
    margin: 0 0 10px;
    flex-wrap: wrap;
    width: 100%;
    flex: 0 0 100%;
    justify-content: center;
  }
  .payment_types .item__price span {
    justify-content: center;
  }
  .item__product_code {
    text-align: center;
  }
  .contacts__address {
    flex-wrap: wrap;
  }
  .contacts .contacts__address_left,
  .contacts .contacts__address_right {
    order: 2;
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border-radius: 13px;
    box-shadow: 0px 2px 9px -2px rgba(0, 0, 0, 0.35);
  }
  .contacts .block_title__breadcrumbs {
    display: none;
  }
  .contacts .contacts__address_right {
    order: 1;
    height: 300px;
    margin: 0 0 40px;
  }
  .contacts .contacts__htf_img_item {
    width: 100%;
    flex: 0 0 100%;
    margin: 0 0 20px;
  }
  .contacts .contacts__htf_img_item:last-child img {
    border-radius: 13px;
  }
  .contacts .contacts__htf_img_item img {
    border-radius: 13px;
  }
  .contacts .contacts__map iframe {
    border-radius: 13px;
  }
  .block_title {
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
  }
  .container {
    padding: 44px 10px 40px;
  }
  .footer__container {
    padding: 44px 10px;
  }
  .contacts__address_title h2 {
    font-size: 1.75rem;
  }
  .section__title {
    flex-wrap: wrap;
  }
  .section_name,
  .section__breadcrumbs {
    width: 100%;
  }
  .breadcrumbs li:first-child span {
    padding-left: 0;
    padding: 5px 8px;
    font-size: 16px;
    font-weight: 400;
  }
  .new_goods__product_name {
    padding: 0;
  }
  .new_goods__price {
    padding: 0;
  }
  .new_goods__price .new_goods__price_uah {
    text-align: start;
  }
  .brand_models__product_name {
    padding: 0;
  }
  .brand_models__price {
    padding: 0;
  }
  .brand_models__price .brand_models__price_uah {
    text-align: start;
  }
  .compare__price {
    display: flex;
    justify-content: center !important;
    margin-top: auto;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 !important;
  }
  .compare__price .compare__price_uah {
    margin-bottom: 7px;
  }
  .compare__price .compare__price_uah,
  .compare__price .compare__price_usd {
    width: 100%;
    text-align: center;
  }
  .compare__buy {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 25px;
    position: relative;
    z-index: 100;
  }
  .compare__buy .buy_btn {
    margin-top: 10px;
  }
  .brand_models__product_name {
    margin: 45px 0 15px;
  }
  .catalog_sorted__product_name {
    padding: 0;
  }
  .catalog_sorted__product_name.is_new::after {
    left: 0;
  }
  .catalog_sorted__price_uah {
    margin: 0 0 7px;
    text-align: start;
    width: 100%;
  }
  .catalog_sorted__price_usd {
    margin: 0;
    text-align: start;
    width: 100%;
  }
  .sorted_goods_container {
    margin-top: 30px;
  }
  .section__cp_value_item {
    margin: 0;
  }
  .faq .block_title__name {
    margin: 0 0 15px;
  }
  .faq .faq__left,
  .faq .faq__right {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    order: 2;
  }
  .faq .faq__left {
    order: 1;
    margin: 0 0 25px;
  }
  .faq__right .faq__ib_item {
    margin: 0;
  }
  .faq__ib_item:first-child .faq__ib_item_title::before {
    right: -19px;
    top: -13px;
  }
  .faq__ib_item_title::before {
    right: -19px;
    top: -13px;
  }
  .item__ordering_name.is_new::after {
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
  }
  .cda__city,
  .cda__address {
    display: table;
    width: 100%;
  }
  .cda__city .cda__data_field,
  .cda__address .cda__data_field {
    margin: 0 0 5px 0;
  }
  .compare .condition_switcher .chose_condition .cc_all {
    margin: 0 20px 10px 0;
  }
  .compare .condition_switcher .show_condition {
    margin: 10px 10px 15px 0;
  }
  .pg_article section.info {
    margin: 0;
  }
  .header__user_block {
    width: 100%;
    max-width: 95px;
    gap: 12px;
  }
  .header__user_block .header__user {
    /* display: none; */
  }
  .header__user_block .header__search {
    display: flex;
  }
  .header__user_block .header__comparison {
    display: none;
  }
  .header__theme_changer_mobile {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 80px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 39px;
    cursor: pointer;
    margin: 20px 0 50px 20px;
  }
  .compare__characteristics {
    flex-wrap: wrap;
    justify-content: center !important;
  }
  .brand_models__group_item.swiper-slide {
    margin: 0 8px 8px 0;
  }
  section {
    margin-top: 20px;
  }
  .item_desc {
    order: 3;
  }
  .header_guarantee.not_stock,
  .header_guarantee.expecting,
  .header_guarantee.in_stock {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 478px) {
  .new_goods__characteristics div,
  .compare__characteristics div {
    margin: 0 5px 5px;
  }
  .header__container {
    padding: 0 11px;
  }
  .slider {
    margin: 15px auto 0;
  }
  .info__text_block {
    padding: 20px 15px;
  }
  .info__title h3 {
    font-size: 1.3rem;
  }
  .msg_icon {
    width: 30px;
    height: 30px;
  }
  .advertising__item:nth-child(1) {
    border-radius: 15px 0 0 0;
  }
  .advertising__item:nth-child(1)::before {
    border-radius: 15px 0 0 0;
  }
  .advertising__item:nth-child(2) {
    border-radius: 0 15px 0 0;
  }
  .advertising__item:nth-child(2)::before {
    border-radius: 0 15px 0 0;
  }
  .advertising__item:nth-child(3) {
    flex: 0 1 100%;
    border-radius: 0 0 15px 15px;
  }
  .advertising__item:nth-child(3)::before {
    border-radius: 0 0 15px 15px;
  }
  .advertising__item:nth-child(4) {
    border-radius: 0 0 15px 0;
  }
  .advertising__item:nth-child(4)::before {
    border-radius: 0 0 15px 0;
  }
  .brand_models__group_item {
    padding: 20px;
  }
  .header__messengers_item {
    margin: 20px 0 0 20px;
  }
  .catalog__group_item {
    flex: 0 0 calc((100% - 8px) / 2);
  }
  .dark .catalog_sorted__img,
  .dark .new_goods__img,
  .dark .compare__img {
    height: 150px;
    width: 150px;
  }
  .dark .catalog_sorted__img img,
  .dark .new_goods__img img,
  .dark .compare__img img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
  }
  .dark .new_goods__buy {
    padding: 0;
  }
  .catalog_sorted__group_item .catalog_sorted__img,
  .catalog_sorted__group_item .new_goods__img,
  .catalog_sorted__group_item .compare__img,
  .compare__group_item .catalog_sorted__img,
  .compare__group_item .new_goods__img,
  .compare__group_item .compare__img,
  .new_goods__group_item .catalog_sorted__img,
  .new_goods__group_item .compare__img,
  .brand_models__group .catalog_sorted__img,
  .brand_models__group .new_goods__img,
  .brand_models__group .compare__img {
    height: 150px;
    width: 150px;
  }
  .catalog_sorted__group_item .catalog_sorted__img img,
  .catalog_sorted__group_item .new_goods__img img,
  .catalog_sorted__group_item .compare__img img,
  .compare__group_item .catalog_sorted__img img,
  .compare__group_item .new_goods__img img,
  .compare__group_item .compare__img img,
  .new_goods__group_item .catalog_sorted__img img,
  .new_goods__group_item .new_goods__img img,
  .new_goods__group_item .compare__img img,
  .brand_models__group .catalog_sorted__img img,
  .brand_models__group .new_goods__img img,
  .brand_models__group .compare__img img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
    object-fit: contain;
  }
  .item_desc,
  .tech_info {
    padding: 40px 30px;
  }
  .tech_info {
    order: 4;
  }
  .tech_info__text_item {
    width: 100%;
  }
  .tech_info__text_item:nth-child(2n+1) {
    border: none;
    padding: 0 0 30px;
  }
  .tech_info__text_item:nth-child(2n+2) {
    padding: 0 0 30px;
  }
  .tech_info__link {
    margin-top: 0;
  }
  .brand_models__characteristics {
    min-height: 80px;
  }
  .quick_buy__form_container {
    padding: 40px 20px;
  }
  .cart_add__group {
    padding: 0;
  }
  .cart_add__item {
    width: 100%;
    flex-wrap: wrap;
  }
  .cart_add__product_img,
  .cart_add__product_char {
    flex: 0 0 100%;
    align-items: flex-start;
    align-self: flex-start;
    padding: 0;
    margin: 0 0 20px;
  }
  .cart_add__product_img img,
  .cart_add__product_char img {
    max-width: 140px;
    margin: 0 auto;
    display: flex;
  }
  .cart_add__product_name {
    font-size: 1.25rem;
  }
  .modal_cart_add .cart_add__item {
    padding: 0 30px;
  }
  .cart_add__success::before {
    left: 25px;
  }
  .slider,
  .slider__item {
    height: 300px;
  }
  .slider__link {
    display: none;
  }
  .slide_img {
    display: flex;
    position: absolute;
    z-index: 1;
    justify-content: center;
    width: 100%;
    height: 300px;
  }
  .slide_img picture {
    object-position: center;
    object-fit: contain;
    width: 100%;
  }
  .slide_img img {
    display: flex;
    object-position: center;
    object-fit: contain;
    width: 100%;
  }
  .cabinet_cart__price_uah {
    font-size: 17px;
    margin: 11px 0 3px;
  }
  .blog h1 {
    font-weight: 700;
    margin: 0 0 50px 0;
  }
  .catalog_sorted__img {
    height: 150px;
  }
  .catalog_sorted__characteristics div {
    margin: 0 10px 10px 0;
  }
  .breadcrumbs ul,
  .breadcrumbs li {
    display: inline;
  }
  .breadcrumbs li {
    margin: 0 0 5px;
  }
  .mob_search {
    bottom: 30px;
    right: 30px;
  }
  .gallery {
    max-width: 420px;
    height: 420;
  }
  .gallery .swiper {
    padding: 30px;
  }
  .widget_block {
    padding: 12px 16px 10px;
  }
  .products_outer.widget_block {
    display: flex;
  }
  .product_item .product_image {
    height: 180px;
  }
  .product_item .product_row {
    justify-content: center;
  }
  .product_item .product_name {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .product_item .item__buy {
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 0;
  }
  .product_item .item__buy .buy_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0px 15px 0 30px;
  }
  .product_item .product_row .buy_variants {
    width: 100%;
    margin: 0;
  }
  .product_item .product_row .buy_variants .item__buy_btn {
    display: flex;
    justify-content: center;
  }
  .product_item .product_row .item__compare,
  .product_item .product_row .item__favorite {
    margin: 0;
  }
  .widget_swiper .swiper-button-next,
  .widget_swiper .swiper-button-prev {
    top: 22px;
    width: 30px;
    height: 30px;
    right: 0;
  }
  .widget_swiper .swiper-button-prev {
    right: 35px;
  }
  .buy_btn {
    padding: 8px 16px;
  }
}
@media screen and (max-width: 410px) {
  .catalog_sorted__buy_btn {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .catalog_sorted__buy_btn a {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .catalog_sorted__buy_btn a .buy_btn {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  .catalog_sorted__group_item .catalog_sorted__img,
  .catalog_sorted__group_item .new_goods__img,
  .catalog_sorted__group_item .compare__img,
  .compare__group_item .catalog_sorted__img,
  .compare__group_item .new_goods__img,
  .compare__group_item .compare__img,
  .new_goods__group_item .catalog_sorted__img,
  .new_goods__group_item .compare__img,
  .brand_models__group .catalog_sorted__img,
  .brand_models__group .new_goods__img,
  .brand_models__group .compare__img {
    height: 130px;
    width: 130px;
  }
  .catalog_sorted__group_item .catalog_sorted__img img,
  .catalog_sorted__group_item .new_goods__img img,
  .catalog_sorted__group_item .compare__img img,
  .compare__group_item .catalog_sorted__img img,
  .compare__group_item .new_goods__img img,
  .compare__group_item .compare__img img,
  .new_goods__group_item .catalog_sorted__img img,
  .new_goods__group_item .new_goods__img img,
  .new_goods__group_item .compare__img img,
  .brand_models__group .catalog_sorted__img img,
  .brand_models__group .new_goods__img img,
  .brand_models__group .compare__img img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
  }
  .compare .condition_switcher .chose_condition .cc_all {
    margin: 0 15px 10px 0;
  }
  .compare .condition_switcher .chose_condition .btn_cc {
    padding: 10px 10px;
  }
  .item__buy {
    justify-content: center;
  }
}
@media screen and (max-width: 375px) {
  .header__user_block {
    justify-content: flex-start;
  }
  .catalog_sorted__group_item .catalog_sorted__img,
  .catalog_sorted__group_item .new_goods__img,
  .catalog_sorted__group_item .compare__img,
  .compare__group_item .catalog_sorted__img,
  .compare__group_item .new_goods__img,
  .compare__group_item .compare__img,
  .new_goods__group_item .catalog_sorted__img,
  .new_goods__group_item .compare__img,
  .brand_models__group .catalog_sorted__img,
  .brand_models__group .new_goods__img,
  .brand_models__group .compare__img {
    height: 110px;
    width: 110px;
  }
  .catalog_sorted__group_item .catalog_sorted__img img,
  .catalog_sorted__group_item .new_goods__img img,
  .catalog_sorted__group_item .compare__img img,
  .compare__group_item .catalog_sorted__img img,
  .compare__group_item .new_goods__img img,
  .compare__group_item .compare__img img,
  .new_goods__group_item .catalog_sorted__img img,
  .new_goods__group_item .new_goods__img img,
  .new_goods__group_item .compare__img img,
  .brand_models__group .catalog_sorted__img img,
  .brand_models__group .new_goods__img img,
  .brand_models__group .compare__img img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
  }
}
.dark .product_menu {
  background: linear-gradient(180deg, #3e3e3e, #323232);
}

.dark .product_menu ul a {
  color: white;
}

.dark .product_menu .li_product_name a::before {
  filter: invert(1);
}

.dark .product_menu_cat {
  background: linear-gradient(180deg, #3e3e3e, #323232);
}

.dark .product_menu_cat ul a {
  color: white;
}

.dark .product_menu_cat .li_product_name a::before {
  filter: invert(1);
}

.dark .header__middle .product_menu_cat span {
  font-size: 15px;
  color: white;
}

.dark .product_menu ul a:hover {
  filter: saturate(0.24);
}

.dark .product_menu_cat ul a:hover {
  filter: saturate(0.24);
}

.dark .info__group_item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(210, 210, 210, 0.22), rgba(74, 74, 74, 0.82), black);
  opacity: 0.5;
}

.dark .catalog_sorted__pagination ul li {
  opacity: 0.8;
}

.dark .catalog_sorted__pagination ul li.active a {
  color: #019b76;
}

.dark .catalog_sorted__pagination ul a:hover {
  color: #019b76;
}

.dark .chose_condition .cc_active {
  border: 1px solid #00c595;
  background: none;
  color: #00c595;
}

.dark .chose_condition .btn_cc:hover {
  border: 1px solid #00c595;
  background: none;
  color: #009d76;
}

.dark {
  background-color: #272727;
}

.dark .header__top,
.dark .header__middle {
  background-color: #373838;
}

.dark .header__message {
  background-color: #6d4040;
}

.dark .logged path {
  fill: currentColor;
  color: #00c595;
  filter: saturate(0.24);
}

.dark .filter_sort__condition_value {
  background-color: #373838;
  color: #fff;
}

.dark .filter_sort__condition_value:hover {
  background-color: #00c595;
}

.dark .filter_sort__condition_group {
  border: 1px solid #616060;
}

.dark .header__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark .header__bottom {
  background-color: #373838;
}

.dark .header__bottom span {
  color: #ffffff;
}

.dark .header__form_search .input {
  background-color: rgba(12, 12, 12, 0.48);
  border: 1px solid rgba(12, 12, 12, 0.48);
}

.dark .header__form_search .input ::placeholder {
  color: #fafafa;
}

.dark .header__form_search input {
  color: #ffffff;
}

.dark .header__form_search .search_icon {
  filter: invert(1);
}

.dark .header_search_menu {
  background-color: rgba(12, 12, 12, 0.48);
}
.dark .header_search_menu svg path {
  fill: #ffffff;
}
.dark .header_search_menu input {
  color: #fafafa;
}
.dark .header_search_menu input::placeholder {
  color: #fafafa;
}

.dark .open_menu_search p li,
.dark .open_menu_search ul li {
  color: #fafafa;
}

.dark .open_menu_search p li span,
.dark .open_menu_search ul li span {
  font-weight: 400;
  color: #fafafa;
  opacity: 0.3;
}

.dark .open_menu_search p {
  color: #fafafa;
  opacity: 0.3;
}

.dark .open_menu_search .search_icon_categories,
.dark .open_menu_search .search_icon_categories2 {
  filter: invert(1);
}

.dark .quick_links_label,
.dark .search-section-label {
  color: #ffffff;
}

.dark .quick_links_list a {
  color: #fafafa;
}

.dark .advertising__item::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.82), black);
  opacity: 0.7;
}

.dark .advertising__text {
  color: #ffffff;
}

.dark .section_name h1,
.dark .section_name h2,
.dark .section_name h2 a {
  color: #ffffff;
}

.dark .new_goods__group_item,
.dark .brand_models__group_item,
.dark .item__view,
.dark .item__left_guarantee,
.dark .item__ordering,
.dark .catalog_sorted__group_item,
.dark .cabinet__left_part,
.dark .personal_data,
.dark .cabinet_cart,
.dark .cabinet__wish_lists,
.dark .catalog__group_item,
.dark .faq__ib_item,
.dark .current_article__main,
.dark .cabinet_login__form_container,
.dark .cart_add,
.dark .personal_data,
.dark .cabinet_cart,
.dark .cabinet_history,
.dark .cabinet_history_item,
.dark .cabinet__wish_lists,
.dark .cabinet_trade_in,
.dark .pagination_prev a,
.dark .pagination_next a,
.dark .mob_products,
.dark .quick_buy__form_container,
.dark .item_desc,
.dark .tech_info,
.dark .cart__left,
.dark .cart__right,
.dark .reset_row_form,
.dark .swiper {
  background-color: #3e3e3e;
  background: linear-gradient(180deg, #3e3e3e, #323232);
  color: white;
}

.dark .product_menu_cat .submenu {
  background-color: #3e3e3e;
  background: linear-gradient(180deg, #3e3e3e, #323232);
  color: white;
}

.dark .product_menu .submenu {
  background-color: #3e3e3e;
  background: linear-gradient(180deg, #3e3e3e, #323232);
  color: white;
}

.dark .cart__price_usd {
  color: white;
}

.dark .tech_info__value {
  color: white;
}

.dark .tech_info__link span {
  color: #9d9d9d;
}

.dark .tech_info__link span::before {
  filter: invert(1);
  opacity: 50%;
}

.dark .catalog_sorted__filter .filter_sort,
.dark .catalog_sorted__filter .filter_conditions {
  background-color: #3e3e3e;
  background: linear-gradient(180deg, #3e3e3e, #323232);
}

.dark .new_goods__product_name,
.dark .new_goods__price_uah,
.dark .new_goods__price_usd,
.dark .brand_models__product_name,
.dark .brand_models__price,
.dark .brand_models__price_usd,
.dark .item__ordering_name,
.dark .item__product_code,
.dark .item__price,
.dark .item__price_usd,
.dark .item__left_guarantee_object,
.dark .item__all_char_text,
.dark .filter_sort__title,
.dark .filter_sort__condition_current,
.dark .filter_conditions__title,
.dark .fc__current_value,
.dark .fc__current_quantity,
.dark .filter_condition__title,
.dark .catalog_sorted__product_name,
.dark .catalog_sorted__price_uah,
.dark .catalog_sorted__price_usd,
.dark .cabinet_cart__price_uah,
.dark .cabinet_cart__price_usd,
.dark .total__text,
.dark .total__sum_uah,
.dark .total__sum_usd,
.dark .cabinet__wl_quantity,
.dark .cabinet__wl_price,
.dark .cabinet__wl_price_usd,
.dark .catalog__product_name,
.dark .block_title__name,
.dark .faq__ib_item_title,
.dark .faq__ib_item_text,
.dark .cart_add__product_name,
.dark .cart_add__price_uah,
.dark .cart_add__price_usd,
.dark .cabinet_history__title,
.dark .cabinet_hi__title,
.dark .history_details__operation_date,
.dark .history_details__list_header,
.dark .history_details__product_name,
.dark .history_details__price_value,
.dark .history_details__quantity_value,
.dark .history_details__sum_value,
.dark .history_details__order_info,
.dark .history_details__total,
.dark .history_details__price_usd,
.dark .history_details__sum_usd,
.dark .history_details__total_sum_usd,
.dark .pagination_prev a,
.dark .pagination_next a,
.dark .li_product_name,
.dark .submenu__title,
.dark .quick_buy__title h2 {
  color: #ffffff;
}

.dark .quick_buy__close_area {
  background-color: rgba(0, 0, 0, 0.22);
}

.dark .history_details__price_usd,
.dark .history_details__sum_usd,
.dark .history_details__total_sum_usd {
  opacity: 0.5;
}

.dark .history_details .history_details__delivery_terms::before,
.dark .history_details .history_details__client_name::before,
.dark .history_details .history_details__client_phone::before,
.dark .history_details .history_details__client_email::before {
  filter: invert(1) brightness(2);
}

.dark .pagination_prev a:before,
.dark .pagination_next a:before {
  filter: invert(1) brightness(2);
}

.dark .item__left_guarantee_object p::before {
  filter: invert(1);
}

.dark .li_product_name img {
  display: table;
  width: 60%;
  margin: 0 auto 7px;
  border-radius: 15px;
}

.dark .filter_condition__value::before,
.dark .filter_condition__title::before,
.dark .filter_sort__condition_current::before {
  filter: invert(1);
}

.dark .goods_quantity::before {
  filter: invert(1);
}

.dark .goods_quantity.checked::before {
  filter: invert(1);
}

.dark .props_icons {
  filter: invert(1);
  border-radius: 50%;
}

.dark footer {
  background-color: #1e1e1e;
}

.dark .cabinet_cart h1,
.dark .cabinet__wl_title h1 {
  color: #ffffff;
}

.dark .cabinet__left_part li:hover a::before {
  filter: invert(0) saturate(0.24);
}

.dark .cabinet__left_part a {
  color: #ffffff;
}

.dark .cabinet__left_part a:visited,
.dark .cabinet__left_part a:link,
.dark .cabinet__left_part a:active {
  color: #ffffff;
}

.dark .cabinet__left_part a::before {
  filter: invert(1);
}

.dark .cabinet__left_part .active a::before {
  filter: invert(0) saturate(0.24);
}

.dark .cabinet__right_part h2,
.dark .cabinet__right_part .contact_details__data_field,
.dark .cabinet__right_part .cda__data_field,
.dark .cabinet__right_part .contact_ad__data_field,
.dark .cabinet__right_part .btn_cc {
  color: #ffffff;
}

.dark .cabinet_cart__group_item,
.dark .cabinet_history__item,
.dark .cabinet__wl_item,
.dark .cabinet_trade_in__item,
.dark .cart__left_group_item {
  background-color: #555;
}

.dark .buy_success__content {
  background-color: #555;
  color: white;
}

.dark .cabinet_cart__delete_wrapper {
  color: #ff1717;
  cursor: pointer;
  filter: brightness(240%);
}

.dark .cabinet_cart__delete_wrapper::before {
  filter: brightness(240%);
}

.dark .cabinet__wl_price_usd {
  opacity: 0.4;
}

.dark .cabinet__wl_props_delete {
  filter: brightness(600%);
}

.dark #amount {
  background: transparent;
  color: #ffffff;
}

.dark .breadcrumbs span {
  color: #ffffff;
}

.dark .breadcrumbs li + li::before {
  color: #ffffff;
}

.dark .faq__nav a {
  color: #ffffff;
}

.dark .current_article__main p,
.dark .current_article__main h1,
.dark .current_article__main h2,
.dark .current_article__main h3,
.dark .current_article__main h4,
.dark .current_article__main h5,
.dark .current_article__main h6,
.dark .current_article__main .current_article__publication_date,
.dark .cabinet_login__form_title p,
.dark .cabinet_login__form_title h1,
.dark .cabinet_login__form_title h2,
.dark .cabinet_login__form_title h3,
.dark .cabinet_login__form_title h4,
.dark .cabinet_login__form_title h5,
.dark .cabinet_login__form_title h6,
.dark .cabinet_login__form_title .current_article__publication_date {
  color: #ffffff;
}

.dark .cabinet_login label,
.dark .cart_add__place_order label {
  color: #ffffff;
}

.dark .cart_add__place_order a {
  filter: saturate(0.24);
  color: white;
}

.dark .alert-success,
.dark .cabinet_login a,
.dark .help-block {
  filter: saturate(0.24);
}

.dark .form_reminder__text p {
  color: #ffffff;
}

.dark .new_goods__img,
.dark .brand_models__img,
.dark .catalog_sorted__img,
.dark .compare__img {
  background: #fff;
  /* z-index: 100; */
  border-radius: 15px;
  position: relative;
  height: 242px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 0 50px;
}

.dark .compare__img {
  height: auto;
}

.dark .new_goods__img::before,
.dark .brand_models__img::before,
.dark .catalog_sorted__img::before,
.dark .compare__img::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0.031372549), #131414);
  position: absolute;
  z-index: 90;
  border-radius: 15px;
}

.dark .new_goods__img img,
.dark .brand_models__img img,
.dark .catalog_sorted__img img,
.dark .compare__img img {
  opacity: 0.95;
}

.dark .trade_in a {
  filter: saturate(0.24);
}

.dark .sub_btn,
.dark .buy_btn,
.dark .quick_buy_btn,
.dark .form_sub_btn,
.dark .btn_cc,
.dark .btn_param,
.dark .ng_compare,
.dark .ng_favorite,
.dark .goods_counter,
.dark .cart_add__success,
.dark .btn_add_list,
.dark .btn_buy_all,
.dark .btn-primary,
.dark .prod_counter,
.dark .cart__item_description_object,
.dark .cart__right_registration a {
  filter: saturate(0.24);
  color: white;
}

.dark .data_processing a,
.dark .show_all_chars span {
  filter: saturate(0.24);
}

.dark .show_condition,
.dark .chose_condition .condition .btn_cc,
.dark .inn_ilc {
  color: white;
}

.dark .chose_condition .condition .cc_active {
  color: #00c595;
}

.dark .cart_add__success p {
  font-size: 21px;
}

.dark .li_product_name:hover .submenu {
  box-shadow: 0px 7px 30px 10px rgba(0, 0, 0, 0.75);
}

.dark .submenu__item {
  width: 100%;
}

.dark .submenu__img {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  filter: invert(1);
}

.dark .submenu__img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.dark .new_goods__buy {
  padding: 0 30px;
}

.dark .header__goods_menu ul a:hover {
  filter: saturate(0.24);
}

.dark .item__left_object img {
  border-radius: 7px;
  opacity: 0.8;
}

.dark .item__product_img {
  background-color: #ffffff;
  border-radius: 15px;
  opacity: 0.85;
}

.dark .form_block .form_block__item .input,
.dark .form_block .form_block__item .form-control,
.dark .form_block .form_row__item .input,
.dark .form_block .form_row__item .form-control,
.dark .form_row .form_block__item .input,
.dark .form_row .form_block__item .form-control,
.dark .form_row .form_row__item .input,
.dark .form_row .form_row__item .form-control {
  background-color: rgba(12, 12, 12, 0.48);
  border: 1px solid rgba(12, 12, 12, 0.48);
}

.dark .form_block input,
.dark .form_row input {
  background-color: transparent;
  color: #ffffff;
}

.dark .cabinet_login__form_container .form_block input {
  /* -webkit-box-shadow: 0 0 0px 1000px #222 inset; */
}

.dark .cart_add__product_img img {
  border-radius: 35px;
  opacity: 0.9;
}

.dark .cart_add__close_area {
  background-color: #131414;
}

.dark .cabinet_cart__item_description span {
  filter: saturate(0.24);
}

.dark .item__left_object:hover {
  border: 1px solid rgba(255, 255, 255, 0.2196078431);
}

.dark .dropdown_content a:hover {
  background-color: #00c595;
  filter: saturate(0.24);
  color: #ffffff;
}

.dark .ui-widget-content {
  /* border: 1px solid #dddddd; */
  background: #353535;
  color: white;
}

.dark .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background-color: #272727;
}

.dark .ui-state-highlight,
.dark .ui-widget-content .ui-state-highlight,
.dark .ui-widget-header .ui-state-highlight {
  border: 1px solid #25cda4;
  background: #25cda4;
  /*border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;*/
  filter: saturate(0.24);
}

.dark .ui-state-active,
.dark .ui-widget-content .ui-state-active,
.dark .ui-widget-header .ui-state-active,
.dark a.ui-button:active,
.dark .ui-button:active,
.dark .ui-button.ui-state-active:hover {
  background: #25cda4;
  font-weight: normal;
  color: #ffffff;
  filter: saturate(0.24);
}

.dark .ui-state-default {
  background: #353535;
  font-weight: normal;
  color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 11px;
}

.dark .ui-state-hover,
.dark .ui-widget-content .ui-state-hover,
.dark .ui-widget-header .ui-state-hover,
.dark .ui-state-focus,
.dark .ui-widget-content .ui-state-focus,
.dark .ui-widget-header .ui-state-focus,
.dark .ui-button:hover,
.dark .ui-button:focus {
  border: 1px solid #505050;
  background: #505050;
  font-weight: normal;
  color: #ffffff;
  /*filter: brightness(1.5);*/
}

.dark .ui-datepicker .ui-datepicker-next {
  right: 5px;
  top: 6px;
  background: no-repeat center/30% url("/images/icons/icon-arrow-right-white.svg");
}

.dark .ui-datepicker .ui-datepicker-prev {
  left: 5px;
  top: 6px;
  background: no-repeat center/30% url("/images/icons/icon-arrow-right-white.svg");
  transform: rotate(180deg);
}

.dark .dropdown_content {
  background-color: #272727;
}

.dark .dropdown_content a {
  color: #ffffff;
}

.dark #slider-range .ui-state-default {
  background: #9e9d9d;
  width: 21px;
  height: 21px;
}

.dark #slider-range.ui-widget-content {
  background: #5a6663;
}

.dark .brand_models__img img {
  height: 241px;
}

.dark .current_article__text_block li {
  color: #ffffff;
}

.dark .catalog__img img {
  border-radius: 10px;
  opacity: 0.8;
}

.dark .cabinet_trade_in__order_number,
.dark .cabinet_history__order_number,
.dark .cabinet_history__goods_quantity,
.dark .cabinet_history__total_price,
.dark .cabinet_history__order_date {
  color: #fff;
}

.dark .order_in_processing {
  color: #97b1f5;
}

.dark .is_new::after {
  color: orange;
}

.dark .has_new div::after {
  color: orange;
}

.dark .comparison_list {
  background: linear-gradient(180deg, #3e3e3e, #323232);
  color: white;
}

.dark .comparison_list .comparison_list__link a {
  color: white;
}

.dark .compare .condition_switcher .chose_condition .btn_cc {
  color: white;
}

.dark .compare__common_description,
.dark .compare__detail_description {
  background: linear-gradient(180deg, #3e3e3e, #323232);
  color: white;
}

.dark .compare__common_description .compare__price_usd,
.dark .compare__detail_description .compare__price_usd {
  color: white;
}

.dark .mobile_search_block {
  background-color: #222;
}

.dark .mobile_search_block .footer__mobile_container {
  color: white;
}

.dark .mobile_search_block .footer__mobile_container .footer__mobile_tel a {
  color: white;
}

.dark .mobile_search_block .footer__form_search .input {
  background-color: #373838;
  border: 1px solid #373838;
}

.dark .mobile_search_block .footer__form_search .input input::placeholder {
  color: white;
}

.dark .mobile_search_block .footer__form_search .input input {
  color: white;
}

.dark .mobile_search_block .footer__form_search .search_icon {
  filter: invert(1);
}

.dark .mobile_search_block .wu_icon {
  background-image: url(/images/icons/icon-whatsapp.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.dark .mobile_search_block .viber_icon {
  background-image: url(/images/icons/icon-viber.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.dark .mobile_search_block .telegram_icon {
  background-image: url(/images/icons/icon-telegram.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.dark .mobile_search_block .fbm_icon {
  background-image: url(/images/icons/instagram-logo.svg);
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.dark .mobile_menu_block {
  background-color: #222;
}

.dark .block_title {
  color: white;
}

.dark .current_article__publication_date span {
  color: #ffffff;
}

.dark aside .blog__sa_item {
  background: linear-gradient(180deg, #3e3e3e, #323232);
}

.dark aside .blog__sa_title {
  color: white;
}

/* .dark .swiper-slide img {
  filter: brightness(0.7);
} */
.dark .swiper-slide {
  filter: brightness(0.7);
}

.dark .gallery {
  background-color: #3d3d3d;
}

.dark .close_modal_gallery::before {
  filter: invert(1);
}

.dark .icon_repair_mob {
  background-color: #222;
  border-bottom: 2px solid rgba(0, 197, 149, 0.5803921569);
  border-radius: 0;
}

.dark.preload::before {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(4px);
}
.dark.preload::after {
  border: 4px solid rgba(255, 255, 255, 0.15);
  border-top: 4px solid #8b939f;
  box-shadow: 0 0 10px rgba(94, 111, 114, 0.4);
}

.dark .blog_card_wrapper,
.dark .popup-content {
  background-color: #3e3e3e;
}
.dark .blog_card_title h2, .dark .blog_card_title h3 {
  color: #ffffff;
}
.dark .blog__card_date,
.dark .blog__card_views,
.dark .blog_tag_item {
  color: #ffffff;
}
.dark .blog__card_date::before,
.dark .blog__card_views::before,
.dark .blog_tag_item::before {
  filter: invert(1);
}
.dark .blog_tag_item {
  border: 1px solid #ffffff;
}
.dark .popup-content h3, .dark .popup-content .close-popup {
  color: #ffffff;
}
.dark .popup-content .timer {
  color: #f5f5f7;
}
.dark .popup-body p, .dark .popup-body .user-phone {
  color: #ffffff;
}
.dark .code-input {
  background-color: #222;
  color: #ffffff;
}
.dark .current_article_views {
  color: #ffffff;
}
.dark .current_article_views::before {
  filter: invert(1);
}

.tradein-success-message {
  max-width: 460px;
  margin: 50px auto;
  padding: 16px 20px;
  background: #e6fff5;
  border: 1px solid #00c595;
  border-radius: 8px;
  text-align: center;
}

.discount_device_image {
  width: 350px;
  height: 350px;
  max-width: 100%;
}

.tradein_menu .select_tradein {
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
}

.tradein_menu .select_tradein > div[data-tradein-id] {
  flex: 0 0 auto;
  line-height: 1.4;
}

@media screen and (min-width: 769px) and (max-width: 1194px) {
  .tradein_all {
    min-width: 0;
    overflow-x: hidden;
  }
  .tradein_page_header h1 {
    font-size: 30px;
  }
  .guide_content {
    width: 100%;
    padding: 0 24px;
    margin-bottom: 40px;
  }
  .background_tradein img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .text_tradein {
    height: auto;
  }
  .text_tradein h3 {
    font-size: 26px;
  }
  .text_tradein .text_tradein_info p {
    font-size: 16px;
    line-height: 1.45;
  }
  .tradein_name {
    margin: 28px 24px;
  }
  .tradein_name h2 {
    font-size: 26px;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .tradein_choice {
    width: 100%;
    margin: 0 0 28px;
    overflow: hidden;
  }
  .tradein_choice ul {
    width: 100%;
    padding: 0 24px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .tradein_choice ul::-webkit-scrollbar {
    display: none;
  }
  .tradein_choice .navigation_select {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .tradein_choice .navigation_select_icon {
    width: 90px;
    height: 90px;
  }
  .tradein_choice .navigation_select span {
    font-size: 16px;
  }
  .tradein_menu .tradein_menu_left,
  .tradein_menu .tradein_menu_right,
  .tradein_menu .select_menu {
    min-width: 0;
    width: 100%;
    max-width: none;
  }
  .tradein_menu .select_menu {
    margin-right: 0;
  }
  .tradein_menu .model_select input[type=text] {
    font-size: 16px;
  }
  .tradein_menu .tradein_menu_right {
    border-radius: 8px;
  }
  .device_names,
  .device_names_buy {
    min-width: 0;
  }
  .price_rating .price_description {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .tradein_application_choice {
    margin-right: 24px;
    margin-left: 24px;
  }
  .tradein_application_choice .application_choice_discount {
    width: 100%;
    max-width: 520px;
    margin-right: auto;
    margin-left: auto;
  }
  .discount_device_image {
    width: 100%;
    max-width: 350px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .tradein_application_text1,
  .tradein_application_form,
  .tradein_application_text2 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .tradein_application_form form {
    display: grid;
    gap: 16px;
    align-items: end;
  }
  .tradein_application_form form .application_form_name,
  .tradein_application_form form .application_form_email,
  .tradein_application_form form .application_form_phone {
    min-width: 0;
    margin-right: 0;
  }
  .tradein_application_form form input {
    min-height: 48px;
    font-size: 16px;
  }
  .tradein_application_form form .form_button {
    min-height: 48px;
    width: 100%;
  }
  .tradein_application_text2 .text2_description {
    min-width: 0;
  }
  .tradein_application_text2 .text2_description .application_text2_description_left,
  .tradein_application_text2 .text2_description .application_text2_description_right {
    padding: 0 16px 0 20px;
  }
  .tradein_contact_faq {
    padding: 32px 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .guide_content {
    align-items: flex-start;
  }
  .block_guide {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }
  .background_tradein {
    width: 100px;
    height: 100px;
  }
  .block_guide_arrow {
    flex: 0 0 60px;
    padding-top: 30px;
  }
  .block_guide_arrow svg {
    width: 60px;
  }
  .tradein_menu {
    flex-direction: column;
    padding: 0 24px;
    margin-bottom: 28px;
  }
  .tradein_menu .select_menu {
    margin-bottom: 20px;
  }
  .tradein_menu .tradein_menu_device {
    width: 100%;
    justify-content: center;
    padding: 0 20px 20px;
  }
  .device_image,
  .device_image_exchange {
    width: 160px;
    height: 160px;
  }
  .tradein_application_choice {
    flex-direction: column;
  }
  .tradein_application_choice .application_choice_discount {
    flex: 0 0 auto;
  }
  .tradein_application_form form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tradein_application_form form .application_form_name,
  .tradein_application_form form .application_form_email,
  .tradein_application_form form .application_form_phone {
    width: 100%;
  }
  .tradein_application_text2 .text2_description {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1194px) {
  .guide_content {
    width: 82%;
  }
  .background_tradein {
    width: 120px;
    height: 120px;
  }
  .block_guide_arrow svg {
    width: 70px;
  }
  .tradein_menu {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) minmax(0, 3fr);
    gap: 24px;
    padding: 0 28px;
    margin-bottom: 28px;
  }
  .tradein_menu .tradein_menu_device {
    padding: 0 16px 20px;
  }
  .device_image,
  .device_image_exchange {
    width: 150px;
    height: 150px;
  }
  .device_names,
  .device_names_buy {
    padding: 0 16px;
  }
  .tradein_application_form form {
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(160px, auto);
  }
  .tradein_application_form form .application_form_name,
  .tradein_application_form form .application_form_email,
  .tradein_application_form form .application_form_phone {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .tradein_all {
    min-width: 0;
    overflow-x: hidden;
  }
  .tradein_page_header {
    padding: 10px 12px 0;
  }
  .tradein_page_header h1 {
    font-size: 28px;
    line-height: 1.2;
  }
  .tradein_page_header p {
    font-size: 15px;
    line-height: 1.45;
  }
  .guide_content {
    width: 100%;
    max-width: 420px;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 0 16px;
  }
  .block_guide_arrow {
    display: none;
  }
  .background_tradein {
    width: 110px;
    height: 110px;
    margin-bottom: 12px;
  }
  .background_tradein img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .text_tradein {
    height: auto;
    margin-bottom: 24px;
  }
  .text_tradein h3 {
    font-size: 24px;
    padding-bottom: 6px;
  }
  .text_tradein .text_tradein_info p {
    font-size: 16px;
    line-height: 1.45;
  }
  .tradein_exchange,
  .tradein_application,
  .tradein_contact_faq {
    border-radius: 16px;
  }
  .tradein_exchange,
  .tradein_buy {
    margin-bottom: 24px;
  }
  .tradein_name {
    align-items: flex-start;
    margin: 24px 16px 20px;
  }
  .tradein_name .circle {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    font-size: 24px;
  }
  .tradein_name h2 {
    min-width: 0;
    font-size: 24px;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .tradein_choice {
    width: 100%;
    margin: 0 0 24px;
    overflow: hidden;
  }
  .tradein_choice ul {
    width: 100%;
    padding: 0 16px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .tradein_choice ul::-webkit-scrollbar {
    display: none;
  }
  .tradein_choice .navigation_select {
    flex: 0 0 auto;
    margin-right: 12px;
    scroll-snap-align: start;
  }
  .tradein_choice .navigation_select_icon {
    width: 80px;
    height: 80px;
  }
  .tradein_choice .navigation_select span {
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
  }
  .tradein_menu {
    flex-direction: column;
    padding: 0 16px;
    margin-bottom: 24px;
  }
  .tradein_menu .tradein_menu_left,
  .tradein_menu .tradein_menu_right {
    max-width: none;
    width: 100%;
    border-radius: 8px;
  }
  .tradein_menu .select_menu {
    width: 100%;
    margin: 0 0 16px;
  }
  .tradein_menu .model_select,
  .tradein_menu .memory_capacity_select,
  .tradein_menu .memory_select,
  .tradein_menu .internet_select,
  .tradein_menu .year_select,
  .tradein_menu .watch_select,
  .tradein_menu .model_select input[type=text] {
    font-size: 16px;
  }
  .tradein_menu .tradein_menu_device {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 0 16px 20px;
  }
  .device_images {
    width: 100%;
  }
  .device_image,
  .device_image_exchange {
    width: min(180px, 65vw);
    height: min(180px, 65vw);
  }
  .device_names,
  .device_names_buy {
    width: 100%;
    padding: 0;
  }
  .device_names .device_name .device_name_main,
  .device_names_buy .device_name .device_name_main {
    font-size: 20px;
  }
  .price_rating {
    align-items: flex-start;
  }
  .price_rating .price_description {
    min-width: 0;
    padding-right: 26px;
    overflow-wrap: anywhere;
  }
  .tradein_application_choice {
    flex-direction: column;
    margin: 0 16px 24px;
  }
  .application_choice_price,
  .application_choice_discount,
  .application_choice_surcharge,
  .tradein_application_choice .application_choice_discount {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 16px;
    padding: 16px;
  }
  .choice_price_head {
    width: 100%;
    font-size: 21px;
    line-height: 1.3;
  }
  .discount_device_image {
    width: 100%;
    max-width: 350px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .price_content_button {
    width: 100%;
    margin: 16px 0 0;
    padding: 16px;
  }
  .price_content_button .price_content_button_ua {
    font-size: 24px;
    overflow-wrap: anywhere;
  }
  .tradein_application_text1,
  .tradein_application_form,
  .tradein_application_text2 {
    margin: 0 16px 24px;
  }
  .tradein_application_text1 {
    font-size: 16px;
    line-height: 1.5;
  }
  .tradein-success-message,
  .tradein-error-message {
    width: calc(100% - 32px);
    overflow-wrap: anywhere;
  }
  .tradein_application_form form {
    flex-direction: column;
    align-items: stretch;
  }
  .tradein_application_form form .application_form_name,
  .tradein_application_form form .application_form_email,
  .tradein_application_form form .application_form_phone {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 18px;
  }
  .tradein_application_form form .application_form_name input,
  .tradein_application_form form .application_form_email input,
  .tradein_application_form form .application_form_phone input {
    min-height: 48px;
    padding: 12px;
    font-size: 16px;
  }
  .tradein_application_form form .application_form_button,
  .tradein_application_form form .form_button {
    width: 100%;
  }
  .tradein_application_form form .form_button {
    min-height: 48px;
  }
  .tradein_application_text2 {
    justify-content: flex-start;
  }
  .tradein_application_text2 .application_text2_head {
    font-size: 21px;
    line-height: 1.35;
  }
  .tradein_application_text2 .text2_description {
    flex: 0 0 100%;
    width: 100%;
  }
  .tradein_application_text2 .text2_description .application_text2_description_left,
  .tradein_application_text2 .text2_description .application_text2_description_right {
    width: 100%;
    padding: 0 0 0 20px;
  }
  .tradein_application_text2 .text2_description .description_text {
    padding: 10px 0;
    line-height: 1.45;
  }
  .tradein_application_terms {
    padding: 0 16px;
    text-align: center;
  }
  .tradein_contact_faq {
    padding: 24px 16px;
  }
  .tradein_telegram_block {
    padding: 20px 16px;
    margin-bottom: 28px;
  }
  .tradein_telegram_btn {
    width: 100%;
  }
  .tradein_faq_title {
    font-size: 23px;
  }
  .tradein_faq_item {
    padding: 14px 16px;
  }
  .tradein_faq_item summary {
    min-width: 0;
    font-size: 16px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
}
@media screen and (max-width: 480px) {
  .tradein_page_header h1 {
    font-size: 25px;
  }
  .tradein_name h2 {
    font-size: 21px;
  }
  .tradein_menu,
  .tradein_application_choice {
    padding-right: 12px;
    padding-left: 12px;
  }
  .tradein_menu {
    padding-right: 12px;
    padding-left: 12px;
  }
  .tradein-success-message {
    width: calc(100% - 24px);
  }
  .tradein_telegram_block {
    justify-content: center;
    text-align: center;
  }
}


/*# sourceMappingURL=prod_final_style.css.map */